Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/5335.922a6702.iframe.bundle.js

129 lines
628 KiB
JavaScript
Raw Permalink Normal View History

deploy: 9c58f198cfb7f1413bc83775fa2d9cc5bd5775fb
2024-09-20 02:54:20 +00:00
"use strict";(self.webpackChunk_woocommerce_storybook=self.webpackChunk_woocommerce_storybook||[]).push([[5335],{"../../node_modules/.pnpm/@emotion+use-insertion-effect-with-fallbacks@1.0.1_react@17.0.2/node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{var react__WEBPACK_IMPORTED_MODULE_0___namespace_cache;__webpack_require__.d(__webpack_exports__,{i:()=>useInsertionEffectWithLayoutFallback,s:()=>useInsertionEffectAlwaysWithSyncFallback});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),useInsertionEffect=!!(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2))).useInsertionEffect&&(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_0___namespace_cache=__webpack_require__.t(react__WEBPACK_IMPORTED_MODULE_0__,2))).useInsertionEffect,useInsertionEffectAlwaysWithSyncFallback=useInsertionEffect||function syncFallback(create){return create()},useInsertionEffectWithLayoutFallback=useInsertionEffect||react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect},"../../node_modules/.pnpm/@storybook+addon-docs@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_encoding@0.1.13_re_j5ticmbniq4dpeaytax4zse4vy/node_modules/@storybook/addon-docs/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{uY:()=>ArgsTable2,VY:()=>DescriptionContainer,h1:()=>PRIMARY_STORY,Tn:()=>Primary,om:()=>Stories,Pd:()=>Subtitle2,hE:()=>Title3});var react=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),chunk_GWAJ4KRU=__webpack_require__("../../node_modules/.pnpm/@storybook+blocks@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_encoding@0.1.13_react-_m3o6knmeioxjbyubghiv2e2viy/node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),dist=__webpack_require__("../../node_modules/.pnpm/@storybook+theming@7.6.19_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/theming/dist/index.mjs"),chunk_EIRT5I3Z=__webpack_require__("../../node_modules/.pnpm/@storybook+theming@7.6.19_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/theming/dist/chunk-EIRT5I3Z.mjs"),components_dist=__webpack_require__("../../node_modules/.pnpm/@storybook+components@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/components/dist/index.mjs"),chunk_LWG3MFN2=__webpack_require__("../../node_modules/.pnpm/@storybook+components@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/components/dist/chunk-LWG3MFN2.mjs"),polished_esm=__webpack_require__("../../node_modules/.pnpm/polished@4.2.2/node_modules/polished/dist/polished.esm.js"),external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),pickBy=__webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/pickBy.js"),pickBy_default=__webpack_require__.n(pickBy),csf_dist=__webpack_require__("../../node_modules/.pnpm/@storybook+csf@0.1.2/node_modules/@storybook/csf/dist/index.mjs"),external_STORYBOOK_MODULE_CLIENT_LOGGER_=__webpack_require__("@storybook/client-logger");function n(){return n=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},n.apply(this,arguments)}const e=["children","options"],r=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marg
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#argstable-block
`);let parameters,component,subcomponents,context=(0,react.useContext)(DocsContext);try{({parameters,component,subcomponents}=context.storyById())}catch{let{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");({projectAnnotations:{parameters}}=context.resolveOf(of,["component"]))}let{include,exclude,components:components2,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||parameters.controls?.sort,main=((props={},component)=>{let{of}=props,{story}=props;if(isShortcut(of)||isShortcut(story))return component||null;if(!of)throw new Error("No component found.");return of})(props,component);if(storyName)return react.createElement(StoryTable,{...props,component:main,subcomponents,sort});if(!components2&&!subcomponents){let mainProps;try{mainProps={rows:extractComponentArgTypes2(main,parameters,include,exclude)}}catch(err){mainProps={error:err.message}}return react.createElement(ArgsTable,{...mainProps,sort})}if(components2)return react.createElement(ComponentsTable,{...props,components:components2,sort,parameters});let mainLabel=getComponentName(main);return react.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort,parameters})};function argsHash(args){return(0,telejson_dist.As)(args)}ArgsTable2.defaultProps={of:PRIMARY_STORY};var SourceState2,SourceContext=(0,react.createContext)({sources:{}}),SourceState=((SourceState2=SourceState||{}).OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2),useSourceProps=(props,docsContext,sourceContext)=>{let storiesFromIds=useStories(props.ids||(props.id?[props.id]:[]),docsContext),stories=storiesFromIds,{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(of)stories=[docsContext.resolveOf(of,["story"]).story];else if(0===stories.length)try{stories=[docsContext.storyById()]}catch{}if(!storiesFromIds.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};let sourceParameters=stories[0]?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??"jsx",dark=props.dark??sourceParameters.dark??!1;code||(code=stories.map(((story,index)=>{if(!story)return"";let storyContext=docsContext.getStoryContext(story),argsForSource=props.__forceInitialArgs?storyContext.initialArgs:storyContext.unmappedArgs,source=((storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.["--unknown--"]||{code:""}})(story.id,argsForSource,sourceContext);return 0===index&&(format2=source.format??story.parameters.docs?.source?.format??!1),(({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||docs_tools_dist.Y1.AUTO;if(void 0!==sourceParameters.code)return sourceParameters.code;let code=type===docs_tools_dist.Y1.DYNAMIC||type===docs_tools_dist.Y1.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||"";return sourceParameters.transformSource&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block
`),storyContext.parameters.docs?.transformSource&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block
`),storyContext.parameters.jsx?.transformSource&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`The \`transformSource\` parameter at \`parameters.jsx.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block
`),(transformFromProps??sourceParameters.transform??sourceParameters.transformSource??storyContext.parameters.docs?.transformSource??storyContext.parameters.jsx?.transformSource)?.(code,storyContext)||code})({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform})})).join("\n\n"));let state=(stories=>{let states=stories.map((story=>story.parameters.docs?.source?.state)).filter(Boolean);return 0===states.length?"closed":states[0]})(stories);return code?{code,format:format2,language,dark,state}:{error:"Oh no! The source is not available.",state}},getStoryId2=(props,context)=>{let{id,of,meta,story}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(id)return(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`Referencing stories by \`id\` is deprecated, please use \`of\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),id;let{name}=props;return name?((0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`Referencing stories by \`name\` is deprecated, please use \`of\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),context.storyIdByName(name)):(story&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`The \`story\` prop is deprecated, please export your stories from CSF files and reference them with \`of={}\`.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#story-block'`),meta&&context.referenceMeta(meta,!1),context.resolveOf(of||story||"story",["story"]).story.id)},Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=(0,react.useContext)(DocsContext),story=useStory(getStoryId2(props,context),context);if(!story)return react.createElement(StorySkeleton,null);let storyProps=((props,story,context)=>{let{parameters={}}=story||{},{docs={}}=parameters,storyParameters=docs.story||{};if(docs.disable)return null;let{inlineStories,iframeHeight}=docs;typeof inlineStories<"u"&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`The \`docs.inlineStories\` parameter is deprecated, use \`docs.story.inline\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes'
`);let inline=props.inline??storyParameters.inline??inlineStories??!1;if(typeof iframeHeight<"u"&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`The \`docs.iframeHeight\` parameter is deprecated, use \`docs.story.iframeHeight\` instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes'
`),inline)return{story,inline:!0,height:props.height??storyParameters.height,autoplay:props.autoplay??storyParameters.autoplay??!1,forceInitialArgs:!!props.__forceInitialArgs,primary:!!props.__primary,renderStoryToElement:context.renderStoryToElement};return{story,inline:!1,height:props.height??storyParameters.height??storyParameters.iframeHeight??iframeHeight??"100px",primary:!!props.__primary}})(props,story,context);return storyProps?react.createElement(Story,{...storyProps}):null},Canvas=props=>{let docsContext=(0,react.useContext)(DocsContext),sourceContext=(0,react.useContext)(SourceContext),{children,of,source}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let story,sourceProps,hookError,{isLoading,previewProps}=(({withSource,mdxSource,children,layout:layoutProp,...props},docsContext,sourceContext)=>{let storyIds=react.Children.toArray(children).filter((c=>c.props&&(c.props.id||c.props.name||c.props.of))).map((c=>getStoryId2(c.props,docsContext))),stories=useStories(storyIds,docsContext),isLoading=stories.some((s=>!s)),sourceProps=useSourceProps({...mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},...props.of&&{of:props.of}},docsContext,sourceContext);if("none"===withSource)return{isLoading,previewProps:props};let layout=layoutProp;return react.Children.forEach(children,(child=>{layout||(layout=child?.props?.parameters?.layout)})),stories.forEach((story=>{layout||!story||(layout=story?.parameters.layout??story.parameters.docs?.canvas?.layout)})),{isLoading,previewProps:{...props,layout:layout??"padded",withSource:sourceProps,isExpanded:"open"===(withSource||sourceProps.state)}}})(props,docsContext,sourceContext);try{({story}=useOf(of||"story",["story"]))}catch(error){children||(hookError=error)}try{sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext)}catch(error){children||(hookError=error)}if(hookError)throw hookError;if(props.withSource&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`Setting source state with \`withSource\` is deprecated, please use \`sourceState\` with 'hidden', 'shown' or 'none' instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block
`),props.mdxSource&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`Setting source code with \`mdxSource\` is deprecated, please use source={{code: '...'}} instead.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block
`),(void 0!==props.isColumn||void 0!==props.columns)&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`\`isColumn\` and \`columns\` props are deprecated as the Canvas block now only supports showing a single story.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block
`),children)return(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(esm.default`Passing children to Canvas is deprecated, please use the \`of\` prop instead to reference a story.
Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#canvas-block
`),isLoading?react.createElement(PreviewSkeleton,null):react.createElement(Preview,{...previewProps},children);let layout=props.layout??story.parameters.layout??story.parameters.docs?.canvas?.layout??"padded",withToolbar=props.withToolbar??story.parameters.docs?.canvas?.withToolbar??!1,additionalActions=props.additionalActions??story.parameters.docs?.canvas?.additionalActions,sourceState=props.sourceState??story.parameters.docs?.canvas?.sourceState??"hidden",className=props.className??story.parameters.docs?.canvas?.className;return react.createElement(Preview,{withSource:"none"===sourceState?void 0:sourceProps,isExpanded:"shown"===sourceState,withToolbar,additionalActions,className,layout},react.createElement(Story2,{of:of||story.moduleExport,meta:props.meta,...props.story}))},{document:document2}=external_STORYBOOK_MODULE_GLOBAL_.global,CodeOrSourceMdx=({className,children,...rest})=>{if("string"!=typeof className&&("string"!=typeof children||!children.match(/[\n\r]/g)))return react.createElement(components_dist.Cy,null,children);let language=className&&className.split("-");return react.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function dist_navigate(context,url){context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.NAVIGATE_URL,url)}var DescriptionType2,dist_A=components_dist.dK.a,AnchorInPage=({hash,children})=>{let context=(0,react.useContext)(DocsContext);return react.createElement(dist_A,{href:hash,target:"_self",onClick:event=>{let id=hash.substring(1);document2.getElementById(id)&&dist_navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=(0,react.useContext)(DocsContext);if(href){if(href.startsWith("#"))return react.createElement(AnchorInPage,{hash:href},children);if("_blank"!==target&&!href.startsWith("https://"))return react.createElement(dist_A,{href,onClick:event=>{0===event.button&&!event.altKey&&!event.ctrlKey&&!event.metaKey&&!event.shiftKey&&(event.preventDefault(),dist_navigate(context,event.currentTarget.getAttribute("href")))},target,...rest},children)}return react.createElement(dist_A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce(((acc,headerType)=>({...acc,[headerType]:(0,dist.I4)(headerType)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})})),{}),OcticonAnchor=dist.I4.a((()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"}))),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=(0,react.useContext)(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return react.createElement(OcticonHeader,{id,...rest},react.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document2.getElementById(id)&&dist_navigate(context,hash)}},react.createElement(components_dist.FI,{icon:"link"})),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return react.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Component4=as,{as:omittedAs,...withoutAs}=props;return react.createElement(Component4,{...(0,components_dist.mc)(withoutAs,as)})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce(((acc,headerType)=>({...acc,[headerType]:props=>react.createElement(HeaderMdx,{as:headerType,...props})})),{}),Markdown2=props=>{if(!props.children)return null;if("string"!=typeof props.children)throw new Error(esm.default`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'
This is often caused by not wrapping the child in a template string.
This is invalid:
<Markdown>
# Some heading
A paragraph
</Markdown>
Instead do:
<Markdown>
{\`
# Some heading
A paragraph
\`}
</Markdown>
`);return react.createElement(index_modern,{...props,options:{forceBlock:!0,overrides:{code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx,...props?.options?.overrides},...props?.options}})},DescriptionType=((DescriptionType2=DescriptionType||{}).INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.AUTO="auto",DescriptionType2),DEPRECATION_MIGRATION_LINK="https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#description-block-parametersnotes-and-parametersinfo",noDescription=component=>null,getDescriptionFromDeprecatedProps=({type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return children||markdown;let{notes,info,docs}=parameters;(notes||info)&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(`Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. See ${DEPRECATION_MIGRATION_LINK}`);let{extractComponentDescription=noDescription,description}=docs||{},componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return componentDescriptionParameter;switch(type){case"info":return(info=>info&&("string"==typeof info?info:(0,docs_tools_dist.gx)(info.text)))(info);case"notes":return(notes=>notes&&("string"==typeof notes?notes:(0,docs_tools_dist.gx)(notes.markdown)||(0,docs_tools_dist.gx)(notes.text)))(notes);default:return extractComponentDescription(component,{component,...parameters})}},DescriptionContainer=props=>{let{of,type,markdown:markdownProp,children}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let markdown,context=(0,react.useContext)(DocsContext),resolvedOf=useOf(of||"meta");return markdown=type||markdownProp||children?getDescriptionFromDeprecatedProps(props,context):(resolvedOf=>{switch(resolvedOf.type){case"story":return resolvedOf.story.parameters.docs?.description?.story||null;case"meta":{let{parameters,component}=resolvedOf.preparedMeta,metaDescription=parameters.docs?.description?.component;return metaDescription||parameters.docs?.extractComponentDescription?.(component,{component,parameters})||null}case"component":{let{component,projectAnnotations:{parameters}}=resolvedOf;return parameters.docs?.extractComponentDescription?.(component,{component,parameters})||null}default:throw new Error(`Unrecognized module type resolved from 'useOf', got: ${resolvedOf.type}`)}})(resolvedOf),type&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(`Manually specifying description type is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),markdownProp&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(`The 'markdown' prop on the Description block is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),children&&(0,external_STORYBOOK_MODULE_CLIENT_LOGGER_.deprecate)(`The 'children' prop on the Description block is deprecated. See ${DEPRECATION_MIGRATION_LINK}`),markdown?react.createElement(Markdown2,null,markdown):null},{document:document3,window:globalWindow3}=(dist.I4.div((({theme})=>({width:"10rem","@media (max-width: 768px)":{display:"none"}}))),dist.I4.div((({theme})=>({position:"fixed",bottom:0,top:0,width:"10rem",paddingTop:"4rem",paddingBottom:"2rem",overflowY:"auto",fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch","& *":{boxSizing:"border-box"},"& > .toc-wrapper > .toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`,".toc-list":{paddingLeft:0,borderLeft:`solid 2px ${theme.color.mediumlight}`}}},"& .toc-list-item":{position:"relative",listStyleType:"none",marginLeft:20,paddingTop:3,paddingBottom:3},"& .toc-list-item::before":{content:'""',position:"absolute",height:"100%",top:0,left:0,transform:"translateX(calc(-2px - 20px))",borderLeft:`solid 2px ${theme.color.mediumdark}`,opacity:0,transition:"opacity 0.2s"},"& .to
The Primary block should only be used to render the primary story, which is automatically found.
`),story?react.createElement(DocsStory,{of:story.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},StyledHeading=(0,dist.I4)((({children,disableAnchor,...props})=>{if(disableAnchor||"string"!=typeof children)return react.createElement(components_dist.H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return react.createElement(HeaderMdx,{as:"h2",id:tagID,...props},children)}))((({theme})=>({fontSize:theme.typography.size.s2-1+"px",fontWeight:theme.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:theme.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}}))),Stories=({title="Stories",includePrimary=!0})=>{let{componentStories}=(0,react.useContext)(DocsContext),stories=componentStories().filter((story=>!story.parameters?.docs?.disable));return includePrimary||(stories=stories.slice(1)),stories&&0!==stories.length?react.createElement(react.Fragment,null,react.createElement(StyledHeading,null,title),stories.map((story=>story&&react.createElement(DocsStory,{key:story.id,of:story.moduleExport,expanded:!0,__forceInitialArgs:!0})))):null};var ExternalDocsContext=class extends external_STORYBOOK_MODULE_PREVIEW_API_.DocsContext{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[]),this.channel=channel,this.store=store,this.renderStoryToElement=renderStoryToElement,this.processMetaExports=processMetaExports,this.referenceMeta=(metaExports,attach)=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile),super.referenceMeta(metaExports,attach)}}},ConstantMap=class{constructor(prefix){this.prefix=prefix,this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}};external_STORYBOOK_MODULE_PREVIEW_API_.Preview;react.Component},"../../node_modules/.pnpm/@storybook+addon-links@7.6.19_react@17.0.2/node_modules/@storybook/addon-links/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{q9:()=>withLinks});var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CORE_EVENTS_=__webpack_require__("@storybook/core-events"),{document:chunk_6GSMXRCY_document,HTMLElement}=(__webpack_require__("../../node_modules/.pnpm/@storybook+csf@0.1.2/node_modules/@storybook/csf/dist/index.mjs"),external_STORYBOOK_MODULE_GLOBAL_.global);var chunk_6GSMXRCY_navigate=params=>external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel().emit(external_STORYBOOK_MODULE_CORE_EVENTS_.SELECT_STORY,params),linksListener=e=>{let{target}=e;if(!(target instanceof HTMLElement))return;let element=target,{sbKind:kind,sbStory:story}=element.dataset;(kind||story)&&(e.preventDefault(),chunk_6GSMXRCY_navigate({kind,story}))},hasListener=!1,off=()=>{hasListener&&(hasListener=!1,chunk_6GSMXRCY_document.removeEventListener("click",linksListener))},withLinks=(0,external_STORYBOOK_MODULE_PREVIEW_API_.makeDecorator)({name:"withLinks",parameterName:"links",wrapper:(getStory,context)=>(hasListener||(hasListener=!0,chunk_6GSMXRCY_document.addEventListener("click",linksListener)),external_STORYBOOK_MODULE_PREVIEW_API_.addons.getChannel().once(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_CHANGED,off),getStory(context))})},"../../node_modules/.pnpm/@storybook+blocks@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_encoding@0.1.13_react-_m3o6knmeioxjbyubghiv2e2viy/node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Y:()=>getControlSetterButtonId,Z:()=>getControlId});var getControlId=value=>`control-${value.replace(/\s+/g,"-")}`,getControlSetterButtonId=value=>`set-${value.replace(/\s+/g,"-")}`},"../../node_modules/.pnpm/@storybook+components@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_reac
display: inline-block;
cursor: ${props=>"hover"===props.trigger||props.trigger.includes("hover")?"default":"pointer"};
`,TargetSvgContainer=_storybook_theming__WEBPACK_IMPORTED_MODULE_5__.I4.g`
cursor: ${props=>"hover"===props.trigger||props.trigger.includes("hover")?"default":"pointer"};
`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,closeOnClick,tooltipShown,onVisibilityChange,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible:defaultVisible??tooltipShown,delayHide,interactive,closeOnOutsideClick:closeOnOutsideClick??closeOnClick,closeOnTriggerHidden,onVisibleChange:_isVisible=>{onVisibilityChange?.(_isVisible),onVisibleChange?.(_isVisible)},delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=react__WEBPACK_IMPORTED_MODULE_0__.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},"function"==typeof tooltip?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(Container,{trigger,ref:setTriggerRef,...props},children),isVisible&&react_dom__WEBPACK_IMPORTED_MODULE_1__.createPortal(tooltipComponent,document2.body))};WithTooltipPure.defaultProps={svg:!1,trigger:"click",closeOnOutsideClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,defaultVisible:!1};var WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(startOpen),onVisibilityChange=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((visibility=>{onChange&&!1===onChange(visibility)||setTooltipShown(visibility)}),[onChange]);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{let hide2=()=>onVisibilityChange(!1);document2.addEventListener("keydown",hide2,!1);let iframes=Array.from(document2.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach((iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide2),unbinders.push((()=>{try{iframe.contentWindow.document.removeEventListener("click",hide2)}catch{}})))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push((()=>{iframe.removeEventListener("load",bind)}))})),()=>{document2.removeEventListener("keydown",hide2),unbinders.forEach((unbind=>{unbind()}))}})),react__WEBPACK_IMPORTED_MODULE_0__.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})}},"../../node_modules/.pnpm/@storybook+components@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/components/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Cy:()=>Code,Df:()=>ErrorFormatter,px:()=>FlexBar,lV:()=>Form,H2:()=>H2,H3:()=>H3,K0:()=>IconButton,Tg:()=>IconButtonSkeleton,FI:()=>Icons,N_:()=>Link2,aH:()=>Loader,dL:()=>ResetWrapper,bF:()=>SyntaxHighlighter2,_j:()=>TabsState,_:()=>TooltipNote,kR:()=>WithTooltip,o4:()=>WithTooltipPure,GP:()=>Zoom,zb:()=>codeCommon,dK:()=>components2,createCopyToClipboardFunction:()=>chunk_LWG3MFN2.zH,jZ:()=>getStoryHref,mc:()=>nameSpaceClassNames,YV:()=>withReset});var chunk_LWG3MFN2=__webpack_require__("../../node_modules/.pnpm/@storybook+components@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/components/dist/chunk-LWG3MFN2.mjs"),chunk_NE5YGCQB=__webpack_require__("../../node_modules/.pnpm/@storybook+components@7.6.19_@types+react-dom@17.0.25_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/components/dist/chunk-NE5YGCQB.mjs"),react=__webpack_require__("../../node_modules
display: inline-block;
shape-rendering: inherit;
vertical-align: middle;
fill: currentColor;
path {
fill: currentColor;
}
`,Icons=({icon,useSymbol,...props})=>react.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?react.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),LinkInner=((0,react.memo)((function({icons:keys=Object.keys(icons)}){return react.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map((key=>react.createElement("symbol",{id:`icon--${key}`,key},icons[key]))))})),dist.I4.span((({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{}),(({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}))),A2=dist.I4.a((({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}})),(({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path:not([fill])":{fill:colors[0]},"&:hover":{color:colors[1],"svg path:not([fill])":{fill:colors[1]}},"&:active":{color:colors[2],"svg path:not([fill])":{fill:colors[2]}}}:{}}),(({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{}),(({theme,inverse})=>inverse?{color:theme.color.lightest,":not([fill])":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path:not([fill])":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path:not([fill])":{fill:theme.color.light}}}:{}),(({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{})),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>react.createElement(A2,{...rest,onClick:onClick&&cancel?e=>((e,cb)=>{(e=>!(0!==e.button||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))(e)&&(e.preventDefault(),cb(e))})(e,onClick):onClick,className},react.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&react.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};dist.I4.div((({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative"
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
`,LoaderWrapper=dist.I4.div((({size=32})=>({borderRadius:"50%",cursor:"progress",display:"inline-block",overflow:"hidden",position:"absolute",transition:"all 200ms ease-out",verticalAlign:"top",top:"50%",left:"50%",marginTop:-size/2,marginLeft:-size/2,height:size,width:size,zIndex:4,borderWidth:2,borderStyle:"solid",borderColor:"rgba(97, 97, 97, 0.29)",borderTopColor:"rgb(100,100,100)",animation:`${rotate360} 0.7s linear infinite`,mixBlendMode:"difference"}))),ProgressWrapper=dist.I4.div({position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}),ProgressTrack=dist.I4.div((({theme})=>({position:"relative",width:"80%",marginBottom:"0.75rem",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:"hidden",cursor:"progress"}))),ProgressBar=dist.I4.div((({theme})=>({position:"absolute",top:0,left:0,height:"100%",background:theme.color.secondary}))),ProgressMessage=dist.I4.div((({theme})=>({minHeight:"2em",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor}))),ErrorIcon=(0,dist.I4)(Icons)((({theme})=>({width:20,height:20,marginBottom:"0.5rem",color:theme.textMutedColor}))),ellipsis=dist.i7`
from { content: "..." }
33% { content: "." }
66% { content: ".." }
to { content: "..." }
`,Ellipsis=dist.I4.span({"&::after":{content:"'...'",animation:`${ellipsis} 1s linear infinite`,animationDelay:"1s",display:"inline-block",width:"1em",height:"auto"}}),Loader=({progress,error,size,...props})=>{if(error)return react.createElement(ProgressWrapper,{"aria-label":error.toString(),"aria-live":"polite",role:"status",...props},react.createElement(ErrorIcon,{icon:"lightningoff"}),react.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),react.createElement(ProgressWrapper,{"aria-label":"Content is loading...","aria-live":"polite","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":100*value,"aria-valuetext":message,role:"progressbar",...props},react.createElement(ProgressTrack,null,react.createElement(ProgressBar,{style:{width:100*value+"%"}})),react.createElement(ProgressMessage,null,message,value<1&&react.createElement(Ellipsis,{key:message})))}return react.createElement(LoaderWrapper,{"aria-label":"Content is loading...","aria-live":"polite",role:"status",size,...props})};function parseQuery(queryString){let query={},pairs=queryString.split("&");for(let i=0;i<pairs.length;i++){let pair=pairs[i].split("=");query[decodeURIComponent(pair[0])]=decodeURIComponent(pair[1]||"")}return query}var getStoryHref=(baseUrl,storyId,additionalParams={})=>{let[url,paramsStr]=baseUrl.split("?"),params=paramsStr?{...parseQuery(paramsStr),...additionalParams,id:storyId}:{...additionalParams,id:storyId};return`${url}?${Object.entries(params).map((item=>`${item[0]}=${item[1]}`)).join("&")}`},components2=(dist.I4.pre`
line-height: 18px;
padding: 11px 1rem;
white-space: pre-wrap;
background: rgba(0, 0, 0, 0.05);
color: ${chunk_EIRT5I3Z.yW.darkest};
border-radius: 3px;
margin: 1rem 0;
width: 100%;
display: block;
overflow: hidden;
font-family: ${chunk_EIRT5I3Z.Il.fonts.mono};
font-size: ${chunk_EIRT5I3Z.Il.size.s2-1}px;
`,components),resetComponents={};Object.keys(components).forEach((key=>{resetComponents[key]=(0,react.forwardRef)(((props,ref)=>(0,react.createElement)(key,{...props,ref})))}))},"../../node_modules/.pnpm/@storybook+theming@7.6.19_react-dom@17.0.2_react@17.0.2__react@17.0.2/node_modules/@storybook/theming/dist/chunk-EIRT5I3Z.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Il:()=>typography,Oy:()=>getPreferredColorScheme,P$:()=>__commonJS,Tp:()=>background,Zj:()=>themes,Zt:()=>lightenColor,f1:()=>__toESM,sd:()=>mkColor,xH:()=>curriedOpacify$1,yW:()=>color});var _storybook_global__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("@storybook/global"),_storybook_client_logger__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("@storybook/client-logger"),__create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__toESM=(mod,isNodeMode,target)=>(target=null!=mod?__create(__getProtoOf(mod)):{},((to,from,except,desc)=>{if(from&&"object"==typeof from||"function"==typeof from)for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to})(!isNodeMode&&mod&&mod.__esModule?target:__defProp(target,"default",{value:mod,enumerable:!0}),mod));function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}function _setPrototypeOf(o,p){return(_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2})(o,p)}function _getPrototypeOf(o){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)})(o)}function _construct(Parent,args,Class){return(_construct=function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch{return!1}}()?Reflect.construct.bind():function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var instance=new(Function.bind.apply(Parent2,a));return Class2&&_setPrototypeOf(instance,Class2.prototype),instance}).apply(null,arguments)}function _wrapNativeSuper(Class){var _cache="function"==typeof Map?new Map:void 0;return _wrapNativeSuper=function(Class2){if(null===Class2||!function _isNativeFunction(fn){try{return-1!==Function.toString.call(fn).indexOf("[native code]")}catch{return"function"==typeof fn}}(Class2))return Class2;if("function"!=typeof Class2)throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper)}function Wrapper(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
`,glow=keyframes`
0%, 100% { opacity: 1; }
50% { opacity: .4; }
`,animation={rotate360,glow,float:keyframes`
0% { transform: translateY(1px); }
25% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
100% { transform: translateY(1px); }
`,jiggle:keyframes`
0%, 100% { transform:translate3d(0,0,0); }
12.5%, 62.5% { transform:translate3d(-4px,0,0); }
37.5%, 87.5% { transform: translate3d(4px,0,0); }
`,inlineGlow:css`
animation: ${glow} 1.5s ease-in-out infinite;
color: transparent;
cursor: progress;
`,hoverable:css`
transition: all 150ms ease-out;
transform: translate3d(0, 0, 0);
&:hover {
transform: translate3d(0, -2px, 0);
}
&:active {
transform: translate3d(0, 0, 0);
}
`},chromeDark={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},chromeLight={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},create2=({colors,mono})=>{let colorsObjs=(colors=>Object.entries(colors).reduce(((acc,[k,v])=>({...acc,[k]:(0,_chunk_EIRT5I3Z_mjs__WEBPACK_IMPORTED_MODULE_4__.sd)(v)})),{}))(colors);return{token:{fontFamily:mono,WebkitFontSmoothing:"antialiased","&.tag":colorsObjs.red3,"&.comment":{...colorsObjs.green1,fontStyle:"italic"},"&.prolog":{...colorsObjs.green1,fontStyle:"italic"},"&.doctype":{...colorsObjs.green1,fontStyle:"italic"},"&.cdata":{...colorsObjs.green1,fontStyle:"italic"},"&.string":colorsObjs.red1,"&.url":colorsObjs.cyan1,"&.symbol":colorsObjs.cyan1,"&.number":colorsObjs.cyan1,"&.boolean":colorsObjs.cyan1,"&.variable":colorsObjs.cyan1,"&.constant":colorsObjs.cyan1,"&.inserted":colorsObjs.cyan1,"&.atrule":colorsObjs.blue1,"&.keyword":colorsObjs.blue1,"&.attr-value":colorsObjs.blue1,"&.punctuation":colorsObjs.gray1,"&.operator":colorsObjs.gray1,"&.function":colorsObjs.gray1,"&.deleted":colorsObjs.red2,"&.important":{fontWeight:"bold"},"&.bold":{fontWeight:"bold"},"&.italic":{fontStyle:"italic"},"&.class-name":colorsObjs.cyan2,"&.selector":colorsObjs.red3,"&.attr-name":colorsObjs.red4,"&.property":colorsObjs.red4,"&.regex":colorsObj
//# sourceMappingURL=5335.922a6702.iframe.bundle.js.map