diff --git a/152.f712cf34.iframe.bundle.js.map b/152.f712cf34.iframe.bundle.js.map
deleted file mode 100644
index 6125c50e..00000000
--- a/152.f712cf34.iframe.bundle.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"152.f712cf34.iframe.bundle.js","mappings":";;;;;;;;;;;;;;;;;AAwDA;;ACzCA;AACA;AACA;AACA;;;;;;;;ACqLA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;AACA;AACA;;;;;;;AClMA;;;AA2BA;;;;;AAAA;;;;AAAA;AAdA;;;AAcA;;;;;;;;;;;AAAA;;;;AASA","sources":["webpack://@conda-store/conda-store-ui/./node_modules/@storybook/blocks/dist/index.mjs","webpack://@conda-store/conda-store-ui/./node_modules/@storybook/components/dist/chunk-T3L4SIIA.mjs","webpack://@conda-store/conda-store-ui/./node_modules/@storybook/components/dist/index.mjs","webpack://@conda-store/conda-store-ui/./node_modules/@storybook/theming/dist/index.mjs"],"sourcesContent":["import { getControlSetterButtonId, getControlId } from './chunk-GWAJ4KRU.mjs';\nimport React17, { createContext, lazy, useState, useCallback, useRef, useEffect, Component, cloneElement, useMemo, Suspense, useContext, Children } from 'react';\nimport { styled, ignoreSsrWarning, useTheme, themes, ThemeProvider, convert, ensure } from '@storybook/theming';\nimport { withReset, SyntaxHighlighter, FlexBar, codeCommon, IconButton, Form, components, Zoom, ActionBar, Button, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H2, Loader, EmptyTabContent, TabsState, ErrorFormatter, getStoryHref, WithTooltipPure } from '@storybook/components';\nimport { transparentize, darken, opacify, lighten, rgba } from 'polished';\nimport { global } from '@storybook/global';\nimport { ChevronSmallUpIcon, ChevronSmallDownIcon, AddIcon, SubtractIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronRightIcon, ZoomIcon, ZoomOutIcon, ZoomResetIcon, EyeCloseIcon, EyeIcon, DocumentIcon, UndoIcon, VideoIcon, LinkIcon } from '@storybook/icons';\nimport pickBy from 'lodash/pickBy.js';\nimport { includeConditionalArg } from '@storybook/csf';\nimport { once, logger } from '@storybook/client-logger';\nimport Markdown from 'markdown-to-jsx';\nimport memoize from 'memoizerific';\nimport uniq from 'lodash/uniq.js';\nimport cloneDeep from 'lodash/cloneDeep.js';\nimport { filterArgTypes, composeConfigs, Preview as Preview$1, DocsContext as DocsContext$1 } from '@storybook/preview-api';\nimport { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';\nimport { stringify } from 'telejson';\nimport { GLOBALS_UPDATED, STORY_ARGS_UPDATED, UPDATE_STORY_ARGS, RESET_STORY_ARGS, NAVIGATE_URL } from '@storybook/core-events';\nimport dedent from 'ts-dedent';\nimport * as tocbot from 'tocbot';\nimport { Channel } from '@storybook/channels';\n\nvar Wrapper=styled.div(withReset,({theme})=>({backgroundColor:theme.base===\"light\"?\"rgba(0,0,0,.01)\":\"rgba(255,255,255,.01)\",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:20,margin:\"25px 0 40px\",color:transparentize(.3,theme.color.defaultText),fontSize:theme.typography.size.s2})),EmptyBlock=props=>React17.createElement(Wrapper,{...props,className:\"docblock-emptyblock sb-unstyled\"});var StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}}));var SourceSkeletonWrapper=styled.div(({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",margin:\"25px 0 40px\",padding:\"20px 20px 20px 22px\"})),SourceSkeletonPlaceholder=styled.div(({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:\"60%\",[`&:first-child${ignoreSsrWarning}`]:{margin:0}})),SourceSkeleton=()=>React17.createElement(SourceSkeletonWrapper,null,React17.createElement(SourceSkeletonPlaceholder,null),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"30%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{let{typography}=useTheme();if(isLoading)return React17.createElement(SourceSkeleton,null);if(error)return React17.createElement(EmptyBlock,null,error);let syntaxHighlighter=React17.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:\"docblock-source sb-unstyled\",...rest},code);if(typeof dark>\"u\")return syntaxHighlighter;let overrideTheme=dark?themes.dark:themes.light;return React17.createElement(ThemeProvider,{theme:convert({...overrideTheme,fontCode:typography.fonts.mono,fontBase:typography.fonts.base})},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,breakpoint=600,Title=styled.h1(withReset,({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:\"32px\",[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.l1,lineHeight:\"36px\",marginBottom:\"16px\"}})),Subtitle=styled.h2(withReset,({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:\"20px\",borderBottom:\"none\",marginBottom:15,[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.m1,lineHeight:\"28px\",marginBottom:24},color:transparentize(.25,theme.color.defaultText)})),DocsContent=styled.div(({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},headers={margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& code\":{fontSize:\"inherit\"}},code={lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border};return {maxWidth:1e3,width:\"100%\",[toGlobalSelector(\"a\")]:{...reset,fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}},[toGlobalSelector(\"blockquote\")]:{...reset,margin:\"16px 0\",borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},[toGlobalSelector(\"div\")]:reset,[toGlobalSelector(\"dl\")]:{...reset,margin:\"16px 0\",padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}},[toGlobalSelector(\"h1\")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h2\")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector(\"h3\")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h4\")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector(\"h5\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector(\"h6\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector(\"hr\")]:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector(\"img\")]:{maxWidth:\"100%\"},[toGlobalSelector(\"li\")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":code},[toGlobalSelector(\"ol\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},[toGlobalSelector(\"p\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":code},[toGlobalSelector(\"pre\")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}},[toGlobalSelector(\"span\")]:{...reset,\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}},[toGlobalSelector(\"table\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}},[toGlobalSelector(\"ul\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0},listStyle:\"disc\"}}}),DocsWrapper=styled.div(({theme})=>({background:theme.background.content,display:\"flex\",justifyContent:\"center\",padding:\"4rem 20px\",minHeight:\"100vh\",boxSizing:\"border-box\",gap:\"3rem\",[`@media (min-width: ${breakpoint}px)`]:{}})),DocsPageWrapper=({children,toc})=>React17.createElement(DocsWrapper,{className:\"sbdocs sbdocs-wrapper\"},React17.createElement(DocsContent,{className:\"sbdocs sbdocs-content\"},children),toc);var getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",border:`1px solid ${theme.appBorderColor}`});var Bar=styled(FlexBar)({position:\"absolute\",left:0,right:0,top:0,transition:\"transform .2s linear\"}),Wrapper2=styled.div({display:\"flex\",alignItems:\"center\",gap:4}),IconPlaceholder=styled.div(({theme})=>({width:14,height:14,borderRadius:2,margin:\"0 7px\",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),Toolbar=({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>React17.createElement(Bar,{...rest},React17.createElement(Wrapper2,{key:\"left\"},isLoading?[1,2,3].map(key=>React17.createElement(IconPlaceholder,{key})):React17.createElement(React17.Fragment,null,React17.createElement(IconButton,{key:\"zoomin\",onClick:e=>{e.preventDefault(),zoom(.8);},title:\"Zoom in\"},React17.createElement(ZoomIcon,null)),React17.createElement(IconButton,{key:\"zoomout\",onClick:e=>{e.preventDefault(),zoom(1.25);},title:\"Zoom out\"},React17.createElement(ZoomOutIcon,null)),React17.createElement(IconButton,{key:\"zoomreset\",onClick:e=>{e.preventDefault(),resetZoom();},title:\"Reset zoom\"},React17.createElement(ZoomResetIcon,null)))));var ZoomContext=createContext({scale:1});var{window:globalWindow}=global,IFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id);}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return React17.createElement(\"iframe\",{id,title,src,...allowFullScreen?{allow:\"fullscreen\"}:{},loading:\"lazy\",...rest})}};var{PREVIEW_URL}=global,BASE_URL=PREVIEW_URL||\"iframe.html\",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?\"--primary\":\"\"}`,InlineStory=props=>{let storyRef=useRef(),[showLoader,setShowLoader]=useState(!0),[error,setError]=useState(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return useEffect(()=>{if(!(story&&storyRef.current))return ()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then(()=>cleanup());}},[autoplay,renderStoryToElement,story]),error?React17.createElement(\"pre\",null,React17.createElement(ErrorFormatter,{error})):React17.createElement(React17.Fragment,null,height?React17.createElement(\"style\",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React17.createElement(StorySkeleton,null),React17.createElement(\"div\",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,\"data-name\":story.name}))},IFrameStory=({story,height=\"500px\"})=>React17.createElement(\"div\",{style:{width:\"100%\",height}},React17.createElement(ZoomContext.Consumer,null,({scale})=>React17.createElement(IFrame,{key:\"iframe\",id:`iframe--${story.id}`,title:story.name,src:getStoryHref(BASE_URL,story.id,{viewMode:\"story\"}),allowFullScreen:!0,scale,style:{width:\"100%\",height:\"100%\",border:\"0 none\"}}))),Story=props=>{let{inline}=props;return React17.createElement(\"div\",{id:storyBlockIdFromId(props),className:\"sb-story sb-unstyled\",\"data-story-block\":\"true\"},inline?React17.createElement(InlineStory,{...props}):React17.createElement(IFrameStory,{...props}))},StorySkeleton=()=>React17.createElement(Loader,null);var ChildrenContainer=styled.div(({isColumn,columns,layout})=>({display:isColumn||!columns?\"block\":\"flex\",position:\"relative\",flexWrap:\"wrap\",overflow:\"auto\",flexDirection:isColumn?\"column\":\"row\",\"& .innerZoomElementWrapper > *\":isColumn?{width:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"block\"}:{maxWidth:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"inline-block\"}}),({layout=\"padded\"})=>layout===\"centered\"||layout===\"padded\"?{padding:\"30px 20px\",\"& .innerZoomElementWrapper > *\":{width:\"auto\",border:\"10px solid transparent!important\"}}:{},({layout=\"padded\"})=>layout===\"centered\"?{display:\"flex\",justifyContent:\"center\",justifyItems:\"center\",alignContent:\"center\",alignItems:\"center\"}:{},({columns})=>columns&&columns>1?{\".innerZoomElementWrapper > *\":{minWidth:`calc(100% / ${columns} - 20px)`}}:{}),StyledSource=styled(Source)(({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:\"none\",background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content),color:theme.color.lightest,button:{background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content)}})),PreviewContainer=styled.div(({theme,withSource,isExpanded})=>({position:\"relative\",overflow:\"hidden\",margin:\"25px 0 40px\",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,\"h3 + &\":{marginTop:\"16px\"}}),({withToolbar})=>withToolbar&&{paddingTop:40}),getSource=(withSource,expanded,setExpanded)=>{switch(!0){case!!(withSource&&withSource.error):return {source:null,actionItem:{title:\"No code available\",className:\"docblock-code-toggle docblock-code-toggle--disabled\",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Hide code\",className:\"docblock-code-toggle docblock-code-toggle--expanded\",onClick:()=>setExpanded(!1)}};default:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Show code\",className:\"docblock-code-toggle\",onClick:()=>setExpanded(!0)}}}};function getStoryId(children){if(Children.count(children)===1){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=styled(Toolbar)({position:\"absolute\",top:0,left:0,right:0,height:40}),Relative=styled.div({overflow:\"hidden\",position:\"relative\"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout=\"padded\",...props})=>{let[expanded,setExpanded]=useState(isExpanded),{source,actionItem}=getSource(withSource,expanded,setExpanded),[scale,setScale]=useState(1),previewClasses=[className].concat([\"sbdocs\",\"sbdocs-preview\",\"sb-unstyled\"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=useState(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=global,copyToClipboard=useCallback(async text=>{let{createCopyToClipboardFunction}=await import('@storybook/components');createCopyToClipboardFunction();},[]),onCopyCapture=e=>{let selection=globalWindow4.getSelection();selection&&selection.type===\"Range\"||(e.preventDefault(),additionalActionItems.filter(item=>item.title===\"Copied\").length===0&©ToClipboard(source.props.code).then(()=>{setAdditionalActionItems([...additionalActionItems,{title:\"Copied\",onClick:()=>{}}]),globalWindow4.setTimeout(()=>setAdditionalActionItems(additionalActionItems.filter(item=>item.title!==\"Copied\")),1500);}));};return React17.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(\" \")},withToolbar&&React17.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:\"./iframe.html\"}),React17.createElement(ZoomContext.Provider,{value:{scale}},React17.createElement(Relative,{className:\"docs-story\",onCopyCapture:withSource&&onCopyCapture},React17.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},React17.createElement(Zoom.Element,{scale},Array.isArray(children)?children.map((child,i)=>React17.createElement(\"div\",{key:i},child)):React17.createElement(\"div\",null,children))),React17.createElement(ActionBar,{actionItems}))),withSource&&expanded&&source)};styled(Preview)(()=>({\".docs-story\":{paddingTop:32,paddingBottom:40}}));var Table=styled.table(({theme})=>({\"&&\":{borderCollapse:\"collapse\",borderSpacing:0,border:\"none\",tr:{border:\"none !important\",background:\"none\"},\"td, th\":{padding:0,border:\"none\",width:\"auto!important\"},marginTop:0,marginBottom:0,\"th:first-of-type, td:first-of-type\":{paddingLeft:0},\"th:last-of-type, td:last-of-type\":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,\"&:not(:first-of-type)\":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:\"none\",border:\"none\"},code:codeCommon({theme}),div:{span:{fontWeight:\"bold\"}},\"& code\":{margin:0,display:\"inline-block\",fontSize:theme.typography.size.s1}}})),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter(x=>x.description),hasDisplayableParams=params.length!==0,hasDisplayableDeprecated=tags.deprecated!=null,hasDisplayableReturns=tags.returns!=null&&tags.returns.description!=null;return !hasDisplayableParams&&!hasDisplayableReturns&&!hasDisplayableDeprecated?null:React17.createElement(React17.Fragment,null,React17.createElement(Table,null,React17.createElement(\"tbody\",null,hasDisplayableDeprecated&&React17.createElement(\"tr\",{key:\"deprecated\"},React17.createElement(\"td\",{colSpan:2},React17.createElement(\"strong\",null,\"Deprecated\"),\": \",tags.deprecated.toString())),hasDisplayableParams&¶ms.map(x=>React17.createElement(\"tr\",{key:x.name},React17.createElement(\"td\",null,React17.createElement(\"code\",null,x.name)),React17.createElement(\"td\",null,x.description))),hasDisplayableReturns&&React17.createElement(\"tr\",{key:\"returns\"},React17.createElement(\"td\",null,React17.createElement(\"code\",null,\"Returns\")),React17.createElement(\"td\",null,tags.returns.description)))))};var ITEMS_BEFORE_EXPANSION=8,Summary=styled.div(({isExpanded})=>({display:\"flex\",flexDirection:isExpanded?\"column\":\"row\",flexWrap:\"wrap\",alignItems:\"flex-start\",marginBottom:\"-4px\",minWidth:100})),Text=styled.span(codeCommon,({theme,simple=!1})=>({flex:\"0 0 auto\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:\"break-word\",whiteSpace:\"normal\",maxWidth:\"100%\",margin:0,marginRight:\"4px\",marginBottom:\"4px\",paddingTop:\"2px\",paddingBottom:\"2px\",lineHeight:\"13px\",...simple&&{background:\"transparent\",border:\"0 none\",paddingLeft:0}})),ExpandButton=styled.button(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:\"4px\",background:\"none\",border:\"none\"})),Expandable=styled.div(codeCommon,({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:\"nowrap\",display:\"flex\",alignItems:\"center\"})),Detail=styled.div(({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:\"content-box\",\"& code\":{padding:\"0 !important\"}})),ChevronUpIcon=styled(ChevronSmallUpIcon)({marginLeft:4}),ChevronDownIcon=styled(ChevronSmallDownIcon)({marginLeft:4}),EmptyArg=()=>React17.createElement(\"span\",null,\"-\"),ArgText=({text,simple})=>React17.createElement(Text,{simple},text),calculateDetailWidth=memoize(1e3)(detail=>{let lines=detail.split(/\\r?\\n/);return `${Math.max(...lines.map(x=>x.length))}ch`}),getSummaryItems=summary=>{if(!summary)return [summary];let summaryItems=summary.split(\"|\").map(value2=>value2.trim());return uniq(summaryItems)},renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,ITEMS_BEFORE_EXPANSION)),items.map(item=>React17.createElement(ArgText,{key:item,text:item===\"\"?'\"\"':item}))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=useState(!1),[isExpanded,setIsExpanded]=useState(initialExpandedArgs||!1);if(summary==null)return null;let summaryAsString=typeof summary.toString==\"function\"?summary.toString():summary;if(detail==null){if(/[(){}[\\]<>]/.test(summaryAsString))return React17.createElement(ArgText,{text:summaryAsString});let summaryItems=getSummaryItems(summaryAsString),itemsCount=summaryItems.length;return itemsCount>ITEMS_BEFORE_EXPANSION?React17.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),React17.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?\"Show less...\":`Show ${itemsCount-ITEMS_BEFORE_EXPANSION} more...`)):React17.createElement(Summary,null,renderSummaryItems(summaryItems))}return React17.createElement(WithTooltipPure,{closeOnOutsideClick:!0,placement:\"bottom\",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible);},tooltip:React17.createElement(Detail,{width:calculateDetailWidth(detail)},React17.createElement(SyntaxHighlighter,{language:\"jsx\",format:!1},detail))},React17.createElement(Expandable,{className:\"sbdocs-expandable\"},React17.createElement(\"span\",null,summaryAsString),isOpen?React17.createElement(ChevronUpIcon,null):React17.createElement(ChevronDownIcon,null)))},ArgValue=({value:value2,initialExpandedArgs})=>value2==null?React17.createElement(EmptyArg,null):React17.createElement(ArgSummary,{value:value2,initialExpandedArgs});var Label=styled.label(({theme})=>({lineHeight:\"18px\",alignItems:\"center\",marginBottom:8,display:\"inline-block\",position:\"relative\",whiteSpace:\"nowrap\",background:theme.boolean.background,borderRadius:\"3em\",padding:1,input:{appearance:\"none\",width:\"100%\",height:\"100%\",position:\"absolute\",left:0,top:0,margin:0,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\",borderRadius:\"3em\",\"&:focus\":{outline:\"none\",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:\"center\",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",cursor:\"pointer\",display:\"inline-block\",padding:\"7px 15px\",transition:\"all 100ms ease-out\",userSelect:\"none\",borderRadius:\"3em\",color:transparentize(.5,theme.color.defaultText),background:\"transparent\",\"&:hover\":{boxShadow:`${opacify(.3,theme.appBorderColor)} 0 0 0 1px inset`},\"&:active\":{boxShadow:`${opacify(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:opacify(1,theme.appBorderColor)},\"&:first-of-type\":{paddingRight:8},\"&:last-of-type\":{paddingLeft:8}},\"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type\":{background:theme.boolean.selectedBackground,boxShadow:theme.base===\"light\"?`${opacify(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:\"7px 15px\"}})),parse=value2=>value2===\"true\",BooleanControl=({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=useCallback(()=>onChange(!1),[onChange]);if(value2===void 0)return React17.createElement(Button,{variant:\"outline\",size:\"medium\",id:getControlSetterButtonId(name),onClick:onSetFalse},\"Set boolean\");let controlId=getControlId(name),parsedValue=typeof value2==\"string\"?parse(value2):value2;return React17.createElement(Label,{htmlFor:controlId,\"aria-label\":name},React17.createElement(\"input\",{id:controlId,type:\"checkbox\",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:\"switch\",name,onBlur,onFocus}),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"False\"),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"True\"))};var parseDate=value2=>{let[year,month,day]=value2.split(\"-\"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result},parseTime=value2=>{let[hours,minutes]=value2.split(\":\"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result},formatDate=value2=>{let date=new Date(value2),year=`000${date.getFullYear()}`.slice(-4),month=`0${date.getMonth()+1}`.slice(-2),day=`0${date.getDate()}`.slice(-2);return `${year}-${month}-${day}`},formatTime=value2=>{let date=new Date(value2),hours=`0${date.getHours()}`.slice(-2),minutes=`0${date.getMinutes()}`.slice(-2);return `${hours}:${minutes}`},FlexSpaced=styled.div(({theme})=>({flex:1,display:\"flex\",input:{marginLeft:10,flex:1,height:32,\"&::-webkit-calendar-picker-indicator\":{opacity:.5,height:12,filter:theme.base===\"light\"?void 0:\"invert(1)\"}},\"input:first-of-type\":{marginLeft:0,flexGrow:4},\"input:last-of-type\":{flexGrow:3}})),DateControl=({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=useState(!0),dateRef=useRef(),timeRef=useRef();useEffect(()=>{valid!==!1&&(dateRef&&dateRef.current&&(dateRef.current.value=formatDate(value2)),timeRef&&timeRef.current&&(timeRef.current.value=formatTime(value2)));},[value2]);let onDateChange=e=>{let parsed=parseDate(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time);},onTimeChange=e=>{let parsed=parseTime(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time);},controlId=getControlId(name);return React17.createElement(FlexSpaced,null,React17.createElement(Form.Input,{type:\"date\",max:\"9999-12-31\",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:onDateChange,onFocus,onBlur}),React17.createElement(Form.Input,{type:\"time\",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:onTimeChange,onFocus,onBlur}),valid?null:React17.createElement(\"div\",null,\"invalid\"))};var Wrapper3=styled.label({display:\"flex\"}),parse2=value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result},format=value2=>value2!=null?String(value2):\"\",NumberControl=({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=useState(typeof value2==\"number\"?value2:\"\"),[forceVisible,setForceVisible]=useState(!1),[parseError,setParseError]=useState(null),handleChange=useCallback(event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null));},[onChange,setParseError]),onForceVisible=useCallback(()=>{setInputValue(\"0\"),onChange(0),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);return useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),useEffect(()=>{inputValue!==(typeof value2==\"number\"?value2:\"\")&&setInputValue(value2);},[value2]),!forceVisible&&value2===void 0?React17.createElement(Button,{variant:\"outline\",size:\"medium\",id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set number\"):React17.createElement(Wrapper3,null,React17.createElement(Form.Input,{ref:htmlElRef,id:getControlId(name),type:\"number\",onChange:handleChange,size:\"flex\",placeholder:\"Edit number...\",value:inputValue,valid:parseError?\"error\":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur}))};var selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find(([_key,val])=>val===value2);return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter(entry=>value2.includes(entry[1])).map(entry=>entry[0]):[],selectedValues=(keys,options)=>keys&&options&&keys.map(key=>options[key]);var Wrapper4=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text2=styled.span({}),Label2=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Checkbox with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let initial=selectedKeys(value2,options),[selected,setSelected]=useState(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated);};useEffect(()=>{setSelected(selectedKeys(value2,options));},[value2]);let controlId=getControlId(name);return React17.createElement(Wrapper4,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label2,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"checkbox\",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),React17.createElement(Text2,null,key))}))};var Wrapper5=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text3=styled.span({}),Label3=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Radio with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let selection=selectedKey(value2,options),controlId=getControlId(name);return React17.createElement(Wrapper5,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label3,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"radio\",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),React17.createElement(Text3,null,key))}))};var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},OptionsSelect=styled.select(styleResets,({theme})=>({boxSizing:\"border-box\",position:\"relative\",padding:\"6px 10px\",width:\"100%\",color:theme.input.color||\"inherit\",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"::placeholder\":{color:theme.textMutedColor},\"&[multiple]\":{overflow:\"auto\",padding:0,option:{display:\"block\",padding:\"6px 10px\",marginLeft:1,marginRight:1}}})),SelectWrapper=styled.span(({theme})=>({display:\"inline-block\",lineHeight:\"normal\",overflow:\"hidden\",position:\"relative\",verticalAlign:\"top\",width:\"100%\",svg:{position:\"absolute\",zIndex:1,pointerEvents:\"none\",height:\"12px\",marginTop:\"-6px\",right:\"12px\",top:\"50%\",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}})),NO_SELECTION=\"Choose option...\",SingleSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{onChange(options[e.currentTarget.value]);},selection=selectedKey(value2,options)||NO_SELECTION,controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(ChevronSmallDownIcon,null),React17.createElement(OptionsSelect,{id:controlId,value:selection,onChange:handleChange},React17.createElement(\"option\",{key:\"no-selection\",disabled:!0},NO_SELECTION),Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},MultiSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{let selection2=Array.from(e.currentTarget.options).filter(option=>option.selected).map(option=>option.value);onChange(selectedValues(selection2,options));},selection=selectedKeys(value2,options),controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:handleChange},Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?React17.createElement(MultiSelect,{...props}):React17.createElement(SingleSelect,{...props}):(logger.warn(`Select with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\"))};var normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc),{}):options,Controls={check:CheckboxControl,\"inline-check\":CheckboxControl,radio:RadioControl,\"inline-radio\":RadioControl,select:SelectControl,\"multi-select\":SelectControl},OptionsControl=props=>{let{type=\"select\",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes(\"inline\"),isMulti:type.includes(\"multi\")},Control=Controls[type];if(Control)return React17.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};var VALUE=\"value\",KEY=\"key\";var ERROR=\"Error\",OBJECT=\"Object\",ARRAY=\"Array\",STRING=\"String\",NUMBER=\"Number\",BOOLEAN=\"Boolean\",DATE=\"Date\",NULL=\"Null\",UNDEFINED=\"Undefined\",FUNCTION=\"Function\",SYMBOL=\"Symbol\";var ADD_DELTA_TYPE=\"ADD_DELTA_TYPE\",REMOVE_DELTA_TYPE=\"REMOVE_DELTA_TYPE\",UPDATE_DELTA_TYPE=\"UPDATE_DELTA_TYPE\";function getObjectType(obj){return obj!==null&&typeof obj==\"object\"&&!Array.isArray(obj)&&typeof obj[Symbol.iterator]==\"function\"?\"Iterable\":Object.prototype.toString.call(obj).slice(8,-1)}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return (oldType===\"Function\"||newType===\"Function\")&&newType!==oldType}var JsonAddValue=class extends Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this);}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&typeof inputRefKey.focus==\"function\"&&inputRefKey.focus(),onlyValue&&inputRefValue&&typeof inputRefValue.focus==\"function\"&&inputRefValue.focus(),document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.onSubmit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.props.handleCancel()));}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value;}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result);}refInputKey(node){this.state.inputRefKey=node;}refInputValue(node){this.state.inputRefValue=node;}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=cloneElement(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator(VALUE,keyPath,deep),inputElementValueLayout=cloneElement(inputElementValue,{placeholder:\"Value\",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator(KEY,keyPath,deep);inputElementKeyLayout=cloneElement(inputElementKey,{placeholder:\"Key\",ref:this.refInputKey});}return React17.createElement(\"span\",{className:\"rejt-add-value-node\"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:React17.createElement(\"button\",null,\"+\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\")};var JsonArray=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleRemoveItem(index){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:REMOVE_DELTA_TYPE};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then(()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key:newData.length-1,newValue});}).catch(logger4.error);}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0);}).catch(reject);})}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"[...] \",data.length,\" \",data.length===1?\"item\":\"items\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"[\"),!addFormVisible&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},data.map((item,index)=>React17.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}))),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"]\"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-array-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonFunctionValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=cloneElement(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},textareaElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout),minusElement=null;}else {result=React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout;}return React17.createElement(\"li\",{className:\"rejt-function-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \"),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var JsonNode=class extends Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep};}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case ERROR:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case OBJECT:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case ARRAY:return React17.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case STRING:return React17.createElement(JsonValue,{name,value:`\"${data}\"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NUMBER:return React17.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case BOOLEAN:return React17.createElement(JsonValue,{name,value:data?\"true\":\"false\",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case DATE:return React17.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NULL:return React17.createElement(JsonValue,{name,value:\"null\",originalValue:\"null\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case UNDEFINED:return React17.createElement(JsonValue,{name,value:\"undefined\",originalValue:\"undefined\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case FUNCTION:return React17.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case SYMBOL:return React17.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends Component{constructor(props){super(props);let keyPath=props.deep===-1?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then(()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key,newValue});}).catch(logger4.error);}handleRemoveValue(key){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:REMOVE_DELTA_TYPE};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve();}).catch(reject);})}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"{...}\",\" \",keyList.length,\" \",keyList.length===1?\"key\":\"keys\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus}),list=keyList.map(key=>React17.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}));return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"{\"),!isReadOnly&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},list),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"}\"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-object-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=cloneElement(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});return React17.createElement(\"li\",{className:\"rejt-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" : \"),isEditing?React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},inputElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout):React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var object={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},array={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},value={minus:{color:\"red\"},editForm:{},value:{color:\"#7bba3d\"},li:{minHeight:\"22px\",lineHeight:\"22px\",outline:\"0px\"},name:{color:\"#2287CD\"}};function parse3(string){let result=string;if(result.indexOf(\"function\")===0)return (0, eval)(`(${result})`);try{result=JSON.parse(string);}catch{}return result}var JsonTree=class extends Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data);}removeRoot(){this.onUpdate(null,null);}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;getObjectType(readOnly)===\"Boolean\"&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&getObjectType(inputElement)!==\"Function\"&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&getObjectType(textareaElement)!==\"Function\"&&(textareaElementFunction=()=>textareaElement),dataType===\"Object\"||dataType===\"Array\"?React17.createElement(\"div\",{className:\"rejt-tree\"},React17.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:\"root\",isCollapsed:(keyPath,deep)=>deep!==-1,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case\"Object\":case\"Error\":return object;case\"Array\":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>parse3(rawValue),inputElement:()=>React17.createElement(\"input\",null),textareaElement:()=>React17.createElement(\"textarea\",null),fallback:null};var {window:globalWindow2}=global,Wrapper6=styled.div(({theme})=>({position:\"relative\",display:\"flex\",\".rejt-tree\":{marginLeft:\"1rem\",fontSize:\"13px\"},\".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed\":{\"& > svg\":{opacity:0,transition:\"opacity 0.2s\"}},\".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed\":{\"& > svg\":{opacity:1}},\".rejt-edit-form button\":{display:\"none\"},\".rejt-add-form\":{marginLeft:10},\".rejt-add-value-node\":{display:\"inline-flex\",alignItems:\"center\"},\".rejt-name\":{lineHeight:\"22px\"},\".rejt-not-collapsed-delimiter\":{lineHeight:\"22px\"},\".rejt-plus-menu\":{marginLeft:5},\".rejt-object-node > span > *, .rejt-array-node > span > *\":{position:\"relative\",zIndex:2},\".rejt-object-node, .rejt-array-node\":{position:\"relative\"},\".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before\":{content:'\"\"',position:\"absolute\",top:0,display:\"block\",width:\"100%\",marginLeft:\"-1rem\",padding:\"0 4px 0 1rem\",height:22},\".rejt-collapsed::before, .rejt-not-collapsed::before\":{zIndex:1,background:\"transparent\",borderRadius:4,transition:\"background 0.2s\",pointerEvents:\"none\",opacity:.1},\".rejt-object-node:hover, .rejt-array-node:hover\":{\"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before\":{background:theme.color.secondary}},\".rejt-collapsed::after, .rejt-not-collapsed::after\":{content:'\"\"',position:\"absolute\",display:\"inline-block\",pointerEvents:\"none\",width:0,height:0},\".rejt-collapsed::after\":{left:-8,top:8,borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",borderLeft:\"3px solid rgba(153,153,153,0.6)\"},\".rejt-not-collapsed::after\":{left:-10,top:10,borderTop:\"3px solid rgba(153,153,153,0.6)\",borderLeft:\"3px solid transparent\",borderRight:\"3px solid transparent\"},\".rejt-value\":{display:\"inline-block\",border:\"1px solid transparent\",borderRadius:4,margin:\"1px 0\",padding:\"0 4px\",cursor:\"text\",color:theme.color.defaultText},\".rejt-value-node:hover > .rejt-value\":{background:theme.color.lighter,borderColor:theme.appBorderColor}})),ButtonInline=styled.button(({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:\"transparent\",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?\"bold\":\"normal\",cursor:\"pointer\",order:primary?\"initial\":9})),ActionAddIcon=styled(AddIcon)(({theme,disabled})=>({display:\"inline-block\",verticalAlign:\"middle\",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?\"not-allowed\":\"pointer\",color:theme.textMutedColor,\"&:hover\":disabled?{}:{color:theme.color.ancillary},\"svg + &\":{marginLeft:0}})),ActionSubstractIcon=styled(SubtractIcon)(({theme,disabled})=>({display:\"inline-block\",verticalAlign:\"middle\",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?\"not-allowed\":\"pointer\",color:theme.textMutedColor,\"&:hover\":disabled?{}:{color:theme.color.negative},\"svg + &\":{marginLeft:0}})),Input=styled.input(({theme,placeholder})=>({outline:0,margin:placeholder?1:\"1px 0\",padding:\"3px 4px\",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:\"14px\",width:placeholder===\"Key\"?80:120,\"&:focus\":{border:`1px solid ${theme.color.secondary}`}})),RawButton=styled(IconButton)(({theme})=>({position:\"absolute\",zIndex:2,top:2,right:2,height:21,padding:\"0 3px\",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:\"9px\",fontWeight:\"bold\",textDecoration:\"none\",span:{marginLeft:3,marginTop:1}})),RawInput=styled(Form.Textarea)(({theme})=>({flex:1,padding:\"7px 6px\",fontFamily:theme.typography.fonts.mono,fontSize:\"12px\",lineHeight:\"18px\",\"&::placeholder\":{fontFamily:theme.typography.fonts.base,fontSize:\"13px\"},\"&:placeholder-shown\":{padding:\"7px 10px\"}})),ENTER_EVENT={bubbles:!0,cancelable:!0,key:\"Enter\",code:\"Enter\",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent(\"keydown\",ENTER_EVENT));},selectValue=event=>{event.currentTarget.select();},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:\"none\",margin:\"0 0 0 1rem\",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=useTheme(),data=useMemo(()=>value2&&cloneDeep(value2),[value2]),hasData=data!=null,[showRaw,setShowRaw]=useState(!hasData),[parseError,setParseError]=useState(null),updateRaw=useCallback(raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0);}catch(e){setParseError(e);}},[onChange]),[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange({}),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);if(useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),!hasData)return React17.createElement(Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set object\");let rawJSONForm=React17.createElement(RawInput,{ref:htmlElRef,id:getControlId(name),name,defaultValue:value2===null?\"\":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:\"Edit JSON string...\",autoFocus:forceVisible,valid:parseError?\"error\":null}),isObjectOrArray=Array.isArray(value2)||typeof value2==\"object\"&&value2?.constructor===Object;return React17.createElement(Wrapper6,null,isObjectOrArray&&React17.createElement(RawButton,{onClick:e=>{e.preventDefault(),setShowRaw(v=>!v);}},showRaw?React17.createElement(EyeCloseIcon,null):React17.createElement(EyeIcon,null),React17.createElement(\"span\",null,\"RAW\")),showRaw?rawJSONForm:React17.createElement(JsonTree,{readOnly:!isObjectOrArray,isCollapsed:isObjectOrArray?void 0:()=>!0,data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:React17.createElement(ButtonInline,{type:\"button\"},\"Cancel\"),editButtonElement:React17.createElement(ButtonInline,{type:\"submit\"},\"Save\"),addButtonElement:React17.createElement(ButtonInline,{type:\"submit\",primary:!0},\"Save\"),plusMenuElement:React17.createElement(ActionAddIcon,null),minusMenuElement:React17.createElement(ActionSubstractIcon,null),inputElement:(_,__,___,key)=>key?React17.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):React17.createElement(Input,null),fallback:rawJSONForm}))};var RangeInput=styled.input(({theme,min,max,value:value2})=>({\"&\":{width:\"100%\",backgroundColor:\"transparent\",appearance:\"none\"},\"&::-webkit-slider-runnable-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\"},\"&::-webkit-slider-thumb\":{marginTop:\"-6px\",width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",appearance:\"none\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&:focus\":{outline:\"none\",\"&::-webkit-slider-runnable-track\":{borderColor:rgba(theme.color.secondary,.4)},\"&::-webkit-slider-thumb\":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},\"&::-moz-range-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\",outline:\"none\"},\"&::-moz-range-thumb\":{width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&::-ms-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:\"transparent\",width:\"100%\",height:\"6px\",cursor:\"pointer\"},\"&::-ms-fill-lower\":{borderRadius:6},\"&::-ms-fill-upper\":{borderRadius:6},\"&::-ms-thumb\":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:\"grab\",marginTop:0},\"@supports (-ms-ime-align:auto)\":{\"input[type=range]\":{margin:\"0\"}}})),RangeLabel=styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:\"nowrap\",fontFeatureSettings:\"tnum\",fontVariantNumeric:\"tabular-nums\"}),RangeCurrentAndMaxLabel=styled(RangeLabel)(({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+max.toString().length*2+3}ch`,textAlign:\"right\",flexShrink:0})),RangeWrapper=styled.div({display:\"flex\",alignItems:\"center\",width:\"100%\"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\\.(\\d+))?(?:[eE]([+-]?\\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value));},hasValue=value2!==void 0,numberOFDecimalsPlaces=useMemo(()=>getNumberOfDecimalPlaces(step),[step]);return React17.createElement(RangeWrapper,null,React17.createElement(RangeLabel,null,min),React17.createElement(RangeInput,{id:getControlId(name),type:\"range\",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),React17.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):\"--\",\" / \",max))};var Wrapper7=styled.label({display:\"flex\"}),MaxLength=styled.div(({isMaxed})=>({marginLeft:\"0.75rem\",paddingTop:\"0.35rem\",color:isMaxed?\"red\":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value);},[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange(\"\"),setForceVisible(!0);},[setForceVisible]);if(value2===void 0)return React17.createElement(Button,{variant:\"outline\",size:\"medium\",id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set string\");let isValid=typeof value2==\"string\";return React17.createElement(Wrapper7,null,React17.createElement(Form.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:\"flex\",placeholder:\"Edit string...\",autoFocus:forceVisible,valid:isValid?null:\"error\",name,value:isValid?value2:\"\",onFocus,onBlur}),maxLength&&React17.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0,\" / \",maxLength))};var FileInput=styled(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith(\"blob:\")&&URL.revokeObjectURL(url);});}var FilesControl=({onChange,name,accept=\"image/*\",value:value2})=>{let inputElement=useRef(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2);}return useEffect(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null);},[value2,name]),React17.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:\"file\",name,multiple:!0,onChange:handleFileChange,accept,size:\"flex\"})};var LazyColorControl=lazy(()=>import('./Color-RQJUDNI5.mjs')),ColorControl=props=>React17.createElement(Suspense,{fallback:React17.createElement(\"div\",null)},React17.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,\"inline-check\":OptionsControl,radio:OptionsControl,\"inline-radio\":OptionsControl,select:OptionsControl,\"multi-select\":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>React17.createElement(React17.Fragment,null,\"-\"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=useState(!1),[boxedValue,setBoxedValue]=useState({value:arg});useEffect(()=>{isFocused||setBoxedValue({value:arg});},[isFocused,arg]);let onChange=useCallback(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=useCallback(()=>setFocused(!1),[]),onFocus=useCallback(()=>setFocused(!0),[]);if(!control||control.disable){let canBeSetup=control?.disable!==!0&&row?.type?.name!==\"function\";return isHovered&&canBeSetup?React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Setup controls\"):React17.createElement(NoControl,null)}let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return React17.createElement(Control,{...props,...control,controlType:control.type})};var Name=styled.span({fontWeight:\"bold\"}),Required=styled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:\"help\"})),Description=styled.div(({theme})=>({\"&&\":{p:{margin:\"0 0 10px 0\"},a:{color:theme.color.secondary}},code:{...codeCommon({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},\"& code\":{margin:0,display:\"inline-block\"},\"& pre > code\":{whiteSpace:\"pre-wrap\"}})),Type=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=styled.td(({theme,expandable})=>({paddingLeft:expandable?\"40px !important\":\"20px !important\"})),toSummary=value2=>value2&&{summary:typeof value2==\"string\"?value2:value2.name},ArgRow=props=>{let[isHovered,setIsHovered]=useState(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||toSummary(row.type),defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!==\"\";return React17.createElement(\"tr\",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},React17.createElement(StyledTd,{expandable},React17.createElement(Name,null,name),required?React17.createElement(Required,{title:\"Required\"},\"*\"):null),compact?null:React17.createElement(\"td\",null,hasDescription&&React17.createElement(Description,null,React17.createElement(Markdown,null,description)),table.jsDocTags!=null?React17.createElement(React17.Fragment,null,React17.createElement(TypeWithJsDoc,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs})),React17.createElement(ArgJsDoc,{tags:table.jsDocTags})):React17.createElement(Type,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:React17.createElement(\"td\",null,React17.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?React17.createElement(\"td\",null,React17.createElement(ArgControl,{...props,isHovered})):null)};var ExpanderIconDown=styled(ChevronDownIcon$1)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.3,theme.color.defaultText),border:\"none\",display:\"inline-block\"})),ExpanderIconRight=styled(ChevronRightIcon)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.3,theme.color.defaultText),border:\"none\",display:\"inline-block\"})),FlexWrapper=styled.span(({theme})=>({display:\"flex\",lineHeight:\"20px\",alignItems:\"center\"})),Section=styled.td(({theme})=>({position:\"relative\",letterSpacing:\"0.35em\",textTransform:\"uppercase\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),background:`${theme.background.app} !important`,\"& ~ td\":{background:`${theme.background.app} !important`}})),Subsection=styled.td(({theme})=>({position:\"relative\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app})),StyledTd2=styled.td(()=>({position:\"relative\"})),StyledTr=styled.tr(({theme})=>({\"&:hover > td\":{backgroundColor:`${lighten(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:\"row-resize\"}})),ClickIntercept=styled.button(()=>({background:\"none\",border:\"none\",padding:\"0\",font:\"inherit\",position:\"absolute\",top:0,bottom:0,left:0,right:0,height:\"100%\",width:\"100%\",color:\"transparent\",cursor:\"row-resize !important\"})),SectionRow=({level=\"section\",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=useState(initialExpanded),Level=level===\"subsection\"?Subsection:Section,itemCount=children?.length||0,caption=level===\"subsection\"?`${itemCount} item${itemCount!==1?\"s\":\"\"}`:\"\",helperText=`${expanded?\"Hide\":\"Show\"} ${level===\"subsection\"?itemCount:label} item${itemCount!==1?\"s\":\"\"}`;return React17.createElement(React17.Fragment,null,React17.createElement(StyledTr,{title:helperText},React17.createElement(Level,{colSpan:1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),React17.createElement(FlexWrapper,null,expanded?React17.createElement(ExpanderIconDown,null):React17.createElement(ExpanderIconRight,null),label)),React17.createElement(StyledTd2,{colSpan:colSpan-1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:\"none\"}},helperText),expanded?null:caption)),expanded?children:null)};var Row=styled.div(({theme})=>({display:\"flex\",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,\"&:last-child\":{borderBottom:0}})),Column=styled.div(({numColumn})=>({display:\"flex\",flexDirection:\"column\",flex:numColumn||1,gap:5,padding:\"12px 20px\"})),SkeletonText=styled.div(({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||\"100%\",height:height||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>React17.createElement(React17.Fragment,null,React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))));var Wrapper8=styled.div(({inAddonPanel,theme})=>({height:inAddonPanel?\"100%\":\"auto\",display:\"flex\",border:inAddonPanel?\"none\":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:\"center\",justifyContent:\"center\",flexDirection:\"column\",gap:15,background:theme.background.content,boxShadow:\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\"})),Links=styled.div(({theme})=>({display:\"flex\",fontSize:theme.typography.size.s2-1,gap:25})),Divider=styled.div(({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor})),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=useState(!0);return useEffect(()=>{let load=setTimeout(()=>{setIsLoading(!1);},100);return ()=>clearTimeout(load)},[]),isLoading?null:React17.createElement(Wrapper8,{inAddonPanel},React17.createElement(EmptyTabContent,{title:inAddonPanel?\"Interactive story playground\":\"Args table with interactive controls couldn't be auto-generated\",description:React17.createElement(React17.Fragment,null,\"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.\"),footer:React17.createElement(Links,null,inAddonPanel&&React17.createElement(React17.Fragment,null,React17.createElement(Link,{href:\"https://youtu.be/0gOfS6K0x0E\",target:\"_blank\",withArrow:!0},React17.createElement(VideoIcon,null),\" Watch 5m video\"),React17.createElement(Divider,null),React17.createElement(Link,{href:\"https://storybook.js.org/docs/essentials/controls\",target:\"_blank\",withArrow:!0},React17.createElement(DocumentIcon,null),\" Read docs\")),!inAddonPanel&&React17.createElement(Link,{href:\"https://storybook.js.org/docs/essentials/controls\",target:\"_blank\",withArrow:!0},React17.createElement(DocumentIcon,null),\" Learn how to set that up\"))}))};var TableWrapper=styled.table(({theme,compact,inAddonPanel})=>({\"&&\":{borderSpacing:0,color:theme.color.defaultText,\"td, th\":{padding:0,border:\"none\",verticalAlign:\"top\",textOverflow:\"ellipsis\"},fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",textAlign:\"left\",width:\"100%\",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,\"thead th:first-of-type, td:first-of-type\":{width:\"25%\"},\"th:first-of-type, td:first-of-type\":{paddingLeft:20},\"th:nth-of-type(2), td:nth-of-type(2)\":{...compact?null:{width:\"35%\"}},\"td:nth-of-type(3)\":{...compact?null:{width:\"15%\"}},\"th:last-of-type, td:last-of-type\":{paddingRight:20,...compact?null:{width:\"25%\"}},th:{color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:\"10px\",paddingBottom:\"10px\",\"&:not(:first-of-type)\":{paddingLeft:15,paddingRight:15},\"&:last-of-type\":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:theme.base===\"light\"?\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))\":\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))\"},\"> tr > *\":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{\"> tr:first-of-type > *\":{borderBlockStart:`1px solid ${theme.appBorderColor}`},\"> tr:last-of-type > *\":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},\"> tr > *:first-of-type\":{borderInlineStart:`1px solid ${theme.appBorderColor}`},\"> tr > *:last-of-type\":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},\"> tr:first-of-type > td:first-of-type\":{borderTopLeftRadius:theme.appBorderRadius},\"> tr:first-of-type > td:last-of-type\":{borderTopRightRadius:theme.appBorderRadius},\"> tr:last-of-type > td:first-of-type\":{borderBottomLeftRadius:theme.appBorderRadius},\"> tr:last-of-type > td:last-of-type\":{borderBottomRightRadius:theme.appBorderRadius}}}}})),StyledIconButton=styled(IconButton)(({theme})=>({margin:\"-4px -12px -4px 0\"})),ControlHeadingWrapper=styled.span({display:\"flex\",justifyContent:\"space-between\"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else {let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection;}sections.sections[category]=section;}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection;}else sections.ungrouped.push({key,...row});});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return {ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return includeConditionalArg(row,args,globals)}catch(err){return once.warn(err.message),!1}},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort=\"none\",isLoading}=props;if(\"error\"in props){let{error}=props;return React17.createElement(EmptyBlock,null,error,\"\\xA0\",React17.createElement(Link,{href:\"http://storybook.js.org/docs/\",target:\"_blank\",withArrow:!0},React17.createElement(DocumentIcon,null),\" Read the docs\"))}if(isLoading)return React17.createElement(Skeleton,null);let{rows,args,globals}=\"rows\"in props&&props,groups=groupRows(pickBy(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort),hasNoUngrouped=groups.ungrouped.length===0,hasNoSections=Object.entries(groups.sections).length===0,hasNoUngroupedSubsections=Object.entries(groups.ungroupedSubsections).length===0;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return React17.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return React17.createElement(ResetWrapper,null,React17.createElement(TableWrapper,{compact,inAddonPanel,className:\"docblock-argstable sb-unstyled\"},React17.createElement(\"thead\",{className:\"docblock-argstable-head\"},React17.createElement(\"tr\",null,React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Name\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Description\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Default\")),updateArgs?React17.createElement(\"th\",null,React17.createElement(ControlHeadingWrapper,null,\"Control\",\" \",!isLoading&&resetArgs&&React17.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:\"Reset controls\"},React17.createElement(UndoIcon,{\"aria-hidden\":!0})))):null)),React17.createElement(\"tbody\",{className:\"docblock-argstable-body\"},groups.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>React17.createElement(SectionRow,{key:category,label:category,level:\"section\",colSpan},section.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React17.createElement(ArgsTable,{...entries[0][1],...props}):React17.createElement(TabsState,null,entries.map((entry,index)=>{let[label,table]=entry,id=`prop_table_div_${label}`,Component4=\"div\",argsTableProps=index===0?props:{sort:props.sort};return React17.createElement(Component4,{key:id,id,title:label},({active})=>active?React17.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...argsTableProps}):null)}))};var Label4=styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),Sample=styled.div({overflow:\"hidden\",whiteSpace:\"nowrap\",textOverflow:\"ellipsis\"}),TypeSpecimen=styled.div({display:\"flex\",flexDirection:\"row\",alignItems:\"baseline\",\"&:not(:last-child)\":{marginBottom:\"1rem\"}}),Wrapper9=styled.div(withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:\"25px 0 40px\",padding:\"30px 20px\"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React17.createElement(Wrapper9,{...props,className:\"docblock-typeset sb-unstyled\"},fontSizes.map(size=>React17.createElement(TypeSpecimen,{key:size},React17.createElement(Label4,null,size),React17.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||\"Was he a beast if music could move him so?\"))));var ItemTitle=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=styled.div(({theme})=>({color:theme.base===\"light\"?transparentize(.2,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),ItemDescription=styled.div({flex:\"0 0 30%\",lineHeight:\"20px\",marginTop:5}),SwatchLabel=styled.div(({theme})=>({flex:1,textAlign:\"center\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:\"hidden\",color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),\"> div\":{display:\"inline-block\",overflow:\"hidden\",maxWidth:\"100%\",textOverflow:\"ellipsis\"},span:{display:\"block\",marginTop:2}})),SwatchLabels=styled.div({display:\"flex\",flexDirection:\"row\"}),Swatch=styled.div(({background})=>({position:\"relative\",flex:1,\"&::before\":{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background,content:'\"\"'}})),SwatchColors=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:\"flex\",flexDirection:\"row\",height:50,marginBottom:5,overflow:\"hidden\",backgroundColor:\"white\",backgroundImage:\"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)\",backgroundClip:\"padding-box\"})),SwatchSpecimen=styled.div({display:\"flex\",flexDirection:\"column\",flex:1,position:\"relative\",marginBottom:30}),Swatches=styled.div({flex:1,display:\"flex\",flexDirection:\"row\"}),Item=styled.div({display:\"flex\",alignItems:\"flex-start\"}),ListName=styled.div({flex:\"0 0 30%\"}),ListSwatches=styled.div({flex:1}),ListHeading=styled.div(({theme})=>({display:\"flex\",flexDirection:\"row\",alignItems:\"center\",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),List=styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"20px\",display:\"flex\",flexDirection:\"column\"}));function renderSwatch(color,index){return React17.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React17.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React17.createElement(\"div\",null,color,colorDescription&&React17.createElement(\"span\",null,colorDescription)))}function renderSwatchSpecimen(colors){if(Array.isArray(colors))return React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React17.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index))));let swatchElements=[],labelElements=[];for(let colorKey in colors){let colorValue=colors[colorKey];swatchElements.push(renderSwatch(colorValue,swatchElements.length)),labelElements.push(renderSwatchLabel(colorKey,labelElements.length,colorValue));}return React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,swatchElements),React17.createElement(SwatchLabels,null,labelElements))}var ColorItem=({title,subtitle,colors})=>React17.createElement(Item,null,React17.createElement(ItemDescription,null,React17.createElement(ItemTitle,null,title),React17.createElement(ItemSubtitle,null,subtitle)),React17.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List,{...props,className:\"docblock-colorpalette sb-unstyled\"},React17.createElement(ListHeading,null,React17.createElement(ListName,null,\"Name\"),React17.createElement(ListSwatches,null,\"Swatches\")),children));var ItemLabel=styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:\"hidden\",height:40,width:40,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flex:\"none\",\"> img, > svg\":{width:20,height:20}})),Item2=styled.div({display:\"inline-flex\",flexDirection:\"row\",alignItems:\"center\",flex:\"0 1 calc(20% - 10px)\",minWidth:120,margin:\"0px 10px 30px 0\"}),List2=styled.div({display:\"flex\",flexFlow:\"row wrap\"}),IconItem=({name,children})=>React17.createElement(Item2,null,React17.createElement(ItemSpecimen,null,children),React17.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List2,{...props,className:\"docblock-icongallery sb-unstyled\"},children));var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>React17.createElement(\"div\",{id:anchorBlockIdFromId(storyId),className:\"sb-anchor\"},children);global&&global.__DOCS_CONTEXT__===void 0&&(global.__DOCS_CONTEXT__=createContext(null),global.__DOCS_CONTEXT__.displayName=\"DocsContext\");var DocsContext=global?global.__DOCS_CONTEXT__:createContext(null);var useOf=(moduleExportOrType,validTypes)=>useContext(DocsContext).resolveOf(moduleExportOrType,validTypes);var titleCase=str=>str.split(\"-\").map(part=>part.charAt(0).toUpperCase()+part.slice(1)).join(\"\"),getComponentName=component=>{if(component)return typeof component==\"string\"?component.includes(\"-\")?titleCase(component):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function scrollToElement(element,block=\"start\"){element.scrollIntoView({behavior:\"smooth\",block,inline:\"nearest\"});}function extractComponentArgTypes(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");return extractArgTypes(component)}function getArgTypesFromResolved(resolved){if(resolved.type===\"component\"){let{component:component2,projectAnnotations:{parameters:parameters2}}=resolved;return {argTypes:extractComponentArgTypes(component2,parameters2),parameters:parameters2,component:component2}}if(resolved.type===\"meta\"){let{preparedMeta:{argTypes:argTypes2,parameters:parameters2,component:component2,subcomponents:subcomponents2}}=resolved;return {argTypes:argTypes2,parameters:parameters2,component:component2,subcomponents:subcomponents2}}let{story:{argTypes,parameters,component,subcomponents}}=resolved;return {argTypes,parameters,component,subcomponents}}var ArgTypes=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let resolved=useOf(of||\"meta\"),{argTypes,parameters,component,subcomponents}=getArgTypesFromResolved(resolved),argTypesParameters=parameters.docs?.argTypes||{},include=props.include??argTypesParameters.include,exclude=props.exclude??argTypesParameters.exclude,sort=props.sort??argTypesParameters.sort,filteredArgTypes=filterArgTypes(argTypes,include,exclude);if(!(!!subcomponents&&Object.keys(subcomponents).length>0))return React17.createElement(ArgsTable,{rows:filteredArgTypes,sort});let mainComponentName=getComponentName(component),subcomponentTabs=Object.fromEntries(Object.entries(subcomponents).map(([key,comp])=>[key,{rows:filterArgTypes(extractComponentArgTypes(comp,parameters),include,exclude),sort}])),tabs={[mainComponentName]:{rows:filteredArgTypes,sort},...subcomponentTabs};return React17.createElement(TabbedArgsTable,{tabs,sort})};function argsHash(args){return stringify(args,{allowFunction:!1})}var SourceContext=createContext({sources:{}}),UNKNOWN_ARGS_HASH=\"--unknown--\",SourceContainer=({children,channel})=>{let[sources,setSources]=useState({});return useEffect(()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args=void 0,source,format:format2}=typeof idOrEvent==\"string\"?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):UNKNOWN_ARGS_HASH;setSources(current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}}));};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),React17.createElement(SourceContext.Provider,{value:{sources}},children)};var getStorySource=(storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.[UNKNOWN_ARGS_HASH]||{code:\"\"}},getSnippet=({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||SourceType.AUTO;if(sourceParameters.code!==void 0)return sourceParameters.code;let code=type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||\"\";return (transformFromProps??sourceParameters.transform)?.(code,storyContext)||code},useSourceProps=(props,docsContext,sourceContext)=>{let story,{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");if(of)story=docsContext.resolveOf(of,[\"story\"]).story;else try{story=docsContext.storyById();}catch{}let sourceParameters=story?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??\"jsx\",dark=props.dark??sourceParameters.dark??!1;if(!code&&!story)return {error:\"Oh no! The source is not available.\"};if(code)return {code,format:format2,language,dark};let storyContext=docsContext.getStoryContext(story),argsForSource=props.__forceInitialArgs?storyContext.initialArgs:storyContext.unmappedArgs,source=getStorySource(story.id,argsForSource,sourceContext);return format2=source.format??story.parameters.docs?.source?.format??!1,{code:getSnippet({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform}),format:format2,language,dark}},Source2=props=>{let sourceContext=useContext(SourceContext),docsContext=useContext(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return React17.createElement(Source,{...sourceProps})};function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=useState({});return useEffect(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story});}));}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}var getStoryId2=(props,context)=>{let{of,meta}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");return meta&&context.referenceMeta(meta,!1),context.resolveOf(of||\"story\",[\"story\"]).story.id},getStoryProps=(props,story,context)=>{let{parameters={}}=story||{},{docs={}}=parameters,storyParameters=docs.story||{};if(docs.disable)return null;if(props.inline??storyParameters.inline??!1){let height2=props.height??storyParameters.height,autoplay=props.autoplay??storyParameters.autoplay??!1;return {story,inline:!0,height:height2,autoplay,forceInitialArgs:!!props.__forceInitialArgs,primary:!!props.__primary,renderStoryToElement:context.renderStoryToElement}}let height=props.height??storyParameters.height??storyParameters.iframeHeight??\"100px\";return {story,inline:!1,height,primary:!!props.__primary}},Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=useContext(DocsContext),storyId=getStoryId2(props,context),story=useStory(storyId,context);if(!story)return React17.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story,context);return storyProps?React17.createElement(Story,{...storyProps}):null};var Canvas=props=>{let docsContext=useContext(DocsContext),sourceContext=useContext(SourceContext),{of,source}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let{story}=useOf(of||\"story\",[\"story\"]),sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext),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 React17.createElement(Preview,{withSource:sourceState===\"none\"?void 0:sourceProps,isExpanded:sourceState===\"shown\",withToolbar,additionalActions,className,layout},React17.createElement(Story2,{of:of||story.moduleExport,meta:props.meta,...props.story}))};var useGlobals=(story,context)=>{let storyContext=context.getStoryContext(story),[globals,setGlobals]=useState(storyContext.globals);return useEffect(()=>{let onGlobalsUpdated=changed=>{setGlobals(changed.globals);};return context.channel.on(GLOBALS_UPDATED,onGlobalsUpdated),()=>context.channel.off(GLOBALS_UPDATED,onGlobalsUpdated)},[context.channel]),[globals]};var useArgs=(story,context)=>{let result=useArgsIfDefined(story,context);if(!result)throw new Error(\"No result when story was defined\");return result},useArgsIfDefined=(story,context)=>{let storyContext=story?context.getStoryContext(story):{args:{}},{id:storyId}=story||{id:\"none\"},[args,setArgs]=useState(storyContext.args);useEffect(()=>{let onArgsUpdated=changed=>{changed.storyId===storyId&&setArgs(changed.args);};return context.channel.on(STORY_ARGS_UPDATED,onArgsUpdated),()=>context.channel.off(STORY_ARGS_UPDATED,onArgsUpdated)},[storyId,context.channel]);let updateArgs=useCallback(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId,context.channel]),resetArgs=useCallback(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId,context.channel]);return story&&[args,updateArgs,resetArgs]};function extractComponentArgTypes2(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");return extractArgTypes(component)}var Controls3=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let context=useContext(DocsContext),{story}=context.resolveOf(of||\"story\",[\"story\"]),{parameters,argTypes,component,subcomponents}=story,controlsParameters=parameters.docs?.controls||{},include=props.include??controlsParameters.include,exclude=props.exclude??controlsParameters.exclude,sort=props.sort??controlsParameters.sort,[args,updateArgs,resetArgs]=useArgs(story,context),[globals]=useGlobals(story,context),filteredArgTypes=filterArgTypes(argTypes,include,exclude);if(!(!!subcomponents&&Object.keys(subcomponents).length>0))return Object.keys(filteredArgTypes).length>0||Object.keys(args).length>0?React17.createElement(ArgsTable,{rows:filteredArgTypes,sort,args,globals,updateArgs,resetArgs}):null;let mainComponentName=getComponentName(component),subcomponentTabs=Object.fromEntries(Object.entries(subcomponents).map(([key,comp])=>[key,{rows:filterArgTypes(extractComponentArgTypes2(comp,parameters),include,exclude),sort}])),tabs={[mainComponentName]:{rows:filteredArgTypes,sort},...subcomponentTabs};return React17.createElement(TabbedArgsTable,{tabs,sort,args,globals,updateArgs,resetArgs})};var {document:document2}=global,assertIsFn=val=>{if(typeof val!=\"function\")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React17.useContext(DocsContext);return React17.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!=\"string\"&&(typeof children!=\"string\"||!children.match(/[\\n\\r]/g)))return React17.createElement(Code,null,children);let language=className&&className.split(\"-\");return React17.createElement(Source,{language:language&&language[1]||\"text\",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url);}var A=components.a,AnchorInPage=({hash,children})=>{let context=useContext(DocsContext);return React17.createElement(A,{href:hash,target:\"_self\",onClick:event=>{let id=hash.substring(1);document2.getElementById(id)&&navigate(context,hash);}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext(DocsContext);if(href){if(href.startsWith(\"#\"))return React17.createElement(AnchorInPage,{hash:href},children);if(target!==\"_blank\"&&!href.startsWith(\"https://\"))return React17.createElement(A,{href,onClick:event=>{event.button===0&&!event.altKey&&!event.ctrlKey&&!event.metaKey&&!event.shiftKey&&(event.preventDefault(),navigate(context,event.currentTarget.getAttribute(\"href\")));},target,...rest},children)}return React17.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled(headerType)({\"& svg\":{position:\"relative\",top:\"-0.1em\",visibility:\"hidden\"},\"&:hover svg\":{visibility:\"visible\"}})}),{}),OcticonAnchor=styled.a(()=>({float:\"left\",lineHeight:\"inherit\",paddingRight:\"10px\",marginLeft:\"-24px\",color:\"inherit\"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React17.createElement(OcticonHeader,{id,...rest},React17.createElement(OcticonAnchor,{\"aria-hidden\":\"true\",href:hash,tabIndex:-1,target:\"_self\",onClick:event=>{document2.getElementById(id)&&navigate(context,hash);}},React17.createElement(LinkIcon,null)),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React17.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Component4=as,{as:omittedAs,...withoutAs}=props;return React17.createElement(Component4,{...nameSpaceClassNames(withoutAs,as)})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React17.createElement(HeaderMdx,{as:headerType,...props})}),{});var Markdown2=props=>{if(!props.children)return null;if(typeof props.children!=\"string\")throw new Error(dedent`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'\n This is often caused by not wrapping the child in a template string.\n \n This is invalid:\n \n # Some heading\n A paragraph\n \n\n Instead do:\n \n {\\`\n # Some heading\n A paragraph\n \\`}\n \n `);return React17.createElement(Markdown,{...props,options:{forceBlock:!0,overrides:{code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx,...props?.options?.overrides},...props?.options}})};var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO=\"info\",DescriptionType2.NOTES=\"notes\",DescriptionType2.DOCGEN=\"docgen\",DescriptionType2.AUTO=\"auto\",DescriptionType2))(DescriptionType||{}),getDescriptionFromResolvedOf=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}`)}},DescriptionContainer=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let resolvedOf=useOf(of||\"meta\"),markdown=getDescriptionFromResolvedOf(resolvedOf);return markdown?React17.createElement(Markdown2,null,markdown):null};var Wrapper10=styled.div(({theme})=>({width:\"10rem\",\"@media (max-width: 768px)\":{display:\"none\"}})),Content=styled.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\"},\"& .toc-list-item.is-active-li::before\":{opacity:1},\"& .toc-list-item > a\":{color:theme.color.defaultText,textDecoration:\"none\"},\"& .toc-list-item.is-active-li > a\":{fontWeight:600,color:theme.color.secondary,textDecoration:\"none\"}})),Heading=styled.p(({theme})=>({fontWeight:600,fontSize:\"0.875em\",color:theme.textColor,textTransform:\"uppercase\",marginBottom:10})),OptionalTitle=({title})=>title===null?null:typeof title==\"string\"?React17.createElement(Heading,null,title):title,TableOfContents=({title,disable,headingSelector,contentsSelector,ignoreSelector,unsafeTocbotOptions})=>(useEffect(()=>{let configuration={tocSelector:\".toc-wrapper\",contentSelector:contentsSelector??\".sbdocs-content\",headingSelector:headingSelector??\"h3\",ignoreSelector:ignoreSelector??\".docs-story *, .skip-toc\",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...unsafeTocbotOptions},timeout=setTimeout(()=>tocbot.init(configuration),100);return ()=>{clearTimeout(timeout),tocbot.destroy();}},[disable]),React17.createElement(React17.Fragment,null,React17.createElement(Wrapper10,null,disable?null:React17.createElement(Content,null,React17.createElement(OptionalTitle,{title:title||null}),React17.createElement(\"div\",{className:\"toc-wrapper\"})))));var {document:document3,window:globalWindow3}=global,DocsContainer=({context,theme,children})=>{let toc;try{toc=context.resolveOf(\"meta\",[\"meta\"]).preparedMeta.parameters?.docs?.toc;}catch{toc=context?.projectAnnotations?.parameters?.docs?.toc;}return useEffect(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document3.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element);},200);}}catch{}}),React17.createElement(DocsContext.Provider,{value:context},React17.createElement(SourceContainer,{channel:context.channel},React17.createElement(ThemeProvider,{theme:ensure(theme)},React17.createElement(DocsPageWrapper,{toc:toc?React17.createElement(TableOfContents,{className:\"sbdocs sbdocs-toc--custom\",...toc}):null},children))))};var STORY_KIND_PATH_SEPARATOR=/\\s*\\/\\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=useContext(DocsContext),content=children||extractTitle(context.storyById().title);return content?React17.createElement(Title,{className:\"sbdocs-title sb-unstyled\"},content):null};var Subtitle2=({children})=>{let docsContext=useContext(DocsContext),content=children||docsContext.storyById().parameters?.componentSubtitle;return content?React17.createElement(Subtitle,{className:\"sbdocs-subtitle sb-unstyled\"},content):null};var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H3,null,children);let tagID=globalThis.encodeURIComponent(children.toLowerCase());return React17.createElement(HeaderMdx,{as:\"h3\",id:tagID},children)};var DocsStory=({of,expanded=!0,withToolbar:withToolbarProp=!1,__forceInitialArgs=!1,__primary=!1})=>{let{story}=useOf(of||\"story\",[\"story\"]),withToolbar=story.parameters.docs?.canvas?.withToolbar??withToolbarProp;return React17.createElement(Anchor,{storyId:story.id},expanded&&React17.createElement(React17.Fragment,null,React17.createElement(Subheading,null,story.name),React17.createElement(DescriptionContainer,{of})),React17.createElement(Canvas,{of,withToolbar,story:{__forceInitialArgs,__primary},source:{__forceInitialArgs}}))};var Primary=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let{csfFile}=useOf(of||\"meta\",[\"meta\"]),primaryStory=useContext(DocsContext).componentStoriesFromCSFFile(csfFile)[0];return primaryStory?React17.createElement(DocsStory,{of:primaryStory.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null};var Heading2=({children,disableAnchor,...props})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,\"-\");return React17.createElement(HeaderMdx,{as:\"h2\",id:tagID,...props},children)};var StyledHeading=styled(Heading2)(({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,projectAnnotations,getStoryContext}=useContext(DocsContext),stories=componentStories(),{stories:{filter}={filter:void 0}}=projectAnnotations.parameters?.docs||{};return filter&&(stories=stories.filter(story=>filter(story,getStoryContext(story)))),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React17.createElement(React17.Fragment,null,React17.createElement(StyledHeading,null,title),stories.map(story=>story&&React17.createElement(DocsStory,{key:story.id,of:story.moduleExport,expanded:!0,__forceInitialArgs:!0})))};var DocsPage=()=>{let resolvedOf=useOf(\"meta\",[\"meta\"]),{stories}=resolvedOf.csfFile,isSingleStory=Object.keys(stories).length===1;return React17.createElement(React17.Fragment,null,React17.createElement(Title2,null),React17.createElement(Subtitle2,null),React17.createElement(DescriptionContainer,{of:\"meta\"}),isSingleStory?React17.createElement(DescriptionContainer,{of:\"story\"}):null,React17.createElement(Primary,null),React17.createElement(Controls3,null),isSingleStory?null:React17.createElement(Stories,null))};function Docs({context,docsParameter}){let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React17.createElement(Container,{context,theme:docsParameter.theme},React17.createElement(Page,null))}var ExternalDocsContext=class extends DocsContext$1{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);};}};var 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)}},ExternalPreview=class extends Preview$1{constructor(projectAnnotations){super(path=>Promise.resolve(this.moduleExportsByImportPath[path]),()=>composeConfigs([{parameters:{docs:{story:{inline:!0}}}},this.projectAnnotations]),new Channel({}));this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap(\"./importPath/\");this.titles=new ConstantMap(\"title-\");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStoreValue.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:\"story\"};}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStoreValue,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));}async getStoryIndexFromServer(){return this.storyIndex}};function usePreview(projectAnnotations){let previewRef=useRef();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}function ExternalDocs({projectAnnotationsList,children}){let projectAnnotations=composeConfigs(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React17.createElement(Docs,{docsParameter,context:preview2.docsContext()})}var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React17.createElement(DocsContext.Provider,{value:preview.docsContext()},React17.createElement(ThemeProvider,{theme:ensure(themes.light)},children)));var Meta=({of})=>{let context=useContext(DocsContext);of&&context.referenceMeta(of,!0);try{let primary=context.storyById();return React17.createElement(Anchor,{storyId:primary.id})}catch{return null}};var Unstyled=props=>React17.createElement(\"div\",{...props,className:\"sb-unstyled\"});var Wrapper11=({children})=>React17.createElement(\"div\",{style:{fontFamily:\"sans-serif\"}},children);var PRIMARY_STORY=\"^\";\n\nexport { AddContext, Anchor, AnchorMdx, ArgTypes, BooleanControl, Canvas, CodeOrSourceMdx, ColorControl, ColorItem, ColorPalette, Controls3 as Controls, DateControl, DescriptionContainer as Description, DescriptionType, Docs, DocsContainer, DocsContext, DocsPage, DocsStory, ExternalDocs, ExternalDocsContainer, FilesControl, HeaderMdx, HeadersMdx, Heading2 as Heading, IconGallery, IconItem, Markdown2 as Markdown, Meta, NumberControl, ObjectControl, OptionsControl, PRIMARY_STORY, Primary, ArgsTable as PureArgsTable, RangeControl, Source2 as Source, SourceContainer, SourceContext, Stories, Story2 as Story, Subheading, Subtitle2 as Subtitle, TextControl, Title2 as Title, Typeset, UNKNOWN_ARGS_HASH, Unstyled, Wrapper11 as Wrapper, anchorBlockIdFromId, argsHash, assertIsFn, extractTitle, format, formatDate, formatTime, getStoryId2 as getStoryId, getStoryProps, parse2 as parse, parseDate, parseTime, useOf, useSourceProps };\n","import { _extends, _objectWithoutPropertiesLoose } from './chunk-FD4M6EBV.mjs';\nimport { __commonJS, __toESM } from './chunk-SCHQIR5W.mjs';\nimport * as React3 from 'react';\nimport React3__default, { useState, useCallback, useEffect } from 'react';\nimport * as ReactDOM from 'react-dom';\nimport ReactDOM__default from 'react-dom';\nimport { styled, lighten } from '@storybook/theming';\nimport { global } from '@storybook/global';\nimport memoize from 'memoizerific';\n\nvar require_react_fast_compare=__commonJS({\"../../node_modules/react-fast-compare/index.js\"(exports,module){var hasElementType=typeof Element<\"u\",hasMap=typeof Map==\"function\",hasSet=typeof Set==\"function\",hasArrayBuffer=typeof ArrayBuffer==\"function\"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return !0;if(a&&b&&typeof a==\"object\"&&typeof b==\"object\"){if(a.constructor!==b.constructor)return !1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return !1;return !0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return !1;return !0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;return !0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(a[i]!==b[i])return !1;return !0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf==\"function\"&&typeof b.valueOf==\"function\")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString==\"function\"&&typeof b.toString==\"function\")return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return !1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return !1;if(hasElementType&&a instanceof Element)return !1;for(i=length;i--!==0;)if(!((keys[i]===\"_owner\"||keys[i]===\"__v\"||keys[i]===\"__o\")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return !1;return !0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||\"\").match(/stack|recursion/i))return console.warn(\"react-fast-compare cannot handle circular refs\"),!1;throw error}};}});var fromEntries=function(entries){return entries.reduce(function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc},{})},useIsomorphicLayoutEffect=typeof window<\"u\"&&window.document&&window.document.createElement?React3.useLayoutEffect:React3.useEffect;var top=\"top\",bottom=\"bottom\",right=\"right\",left=\"left\",auto=\"auto\",basePlacements=[top,bottom,right,left],start=\"start\",end=\"end\",clippingParents=\"clippingParents\",viewport=\"viewport\",popper=\"popper\",reference=\"reference\",variationPlacements=basePlacements.reduce(function(acc,placement){return acc.concat([placement+\"-\"+start,placement+\"-\"+end])},[]),placements=[].concat(basePlacements,[auto]).reduce(function(acc,placement){return acc.concat([placement,placement+\"-\"+start,placement+\"-\"+end])},[]),beforeRead=\"beforeRead\",read=\"read\",afterRead=\"afterRead\",beforeMain=\"beforeMain\",main=\"main\",afterMain=\"afterMain\",beforeWrite=\"beforeWrite\",write=\"write\",afterWrite=\"afterWrite\",modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(element){return element?(element.nodeName||\"\").toLowerCase():null}function getWindow(node){if(node==null)return window;if(node.toString()!==\"[object Window]\"){var ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function isElement(node){var OwnElement=getWindow(node).Element;return node instanceof OwnElement||node instanceof Element}function isHTMLElement(node){var OwnElement=getWindow(node).HTMLElement;return node instanceof OwnElement||node instanceof HTMLElement}function isShadowRoot(node){if(typeof ShadowRoot>\"u\")return !1;var OwnElement=getWindow(node).ShadowRoot;return node instanceof OwnElement||node instanceof ShadowRoot}function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach(function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(name2){var value=attributes[name2];value===!1?element.removeAttribute(name2):element.setAttribute(name2,value===!0?\"\":value);}));});}function effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:\"0\",top:\"0\",margin:\"0\"},arrow:{position:\"absolute\"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach(function(name){var element=state.elements[name],attributes=state.attributes[name]||{},styleProperties=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]),style=styleProperties.reduce(function(style2,property){return style2[property]=\"\",style2},{});!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(attribute){element.removeAttribute(attribute);}));});}}var applyStyles_default={name:\"applyStyles\",enabled:!0,phase:\"write\",fn:applyStyles,effect,requires:[\"computeStyles\"]};function getBasePlacement(placement){return placement.split(\"-\")[0]}var max=Math.max,min=Math.min,round=Math.round;function getUAString(){var uaData=navigator.userAgentData;return uaData!=null&&uaData.brands&&Array.isArray(uaData.brands)?uaData.brands.map(function(item){return item.brand+\"/\"+item.version}).join(\" \"):navigator.userAgent}function isLayoutViewport(){return !/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(element,includeScale,isFixedStrategy){includeScale===void 0&&(includeScale=!1),isFixedStrategy===void 0&&(isFixedStrategy=!1);var clientRect=element.getBoundingClientRect(),scaleX=1,scaleY=1;includeScale&&isHTMLElement(element)&&(scaleX=element.offsetWidth>0&&round(clientRect.width)/element.offsetWidth||1,scaleY=element.offsetHeight>0&&round(clientRect.height)/element.offsetHeight||1);var _ref=isElement(element)?getWindow(element):window,visualViewport=_ref.visualViewport,addVisualOffsets=!isLayoutViewport()&&isFixedStrategy,x=(clientRect.left+(addVisualOffsets&&visualViewport?visualViewport.offsetLeft:0))/scaleX,y=(clientRect.top+(addVisualOffsets&&visualViewport?visualViewport.offsetTop:0))/scaleY,width=clientRect.width/scaleX,height=clientRect.height/scaleY;return {width,height,top:y,right:x+width,bottom:y+height,left:x,x,y}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width,height}}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return !0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return !0;next=next.parentNode||next.host;}while(next)}return !1}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isTableElement(element){return [\"table\",\"td\",\"th\"].indexOf(getNodeName(element))>=0}function getDocumentElement(element){return ((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getParentNode(element){return getNodeName(element)===\"html\"?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getTrueOffsetParent(element){return !isHTMLElement(element)||getComputedStyle(element).position===\"fixed\"?null:element.offsetParent}function getContainingBlock(element){var isFirefox=/firefox/i.test(getUAString()),isIE=/Trident/i.test(getUAString());if(isIE&&isHTMLElement(element)){var elementCss=getComputedStyle(element);if(elementCss.position===\"fixed\")return null}var currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&[\"html\",\"body\"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if(css.transform!==\"none\"||css.perspective!==\"none\"||css.contain===\"paint\"||[\"transform\",\"perspective\"].indexOf(css.willChange)!==-1||isFirefox&&css.willChange===\"filter\"||isFirefox&&css.filter&&css.filter!==\"none\")return currentNode;currentNode=currentNode.parentNode;}return null}function getOffsetParent(element){for(var window2=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&getComputedStyle(offsetParent).position===\"static\";)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&(getNodeName(offsetParent)===\"html\"||getNodeName(offsetParent)===\"body\"&&getComputedStyle(offsetParent).position===\"static\")?window2:offsetParent||getContainingBlock(element)||window2}function getMainAxisFromPlacement(placement){return [\"top\",\"bottom\"].indexOf(placement)>=0?\"x\":\"y\"}function within(min2,value,max2){return max(min2,min(value,max2))}function withinMaxClamp(min2,value,max2){var v=within(min2,value,max2);return v>max2?max2:v}function getFreshSideObject(){return {top:0,right:0,bottom:0,left:0}}function mergePaddingObject(paddingObject){return Object.assign({},getFreshSideObject(),paddingObject)}function expandToHashMap(value,keys){return keys.reduce(function(hashMap,key){return hashMap[key]=value,hashMap},{})}var toPaddingObject=function(padding,state){return padding=typeof padding==\"function\"?padding(Object.assign({},state.rects,{placement:state.placement})):padding,mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements))};function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets2=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),isVertical=[left,right].indexOf(basePlacement)>=0,len=isVertical?\"height\":\"width\";if(!(!arrowElement||!popperOffsets2)){var paddingObject=toPaddingObject(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp=axis===\"y\"?top:left,maxProp=axis===\"y\"?bottom:right,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets2[axis]-state.rects.popper[len],startDiff=popperOffsets2[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?axis===\"y\"?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min2=paddingObject[minProp],max2=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset2=within(min2,center,max2),axisProp=axis;state.modifiersData[name]=(_state$modifiersData$={},_state$modifiersData$[axisProp]=offset2,_state$modifiersData$.centerOffset=offset2-center,_state$modifiersData$);}}function effect2(_ref2){var state=_ref2.state,options=_ref2.options,_options$element=options.element,arrowElement=_options$element===void 0?\"[data-popper-arrow]\":_options$element;arrowElement!=null&&(typeof arrowElement==\"string\"&&(arrowElement=state.elements.popper.querySelector(arrowElement),!arrowElement)||contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement));}var arrow_default={name:\"arrow\",enabled:!0,phase:\"main\",fn:arrow,effect:effect2,requires:[\"popperOffsets\"],requiresIfExists:[\"preventOverflow\"]};function getVariation(placement){return placement.split(\"-\")[1]}var unsetSides={top:\"auto\",right:\"auto\",bottom:\"auto\",left:\"auto\"};function roundOffsetsByDPR(_ref,win){var x=_ref.x,y=_ref.y,dpr=win.devicePixelRatio||1;return {x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}function mapToStyles(_ref2){var _Object$assign2,popper2=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=_offsets$x===void 0?0:_offsets$x,_offsets$y=offsets.y,y=_offsets$y===void 0?0:_offsets$y,_ref3=typeof roundOffsets==\"function\"?roundOffsets({x,y}):{x,y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty(\"x\"),hasY=offsets.hasOwnProperty(\"y\"),sideX=left,sideY=top,win=window;if(adaptive){var offsetParent=getOffsetParent(popper2),heightProp=\"clientHeight\",widthProp=\"clientWidth\";if(offsetParent===getWindow(popper2)&&(offsetParent=getDocumentElement(popper2),getComputedStyle(offsetParent).position!==\"static\"&&position===\"absolute\"&&(heightProp=\"scrollHeight\",widthProp=\"scrollWidth\")),offsetParent=offsetParent,placement===top||(placement===left||placement===right)&&variation===end){sideY=bottom;var offsetY=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp];y-=offsetY-popperRect.height,y*=gpuAcceleration?1:-1;}if(placement===left||(placement===top||placement===bottom)&&variation===end){sideX=right;var offsetX=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp];x-=offsetX-popperRect.width,x*=gpuAcceleration?1:-1;}}var commonStyles=Object.assign({position},adaptive&&unsetSides),_ref4=roundOffsets===!0?roundOffsetsByDPR({x,y},getWindow(popper2)):{x,y};if(x=_ref4.x,y=_ref4.y,gpuAcceleration){var _Object$assign;return Object.assign({},commonStyles,(_Object$assign={},_Object$assign[sideY]=hasY?\"0\":\"\",_Object$assign[sideX]=hasX?\"0\":\"\",_Object$assign.transform=(win.devicePixelRatio||1)<=1?\"translate(\"+x+\"px, \"+y+\"px)\":\"translate3d(\"+x+\"px, \"+y+\"px, 0)\",_Object$assign))}return Object.assign({},commonStyles,(_Object$assign2={},_Object$assign2[sideY]=hasY?y+\"px\":\"\",_Object$assign2[sideX]=hasX?x+\"px\":\"\",_Object$assign2.transform=\"\",_Object$assign2))}function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=_options$gpuAccelerat===void 0?!0:_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=_options$adaptive===void 0?!0:_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=_options$roundOffsets===void 0?!0:_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy===\"fixed\"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:\"absolute\",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-placement\":state.placement});}var computeStyles_default={name:\"computeStyles\",enabled:!0,phase:\"beforeWrite\",fn:computeStyles,data:{}};var passive={passive:!0};function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener(\"scroll\",instance.update,passive);}),resize&&window2.addEventListener(\"resize\",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener(\"scroll\",instance.update,passive);}),resize&&window2.removeEventListener(\"resize\",instance.update,passive);}}var eventListeners_default={name:\"eventListeners\",enabled:!0,phase:\"write\",fn:function(){},effect:effect3,data:{}};var hash={left:\"right\",right:\"left\",bottom:\"top\",top:\"bottom\"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash2={start:\"end\",end:\"start\"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return {scrollLeft,scrollTop}}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy===\"fixed\")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop);}return {width,height,x:x+getWindowScrollBarX(element),y}}function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle(body||html).direction===\"rtl\"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return /auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getScrollParent(node){return [\"html\",\"body\",\"#document\"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy===\"fixed\");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=[\"absolute\",\"fixed\"].indexOf(getComputedStyle(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!==\"body\"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary===\"clippingParents\"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y};}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis===\"y\"?\"height\":\"width\";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break;}}return offsets}function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:\"absolute\",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?\"y\":\"x\";overflowOffsets[key]+=offset2[axis]*multiply;});}return overflowOffsets}function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2);var overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return [];var oppositePlacement=getOppositePlacement(placement);return [getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i=0,len=isVertical?\"width\":\"height\",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks);}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,\"break\"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret===\"break\")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0);}}var flip_default={name:\"flip\",enabled:!0,phase:\"main\",fn:flip,requiresIfExists:[\"offset\"],data:{_skip:!1}};function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return [top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:\"reference\"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-reference-hidden\":isReferenceHidden,\"data-popper-escaped\":hasPopperEscaped});}var hide_default={name:\"hide\",enabled:!0,phase:\"main\",requiresIfExists:[\"preventOverflow\"],fn:hide};function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2==\"function\"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data;}var offset_default={name:\"offset\",enabled:!0,phase:\"main\",requires:[\"popperOffsets\"],fn:offset};function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:\"absolute\",placement:state.placement});}var popperOffsets_default={name:\"popperOffsets\",enabled:!0,phase:\"read\",fn:popperOffsets,data:{}};function getAltAxis(axis){return axis===\"x\"?\"y\":\"x\"}function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset==\"function\"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue==\"number\"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis===\"y\"?top:left,altSide=mainAxis===\"y\"?bottom:right,len=mainAxis===\"y\"?\"height\":\"width\",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData[\"arrow#persistent\"]?state.modifiersData[\"arrow#persistent\"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis===\"y\"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState?.[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2;}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis===\"x\"?top:left,_altSide=mainAxis===\"x\"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis===\"y\"?\"height\":\"width\",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState?.[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset;}state.modifiersData[name]=data;}}var preventOverflow_default={name:\"preventOverflow\",enabled:!0,phase:\"main\",fn:preventOverflow,requiresIfExists:[\"offset\"]};function getHTMLElementScroll(element){return {scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return (isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!==\"body\"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier);});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier);}}),result.push(modifier);}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier);}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2());});})),pending}}function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var DEFAULT_OPTIONS={placement:\"bottom\",modifiers:[],strategy:\"absolute\"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return !args.some(function(element){return !(element&&typeof element.getBoundingClientRect==\"function\")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:\"bottom\",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction==\"function\"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(areValidElements(reference3,popper3)){state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy===\"fixed\"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var index=0;indexactual.split(\"-\")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=styled.div({position:\"absolute\",borderStyle:\"solid\"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith(\"left\")||placement.startsWith(\"right\")):{y=8;break}case(placement.startsWith(\"top\")||placement.startsWith(\"bottom\")):{x=8;break}}return {transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match(\"top\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,top:`${match(\"bottom\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,right:`${match(\"left\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,left:`${match(\"right\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,borderBottomWidth:`${match(\"top\",placement,\"0\",ArrowSpacing)}px`,borderTopWidth:`${match(\"bottom\",placement,\"0\",ArrowSpacing)}px`,borderRightWidth:`${match(\"left\",placement,\"0\",ArrowSpacing)}px`,borderLeftWidth:`${match(\"right\",placement,\"0\",ArrowSpacing)}px`,borderTopColor:match(\"top\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderBottomColor:match(\"bottom\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderLeftColor:match(\"left\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderRightColor:match(\"right\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\")})),Wrapper=styled.div(({hidden})=>({display:hidden?\"none\":\"inline-block\",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,filter:`\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n `,borderRadius:theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}),Tooltip=React3__default.forwardRef(({placement,hasChrome,children,arrowProps,tooltipRef,color,withArrows,...props},ref)=>React3__default.createElement(Wrapper,{\"data-testid\":\"tooltip\",hasChrome,ref,...props,color},hasChrome&&withArrows&&React3__default.createElement(Arrow,{placement,...arrowProps,color}),children));Tooltip.displayName=\"Tooltip\";Tooltip.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:\"top\",arrowProps:{}};var {document:document2}=global,TargetContainer=styled.div`\n display: inline-block;\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,TargetSvgContainer=styled.g`\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,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,delayHide,interactive,closeOnOutsideClick,closeOnTriggerHidden,onVisibleChange,delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=React3__default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip==\"function\"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(Container,{trigger,ref:setTriggerRef,...props},children),isVisible&&ReactDOM__default.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]=useState(startOpen),onVisibilityChange=useCallback(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility);},[onChange]);return 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();});}}),React3__default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})};\n\nexport { WithToolTipState, WithTooltipPure };\n","import { SyntaxHighlighter, ScrollArea } from './chunk-D3EWQ7UP.mjs';\nexport { ActionBar, ScrollArea, createCopyToClipboardFunction } from './chunk-D3EWQ7UP.mjs';\nimport { WithToolTipState } from './chunk-T3L4SIIA.mjs';\nimport { _objectWithoutPropertiesLoose, _extends } from './chunk-FD4M6EBV.mjs';\nimport './chunk-LS2QBCCV.mjs';\nimport './chunk-B34W3DQC.mjs';\nimport './chunk-QVGBJMX6.mjs';\nimport './chunk-TLCJEOII.mjs';\nimport './chunk-VIGKQ7IJ.mjs';\nimport './chunk-HDCRXTJ4.mjs';\nimport './chunk-THUDJTWG.mjs';\nimport './chunk-WQT4P443.mjs';\nimport './chunk-LYS22R7H.mjs';\nimport './chunk-FZODC7UU.mjs';\nimport './chunk-FI2R2B3O.mjs';\nimport './chunk-JKM2PMNI.mjs';\nimport './chunk-6Z7BBVUS.mjs';\nimport './chunk-IJAA7WI2.mjs';\nimport './chunk-SCHQIR5W.mjs';\nimport * as React3 from 'react';\nimport React3__default, { lazy, forwardRef, useState, useEffect, memo, useMemo, createElement, Children, Suspense, Fragment, useRef, useCallback, useLayoutEffect, Component } from 'react';\nimport { styled, ignoreSsrWarning, isPropValid, keyframes, color, typography } from '@storybook/theming';\nimport * as StorybookIcons from '@storybook/icons';\nimport { LightningOffIcon, ChevronRightIcon } from '@storybook/icons';\nimport { global } from '@storybook/global';\nimport { Slot } from '@radix-ui/react-slot';\nimport { deprecate, logger } from '@storybook/client-logger';\nimport memoize from 'memoizerific';\nimport { sanitize } from '@storybook/csf';\n\nvar nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=[\"sbdocs\",`sbdocs-${key}`,...classes].filter(Boolean).join(\" \"),props};function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return self}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass);}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _isNativeFunction(fn){try{return Function.toString.call(fn).indexOf(\"[native code]\")!==-1}catch{return typeof fn==\"function\"}}function _isNativeReflectConstruct(){if(typeof Reflect>\"u\"||!Reflect.construct||Reflect.construct.sham)return !1;if(typeof Proxy==\"function\")return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return !1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map==\"function\"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!=\"function\")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,Wrapper4);}function Wrapper4(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper4,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.\n\n`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n`,9:`Please provide a number of steps to the modularScale helper.\n\n`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,11:`Invalid value passed as base to modularScale, expected number or em string but got \"%s\"\n\n`,12:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got \"%s\" instead.\n\n`,13:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got \"%s\" instead.\n\n`,14:`Passed invalid pixel value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,15:`Passed invalid base value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,16:`You must provide a template to this method.\n\n`,17:`You passed an unsupported selector state to this method.\n\n`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,19:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,21:\"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",22:\"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",23:`fontFace expects a name of a font-family.\n\n`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,25:`fontFace expects localFonts to be an array.\n\n`,26:`fontFace expects fileFormats to be an array.\n\n`,27:`radialGradient requries at least 2 color-stops to properly render.\n\n`,28:`Please supply a filename to retinaImage() as the first argument.\n\n`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,30:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n`,34:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,35:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,36:`Property must be a string value.\n\n`,37:`Syntax Error at %s.\n\n`,38:`Formula contains a function that needs parentheses at %s.\n\n`,39:`Formula is missing closing parenthesis at %s.\n\n`,40:`Formula has too many closing parentheses at %s.\n\n`,41:`All values in a formula must have the same unit or be unitless.\n\n`,42:`Please provide a number of steps to the modularScale helper.\n\n`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,48:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,53:`fontFace expects localFonts to be an array.\n\n`,54:`fontFace expects fileFormats to be an array.\n\n`,55:`fontFace expects a name of a font-family.\n\n`,56:`linearGradient requries at least 2 color-stops to properly render.\n\n`,57:`radialGradient requries at least 2 color-stops to properly render.\n\n`,58:`Please supply a filename to retinaImage() as the first argument.\n\n`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,60:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",61:`Property must be a string value.\n\n`,62:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,63:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n`,67:`You must provide a template to this method.\n\n`,68:`You passed an unsupported selector state to this method.\n\n`,69:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got %s instead.\n\n`,70:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got %s instead.\n\n`,71:`Passed invalid pixel value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,72:`Passed invalid base value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,73:`Please provide a valid CSS variable.\n\n`,74:`CSS variable not found and no default was provided.\n\n`,75:`important requires a valid style object, got a %s instead.\n\n`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n`,77:`remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n`,78:`base must be set in \"px\" or \"%\" but you set it in \"%s\".\n`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+\",\"+colorToInt(green)+\",\"+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:\"f0f8ff\",antiquewhite:\"faebd7\",aqua:\"00ffff\",aquamarine:\"7fffd4\",azure:\"f0ffff\",beige:\"f5f5dc\",bisque:\"ffe4c4\",black:\"000\",blanchedalmond:\"ffebcd\",blue:\"0000ff\",blueviolet:\"8a2be2\",brown:\"a52a2a\",burlywood:\"deb887\",cadetblue:\"5f9ea0\",chartreuse:\"7fff00\",chocolate:\"d2691e\",coral:\"ff7f50\",cornflowerblue:\"6495ed\",cornsilk:\"fff8dc\",crimson:\"dc143c\",cyan:\"00ffff\",darkblue:\"00008b\",darkcyan:\"008b8b\",darkgoldenrod:\"b8860b\",darkgray:\"a9a9a9\",darkgreen:\"006400\",darkgrey:\"a9a9a9\",darkkhaki:\"bdb76b\",darkmagenta:\"8b008b\",darkolivegreen:\"556b2f\",darkorange:\"ff8c00\",darkorchid:\"9932cc\",darkred:\"8b0000\",darksalmon:\"e9967a\",darkseagreen:\"8fbc8f\",darkslateblue:\"483d8b\",darkslategray:\"2f4f4f\",darkslategrey:\"2f4f4f\",darkturquoise:\"00ced1\",darkviolet:\"9400d3\",deeppink:\"ff1493\",deepskyblue:\"00bfff\",dimgray:\"696969\",dimgrey:\"696969\",dodgerblue:\"1e90ff\",firebrick:\"b22222\",floralwhite:\"fffaf0\",forestgreen:\"228b22\",fuchsia:\"ff00ff\",gainsboro:\"dcdcdc\",ghostwhite:\"f8f8ff\",gold:\"ffd700\",goldenrod:\"daa520\",gray:\"808080\",green:\"008000\",greenyellow:\"adff2f\",grey:\"808080\",honeydew:\"f0fff0\",hotpink:\"ff69b4\",indianred:\"cd5c5c\",indigo:\"4b0082\",ivory:\"fffff0\",khaki:\"f0e68c\",lavender:\"e6e6fa\",lavenderblush:\"fff0f5\",lawngreen:\"7cfc00\",lemonchiffon:\"fffacd\",lightblue:\"add8e6\",lightcoral:\"f08080\",lightcyan:\"e0ffff\",lightgoldenrodyellow:\"fafad2\",lightgray:\"d3d3d3\",lightgreen:\"90ee90\",lightgrey:\"d3d3d3\",lightpink:\"ffb6c1\",lightsalmon:\"ffa07a\",lightseagreen:\"20b2aa\",lightskyblue:\"87cefa\",lightslategray:\"789\",lightslategrey:\"789\",lightsteelblue:\"b0c4de\",lightyellow:\"ffffe0\",lime:\"0f0\",limegreen:\"32cd32\",linen:\"faf0e6\",magenta:\"f0f\",maroon:\"800000\",mediumaquamarine:\"66cdaa\",mediumblue:\"0000cd\",mediumorchid:\"ba55d3\",mediumpurple:\"9370db\",mediumseagreen:\"3cb371\",mediumslateblue:\"7b68ee\",mediumspringgreen:\"00fa9a\",mediumturquoise:\"48d1cc\",mediumvioletred:\"c71585\",midnightblue:\"191970\",mintcream:\"f5fffa\",mistyrose:\"ffe4e1\",moccasin:\"ffe4b5\",navajowhite:\"ffdead\",navy:\"000080\",oldlace:\"fdf5e6\",olive:\"808000\",olivedrab:\"6b8e23\",orange:\"ffa500\",orangered:\"ff4500\",orchid:\"da70d6\",palegoldenrod:\"eee8aa\",palegreen:\"98fb98\",paleturquoise:\"afeeee\",palevioletred:\"db7093\",papayawhip:\"ffefd5\",peachpuff:\"ffdab9\",peru:\"cd853f\",pink:\"ffc0cb\",plum:\"dda0dd\",powderblue:\"b0e0e6\",purple:\"800080\",rebeccapurple:\"639\",red:\"f00\",rosybrown:\"bc8f8f\",royalblue:\"4169e1\",saddlebrown:\"8b4513\",salmon:\"fa8072\",sandybrown:\"f4a460\",seagreen:\"2e8b57\",seashell:\"fff5ee\",sienna:\"a0522d\",silver:\"c0c0c0\",skyblue:\"87ceeb\",slateblue:\"6a5acd\",slategray:\"708090\",slategrey:\"708090\",snow:\"fffafa\",springgreen:\"00ff7f\",steelblue:\"4682b4\",tan:\"d2b48c\",teal:\"008080\",thistle:\"d8bfd8\",tomato:\"ff6347\",turquoise:\"40e0d0\",violet:\"ee82ee\",wheat:\"f5deb3\",white:\"fff\",whitesmoke:\"f5f5f5\",yellow:\"ff0\",yellowgreen:\"9acd32\"};function nameToHex(color2){if(typeof color2!=\"string\")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap[normalizedColorName]?\"#\"+namedColorMap[normalizedColorName]:color2}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*\\)$/i,rgbaRegex=/^rgb(?:a)?\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i,hslRegex=/^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i,hslaRegex=/^hsl(?:a)?\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i;function parseToRgb(color2){if(typeof color2!=\"string\")throw new PolishedError(3);var normalizedColor=nameToHex(color2);if(normalizedColor.match(hexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(\"\"+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(\"\"+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(\"\"+rgbMatched[1],10),green:parseInt(\"\"+rgbMatched[2],10),blue:parseInt(\"\"+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(\"\"+rgbaMatched[1],10),green:parseInt(\"\"+rgbaMatched[2],10),blue:parseInt(\"\"+rgbaMatched[3],10),alpha:parseFloat(\"\"+rgbaMatched[4])>1?parseFloat(\"\"+rgbaMatched[4])/100:parseFloat(\"\"+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(\"\"+hslMatched[1],10),saturation=parseInt(\"\"+hslMatched[2],10)/100,lightness=parseInt(\"\"+hslMatched[3],10)/100,rgbColorString=\"rgb(\"+hslToRgb(hue,saturation,lightness)+\")\",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(\"\"+hslRgbMatched[1],10),green:parseInt(\"\"+hslRgbMatched[2],10),blue:parseInt(\"\"+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(\"\"+hslaMatched[1],10),_saturation=parseInt(\"\"+hslaMatched[2],10)/100,_lightness=parseInt(\"\"+hslaMatched[3],10)/100,_rgbColorString=\"rgb(\"+hslToRgb(_hue,_saturation,_lightness)+\")\",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(\"\"+_hslRgbMatched[1],10),green:parseInt(\"\"+_hslRgbMatched[2],10),blue:parseInt(\"\"+_hslRgbMatched[3],10),alpha:parseFloat(\"\"+hslaMatched[4])>1?parseFloat(\"\"+hslaMatched[4])/100:parseFloat(\"\"+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):\"rgba(\"+hslToRgb(value,saturation,lightness)+\",\"+alpha+\")\";if(typeof value==\"object\"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):\"rgba(\"+hslToRgb(value.hue,value.saturation,value.lightness)+\",\"+value.alpha+\")\";throw new PolishedError(2)}function rgb(value,green,blue){if(typeof value==\"number\"&&typeof green==\"number\"&&typeof blue==\"number\")return reduceHexValue$1(\"#\"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value==\"object\"&&green===void 0&&blue===void 0)return reduceHexValue$1(\"#\"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue==\"string\"&&typeof secondValue==\"number\"){var rgbValue=parseToRgb(firstValue);return \"rgba(\"+rgbValue.red+\",\"+rgbValue.green+\",\"+rgbValue.blue+\",\"+secondValue+\")\"}else {if(typeof firstValue==\"number\"&&typeof secondValue==\"number\"&&typeof thirdValue==\"number\"&&typeof fourthValue==\"number\")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):\"rgba(\"+firstValue+\",\"+secondValue+\",\"+thirdValue+\",\"+fourthValue+\")\";if(typeof firstValue==\"object\"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):\"rgba(\"+firstValue.red+\",\"+firstValue.green+\",\"+firstValue.blue+\",\"+firstValue.alpha+\")\"}throw new PolishedError(7)}var isRgb=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isRgba=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&typeof color2.alpha==\"number\"},isHsl=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isHsla=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&typeof color2.alpha==\"number\"};function toColorString(color2){if(typeof color2!=\"object\")throw new PolishedError(8);if(isRgba(color2))return rgba(color2);if(isRgb(color2))return rgb(color2);if(isHsla(color2))return hsla(color2);if(isHsl(color2))return hsl(color2);throw new PolishedError(8)}function curried(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function transparentize(amount,color2){if(color2===\"transparent\")return color2;var parsedColor=parseToRgb(color2),alpha=typeof parsedColor.alpha==\"number\"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var headerCommon=({theme})=>({margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}}),codeCommon=({theme})=>({lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border}),withReset=({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"}),withMargin={margin:\"16px 0\"};var Link=({href:input,...props})=>{let href=/^\\//.test(input)?`./?path=${input}`:input,target=/^#.*/.test(input)?\"_self\":\"_top\";return React3__default.createElement(\"a\",{href,target,...props})};var A=styled(Link)(withReset,({theme})=>({fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}}));var Blockquote=styled.blockquote(withReset,withMargin,({theme})=>({borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}}));var isReactChildString=child=>typeof child==\"string\";var isInlineCodeRegex=/[\\n\\r]/g,DefaultCodeBlock=styled.code(({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"}),codeCommon),StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontFamily:theme.typography.fonts.mono,fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}})),Code=({className,children,...props})=>{let language=(className||\"\").match(/lang-(\\S+)/),childrenArray=Children.toArray(children);return childrenArray.filter(isReactChildString).some(child=>child.match(isInlineCodeRegex))?React3__default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,language:language?.[1]??\"text\",format:!1,...props},children):React3__default.createElement(DefaultCodeBlock,{...props,className},childrenArray)};var Div=styled.div(withReset);var DL=styled.dl(withReset,withMargin,{padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}});var H1=styled.h1(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold}));var H2=styled.h2(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`}));var H3=styled.h3(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m1}px`}));var H4=styled.h4(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s3}px`}));var H5=styled.h5(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`}));var H6=styled.h6(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark}));var HR=styled.hr(({theme})=>({border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0}));var Img=styled.img({maxWidth:\"100%\"});var LI=styled.li(withReset,({theme})=>({fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":codeCommon({theme})}));var listCommon={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},OL=styled.ol(withReset,withMargin,listCommon,{listStyle:\"decimal\"});var P=styled.p(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":codeCommon({theme})}));var Pre=styled.pre(withReset,withMargin,({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}}));var Span=styled.span(withReset,({theme})=>({\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}}));var Table=styled.table(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}}));var TT=styled.title(codeCommon);var listCommon2={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},UL=styled.ul(withReset,withMargin,listCommon2,{listStyle:\"disc\"});var ResetWrapper=styled.div(withReset);var components={h1:props=>React3__default.createElement(H1,{...nameSpaceClassNames(props,\"h1\")}),h2:props=>React3__default.createElement(H2,{...nameSpaceClassNames(props,\"h2\")}),h3:props=>React3__default.createElement(H3,{...nameSpaceClassNames(props,\"h3\")}),h4:props=>React3__default.createElement(H4,{...nameSpaceClassNames(props,\"h4\")}),h5:props=>React3__default.createElement(H5,{...nameSpaceClassNames(props,\"h5\")}),h6:props=>React3__default.createElement(H6,{...nameSpaceClassNames(props,\"h6\")}),pre:props=>React3__default.createElement(Pre,{...nameSpaceClassNames(props,\"pre\")}),a:props=>React3__default.createElement(A,{...nameSpaceClassNames(props,\"a\")}),hr:props=>React3__default.createElement(HR,{...nameSpaceClassNames(props,\"hr\")}),dl:props=>React3__default.createElement(DL,{...nameSpaceClassNames(props,\"dl\")}),blockquote:props=>React3__default.createElement(Blockquote,{...nameSpaceClassNames(props,\"blockquote\")}),table:props=>React3__default.createElement(Table,{...nameSpaceClassNames(props,\"table\")}),img:props=>React3__default.createElement(Img,{...nameSpaceClassNames(props,\"img\")}),div:props=>React3__default.createElement(Div,{...nameSpaceClassNames(props,\"div\")}),span:props=>React3__default.createElement(Span,{...nameSpaceClassNames(props,\"span\")}),li:props=>React3__default.createElement(LI,{...nameSpaceClassNames(props,\"li\")}),ul:props=>React3__default.createElement(UL,{...nameSpaceClassNames(props,\"ul\")}),ol:props=>React3__default.createElement(OL,{...nameSpaceClassNames(props,\"ol\")}),p:props=>React3__default.createElement(P,{...nameSpaceClassNames(props,\"p\")}),code:props=>React3__default.createElement(Code,{...nameSpaceClassNames(props,\"code\")}),tt:props=>React3__default.createElement(TT,{...nameSpaceClassNames(props,\"tt\")}),resetwrapper:props=>React3__default.createElement(ResetWrapper,{...nameSpaceClassNames(props,\"resetwrapper\")})};var BadgeWrapper=styled.div(({theme})=>({display:\"inline-block\",fontSize:11,lineHeight:\"12px\",alignSelf:\"center\",padding:\"4px 12px\",borderRadius:\"3em\",fontWeight:theme.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:\"currentColor\"}}},({theme,status})=>{switch(status){case\"critical\":return {color:theme.color.critical,background:theme.background.critical};case\"negative\":return {color:theme.color.negativeText,background:theme.background.negative,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.negativeText)}`:\"none\"};case\"warning\":return {color:theme.color.warningText,background:theme.background.warning,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.warningText)}`:\"none\"};case\"neutral\":return {color:theme.color.dark,background:theme.color.mediumlight,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.dark)}`:\"none\"};case\"positive\":return {color:theme.color.positiveText,background:theme.background.positive,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.positiveText)}`:\"none\"};default:return {}}}),Badge=({...props})=>React3__default.createElement(BadgeWrapper,{...props});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkInner=styled.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=styled.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:isButton2})=>isButton2?{border:0,borderRadius:0,background:\"none\",padding:0,fontSize:\"inherit\"}:{}),Link2=({cancel=!0,children,onClick=void 0,withArrow=!1,containsIcon=!1,className=void 0,style=void 0,...rest})=>React3__default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React3__default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React3__default.createElement(ChevronRightIcon,null)));var DocumentWrapper=styled.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\",\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}},\"h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"p, blockquote, ul, ol, dl, li, table, pre\":{margin:\"15px 0\"},hr:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},\"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type\":{marginTop:0,paddingTop:0},\"body > h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6\":{marginTop:0,paddingTop:0},\"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p\":{marginTop:0},\"li p.first\":{display:\"inline-block\"},\"ul, ol\":{paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},dl:{padding:0},\"dl dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",margin:\"0 0 15px\",padding:\"0 15px\",\"&:first-of-type\":{padding:0},\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},table:{padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:\"white\",margin:0,padding:0,\"& th\":{fontWeight:\"bold\",border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"& td\":{border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"&:nth-of-type(2n)\":{backgroundColor:theme.color.lighter},\"& th :first-of-type, & td :first-of-type\":{marginTop:0},\"& th :last-child, & td :last-child\":{marginBottom:0}}},img:{maxWidth:\"100%\"},\"span.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"span.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"span.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"span.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"span.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}},\"code, tt\":{margin:\"0 2px\",padding:\"0 5px\",whiteSpace:\"nowrap\",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base===\"dark\"&&theme.color.darkest}}));var languages=[],Comp=null,LazySyntaxHighlighter=lazy(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-JOJW2KGS.mjs');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React3__default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-JOJW2KGS.mjs'),import('./formatter-B5HCVTEV.mjs')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React3__default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement(\"div\",null)},props.format!==!1?React3__default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React3__default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};var toNumber=input=>typeof input==\"number\"?input:Number(input),Container=styled.div(({theme,col,row=1})=>col?{display:\"inline-block\",verticalAlign:\"inherit\",\"& > *\":{marginLeft:col*theme.layoutMargin,verticalAlign:\"inherit\"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{\"& > *\":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return {marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return {marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return {}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer==\"number\"||!outer?outer:col||row);return React3__default.createElement(Container,{col,row,outer:outerAmount,...rest},children)};var Title=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled.div(),Message=styled.div(({theme})=>({padding:30,textAlign:\"center\",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children.toArray(children);return React3__default.createElement(Message,{...props},React3__default.createElement(Title,null,title),desc&&React3__default.createElement(Desc,null,desc))};function useResolvedElement(subscriber,refOrElement){var lastReportRef=useRef(null),refOrElementRef=useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=useRef(null);useEffect(function(){evaluateSubscription();});var evaluateSubscription=useCallback(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0});},[subscriber]);return useEffect(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null);}},[]),useCallback(function(element){cbElementRef.current=element,evaluateSubscription();},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp===\"contentBoxSize\"?entry.contentRect[sizeType===\"inlineSize\"?\"width\":\"height\"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=useRef(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=useRef(),_useState=useState({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=useRef(!1);useEffect(function(){return didUnmount.current=!1,function(){didUnmount.current=!0;}},[]);var previous=useRef({width:void 0,height:void 0}),refCallback=useResolvedElement(useCallback(function(element){return (!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box===\"border-box\"?\"borderBoxSize\":opts.box===\"device-pixel-content-box\"?\"devicePixelContentBoxSize\":\"contentBoxSize\",reportedWidth=extractSize(entry,boxProp,\"inlineSize\"),reportedHeight=extractSize(entry,boxProp,\"blockSize\"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize);}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element);}},[opts.box,round]),opts.ref);return useMemo(function(){return {ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var ZoomElementWrapper=styled.div(({scale=1,elementHeight})=>({height:elementHeight||\"auto\",transformOrigin:\"top left\",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[elementHeight,setElementHeight]=useState(0),onResize=useCallback(({height})=>{height&&setElementHeight(height/scale);},[scale]);return useEffect(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),React3__default.createElement(ZoomElementWrapper,{scale,elementHeight},React3__default.createElement(\"div\",{ref:componentWrapperRef,className:\"innerZoomElementWrapper\"},children))}var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current;}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute(\"data-is-storybook\",nextProps.active?\"true\":\"false\"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}catch{this.setIframeZoom(scale);}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}render(){let{children}=this.props;return React3__default.createElement(React3__default.Fragment,null,children)}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2}=global,ErrorName=styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:\"underline\"})),ErrorDetail=styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\\n/,linesRegexChromium=/at (?:(.*) )?\\(?(.+)\\)?/,linesRegexFirefox=/([^@]+)?(?:\\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return React3__default.createElement(Fragment,null,\"This error has no stack or message\");if(!error.stack)return React3__default.createElement(Fragment,null,error.message||\"This error has no stack or message\");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}\n\n${input}`);let match=input.match(firstLineRegex);if(!match)return React3__default.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||\"\").replace(\"/<\",\"\"),location:result[2].replace(document2.location.origin,\"\")}:null}).filter(Boolean);return React3__default.createElement(Fragment,null,React3__default.createElement(\"span\",null,type),\": \",React3__default.createElement(ErrorName,null,name),React3__default.createElement(\"br\",null),lines.map((l,i)=>l.name?React3__default.createElement(Fragment,{key:i},\" \",\"at \",React3__default.createElement(ErrorImportant,null,l.name),\" (\",React3__default.createElement(ErrorDetail,null,l.location),\")\",React3__default.createElement(\"br\",null)):React3__default.createElement(Fragment,{key:i},\" \",\"at \",React3__default.createElement(ErrorDetail,null,l.location),React3__default.createElement(\"br\",null))))};var Button=forwardRef(({asChild=!1,animation=\"none\",size=\"small\",variant=\"outline\",padding=\"medium\",disabled=!1,active=!1,onClick,...props},ref)=>{let Comp2=\"button\";props.isLink&&(Comp2=\"a\"),asChild&&(Comp2=Slot);let localVariant=variant,localSize=size,[isAnimating,setIsAnimating]=useState(!1),handleClick=event=>{onClick&&onClick(event),animation!==\"none\"&&setIsAnimating(!0);};if(useEffect(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1);},1e3);return ()=>clearTimeout(timer)},[isAnimating]),props.primary&&(localVariant=\"solid\",localSize=\"medium\"),(props.secondary||props.tertiary||props.gray||props.outline||props.inForm)&&(localVariant=\"outline\",localSize=\"medium\"),props.small||props.isLink||props.primary||props.secondary||props.tertiary||props.gray||props.outline||props.inForm||props.containsIcon){let buttonContent=React3__default.Children.toArray(props.children).filter(e=>typeof e==\"string\"&&e!==\"\");deprecate(`Use of deprecated props in the button ${buttonContent.length>0?`\"${buttonContent.join(\" \")}\"`:\"component\"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`);}return React3__default.createElement(StyledButton,{as:Comp2,ref,variant:localVariant,size:localSize,padding,disabled,active,animating:isAnimating,animation,onClick:handleClick,...props})});Button.displayName=\"Button\";var StyledButton=styled(\"button\",{shouldForwardProp:prop=>isPropValid(prop)})(({theme,variant,size,disabled,active,animating,animation,padding})=>({border:0,cursor:disabled?\"not-allowed\":\"pointer\",display:\"inline-flex\",gap:\"6px\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",padding:padding===\"small\"&&size===\"small\"?\"0 7px\":padding===\"small\"&&size===\"medium\"?\"0 9px\":size===\"small\"?\"0 10px\":size===\"medium\"?\"0 12px\":0,height:size===\"small\"?\"28px\":\"32px\",position:\"relative\",textAlign:\"center\",textDecoration:\"none\",transitionProperty:\"background, box-shadow\",transitionDuration:\"150ms\",transitionTimingFunction:\"ease-out\",verticalAlign:\"top\",whiteSpace:\"nowrap\",userSelect:\"none\",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",background:variant===\"solid\"?theme.color.secondary:variant===\"outline\"?theme.button.background:variant===\"ghost\"&&active?theme.background.hoverable:\"transparent\",...variant===\"ghost\"?{\".sb-bar &\":{background:active?curriedTransparentize$1(.9,theme.barTextColor):\"transparent\",color:active?theme.barSelectedColor:theme.barTextColor,\"&:hover\":{color:theme.barHoverColor,background:curriedTransparentize$1(.86,theme.barHoverColor)},\"&:active\":{color:theme.barSelectedColor,background:curriedTransparentize$1(.9,theme.barSelectedColor)},\"&:focus\":{boxShadow:`${rgba(theme.barHoverColor,1)} 0 0 0 1px inset`,outline:\"none\"}}}:{},color:variant===\"solid\"?theme.color.lightest:variant===\"outline\"?theme.input.color:variant===\"ghost\"&&active?theme.color.secondary:variant===\"ghost\"?theme.color.mediumdark:theme.input.color,boxShadow:variant===\"outline\"?`${theme.button.border} 0 0 0 1px inset`:\"none\",borderRadius:theme.input.borderRadius,flexShrink:0,\"&:hover\":{color:variant===\"ghost\"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant===\"solid\"&&(bgColor=theme.color.secondary),variant===\"outline\"&&(bgColor=theme.button.background),variant===\"ghost\"?curriedTransparentize$1(.86,theme.color.secondary):theme.base===\"light\"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},\"&:active\":{color:variant===\"ghost\"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant===\"solid\"&&(bgColor=theme.color.secondary),variant===\"outline\"&&(bgColor=theme.button.background),variant===\"ghost\"?theme.background.hoverable:theme.base===\"light\"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},\"&:focus\":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:\"none\"},\"> svg\":{animation:animating&&animation!==\"none\"?`${theme.animation[animation]} 1000ms ease-out`:\"\"}}));var IconButton=forwardRef(({padding=\"small\",variant=\"ghost\",...props},ref)=>React3__default.createElement(Button,{padding,variant,ref,...props}));IconButton.displayName=\"IconButton\";var Wrapper=styled.label(({theme})=>({display:\"flex\",borderBottom:`1px solid ${theme.appBorderColor}`,margin:\"0 15px\",padding:\"8px 0\",\"&:last-child\":{marginBottom:\"3rem\"}})),Label=styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:\"flex\",justifyContent:\"flex-start\",alignItems:\"center\",lineHeight:\"16px\"})),Field=({label,children,...props})=>React3__default.createElement(Wrapper,{...props},label?React3__default.createElement(Label,null,React3__default.createElement(\"span\",null,label)):null,children);Field.defaultProps={label:void 0};var index=useLayoutEffect,use_isomorphic_layout_effect_browser_esm_default=index;var useLatest=function(value){var ref=React3.useRef(value);return use_isomorphic_layout_effect_browser_esm_default(function(){ref.current=value;}),ref};var updateRef=function(ref,value){if(typeof ref==\"function\"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=useRef();return useCallback(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance);},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={\"min-height\":\"0\",\"max-height\":\"none\",height:\"0\",visibility:\"hidden\",overflow:\"hidden\",position:\"absolute\",\"z-index\":\"-1000\",top:\"0\",right:\"0\"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],\"important\");});},forceHiddenStyles$1=forceHiddenStyles,hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing===\"border-box\"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement(\"textarea\"),hiddenTextarea.setAttribute(\"tabindex\",\"-1\"),hiddenTextarea.setAttribute(\"aria-hidden\",\"true\"),forceHiddenStyles$1(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key];}),forceHiddenStyles$1(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value,height=getHeight(hiddenTextarea,sizingData),hiddenTextarea.value=\"x\";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing===\"border-box\"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing===\"border-box\"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=[\"borderBottomWidth\",\"borderLeftWidth\",\"borderRightWidth\",\"borderTopWidth\",\"boxSizing\",\"fontFamily\",\"fontSize\",\"fontStyle\",\"fontWeight\",\"letterSpacing\",\"lineHeight\",\"paddingBottom\",\"paddingLeft\",\"paddingRight\",\"paddingTop\",\"tabSize\",\"textIndent\",\"textRendering\",\"textTransform\",\"width\",\"wordBreak\"],isIE=!!document.documentElement.currentStyle,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing===\"\")return null;isIE&&boxSizing===\"border-box\"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+\"px\");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return {sizingStyle,paddingSize,borderSize}},getSizingData$1=getSizingData;function useListener(target,type,listener){var latestListener=useLatest(listener);React3.useLayoutEffect(function(){var handler=function(ev){return latestListener.current(ev)};if(target)return target.addEventListener(type,handler),function(){return target.removeEventListener(type,handler)}},[]);}var useWindowResizeListener=function(listener){useListener(window,\"resize\",listener);},useFontsLoadedListener=function(listener){useListener(document.fonts,\"loadingdone\",listener);},_excluded=[\"cacheMeasurements\",\"maxRows\",\"minRows\",\"onChange\",\"onHeightChange\"],TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,_excluded),isControlled=props.value!==void 0,libRef=React3.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=React3.useRef(0),measurementsCacheRef=React3.useRef(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData$1(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||\"x\",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty(\"height\",height+\"px\",\"important\"),onHeightChange(height,{rowHeight}));}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event);};return React3.useLayoutEffect(resizeTextarea),useWindowResizeListener(resizeTextarea),useFontsLoadedListener(resizeTextarea),React3.createElement(\"textarea\",_extends({},props,{onChange:handleChange,ref}))},index2=React3.forwardRef(TextareaAutosize);var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},styles=({theme})=>({...styleResets,transition:\"box-shadow 200ms ease-out, opacity 200ms ease-out\",color:theme.input.color||\"inherit\",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",padding:\"6px 10px\",boxSizing:\"border-box\",height:32,'&[type=\"file\"]':{height:\"auto\"},\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"&:-webkit-autofill\":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},\"&::placeholder\":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case\"100%\":return {width:\"100%\"};case\"flex\":return {flex:1};case\"auto\":default:return {display:\"inline\"}}},alignment=({align})=>{switch(align){case\"end\":return {textAlign:\"right\"};case\"center\":return {textAlign:\"center\"};case\"start\":default:return {textAlign:\"left\"}}},validation=({valid,theme})=>{switch(valid){case\"valid\":return {boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case\"error\":return {boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case\"warn\":return {boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return {}}},Input=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(\"input\",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:\"Input\"}),Select=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(\"select\",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:\"none\",paddingRight:20,appearance:\"menulist\"}),{displayName:\"Select\"}),Textarea=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(index2,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:\"visible\",maxHeight:height})),{displayName:\"Textarea\"});var Form=Object.assign(styled.form({boxSizing:\"border-box\",width:\"100%\"}),{Field,Input,Select,Textarea,Button});var LazyWithTooltip=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement(\"div\",null)},React3__default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement(\"div\",null)},React3__default.createElement(LazyWithTooltipPure,{...props}));var Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled.span(),Links=styled.div(({theme})=>({marginTop:8,textAlign:\"center\",\"> *\":{margin:\"0 8px\",fontWeight:theme.typography.weight.bold}})),Message2=styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:\"18px\"})),MessageWrapper=styled.div({padding:15,width:280,boxSizing:\"border-box\"}),TooltipMessage=({title,desc,links})=>React3__default.createElement(MessageWrapper,null,React3__default.createElement(Message2,null,title&&React3__default.createElement(Title2,null,title),desc&&React3__default.createElement(Desc2,null,desc)),links&&React3__default.createElement(Links,null,links.map(({title:linkTitle,...other})=>React3__default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=styled.div(({theme})=>({padding:\"2px 6px\",lineHeight:\"16px\",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:\"0 0 5px 0 rgba(0, 0, 0, 0.3)\",borderRadius:4,whiteSpace:\"nowrap\",pointerEvents:\"none\",zIndex:-1,background:theme.base===\"light\"?\"rgba(60, 60, 60, 0.9)\":\"rgba(0, 0, 0, 0.95)\",margin:6})),TooltipNote=({note,...props})=>React3__default.createElement(Note,{...props},note);var Title3=styled(({active,loading,disabled,...rest})=>React3__default.createElement(\"span\",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:\"inline-block\",flex:\"none\",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled.span({display:\"flex\",\"& svg\":{height:12,width:12,margin:\"3px 0\",verticalAlign:\"top\"},\"& path\":{fill:\"inherit\"}}),Center=styled.span({flex:1,textAlign:\"left\",display:\"flex\",flexDirection:\"column\"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled.span(({theme})=>({fontSize:\"11px\",lineHeight:\"14px\"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled.span(({active,theme})=>active?{color:theme.color.secondary}:{},()=>({display:\"flex\",maxWidth:14})),Item=styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:\"all 150ms ease-out\",color:theme.color.dark,textDecoration:\"none\",cursor:\"pointer\",justifyContent:\"space-between\",lineHeight:\"18px\",padding:\"7px 10px\",display:\"flex\",alignItems:\"center\",\"& > * + *\":{paddingLeft:10},\"&:hover\":{background:theme.background.hoverable},\"&:hover svg\":{opacity:1}}),({disabled})=>disabled?{cursor:\"not-allowed\"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return React3__default.createElement(Item,{...commonProps,...rest,...itemProps},icon&&React3__default.createElement(Left,{...commonProps},icon),title||center?React3__default.createElement(Center,{isIndented:!icon&&isIndented},title&&React3__default.createElement(Title3,{...commonProps,loading},title),center&&React3__default.createElement(CenterText,{...commonProps},center)):null,right&&React3__default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,title:React3__default.createElement(\"span\",null,\"Loading state\"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled.div({minWidth:180,overflow:\"hidden\",overflowY:\"auto\",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React3__default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasIcon=links.some(link=>link.icon);return React3__default.createElement(List,null,links.map(({isGatsby,...p})=>React3__default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasIcon,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var isLink=obj=>typeof obj.props.href==\"string\",isButton=obj=>typeof obj.props.href!=\"string\";function ForwardRefFunction({children,...rest},ref){let o={props:rest,ref};if(isLink(o))return React3__default.createElement(\"a\",{ref:o.ref,...o.props},children);if(isButton(o))return React3__default.createElement(\"button\",{ref:o.ref,type:\"button\",...o.props},children);throw new Error(\"invalid props\")}var ButtonOrLink=forwardRef(ForwardRefFunction);ButtonOrLink.displayName=\"ButtonOrLink\";var TabButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:\"normal\",display:\"inline-flex\",overflow:\"hidden\",verticalAlign:\"top\",justifyContent:\"center\",alignItems:\"center\",textAlign:\"center\",textDecoration:\"none\",\"&:empty\":{display:\"none\"},\"&[hidden]\":{display:\"none\"}},({theme})=>({padding:\"0 15px\",transition:\"color 0.2s linear, border-bottom-color 0.2s linear\",height:40,lineHeight:\"12px\",cursor:\"pointer\",background:\"transparent\",border:\"0 solid transparent\",borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",fontWeight:\"bold\",fontSize:13,\"&:focus\":{outline:\"0 none\",borderBottomColor:theme.barSelectedColor}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:\"transparent\",\"&:hover\":{color:theme.barHoverColor}});TabButton.displayName=\"TabButton\";var IconPlaceholder=styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React3__default.createElement(IconButtonSkeletonWrapper,null,React3__default.createElement(IconPlaceholder,null));var Side=styled.div({display:\"flex\",whiteSpace:\"nowrap\",flexBasis:\"auto\",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{\"& > *\":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,\"& > *\":{marginRight:4}}:{});Side.displayName=\"Side\";var UnstyledBar=({children,className,scrollable})=>scrollable?React3__default.createElement(ScrollArea,{vertical:!1,className},children):React3__default.createElement(\"div\",{className},children),Bar=styled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:\"100%\",height:40,flexShrink:0,overflow:scrollable?\"auto\":\"hidden\",overflowY:\"hidden\"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName=\"Bar\";var BarInner=styled.div(({bgColor})=>({display:\"flex\",justifyContent:\"space-between\",position:\"relative\",flexWrap:\"nowrap\",flexShrink:0,height:40,backgroundColor:bgColor||\"\"})),FlexBar=({children,backgroundColor,className,...rest})=>{let[left,right]=Children.toArray(children);return React3__default.createElement(Bar,{className:`sb-bar ${className}`,...rest},React3__default.createElement(BarInner,{bgColor:backgroundColor},React3__default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React3__default.createElement(Side,{right:!0},right):null))};FlexBar.displayName=\"FlexBar\";var VisuallyHidden=styled.div(({active})=>active?{display:\"block\"}:{display:\"none\"}),childrenToList=children=>Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content==\"function\"?content:({active})=>React3__default.createElement(VisuallyHidden,{active,role:\"tabpanel\"},content)}});var CollapseIcon=styled.span(({theme,isActive})=>({display:\"inline-block\",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:\"3px solid transparent\",borderLeft:\"3px solid transparent\",borderTop:\"3px solid\",transition:\"transform .1s ease-out\"})),AddonButton=styled(TabButton)(({active,theme,preActive})=>`\n color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};\n .addon-collapsible-icon {\n color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};\n }\n &:hover {\n color: ${theme.barHoverColor};\n .addon-collapsible-icon {\n color: ${theme.barHoverColor};\n }\n }\n `);function useList(list){let tabBarRef=useRef(),addonsRef=useRef(),tabRefs=useRef(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=useState(list),[invisibleList,setInvisibleList]=useState([]),previousList=useRef(list),AddonTab=useCallback(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=useState(!1);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:\"bottom\",delayHide:100,tooltip:React3__default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id);}}))})},React3__default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?\"visible\":\"hidden\"},\"aria-hidden\":!invisibleList.length,className:\"tabbutton\",type:\"button\",role:\"tab\"},menuName,React3__default.createElement(CollapseIcon,{className:\"addon-collapsible-icon\",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,style:{visibility:\"hidden\"},\"aria-hidden\":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref);},className:\"tabbutton\",type:\"button\",key:id,textColor:color2,role:\"tab\"},title)}))},[invisibleList]),setTabLists=useCallback(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x+width-widthAddonsTab:x+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x+widthSum+tabWidth>rightBorder;return (!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list);},[invisibleList.length,list,visibleList]);return useLayoutEffect(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var Wrapper2=styled.div(({theme})=>({height:\"100%\",display:\"flex\",padding:30,alignItems:\"center\",justifyContent:\"center\",flexDirection:\"column\",gap:15,background:theme.background.content})),Content=styled.div({display:\"flex\",flexDirection:\"column\",gap:4,maxWidth:415}),Title4=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textColor})),Description=styled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textMutedColor})),EmptyTabContent=({title,description,footer})=>React3__default.createElement(Wrapper2,null,React3__default.createElement(Content,null,React3__default.createElement(Title4,null,title),description&&React3__default.createElement(Description,null,description)),footer);var ignoreSsrWarning2=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\",Wrapper3=styled.div(({theme,bordered})=>bordered?{backgroundClip:\"padding-box\",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:\"hidden\",boxSizing:\"border-box\"}:{},({absolute})=>absolute?{width:\"100%\",height:\"100%\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\"}:{display:\"block\"}),TabBar=styled.div({overflow:\"hidden\",\"&:first-of-type\":{marginLeft:-3},whiteSpace:\"nowrap\",flexGrow:1});TabBar.displayName=\"TabBar\";var Content2=styled.div({display:\"block\",position:\"relative\"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:\"auto\",[`& > *:first-child${ignoreSsrWarning2}`]:{position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:\"auto\"}}:{}),TabWrapper=({active,render,children})=>React3__default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=memo(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName,emptyState,showToolsWhenEmpty})=>{let idList=childrenToList(children).map(i=>i.id).join(\",\"),list=useMemo(()=>childrenToList(children).map((i,index3)=>({...i,active:selected?i.id===selected:index3===0})),[selected,idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list),EmptyContent=emptyState??React3__default.createElement(EmptyTabContent,{title:\"Nothing found\"});return !showToolsWhenEmpty&&list.length===0?EmptyContent:React3__default.createElement(Wrapper3,{absolute,bordered,id:htmlId},React3__default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},React3__default.createElement(TabBar,{style:{whiteSpace:\"normal\"},ref:tabBarRef,role:\"tablist\"},visibleList.map(({title,id,active,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref);},className:`tabbutton ${active?\"tabbutton-active\":\"\"}`,type:\"button\",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id);},role:\"tab\"},typeof title==\"function\"?React3__default.createElement(\"title\",null):title)}),React3__default.createElement(AddonTab,{menuName,actions})),tools),React3__default.createElement(Content2,{id:\"panel-tab-content\",bordered,absolute},list.length?list.map(({id,active,render})=>React3__default.createElement(render,{key:id,active},null)):EmptyContent))});Tabs.displayName=\"Tabs\";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:\"Tabs\"};var TabsState=class extends Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial};}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return React3__default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:\"\",menuName:void 0};var Separator=styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginLeft:2,marginRight:2}),({force})=>force?{}:{\"& + &\":{display:\"none\"}});Separator.displayName=\"Separator\";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?React3__default.createElement(Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?React3__default.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);var usePrevious=value=>{let ref=useRef();return useEffect(()=>{ref.current=value;},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React3__default.createElement(\"div\",{hidden:!active},useUpdate(active,children));var NEW_ICON_MAP=StorybookIcons,Svg=styled.svg`\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: currentColor;\n path {\n fill: currentColor;\n }\n`,Icons=({icon,useSymbol,__suppressDeprecationWarning=!1,...props})=>{__suppressDeprecationWarning||deprecate(`Use of the deprecated Icons ${`(${icon})`||\"\"} component detected. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`);let findIcon=icons[icon]||null;if(!findIcon)return logger.warn(`Use of an unknown prop ${`(${icon})`||\"\"} in the Icons component. The Icons component is deprecated. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`),null;let Icon=NEW_ICON_MAP[findIcon];return React3__default.createElement(Icon,{...props})},Symbols=memo(function({icons:keys=Object.keys(icons)}){return React3__default.createElement(Svg,{viewBox:\"0 0 14 14\",style:{position:\"absolute\",width:0,height:0},\"data-chromatic\":\"ignore\"},keys.map(key=>React3__default.createElement(\"symbol\",{id:`icon--${key}`,key},icons[key])))}),icons={user:\"UserIcon\",useralt:\"UserAltIcon\",useradd:\"UserAddIcon\",users:\"UsersIcon\",profile:\"ProfileIcon\",facehappy:\"FaceHappyIcon\",faceneutral:\"FaceNeutralIcon\",facesad:\"FaceSadIcon\",accessibility:\"AccessibilityIcon\",accessibilityalt:\"AccessibilityAltIcon\",arrowup:\"ChevronUpIcon\",arrowdown:\"ChevronDownIcon\",arrowleft:\"ChevronLeftIcon\",arrowright:\"ChevronRightIcon\",arrowupalt:\"ArrowUpIcon\",arrowdownalt:\"ArrowDownIcon\",arrowleftalt:\"ArrowLeftIcon\",arrowrightalt:\"ArrowRightIcon\",expandalt:\"ExpandAltIcon\",collapse:\"CollapseIcon\",expand:\"ExpandIcon\",unfold:\"UnfoldIcon\",transfer:\"TransferIcon\",redirect:\"RedirectIcon\",undo:\"UndoIcon\",reply:\"ReplyIcon\",sync:\"SyncIcon\",upload:\"UploadIcon\",download:\"DownloadIcon\",back:\"BackIcon\",proceed:\"ProceedIcon\",refresh:\"RefreshIcon\",globe:\"GlobeIcon\",compass:\"CompassIcon\",location:\"LocationIcon\",pin:\"PinIcon\",time:\"TimeIcon\",dashboard:\"DashboardIcon\",timer:\"TimerIcon\",home:\"HomeIcon\",admin:\"AdminIcon\",info:\"InfoIcon\",question:\"QuestionIcon\",support:\"SupportIcon\",alert:\"AlertIcon\",email:\"EmailIcon\",phone:\"PhoneIcon\",link:\"LinkIcon\",unlink:\"LinkBrokenIcon\",bell:\"BellIcon\",rss:\"RSSIcon\",sharealt:\"ShareAltIcon\",share:\"ShareIcon\",circle:\"CircleIcon\",circlehollow:\"CircleHollowIcon\",bookmarkhollow:\"BookmarkHollowIcon\",bookmark:\"BookmarkIcon\",hearthollow:\"HeartHollowIcon\",heart:\"HeartIcon\",starhollow:\"StarHollowIcon\",star:\"StarIcon\",certificate:\"CertificateIcon\",verified:\"VerifiedIcon\",thumbsup:\"ThumbsUpIcon\",shield:\"ShieldIcon\",basket:\"BasketIcon\",beaker:\"BeakerIcon\",hourglass:\"HourglassIcon\",flag:\"FlagIcon\",cloudhollow:\"CloudHollowIcon\",edit:\"EditIcon\",cog:\"CogIcon\",nut:\"NutIcon\",wrench:\"WrenchIcon\",ellipsis:\"EllipsisIcon\",check:\"CheckIcon\",form:\"FormIcon\",batchdeny:\"BatchDenyIcon\",batchaccept:\"BatchAcceptIcon\",controls:\"ControlsIcon\",plus:\"PlusIcon\",closeAlt:\"CloseAltIcon\",cross:\"CrossIcon\",trash:\"TrashIcon\",pinalt:\"PinAltIcon\",unpin:\"UnpinIcon\",add:\"AddIcon\",subtract:\"SubtractIcon\",close:\"CloseIcon\",delete:\"DeleteIcon\",passed:\"PassedIcon\",changed:\"ChangedIcon\",failed:\"FailedIcon\",clear:\"ClearIcon\",comment:\"CommentIcon\",commentadd:\"CommentAddIcon\",requestchange:\"RequestChangeIcon\",comments:\"CommentsIcon\",lock:\"LockIcon\",unlock:\"UnlockIcon\",key:\"KeyIcon\",outbox:\"OutboxIcon\",credit:\"CreditIcon\",button:\"ButtonIcon\",type:\"TypeIcon\",pointerdefault:\"PointerDefaultIcon\",pointerhand:\"PointerHandIcon\",browser:\"BrowserIcon\",tablet:\"TabletIcon\",mobile:\"MobileIcon\",watch:\"WatchIcon\",sidebar:\"SidebarIcon\",sidebaralt:\"SidebarAltIcon\",sidebaralttoggle:\"SidebarAltToggleIcon\",sidebartoggle:\"SidebarToggleIcon\",bottombar:\"BottomBarIcon\",bottombartoggle:\"BottomBarToggleIcon\",cpu:\"CPUIcon\",database:\"DatabaseIcon\",memory:\"MemoryIcon\",structure:\"StructureIcon\",box:\"BoxIcon\",power:\"PowerIcon\",photo:\"PhotoIcon\",component:\"ComponentIcon\",grid:\"GridIcon\",outline:\"OutlineIcon\",photodrag:\"PhotoDragIcon\",search:\"SearchIcon\",zoom:\"ZoomIcon\",zoomout:\"ZoomOutIcon\",zoomreset:\"ZoomResetIcon\",eye:\"EyeIcon\",eyeclose:\"EyeCloseIcon\",lightning:\"LightningIcon\",lightningoff:\"LightningOffIcon\",contrast:\"ContrastIcon\",switchalt:\"SwitchAltIcon\",mirror:\"MirrorIcon\",grow:\"GrowIcon\",paintbrush:\"PaintBrushIcon\",ruler:\"RulerIcon\",stop:\"StopIcon\",camera:\"CameraIcon\",video:\"VideoIcon\",speaker:\"SpeakerIcon\",play:\"PlayIcon\",playback:\"PlayBackIcon\",playnext:\"PlayNextIcon\",rewind:\"RewindIcon\",fastforward:\"FastForwardIcon\",stopalt:\"StopAltIcon\",sidebyside:\"SideBySideIcon\",stacked:\"StackedIcon\",sun:\"SunIcon\",moon:\"MoonIcon\",book:\"BookIcon\",document:\"DocumentIcon\",copy:\"CopyIcon\",category:\"CategoryIcon\",folder:\"FolderIcon\",print:\"PrintIcon\",graphline:\"GraphLineIcon\",calendar:\"CalendarIcon\",graphbar:\"GraphBarIcon\",menu:\"MenuIcon\",menualt:\"MenuIcon\",filter:\"FilterIcon\",docchart:\"DocChartIcon\",doclist:\"DocListIcon\",markup:\"MarkupIcon\",bold:\"BoldIcon\",paperclip:\"PaperClipIcon\",listordered:\"ListOrderedIcon\",listunordered:\"ListUnorderedIcon\",paragraph:\"ParagraphIcon\",markdown:\"MarkdownIcon\",repository:\"RepoIcon\",commit:\"CommitIcon\",branch:\"BranchIcon\",pullrequest:\"PullRequestIcon\",merge:\"MergeIcon\",apple:\"AppleIcon\",linux:\"LinuxIcon\",ubuntu:\"UbuntuIcon\",windows:\"WindowsIcon\",storybook:\"StorybookIcon\",azuredevops:\"AzureDevOpsIcon\",bitbucket:\"BitbucketIcon\",chrome:\"ChromeIcon\",chromatic:\"ChromaticIcon\",componentdriven:\"ComponentDrivenIcon\",discord:\"DiscordIcon\",facebook:\"FacebookIcon\",figma:\"FigmaIcon\",gdrive:\"GDriveIcon\",github:\"GithubIcon\",gitlab:\"GitlabIcon\",google:\"GoogleIcon\",graphql:\"GraphqlIcon\",medium:\"MediumIcon\",redux:\"ReduxIcon\",twitter:\"TwitterIcon\",youtube:\"YoutubeIcon\",vscode:\"VSCodeIcon\"};var StorybookLogo=({alt,...props})=>React3__default.createElement(\"svg\",{width:\"200px\",height:\"40px\",viewBox:\"0 0 200 40\",...props,role:\"img\"},alt?React3__default.createElement(\"title\",null,alt):null,React3__default.createElement(\"defs\",null,React3__default.createElement(\"path\",{d:\"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z\",id:\"a\"})),React3__default.createElement(\"g\",{fill:\"none\",fillRule:\"evenodd\"},React3__default.createElement(\"path\",{d:\"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z\",fill:\"currentColor\"}),React3__default.createElement(\"mask\",{id:\"b\",fill:\"#fff\"},React3__default.createElement(\"use\",{xlinkHref:\"#a\"})),React3__default.createElement(\"use\",{fill:\"#FF4785\",fillRule:\"nonzero\",xlinkHref:\"#a\"}),React3__default.createElement(\"path\",{d:\"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z\",fill:\"#FFF\",fillRule:\"nonzero\",mask:\"url(#b)\"})));var StorybookIcon=props=>React3__default.createElement(\"svg\",{viewBox:\"0 0 64 64\",...props},React3__default.createElement(\"title\",null,\"Storybook icon\"),React3__default.createElement(\"g\",{id:\"Artboard\",stroke:\"none\",strokeWidth:\"1\",fill:\"none\",fillRule:\"evenodd\"},React3__default.createElement(\"path\",{d:\"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z\",id:\"path-1\",fill:\"#FF4785\",fillRule:\"nonzero\"}),React3__default.createElement(\"path\",{d:\"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z\",id:\"path9_fill-path\",fill:\"#FFFFFF\",fillRule:\"nonzero\"}),React3__default.createElement(\"path\",{d:\"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z\",id:\"Path\",fill:\"#FFFFFF\"})));var rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;var LoaderWrapper=styled.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=styled.div({position:\"absolute\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\"}),ProgressTrack=styled.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=styled.div(({theme})=>({position:\"absolute\",top:0,left:0,height:\"100%\",background:theme.color.secondary})),ProgressMessage=styled.div(({theme})=>({minHeight:\"2em\",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor})),ErrorIcon=styled(LightningOffIcon)(({theme})=>({width:20,height:20,marginBottom:\"0.5rem\",color:theme.textMutedColor})),ellipsis=keyframes`\n from { content: \"...\" }\n 33% { content: \".\" }\n 66% { content: \"..\" }\n to { content: \"...\" }\n`,Ellipsis=styled.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 React3__default.createElement(ProgressWrapper,{\"aria-label\":error.toString(),\"aria-live\":\"polite\",role:\"status\",...props},React3__default.createElement(ErrorIcon,null),React3__default.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),React3__default.createElement(ProgressWrapper,{\"aria-label\":\"Content is loading...\",\"aria-live\":\"polite\",\"aria-valuemin\":0,\"aria-valuemax\":100,\"aria-valuenow\":value*100,\"aria-valuetext\":message,role:\"progressbar\",...props},React3__default.createElement(ProgressTrack,null,React3__default.createElement(ProgressBar,{style:{width:`${value*100}%`}})),React3__default.createElement(ProgressMessage,null,message,value<1&&React3__default.createElement(Ellipsis,{key:message})))}return React3__default.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{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(\"&\")}`};var Code2=styled.pre`\n line-height: 18px;\n padding: 11px 1rem;\n white-space: pre-wrap;\n background: rgba(0, 0, 0, 0.05);\n color: ${color.darkest};\n border-radius: 3px;\n margin: 1rem 0;\n width: 100%;\n display: block;\n overflow: hidden;\n font-family: ${typography.fonts.mono};\n font-size: ${typography.size.s2-1}px;\n`,ClipboardCode=({code,...props})=>React3__default.createElement(Code2,{id:\"clipboard-code\",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=forwardRef((props,ref)=>createElement(key,{...props,ref}));});\n\nexport { A, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link2 as Link, ListItem_default as ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter2 as SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components2 as components, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };\n","import { __commonJS, __toESM, _extends, background, typography, curriedOpacify$1, themes, getPreferredColorScheme, light_default, color, mkColor } from './chunk-ZHZY55TS.mjs';\nexport { background, color, create, darkenColor as darken, lightenColor as lighten, themes, typography } from './chunk-ZHZY55TS.mjs';\nimport * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport memoize2 from 'memoizerific';\nimport { logger } from '@storybook/client-logger';\n\nvar require_react_is_development=__commonJS({\"../../node_modules/react-is/cjs/react-is.development.js\"(exports){(function(){var hasSymbol=typeof Symbol==\"function\"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for(\"react.element\"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for(\"react.portal\"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for(\"react.fragment\"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for(\"react.strict_mode\"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for(\"react.profiler\"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for(\"react.provider\"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for(\"react.context\"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for(\"react.async_mode\"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for(\"react.concurrent_mode\"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for(\"react.forward_ref\"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for(\"react.suspense\"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for(\"react.suspense_list\"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for(\"react.memo\"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for(\"react.lazy\"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for(\"react.block\"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for(\"react.fundamental\"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for(\"react.responder\"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for(\"react.scope\"):60119;function isValidElementType(type){return typeof type==\"string\"||typeof type==\"function\"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type==\"object\"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object==\"object\"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment4=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn(\"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.\")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object==\"object\"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports.AsyncMode=AsyncMode,exports.ConcurrentMode=ConcurrentMode,exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment4,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf;})();}});var require_react_is=__commonJS({\"../../node_modules/react-is/index.js\"(exports,module){module.exports=require_react_is_development();}});var require_hoist_non_react_statics_cjs=__commonJS({\"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js\"(exports,module){var reactIs=require_react_is(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS;TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!=\"string\"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist);}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i=0;i0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position2||token(character)>3?\"\":\" \"}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==57;)if(type+character===84&&peek()===47)break;return \"/*\"+slice(index,position-1)+\"*\"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse(\"\",null,null,null,[\"\"],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length2=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type=\"\",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length2-1)==58){indexof(characters2+=replace(delimit(character2),\"&\",\"&\\f\"),\"&\\f\")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root,parent),declarations);break;default:characters2+=\"/\";}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:ampersand==-1&&(characters2=replace(characters2,/\\f/g,\"\")),property>0&&strlen(characters2)-length2&&append(property>32?declaration(characters2+\";\",rule,parent,length2-1):declaration(replace(characters2,\" \",\"\")+\";\",rule,parent,length2-2),declarations);break;case 59:characters2+=\";\";default:if(append(reference=ruleset(characters2,root,parent,index,offset,rules,points,type,props=[],children=[],length2),rulesets),character2===123)if(offset===0)parse(characters2,root,reference,reference,props,rulesets,length2,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 108:case 109:case 115:parse(value,reference,reference,rule&&append(ruleset(value,reference,reference,0,0,rules,points,type,rules,props=[],length2),children),rules,children,length2,points,rule?props:children);break;default:parse(characters2,reference,reference,reference,[\"\"],children,0,points,children);}}index=offset=property=0,variable=ampersand=1,type=characters2=\"\",length2=pseudo;break;case 58:length2=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+=\"\\f\",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length2=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0);}}return rulesets}function ruleset(value,root,parent,index,offset,rules,points,type,props,children,length2){for(var post=offset-1,rule=offset===0?rules:[\"\"],size=sizeof(rule),i=0,j=0,k=0;i0?rule[x]+\" \"+y:replace(y,/&\\f/g,rule[x])))&&(props[k++]=z);return node(value,root,parent,offset===0?RULESET:type,props,children,length2)}function comment(value,root,parent){return node(value,root,parent,COMMENT,from(char()),substr(value,2,-2),0)}function declaration(value,root,parent,length2){return node(value,root,parent,DECLARATION,substr(value,0,length2),substr(value,length2+1,-1),length2)}function serialize(children,callback){for(var output=\"\",length2=sizeof(children),i=0;i-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!==\"rule\"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=!!element.parent,commentContainer=isNested?element.parent.children:children,i=commentContainer.length-1;i>=0;i--){var node2=commentContainer[i];if(node2.line=0;i--)if(!isImportRule(children[i]))return !0;return !1},nullifyElement=function(element){element.type=\"\",element.value=\"\",element.return=\"\",element.children=\"\",element.props=\"\";},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\"),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\"),nullifyElement(element)));};function prefix(value,length2){switch(hash(value,length2)){case 5103:return WEBKIT+\"print-\"+value+value;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value+value;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value+MOZ+value+MS+value+value;case 6828:case 4268:return WEBKIT+value+MS+value+value;case 6165:return WEBKIT+value+MS+\"flex-\"+value+value;case 5187:return WEBKIT+value+replace(value,/(\\w+).+(:[^]+)/,WEBKIT+\"box-$1$2\"+MS+\"flex-$1$2\")+value;case 5443:return WEBKIT+value+MS+\"flex-item-\"+replace(value,/flex-|-self/,\"\")+value;case 4675:return WEBKIT+value+MS+\"flex-line-pack\"+replace(value,/align-content|flex-|-self/,\"\")+value;case 5548:return WEBKIT+value+MS+replace(value,\"shrink\",\"negative\")+value;case 5292:return WEBKIT+value+MS+replace(value,\"basis\",\"preferred-size\")+value;case 6060:return WEBKIT+\"box-\"+replace(value,\"-grow\",\"\")+WEBKIT+value+MS+replace(value,\"grow\",\"positive\")+value;case 4554:return WEBKIT+replace(value,/([^-])(transform)/g,\"$1\"+WEBKIT+\"$2\")+value;case 6187:return replace(replace(replace(value,/(zoom-|grab)/,WEBKIT+\"$1\"),/(image-set)/,WEBKIT+\"$1\"),value,\"\")+value;case 5495:case 3959:return replace(value,/(image-set\\([^]*)/,WEBKIT+\"$1$`$1\");case 4968:return replace(replace(value,/(.+:)(flex-)?(.*)/,WEBKIT+\"box-pack:$3\"+MS+\"flex-pack:$3\"),/s.+-b[^;]+/,\"justify\")+WEBKIT+value+value;case 4095:case 3583:case 4068:case 2532:return replace(value,/(.+)-inline(.+)/,WEBKIT+\"$1$2\")+value;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value)-1-length2>6)switch(charat(value,length2+1)){case 109:if(charat(value,length2+4)!==45)break;case 102:return replace(value,/(.+:)(.+)-([^]+)/,\"$1\"+WEBKIT+\"$2-$3$1\"+MOZ+(charat(value,length2+3)==108?\"$3\":\"$2-$3\"))+value;case 115:return ~indexof(value,\"stretch\")?prefix(replace(value,\"stretch\",\"fill-available\"),length2)+value:value}break;case 4949:if(charat(value,length2+1)!==115)break;case 6444:switch(charat(value,strlen(value)-3-(~indexof(value,\"!important\")&&10))){case 107:return replace(value,\":\",\":\"+WEBKIT)+value;case 101:return replace(value,/(.+:)([^;!]+)(;|!.+)?/,\"$1\"+WEBKIT+(charat(value,14)===45?\"inline-\":\"\")+\"box$3$1\"+WEBKIT+\"$2$3$1\"+MS+\"$2box$3\")+value}break;case 5936:switch(charat(value,length2+11)){case 114:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb\")+value;case 108:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb-rl\")+value;case 45:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"lr\")+value}return WEBKIT+value+MS+value+value}return value}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy(element,{value:replace(element.value,\"@\",\"@\"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value){switch(match(value,/(::plac\\w+|:read-\\w+)/)){case\":read-only\":case\":read-write\":return serialize([copy(element,{props:[replace(value,/:(read-\\w+)/,\":\"+MOZ+\"$1\")]})],callback);case\"::placeholder\":return serialize([copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+WEBKIT+\"input-$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+MOZ+\"$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,MS+\"input-$1\")]})],callback)}return \"\"})}},defaultStylisPlugins=[prefixer],createCache=function(options){var key=options.key;if(!key)throw new Error(`You have to configure \\`key\\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.`);if(key===\"css\"){var ssrStyles=document.querySelectorAll(\"style[data-emotion]:not([data-s])\");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute(\"data-emotion\");dataEmotionAttribute.indexOf(\" \")!==-1&&(document.head.appendChild(node2),node2.setAttribute(\"data-s\",\"\"));});}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(key))throw new Error('Emotion key must only contain lower case alphabetical characters and - but \"'+key+'\" was passed');var inserted={},container,nodesToHydrate=[];container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^=\"'+key+' \"]'),function(node2){for(var attrib=node2.getAttribute(\"data-emotion\").split(\" \"),i=1;i=4;++i,len-=4)k=str.charCodeAt(i)&255|(str.charCodeAt(++i)&255)<<8|(str.charCodeAt(++i)&255)<<16|(str.charCodeAt(++i)&255)<<24,k=(k&65535)*1540483477+((k>>>16)*59797<<16),k^=k>>>24,h=(k&65535)*1540483477+((k>>>16)*59797<<16)^(h&65535)*1540483477+((h>>>16)*59797<<16);switch(len){case 3:h^=(str.charCodeAt(i+2)&255)<<16;case 2:h^=(str.charCodeAt(i+1)&255)<<8;case 1:h^=str.charCodeAt(i)&255,h=(h&65535)*1540483477+((h>>>16)*59797<<16);}return h^=h>>>13,h=(h&65535)*1540483477+((h>>>16)*59797<<16),((h^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,UNDEFINED_AS_OBJECT_KEY_ERROR=\"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(property){return property.charCodeAt(1)===45},isProcessableValue=function(value){return value!=null&&typeof value!=\"boolean\"},processStyleName=memoize(function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,\"-$&\").toLowerCase()}),processStyleValue=function(key,value){switch(key){case\"animation\":case\"animationName\":if(typeof value==\"string\")return value.replace(animationRegex,function(match2,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1})}return unitlessKeys[key]!==1&&!isCustomProperty(key)&&typeof value==\"number\"&&value!==0?value+\"px\":value};contentValuePattern=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/,contentValues=[\"normal\",\"none\",\"initial\",\"inherit\",\"unset\"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={},processStyleValue=function(key,value){if(key===\"content\"&&(typeof value!=\"string\"||contentValues.indexOf(value)===-1&&!contentValuePattern.test(value)&&(value.charAt(0)!==value.charAt(value.length-1)||value.charAt(0)!=='\"'&&value.charAt(0)!==\"'\")))throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\"+value+\"\\\"'`\");var processed=oldProcessStyleValue(key,value);return processed!==\"\"&&!isCustomProperty(key)&&key.indexOf(\"-\")!==-1&&hyphenatedCache[key]===void 0&&(hyphenatedCache[key]=!0,console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \"+key.replace(msPattern,\"ms-\").replace(hyphenPattern,function(str,_char){return _char.toUpperCase()})+\"?\")),processed};var contentValuePattern,contentValues,oldProcessStyleValue,msPattern,hyphenPattern,hyphenatedCache,noComponentSelectorMessage=\"Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.\";function handleInterpolation(mergedProps,registered,interpolation){if(interpolation==null)return \"\";if(interpolation.__emotion_styles!==void 0){if(interpolation.toString()===\"NO_COMPONENT_SELECTOR\")throw new Error(noComponentSelectorMessage);return interpolation}switch(typeof interpolation){case\"boolean\":return \"\";case\"object\":{if(interpolation.anim===1)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(interpolation.styles!==void 0){var next2=interpolation.next;if(next2!==void 0)for(;next2!==void 0;)cursor={name:next2.name,styles:next2.styles,next:cursor},next2=next2.next;var styles=interpolation.styles+\";\";return interpolation.map!==void 0&&(styles+=interpolation.map),styles}return createStringFromObject(mergedProps,registered,interpolation)}case\"function\":{if(mergedProps!==void 0){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}else console.error(\"Functions that are interpolated in css calls will be stringified.\\nIf you want to have a css call based on props, create a function that returns a css call like this\\nlet dynamicStyle = (props) => css`color: ${props.color}`\\nIt can be called directly with props or interpolated in a styled call like this\\nlet SomeComponent = styled('div')`${dynamicStyle}`\");break}case\"string\":var matched=[],replaced=interpolation.replace(animationRegex,function(match2,p1,p2){var fakeVarName=\"animation\"+matched.length;return matched.push(\"const \"+fakeVarName+\" = keyframes`\"+p2.replace(/^@keyframes animation-\\w+/,\"\")+\"`\"),\"${\"+fakeVarName+\"}\"});matched.length&&console.error(\"`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\nInstead of doing this:\\n\\n\"+[].concat(matched,[\"`\"+replaced+\"`\"]).join(`\n`)+`\n\nYou should wrap it with \\`css\\` like this:\n\n`+(\"css`\"+replaced+\"`\"));break}if(registered==null)return interpolation;var cached=registered[interpolation];return cached!==void 0?cached:interpolation}function createStringFromObject(mergedProps,registered,obj){var string=\"\";if(Array.isArray(obj))for(var i=0;i ({})}!\");return mergedTheme}if(theme==null||typeof theme!=\"object\"||Array.isArray(theme))throw new Error(\"[ThemeProvider] Please make your theme prop a plain object\");return _extends({},outerTheme,theme)},createCacheWithTheme=weakMemoize(function(outerTheme){return weakMemoize(function(theme){return getTheme(outerTheme,theme)})}),ThemeProvider=function(props){var theme=React.useContext(ThemeContext);return props.theme!==theme&&(theme=createCacheWithTheme(theme)(props.theme)),React.createElement(ThemeContext.Provider,{value:theme},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||\"Component\",render=function(props,ref){var theme=React.useContext(ThemeContext);return React.createElement(Component,_extends({theme,ref},props))},WithTheme=React.forwardRef(render);return WithTheme.displayName=\"WithTheme(\"+componentName+\")\",hoistNonReactStatics(WithTheme,Component)}var getLastPart=function(functionName){var parts=functionName.split(\".\");return parts[parts.length-1]},getFunctionNameFromStackTraceLine=function(line2){var match2=/^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line2);if(match2||(match2=/^([A-Za-z0-9$.]+)@/.exec(line2),match2))return getLastPart(match2[1])},internalReactFunctionNames=new Set([\"renderWithHooks\",\"processChild\",\"finishClassComponent\",\"renderToString\"]),sanitizeIdentifier=function(identifier2){return identifier2.replace(/\\$/g,\"-\")},getLabelFromStackTrace=function(stackTrace){if(stackTrace)for(var lines=stackTrace.split(`\n`),i=0;i=16.8.0\"},peerDependenciesMeta:{\"@types/react\":{optional:!0}},devDependencies:{\"@definitelytyped/dtslint\":\"0.0.112\",\"@emotion/css\":\"11.11.0\",\"@emotion/css-prettifier\":\"1.1.3\",\"@emotion/server\":\"11.11.0\",\"@emotion/styled\":\"11.11.0\",\"html-tag-names\":\"^1.1.2\",react:\"16.14.0\",\"svg-tag-names\":\"^1.1.1\",typescript:\"^4.5.5\"},repository:\"https://github.com/emotion-js/emotion/tree/main/packages/react\",publishConfig:{access:\"public\"},\"umd:main\":\"dist/emotion-react.umd.min.js\",preconstruct:{entrypoints:[\"./index.js\",\"./jsx-runtime.js\",\"./jsx-dev-runtime.js\",\"./_isolated-hnrs.js\"],umdName:\"emotionReact\",exports:{envConditions:[\"browser\",\"worker\"],extra:{\"./types/css-prop\":\"./types/css-prop.d.ts\",\"./macro\":{types:{import:\"./macro.d.mts\",default:\"./macro.d.ts\"},default:\"./macro.js\"}}}}},jsx=function(type,props){var args=arguments;if(props==null||!hasOwnProperty.call(props,\"css\"))return React.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=Emotion$1,createElementArgArray[1]=createEmotionProps(type,props);for(var i=2;i component.\"),toAdd=\"\";for(var k in arg)arg[k]&&k&&(toAdd&&(toAdd+=\" \"),toAdd+=k);}break}default:toAdd=arg;}toAdd&&(cls&&(cls+=\" \"),cls+=toAdd);}}return cls};function merge(registered,css2,className){var registeredStyles=[],rawClassName=getRegisteredStyles(registered,registeredStyles,className);return registeredStyles.length<2?className:rawClassName+css2(registeredStyles)}var Insertion3=function(_ref){var cache=_ref.cache,serializedArr=_ref.serializedArr;return useInsertionEffectAlwaysWithSyncFallback(function(){for(var i=0;i96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp;}return typeof shouldForwardProp!=\"function\"&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},ILLEGAL_ESCAPE_SEQUENCE_ERROR2=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Insertion5=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},createStyled=function createStyled2(tag,options){if(tag===void 0)throw new Error(`You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.`);var isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag,identifierName,targetClassName;options!==void 0&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp(\"as\");return function(){var args=arguments,styles=isReal&&tag.__emotion_styles!==void 0?tag.__emotion_styles.slice(0):[];if(identifierName!==void 0&&styles.push(\"label:\"+identifierName+\";\"),args[0]==null||args[0].raw===void 0)styles.push.apply(styles,args);else {args[0][0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[0][0]);for(var len=args.length,i=1;i({body:{fontFamily:typography2.fonts.base,fontSize:typography2.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},\"*\":{boxSizing:\"border-box\"},\"h1, h2, h3, h4, h5, h6\":{fontWeight:typography2.weight.regular,margin:0,padding:0},\"button, input, textarea, select\":{fontFamily:\"inherit\",fontSize:\"inherit\",boxSizing:\"border-box\"},sub:{fontSize:\"0.8em\",bottom:\"-0.2em\"},sup:{fontSize:\"0.8em\",top:\"-0.2em\"},\"b, strong\":{fontWeight:typography2.weight.bold},hr:{border:\"none\",borderTop:\"1px solid silver\",clear:\"both\",marginBottom:\"1.25rem\"},code:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"},pre:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\"}})),createGlobal=memoize2(1)(({color:color2,background:background2,typography:typography2})=>{let resetStyles=createReset({typography:typography2});return {...resetStyles,body:{...resetStyles.body,color:color2.defaultText,background:background2.app,overflow:\"hidden\"},hr:{...resetStyles.hr,borderTop:`1px solid ${color2.border}`}}});var easing={rubber:\"cubic-bezier(0.175, 0.885, 0.335, 1.05)\"},rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`,glow=keyframes`\n 0%, 100% { opacity: 1; }\n 50% { opacity: .4; }\n`,float=keyframes`\n 0% { transform: translateY(1px); }\n 25% { transform: translateY(0px); }\n 50% { transform: translateY(-3px); }\n 100% { transform: translateY(1px); }\n`,jiggle=keyframes`\n 0%, 100% { transform:translate3d(0,0,0); }\n 12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n 37.5%, 87.5% { transform: translate3d(4px,0,0); }\n`,inlineGlow=css`\n animation: ${glow} 1.5s ease-in-out infinite;\n color: transparent;\n cursor: progress;\n`,hoverable=css`\n transition: all 150ms ease-out;\n transform: translate3d(0, 0, 0);\n\n &:hover {\n transform: translate3d(0, -2px, 0);\n }\n\n &:active {\n transform: translate3d(0, 0, 0);\n }\n`,animation={rotate360,glow,float,jiggle,inlineGlow,hoverable};var 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\"},convertColors=colors=>Object.entries(colors).reduce((acc,[k,v])=>({...acc,[k]:mkColor(v)}),{}),create2=({colors,mono})=>{let colorsObjs=convertColors(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\":colorsObjs.red4,\"&.entity\":colorsObjs.red4,\"&.directive.tag .tag\":{background:\"#ffff00\",...colorsObjs.gray1}},\"language-json .token.boolean\":colorsObjs.blue1,\"language-json .token.number\":colorsObjs.blue1,\"language-json .token.property\":colorsObjs.cyan2,namespace:{opacity:.7}}};var lightSyntaxColors={green1:\"#008000\",red1:\"#A31515\",red2:\"#9a050f\",red3:\"#800000\",red4:\"#ff0000\",gray1:\"#393A34\",cyan1:\"#36acaa\",cyan2:\"#2B91AF\",blue1:\"#0000ff\",blue2:\"#00009f\"},darkSyntaxColors={green1:\"#7C7C7C\",red1:\"#92C379\",red2:\"#9a050f\",red3:\"#A8FF60\",red4:\"#96CBFE\",gray1:\"#EDEDED\",cyan1:\"#C6C5FE\",cyan2:\"#FFFFB6\",blue1:\"#B474DD\",blue2:\"#00009f\"},createColors=vars=>({primary:vars.colorPrimary,secondary:vars.colorSecondary,tertiary:color.tertiary,ancillary:color.ancillary,orange:color.orange,gold:color.gold,green:color.green,seafoam:color.seafoam,purple:color.purple,ultraviolet:color.ultraviolet,lightest:color.lightest,lighter:color.lighter,light:color.light,mediumlight:color.mediumlight,medium:color.medium,mediumdark:color.mediumdark,dark:color.dark,darker:color.darker,darkest:color.darkest,border:color.border,positive:color.positive,negative:color.negative,warning:color.warning,critical:color.critical,defaultText:vars.textColor||color.darkest,inverseText:vars.textInverseColor||color.lightest,positiveText:color.positiveText,negativeText:color.negativeText,warningText:color.warningText}),convert=(inherit=themes[getPreferredColorScheme()])=>{let{base,colorPrimary,colorSecondary,appBg,appContentBg,appPreviewBg,appBorderColor,appBorderRadius,fontBase,fontCode,textColor,textInverseColor,barTextColor,barHoverColor,barSelectedColor,barBg,buttonBg,buttonBorder,booleanBg,booleanSelectedBg,inputBg,inputBorder,inputTextColor,inputBorderRadius,brandTitle,brandUrl,brandImage,brandTarget,gridCellSize,...rest}=inherit;return {...rest,base,color:createColors(inherit),background:{app:appBg,bar:barBg,content:appContentBg,preview:appPreviewBg,gridCellSize:gridCellSize||background.gridCellSize,hoverable:background.hoverable,positive:background.positive,negative:background.negative,warning:background.warning,critical:background.critical},typography:{fonts:{base:fontBase,mono:fontCode},weight:typography.weight,size:typography.size},animation,easing,input:{background:inputBg,border:inputBorder,borderRadius:inputBorderRadius,color:inputTextColor},button:{background:buttonBg||inputBg,border:buttonBorder||inputBorder},boolean:{background:booleanBg||inputBorder,selectedBackground:booleanSelectedBg||inputBg},layoutMargin:10,appBorderColor,appBorderRadius,barTextColor,barHoverColor:barHoverColor||colorSecondary,barSelectedColor:barSelectedColor||colorSecondary,barBg,brand:{title:brandTitle,url:brandUrl,image:brandImage||(brandTitle?null:void 0),target:brandTarget},code:create2({colors:base===\"light\"?lightSyntaxColors:darkSyntaxColors,mono:fontCode}),addonActionsTheme:{...base===\"light\"?chromeLight:chromeDark,BASE_FONT_FAMILY:fontCode,BASE_FONT_SIZE:typography.size.s2-1,BASE_LINE_HEIGHT:\"18px\",BASE_BACKGROUND_COLOR:\"transparent\",BASE_COLOR:textColor,ARROW_COLOR:curriedOpacify$1(.2,appBorderColor),ARROW_MARGIN_RIGHT:4,ARROW_FONT_SIZE:8,TREENODE_FONT_FAMILY:fontCode,TREENODE_FONT_SIZE:typography.size.s2-1,TREENODE_LINE_HEIGHT:\"18px\",TREENODE_PADDING_LEFT:12}}};var isEmpty=o=>Object.keys(o).length===0,isObject=o=>o!=null&&typeof o==\"object\",hasOwnProperty2=(o,...args)=>Object.prototype.hasOwnProperty.call(o,...args);var makeObjectWithoutPrototype=()=>Object.create(null);var deletedDiff=(lhs,rhs)=>lhs===rhs||!isObject(lhs)||!isObject(rhs)?{}:Object.keys(lhs).reduce((acc,key)=>{if(hasOwnProperty2(rhs,key)){let difference=deletedDiff(lhs[key],rhs[key]);return isObject(difference)&&isEmpty(difference)||(acc[key]=difference),acc}return acc[key]=void 0,acc},makeObjectWithoutPrototype()),deleted_default=deletedDiff;function dedent(templ){for(var values=[],_i=1;_i{if(!input)return convert(light_default);let missing=deleted_default(light_default,input);return Object.keys(missing).length&&logger.warn(dedent`\n Your theme is missing properties, you should update your theme!\n\n theme-data missing:\n `,missing),convert(input)};var ignoreSsrWarning=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\";\n\nexport { CacheProvider, ClassNames, Global, ThemeProvider, convert, createCache, createGlobal, createReset, css, ensure, ignoreSsrWarning, isPropValid, jsx, keyframes, newStyled as styled, useTheme, withTheme };\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/152.f712cf34.iframe.bundle.js b/152.faf659e9.iframe.bundle.js
similarity index 99%
rename from 152.f712cf34.iframe.bundle.js
rename to 152.faf659e9.iframe.bundle.js
index b536e309..3a7c0df7 100644
--- a/152.f712cf34.iframe.bundle.js
+++ b/152.faf659e9.iframe.bundle.js
@@ -1,5 +1,5 @@
-/*! For license information please see 152.f712cf34.iframe.bundle.js.LICENSE.txt */
-(self.webpackChunk_conda_store_conda_store_ui=self.webpackChunk_conda_store_conda_store_ui||[]).push([[152],{"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}__webpack_require__.d(__webpack_exports__,{A:()=>_assertThisInitialized})},"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_inheritsLoose});var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,(0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(subClass,superClass)}},"./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}__webpack_require__.d(__webpack_exports__,{A:()=>_setPrototypeOf})},"./node_modules/@radix-ui/react-slot/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DX:()=>$5e63c961fc1ce211$export$8c6ed5c666ac1360});var esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("./node_modules/react/index.js");function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs){return node=>refs.forEach((ref=>function $6ed0406888f73fc4$var$setRef(ref,value){"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}(ref,node)))}const $5e63c961fc1ce211$export$8c6ed5c666ac1360=(0,react.forwardRef)(((props,forwardedRef)=>{const{children,...slotProps}=props,childrenArray=react.Children.toArray(children),slottable=childrenArray.find($5e63c961fc1ce211$var$isSlottable);if(slottable){const newElement=slottable.props.children,newChildren=childrenArray.map((child=>child===slottable?react.Children.count(newElement)>1?react.Children.only(null):(0,react.isValidElement)(newElement)?newElement.props.children:null:child));return(0,react.createElement)($5e63c961fc1ce211$var$SlotClone,(0,esm_extends.A)({},slotProps,{ref:forwardedRef}),(0,react.isValidElement)(newElement)?(0,react.cloneElement)(newElement,void 0,newChildren):null)}return(0,react.createElement)($5e63c961fc1ce211$var$SlotClone,(0,esm_extends.A)({},slotProps,{ref:forwardedRef}),children)}));$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName="Slot";const $5e63c961fc1ce211$var$SlotClone=(0,react.forwardRef)(((props,forwardedRef)=>{const{children,...slotProps}=props;return(0,react.isValidElement)(children)?(0,react.cloneElement)(children,{...$5e63c961fc1ce211$var$mergeProps(slotProps,children.props),ref:forwardedRef?$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef,children.ref):children.ref}):react.Children.count(children)>1?react.Children.only(null):null}));$5e63c961fc1ce211$var$SlotClone.displayName="SlotClone";const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45=({children})=>(0,react.createElement)(react.Fragment,null,children);function $5e63c961fc1ce211$var$isSlottable(child){return(0,react.isValidElement)(child)&&child.type===$5e63c961fc1ce211$export$d9f1ccf0bdb05d45}function $5e63c961fc1ce211$var$mergeProps(slotProps,childProps){const overrideProps={...childProps};for(const propName in childProps){const slotPropValue=slotProps[propName],childPropValue=childProps[propName];/^on[A-Z]/.test(propName)?slotPropValue&&childPropValue?overrideProps[propName]=(...args)=>{childPropValue(...args),slotPropValue(...args)}:slotPropValue&&(overrideProps[propName]=slotPropValue):"style"===propName?overrideProps[propName]={...slotPropValue,...childPropValue}:"className"===propName&&(overrideProps[propName]=[slotPropValue,childPropValue].filter(Boolean).join(" "))}return{...slotProps,...overrideProps}}},"./node_modules/@storybook/addon-docs/dist/DocsRenderer-K4EAMTCU.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DocsRenderer:()=>DocsRenderer});var react=__webpack_require__("./node_modules/react/index.js"),react_18=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),chunk_GWAJ4KRU=__webpack_require__("./node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),dist=__webpack_require__("./node_modules/@storybook/theming/dist/index.mjs"),chunk_ZHZY55TS=__webpack_require__("./node_modules/@storybook/theming/dist/chunk-ZHZY55TS.mjs"),components_dist=__webpack_require__("./node_modules/@storybook/components/dist/index.mjs"),chunk_D3EWQ7UP=__webpack_require__("./node_modules/@storybook/components/dist/chunk-D3EWQ7UP.mjs"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),assertThisInitialized=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inheritsLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var setPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _wrapNativeSuper(Class){var _cache="function"==typeof Map?new Map:void 0;return _wrapNativeSuper=function _wrapNativeSuper(Class){if(null===Class||!function _isNativeFunction(fn){try{return-1!==Function.toString.call(fn).indexOf("[native code]")}catch(e){return"function"==typeof fn}}(Class))return Class;if("function"!=typeof Class)throw new TypeError("Super expression must either be null or a function");if(void 0!==_cache){if(_cache.has(Class))return _cache.get(Class);_cache.set(Class,Wrapper)}function Wrapper(){return function _construct(t,e,r){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o=[null];o.push.apply(o,e);var p=new(t.bind.apply(t,o));return r&&(0,setPrototypeOf.A)(p,r.prototype),p}(Class,arguments,_getPrototypeOf(this).constructor)}return Wrapper.prototype=Object.create(Class.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),(0,setPrototypeOf.A)(Wrapper,Class)},_wrapNativeSuper(Class)}var PolishedError=function(_Error){function PolishedError(code){var _this;return _this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this,(0,assertThisInitialized.A)(_this)}return(0,inheritsLoose.A)(PolishedError,_Error),PolishedError}(_wrapNativeSuper(Error));function endsWith(string,suffix){return string.substr(-suffix.length)===suffix}var cssRegex$1=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function stripUnit(value){return"string"!=typeof value?value:value.match(cssRegex$1)?parseFloat(value):value}var pixelsto=function pxtoFactory(to){return function(pxval,base){void 0===base&&(base="16px");var newPxval=pxval,newBase=base;if("string"==typeof pxval){if(!endsWith(pxval,"px"))throw new PolishedError(69,to,pxval);newPxval=stripUnit(pxval)}if("string"==typeof base){if(!endsWith(base,"px"))throw new PolishedError(70,to,base);newBase=stripUnit(base)}if("string"==typeof newPxval)throw new PolishedError(71,pxval,to);if("string"==typeof newBase)throw new PolishedError(72,base,to);return""+newPxval/newBase+to}};pixelsto("em");pixelsto("rem");function colorToInt(color){return Math.round(255*color)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(void 0===convert&&(convert=convertToInt),0===saturation)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new PolishedError(3);var normalizedColor=function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function parseToHsl(color){return function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"==typeof value&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}function rgb(value,green,blue){if("number"==typeof value&&"number"==typeof green&&"number"==typeof blue)return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if("object"==typeof value&&void 0===green&&void 0===blue)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if("string"==typeof firstValue&&"number"==typeof secondValue){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}if("number"==typeof firstValue&&"number"==typeof secondValue&&"number"==typeof thirdValue&&"number"==typeof fourthValue)return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"==typeof firstValue&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new PolishedError(7)}var isRgb=function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)},isRgba=function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha},isHsl=function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)},isHsla=function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha};function toColorString(color){if("object"!=typeof color)throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return hsla(color);if(isHsl(color))return hsl(color);throw new PolishedError(8)}function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}curry((function adjustHue(degree,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{hue:hslColor.hue+parseFloat(degree)}))}));function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}var curriedDarken$1=curry((function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}));curry((function desaturate(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{saturation:guard(0,1,hslColor.saturation-parseFloat(amount))}))}));var curriedLighten$1=curry((function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}));var curriedMix=curry((function mix(weight,color,otherColor){if("transparent"===color)return otherColor;if("transparent"===otherColor)return color;if(0===weight)return otherColor;var parsedColor1=parseToRgb(color),color1=(0,esm_extends.A)({},parsedColor1,{alpha:"number"==typeof parsedColor1.alpha?parsedColor1.alpha:1}),parsedColor2=parseToRgb(otherColor),color2=(0,esm_extends.A)({},parsedColor2,{alpha:"number"==typeof parsedColor2.alpha?parsedColor2.alpha:1}),alphaDelta=color1.alpha-color2.alpha,x=2*parseFloat(weight)-1,weight1=((x*alphaDelta==-1?x:x+alphaDelta)/(1+x*alphaDelta)+1)/2,weight2=1-weight1;return rgba({red:Math.floor(color1.red*weight1+color2.red*weight2),green:Math.floor(color1.green*weight1+color2.green*weight2),blue:Math.floor(color1.blue*weight1+color2.blue*weight2),alpha:color1.alpha*parseFloat(weight)+color2.alpha*(1-parseFloat(weight))})})),mix$1=curriedMix;var curriedOpacify$1=curry((function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color),alpha="number"==typeof parsedColor.alpha?parsedColor.alpha:1;return rgba((0,esm_extends.A)({},parsedColor,{alpha:guard(0,1,(100*alpha+100*parseFloat(amount))/100)}))}));curry((function saturate(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{saturation:guard(0,1,hslColor.saturation+parseFloat(amount))}))}));curry((function setHue(hue,color){return"transparent"===color?color:toColorString((0,esm_extends.A)({},parseToHsl(color),{hue:parseFloat(hue)}))}));curry((function setLightness(lightness,color){return"transparent"===color?color:toColorString((0,esm_extends.A)({},parseToHsl(color),{lightness:parseFloat(lightness)}))}));curry((function setSaturation(saturation,color){return"transparent"===color?color:toColorString((0,esm_extends.A)({},parseToHsl(color),{saturation:parseFloat(saturation)}))}));curry((function shade(percentage,color){return"transparent"===color?color:mix$1(parseFloat(percentage),"rgb(0, 0, 0)",color)}));curry((function tint(percentage,color){return"transparent"===color?color:mix$1(parseFloat(percentage),"rgb(255, 255, 255)",color)}));var curriedTransparentize$1=curry((function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color),alpha="number"==typeof parsedColor.alpha?parsedColor.alpha:1;return rgba((0,esm_extends.A)({},parsedColor,{alpha:guard(0,1,+(100*alpha-100*parseFloat(amount)).toFixed(2)/100)}))}));var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),icons_dist=__webpack_require__("./node_modules/@storybook/icons/dist/index.mjs"),pickBy=__webpack_require__("./node_modules/lodash/pickBy.js"),pickBy_default=__webpack_require__.n(pickBy),csf_dist=__webpack_require__("./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(t[n.toLowerCase()]=n,t)),{for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script"],a=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,_=/mailto:/i,u=/\n{2,}$/,i=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,s=/^ *> ?/gm,l=/^ {2,}\n/,f=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,d=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,p=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,g=/^(?:\n *)*\n/,y=/\r\n?/g,h=/^\[\^([^\]]+)](:.*)\n/,k=/^\[\^([^\]]+)]/,x=/\f/g,b=/^\s*?\[(x|\s)\]/,$=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,v=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,S=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,z=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,w=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,A=/^)/,E=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,L=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,M=/^\{.*\}$/,O=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,I=/^<([^ >]+@[^ >]+)>/,j=/^<([^ >]+:\/[^ >]+)>/,B=/-([a-z])?/gi,R=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,T=/^\[([^\]]*)\]:\s+([^\s>]+)>?\s*("([^"]*)")?/,C=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,D=/^\[([^\]]*)\] ?\[([^\]]*)\]/,F=/(\[|\])/g,N=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,P=/\t/g,Z=/^ *\| */,G=/(^ *\||\| *$)/g,H=/ *$/,q=/^ *:-+: *$/,U=/^ *:-+ *$/,V=/^ *-+: *$/,W=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,Q=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,X=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,J=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,K=/^\\([^0-9A-Za-z\s])/,Y=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,tt=/^\n+/,nt=/^([ \t]*)/,et=/\\([^\\])/g,rt=/ *\n+$/,ot=/(?:^|\n)( *)$/,ct="(?:\\d+\\.)",at="(?:[*+-])";function _t(t){return"( *)("+(1===t?ct:at)+") +"}const ut=_t(1),it=_t(2);function st(t){return new RegExp("^"+(1===t?ut:it))}const lt=st(1),ft=st(2);function dt(t){return new RegExp("^"+(1===t?ut:it)+"[^\\n]*(?:\\n(?!\\1"+(1===t?ct:at)+" )[^\\n]*)*(\\n|$)","gm")}const pt=dt(1),mt=dt(2);function gt(t){const n=1===t?ct:at;return new RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const yt=gt(1),ht=gt(2);function kt(t,n){const e=1===n,r=e?yt:ht,o=e?pt:mt,c=e?lt:ft;return{t(t,n,e){const o=ot.exec(e);return o&&(n.o||!n._&&!n.u)?r.exec(t=o[1]+t):null},i:Ht.HIGH,l(t,n,r){const a=e?+t[2]:void 0,_=t[0].replace(u,"\n").match(o);let i=!1;return{p:_.map((function(t,e){const o=c.exec(t)[0].length,a=new RegExp("^ {1,"+o+"}","gm"),u=t.replace(a,"").replace(c,""),s=e===_.length-1,l=-1!==u.indexOf("\n\n")||s&&i;i=l;const f=r._,d=r.o;let p;r.o=!0,l?(r._=!1,p=u.replace(rt,"\n\n")):(r._=!0,p=u.replace(rt,""));const m=n(p,r);return r._=f,r.o=d,m})),m:e,g:a}},h:(n,e,r)=>t(n.m?"ol":"ul",{key:r.k,start:n.g},n.p.map((function(n,o){return t("li",{key:o},e(n,r))})))}}const xt=/^\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,bt=/^!\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,$t=[i,d,p,$,S,v,A,R,pt,yt,mt,ht],vt=[...$t,/^[^\n]+(?: \n|\n{2,})/,z,L];function St(t){return t.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function zt(t){return V.test(t)?"right":q.test(t)?"center":U.test(t)?"left":null}function wt(t,n,e){const r=e.$;e.$=!0;const o=n(t.trim(),e);e.$=r;let c=[[]];return o.forEach((function(t,n){"tableSeparator"===t.type?0!==n&&n!==o.length-1&&c.push([]):("text"!==t.type||null!=o[n+1]&&"tableSeparator"!==o[n+1].type||(t.v=t.v.replace(H,"")),c[c.length-1].push(t))})),c}function At(t,n,e){e._=!0;const r=wt(t[1],n,e),o=t[2].replace(G,"").split("|").map(zt),c=function(t,n,e){return t.trim().split("\n").map((function(t){return wt(t,n,e)}))}(t[3],n,e);return e._=!1,{S:o,A:c,L:r,type:"table"}}function Et(t,n){return null==t.S[n]?{}:{textAlign:t.S[n]}}function Lt(t){return function(n,e){return e._?t.exec(n):null}}function Mt(t){return function(n,e){return e._||e.u?t.exec(n):null}}function Ot(t){return function(n,e){return e._||e.u?null:t.exec(n)}}function It(t){return function(n){return t.exec(n)}}function jt(t,n,e){if(n._||n.u)return null;if(e&&!e.endsWith("\n"))return null;let r="";t.split("\n").every((t=>!$t.some((n=>n.test(t)))&&(r+=t+"\n",t.trim())));const o=r.trimEnd();return""==o?null:[r,o]}function Bt(t){try{if(decodeURIComponent(t).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch(t){return null}return t}function Rt(t){return t.replace(et,"$1")}function Tt(t,n,e){const r=e._||!1,o=e.u||!1;e._=!0,e.u=!0;const c=t(n,e);return e._=r,e.u=o,c}function Ct(t,n,e){const r=e._||!1,o=e.u||!1;e._=!1,e.u=!0;const c=t(n,e);return e._=r,e.u=o,c}function Dt(t,n,e){return e._=!1,t(n,e)}const Ft=(t,n,e)=>({v:Tt(n,t[1],e)});function Nt(){return{}}function Pt(){return null}function Zt(...t){return t.filter(Boolean).join(" ")}function Gt(t,n,e){let r=t;const o=n.split(".");for(;o.length&&(r=r[o[0]],void 0!==r);)o.shift();return r||e}var Ht,t;function qt(e,u={}){u.overrides=u.overrides||{},u.slugify=u.slugify||St,u.namedCodesToUnicode=u.namedCodesToUnicode?n({},o,u.namedCodesToUnicode):o;const G=u.createElement||react.createElement;function H(t,e,...r){const o=Gt(u.overrides,`${t}.props`,{});return G(function(t,n){const e=Gt(n,t);return e?"function"==typeof e||"object"==typeof e&&"render"in e?e:Gt(n,`${t}.component`,t):t}(t,u.overrides),n({},e,o,{className:Zt(null==e?void 0:e.className,o.className)||void 0}),...r)}function q(n){let e=!1;u.forceInline?e=!0:u.forceBlock||(e=!1===N.test(n));const r=ct(ot(e?n:`${n.trimEnd().replace(tt,"")}\n\n`,{_:e}));for(;"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===u.wrapper)return r;const o=u.wrapper||(e?"span":"div");let c;if(r.length>1||u.forceWrapper)c=r;else{if(1===r.length)return c=r[0],"string"==typeof c?H("span",{key:"outer"},c):c;c=null}return react.createElement(o,{key:"outer"},c)}function U(n){const e=n.match(a);return e?e.reduce((function(n,e,o){const c=e.indexOf("=");if(-1!==c){const a=(t=e.slice(0,c),-1!==t.indexOf("-")&&null===t.match(E)&&(t=t.replace(B,(function(t,n){return n.toUpperCase()}))),t).trim(),_=function(t){const n=t[0];return('"'===n||"'"===n)&&t.length>=2&&t[t.length-1]===n?t.slice(1,-1):t}(e.slice(c+1).trim()),u=r[a]||a,i=n[u]=function(t,n){return"style"===t?n.split(/;\s?/).reduce((function(t,n){const e=n.slice(0,n.indexOf(":"));return t[e.replace(/(-[a-z])/g,(t=>t[1].toUpperCase()))]=n.slice(e.length+1).trim(),t}),{}):"href"===t?Bt(n):(n.match(M)&&(n=n.slice(1,n.length-1)),"true"===n||"false"!==n&&n)}(a,_);"string"==typeof i&&(z.test(i)||L.test(i))&&(n[u]=react.cloneElement(q(i.trim()),{key:o}))}else"style"!==e&&(n[r[e]||e]=!0);var t;return n}),{}):null}const V=[],et={},rt={blockQuote:{t:Ot(i),i:Ht.HIGH,l:(t,n,e)=>({v:n(t[0].replace(s,""),e)}),h:(t,n,e)=>H("blockquote",{key:e.k},n(t.v,e))},breakLine:{t:It(l),i:Ht.HIGH,l:Nt,h:(t,n,e)=>H("br",{key:e.k})},breakThematic:{t:Ot(f),i:Ht.HIGH,l:Nt,h:(t,n,e)=>H("hr",{key:e.k})},codeBlock:{t:Ot(p),i:Ht.MAX,l:t=>({v:t[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),M:void 0}),h:(t,e,r)=>H("pre",{key:r.k},H("code",n({},t.O,{className:t.M?`lang-${t.M}`:""}),t.v))},codeFenced:{t:Ot(d),i:Ht.MAX,l:t=>({O:U(t[3]||""),v:t[4],M:t[2]||void 0,type:"codeBlock"})},codeInline:{t:Mt(m),i:Ht.LOW,l:t=>({v:t[2]}),h:(t,n,e)=>H("code",{key:e.k},t.v)},footnote:{t:Ot(h),i:Ht.MAX,l:t=>(V.push({I:t[2],j:t[1]}),{}),h:Pt},footnoteReference:{t:Lt(k),i:Ht.HIGH,l:t=>({v:t[1],B:`#${u.slugify(t[1])}`}),h:(t,n,e)=>H("a",{key:e.k,href:Bt(t.B)},H("sup",{key:e.k},t.v))},gfmTask:{t:Lt(b),i:Ht.HIGH,l:t=>({R:"x"===t[1].toLowerCase()}),h:(t,n,e)=>H("input",{checked:t.R,key:e.k,readOnly:!0,type:"checkbox"})},heading:{t:Ot(u.enforceAtxHeadings?v:$),i:Ht.HIGH,l:(t,n,e)=>({v:Tt(n,t[2],e),T:u.slugify(t[2]),C:t[1].length}),h:(t,n,e)=>H(`h${t.C}`,{id:t.T,key:e.k},n(t.v,e))},headingSetext:{t:Ot(S),i:Ht.MAX,l:(t,n,e)=>({v:Tt(n,t[1],e),C:"="===t[2]?1:2,type:"heading"})},htmlComment:{t:It(A),i:Ht.HIGH,l:()=>({}),h:Pt},image:{t:Mt(bt),i:Ht.HIGH,l:t=>({D:t[1],B:Rt(t[2]),F:t[3]}),h:(t,n,e)=>H("img",{key:e.k,alt:t.D||void 0,title:t.F||void 0,src:Bt(t.B)})},link:{t:Lt(xt),i:Ht.LOW,l:(t,n,e)=>({v:Ct(n,t[1],e),B:Rt(t[2]),F:t[3]}),h:(t,n,e)=>H("a",{key:e.k,href:Bt(t.B),title:t.F},n(t.v,e))},linkAngleBraceStyleDetector:{t:Lt(j),i:Ht.MAX,l:t=>({v:[{v:t[1],type:"text"}],B:t[1],type:"link"})},linkBareUrlDetector:{t:(t,n)=>n.N?null:Lt(O)(t,n),i:Ht.MAX,l:t=>({v:[{v:t[1],type:"text"}],B:t[1],F:void 0,type:"link"})},linkMailtoDetector:{t:Lt(I),i:Ht.MAX,l(t){let n=t[1],e=t[1];return _.test(e)||(e="mailto:"+e),{v:[{v:n.replace("mailto:",""),type:"text"}],B:e,type:"link"}}},orderedList:kt(H,1),unorderedList:kt(H,2),newlineCoalescer:{t:Ot(g),i:Ht.LOW,l:Nt,h:()=>"\n"},paragraph:{t:jt,i:Ht.LOW,l:Ft,h:(t,n,e)=>H("p",{key:e.k},n(t.v,e))},ref:{t:Lt(T),i:Ht.MAX,l:t=>(et[t[1]]={B:t[2],F:t[4]},{}),h:Pt},refImage:{t:Mt(C),i:Ht.MAX,l:t=>({D:t[1]||void 0,P:t[2]}),h:(t,n,e)=>H("img",{key:e.k,alt:t.D,src:Bt(et[t.P].B),title:et[t.P].F})},refLink:{t:Lt(D),i:Ht.MAX,l:(t,n,e)=>({v:n(t[1],e),Z:n(t[0].replace(F,"\\$1"),e),P:t[2]}),h:(t,n,e)=>et[t.P]?H("a",{key:e.k,href:Bt(et[t.P].B),title:et[t.P].F},n(t.v,e)):H("span",{key:e.k},n(t.Z,e))},table:{t:Ot(R),i:Ht.HIGH,l:At,h:(t,n,e)=>H("table",{key:e.k},H("thead",null,H("tr",null,t.L.map((function(r,o){return H("th",{key:o,style:Et(t,o)},n(r,e))})))),H("tbody",null,t.A.map((function(r,o){return H("tr",{key:o},r.map((function(r,o){return H("td",{key:o,style:Et(t,o)},n(r,e))})))}))))},tableSeparator:{t:function(t,n){return n.$?(n._=!0,Z.exec(t)):null},i:Ht.HIGH,l:function(){return{type:"tableSeparator"}},h:()=>" | "},text:{t:It(Y),i:Ht.MIN,l:t=>({v:t[0].replace(w,((t,n)=>u.namedCodesToUnicode[n]?u.namedCodesToUnicode[n]:t))}),h:t=>t.v},textBolded:{t:Mt(W),i:Ht.MED,l:(t,n,e)=>({v:n(t[2],e)}),h:(t,n,e)=>H("strong",{key:e.k},n(t.v,e))},textEmphasized:{t:Mt(Q),i:Ht.LOW,l:(t,n,e)=>({v:n(t[2],e)}),h:(t,n,e)=>H("em",{key:e.k},n(t.v,e))},textEscaped:{t:Mt(K),i:Ht.HIGH,l:t=>({v:t[1],type:"text"})},textMarked:{t:Mt(X),i:Ht.LOW,l:Ft,h:(t,n,e)=>H("mark",{key:e.k},n(t.v,e))},textStrikethroughed:{t:Mt(J),i:Ht.LOW,l:Ft,h:(t,n,e)=>H("del",{key:e.k},n(t.v,e))}};!0!==u.disableParsingRawHTML&&(rt.htmlBlock={t:It(z),i:Ht.HIGH,l(t,n,e){const[,r]=t[3].match(nt),o=new RegExp(`^${r}`,"gm"),a=t[3].replace(o,""),_=(u=a,vt.some((t=>t.test(u)))?Dt:Tt);var u;const i=t[1].toLowerCase(),s=-1!==c.indexOf(i);e.N=e.N||"a"===i;const l=s?t[3]:_(n,a,e);return e.N=!1,{O:U(t[2]),v:l,G:s,H:s?i:t[1]}},h:(t,e,r)=>H(t.H,n({key:r.k},t.O),t.G?t.v:e(t.v,r))},rt.htmlSelfClosing={t:It(L),i:Ht.HIGH,l:t=>({O:U(t[2]||""),H:t[1]}),h:(t,e,r)=>H(t.H,n({},t.O,{key:r.k}))});const ot=function(t){let n=Object.keys(t);function e(r,o){let c=[],a="";for(;r;){let _=0;for(;_{let{children:r,options:o}=n,c=function(t,n){if(null==t)return{};var e,r,o={},c=Object.keys(t);for(r=0;r=0||(o[e]=t[e]);return o}(n,e);return react.cloneElement(qt(r,o),c)};var memoizerific=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific_default=__webpack_require__.n(memoizerific),uniq=__webpack_require__("./node_modules/lodash/uniq.js"),uniq_default=__webpack_require__.n(uniq),cloneDeep=__webpack_require__("./node_modules/lodash/cloneDeep.js"),cloneDeep_default=__webpack_require__.n(cloneDeep),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),docs_tools_dist=__webpack_require__("./node_modules/@storybook/docs-tools/dist/index.mjs"),telejson_dist=__webpack_require__("./node_modules/telejson/dist/index.mjs"),external_STORYBOOK_MODULE_CORE_EVENTS_=__webpack_require__("@storybook/core-events"),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js");function build_html(options){var tocElement,forEach=[].forEach,some=[].some,body=document.body,currentlyHighlighting=!0,SPACE_CHAR=" ";function createEl(d,container){var link=container.appendChild(function createLink(data){var item=document.createElement("li"),a=document.createElement("a");options.listItemClass&&item.setAttribute("class",options.listItemClass);options.onClick&&(a.onclick=options.onClick);options.includeTitleTags&&a.setAttribute("title",data.textContent);options.includeHtml&&data.childNodes.length?forEach.call(data.childNodes,(function(node){a.appendChild(node.cloneNode(!0))})):a.textContent=data.textContent;return a.setAttribute("href",options.basePath+"#"+data.id),a.setAttribute("class",options.linkClass+SPACE_CHAR+"node-name--"+data.nodeName+SPACE_CHAR+options.extraLinkClasses),item.appendChild(a),item}(d));if(d.children.length){var list=createList(d.isCollapsed);d.children.forEach((function(child){createEl(child,list)})),link.appendChild(list)}}function createList(isCollapsed){var listElement=options.orderedList?"ol":"ul",list=document.createElement(listElement),classes=options.listClass+SPACE_CHAR+options.extraListClasses;return isCollapsed&&(classes=(classes=classes+SPACE_CHAR+options.collapsibleClass)+SPACE_CHAR+options.isCollapsedClass),list.setAttribute("class",classes),list}function getHeadingTopPos(obj){var position=0;return null!==obj&&(position=obj.offsetTop,options.hasInnerContainers&&(position+=getHeadingTopPos(obj.offsetParent))),position}function updateClassname(obj,className){return obj&&obj.className!==className&&(obj.className=className),obj}function removeCollapsedFromParents(element){return element&&-1!==element.className.indexOf(options.collapsibleClass)&&-1!==element.className.indexOf(options.isCollapsedClass)?(updateClassname(element,element.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(element.parentNode.parentNode)):element}return{enableTocAnimation:function enableTocAnimation(){currentlyHighlighting=!0},disableTocAnimation:function disableTocAnimation(event){var target=event.target||event.srcElement;"string"==typeof target.className&&-1!==target.className.indexOf(options.linkClass)&&(currentlyHighlighting=!1)},render:function render(parent,data){var container=createList(!1);if(data.forEach((function(d){createEl(d,container)})),null!==(tocElement=parent||tocElement))return tocElement.firstChild&&tocElement.removeChild(tocElement.firstChild),0===data.length?tocElement:tocElement.appendChild(container)},updateToc:function updateToc(headingsArray){var top;top=options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).scrollTop:document.documentElement.scrollTop||body.scrollTop,options.positionFixedSelector&&function updateFixedSidebarClass(){var top;top=options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).scrollTop:document.documentElement.scrollTop||body.scrollTop;var posFixedEl=document.querySelector(options.positionFixedSelector);"auto"===options.fixedSidebarOffset&&(options.fixedSidebarOffset=tocElement.offsetTop),top>options.fixedSidebarOffset?-1===posFixedEl.className.indexOf(options.positionFixedClass)&&(posFixedEl.className+=SPACE_CHAR+options.positionFixedClass):posFixedEl.className=posFixedEl.className.replace(SPACE_CHAR+options.positionFixedClass,"")}();var topHeader,headings=headingsArray;if(currentlyHighlighting&&null!==tocElement&&headings.length>0){some.call(headings,(function(heading,i){return getHeadingTopPos(heading)>top+options.headingsOffset+10?(topHeader=headings[0===i?i:i-1],!0):i===headings.length-1?(topHeader=headings[headings.length-1],!0):void 0}));var oldActiveTocLink=tocElement.querySelector("."+options.activeLinkClass),activeTocLink=tocElement.querySelector("."+options.linkClass+".node-name--"+topHeader.nodeName+'[href="'+options.basePath+"#"+topHeader.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(oldActiveTocLink===activeTocLink)return;var tocLinks=tocElement.querySelectorAll("."+options.linkClass);forEach.call(tocLinks,(function(tocLink){updateClassname(tocLink,tocLink.className.replace(SPACE_CHAR+options.activeLinkClass,""))}));var tocLis=tocElement.querySelectorAll("."+options.listItemClass);forEach.call(tocLis,(function(tocLi){updateClassname(tocLi,tocLi.className.replace(SPACE_CHAR+options.activeListItemClass,""))})),activeTocLink&&-1===activeTocLink.className.indexOf(options.activeLinkClass)&&(activeTocLink.className+=SPACE_CHAR+options.activeLinkClass);var li=activeTocLink&&activeTocLink.parentNode;li&&-1===li.className.indexOf(options.activeListItemClass)&&(li.className+=SPACE_CHAR+options.activeListItemClass);var tocLists=tocElement.querySelectorAll("."+options.listClass+"."+options.collapsibleClass);forEach.call(tocLists,(function(list){-1===list.className.indexOf(options.isCollapsedClass)&&(list.className+=SPACE_CHAR+options.isCollapsedClass)})),activeTocLink&&activeTocLink.nextSibling&&-1!==activeTocLink.nextSibling.className.indexOf(options.isCollapsedClass)&&updateClassname(activeTocLink.nextSibling,activeTocLink.nextSibling.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(activeTocLink&&activeTocLink.parentNode.parentNode)}}}}const default_options={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0};function parseContent(options){var reduce=[].reduce;function getLastItem(array){return array[array.length-1]}function getHeadingLevel(heading){return+heading.nodeName.toUpperCase().replace("H","")}function getHeadingObject(heading){if(!function isHTMLElement(maybeElement){try{return maybeElement instanceof window.HTMLElement||maybeElement instanceof window.parent.HTMLElement}catch(e){return maybeElement instanceof window.HTMLElement}}(heading))return heading;if(options.ignoreHiddenElements&&(!heading.offsetHeight||!heading.offsetParent))return null;const headingLabel=heading.getAttribute("data-heading-label")||(options.headingLabelCallback?String(options.headingLabelCallback(heading.innerText)):(heading.innerText||heading.textContent).trim());var obj={id:heading.id,children:[],nodeName:heading.nodeName,headingLevel:getHeadingLevel(heading),textContent:headingLabel};return options.includeHtml&&(obj.childNodes=heading.childNodes),options.headingObjectCallback?options.headingObjectCallback(obj,heading):obj}return{nestHeadingsArray:function nestHeadingsArray(headingsArray){return reduce.call(headingsArray,(function reducer(prev,curr){var currentHeading=getHeadingObject(curr);return currentHeading&&function addNode(node,nest){for(var obj=getHeadingObject(node),level=obj.headingLevel,array=nest,lastItem=getLastItem(array),counter=level-(lastItem?lastItem.headingLevel:0);counter>0&&(!(lastItem=getLastItem(array))||level!==lastItem.headingLevel);)lastItem&&void 0!==lastItem.children&&(array=lastItem.children),counter--;return level>=options.collapseDepth&&(obj.isCollapsed=!0),array.push(obj),array}(currentHeading,prev.nest),prev}),{nest:[]})},selectHeadings:function selectHeadings(contentElement,headingSelector){var selectors=headingSelector;options.ignoreSelector&&(selectors=headingSelector.split(",").map((function mapSelectors(selector){return selector.trim()+":not("+options.ignoreSelector+")"})));try{return contentElement.querySelectorAll(selectors)}catch(e){return console.warn("Headers not found with selector: "+selectors),null}}}}function initSmoothScrolling(options){var duration=options.duration,offset=options.offset,pageUrl=location.hash?stripHash(location.href):location.href;function stripHash(url){return url.slice(0,url.lastIndexOf("#"))}!function delegatedLinkHijacking(){document.body.addEventListener("click",(function onClick(e){!function isInPageLink(n){return"a"===n.tagName.toLowerCase()&&(n.hash.length>0||"#"===n.href.charAt(n.href.length-1))&&(stripHash(n.href)===pageUrl||stripHash(n.href)+"#"===pageUrl)}(e.target)||e.target.className.indexOf("no-smooth-scroll")>-1||"#"===e.target.href.charAt(e.target.href.length-2)&&"!"===e.target.href.charAt(e.target.href.length-1)||-1===e.target.className.indexOf(options.linkClass)||function jump(target,options){var timeStart,timeElapsed,start=window.pageYOffset,opt={duration:options.duration,offset:options.offset||0,callback:options.callback,easing:options.easing||easeInOutQuad},tgt=document.querySelector('[id="'+decodeURI(target).split("#").join("")+'"]')||document.querySelector('[id="'+target.split("#").join("")+'"]'),distance="string"==typeof target?opt.offset+(target?tgt&&tgt.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):target,duration="function"==typeof opt.duration?opt.duration(distance):opt.duration;function loop(time){timeElapsed=time-timeStart,window.scrollTo(0,opt.easing(timeElapsed,start,distance,duration)),timeElapsedtoc.clientHeight){var activeItem=toc.querySelector("."+options.activeListItemClass);if(activeItem){var cTop=toc.scrollTop,cBottom=cTop+toc.clientHeight,eTop=activeItem.offsetTop,eBottom=eTop+activeItem.clientHeight;eTopcBottom-options.tocScrollOffset-SCROLL_LEEWAY&&(toc.scrollTop+=eBottom-cBottom+options.tocScrollOffset+2*SCROLL_LEEWAY)}}}(_options);const isTop=e&&e.target&&e.target.scrollingElement&&0===e.target.scrollingElement.scrollTop;(e&&(0===e.eventPhase||null===e.currentTarget)||isTop)&&(_buildHtml.updateToc(_headingsArray),_options.scrollEndCallback&&_options.scrollEndCallback(e))}),_options.throttleTimeout),_scrollListener(),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).addEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).addEventListener("resize",_scrollListener,!1)):(document.addEventListener("scroll",_scrollListener,!1),document.addEventListener("resize",_scrollListener,!1));let timeout=null;clickListener=throttle((function(event){_options.scrollSmooth&&_buildHtml.disableTocAnimation(event),_buildHtml.updateToc(_headingsArray),timeout&&clearTimeout(timeout),timeout=setTimeout((function(){_buildHtml.enableTocAnimation()}),_options.scrollSmoothDuration)}),_options.throttleTimeout),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?document.querySelector(_options.scrollContainer).addEventListener("click",clickListener,!1):document.addEventListener("click",clickListener,!1)}function destroy(){const tocElement=getTocElement(_options);null!==tocElement&&(_options.skipRendering||tocElement&&(tocElement.innerHTML=""),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).removeEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.querySelector(_options.scrollContainer).removeEventListener("click",clickListener,!1)):(document.removeEventListener("scroll",_scrollListener,!1),document.removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.removeEventListener("click",clickListener,!1)))}const index_esm_hasOwnProperty=Object.prototype.hasOwnProperty;function throttle(fn,threshold,scope){let last,deferTimer;return threshold||(threshold=250),function(){const context=scope||this,now=+new Date,args=arguments;last&&now({backgroundColor:"light"===theme.base?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:curriedTransparentize$1(.3,theme.color.defaultText),fontSize:theme.typography.size.s2}))),EmptyBlock=props=>react.createElement(Wrapper,{...props,className:"docblock-emptyblock sb-unstyled"}),StyledSyntaxHighlighter=(0,dist.I4)(components_dist.bF)((({theme})=>({fontSize:theme.typography.size.s2-1+"px",lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}))),SourceSkeletonWrapper=dist.I4.div((({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"}))),SourceSkeletonPlaceholder=dist.I4.div((({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${dist.v_}`]:{margin:0}}))),SourceSkeleton=()=>react.createElement(SourceSkeletonWrapper,null,react.createElement(SourceSkeletonPlaceholder,null),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{let{typography}=(0,dist.DP)();if(isLoading)return react.createElement(SourceSkeleton,null);if(error)return react.createElement(EmptyBlock,null,error);let syntaxHighlighter=react.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:"docblock-source sb-unstyled",...rest},code);if(typeof dark>"u")return syntaxHighlighter;let overrideTheme=dark?chunk_ZHZY55TS.Zj.dark:chunk_ZHZY55TS.Zj.light;return react.createElement(dist.NP,{theme:(0,dist.C6)({...overrideTheme,fontCode:typography.fonts.mono,fontBase:typography.fonts.base})},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,Title=dist.I4.h1(components_dist.YV,(({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:"32px","@media (min-width: 600px)":{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}}))),Subtitle=dist.I4.h2(components_dist.YV,(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,"@media (min-width: 600px)":{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24},color:curriedTransparentize$1(.25,theme.color.defaultText)}))),DocsContent=dist.I4.div((({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},headers={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},code={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border};return{maxWidth:1e3,width:"100%",[toGlobalSelector("a")]:{...reset,fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[toGlobalSelector("blockquote")]:{...reset,margin:"16px 0",borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[toGlobalSelector("div")]:reset,[toGlobalSelector("dl")]:{...reset,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[toGlobalSelector("h1")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h2")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector("h3")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h4")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector("h5")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector("h6")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector("hr")]:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector("img")]:{maxWidth:"100%"},[toGlobalSelector("li")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":code},[toGlobalSelector("ol")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[toGlobalSelector("p")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":code},[toGlobalSelector("pre")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[toGlobalSelector("span")]:{...reset,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[toGlobalSelector("table")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[toGlobalSelector("ul")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}})),DocsWrapper=dist.I4.div((({theme})=>({background:theme.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem","@media (min-width: 600px)":{}}))),DocsPageWrapper=({children,toc})=>react.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},react.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children),toc),getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${theme.appBorderColor}`}),Bar=(0,dist.I4)(components_dist.px)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Wrapper2=dist.I4.div({display:"flex",alignItems:"center",gap:4}),IconPlaceholder=dist.I4.div((({theme})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`}))),ZoomContext=(0,react.createContext)({scale:1}),{window:globalWindow}=external_STORYBOOK_MODULE_GLOBAL_.global,IFrame=class extends react.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id)}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:100*scale+"%",height:100*scale+"%",transform:`scale(${1/scale})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return react.createElement("iframe",{id,title,src,...allowFullScreen?{allow:"fullscreen"}:{},loading:"lazy",...rest})}},{PREVIEW_URL}=external_STORYBOOK_MODULE_GLOBAL_.global,BASE_URL=PREVIEW_URL||"iframe.html",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?"--primary":""}`,InlineStory=props=>{let storyRef=(0,react.useRef)(),[showLoader,setShowLoader]=(0,react.useState)(!0),[error,setError]=(0,react.useState)(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return(0,react.useEffect)((()=>{if(!story||!storyRef.current)return()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then((()=>cleanup()))}}),[autoplay,renderStoryToElement,story]),error?react.createElement("pre",null,react.createElement(components_dist.Df,{error})):react.createElement(react.Fragment,null,height?react.createElement("style",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&react.createElement(StorySkeleton,null),react.createElement("div",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,"data-name":story.name}))},IFrameStory=({story,height="500px"})=>react.createElement("div",{style:{width:"100%",height}},react.createElement(ZoomContext.Consumer,null,(({scale})=>react.createElement(IFrame,{key:"iframe",id:`iframe--${story.id}`,title:story.name,src:(0,components_dist.jZ)(BASE_URL,story.id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}})))),Story=props=>{let{inline}=props;return react.createElement("div",{id:storyBlockIdFromId(props),className:"sb-story sb-unstyled","data-story-block":"true"},inline?react.createElement(InlineStory,{...props}):react.createElement(IFrameStory,{...props}))},StorySkeleton=()=>react.createElement(components_dist.aH,null),ChildrenContainer=dist.I4.div((({isColumn,columns,layout})=>({display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"inline-block"}})),(({layout="padded"})=>"centered"===layout||"padded"===layout?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{}),(({layout="padded"})=>"centered"===layout?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{}),(({columns})=>columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${columns} - 20px)`}}:{})),StyledSource=(0,dist.I4)(Source)((({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content),color:theme.color.lightest,button:{background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content)}}))),PreviewContainer=dist.I4.div((({theme,withSource,isExpanded})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,"h3 + &":{marginTop:"16px"}})),(({withToolbar})=>withToolbar&&{paddingTop:40}));function getStoryId(children){if(1===react.Children.count(children)){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=(0,dist.I4)((({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>react.createElement(Bar,{...rest},react.createElement(Wrapper2,{key:"left"},isLoading?[1,2,3].map((key=>react.createElement(IconPlaceholder,{key}))):react.createElement(react.Fragment,null,react.createElement(components_dist.K0,{key:"zoomin",onClick:e=>{e.preventDefault(),zoom(.8)},title:"Zoom in"},react.createElement(icons_dist.PU,null)),react.createElement(components_dist.K0,{key:"zoomout",onClick:e=>{e.preventDefault(),zoom(1.25)},title:"Zoom out"},react.createElement(icons_dist.LoD,null)),react.createElement(components_dist.K0,{key:"zoomreset",onClick:e=>{e.preventDefault(),resetZoom()},title:"Reset zoom"},react.createElement(icons_dist.wV5,null)))))))({position:"absolute",top:0,left:0,right:0,height:40}),Relative=dist.I4.div({overflow:"hidden",position:"relative"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout="padded",...props})=>{let[expanded,setExpanded]=(0,react.useState)(isExpanded),{source,actionItem}=((withSource,expanded,setExpanded)=>{switch(!0){case!(!withSource||!withSource.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>setExpanded(!1)}};default:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>setExpanded(!0)}}}})(withSource,expanded,setExpanded),[scale,setScale]=(0,react.useState)(1),previewClasses=[className].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=(0,react.useState)(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=external_STORYBOOK_MODULE_GLOBAL_.global,copyToClipboard=(0,react.useCallback)((async text=>{let{createCopyToClipboardFunction}=await Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/components/dist/index.mjs"));createCopyToClipboardFunction()}),[]);return react.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(" ")},withToolbar&&react.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:"./iframe.html"}),react.createElement(ZoomContext.Provider,{value:{scale}},react.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&(e=>{let selection=globalWindow4.getSelection();selection&&"Range"===selection.type||(e.preventDefault(),0===additionalActionItems.filter((item=>"Copied"===item.title)).length&©ToClipboard(source.props.code).then((()=>{setAdditionalActionItems([...additionalActionItems,{title:"Copied",onClick:()=>{}}]),globalWindow4.setTimeout((()=>setAdditionalActionItems(additionalActionItems.filter((item=>"Copied"!==item.title)))),1500)})))})},react.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},react.createElement(components_dist.GP.Element,{scale},Array.isArray(children)?children.map(((child,i)=>react.createElement("div",{key:i},child))):react.createElement("div",null,children))),react.createElement(chunk_D3EWQ7UP.E7,{actionItems}))),withSource&&expanded&&source)};(0,dist.I4)(Preview)((()=>({".docs-story":{paddingTop:32,paddingBottom:40}})));var Table=dist.I4.table((({theme})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,components_dist.zb)({theme}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:theme.typography.size.s1}}}))),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter((x=>x.description)),hasDisplayableParams=0!==params.length,hasDisplayableDeprecated=null!=tags.deprecated,hasDisplayableReturns=null!=tags.returns&&null!=tags.returns.description;return hasDisplayableParams||hasDisplayableReturns||hasDisplayableDeprecated?react.createElement(react.Fragment,null,react.createElement(Table,null,react.createElement("tbody",null,hasDisplayableDeprecated&&react.createElement("tr",{key:"deprecated"},react.createElement("td",{colSpan:2},react.createElement("strong",null,"Deprecated"),": ",tags.deprecated.toString())),hasDisplayableParams&¶ms.map((x=>react.createElement("tr",{key:x.name},react.createElement("td",null,react.createElement("code",null,x.name)),react.createElement("td",null,x.description)))),hasDisplayableReturns&&react.createElement("tr",{key:"returns"},react.createElement("td",null,react.createElement("code",null,"Returns")),react.createElement("td",null,tags.returns.description))))):null},Summary=dist.I4.div((({isExpanded})=>({display:"flex",flexDirection:isExpanded?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100}))),Text=dist.I4.span(components_dist.zb,(({theme,simple=!1})=>({flex:"0 0 auto",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...simple&&{background:"transparent",border:"0 none",paddingLeft:0}}))),ExpandButton=dist.I4.button((({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:"4px",background:"none",border:"none"}))),Expandable=dist.I4.div(components_dist.zb,(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"}))),Detail=dist.I4.div((({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}}))),ChevronUpIcon=(0,dist.I4)(icons_dist.tN5)({marginLeft:4}),ChevronDownIcon=(0,dist.I4)(icons_dist.abt)({marginLeft:4}),EmptyArg=()=>react.createElement("span",null,"-"),ArgText=({text,simple})=>react.createElement(Text,{simple},text),calculateDetailWidth=memoizerific_default()(1e3)((detail=>{let lines=detail.split(/\r?\n/);return`${Math.max(...lines.map((x=>x.length)))}ch`})),renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,8)),items.map((item=>react.createElement(ArgText,{key:item,text:""===item?'""':item})))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=(0,react.useState)(!1),[isExpanded,setIsExpanded]=(0,react.useState)(initialExpandedArgs||!1);if(null==summary)return null;let summaryAsString="function"==typeof summary.toString?summary.toString():summary;if(null==detail){if(/[(){}[\]<>]/.test(summaryAsString))return react.createElement(ArgText,{text:summaryAsString});let summaryItems=(summary=>{if(!summary)return[summary];let summaryItems=summary.split("|").map((value2=>value2.trim()));return uniq_default()(summaryItems)})(summaryAsString),itemsCount=summaryItems.length;return itemsCount>8?react.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),react.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?"Show less...":`Show ${itemsCount-8} more...`)):react.createElement(Summary,null,renderSummaryItems(summaryItems))}return react.createElement(components_dist.o4,{closeOnOutsideClick:!0,placement:"bottom",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible)},tooltip:react.createElement(Detail,{width:calculateDetailWidth(detail)},react.createElement(components_dist.bF,{language:"jsx",format:!1},detail))},react.createElement(Expandable,{className:"sbdocs-expandable"},react.createElement("span",null,summaryAsString),isOpen?react.createElement(ChevronUpIcon,null):react.createElement(ChevronDownIcon,null)))},ArgValue=({value:value2,initialExpandedArgs})=>null==value2?react.createElement(EmptyArg,null):react.createElement(ArgSummary,{value:value2,initialExpandedArgs}),Label=dist.I4.label((({theme})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:theme.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:curriedTransparentize$1(.5,theme.color.defaultText),background:"transparent","&:hover":{boxShadow:`${curriedOpacify$1(.3,theme.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${curriedOpacify$1(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:curriedOpacify$1(1,theme.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:theme.boolean.selectedBackground,boxShadow:"light"===theme.base?`${curriedOpacify$1(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:"7px 15px"}}))),FlexSpaced=dist.I4.div((({theme})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:"light"===theme.base?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}}))),Wrapper3=dist.I4.label({display:"flex"}),selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find((([_key,val])=>val===value2));return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter((entry=>value2.includes(entry[1]))).map((entry=>entry[0])):[],selectedValues=(keys,options)=>keys&&options&&keys.map((key=>options[key])),Wrapper4=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text2=dist.I4.span({}),Label2=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Checkbox with no options: ${name}`),react.createElement(react.Fragment,null,"-");let initial=selectedKeys(value2,options),[selected,setSelected]=(0,react.useState)(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated)};(0,react.useEffect)((()=>{setSelected(selectedKeys(value2,options))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper4,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label2,{key:id,htmlFor:id},react.createElement("input",{type:"checkbox",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),react.createElement(Text2,null,key))})))},Wrapper5=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text3=dist.I4.span({}),Label3=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Radio with no options: ${name}`),react.createElement(react.Fragment,null,"-");let selection=selectedKey(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper5,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label3,{key:id,htmlFor:id},react.createElement("input",{type:"radio",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),react.createElement(Text3,null,key))})))},OptionsSelect=dist.I4.select({appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},(({theme})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:theme.input.color||"inherit",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:theme.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}}))),SelectWrapper=dist.I4.span((({theme})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}}))),SingleSelect=({name,value:value2,options,onChange})=>{let selection=selectedKey(value2,options)||"Choose option...",controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(icons_dist.abt,null),react.createElement(OptionsSelect,{id:controlId,value:selection,onChange:e=>{onChange(options[e.currentTarget.value])}},react.createElement("option",{key:"no-selection",disabled:!0},"Choose option..."),Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},MultiSelect=({name,value:value2,options,onChange})=>{let selection=selectedKeys(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:e=>{let selection2=Array.from(e.currentTarget.options).filter((option=>option.selected)).map((option=>option.value));onChange(selectedValues(selection2,options))}},Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?react.createElement(MultiSelect,{...props}):react.createElement(SingleSelect,{...props}):(external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Select with no options: ${name}`),react.createElement(react.Fragment,null,"-"))},normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce(((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc)),{}):options,Controls={check:CheckboxControl,"inline-check":CheckboxControl,radio:RadioControl,"inline-radio":RadioControl,select:SelectControl,"multi-select":SelectControl},OptionsControl=props=>{let{type="select",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes("inline"),isMulti:type.includes("multi")},Control=Controls[type];if(Control)return react.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};function getObjectType(obj){return null===obj||"object"!=typeof obj||Array.isArray(obj)||"function"!=typeof obj[Symbol.iterator]?Object.prototype.toString.call(obj).slice(8,-1):"Iterable"}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return("Function"===oldType||"Function"===newType)&&newType!==oldType}var JsonAddValue=class extends react.Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&"function"==typeof inputRefKey.focus&&inputRefKey.focus(),onlyValue&&inputRefValue&&"function"==typeof inputRefValue.focus&&inputRefValue.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.onSubmit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result)}refInputKey(node){this.state.inputRefKey=node}refInputValue(node){this.state.inputRefValue=node}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=(0,react.cloneElement)(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator("value",keyPath,deep),inputElementValueLayout=(0,react.cloneElement)(inputElementValue,{placeholder:"Value",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator("key",keyPath,deep);inputElementKeyLayout=(0,react.cloneElement)(inputElementKey,{placeholder:"Key",ref:this.refInputKey})}return react.createElement("span",{className:"rejt-add-value-node"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:react.createElement("button",null,"+"),cancelButtonElement:react.createElement("button",null,"c")};var JsonArray=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleRemoveItem(index){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:"REMOVE_DELTA_TYPE"};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then((()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key:newData.length-1,newValue})})).catch(logger4.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0)})).catch(reject)}))}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"[...] ",data.length," ",1===data.length?"item":"items"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"["),!addFormVisible&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},data.map(((item,index)=>react.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})))),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"]"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-array-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonFunctionValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=(0,react.cloneElement)(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=react.createElement("span",{className:"rejt-edit-form",style:style.editForm},textareaElementLayout," ",cancelButtonElementLayout,editButtonElementLayout),minusElement=null}else{result=react.createElement("span",{className:"rejt-value",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout}return react.createElement("li",{className:"rejt-function-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," "),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var JsonNode=class extends react.Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep}}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case"Error":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Object":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Array":return react.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"String":return react.createElement(JsonValue,{name,value:`"${data}"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Number":return react.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Boolean":return react.createElement(JsonValue,{name,value:data?"true":"false",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Date":return react.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Null":return react.createElement(JsonValue,{name,value:"null",originalValue:"null",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Undefined":return react.createElement(JsonValue,{name,value:"undefined",originalValue:"undefined",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Function":return react.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Symbol":return react.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends react.Component{constructor(props){super(props);let keyPath=-1===props.deep?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then((()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key,newValue})})).catch(logger4.error)}handleRemoveValue(key){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:"REMOVE_DELTA_TYPE"};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve()})).catch(reject)}))}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"{...}"," ",keyList.length," ",1===keyList.length?"key":"keys"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus}),list=keyList.map((key=>react.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})));return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"{"),!isReadOnly&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},list),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"}"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-object-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=(0,react.cloneElement)(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});return react.createElement("li",{className:"rejt-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," : "),isEditing?react.createElement("span",{className:"rejt-edit-form",style:style.editForm},inputElementLayout," ",cancelButtonElementLayout,editButtonElementLayout):react.createElement("span",{className:"rejt-value",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var object={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},array={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},value={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};var JsonTree=class extends react.Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data)}removeRoot(){this.onUpdate(null,null)}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;"Boolean"===getObjectType(readOnly)&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&"Function"!==getObjectType(inputElement)&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&"Function"!==getObjectType(textareaElement)&&(textareaElementFunction=()=>textareaElement),"Object"===dataType||"Array"===dataType?react.createElement("div",{className:"rejt-tree"},react.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:"root",isCollapsed:(keyPath,deep)=>-1!==deep,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case"Object":case"Error":return object;case"Array":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>function parse3(string){let result=string;if(0===result.indexOf("function"))return(0,eval)(`(${result})`);try{result=JSON.parse(string)}catch{}return result}(rawValue),inputElement:()=>react.createElement("input",null),textareaElement:()=>react.createElement("textarea",null),fallback:null};var{window:globalWindow2}=external_STORYBOOK_MODULE_GLOBAL_.global,Wrapper6=dist.I4.div((({theme})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:theme.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:theme.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:theme.color.lighter,borderColor:theme.appBorderColor}}))),ButtonInline=dist.I4.button((({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:"transparent",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?"bold":"normal",cursor:"pointer",order:primary?"initial":9}))),ActionAddIcon=(0,dist.I4)(icons_dist.REV)((({theme,disabled})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.textMutedColor,"&:hover":disabled?{}:{color:theme.color.ancillary},"svg + &":{marginLeft:0}}))),ActionSubstractIcon=(0,dist.I4)(icons_dist.Qpb)((({theme,disabled})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.textMutedColor,"&:hover":disabled?{}:{color:theme.color.negative},"svg + &":{marginLeft:0}}))),Input=dist.I4.input((({theme,placeholder})=>({outline:0,margin:placeholder?1:"1px 0",padding:"3px 4px",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:"Key"===placeholder?80:120,"&:focus":{border:`1px solid ${theme.color.secondary}`}}))),RawButton=(0,dist.I4)(components_dist.K0)((({theme})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}}))),RawInput=(0,dist.I4)(components_dist.lV.Textarea)((({theme})=>({flex:1,padding:"7px 6px",fontFamily:theme.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:theme.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}}))),ENTER_EVENT={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent("keydown",ENTER_EVENT))},selectValue=event=>{event.currentTarget.select()},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=(0,dist.DP)(),data=(0,react.useMemo)((()=>value2&&cloneDeep_default()(value2)),[value2]),hasData=null!=data,[showRaw,setShowRaw]=(0,react.useState)(!hasData),[parseError,setParseError]=(0,react.useState)(null),updateRaw=(0,react.useCallback)((raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0)}catch(e){setParseError(e)}}),[onChange]),[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange({}),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);if((0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),!hasData)return react.createElement(components_dist.$n,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set object");let rawJSONForm=react.createElement(RawInput,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),name,defaultValue:null===value2?"":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:"Edit JSON string...",autoFocus:forceVisible,valid:parseError?"error":null}),isObjectOrArray=Array.isArray(value2)||"object"==typeof value2&&value2?.constructor===Object;return react.createElement(Wrapper6,null,isObjectOrArray&&react.createElement(RawButton,{onClick:e=>{e.preventDefault(),setShowRaw((v=>!v))}},showRaw?react.createElement(icons_dist.dbI,null):react.createElement(icons_dist.bMW,null),react.createElement("span",null,"RAW")),showRaw?rawJSONForm:react.createElement(JsonTree,{readOnly:!isObjectOrArray,isCollapsed:isObjectOrArray?void 0:()=>!0,data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:react.createElement(ButtonInline,{type:"button"},"Cancel"),editButtonElement:react.createElement(ButtonInline,{type:"submit"},"Save"),addButtonElement:react.createElement(ButtonInline,{type:"submit",primary:!0},"Save"),plusMenuElement:react.createElement(ActionAddIcon,null),minusMenuElement:react.createElement(ActionSubstractIcon,null),inputElement:(_,__,___,key)=>key?react.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):react.createElement(Input,null),fallback:rawJSONForm}))},RangeInput=dist.I4.input((({theme,min,max,value:value2})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:"grab",appearance:"none",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${curriedDarken$1(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:rgba(theme.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},"&::-moz-range-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:"grab",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${curriedDarken$1(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}}))),RangeLabel=dist.I4.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=(0,dist.I4)(RangeLabel)((({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+2*max.toString().length+3}ch`,textAlign:"right",flexShrink:0}))),RangeWrapper=dist.I4.div({display:"flex",alignItems:"center",width:"100%"});var Wrapper7=dist.I4.label({display:"flex"}),MaxLength=dist.I4.div((({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0}))),FileInput=(0,dist.I4)(components_dist.lV.Input)({padding:10});var LazyColorControl=(0,react.lazy)((()=>__webpack_require__.e(260).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/blocks/dist/Color-RQJUDNI5.mjs")))),Controls2={array:ObjectControl,object:ObjectControl,boolean:({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=(0,react.useCallback)((()=>onChange(!1)),[onChange]);if(void 0===value2)return react.createElement(components_dist.$n,{variant:"outline",size:"medium",id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onSetFalse},"Set boolean");let controlId=(0,chunk_GWAJ4KRU.Z)(name),parsedValue="string"==typeof value2?(value2=>"true"===value2)(value2):value2;return react.createElement(Label,{htmlFor:controlId,"aria-label":name},react.createElement("input",{id:controlId,type:"checkbox",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:"switch",name,onBlur,onFocus}),react.createElement("span",{"aria-hidden":"true"},"False"),react.createElement("span",{"aria-hidden":"true"},"True"))},color:props=>react.createElement(react.Suspense,{fallback:react.createElement("div",null)},react.createElement(LazyColorControl,{...props})),date:({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=(0,react.useState)(!0),dateRef=(0,react.useRef)(),timeRef=(0,react.useRef)();(0,react.useEffect)((()=>{!1!==valid&&(dateRef&&dateRef.current&&(dateRef.current.value=(value2=>{let date=new Date(value2);return`${`000${date.getFullYear()}`.slice(-4)}-${`0${date.getMonth()+1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}`})(value2)),timeRef&&timeRef.current&&(timeRef.current.value=(value2=>{let date=new Date(value2);return`${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`})(value2)))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(FlexSpaced,null,react.createElement(components_dist.lV.Input,{type:"date",max:"9999-12-31",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:e=>{let parsed=(value2=>{let[year,month,day]=value2.split("-"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result})(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),react.createElement(components_dist.lV.Input,{type:"time",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:e=>{let parsed=(value2=>{let[hours,minutes]=value2.split(":"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result})(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),valid?null:react.createElement("div",null,"invalid"))},number:({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=(0,react.useState)("number"==typeof value2?value2:""),[forceVisible,setForceVisible]=(0,react.useState)(!1),[parseError,setParseError]=(0,react.useState)(null),handleChange=(0,react.useCallback)((event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null))}),[onChange,setParseError]),onForceVisible=(0,react.useCallback)((()=>{setInputValue("0"),onChange(0),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);return(0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),(0,react.useEffect)((()=>{inputValue!==("number"==typeof value2?value2:"")&&setInputValue(value2)}),[value2]),forceVisible||void 0!==value2?react.createElement(Wrapper3,null,react.createElement(components_dist.lV.Input,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),type:"number",onChange:handleChange,size:"flex",placeholder:"Edit number...",value:inputValue,valid:parseError?"error":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur})):react.createElement(components_dist.$n,{variant:"outline",size:"medium",id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set number")},check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let hasValue=void 0!==value2,numberOFDecimalsPlaces=(0,react.useMemo)((()=>function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}(step)),[step]);return react.createElement(RangeWrapper,null,react.createElement(RangeLabel,null,min),react.createElement(RangeInput,{id:(0,chunk_GWAJ4KRU.Z)(name),type:"range",onChange:event=>{onChange((value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result})(event.target.value))},name,value:value2,min,max,step,onFocus,onBlur}),react.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"," / ",max))},text:({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange(""),setForceVisible(!0)}),[setForceVisible]);if(void 0===value2)return react.createElement(components_dist.$n,{variant:"outline",size:"medium",id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set string");let isValid="string"==typeof value2;return react.createElement(Wrapper7,null,react.createElement(components_dist.lV.Textarea,{id:(0,chunk_GWAJ4KRU.Z)(name),maxLength,onChange:event=>{onChange(event.target.value)},size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",name,value:isValid?value2:"",onFocus,onBlur}),maxLength&&react.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))},file:({onChange,name,accept="image/*",value:value2})=>{let inputElement=(0,react.useRef)(null);return(0,react.useEffect)((()=>{null==value2&&inputElement.current&&(inputElement.current.value=null)}),[value2,name]),react.createElement(FileInput,{ref:inputElement,id:(0,chunk_GWAJ4KRU.Z)(name),type:"file",name,multiple:!0,onChange:function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map((file=>URL.createObjectURL(file)));onChange(fileUrls),function revokeOldUrls(urls){urls.forEach((url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url)}))}(value2)},accept,size:"flex"})}},NoControl=()=>react.createElement(react.Fragment,null,"-"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=(0,react.useState)(!1),[boxedValue,setBoxedValue]=(0,react.useState)({value:arg});(0,react.useEffect)((()=>{isFocused||setBoxedValue({value:arg})}),[isFocused,arg]);let onChange=(0,react.useCallback)((argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal)),[updateArgs,key]),onBlur=(0,react.useCallback)((()=>setFocused(!1)),[]),onFocus=(0,react.useCallback)((()=>setFocused(!0)),[]);if(!control||control.disable){return isHovered&&(!0!==control?.disable&&"function"!==row?.type?.name)?react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):react.createElement(NoControl,null)}let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return react.createElement(Control,{...props,...control,controlType:control.type})},Name=dist.I4.span({fontWeight:"bold"}),Required=dist.I4.span((({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"}))),Description=dist.I4.div((({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...(0,components_dist.zb)({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}}))),Type=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?4:0}))),TypeWithJsDoc=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12}))),StyledTd=dist.I4.td((({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"}))),ArgRow=props=>{let[isHovered,setIsHovered]=(0,react.useState)(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||(value2=row.type)&&{summary:"string"==typeof value2?value2:value2.name},defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=null!=description&&""!==description;var value2;return react.createElement("tr",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},react.createElement(StyledTd,{expandable},react.createElement(Name,null,name),required?react.createElement(Required,{title:"Required"},"*"):null),compact?null:react.createElement("td",null,hasDescription&&react.createElement(Description,null,react.createElement(index_modern,null,description)),null!=table.jsDocTags?react.createElement(react.Fragment,null,react.createElement(TypeWithJsDoc,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs})),react.createElement(ArgJsDoc,{tags:table.jsDocTags})):react.createElement(Type,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react.createElement("td",null,react.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react.createElement("td",null,react.createElement(ArgControl,{...props,isHovered})):null)},ExpanderIconDown=(0,dist.I4)(icons_dist.D3D)((({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"}))),ExpanderIconRight=(0,dist.I4)(icons_dist.vKP)((({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"}))),FlexWrapper=dist.I4.span((({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"}))),Section=dist.I4.td((({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}}))),Subsection=dist.I4.td((({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app}))),StyledTd2=dist.I4.td((()=>({position:"relative"}))),StyledTr=dist.I4.tr((({theme})=>({"&:hover > td":{backgroundColor:`${curriedLighten$1(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}}))),ClickIntercept=dist.I4.button((()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"}))),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=(0,react.useState)(initialExpanded),Level="subsection"===level?Subsection:Section,itemCount=children?.length||0,caption="subsection"===level?`${itemCount} item${1!==itemCount?"s":""}`:"",helperText=`${expanded?"Hide":"Show"} ${"subsection"===level?itemCount:label} item${1!==itemCount?"s":""}`;return react.createElement(react.Fragment,null,react.createElement(StyledTr,{title:helperText},react.createElement(Level,{colSpan:1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),react.createElement(FlexWrapper,null,expanded?react.createElement(ExpanderIconDown,null):react.createElement(ExpanderIconRight,null),label)),react.createElement(StyledTd2,{colSpan:colSpan-1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)},Row=dist.I4.div((({theme})=>({display:"flex",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,"&:last-child":{borderBottom:0}}))),Column=dist.I4.div((({numColumn})=>({display:"flex",flexDirection:"column",flex:numColumn||1,gap:5,padding:"12px 20px"}))),SkeletonText=dist.I4.div((({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||"100%",height:height||16,borderRadius:3}))),columnWidth=[2,4,2,2],Skeleton=()=>react.createElement(react.Fragment,null,react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"})))),Wrapper8=dist.I4.div((({inAddonPanel,theme})=>({height:inAddonPanel?"100%":"auto",display:"flex",border:inAddonPanel?"none":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"}))),Links=dist.I4.div((({theme})=>({display:"flex",fontSize:theme.typography.size.s2-1,gap:25}))),Divider=dist.I4.div((({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor}))),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=(0,react.useState)(!0);return(0,react.useEffect)((()=>{let load=setTimeout((()=>{setIsLoading(!1)}),100);return()=>clearTimeout(load)}),[]),isLoading?null:react.createElement(Wrapper8,{inAddonPanel},react.createElement(components_dist.Q2,{title:inAddonPanel?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:react.createElement(react.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:react.createElement(Links,null,inAddonPanel&&react.createElement(react.Fragment,null,react.createElement(components_dist.N_,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},react.createElement(icons_dist.npA,null)," Watch 5m video"),react.createElement(Divider,null),react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},react.createElement(icons_dist.pyG,null)," Read docs")),!inAddonPanel&&react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},react.createElement(icons_dist.pyG,null)," Learn how to set that up"))}))},TableWrapper=dist.I4.table((({theme,compact,inAddonPanel})=>({"&&":{borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:"light"===theme.base?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${theme.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${theme.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:theme.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:theme.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:theme.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:theme.appBorderRadius}}}}}))),StyledIconButton=(0,dist.I4)(components_dist.K0)((({theme})=>({margin:"-4px -12px -4px 0"}))),ControlHeadingWrapper=dist.I4.span({display:"flex",justifyContent:"space-between"}),sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none",isLoading}=props;if("error"in props){let{error}=props;return react.createElement(EmptyBlock,null,error," ",react.createElement(components_dist.N_,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},react.createElement(icons_dist.pyG,null)," Read the docs"))}if(isLoading)return react.createElement(Skeleton,null);let{rows,args,globals}="rows"in props&&props,groups=((rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach((([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(subcategory){let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection}else section.ungrouped.push({key,...row});sections.sections[category]=section}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection}else sections.ungrouped.push({key,...row})}));let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce(((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)})),{}):record;return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce(((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}})),{})}})(pickBy_default()(rows,(row=>!row?.table?.disable&&((row,args,globals)=>{try{return(0,csf_dist.hX)(row,args,globals)}catch(err){return external_STORYBOOK_MODULE_CLIENT_LOGGER_.once.warn(err.message),!1}})(row,args||{},globals||{}))),sort),hasNoUngrouped=0===groups.ungrouped.length,hasNoSections=0===Object.entries(groups.sections).length,hasNoUngroupedSubsections=0===Object.entries(groups.ungroupedSubsections).length;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return react.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react.createElement(components_dist.dL,null,react.createElement(TableWrapper,{compact,inAddonPanel,className:"docblock-argstable sb-unstyled"},react.createElement("thead",{className:"docblock-argstable-head"},react.createElement("tr",null,react.createElement("th",null,react.createElement("span",null,"Name")),compact?null:react.createElement("th",null,react.createElement("span",null,"Description")),compact?null:react.createElement("th",null,react.createElement("span",null,"Default")),updateArgs?react.createElement("th",null,react.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},react.createElement(icons_dist.ejX,{"aria-hidden":!0})))):null)),react.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(groups.ungroupedSubsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))),Object.entries(groups.sections).map((([category,section])=>react.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(section.subsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common}))))))))))))},TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return 1===entries.length?react.createElement(ArgsTable,{...entries[0][1],...props}):react.createElement(components_dist._j,null,entries.map(((entry,index)=>{let[label,table]=entry,id=`prop_table_div_${label}`,argsTableProps=0===index?props:{sort:props.sort};return react.createElement("div",{key:id,id,title:label},(({active})=>active?react.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...argsTableProps}):null))})))};dist.I4.div((({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}))),dist.I4.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),dist.I4.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),dist.I4.div(components_dist.YV,(({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"}))),dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}))),dist.I4.div((({theme})=>({color:"light"===theme.base?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}))),dist.I4.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),dist.I4.div((({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}))),dist.I4.div({display:"flex",flexDirection:"row"}),dist.I4.div((({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}))),dist.I4.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),dist.I4.div({flex:1,display:"flex",flexDirection:"row"}),dist.I4.div({display:"flex",alignItems:"flex-start"}),dist.I4.div({flex:"0 0 30%"}),dist.I4.div({flex:1}),dist.I4.div((({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}))),dist.I4.div((({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"})));dist.I4.div((({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}))),dist.I4.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),dist.I4.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>react.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);external_STORYBOOK_MODULE_GLOBAL_.global&&void 0===external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__&&(external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__=(0,react.createContext)(null),external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__:(0,react.createContext)(null),useOf=(moduleExportOrType,validTypes)=>(0,react.useContext)(DocsContext).resolveOf(moduleExportOrType,validTypes),getComponentName=component=>{if(component)return"string"==typeof component?component.includes("-")?component.split("-").map((part=>part.charAt(0).toUpperCase()+part.slice(1))).join(""):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function argsHash(args){return(0,telejson_dist.As)(args,{allowFunction:!1})}var SourceContext=(0,react.createContext)({sources:{}}),SourceContainer=({children,channel})=>{let[sources,setSources]=(0,react.useState)({});return(0,react.useEffect)((()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args,source,format:format2}="string"==typeof idOrEvent?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):"--unknown--";setSources((current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}})))};return channel.on(docs_tools_dist.Op,handleSnippetRendered),()=>channel.off(docs_tools_dist.Op,handleSnippetRendered)}),[]),react.createElement(SourceContext.Provider,{value:{sources}},children)},getSnippet=({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(transformFromProps??sourceParameters.transform)?.(code,storyContext)||code},useSourceProps=(props,docsContext,sourceContext)=>{let story,{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(of)story=docsContext.resolveOf(of,["story"]).story;else try{story=docsContext.storyById()}catch{}let sourceParameters=story?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??"jsx",dark=props.dark??sourceParameters.dark??!1;if(!code&&!story)return{error:"Oh no! The source is not available."};if(code)return{code,format:format2,language,dark};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 format2=source.format??story.parameters.docs?.source?.format??!1,{code:getSnippet({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform}),format:format2,language,dark}};function useStory(storyId,context){let stories=function useStories(storyIds,context){let[storiesById,setStories]=(0,react.useState)({});return(0,react.useEffect)((()=>{Promise.all(storyIds.map((async storyId=>{let story=await context.loadStory(storyId);setStories((current=>current[storyId]===story?current:{...current,[storyId]:story}))})))})),storyIds.map((storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}}))}([storyId],context);return stories&&stories[0]}var Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=(0,react.useContext)(DocsContext),storyId=((props,context)=>{let{of,meta}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return meta&&context.referenceMeta(meta,!1),context.resolveOf(of||"story",["story"]).story.id})(props,context),story=useStory(storyId,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;if(props.inline??storyParameters.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??"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),{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}=useOf(of||"story",["story"]),sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext),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}))},useArgsIfDefined=(story,context)=>{let storyContext=story?context.getStoryContext(story):{args:{}},{id:storyId}=story||{id:"none"},[args,setArgs]=(0,react.useState)(storyContext.args);(0,react.useEffect)((()=>{let onArgsUpdated=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,onArgsUpdated),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,onArgsUpdated)}),[storyId,context.channel]);let updateArgs=(0,react.useCallback)((updatedArgs=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.UPDATE_STORY_ARGS,{storyId,updatedArgs})),[storyId,context.channel]),resetArgs=(0,react.useCallback)((argNames=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.RESET_STORY_ARGS,{storyId,argNames})),[storyId,context.channel]);return story&&[args,updateArgs,resetArgs]};function extractComponentArgTypes2(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error("Args unsupported. See Args documentation for your framework.");return extractArgTypes(component)}var Controls3=props=>{let{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let context=(0,react.useContext)(DocsContext),{story}=context.resolveOf(of||"story",["story"]),{parameters,argTypes,component,subcomponents}=story,controlsParameters=parameters.docs?.controls||{},include=props.include??controlsParameters.include,exclude=props.exclude??controlsParameters.exclude,sort=props.sort??controlsParameters.sort,[args,updateArgs,resetArgs]=((story,context)=>{let result=useArgsIfDefined(story,context);if(!result)throw new Error("No result when story was defined");return result})(story,context),[globals]=((story,context)=>{let storyContext=context.getStoryContext(story),[globals,setGlobals]=(0,react.useState)(storyContext.globals);return(0,react.useEffect)((()=>{let onGlobalsUpdated=changed=>{setGlobals(changed.globals)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,onGlobalsUpdated),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,onGlobalsUpdated)}),[context.channel]),[globals]})(story,context),filteredArgTypes=(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(argTypes,include,exclude);if(!(subcomponents&&Object.keys(subcomponents).length>0))return Object.keys(filteredArgTypes).length>0||Object.keys(args).length>0?react.createElement(ArgsTable,{rows:filteredArgTypes,sort,args,globals,updateArgs,resetArgs}):null;let mainComponentName=getComponentName(component),subcomponentTabs=Object.fromEntries(Object.entries(subcomponents).map((([key,comp])=>[key,{rows:(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(extractComponentArgTypes2(comp,parameters),include,exclude),sort}]))),tabs={[mainComponentName]:{rows:filteredArgTypes,sort},...subcomponentTabs};return react.createElement(TabbedArgsTable,{tabs,sort,args,globals,updateArgs,resetArgs})},{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]||"text",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(icons_dist.qYV,null)),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.A`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'
+/*! For license information please see 152.faf659e9.iframe.bundle.js.LICENSE.txt */
+(self.webpackChunk_conda_store_conda_store_ui=self.webpackChunk_conda_store_conda_store_ui||[]).push([[152],{"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}__webpack_require__.d(__webpack_exports__,{A:()=>_assertThisInitialized})},"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_inheritsLoose});var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,(0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(subClass,superClass)}},"./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}__webpack_require__.d(__webpack_exports__,{A:()=>_setPrototypeOf})},"./node_modules/@radix-ui/react-slot/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DX:()=>$5e63c961fc1ce211$export$8c6ed5c666ac1360});var esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),react=__webpack_require__("./node_modules/react/index.js");function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs){return node=>refs.forEach((ref=>function $6ed0406888f73fc4$var$setRef(ref,value){"function"==typeof ref?ref(value):null!=ref&&(ref.current=value)}(ref,node)))}const $5e63c961fc1ce211$export$8c6ed5c666ac1360=(0,react.forwardRef)(((props,forwardedRef)=>{const{children,...slotProps}=props,childrenArray=react.Children.toArray(children),slottable=childrenArray.find($5e63c961fc1ce211$var$isSlottable);if(slottable){const newElement=slottable.props.children,newChildren=childrenArray.map((child=>child===slottable?react.Children.count(newElement)>1?react.Children.only(null):(0,react.isValidElement)(newElement)?newElement.props.children:null:child));return(0,react.createElement)($5e63c961fc1ce211$var$SlotClone,(0,esm_extends.A)({},slotProps,{ref:forwardedRef}),(0,react.isValidElement)(newElement)?(0,react.cloneElement)(newElement,void 0,newChildren):null)}return(0,react.createElement)($5e63c961fc1ce211$var$SlotClone,(0,esm_extends.A)({},slotProps,{ref:forwardedRef}),children)}));$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName="Slot";const $5e63c961fc1ce211$var$SlotClone=(0,react.forwardRef)(((props,forwardedRef)=>{const{children,...slotProps}=props;return(0,react.isValidElement)(children)?(0,react.cloneElement)(children,{...$5e63c961fc1ce211$var$mergeProps(slotProps,children.props),ref:forwardedRef?$6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef,children.ref):children.ref}):react.Children.count(children)>1?react.Children.only(null):null}));$5e63c961fc1ce211$var$SlotClone.displayName="SlotClone";const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45=({children})=>(0,react.createElement)(react.Fragment,null,children);function $5e63c961fc1ce211$var$isSlottable(child){return(0,react.isValidElement)(child)&&child.type===$5e63c961fc1ce211$export$d9f1ccf0bdb05d45}function $5e63c961fc1ce211$var$mergeProps(slotProps,childProps){const overrideProps={...childProps};for(const propName in childProps){const slotPropValue=slotProps[propName],childPropValue=childProps[propName];/^on[A-Z]/.test(propName)?slotPropValue&&childPropValue?overrideProps[propName]=(...args)=>{childPropValue(...args),slotPropValue(...args)}:slotPropValue&&(overrideProps[propName]=slotPropValue):"style"===propName?overrideProps[propName]={...slotPropValue,...childPropValue}:"className"===propName&&(overrideProps[propName]=[slotPropValue,childPropValue].filter(Boolean).join(" "))}return{...slotProps,...overrideProps}}},"./node_modules/@storybook/addon-docs/dist/DocsRenderer-K4EAMTCU.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DocsRenderer:()=>DocsRenderer});var react=__webpack_require__("./node_modules/react/index.js"),react_18=__webpack_require__("./node_modules/@storybook/react-dom-shim/dist/react-18.mjs"),chunk_GWAJ4KRU=__webpack_require__("./node_modules/@storybook/blocks/dist/chunk-GWAJ4KRU.mjs"),dist=__webpack_require__("./node_modules/@storybook/theming/dist/index.mjs"),chunk_ZHZY55TS=__webpack_require__("./node_modules/@storybook/theming/dist/chunk-ZHZY55TS.mjs"),components_dist=__webpack_require__("./node_modules/@storybook/components/dist/index.mjs"),chunk_D3EWQ7UP=__webpack_require__("./node_modules/@storybook/components/dist/chunk-D3EWQ7UP.mjs"),esm_extends=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/extends.js"),assertThisInitialized=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),inheritsLoose=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js");function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}var setPrototypeOf=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _wrapNativeSuper(Class){var _cache="function"==typeof Map?new Map:void 0;return _wrapNativeSuper=function _wrapNativeSuper(Class){if(null===Class||!function _isNativeFunction(fn){try{return-1!==Function.toString.call(fn).indexOf("[native code]")}catch(e){return"function"==typeof fn}}(Class))return Class;if("function"!=typeof Class)throw new TypeError("Super expression must either be null or a function");if(void 0!==_cache){if(_cache.has(Class))return _cache.get(Class);_cache.set(Class,Wrapper)}function Wrapper(){return function _construct(t,e,r){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o=[null];o.push.apply(o,e);var p=new(t.bind.apply(t,o));return r&&(0,setPrototypeOf.A)(p,r.prototype),p}(Class,arguments,_getPrototypeOf(this).constructor)}return Wrapper.prototype=Object.create(Class.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),(0,setPrototypeOf.A)(Wrapper,Class)},_wrapNativeSuper(Class)}var PolishedError=function(_Error){function PolishedError(code){var _this;return _this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this,(0,assertThisInitialized.A)(_this)}return(0,inheritsLoose.A)(PolishedError,_Error),PolishedError}(_wrapNativeSuper(Error));function endsWith(string,suffix){return string.substr(-suffix.length)===suffix}var cssRegex$1=/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;function stripUnit(value){return"string"!=typeof value?value:value.match(cssRegex$1)?parseFloat(value):value}var pixelsto=function pxtoFactory(to){return function(pxval,base){void 0===base&&(base="16px");var newPxval=pxval,newBase=base;if("string"==typeof pxval){if(!endsWith(pxval,"px"))throw new PolishedError(69,to,pxval);newPxval=stripUnit(pxval)}if("string"==typeof base){if(!endsWith(base,"px"))throw new PolishedError(70,to,base);newBase=stripUnit(base)}if("string"==typeof newPxval)throw new PolishedError(71,pxval,to);if("string"==typeof newBase)throw new PolishedError(72,base,to);return""+newPxval/newBase+to}};pixelsto("em");pixelsto("rem");function colorToInt(color){return Math.round(255*color)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(void 0===convert&&(convert=convertToInt),0===saturation)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2;return convert(red+lightnessModification,green+lightnessModification,blue+lightnessModification)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color){if("string"!=typeof color)throw new PolishedError(3);var normalizedColor=function nameToHex(color){if("string"!=typeof color)return color;var normalizedColorName=color.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color}(color);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var rgbColorString="rgb("+hslToRgb(parseInt(""+hslMatched[1],10),parseInt(""+hslMatched[2],10)/100,parseInt(""+hslMatched[3],10)/100)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _rgbColorString="rgb("+hslToRgb(parseInt(""+hslaMatched[1],10),parseInt(""+hslaMatched[2],10)/100,parseInt(""+hslaMatched[3],10)/100)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function parseToHsl(color){return function rgbToHsl(color){var hue,red=color.red/255,green=color.green/255,blue=color.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return void 0!==color.alpha?{hue:0,saturation:0,lightness,alpha:color.alpha}:{hue:0,saturation:0,lightness};var delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if("object"==typeof value&&void 0===saturation&&void 0===lightness&&void 0===alpha)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}function rgb(value,green,blue){if("number"==typeof value&&"number"==typeof green&&"number"==typeof blue)return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if("object"==typeof value&&void 0===green&&void 0===blue)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if("string"==typeof firstValue&&"number"==typeof secondValue){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}if("number"==typeof firstValue&&"number"==typeof secondValue&&"number"==typeof thirdValue&&"number"==typeof fourthValue)return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if("object"==typeof firstValue&&void 0===secondValue&&void 0===thirdValue&&void 0===fourthValue)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")";throw new PolishedError(7)}var isRgb=function isRgb(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&("number"!=typeof color.alpha||void 0===color.alpha)},isRgba=function isRgba(color){return"number"==typeof color.red&&"number"==typeof color.green&&"number"==typeof color.blue&&"number"==typeof color.alpha},isHsl=function isHsl(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&("number"!=typeof color.alpha||void 0===color.alpha)},isHsla=function isHsla(color){return"number"==typeof color.hue&&"number"==typeof color.saturation&&"number"==typeof color.lightness&&"number"==typeof color.alpha};function toColorString(color){if("object"!=typeof color)throw new PolishedError(8);if(isRgba(color))return rgba(color);if(isRgb(color))return rgb(color);if(isHsla(color))return hsla(color);if(isHsl(color))return hsl(color);throw new PolishedError(8)}function curried(f,length,acc){return function fn(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}curry((function adjustHue(degree,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{hue:hslColor.hue+parseFloat(degree)}))}));function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}var curriedDarken$1=curry((function darken(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}));curry((function desaturate(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{saturation:guard(0,1,hslColor.saturation-parseFloat(amount))}))}));var curriedLighten$1=curry((function lighten(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}));var curriedMix=curry((function mix(weight,color,otherColor){if("transparent"===color)return otherColor;if("transparent"===otherColor)return color;if(0===weight)return otherColor;var parsedColor1=parseToRgb(color),color1=(0,esm_extends.A)({},parsedColor1,{alpha:"number"==typeof parsedColor1.alpha?parsedColor1.alpha:1}),parsedColor2=parseToRgb(otherColor),color2=(0,esm_extends.A)({},parsedColor2,{alpha:"number"==typeof parsedColor2.alpha?parsedColor2.alpha:1}),alphaDelta=color1.alpha-color2.alpha,x=2*parseFloat(weight)-1,weight1=((x*alphaDelta==-1?x:x+alphaDelta)/(1+x*alphaDelta)+1)/2,weight2=1-weight1;return rgba({red:Math.floor(color1.red*weight1+color2.red*weight2),green:Math.floor(color1.green*weight1+color2.green*weight2),blue:Math.floor(color1.blue*weight1+color2.blue*weight2),alpha:color1.alpha*parseFloat(weight)+color2.alpha*(1-parseFloat(weight))})})),mix$1=curriedMix;var curriedOpacify$1=curry((function opacify(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color),alpha="number"==typeof parsedColor.alpha?parsedColor.alpha:1;return rgba((0,esm_extends.A)({},parsedColor,{alpha:guard(0,1,(100*alpha+100*parseFloat(amount))/100)}))}));curry((function saturate(amount,color){if("transparent"===color)return color;var hslColor=parseToHsl(color);return toColorString((0,esm_extends.A)({},hslColor,{saturation:guard(0,1,hslColor.saturation+parseFloat(amount))}))}));curry((function setHue(hue,color){return"transparent"===color?color:toColorString((0,esm_extends.A)({},parseToHsl(color),{hue:parseFloat(hue)}))}));curry((function setLightness(lightness,color){return"transparent"===color?color:toColorString((0,esm_extends.A)({},parseToHsl(color),{lightness:parseFloat(lightness)}))}));curry((function setSaturation(saturation,color){return"transparent"===color?color:toColorString((0,esm_extends.A)({},parseToHsl(color),{saturation:parseFloat(saturation)}))}));curry((function shade(percentage,color){return"transparent"===color?color:mix$1(parseFloat(percentage),"rgb(0, 0, 0)",color)}));curry((function tint(percentage,color){return"transparent"===color?color:mix$1(parseFloat(percentage),"rgb(255, 255, 255)",color)}));var curriedTransparentize$1=curry((function transparentize(amount,color){if("transparent"===color)return color;var parsedColor=parseToRgb(color),alpha="number"==typeof parsedColor.alpha?parsedColor.alpha:1;return rgba((0,esm_extends.A)({},parsedColor,{alpha:guard(0,1,+(100*alpha-100*parseFloat(amount)).toFixed(2)/100)}))}));var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),icons_dist=__webpack_require__("./node_modules/@storybook/icons/dist/index.mjs"),pickBy=__webpack_require__("./node_modules/lodash/pickBy.js"),pickBy_default=__webpack_require__.n(pickBy),csf_dist=__webpack_require__("./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(t[n.toLowerCase()]=n,t)),{for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},c=["style","script"],a=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,_=/mailto:/i,u=/\n{2,}$/,i=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,s=/^ *> ?/gm,l=/^ {2,}\n/,f=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,d=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,p=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,m=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,g=/^(?:\n *)*\n/,y=/\r\n?/g,h=/^\[\^([^\]]+)](:.*)\n/,k=/^\[\^([^\]]+)]/,x=/\f/g,b=/^\s*?\[(x|\s)\]/,$=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,v=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,S=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,z=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,w=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,A=/^)/,E=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,L=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,M=/^\{.*\}$/,O=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,I=/^<([^ >]+@[^ >]+)>/,j=/^<([^ >]+:\/[^ >]+)>/,B=/-([a-z])?/gi,R=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,T=/^\[([^\]]*)\]:\s+([^\s>]+)>?\s*("([^"]*)")?/,C=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,D=/^\[([^\]]*)\] ?\[([^\]]*)\]/,F=/(\[|\])/g,N=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,P=/\t/g,Z=/^ *\| */,G=/(^ *\||\| *$)/g,H=/ *$/,q=/^ *:-+: *$/,U=/^ *:-+ *$/,V=/^ *-+: *$/,W=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,Q=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,X=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,J=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,K=/^\\([^0-9A-Za-z\s])/,Y=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,tt=/^\n+/,nt=/^([ \t]*)/,et=/\\([^\\])/g,rt=/ *\n+$/,ot=/(?:^|\n)( *)$/,ct="(?:\\d+\\.)",at="(?:[*+-])";function _t(t){return"( *)("+(1===t?ct:at)+") +"}const ut=_t(1),it=_t(2);function st(t){return new RegExp("^"+(1===t?ut:it))}const lt=st(1),ft=st(2);function dt(t){return new RegExp("^"+(1===t?ut:it)+"[^\\n]*(?:\\n(?!\\1"+(1===t?ct:at)+" )[^\\n]*)*(\\n|$)","gm")}const pt=dt(1),mt=dt(2);function gt(t){const n=1===t?ct:at;return new RegExp("^( *)("+n+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+n+" (?!"+n+" ))\\n*|\\s*\\n*$)")}const yt=gt(1),ht=gt(2);function kt(t,n){const e=1===n,r=e?yt:ht,o=e?pt:mt,c=e?lt:ft;return{t(t,n,e){const o=ot.exec(e);return o&&(n.o||!n._&&!n.u)?r.exec(t=o[1]+t):null},i:Ht.HIGH,l(t,n,r){const a=e?+t[2]:void 0,_=t[0].replace(u,"\n").match(o);let i=!1;return{p:_.map((function(t,e){const o=c.exec(t)[0].length,a=new RegExp("^ {1,"+o+"}","gm"),u=t.replace(a,"").replace(c,""),s=e===_.length-1,l=-1!==u.indexOf("\n\n")||s&&i;i=l;const f=r._,d=r.o;let p;r.o=!0,l?(r._=!1,p=u.replace(rt,"\n\n")):(r._=!0,p=u.replace(rt,""));const m=n(p,r);return r._=f,r.o=d,m})),m:e,g:a}},h:(n,e,r)=>t(n.m?"ol":"ul",{key:r.k,start:n.g},n.p.map((function(n,o){return t("li",{key:o},e(n,r))})))}}const xt=/^\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,bt=/^!\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,$t=[i,d,p,$,S,v,A,R,pt,yt,mt,ht],vt=[...$t,/^[^\n]+(?: \n|\n{2,})/,z,L];function St(t){return t.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function zt(t){return V.test(t)?"right":q.test(t)?"center":U.test(t)?"left":null}function wt(t,n,e){const r=e.$;e.$=!0;const o=n(t.trim(),e);e.$=r;let c=[[]];return o.forEach((function(t,n){"tableSeparator"===t.type?0!==n&&n!==o.length-1&&c.push([]):("text"!==t.type||null!=o[n+1]&&"tableSeparator"!==o[n+1].type||(t.v=t.v.replace(H,"")),c[c.length-1].push(t))})),c}function At(t,n,e){e._=!0;const r=wt(t[1],n,e),o=t[2].replace(G,"").split("|").map(zt),c=function(t,n,e){return t.trim().split("\n").map((function(t){return wt(t,n,e)}))}(t[3],n,e);return e._=!1,{S:o,A:c,L:r,type:"table"}}function Et(t,n){return null==t.S[n]?{}:{textAlign:t.S[n]}}function Lt(t){return function(n,e){return e._?t.exec(n):null}}function Mt(t){return function(n,e){return e._||e.u?t.exec(n):null}}function Ot(t){return function(n,e){return e._||e.u?null:t.exec(n)}}function It(t){return function(n){return t.exec(n)}}function jt(t,n,e){if(n._||n.u)return null;if(e&&!e.endsWith("\n"))return null;let r="";t.split("\n").every((t=>!$t.some((n=>n.test(t)))&&(r+=t+"\n",t.trim())));const o=r.trimEnd();return""==o?null:[r,o]}function Bt(t){try{if(decodeURIComponent(t).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch(t){return null}return t}function Rt(t){return t.replace(et,"$1")}function Tt(t,n,e){const r=e._||!1,o=e.u||!1;e._=!0,e.u=!0;const c=t(n,e);return e._=r,e.u=o,c}function Ct(t,n,e){const r=e._||!1,o=e.u||!1;e._=!1,e.u=!0;const c=t(n,e);return e._=r,e.u=o,c}function Dt(t,n,e){return e._=!1,t(n,e)}const Ft=(t,n,e)=>({v:Tt(n,t[1],e)});function Nt(){return{}}function Pt(){return null}function Zt(...t){return t.filter(Boolean).join(" ")}function Gt(t,n,e){let r=t;const o=n.split(".");for(;o.length&&(r=r[o[0]],void 0!==r);)o.shift();return r||e}var Ht,t;function qt(e,u={}){u.overrides=u.overrides||{},u.slugify=u.slugify||St,u.namedCodesToUnicode=u.namedCodesToUnicode?n({},o,u.namedCodesToUnicode):o;const G=u.createElement||react.createElement;function H(t,e,...r){const o=Gt(u.overrides,`${t}.props`,{});return G(function(t,n){const e=Gt(n,t);return e?"function"==typeof e||"object"==typeof e&&"render"in e?e:Gt(n,`${t}.component`,t):t}(t,u.overrides),n({},e,o,{className:Zt(null==e?void 0:e.className,o.className)||void 0}),...r)}function q(n){let e=!1;u.forceInline?e=!0:u.forceBlock||(e=!1===N.test(n));const r=ct(ot(e?n:`${n.trimEnd().replace(tt,"")}\n\n`,{_:e}));for(;"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===u.wrapper)return r;const o=u.wrapper||(e?"span":"div");let c;if(r.length>1||u.forceWrapper)c=r;else{if(1===r.length)return c=r[0],"string"==typeof c?H("span",{key:"outer"},c):c;c=null}return react.createElement(o,{key:"outer"},c)}function U(n){const e=n.match(a);return e?e.reduce((function(n,e,o){const c=e.indexOf("=");if(-1!==c){const a=(t=e.slice(0,c),-1!==t.indexOf("-")&&null===t.match(E)&&(t=t.replace(B,(function(t,n){return n.toUpperCase()}))),t).trim(),_=function(t){const n=t[0];return('"'===n||"'"===n)&&t.length>=2&&t[t.length-1]===n?t.slice(1,-1):t}(e.slice(c+1).trim()),u=r[a]||a,i=n[u]=function(t,n){return"style"===t?n.split(/;\s?/).reduce((function(t,n){const e=n.slice(0,n.indexOf(":"));return t[e.replace(/(-[a-z])/g,(t=>t[1].toUpperCase()))]=n.slice(e.length+1).trim(),t}),{}):"href"===t?Bt(n):(n.match(M)&&(n=n.slice(1,n.length-1)),"true"===n||"false"!==n&&n)}(a,_);"string"==typeof i&&(z.test(i)||L.test(i))&&(n[u]=react.cloneElement(q(i.trim()),{key:o}))}else"style"!==e&&(n[r[e]||e]=!0);var t;return n}),{}):null}const V=[],et={},rt={blockQuote:{t:Ot(i),i:Ht.HIGH,l:(t,n,e)=>({v:n(t[0].replace(s,""),e)}),h:(t,n,e)=>H("blockquote",{key:e.k},n(t.v,e))},breakLine:{t:It(l),i:Ht.HIGH,l:Nt,h:(t,n,e)=>H("br",{key:e.k})},breakThematic:{t:Ot(f),i:Ht.HIGH,l:Nt,h:(t,n,e)=>H("hr",{key:e.k})},codeBlock:{t:Ot(p),i:Ht.MAX,l:t=>({v:t[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),M:void 0}),h:(t,e,r)=>H("pre",{key:r.k},H("code",n({},t.O,{className:t.M?`lang-${t.M}`:""}),t.v))},codeFenced:{t:Ot(d),i:Ht.MAX,l:t=>({O:U(t[3]||""),v:t[4],M:t[2]||void 0,type:"codeBlock"})},codeInline:{t:Mt(m),i:Ht.LOW,l:t=>({v:t[2]}),h:(t,n,e)=>H("code",{key:e.k},t.v)},footnote:{t:Ot(h),i:Ht.MAX,l:t=>(V.push({I:t[2],j:t[1]}),{}),h:Pt},footnoteReference:{t:Lt(k),i:Ht.HIGH,l:t=>({v:t[1],B:`#${u.slugify(t[1])}`}),h:(t,n,e)=>H("a",{key:e.k,href:Bt(t.B)},H("sup",{key:e.k},t.v))},gfmTask:{t:Lt(b),i:Ht.HIGH,l:t=>({R:"x"===t[1].toLowerCase()}),h:(t,n,e)=>H("input",{checked:t.R,key:e.k,readOnly:!0,type:"checkbox"})},heading:{t:Ot(u.enforceAtxHeadings?v:$),i:Ht.HIGH,l:(t,n,e)=>({v:Tt(n,t[2],e),T:u.slugify(t[2]),C:t[1].length}),h:(t,n,e)=>H(`h${t.C}`,{id:t.T,key:e.k},n(t.v,e))},headingSetext:{t:Ot(S),i:Ht.MAX,l:(t,n,e)=>({v:Tt(n,t[1],e),C:"="===t[2]?1:2,type:"heading"})},htmlComment:{t:It(A),i:Ht.HIGH,l:()=>({}),h:Pt},image:{t:Mt(bt),i:Ht.HIGH,l:t=>({D:t[1],B:Rt(t[2]),F:t[3]}),h:(t,n,e)=>H("img",{key:e.k,alt:t.D||void 0,title:t.F||void 0,src:Bt(t.B)})},link:{t:Lt(xt),i:Ht.LOW,l:(t,n,e)=>({v:Ct(n,t[1],e),B:Rt(t[2]),F:t[3]}),h:(t,n,e)=>H("a",{key:e.k,href:Bt(t.B),title:t.F},n(t.v,e))},linkAngleBraceStyleDetector:{t:Lt(j),i:Ht.MAX,l:t=>({v:[{v:t[1],type:"text"}],B:t[1],type:"link"})},linkBareUrlDetector:{t:(t,n)=>n.N?null:Lt(O)(t,n),i:Ht.MAX,l:t=>({v:[{v:t[1],type:"text"}],B:t[1],F:void 0,type:"link"})},linkMailtoDetector:{t:Lt(I),i:Ht.MAX,l(t){let n=t[1],e=t[1];return _.test(e)||(e="mailto:"+e),{v:[{v:n.replace("mailto:",""),type:"text"}],B:e,type:"link"}}},orderedList:kt(H,1),unorderedList:kt(H,2),newlineCoalescer:{t:Ot(g),i:Ht.LOW,l:Nt,h:()=>"\n"},paragraph:{t:jt,i:Ht.LOW,l:Ft,h:(t,n,e)=>H("p",{key:e.k},n(t.v,e))},ref:{t:Lt(T),i:Ht.MAX,l:t=>(et[t[1]]={B:t[2],F:t[4]},{}),h:Pt},refImage:{t:Mt(C),i:Ht.MAX,l:t=>({D:t[1]||void 0,P:t[2]}),h:(t,n,e)=>H("img",{key:e.k,alt:t.D,src:Bt(et[t.P].B),title:et[t.P].F})},refLink:{t:Lt(D),i:Ht.MAX,l:(t,n,e)=>({v:n(t[1],e),Z:n(t[0].replace(F,"\\$1"),e),P:t[2]}),h:(t,n,e)=>et[t.P]?H("a",{key:e.k,href:Bt(et[t.P].B),title:et[t.P].F},n(t.v,e)):H("span",{key:e.k},n(t.Z,e))},table:{t:Ot(R),i:Ht.HIGH,l:At,h:(t,n,e)=>H("table",{key:e.k},H("thead",null,H("tr",null,t.L.map((function(r,o){return H("th",{key:o,style:Et(t,o)},n(r,e))})))),H("tbody",null,t.A.map((function(r,o){return H("tr",{key:o},r.map((function(r,o){return H("td",{key:o,style:Et(t,o)},n(r,e))})))}))))},tableSeparator:{t:function(t,n){return n.$?(n._=!0,Z.exec(t)):null},i:Ht.HIGH,l:function(){return{type:"tableSeparator"}},h:()=>" | "},text:{t:It(Y),i:Ht.MIN,l:t=>({v:t[0].replace(w,((t,n)=>u.namedCodesToUnicode[n]?u.namedCodesToUnicode[n]:t))}),h:t=>t.v},textBolded:{t:Mt(W),i:Ht.MED,l:(t,n,e)=>({v:n(t[2],e)}),h:(t,n,e)=>H("strong",{key:e.k},n(t.v,e))},textEmphasized:{t:Mt(Q),i:Ht.LOW,l:(t,n,e)=>({v:n(t[2],e)}),h:(t,n,e)=>H("em",{key:e.k},n(t.v,e))},textEscaped:{t:Mt(K),i:Ht.HIGH,l:t=>({v:t[1],type:"text"})},textMarked:{t:Mt(X),i:Ht.LOW,l:Ft,h:(t,n,e)=>H("mark",{key:e.k},n(t.v,e))},textStrikethroughed:{t:Mt(J),i:Ht.LOW,l:Ft,h:(t,n,e)=>H("del",{key:e.k},n(t.v,e))}};!0!==u.disableParsingRawHTML&&(rt.htmlBlock={t:It(z),i:Ht.HIGH,l(t,n,e){const[,r]=t[3].match(nt),o=new RegExp(`^${r}`,"gm"),a=t[3].replace(o,""),_=(u=a,vt.some((t=>t.test(u)))?Dt:Tt);var u;const i=t[1].toLowerCase(),s=-1!==c.indexOf(i);e.N=e.N||"a"===i;const l=s?t[3]:_(n,a,e);return e.N=!1,{O:U(t[2]),v:l,G:s,H:s?i:t[1]}},h:(t,e,r)=>H(t.H,n({key:r.k},t.O),t.G?t.v:e(t.v,r))},rt.htmlSelfClosing={t:It(L),i:Ht.HIGH,l:t=>({O:U(t[2]||""),H:t[1]}),h:(t,e,r)=>H(t.H,n({},t.O,{key:r.k}))});const ot=function(t){let n=Object.keys(t);function e(r,o){let c=[],a="";for(;r;){let _=0;for(;_{let{children:r,options:o}=n,c=function(t,n){if(null==t)return{};var e,r,o={},c=Object.keys(t);for(r=0;r=0||(o[e]=t[e]);return o}(n,e);return react.cloneElement(qt(r,o),c)};var memoizerific=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific_default=__webpack_require__.n(memoizerific),uniq=__webpack_require__("./node_modules/lodash/uniq.js"),uniq_default=__webpack_require__.n(uniq),cloneDeep=__webpack_require__("./node_modules/lodash/cloneDeep.js"),cloneDeep_default=__webpack_require__.n(cloneDeep),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),docs_tools_dist=__webpack_require__("./node_modules/@storybook/docs-tools/dist/index.mjs"),telejson_dist=__webpack_require__("./node_modules/telejson/dist/index.mjs"),external_STORYBOOK_MODULE_CORE_EVENTS_=__webpack_require__("@storybook/core-events"),esm=__webpack_require__("./node_modules/ts-dedent/esm/index.js");function build_html(options){var tocElement,forEach=[].forEach,some=[].some,body=document.body,currentlyHighlighting=!0,SPACE_CHAR=" ";function createEl(d,container){var link=container.appendChild(function createLink(data){var item=document.createElement("li"),a=document.createElement("a");options.listItemClass&&item.setAttribute("class",options.listItemClass);options.onClick&&(a.onclick=options.onClick);options.includeTitleTags&&a.setAttribute("title",data.textContent);options.includeHtml&&data.childNodes.length?forEach.call(data.childNodes,(function(node){a.appendChild(node.cloneNode(!0))})):a.textContent=data.textContent;return a.setAttribute("href",options.basePath+"#"+data.id),a.setAttribute("class",options.linkClass+SPACE_CHAR+"node-name--"+data.nodeName+SPACE_CHAR+options.extraLinkClasses),item.appendChild(a),item}(d));if(d.children.length){var list=createList(d.isCollapsed);d.children.forEach((function(child){createEl(child,list)})),link.appendChild(list)}}function createList(isCollapsed){var listElement=options.orderedList?"ol":"ul",list=document.createElement(listElement),classes=options.listClass+SPACE_CHAR+options.extraListClasses;return isCollapsed&&(classes=(classes=classes+SPACE_CHAR+options.collapsibleClass)+SPACE_CHAR+options.isCollapsedClass),list.setAttribute("class",classes),list}function getHeadingTopPos(obj){var position=0;return null!==obj&&(position=obj.offsetTop,options.hasInnerContainers&&(position+=getHeadingTopPos(obj.offsetParent))),position}function updateClassname(obj,className){return obj&&obj.className!==className&&(obj.className=className),obj}function removeCollapsedFromParents(element){return element&&-1!==element.className.indexOf(options.collapsibleClass)&&-1!==element.className.indexOf(options.isCollapsedClass)?(updateClassname(element,element.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(element.parentNode.parentNode)):element}return{enableTocAnimation:function enableTocAnimation(){currentlyHighlighting=!0},disableTocAnimation:function disableTocAnimation(event){var target=event.target||event.srcElement;"string"==typeof target.className&&-1!==target.className.indexOf(options.linkClass)&&(currentlyHighlighting=!1)},render:function render(parent,data){var container=createList(!1);if(data.forEach((function(d){createEl(d,container)})),null!==(tocElement=parent||tocElement))return tocElement.firstChild&&tocElement.removeChild(tocElement.firstChild),0===data.length?tocElement:tocElement.appendChild(container)},updateToc:function updateToc(headingsArray){var top;top=options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).scrollTop:document.documentElement.scrollTop||body.scrollTop,options.positionFixedSelector&&function updateFixedSidebarClass(){var top;top=options.scrollContainer&&document.querySelector(options.scrollContainer)?document.querySelector(options.scrollContainer).scrollTop:document.documentElement.scrollTop||body.scrollTop;var posFixedEl=document.querySelector(options.positionFixedSelector);"auto"===options.fixedSidebarOffset&&(options.fixedSidebarOffset=tocElement.offsetTop),top>options.fixedSidebarOffset?-1===posFixedEl.className.indexOf(options.positionFixedClass)&&(posFixedEl.className+=SPACE_CHAR+options.positionFixedClass):posFixedEl.className=posFixedEl.className.replace(SPACE_CHAR+options.positionFixedClass,"")}();var topHeader,headings=headingsArray;if(currentlyHighlighting&&null!==tocElement&&headings.length>0){some.call(headings,(function(heading,i){return getHeadingTopPos(heading)>top+options.headingsOffset+10?(topHeader=headings[0===i?i:i-1],!0):i===headings.length-1?(topHeader=headings[headings.length-1],!0):void 0}));var oldActiveTocLink=tocElement.querySelector("."+options.activeLinkClass),activeTocLink=tocElement.querySelector("."+options.linkClass+".node-name--"+topHeader.nodeName+'[href="'+options.basePath+"#"+topHeader.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(oldActiveTocLink===activeTocLink)return;var tocLinks=tocElement.querySelectorAll("."+options.linkClass);forEach.call(tocLinks,(function(tocLink){updateClassname(tocLink,tocLink.className.replace(SPACE_CHAR+options.activeLinkClass,""))}));var tocLis=tocElement.querySelectorAll("."+options.listItemClass);forEach.call(tocLis,(function(tocLi){updateClassname(tocLi,tocLi.className.replace(SPACE_CHAR+options.activeListItemClass,""))})),activeTocLink&&-1===activeTocLink.className.indexOf(options.activeLinkClass)&&(activeTocLink.className+=SPACE_CHAR+options.activeLinkClass);var li=activeTocLink&&activeTocLink.parentNode;li&&-1===li.className.indexOf(options.activeListItemClass)&&(li.className+=SPACE_CHAR+options.activeListItemClass);var tocLists=tocElement.querySelectorAll("."+options.listClass+"."+options.collapsibleClass);forEach.call(tocLists,(function(list){-1===list.className.indexOf(options.isCollapsedClass)&&(list.className+=SPACE_CHAR+options.isCollapsedClass)})),activeTocLink&&activeTocLink.nextSibling&&-1!==activeTocLink.nextSibling.className.indexOf(options.isCollapsedClass)&&updateClassname(activeTocLink.nextSibling,activeTocLink.nextSibling.className.replace(SPACE_CHAR+options.isCollapsedClass,"")),removeCollapsedFromParents(activeTocLink&&activeTocLink.parentNode.parentNode)}}}}const default_options={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(e){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(e){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0};function parseContent(options){var reduce=[].reduce;function getLastItem(array){return array[array.length-1]}function getHeadingLevel(heading){return+heading.nodeName.toUpperCase().replace("H","")}function getHeadingObject(heading){if(!function isHTMLElement(maybeElement){try{return maybeElement instanceof window.HTMLElement||maybeElement instanceof window.parent.HTMLElement}catch(e){return maybeElement instanceof window.HTMLElement}}(heading))return heading;if(options.ignoreHiddenElements&&(!heading.offsetHeight||!heading.offsetParent))return null;const headingLabel=heading.getAttribute("data-heading-label")||(options.headingLabelCallback?String(options.headingLabelCallback(heading.innerText)):(heading.innerText||heading.textContent).trim());var obj={id:heading.id,children:[],nodeName:heading.nodeName,headingLevel:getHeadingLevel(heading),textContent:headingLabel};return options.includeHtml&&(obj.childNodes=heading.childNodes),options.headingObjectCallback?options.headingObjectCallback(obj,heading):obj}return{nestHeadingsArray:function nestHeadingsArray(headingsArray){return reduce.call(headingsArray,(function reducer(prev,curr){var currentHeading=getHeadingObject(curr);return currentHeading&&function addNode(node,nest){for(var obj=getHeadingObject(node),level=obj.headingLevel,array=nest,lastItem=getLastItem(array),counter=level-(lastItem?lastItem.headingLevel:0);counter>0&&(!(lastItem=getLastItem(array))||level!==lastItem.headingLevel);)lastItem&&void 0!==lastItem.children&&(array=lastItem.children),counter--;return level>=options.collapseDepth&&(obj.isCollapsed=!0),array.push(obj),array}(currentHeading,prev.nest),prev}),{nest:[]})},selectHeadings:function selectHeadings(contentElement,headingSelector){var selectors=headingSelector;options.ignoreSelector&&(selectors=headingSelector.split(",").map((function mapSelectors(selector){return selector.trim()+":not("+options.ignoreSelector+")"})));try{return contentElement.querySelectorAll(selectors)}catch(e){return console.warn("Headers not found with selector: "+selectors),null}}}}function initSmoothScrolling(options){var duration=options.duration,offset=options.offset,pageUrl=location.hash?stripHash(location.href):location.href;function stripHash(url){return url.slice(0,url.lastIndexOf("#"))}!function delegatedLinkHijacking(){document.body.addEventListener("click",(function onClick(e){!function isInPageLink(n){return"a"===n.tagName.toLowerCase()&&(n.hash.length>0||"#"===n.href.charAt(n.href.length-1))&&(stripHash(n.href)===pageUrl||stripHash(n.href)+"#"===pageUrl)}(e.target)||e.target.className.indexOf("no-smooth-scroll")>-1||"#"===e.target.href.charAt(e.target.href.length-2)&&"!"===e.target.href.charAt(e.target.href.length-1)||-1===e.target.className.indexOf(options.linkClass)||function jump(target,options){var timeStart,timeElapsed,start=window.pageYOffset,opt={duration:options.duration,offset:options.offset||0,callback:options.callback,easing:options.easing||easeInOutQuad},tgt=document.querySelector('[id="'+decodeURI(target).split("#").join("")+'"]')||document.querySelector('[id="'+target.split("#").join("")+'"]'),distance="string"==typeof target?opt.offset+(target?tgt&&tgt.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):target,duration="function"==typeof opt.duration?opt.duration(distance):opt.duration;function loop(time){timeElapsed=time-timeStart,window.scrollTo(0,opt.easing(timeElapsed,start,distance,duration)),timeElapsedtoc.clientHeight){var activeItem=toc.querySelector("."+options.activeListItemClass);if(activeItem){var cTop=toc.scrollTop,cBottom=cTop+toc.clientHeight,eTop=activeItem.offsetTop,eBottom=eTop+activeItem.clientHeight;eTopcBottom-options.tocScrollOffset-SCROLL_LEEWAY&&(toc.scrollTop+=eBottom-cBottom+options.tocScrollOffset+2*SCROLL_LEEWAY)}}}(_options);const isTop=e&&e.target&&e.target.scrollingElement&&0===e.target.scrollingElement.scrollTop;(e&&(0===e.eventPhase||null===e.currentTarget)||isTop)&&(_buildHtml.updateToc(_headingsArray),_options.scrollEndCallback&&_options.scrollEndCallback(e))}),_options.throttleTimeout),_scrollListener(),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).addEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).addEventListener("resize",_scrollListener,!1)):(document.addEventListener("scroll",_scrollListener,!1),document.addEventListener("resize",_scrollListener,!1));let timeout=null;clickListener=throttle((function(event){_options.scrollSmooth&&_buildHtml.disableTocAnimation(event),_buildHtml.updateToc(_headingsArray),timeout&&clearTimeout(timeout),timeout=setTimeout((function(){_buildHtml.enableTocAnimation()}),_options.scrollSmoothDuration)}),_options.throttleTimeout),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?document.querySelector(_options.scrollContainer).addEventListener("click",clickListener,!1):document.addEventListener("click",clickListener,!1)}function destroy(){const tocElement=getTocElement(_options);null!==tocElement&&(_options.skipRendering||tocElement&&(tocElement.innerHTML=""),_options.scrollContainer&&document.querySelector(_options.scrollContainer)?(document.querySelector(_options.scrollContainer).removeEventListener("scroll",_scrollListener,!1),document.querySelector(_options.scrollContainer).removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.querySelector(_options.scrollContainer).removeEventListener("click",clickListener,!1)):(document.removeEventListener("scroll",_scrollListener,!1),document.removeEventListener("resize",_scrollListener,!1),_buildHtml&&document.removeEventListener("click",clickListener,!1)))}const index_esm_hasOwnProperty=Object.prototype.hasOwnProperty;function throttle(fn,threshold,scope){let last,deferTimer;return threshold||(threshold=250),function(){const context=scope||this,now=+new Date,args=arguments;last&&now({backgroundColor:"light"===theme.base?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:curriedTransparentize$1(.3,theme.color.defaultText),fontSize:theme.typography.size.s2}))),EmptyBlock=props=>react.createElement(Wrapper,{...props,className:"docblock-emptyblock sb-unstyled"}),StyledSyntaxHighlighter=(0,dist.I4)(components_dist.bF)((({theme})=>({fontSize:theme.typography.size.s2-1+"px",lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}))),SourceSkeletonWrapper=dist.I4.div((({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"}))),SourceSkeletonPlaceholder=dist.I4.div((({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${dist.v_}`]:{margin:0}}))),SourceSkeleton=()=>react.createElement(SourceSkeletonWrapper,null,react.createElement(SourceSkeletonPlaceholder,null),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"30%"}}),react.createElement(SourceSkeletonPlaceholder,{style:{width:"80%"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{let{typography}=(0,dist.DP)();if(isLoading)return react.createElement(SourceSkeleton,null);if(error)return react.createElement(EmptyBlock,null,error);let syntaxHighlighter=react.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:"docblock-source sb-unstyled",...rest},code);if(typeof dark>"u")return syntaxHighlighter;let overrideTheme=dark?chunk_ZHZY55TS.Zj.dark:chunk_ZHZY55TS.Zj.light;return react.createElement(dist.NP,{theme:(0,dist.C6)({...overrideTheme,fontCode:typography.fonts.mono,fontBase:typography.fonts.base})},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,Title=dist.I4.h1(components_dist.YV,(({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:"32px","@media (min-width: 600px)":{fontSize:theme.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}}))),Subtitle=dist.I4.h2(components_dist.YV,(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,"@media (min-width: 600px)":{fontSize:theme.typography.size.m1,lineHeight:"28px",marginBottom:24},color:curriedTransparentize$1(.25,theme.color.defaultText)}))),DocsContent=dist.I4.div((({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},headers={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},code={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:"light"===theme.base?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:"light"===theme.base?theme.color.lighter:theme.color.border};return{maxWidth:1e3,width:"100%",[toGlobalSelector("a")]:{...reset,fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[toGlobalSelector("blockquote")]:{...reset,margin:"16px 0",borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[toGlobalSelector("div")]:reset,[toGlobalSelector("dl")]:{...reset,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[toGlobalSelector("h1")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h2")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector("h3")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector("h4")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector("h5")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector("h6")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector("hr")]:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector("img")]:{maxWidth:"100%"},[toGlobalSelector("li")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":code},[toGlobalSelector("ol")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[toGlobalSelector("p")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":code},[toGlobalSelector("pre")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[toGlobalSelector("span")]:{...reset,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[toGlobalSelector("table")]:{...reset,margin:"16px 0",fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:"dark"===theme.base?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[toGlobalSelector("ul")]:{...reset,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}})),DocsWrapper=dist.I4.div((({theme})=>({background:theme.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem","@media (min-width: 600px)":{}}))),DocsPageWrapper=({children,toc})=>react.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},react.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children),toc),getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:"light"===theme.base?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${theme.appBorderColor}`}),Bar=(0,dist.I4)(components_dist.px)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Wrapper2=dist.I4.div({display:"flex",alignItems:"center",gap:4}),IconPlaceholder=dist.I4.div((({theme})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`}))),ZoomContext=(0,react.createContext)({scale:1}),{window:globalWindow}=external_STORYBOOK_MODULE_GLOBAL_.global,IFrame=class extends react.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id)}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:100*scale+"%",height:100*scale+"%",transform:`scale(${1/scale})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return react.createElement("iframe",{id,title,src,...allowFullScreen?{allow:"fullscreen"}:{},loading:"lazy",...rest})}},{PREVIEW_URL}=external_STORYBOOK_MODULE_GLOBAL_.global,BASE_URL=PREVIEW_URL||"iframe.html",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?"--primary":""}`,InlineStory=props=>{let storyRef=(0,react.useRef)(),[showLoader,setShowLoader]=(0,react.useState)(!0),[error,setError]=(0,react.useState)(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return(0,react.useEffect)((()=>{if(!story||!storyRef.current)return()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then((()=>cleanup()))}}),[autoplay,renderStoryToElement,story]),error?react.createElement("pre",null,react.createElement(components_dist.Df,{error})):react.createElement(react.Fragment,null,height?react.createElement("style",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&react.createElement(StorySkeleton,null),react.createElement("div",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,"data-name":story.name}))},IFrameStory=({story,height="500px"})=>react.createElement("div",{style:{width:"100%",height}},react.createElement(ZoomContext.Consumer,null,(({scale})=>react.createElement(IFrame,{key:"iframe",id:`iframe--${story.id}`,title:story.name,src:(0,components_dist.jZ)(BASE_URL,story.id,{viewMode:"story"}),allowFullScreen:!0,scale,style:{width:"100%",height:"100%",border:"0 none"}})))),Story=props=>{let{inline}=props;return react.createElement("div",{id:storyBlockIdFromId(props),className:"sb-story sb-unstyled","data-story-block":"true"},inline?react.createElement(InlineStory,{...props}):react.createElement(IFrameStory,{...props}))},StorySkeleton=()=>react.createElement(components_dist.aH,null),ChildrenContainer=dist.I4.div((({isColumn,columns,layout})=>({display:isColumn||!columns?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:isColumn?"column":"row","& .innerZoomElementWrapper > *":isColumn?{width:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:"fullscreen"!==layout?"calc(100% - 20px)":"100%",display:"inline-block"}})),(({layout="padded"})=>"centered"===layout||"padded"===layout?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{}),(({layout="padded"})=>"centered"===layout?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{}),(({columns})=>columns&&columns>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${columns} - 20px)`}}:{})),StyledSource=(0,dist.I4)(Source)((({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:"none",background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content),color:theme.color.lightest,button:{background:"light"===theme.base?"rgba(0, 0, 0, 0.85)":curriedDarken$1(.05,theme.background.content)}}))),PreviewContainer=dist.I4.div((({theme,withSource,isExpanded})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,"h3 + &":{marginTop:"16px"}})),(({withToolbar})=>withToolbar&&{paddingTop:40}));function getStoryId(children){if(1===react.Children.count(children)){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=(0,dist.I4)((({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>react.createElement(Bar,{...rest},react.createElement(Wrapper2,{key:"left"},isLoading?[1,2,3].map((key=>react.createElement(IconPlaceholder,{key}))):react.createElement(react.Fragment,null,react.createElement(components_dist.K0,{key:"zoomin",onClick:e=>{e.preventDefault(),zoom(.8)},title:"Zoom in"},react.createElement(icons_dist.PU,null)),react.createElement(components_dist.K0,{key:"zoomout",onClick:e=>{e.preventDefault(),zoom(1.25)},title:"Zoom out"},react.createElement(icons_dist.LoD,null)),react.createElement(components_dist.K0,{key:"zoomreset",onClick:e=>{e.preventDefault(),resetZoom()},title:"Reset zoom"},react.createElement(icons_dist.wV5,null)))))))({position:"absolute",top:0,left:0,right:0,height:40}),Relative=dist.I4.div({overflow:"hidden",position:"relative"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout="padded",...props})=>{let[expanded,setExpanded]=(0,react.useState)(isExpanded),{source,actionItem}=((withSource,expanded,setExpanded)=>{switch(!0){case!(!withSource||!withSource.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>setExpanded(!1)}};default:return{source:react.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>setExpanded(!0)}}}})(withSource,expanded,setExpanded),[scale,setScale]=(0,react.useState)(1),previewClasses=[className].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=(0,react.useState)(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=external_STORYBOOK_MODULE_GLOBAL_.global,copyToClipboard=(0,react.useCallback)((async text=>{let{createCopyToClipboardFunction}=await Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/components/dist/index.mjs"));createCopyToClipboardFunction()}),[]);return react.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(" ")},withToolbar&&react.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:"./iframe.html"}),react.createElement(ZoomContext.Provider,{value:{scale}},react.createElement(Relative,{className:"docs-story",onCopyCapture:withSource&&(e=>{let selection=globalWindow4.getSelection();selection&&"Range"===selection.type||(e.preventDefault(),0===additionalActionItems.filter((item=>"Copied"===item.title)).length&©ToClipboard(source.props.code).then((()=>{setAdditionalActionItems([...additionalActionItems,{title:"Copied",onClick:()=>{}}]),globalWindow4.setTimeout((()=>setAdditionalActionItems(additionalActionItems.filter((item=>"Copied"!==item.title)))),1500)})))})},react.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},react.createElement(components_dist.GP.Element,{scale},Array.isArray(children)?children.map(((child,i)=>react.createElement("div",{key:i},child))):react.createElement("div",null,children))),react.createElement(chunk_D3EWQ7UP.E7,{actionItems}))),withSource&&expanded&&source)};(0,dist.I4)(Preview)((()=>({".docs-story":{paddingTop:32,paddingBottom:40}})));var Table=dist.I4.table((({theme})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,components_dist.zb)({theme}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:theme.typography.size.s1}}}))),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter((x=>x.description)),hasDisplayableParams=0!==params.length,hasDisplayableDeprecated=null!=tags.deprecated,hasDisplayableReturns=null!=tags.returns&&null!=tags.returns.description;return hasDisplayableParams||hasDisplayableReturns||hasDisplayableDeprecated?react.createElement(react.Fragment,null,react.createElement(Table,null,react.createElement("tbody",null,hasDisplayableDeprecated&&react.createElement("tr",{key:"deprecated"},react.createElement("td",{colSpan:2},react.createElement("strong",null,"Deprecated"),": ",tags.deprecated.toString())),hasDisplayableParams&¶ms.map((x=>react.createElement("tr",{key:x.name},react.createElement("td",null,react.createElement("code",null,x.name)),react.createElement("td",null,x.description)))),hasDisplayableReturns&&react.createElement("tr",{key:"returns"},react.createElement("td",null,react.createElement("code",null,"Returns")),react.createElement("td",null,tags.returns.description))))):null},Summary=dist.I4.div((({isExpanded})=>({display:"flex",flexDirection:isExpanded?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100}))),Text=dist.I4.span(components_dist.zb,(({theme,simple=!1})=>({flex:"0 0 auto",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...simple&&{background:"transparent",border:"0 none",paddingLeft:0}}))),ExpandButton=dist.I4.button((({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:"4px",background:"none",border:"none"}))),Expandable=dist.I4.div(components_dist.zb,(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"}))),Detail=dist.I4.div((({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}}))),ChevronUpIcon=(0,dist.I4)(icons_dist.tN5)({marginLeft:4}),ChevronDownIcon=(0,dist.I4)(icons_dist.abt)({marginLeft:4}),EmptyArg=()=>react.createElement("span",null,"-"),ArgText=({text,simple})=>react.createElement(Text,{simple},text),calculateDetailWidth=memoizerific_default()(1e3)((detail=>{let lines=detail.split(/\r?\n/);return`${Math.max(...lines.map((x=>x.length)))}ch`})),renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,8)),items.map((item=>react.createElement(ArgText,{key:item,text:""===item?'""':item})))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=(0,react.useState)(!1),[isExpanded,setIsExpanded]=(0,react.useState)(initialExpandedArgs||!1);if(null==summary)return null;let summaryAsString="function"==typeof summary.toString?summary.toString():summary;if(null==detail){if(/[(){}[\]<>]/.test(summaryAsString))return react.createElement(ArgText,{text:summaryAsString});let summaryItems=(summary=>{if(!summary)return[summary];let summaryItems=summary.split("|").map((value2=>value2.trim()));return uniq_default()(summaryItems)})(summaryAsString),itemsCount=summaryItems.length;return itemsCount>8?react.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),react.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?"Show less...":`Show ${itemsCount-8} more...`)):react.createElement(Summary,null,renderSummaryItems(summaryItems))}return react.createElement(components_dist.o4,{closeOnOutsideClick:!0,placement:"bottom",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible)},tooltip:react.createElement(Detail,{width:calculateDetailWidth(detail)},react.createElement(components_dist.bF,{language:"jsx",format:!1},detail))},react.createElement(Expandable,{className:"sbdocs-expandable"},react.createElement("span",null,summaryAsString),isOpen?react.createElement(ChevronUpIcon,null):react.createElement(ChevronDownIcon,null)))},ArgValue=({value:value2,initialExpandedArgs})=>null==value2?react.createElement(EmptyArg,null):react.createElement(ArgSummary,{value:value2,initialExpandedArgs}),Label=dist.I4.label((({theme})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:theme.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:curriedTransparentize$1(.5,theme.color.defaultText),background:"transparent","&:hover":{boxShadow:`${curriedOpacify$1(.3,theme.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${curriedOpacify$1(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:curriedOpacify$1(1,theme.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:theme.boolean.selectedBackground,boxShadow:"light"===theme.base?`${curriedOpacify$1(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:"7px 15px"}}))),FlexSpaced=dist.I4.div((({theme})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:"light"===theme.base?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}}))),Wrapper3=dist.I4.label({display:"flex"}),selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find((([_key,val])=>val===value2));return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter((entry=>value2.includes(entry[1]))).map((entry=>entry[0])):[],selectedValues=(keys,options)=>keys&&options&&keys.map((key=>options[key])),Wrapper4=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text2=dist.I4.span({}),Label2=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Checkbox with no options: ${name}`),react.createElement(react.Fragment,null,"-");let initial=selectedKeys(value2,options),[selected,setSelected]=(0,react.useState)(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated)};(0,react.useEffect)((()=>{setSelected(selectedKeys(value2,options))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper4,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label2,{key:id,htmlFor:id},react.createElement("input",{type:"checkbox",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),react.createElement(Text2,null,key))})))},Wrapper5=dist.I4.div((({isInline})=>isInline?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}})),Text3=dist.I4.span({}),Label3=dist.I4.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Radio with no options: ${name}`),react.createElement(react.Fragment,null,"-");let selection=selectedKey(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(Wrapper5,{isInline},Object.keys(options).map(((key,index)=>{let id=`${controlId}-${index}`;return react.createElement(Label3,{key:id,htmlFor:id},react.createElement("input",{type:"radio",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),react.createElement(Text3,null,key))})))},OptionsSelect=dist.I4.select({appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},(({theme})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:theme.input.color||"inherit",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:theme.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}}))),SelectWrapper=dist.I4.span((({theme})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}}))),SingleSelect=({name,value:value2,options,onChange})=>{let selection=selectedKey(value2,options)||"Choose option...",controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(icons_dist.abt,null),react.createElement(OptionsSelect,{id:controlId,value:selection,onChange:e=>{onChange(options[e.currentTarget.value])}},react.createElement("option",{key:"no-selection",disabled:!0},"Choose option..."),Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},MultiSelect=({name,value:value2,options,onChange})=>{let selection=selectedKeys(value2,options),controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(SelectWrapper,null,react.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:e=>{let selection2=Array.from(e.currentTarget.options).filter((option=>option.selected)).map((option=>option.value));onChange(selectedValues(selection2,options))}},Object.keys(options).map((key=>react.createElement("option",{key,value:key},key)))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?react.createElement(MultiSelect,{...props}):react.createElement(SingleSelect,{...props}):(external_STORYBOOK_MODULE_CLIENT_LOGGER_.logger.warn(`Select with no options: ${name}`),react.createElement(react.Fragment,null,"-"))},normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce(((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc)),{}):options,Controls={check:CheckboxControl,"inline-check":CheckboxControl,radio:RadioControl,"inline-radio":RadioControl,select:SelectControl,"multi-select":SelectControl},OptionsControl=props=>{let{type="select",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes("inline"),isMulti:type.includes("multi")},Control=Controls[type];if(Control)return react.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};function getObjectType(obj){return null===obj||"object"!=typeof obj||Array.isArray(obj)||"function"!=typeof obj[Symbol.iterator]?Object.prototype.toString.call(obj).slice(8,-1):"Iterable"}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return("Function"===oldType||"Function"===newType)&&newType!==oldType}var JsonAddValue=class extends react.Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&"function"==typeof inputRefKey.focus&&inputRefKey.focus(),onlyValue&&inputRefValue&&"function"==typeof inputRefValue.focus&&inputRefValue.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.onSubmit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result)}refInputKey(node){this.state.inputRefKey=node}refInputValue(node){this.state.inputRefValue=node}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=(0,react.cloneElement)(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator("value",keyPath,deep),inputElementValueLayout=(0,react.cloneElement)(inputElementValue,{placeholder:"Value",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator("key",keyPath,deep);inputElementKeyLayout=(0,react.cloneElement)(inputElementKey,{placeholder:"Key",ref:this.refInputKey})}return react.createElement("span",{className:"rejt-add-value-node"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:react.createElement("button",null,"+"),cancelButtonElement:react.createElement("button",null,"c")};var JsonArray=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleRemoveItem(index){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:"REMOVE_DELTA_TYPE"};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then((()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key:newData.length-1,newValue})})).catch(logger4.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0)})).catch(reject)}))}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"[...] ",data.length," ",1===data.length?"item":"items"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"["),!addFormVisible&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},data.map(((item,index)=>react.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})))),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"]"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-array-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonFunctionValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=(0,react.cloneElement)(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=react.createElement("span",{className:"rejt-edit-form",style:style.editForm},textareaElementLayout," ",cancelButtonElementLayout,editButtonElementLayout),minusElement=null}else{result=react.createElement("span",{className:"rejt-value",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout}return react.createElement("li",{className:"rejt-function-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," "),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var JsonNode=class extends react.Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep}}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case"Error":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Object":return react.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"Array":return react.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case"String":return react.createElement(JsonValue,{name,value:`"${data}"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Number":return react.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Boolean":return react.createElement(JsonValue,{name,value:data?"true":"false",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Date":return react.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Null":return react.createElement(JsonValue,{name,value:"null",originalValue:"null",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Undefined":return react.createElement(JsonValue,{name,value:"undefined",originalValue:"undefined",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Function":return react.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case"Symbol":return react.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends react.Component{constructor(props){super(props);let keyPath=-1===props.deep?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then((()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"ADD_DELTA_TYPE",keyPath,deep,key,newValue})})).catch(logger4.error)}handleRemoveValue(key){return()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then((()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:"REMOVE_DELTA_TYPE"};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult)})).catch(logger4.error)}}handleCollapseMode(){this.setState((state=>({collapsed:!state.collapsed})))}handleEditValue({key,value:value2}){return new Promise(((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then((()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:"UPDATE_DELTA_TYPE",keyPath,deep,key,newValue:value2,oldValue}),resolve()})).catch(reject)}))}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus});return react.createElement("span",{className:"rejt-collapsed"},react.createElement("span",{className:"rejt-collapsed-text",style:collapsed,onClick:this.handleCollapseMode},"{...}"," ",keyList.length," ",1===keyList.length?"key":"keys"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=(0,react.cloneElement)(plusMenuElement,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:plus}),removeItemButton=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:minus}),list=keyList.map((key=>react.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})));return react.createElement("span",{className:"rejt-not-collapsed"},react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"{"),!isReadOnly&&addItemButton,react.createElement("ul",{className:"rejt-not-collapsed-list",style:ul},list),!isReadOnly&&addFormVisible&&react.createElement("div",{className:"rejt-add-form",style:addForm},react.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),react.createElement("span",{className:"rejt-not-collapsed-delimiter",style:delimiter},"}"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return react.createElement("div",{className:"rejt-object-node"},react.createElement("span",{onClick:this.handleCollapseMode},react.createElement("span",{className:"rejt-name",style:style.name},name," :"," ")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:react.createElement("span",null," - "),plusMenuElement:react.createElement("span",null," + ")};var JsonValue=class extends react.Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&"function"==typeof inputRef.focus&&inputRef.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||(("Enter"===event.code||"Enter"===event.key)&&(event.preventDefault(),this.handleEdit()),("Escape"===event.code||"Escape"===event.key)&&(event.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then((()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit()})).catch(logger4.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(node){this.state.inputRef=node}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator("value",comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=(0,react.cloneElement)(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=(0,react.cloneElement)(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=(0,react.cloneElement)(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=(0,react.cloneElement)(minusMenuElement,{onClick:handleRemove,className:"rejt-minus-menu",style:style.minus});return react.createElement("li",{className:"rejt-value-node",style:style.li},react.createElement("span",{className:"rejt-name",style:style.name},name," : "),isEditing?react.createElement("span",{className:"rejt-edit-form",style:style.editForm},inputElementLayout," ",cancelButtonElementLayout,editButtonElementLayout):react.createElement("span",{className:"rejt-value",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:react.createElement("button",null,"e"),cancelButtonElement:react.createElement("button",null,"c"),minusMenuElement:react.createElement("span",null," - ")};var object={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},array={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},value={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};var JsonTree=class extends react.Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data)}removeRoot(){this.onUpdate(null,null)}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;"Boolean"===getObjectType(readOnly)&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&"Function"!==getObjectType(inputElement)&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&"Function"!==getObjectType(textareaElement)&&(textareaElementFunction=()=>textareaElement),"Object"===dataType||"Array"===dataType?react.createElement("div",{className:"rejt-tree"},react.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:"root",isCollapsed:(keyPath,deep)=>-1!==deep,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case"Object":case"Error":return object;case"Array":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>function parse3(string){let result=string;if(0===result.indexOf("function"))return(0,eval)(`(${result})`);try{result=JSON.parse(string)}catch{}return result}(rawValue),inputElement:()=>react.createElement("input",null),textareaElement:()=>react.createElement("textarea",null),fallback:null};var{window:globalWindow2}=external_STORYBOOK_MODULE_GLOBAL_.global,Wrapper6=dist.I4.div((({theme})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:theme.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:theme.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:theme.color.lighter,borderColor:theme.appBorderColor}}))),ButtonInline=dist.I4.button((({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:"transparent",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?"bold":"normal",cursor:"pointer",order:primary?"initial":9}))),ActionAddIcon=(0,dist.I4)(icons_dist.REV)((({theme,disabled})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.textMutedColor,"&:hover":disabled?{}:{color:theme.color.ancillary},"svg + &":{marginLeft:0}}))),ActionSubstractIcon=(0,dist.I4)(icons_dist.Qpb)((({theme,disabled})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?"not-allowed":"pointer",color:theme.textMutedColor,"&:hover":disabled?{}:{color:theme.color.negative},"svg + &":{marginLeft:0}}))),Input=dist.I4.input((({theme,placeholder})=>({outline:0,margin:placeholder?1:"1px 0",padding:"3px 4px",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:"Key"===placeholder?80:120,"&:focus":{border:`1px solid ${theme.color.secondary}`}}))),RawButton=(0,dist.I4)(components_dist.K0)((({theme})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}}))),RawInput=(0,dist.I4)(components_dist.lV.Textarea)((({theme})=>({flex:1,padding:"7px 6px",fontFamily:theme.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:theme.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}}))),ENTER_EVENT={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent("keydown",ENTER_EVENT))},selectValue=event=>{event.currentTarget.select()},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=(0,dist.DP)(),data=(0,react.useMemo)((()=>value2&&cloneDeep_default()(value2)),[value2]),hasData=null!=data,[showRaw,setShowRaw]=(0,react.useState)(!hasData),[parseError,setParseError]=(0,react.useState)(null),updateRaw=(0,react.useCallback)((raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0)}catch(e){setParseError(e)}}),[onChange]),[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange({}),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);if((0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),!hasData)return react.createElement(components_dist.$n,{id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set object");let rawJSONForm=react.createElement(RawInput,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),name,defaultValue:null===value2?"":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:"Edit JSON string...",autoFocus:forceVisible,valid:parseError?"error":null}),isObjectOrArray=Array.isArray(value2)||"object"==typeof value2&&value2?.constructor===Object;return react.createElement(Wrapper6,null,isObjectOrArray&&react.createElement(RawButton,{onClick:e=>{e.preventDefault(),setShowRaw((v=>!v))}},showRaw?react.createElement(icons_dist.dbI,null):react.createElement(icons_dist.bMW,null),react.createElement("span",null,"RAW")),showRaw?rawJSONForm:react.createElement(JsonTree,{readOnly:!isObjectOrArray,isCollapsed:isObjectOrArray?void 0:()=>!0,data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:react.createElement(ButtonInline,{type:"button"},"Cancel"),editButtonElement:react.createElement(ButtonInline,{type:"submit"},"Save"),addButtonElement:react.createElement(ButtonInline,{type:"submit",primary:!0},"Save"),plusMenuElement:react.createElement(ActionAddIcon,null),minusMenuElement:react.createElement(ActionSubstractIcon,null),inputElement:(_,__,___,key)=>key?react.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):react.createElement(Input,null),fallback:rawJSONForm}))},RangeInput=dist.I4.input((({theme,min,max,value:value2})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:"grab",appearance:"none",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${curriedDarken$1(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:rgba(theme.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},"&::-moz-range-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:"grab",background:`${theme.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${curriedDarken$1(.05,theme.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${theme.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:"light"===theme.base?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedDarken$1(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${curriedLighten$1(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}}))),RangeLabel=dist.I4.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=(0,dist.I4)(RangeLabel)((({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+2*max.toString().length+3}ch`,textAlign:"right",flexShrink:0}))),RangeWrapper=dist.I4.div({display:"flex",alignItems:"center",width:"100%"});var Wrapper7=dist.I4.label({display:"flex"}),MaxLength=dist.I4.div((({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0}))),FileInput=(0,dist.I4)(components_dist.lV.Input)({padding:10});var LazyColorControl=(0,react.lazy)((()=>__webpack_require__.e(260).then(__webpack_require__.bind(__webpack_require__,"./node_modules/@storybook/blocks/dist/Color-RQJUDNI5.mjs")))),Controls2={array:ObjectControl,object:ObjectControl,boolean:({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=(0,react.useCallback)((()=>onChange(!1)),[onChange]);if(void 0===value2)return react.createElement(components_dist.$n,{variant:"outline",size:"medium",id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onSetFalse},"Set boolean");let controlId=(0,chunk_GWAJ4KRU.Z)(name),parsedValue="string"==typeof value2?(value2=>"true"===value2)(value2):value2;return react.createElement(Label,{htmlFor:controlId,"aria-label":name},react.createElement("input",{id:controlId,type:"checkbox",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:"switch",name,onBlur,onFocus}),react.createElement("span",{"aria-hidden":"true"},"False"),react.createElement("span",{"aria-hidden":"true"},"True"))},color:props=>react.createElement(react.Suspense,{fallback:react.createElement("div",null)},react.createElement(LazyColorControl,{...props})),date:({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=(0,react.useState)(!0),dateRef=(0,react.useRef)(),timeRef=(0,react.useRef)();(0,react.useEffect)((()=>{!1!==valid&&(dateRef&&dateRef.current&&(dateRef.current.value=(value2=>{let date=new Date(value2);return`${`000${date.getFullYear()}`.slice(-4)}-${`0${date.getMonth()+1}`.slice(-2)}-${`0${date.getDate()}`.slice(-2)}`})(value2)),timeRef&&timeRef.current&&(timeRef.current.value=(value2=>{let date=new Date(value2);return`${`0${date.getHours()}`.slice(-2)}:${`0${date.getMinutes()}`.slice(-2)}`})(value2)))}),[value2]);let controlId=(0,chunk_GWAJ4KRU.Z)(name);return react.createElement(FlexSpaced,null,react.createElement(components_dist.lV.Input,{type:"date",max:"9999-12-31",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:e=>{let parsed=(value2=>{let[year,month,day]=value2.split("-"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result})(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),react.createElement(components_dist.lV.Input,{type:"time",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:e=>{let parsed=(value2=>{let[hours,minutes]=value2.split(":"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result})(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time)},onFocus,onBlur}),valid?null:react.createElement("div",null,"invalid"))},number:({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=(0,react.useState)("number"==typeof value2?value2:""),[forceVisible,setForceVisible]=(0,react.useState)(!1),[parseError,setParseError]=(0,react.useState)(null),handleChange=(0,react.useCallback)((event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null))}),[onChange,setParseError]),onForceVisible=(0,react.useCallback)((()=>{setInputValue("0"),onChange(0),setForceVisible(!0)}),[setForceVisible]),htmlElRef=(0,react.useRef)(null);return(0,react.useEffect)((()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select()}),[forceVisible]),(0,react.useEffect)((()=>{inputValue!==("number"==typeof value2?value2:"")&&setInputValue(value2)}),[value2]),forceVisible||void 0!==value2?react.createElement(Wrapper3,null,react.createElement(components_dist.lV.Input,{ref:htmlElRef,id:(0,chunk_GWAJ4KRU.Z)(name),type:"number",onChange:handleChange,size:"flex",placeholder:"Edit number...",value:inputValue,valid:parseError?"error":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur})):react.createElement(components_dist.$n,{variant:"outline",size:"medium",id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set number")},check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let hasValue=void 0!==value2,numberOFDecimalsPlaces=(0,react.useMemo)((()=>function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}(step)),[step]);return react.createElement(RangeWrapper,null,react.createElement(RangeLabel,null,min),react.createElement(RangeInput,{id:(0,chunk_GWAJ4KRU.Z)(name),type:"range",onChange:event=>{onChange((value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result})(event.target.value))},name,value:value2,min,max,step,onFocus,onBlur}),react.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"," / ",max))},text:({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let[forceVisible,setForceVisible]=(0,react.useState)(!1),onForceVisible=(0,react.useCallback)((()=>{onChange(""),setForceVisible(!0)}),[setForceVisible]);if(void 0===value2)return react.createElement(components_dist.$n,{variant:"outline",size:"medium",id:(0,chunk_GWAJ4KRU.Y)(name),onClick:onForceVisible},"Set string");let isValid="string"==typeof value2;return react.createElement(Wrapper7,null,react.createElement(components_dist.lV.Textarea,{id:(0,chunk_GWAJ4KRU.Z)(name),maxLength,onChange:event=>{onChange(event.target.value)},size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",name,value:isValid?value2:"",onFocus,onBlur}),maxLength&&react.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))},file:({onChange,name,accept="image/*",value:value2})=>{let inputElement=(0,react.useRef)(null);return(0,react.useEffect)((()=>{null==value2&&inputElement.current&&(inputElement.current.value=null)}),[value2,name]),react.createElement(FileInput,{ref:inputElement,id:(0,chunk_GWAJ4KRU.Z)(name),type:"file",name,multiple:!0,onChange:function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map((file=>URL.createObjectURL(file)));onChange(fileUrls),function revokeOldUrls(urls){urls.forEach((url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url)}))}(value2)},accept,size:"flex"})}},NoControl=()=>react.createElement(react.Fragment,null,"-"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=(0,react.useState)(!1),[boxedValue,setBoxedValue]=(0,react.useState)({value:arg});(0,react.useEffect)((()=>{isFocused||setBoxedValue({value:arg})}),[isFocused,arg]);let onChange=(0,react.useCallback)((argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal)),[updateArgs,key]),onBlur=(0,react.useCallback)((()=>setFocused(!1)),[]),onFocus=(0,react.useCallback)((()=>setFocused(!0)),[]);if(!control||control.disable){return isHovered&&(!0!==control?.disable&&"function"!==row?.type?.name)?react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):react.createElement(NoControl,null)}let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return react.createElement(Control,{...props,...control,controlType:control.type})},Name=dist.I4.span({fontWeight:"bold"}),Required=dist.I4.span((({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"}))),Description=dist.I4.div((({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...(0,components_dist.zb)({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}}))),Type=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?4:0}))),TypeWithJsDoc=dist.I4.div((({theme,hasDescription})=>({color:"light"===theme.base?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12}))),StyledTd=dist.I4.td((({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"}))),ArgRow=props=>{let[isHovered,setIsHovered]=(0,react.useState)(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||(value2=row.type)&&{summary:"string"==typeof value2?value2:value2.name},defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=null!=description&&""!==description;var value2;return react.createElement("tr",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},react.createElement(StyledTd,{expandable},react.createElement(Name,null,name),required?react.createElement(Required,{title:"Required"},"*"):null),compact?null:react.createElement("td",null,hasDescription&&react.createElement(Description,null,react.createElement(index_modern,null,description)),null!=table.jsDocTags?react.createElement(react.Fragment,null,react.createElement(TypeWithJsDoc,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs})),react.createElement(ArgJsDoc,{tags:table.jsDocTags})):react.createElement(Type,{hasDescription},react.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:react.createElement("td",null,react.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?react.createElement("td",null,react.createElement(ArgControl,{...props,isHovered})):null)},ExpanderIconDown=(0,dist.I4)(icons_dist.D3D)((({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"}))),ExpanderIconRight=(0,dist.I4)(icons_dist.vKP)((({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),border:"none",display:"inline-block"}))),FlexWrapper=dist.I4.span((({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"}))),Section=dist.I4.td((({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}}))),Subsection=dist.I4.td((({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app}))),StyledTd2=dist.I4.td((()=>({position:"relative"}))),StyledTr=dist.I4.tr((({theme})=>({"&:hover > td":{backgroundColor:`${curriedLighten$1(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}}))),ClickIntercept=dist.I4.button((()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"}))),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=(0,react.useState)(initialExpanded),Level="subsection"===level?Subsection:Section,itemCount=children?.length||0,caption="subsection"===level?`${itemCount} item${1!==itemCount?"s":""}`:"",helperText=`${expanded?"Hide":"Show"} ${"subsection"===level?itemCount:label} item${1!==itemCount?"s":""}`;return react.createElement(react.Fragment,null,react.createElement(StyledTr,{title:helperText},react.createElement(Level,{colSpan:1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),react.createElement(FlexWrapper,null,expanded?react.createElement(ExpanderIconDown,null):react.createElement(ExpanderIconRight,null),label)),react.createElement(StyledTd2,{colSpan:colSpan-1},react.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)},Row=dist.I4.div((({theme})=>({display:"flex",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,"&:last-child":{borderBottom:0}}))),Column=dist.I4.div((({numColumn})=>({display:"flex",flexDirection:"column",flex:numColumn||1,gap:5,padding:"12px 20px"}))),SkeletonText=dist.I4.div((({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||"100%",height:height||16,borderRadius:3}))),columnWidth=[2,4,2,2],Skeleton=()=>react.createElement(react.Fragment,null,react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"}))),react.createElement(Row,null,react.createElement(Column,{numColumn:columnWidth[0]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[1]},react.createElement(SkeletonText,{width:"80%"}),react.createElement(SkeletonText,{width:"30%"})),react.createElement(Column,{numColumn:columnWidth[2]},react.createElement(SkeletonText,{width:"60%"})),react.createElement(Column,{numColumn:columnWidth[3]},react.createElement(SkeletonText,{width:"60%"})))),Wrapper8=dist.I4.div((({inAddonPanel,theme})=>({height:inAddonPanel?"100%":"auto",display:"flex",border:inAddonPanel?"none":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"}))),Links=dist.I4.div((({theme})=>({display:"flex",fontSize:theme.typography.size.s2-1,gap:25}))),Divider=dist.I4.div((({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor}))),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=(0,react.useState)(!0);return(0,react.useEffect)((()=>{let load=setTimeout((()=>{setIsLoading(!1)}),100);return()=>clearTimeout(load)}),[]),isLoading?null:react.createElement(Wrapper8,{inAddonPanel},react.createElement(components_dist.Q2,{title:inAddonPanel?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:react.createElement(react.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:react.createElement(Links,null,inAddonPanel&&react.createElement(react.Fragment,null,react.createElement(components_dist.N_,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},react.createElement(icons_dist.npA,null)," Watch 5m video"),react.createElement(Divider,null),react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},react.createElement(icons_dist.pyG,null)," Read docs")),!inAddonPanel&&react.createElement(components_dist.N_,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},react.createElement(icons_dist.pyG,null)," Learn how to set that up"))}))},TableWrapper=dist.I4.table((({theme,compact,inAddonPanel})=>({"&&":{borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:"light"===theme.base?curriedTransparentize$1(.25,theme.color.defaultText):curriedTransparentize$1(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:"light"===theme.base?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${theme.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${theme.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:theme.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:theme.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:theme.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:theme.appBorderRadius}}}}}))),StyledIconButton=(0,dist.I4)(components_dist.K0)((({theme})=>({margin:"-4px -12px -4px 0"}))),ControlHeadingWrapper=dist.I4.span({display:"flex",justifyContent:"space-between"}),sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none",isLoading}=props;if("error"in props){let{error}=props;return react.createElement(EmptyBlock,null,error," ",react.createElement(components_dist.N_,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},react.createElement(icons_dist.pyG,null)," Read the docs"))}if(isLoading)return react.createElement(Skeleton,null);let{rows,args,globals}="rows"in props&&props,groups=((rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach((([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(subcategory){let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection}else section.ungrouped.push({key,...row});sections.sections[category]=section}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection}else sections.ungrouped.push({key,...row})}));let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce(((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)})),{}):record;return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce(((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}})),{})}})(pickBy_default()(rows,(row=>!row?.table?.disable&&((row,args,globals)=>{try{return(0,csf_dist.hX)(row,args,globals)}catch(err){return external_STORYBOOK_MODULE_CLIENT_LOGGER_.once.warn(err.message),!1}})(row,args||{},globals||{}))),sort),hasNoUngrouped=0===groups.ungrouped.length,hasNoSections=0===Object.entries(groups.sections).length,hasNoUngroupedSubsections=0===Object.entries(groups.ungroupedSubsections).length;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return react.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return react.createElement(components_dist.dL,null,react.createElement(TableWrapper,{compact,inAddonPanel,className:"docblock-argstable sb-unstyled"},react.createElement("thead",{className:"docblock-argstable-head"},react.createElement("tr",null,react.createElement("th",null,react.createElement("span",null,"Name")),compact?null:react.createElement("th",null,react.createElement("span",null,"Description")),compact?null:react.createElement("th",null,react.createElement("span",null,"Default")),updateArgs?react.createElement("th",null,react.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&react.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},react.createElement(icons_dist.ejX,{"aria-hidden":!0})))):null)),react.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(groups.ungroupedSubsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))),Object.entries(groups.sections).map((([category,section])=>react.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common}))),Object.entries(section.subsections).map((([subcategory,subsection])=>react.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map((row=>react.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common}))))))))))))},TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return 1===entries.length?react.createElement(ArgsTable,{...entries[0][1],...props}):react.createElement(components_dist._j,null,entries.map(((entry,index)=>{let[label,table]=entry,id=`prop_table_div_${label}`,argsTableProps=0===index?props:{sort:props.sort};return react.createElement("div",{key:id,id,title:label},(({active})=>active?react.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...argsTableProps}):null))})))};dist.I4.div((({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}))),dist.I4.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),dist.I4.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),dist.I4.div(components_dist.YV,(({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"}))),dist.I4.div((({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText}))),dist.I4.div((({theme})=>({color:"light"===theme.base?curriedTransparentize$1(.2,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}))),dist.I4.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),dist.I4.div((({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}))),dist.I4.div({display:"flex",flexDirection:"row"}),dist.I4.div((({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}))),dist.I4.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),dist.I4.div({flex:1,display:"flex",flexDirection:"row"}),dist.I4.div({display:"flex",alignItems:"flex-start"}),dist.I4.div({flex:"0 0 30%"}),dist.I4.div({flex:1}),dist.I4.div((({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:"light"===theme.base?curriedTransparentize$1(.4,theme.color.defaultText):curriedTransparentize$1(.6,theme.color.defaultText)}))),dist.I4.div((({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"})));dist.I4.div((({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2}))),dist.I4.div((({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}))),dist.I4.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),dist.I4.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>react.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);external_STORYBOOK_MODULE_GLOBAL_.global&&void 0===external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__&&(external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__=(0,react.createContext)(null),external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=external_STORYBOOK_MODULE_GLOBAL_.global?external_STORYBOOK_MODULE_GLOBAL_.global.__DOCS_CONTEXT__:(0,react.createContext)(null),useOf=(moduleExportOrType,validTypes)=>(0,react.useContext)(DocsContext).resolveOf(moduleExportOrType,validTypes),getComponentName=component=>{if(component)return"string"==typeof component?component.includes("-")?component.split("-").map((part=>part.charAt(0).toUpperCase()+part.slice(1))).join(""):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function argsHash(args){return(0,telejson_dist.As)(args,{allowFunction:!1})}var SourceContext=(0,react.createContext)({sources:{}}),SourceContainer=({children,channel})=>{let[sources,setSources]=(0,react.useState)({});return(0,react.useEffect)((()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args,source,format:format2}="string"==typeof idOrEvent?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):"--unknown--";setSources((current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}})))};return channel.on(docs_tools_dist.Op,handleSnippetRendered),()=>channel.off(docs_tools_dist.Op,handleSnippetRendered)}),[]),react.createElement(SourceContext.Provider,{value:{sources}},children)},getSnippet=({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(transformFromProps??sourceParameters.transform)?.(code,storyContext)||code},useSourceProps=(props,docsContext,sourceContext)=>{let story,{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(of)story=docsContext.resolveOf(of,["story"]).story;else try{story=docsContext.storyById()}catch{}let sourceParameters=story?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??"jsx",dark=props.dark??sourceParameters.dark??!1;if(!code&&!story)return{error:"Oh no! The source is not available."};if(code)return{code,format:format2,language,dark};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 format2=source.format??story.parameters.docs?.source?.format??!1,{code:getSnippet({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform}),format:format2,language,dark}};function useStory(storyId,context){let stories=function useStories(storyIds,context){let[storiesById,setStories]=(0,react.useState)({});return(0,react.useEffect)((()=>{Promise.all(storyIds.map((async storyId=>{let story=await context.loadStory(storyId);setStories((current=>current[storyId]===story?current:{...current,[storyId]:story}))})))})),storyIds.map((storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}}))}([storyId],context);return stories&&stories[0]}var Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=(0,react.useContext)(DocsContext),storyId=((props,context)=>{let{of,meta}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return meta&&context.referenceMeta(meta,!1),context.resolveOf(of||"story",["story"]).story.id})(props,context),story=useStory(storyId,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;if(props.inline??storyParameters.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??"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),{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}=useOf(of||"story",["story"]),sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext),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}))},useArgsIfDefined=(story,context)=>{let storyContext=story?context.getStoryContext(story):{args:{}},{id:storyId}=story||{id:"none"},[args,setArgs]=(0,react.useState)(storyContext.args);(0,react.useEffect)((()=>{let onArgsUpdated=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,onArgsUpdated),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.STORY_ARGS_UPDATED,onArgsUpdated)}),[storyId,context.channel]);let updateArgs=(0,react.useCallback)((updatedArgs=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.UPDATE_STORY_ARGS,{storyId,updatedArgs})),[storyId,context.channel]),resetArgs=(0,react.useCallback)((argNames=>context.channel.emit(external_STORYBOOK_MODULE_CORE_EVENTS_.RESET_STORY_ARGS,{storyId,argNames})),[storyId,context.channel]);return story&&[args,updateArgs,resetArgs]};function extractComponentArgTypes2(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error("Args unsupported. See Args documentation for your framework.");return extractArgTypes(component)}var Controls3=props=>{let{of}=props;if("of"in props&&void 0===of)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let context=(0,react.useContext)(DocsContext),{story}=context.resolveOf(of||"story",["story"]),{parameters,argTypes,component,subcomponents}=story,controlsParameters=parameters.docs?.controls||{},include=props.include??controlsParameters.include,exclude=props.exclude??controlsParameters.exclude,sort=props.sort??controlsParameters.sort,[args,updateArgs,resetArgs]=((story,context)=>{let result=useArgsIfDefined(story,context);if(!result)throw new Error("No result when story was defined");return result})(story,context),[globals]=((story,context)=>{let storyContext=context.getStoryContext(story),[globals,setGlobals]=(0,react.useState)(storyContext.globals);return(0,react.useEffect)((()=>{let onGlobalsUpdated=changed=>{setGlobals(changed.globals)};return context.channel.on(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,onGlobalsUpdated),()=>context.channel.off(external_STORYBOOK_MODULE_CORE_EVENTS_.GLOBALS_UPDATED,onGlobalsUpdated)}),[context.channel]),[globals]})(story,context),filteredArgTypes=(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(argTypes,include,exclude);if(!(subcomponents&&Object.keys(subcomponents).length>0))return Object.keys(filteredArgTypes).length>0||Object.keys(args).length>0?react.createElement(ArgsTable,{rows:filteredArgTypes,sort,args,globals,updateArgs,resetArgs}):null;let mainComponentName=getComponentName(component),subcomponentTabs=Object.fromEntries(Object.entries(subcomponents).map((([key,comp])=>[key,{rows:(0,external_STORYBOOK_MODULE_PREVIEW_API_.filterArgTypes)(extractComponentArgTypes2(comp,parameters),include,exclude),sort}]))),tabs={[mainComponentName]:{rows:filteredArgTypes,sort},...subcomponentTabs};return react.createElement(TabbedArgsTable,{tabs,sort,args,globals,updateArgs,resetArgs})},{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]||"text",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);return!href||"_blank"===target||/^https?:\/\//.test(href)?react.createElement(dist_A,{...props}):href.startsWith("#")?react.createElement(AnchorInPage,{hash:href},children):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)},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(icons_dist.qYV,null)),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.A`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:
@@ -92,4 +92,4 @@
theme-data missing:
`,missing),convert(input)},ignoreSsrWarning="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */"},"./node_modules/lodash/_arrayEach.js":module=>{module.exports=function arrayEach(array,iteratee){for(var index=-1,length=null==array?0:array.length;++index{var baseIndexOf=__webpack_require__("./node_modules/lodash/_baseIndexOf.js");module.exports=function arrayIncludes(array,value){return!!(null==array?0:array.length)&&baseIndexOf(array,value,0)>-1}},"./node_modules/lodash/_arrayIncludesWith.js":module=>{module.exports=function arrayIncludesWith(array,value,comparator){for(var index=-1,length=null==array?0:array.length;++index{var baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js"),eq=__webpack_require__("./node_modules/lodash/eq.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function assignValue(object,key,value){var objValue=object[key];hasOwnProperty.call(object,key)&&eq(objValue,value)&&(void 0!==value||key in object)||baseAssignValue(object,key,value)}},"./node_modules/lodash/_baseAssign.js":(module,__unused_webpack_exports,__webpack_require__)=>{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),keys=__webpack_require__("./node_modules/lodash/keys.js");module.exports=function baseAssign(object,source){return object&©Object(source,keys(source),object)}},"./node_modules/lodash/_baseAssignIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js");module.exports=function baseAssignIn(object,source){return object&©Object(source,keysIn(source),object)}},"./node_modules/lodash/_baseClone.js":(module,__unused_webpack_exports,__webpack_require__)=>{var Stack=__webpack_require__("./node_modules/lodash/_Stack.js"),arrayEach=__webpack_require__("./node_modules/lodash/_arrayEach.js"),assignValue=__webpack_require__("./node_modules/lodash/_assignValue.js"),baseAssign=__webpack_require__("./node_modules/lodash/_baseAssign.js"),baseAssignIn=__webpack_require__("./node_modules/lodash/_baseAssignIn.js"),cloneBuffer=__webpack_require__("./node_modules/lodash/_cloneBuffer.js"),copyArray=__webpack_require__("./node_modules/lodash/_copyArray.js"),copySymbols=__webpack_require__("./node_modules/lodash/_copySymbols.js"),copySymbolsIn=__webpack_require__("./node_modules/lodash/_copySymbolsIn.js"),getAllKeys=__webpack_require__("./node_modules/lodash/_getAllKeys.js"),getAllKeysIn=__webpack_require__("./node_modules/lodash/_getAllKeysIn.js"),getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),initCloneArray=__webpack_require__("./node_modules/lodash/_initCloneArray.js"),initCloneByTag=__webpack_require__("./node_modules/lodash/_initCloneByTag.js"),initCloneObject=__webpack_require__("./node_modules/lodash/_initCloneObject.js"),isArray=__webpack_require__("./node_modules/lodash/isArray.js"),isBuffer=__webpack_require__("./node_modules/lodash/isBuffer.js"),isMap=__webpack_require__("./node_modules/lodash/isMap.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isSet=__webpack_require__("./node_modules/lodash/isSet.js"),keys=__webpack_require__("./node_modules/lodash/keys.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js"),cloneableTags={};cloneableTags["[object Arguments]"]=cloneableTags["[object Array]"]=cloneableTags["[object ArrayBuffer]"]=cloneableTags["[object DataView]"]=cloneableTags["[object Boolean]"]=cloneableTags["[object Date]"]=cloneableTags["[object Float32Array]"]=cloneableTags["[object Float64Array]"]=cloneableTags["[object Int8Array]"]=cloneableTags["[object Int16Array]"]=cloneableTags["[object Int32Array]"]=cloneableTags["[object Map]"]=cloneableTags["[object Number]"]=cloneableTags["[object Object]"]=cloneableTags["[object RegExp]"]=cloneableTags["[object Set]"]=cloneableTags["[object String]"]=cloneableTags["[object Symbol]"]=cloneableTags["[object Uint8Array]"]=cloneableTags["[object Uint8ClampedArray]"]=cloneableTags["[object Uint16Array]"]=cloneableTags["[object Uint32Array]"]=!0,cloneableTags["[object Error]"]=cloneableTags["[object Function]"]=cloneableTags["[object WeakMap]"]=!1,module.exports=function baseClone(value,bitmask,customizer,key,object,stack){var result,isDeep=1&bitmask,isFlat=2&bitmask,isFull=4&bitmask;if(customizer&&(result=object?customizer(value,key,object,stack):customizer(value)),void 0!==result)return result;if(!isObject(value))return value;var isArr=isArray(value);if(isArr){if(result=initCloneArray(value),!isDeep)return copyArray(value,result)}else{var tag=getTag(value),isFunc="[object Function]"==tag||"[object GeneratorFunction]"==tag;if(isBuffer(value))return cloneBuffer(value,isDeep);if("[object Object]"==tag||"[object Arguments]"==tag||isFunc&&!object){if(result=isFlat||isFunc?{}:initCloneObject(value),!isDeep)return isFlat?copySymbolsIn(value,baseAssignIn(result,value)):copySymbols(value,baseAssign(result,value))}else{if(!cloneableTags[tag])return object?value:{};result=initCloneByTag(value,tag,isDeep)}}stack||(stack=new Stack);var stacked=stack.get(value);if(stacked)return stacked;stack.set(value,result),isSet(value)?value.forEach((function(subValue){result.add(baseClone(subValue,bitmask,customizer,subValue,value,stack))})):isMap(value)&&value.forEach((function(subValue,key){result.set(key,baseClone(subValue,bitmask,customizer,key,value,stack))}));var props=isArr?void 0:(isFull?isFlat?getAllKeysIn:getAllKeys:isFlat?keysIn:keys)(value);return arrayEach(props||value,(function(subValue,key){props&&(subValue=value[key=subValue]),assignValue(result,key,baseClone(subValue,bitmask,customizer,key,value,stack))})),result}},"./node_modules/lodash/_baseCreate.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),objectCreate=Object.create,baseCreate=function(){function object(){}return function(proto){if(!isObject(proto))return{};if(objectCreate)return objectCreate(proto);object.prototype=proto;var result=new object;return object.prototype=void 0,result}}();module.exports=baseCreate},"./node_modules/lodash/_baseFindIndex.js":module=>{module.exports=function baseFindIndex(array,predicate,fromIndex,fromRight){for(var length=array.length,index=fromIndex+(fromRight?1:-1);fromRight?index--:++index{var baseFindIndex=__webpack_require__("./node_modules/lodash/_baseFindIndex.js"),baseIsNaN=__webpack_require__("./node_modules/lodash/_baseIsNaN.js"),strictIndexOf=__webpack_require__("./node_modules/lodash/_strictIndexOf.js");module.exports=function baseIndexOf(array,value,fromIndex){return value==value?strictIndexOf(array,value,fromIndex):baseFindIndex(array,baseIsNaN,fromIndex)}},"./node_modules/lodash/_baseIsMap.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function baseIsMap(value){return isObjectLike(value)&&"[object Map]"==getTag(value)}},"./node_modules/lodash/_baseIsNaN.js":module=>{module.exports=function baseIsNaN(value){return value!=value}},"./node_modules/lodash/_baseIsSet.js":(module,__unused_webpack_exports,__webpack_require__)=>{var getTag=__webpack_require__("./node_modules/lodash/_getTag.js"),isObjectLike=__webpack_require__("./node_modules/lodash/isObjectLike.js");module.exports=function baseIsSet(value){return isObjectLike(value)&&"[object Set]"==getTag(value)}},"./node_modules/lodash/_baseKeysIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var isObject=__webpack_require__("./node_modules/lodash/isObject.js"),isPrototype=__webpack_require__("./node_modules/lodash/_isPrototype.js"),nativeKeysIn=__webpack_require__("./node_modules/lodash/_nativeKeysIn.js"),hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function baseKeysIn(object){if(!isObject(object))return nativeKeysIn(object);var isProto=isPrototype(object),result=[];for(var key in object)("constructor"!=key||!isProto&&hasOwnProperty.call(object,key))&&result.push(key);return result}},"./node_modules/lodash/_basePickBy.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseGet=__webpack_require__("./node_modules/lodash/_baseGet.js"),baseSet=__webpack_require__("./node_modules/lodash/_baseSet.js"),castPath=__webpack_require__("./node_modules/lodash/_castPath.js");module.exports=function basePickBy(object,paths,predicate){for(var index=-1,length=paths.length,result={};++index{var assignValue=__webpack_require__("./node_modules/lodash/_assignValue.js"),castPath=__webpack_require__("./node_modules/lodash/_castPath.js"),isIndex=__webpack_require__("./node_modules/lodash/_isIndex.js"),isObject=__webpack_require__("./node_modules/lodash/isObject.js"),toKey=__webpack_require__("./node_modules/lodash/_toKey.js");module.exports=function baseSet(object,path,value,customizer){if(!isObject(object))return object;for(var index=-1,length=(path=castPath(path,object)).length,lastIndex=length-1,nested=object;null!=nested&&++index{var SetCache=__webpack_require__("./node_modules/lodash/_SetCache.js"),arrayIncludes=__webpack_require__("./node_modules/lodash/_arrayIncludes.js"),arrayIncludesWith=__webpack_require__("./node_modules/lodash/_arrayIncludesWith.js"),cacheHas=__webpack_require__("./node_modules/lodash/_cacheHas.js"),createSet=__webpack_require__("./node_modules/lodash/_createSet.js"),setToArray=__webpack_require__("./node_modules/lodash/_setToArray.js");module.exports=function baseUniq(array,iteratee,comparator){var index=-1,includes=arrayIncludes,length=array.length,isCommon=!0,result=[],seen=result;if(comparator)isCommon=!1,includes=arrayIncludesWith;else if(length>=200){var set=iteratee?null:createSet(array);if(set)return setToArray(set);isCommon=!1,includes=cacheHas,seen=new SetCache}else seen=iteratee?[]:result;outer:for(;++index{var Uint8Array=__webpack_require__("./node_modules/lodash/_Uint8Array.js");module.exports=function cloneArrayBuffer(arrayBuffer){var result=new arrayBuffer.constructor(arrayBuffer.byteLength);return new Uint8Array(result).set(new Uint8Array(arrayBuffer)),result}},"./node_modules/lodash/_cloneBuffer.js":(module,exports,__webpack_require__)=>{module=__webpack_require__.nmd(module);var root=__webpack_require__("./node_modules/lodash/_root.js"),freeExports=exports&&!exports.nodeType&&exports,freeModule=freeExports&&module&&!module.nodeType&&module,Buffer=freeModule&&freeModule.exports===freeExports?root.Buffer:void 0,allocUnsafe=Buffer?Buffer.allocUnsafe:void 0;module.exports=function cloneBuffer(buffer,isDeep){if(isDeep)return buffer.slice();var length=buffer.length,result=allocUnsafe?allocUnsafe(length):new buffer.constructor(length);return buffer.copy(result),result}},"./node_modules/lodash/_cloneDataView.js":(module,__unused_webpack_exports,__webpack_require__)=>{var cloneArrayBuffer=__webpack_require__("./node_modules/lodash/_cloneArrayBuffer.js");module.exports=function cloneDataView(dataView,isDeep){var buffer=isDeep?cloneArrayBuffer(dataView.buffer):dataView.buffer;return new dataView.constructor(buffer,dataView.byteOffset,dataView.byteLength)}},"./node_modules/lodash/_cloneRegExp.js":module=>{var reFlags=/\w*$/;module.exports=function cloneRegExp(regexp){var result=new regexp.constructor(regexp.source,reFlags.exec(regexp));return result.lastIndex=regexp.lastIndex,result}},"./node_modules/lodash/_cloneSymbol.js":(module,__unused_webpack_exports,__webpack_require__)=>{var Symbol=__webpack_require__("./node_modules/lodash/_Symbol.js"),symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;module.exports=function cloneSymbol(symbol){return symbolValueOf?Object(symbolValueOf.call(symbol)):{}}},"./node_modules/lodash/_cloneTypedArray.js":(module,__unused_webpack_exports,__webpack_require__)=>{var cloneArrayBuffer=__webpack_require__("./node_modules/lodash/_cloneArrayBuffer.js");module.exports=function cloneTypedArray(typedArray,isDeep){var buffer=isDeep?cloneArrayBuffer(typedArray.buffer):typedArray.buffer;return new typedArray.constructor(buffer,typedArray.byteOffset,typedArray.length)}},"./node_modules/lodash/_copyArray.js":module=>{module.exports=function copyArray(source,array){var index=-1,length=source.length;for(array||(array=Array(length));++index{var assignValue=__webpack_require__("./node_modules/lodash/_assignValue.js"),baseAssignValue=__webpack_require__("./node_modules/lodash/_baseAssignValue.js");module.exports=function copyObject(source,props,object,customizer){var isNew=!object;object||(object={});for(var index=-1,length=props.length;++index{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),getSymbols=__webpack_require__("./node_modules/lodash/_getSymbols.js");module.exports=function copySymbols(source,object){return copyObject(source,getSymbols(source),object)}},"./node_modules/lodash/_copySymbolsIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var copyObject=__webpack_require__("./node_modules/lodash/_copyObject.js"),getSymbolsIn=__webpack_require__("./node_modules/lodash/_getSymbolsIn.js");module.exports=function copySymbolsIn(source,object){return copyObject(source,getSymbolsIn(source),object)}},"./node_modules/lodash/_createSet.js":(module,__unused_webpack_exports,__webpack_require__)=>{var Set=__webpack_require__("./node_modules/lodash/_Set.js"),noop=__webpack_require__("./node_modules/lodash/noop.js"),setToArray=__webpack_require__("./node_modules/lodash/_setToArray.js"),createSet=Set&&1/setToArray(new Set([,-0]))[1]==1/0?function(values){return new Set(values)}:noop;module.exports=createSet},"./node_modules/lodash/_getAllKeysIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseGetAllKeys=__webpack_require__("./node_modules/lodash/_baseGetAllKeys.js"),getSymbolsIn=__webpack_require__("./node_modules/lodash/_getSymbolsIn.js"),keysIn=__webpack_require__("./node_modules/lodash/keysIn.js");module.exports=function getAllKeysIn(object){return baseGetAllKeys(object,keysIn,getSymbolsIn)}},"./node_modules/lodash/_getSymbolsIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arrayPush=__webpack_require__("./node_modules/lodash/_arrayPush.js"),getPrototype=__webpack_require__("./node_modules/lodash/_getPrototype.js"),getSymbols=__webpack_require__("./node_modules/lodash/_getSymbols.js"),stubArray=__webpack_require__("./node_modules/lodash/stubArray.js"),getSymbolsIn=Object.getOwnPropertySymbols?function(object){for(var result=[];object;)arrayPush(result,getSymbols(object)),object=getPrototype(object);return result}:stubArray;module.exports=getSymbolsIn},"./node_modules/lodash/_initCloneArray.js":module=>{var hasOwnProperty=Object.prototype.hasOwnProperty;module.exports=function initCloneArray(array){var length=array.length,result=new array.constructor(length);return length&&"string"==typeof array[0]&&hasOwnProperty.call(array,"index")&&(result.index=array.index,result.input=array.input),result}},"./node_modules/lodash/_initCloneByTag.js":(module,__unused_webpack_exports,__webpack_require__)=>{var cloneArrayBuffer=__webpack_require__("./node_modules/lodash/_cloneArrayBuffer.js"),cloneDataView=__webpack_require__("./node_modules/lodash/_cloneDataView.js"),cloneRegExp=__webpack_require__("./node_modules/lodash/_cloneRegExp.js"),cloneSymbol=__webpack_require__("./node_modules/lodash/_cloneSymbol.js"),cloneTypedArray=__webpack_require__("./node_modules/lodash/_cloneTypedArray.js");module.exports=function initCloneByTag(object,tag,isDeep){var Ctor=object.constructor;switch(tag){case"[object ArrayBuffer]":return cloneArrayBuffer(object);case"[object Boolean]":case"[object Date]":return new Ctor(+object);case"[object DataView]":return cloneDataView(object,isDeep);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return cloneTypedArray(object,isDeep);case"[object Map]":case"[object Set]":return new Ctor;case"[object Number]":case"[object String]":return new Ctor(object);case"[object RegExp]":return cloneRegExp(object);case"[object Symbol]":return cloneSymbol(object)}}},"./node_modules/lodash/_initCloneObject.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseCreate=__webpack_require__("./node_modules/lodash/_baseCreate.js"),getPrototype=__webpack_require__("./node_modules/lodash/_getPrototype.js"),isPrototype=__webpack_require__("./node_modules/lodash/_isPrototype.js");module.exports=function initCloneObject(object){return"function"!=typeof object.constructor||isPrototype(object)?{}:baseCreate(getPrototype(object))}},"./node_modules/lodash/_nativeKeysIn.js":module=>{module.exports=function nativeKeysIn(object){var result=[];if(null!=object)for(var key in Object(object))result.push(key);return result}},"./node_modules/lodash/_strictIndexOf.js":module=>{module.exports=function strictIndexOf(array,value,fromIndex){for(var index=fromIndex-1,length=array.length;++index{var baseClone=__webpack_require__("./node_modules/lodash/_baseClone.js");module.exports=function cloneDeep(value){return baseClone(value,5)}},"./node_modules/lodash/isMap.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseIsMap=__webpack_require__("./node_modules/lodash/_baseIsMap.js"),baseUnary=__webpack_require__("./node_modules/lodash/_baseUnary.js"),nodeUtil=__webpack_require__("./node_modules/lodash/_nodeUtil.js"),nodeIsMap=nodeUtil&&nodeUtil.isMap,isMap=nodeIsMap?baseUnary(nodeIsMap):baseIsMap;module.exports=isMap},"./node_modules/lodash/isSet.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseIsSet=__webpack_require__("./node_modules/lodash/_baseIsSet.js"),baseUnary=__webpack_require__("./node_modules/lodash/_baseUnary.js"),nodeUtil=__webpack_require__("./node_modules/lodash/_nodeUtil.js"),nodeIsSet=nodeUtil&&nodeUtil.isSet,isSet=nodeIsSet?baseUnary(nodeIsSet):baseIsSet;module.exports=isSet},"./node_modules/lodash/keysIn.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arrayLikeKeys=__webpack_require__("./node_modules/lodash/_arrayLikeKeys.js"),baseKeysIn=__webpack_require__("./node_modules/lodash/_baseKeysIn.js"),isArrayLike=__webpack_require__("./node_modules/lodash/isArrayLike.js");module.exports=function keysIn(object){return isArrayLike(object)?arrayLikeKeys(object,!0):baseKeysIn(object)}},"./node_modules/lodash/noop.js":module=>{module.exports=function noop(){}},"./node_modules/lodash/pickBy.js":(module,__unused_webpack_exports,__webpack_require__)=>{var arrayMap=__webpack_require__("./node_modules/lodash/_arrayMap.js"),baseIteratee=__webpack_require__("./node_modules/lodash/_baseIteratee.js"),basePickBy=__webpack_require__("./node_modules/lodash/_basePickBy.js"),getAllKeysIn=__webpack_require__("./node_modules/lodash/_getAllKeysIn.js");module.exports=function pickBy(object,predicate){if(null==object)return{};var props=arrayMap(getAllKeysIn(object),(function(prop){return[prop]}));return predicate=baseIteratee(predicate),basePickBy(object,props,(function(value,path){return predicate(value,path[0])}))}},"./node_modules/lodash/uniq.js":(module,__unused_webpack_exports,__webpack_require__)=>{var baseUniq=__webpack_require__("./node_modules/lodash/_baseUniq.js");module.exports=function uniq(array){return array&&array.length?baseUniq(array):[]}},"./node_modules/memoizerific/memoizerific.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){if(!u&&__webpack_require__("./node_modules/memoizerific sync recursive"))return require(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,(function(e){var n=t[o][1][e];return s(n||e)}),l,l.exports,e,t,n,r)}return n[o].exports}for(var i=void 0,o=0;o=0?(this.lastItem=this.list[index],this.list[index].val):void 0},Similar.prototype.set=function(key,val){var index;return this.lastItem&&this.isEqual(this.lastItem.key,key)?(this.lastItem.val=val,this):(index=this.indexOf(key))>=0?(this.lastItem=this.list[index],this.list[index].val=val,this):(this.lastItem={key,val},this.list.push(this.lastItem),this.size++,this)},Similar.prototype.delete=function(key){var index;if(this.lastItem&&this.isEqual(this.lastItem.key,key)&&(this.lastItem=void 0),(index=this.indexOf(key))>=0)return this.size--,this.list.splice(index,1)[0]},Similar.prototype.has=function(key){var index;return!(!this.lastItem||!this.isEqual(this.lastItem.key,key))||(index=this.indexOf(key))>=0&&(this.lastItem=this.list[index],!0)},Similar.prototype.forEach=function(callback,thisArg){var i;for(i=0;i=0&&(!(tmp=(currentLru=removedLru[i]).cacheItem.get(currentLru.arg))||!tmp.size);i--)currentLru.cacheItem.delete(currentLru.arg)}function isEqual(val1,val2){return val1===val2||val1!=val1&&val2!=val2}module.exports=function(limit){var cache=new MapOrSimilar(!1),lru=[];return function(fn){var memoizerific=function(){var newMap,fnResult,i,currentCache=cache,argsLengthMinusOne=arguments.length-1,lruPath=Array(argsLengthMinusOne+1),isMemoized=!0;if((memoizerific.numArgs||0===memoizerific.numArgs)&&memoizerific.numArgs!==argsLengthMinusOne+1)throw new Error("Memoizerific functions should always be called with the same number of arguments");for(i=0;i0&&(lruPath[argsLengthMinusOne]={cacheItem:currentCache,arg:arguments[argsLengthMinusOne]},isMemoized?moveToMostRecentLru(lru,lruPath):lru.push(lruPath),lru.length>limit&&removeCachedResult(lru.shift())),memoizerific.wasMemoized=isMemoized,memoizerific.numArgs=argsLengthMinusOne+1,fnResult};return memoizerific.limit=limit,memoizerific.wasMemoized=!1,memoizerific.cache=cache,memoizerific.lru=lru,memoizerific}}},{"map-or-similar":1}]},{},[3])(3)},"./node_modules/telejson/dist/chunk-465TF3XA.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P$:()=>__commonJS,bc:()=>extractEventHiddenProperties,f1:()=>__toESM});var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS=(cb,mod)=>function __require(){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)),eventProperties=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],customEventSpecificProperties=["detail"];function extractEventHiddenProperties(event){const rebuildEvent=eventProperties.filter((value=>void 0!==event[value])).reduce(((acc,value)=>({...acc,[value]:event[value]})),{});return event instanceof CustomEvent&&customEventSpecificProperties.filter((value=>void 0!==event[value])).forEach((value=>{rebuildEvent[value]=event[value]})),rebuildEvent}},"./node_modules/telejson/dist/index.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{As:()=>stringify});var _chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/telejson/dist/chunk-465TF3XA.mjs"),memoizerific__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/memoizerific/memoizerific.js"),memoizerific__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(memoizerific__WEBPACK_IMPORTED_MODULE_1__),require_shams=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/has-symbols/shams.js"(exports,module){module.exports=function hasSymbols(){if("function"!=typeof Symbol||"function"!=typeof Object.getOwnPropertySymbols)return!1;if("symbol"==typeof Symbol.iterator)return!0;var obj={},sym=Symbol("test"),symObj=Object(sym);if("string"==typeof sym)return!1;if("[object Symbol]"!==Object.prototype.toString.call(sym))return!1;if("[object Symbol]"!==Object.prototype.toString.call(symObj))return!1;for(sym in obj[sym]=42,obj)return!1;if("function"==typeof Object.keys&&0!==Object.keys(obj).length)return!1;if("function"==typeof Object.getOwnPropertyNames&&0!==Object.getOwnPropertyNames(obj).length)return!1;var syms=Object.getOwnPropertySymbols(obj);if(1!==syms.length||syms[0]!==sym)return!1;if(!Object.prototype.propertyIsEnumerable.call(obj,sym))return!1;if("function"==typeof Object.getOwnPropertyDescriptor){var descriptor=Object.getOwnPropertyDescriptor(obj,sym);if(42!==descriptor.value||!0!==descriptor.enumerable)return!1}return!0}}}),require_has_symbols=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/has-symbols/index.js"(exports,module){var origSymbol="undefined"!=typeof Symbol&&Symbol,hasSymbolSham=require_shams();module.exports=function hasNativeSymbols(){return"function"==typeof origSymbol&&("function"==typeof Symbol&&("symbol"==typeof origSymbol("foo")&&("symbol"==typeof Symbol("bar")&&hasSymbolSham())))}}}),require_implementation=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/function-bind/implementation.js"(exports,module){var slice=Array.prototype.slice,toStr=Object.prototype.toString;module.exports=function bind(that){var target=this;if("function"!=typeof target||"[object Function]"!==toStr.call(target))throw new TypeError("Function.prototype.bind called on incompatible "+target);for(var bound,args2=slice.call(arguments,1),boundLength=Math.max(0,target.length-args2.length),boundArgs=[],i=0;i1&&"boolean"!=typeof allowMissing)throw new $TypeError('"allowMissing" argument must be a boolean');if(null===$exec(/^%?[^%]*%?$/,name2))throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var parts=function stringToPath3(string){var first=$strSlice(string,0,1),last=$strSlice(string,-1);if("%"===first&&"%"!==last)throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");if("%"===last&&"%"!==first)throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");var result2=[];return $replace(string,rePropName2,(function(match,number,quote,subString){result2[result2.length]=quote?$replace(subString,reEscapeChar2,"$1"):number||match})),result2}(name2),intrinsicBaseName=parts.length>0?parts[0]:"",intrinsic=getBaseIntrinsic("%"+intrinsicBaseName+"%",allowMissing),intrinsicRealName=intrinsic.name,value2=intrinsic.value,skipFurtherCaching=!1,alias=intrinsic.alias;alias&&(intrinsicBaseName=alias[0],$spliceApply(parts,$concat([0,1],alias)));for(var i=1,isOwn=!0;i=parts.length){var desc=$gOPD(value2,part);value2=(isOwn=!!desc)&&"get"in desc&&!("originalValue"in desc.get)?desc.get:value2[part]}else isOwn=hasOwn(value2,part),value2=value2[part];isOwn&&!skipFurtherCaching&&(INTRINSICS[intrinsicRealName]=value2)}}return value2}}}),require_call_bind=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/call-bind/index.js"(exports,module){var bind=require_function_bind(),GetIntrinsic=require_get_intrinsic(),$apply=GetIntrinsic("%Function.prototype.apply%"),$call=GetIntrinsic("%Function.prototype.call%"),$reflectApply=GetIntrinsic("%Reflect.apply%",!0)||bind.call($call,$apply),$gOPD=GetIntrinsic("%Object.getOwnPropertyDescriptor%",!0),$defineProperty=GetIntrinsic("%Object.defineProperty%",!0),$max=GetIntrinsic("%Math.max%");if($defineProperty)try{$defineProperty({},"a",{value:1})}catch(e){$defineProperty=null}module.exports=function callBind(originalFunction){var func=$reflectApply(bind,$call,arguments);$gOPD&&$defineProperty&&($gOPD(func,"length").configurable&&$defineProperty(func,"length",{value:1+$max(0,originalFunction.length-(arguments.length-1))}));return func};var applyBind=function applyBind2(){return $reflectApply(bind,$apply,arguments)};$defineProperty?$defineProperty(module.exports,"apply",{value:applyBind}):module.exports.apply=applyBind}}),require_callBound=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/call-bind/callBound.js"(exports,module){var GetIntrinsic=require_get_intrinsic(),callBind=require_call_bind(),$indexOf=callBind(GetIntrinsic("String.prototype.indexOf"));module.exports=function callBoundIntrinsic(name2,allowMissing){var intrinsic=GetIntrinsic(name2,!!allowMissing);return"function"==typeof intrinsic&&$indexOf(name2,".prototype.")>-1?callBind(intrinsic):intrinsic}}}),require_shams2=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/has-tostringtag/shams.js"(exports,module){var hasSymbols=require_shams();module.exports=function hasToStringTagShams(){return hasSymbols()&&!!Symbol.toStringTag}}}),require_is_regex=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/is-regex/index.js"(exports,module){var has,$exec,isRegexMarker,badStringifier,throwRegexMarker,callBound=require_callBound(),hasToStringTag=require_shams2()();hasToStringTag&&(has=callBound("Object.prototype.hasOwnProperty"),$exec=callBound("RegExp.prototype.exec"),isRegexMarker={},badStringifier={toString:throwRegexMarker=function(){throw isRegexMarker},valueOf:throwRegexMarker},"symbol"==typeof Symbol.toPrimitive&&(badStringifier[Symbol.toPrimitive]=throwRegexMarker));var $toString=callBound("Object.prototype.toString"),gOPD=Object.getOwnPropertyDescriptor;module.exports=hasToStringTag?function isRegex(value2){if(!value2||"object"!=typeof value2)return!1;var descriptor=gOPD(value2,"lastIndex");if(!(descriptor&&has(descriptor,"value")))return!1;try{$exec(value2,badStringifier)}catch(e){return e===isRegexMarker}}:function isRegex(value2){return!(!value2||"object"!=typeof value2&&"function"!=typeof value2)&&"[object RegExp]"===$toString(value2)}}}),require_is_function=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/is-function/index.js"(exports,module){module.exports=function isFunction3(fn){if(!fn)return!1;var string=toString2.call(fn);return"[object Function]"===string||"function"==typeof fn&&"[object RegExp]"!==string||"undefined"!=typeof window&&(fn===window.setTimeout||fn===window.alert||fn===window.confirm||fn===window.prompt)};var toString2=Object.prototype.toString}}),require_is_symbol=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.P$)({"node_modules/is-symbol/index.js"(exports,module){var symToStr,symStringRegex,isSymbolObject,toStr=Object.prototype.toString;require_has_symbols()()?(symToStr=Symbol.prototype.toString,symStringRegex=/^Symbol\(.*\)$/,isSymbolObject=function isRealSymbolObject(value2){return"symbol"==typeof value2.valueOf()&&symStringRegex.test(symToStr.call(value2))},module.exports=function isSymbol3(value2){if("symbol"==typeof value2)return!0;if("[object Symbol]"!==toStr.call(value2))return!1;try{return isSymbolObject(value2)}catch(e){return!1}}):module.exports=function isSymbol3(value2){return!1}}}),import_is_regex=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.f1)(require_is_regex()),import_is_function=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.f1)(require_is_function()),import_is_symbol=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.f1)(require_is_symbol());function isObject(val){return null!=val&&"object"==typeof val&&!1===Array.isArray(val)}var freeGlobal="object"==typeof __webpack_require__.g&&__webpack_require__.g&&__webpack_require__.g.Object===Object&&__webpack_require__.g,freeGlobal_default=freeGlobal,freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root2=freeGlobal_default||freeSelf||Function("return this")(),root_default=root2,Symbol2=root_default.Symbol,Symbol_default=Symbol2,objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty,nativeObjectToString=objectProto.toString,symToStringTag=Symbol_default?Symbol_default.toStringTag:void 0;function getRawTag(value2){var isOwn=hasOwnProperty.call(value2,symToStringTag),tag=value2[symToStringTag];try{value2[symToStringTag]=void 0;var unmasked=!0}catch(e){}var result2=nativeObjectToString.call(value2);return unmasked&&(isOwn?value2[symToStringTag]=tag:delete value2[symToStringTag]),result2}var getRawTag_default=getRawTag,objectProto2=Object.prototype,nativeObjectToString2=objectProto2.toString;function objectToString(value2){return nativeObjectToString2.call(value2)}var objectToString_default=objectToString,nullTag="[object Null]",undefinedTag="[object Undefined]",symToStringTag2=Symbol_default?Symbol_default.toStringTag:void 0;function baseGetTag(value2){return null==value2?void 0===value2?undefinedTag:nullTag:symToStringTag2&&symToStringTag2 in Object(value2)?getRawTag_default(value2):objectToString_default(value2)}var baseGetTag_default=baseGetTag;function isObjectLike(value2){return null!=value2&&"object"==typeof value2}var isObjectLike_default=null,symbolTag="[object Symbol]";function isSymbol(value2){return"symbol"==typeof value2||isObjectLike_default(value2)&&baseGetTag_default(value2)==symbolTag}var isSymbol_default=null;function arrayMap(array,iteratee){for(var index=-1,length=null==array?0:array.length,result2=Array(length);++index-1}var listCacheHas_default=listCacheHas;function listCacheSet(key2,value2){var data=this.__data__,index=assocIndexOf_default(data,key2);return index<0?(++this.size,data.push([key2,value2])):data[index][1]=value2,this}var listCacheSet_default=listCacheSet;function ListCache(entries){var index=-1,length=null==entries?0:entries.length;for(this.clear();++index{let inQuoteChar=null,inBlockComment=!1,inLineComment=!1,inRegexLiteral=!1,newCode="";if(code.indexOf("//")>=0||code.indexOf("/*")>=0)for(let i=0;iremoveCodeComments(code).replace(/\n\s*/g,"").trim())),convertShorthandMethods=function convertShorthandMethods2(key2,stringified){const fnHead=stringified.slice(0,stringified.indexOf("{")),fnBody=stringified.slice(stringified.indexOf("{"));if(fnHead.includes("=>"))return stringified;if(fnHead.includes("function"))return stringified;let modifiedHead=fnHead;return modifiedHead=modifiedHead.replace(key2,"function"),modifiedHead+fnBody},dateFormat=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/,isJSON=input=>input.match(/^[\[\{\"\}].*[\]\}\"]$/);function convertUnconventionalData(data){if(!isObject3(data))return data;let result2=data,wasMutated=!1;return"undefined"!=typeof Event&&data instanceof Event&&(result2=(0,_chunk_465TF3XA_mjs__WEBPACK_IMPORTED_MODULE_0__.bc)(result2),wasMutated=!0),result2=Object.keys(result2).reduce(((acc,key2)=>{try{result2[key2]&&result2[key2].toJSON,acc[key2]=result2[key2]}catch(err){wasMutated=!0}return acc}),{}),wasMutated?result2:data}var replacer=function replacer2(options2){let objects,map,stack,keys;return function replace(key2,value2){try{if(""===key2)return keys=[],objects=new Map([[value2,"[]"]]),map=new Map,stack=[],value2;const origin=map.get(this)||this;for(;stack.length&&origin!==stack[0];)stack.shift(),keys.pop();if("boolean"==typeof value2)return value2;if(void 0===value2){if(!options2.allowUndefined)return;return"_undefined_"}if(null===value2)return null;if("number"==typeof value2)return value2===-1/0?"_-Infinity_":value2===1/0?"_Infinity_":Number.isNaN(value2)?"_NaN_":value2;if("bigint"==typeof value2)return`_bigint_${value2.toString()}`;if("string"==typeof value2){if(dateFormat.test(value2)){if(!options2.allowDate)return;return`_date_${value2}`}return value2}if((0,import_is_regex.default)(value2)){if(!options2.allowRegExp)return;return`_regexp_${value2.flags}|${value2.source}`}if((0,import_is_function.default)(value2)){if(!options2.allowFunction)return;const{name:name2}=value2,stringified=value2.toString();return stringified.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?`_function_${name2}|${(()=>{}).toString()}`:`_function_${name2}|${cleanCode(convertShorthandMethods(key2,stringified))}`}if((0,import_is_symbol.default)(value2)){if(!options2.allowSymbol)return;const globalRegistryKey=Symbol.keyFor(value2);return void 0!==globalRegistryKey?`_gsymbol_${globalRegistryKey}`:`_symbol_${value2.toString().slice(7,-1)}`}if(stack.length>=options2.maxDepth)return Array.isArray(value2)?`[Array(${value2.length})]`:"[Object]";if(value2===this)return`_duplicate_${JSON.stringify(keys)}`;if(value2 instanceof Error&&options2.allowError)return{__isConvertedError__:!0,errorProperties:{...value2.cause?{cause:value2.cause}:{},...value2,name:value2.name,message:value2.message,stack:value2.stack,"_constructor-name_":value2.constructor.name}};if(value2.constructor&&value2.constructor.name&&"Object"!==value2.constructor.name&&!Array.isArray(value2)&&!options2.allowClass)return;const found=objects.get(value2);if(!found){const converted=Array.isArray(value2)?value2:convertUnconventionalData(value2);if(value2.constructor&&value2.constructor.name&&"Object"!==value2.constructor.name&&!Array.isArray(value2)&&options2.allowClass)try{Object.assign(converted,{"_constructor-name_":value2.constructor.name})}catch(e){}return keys.push(key2),stack.unshift(converted),objects.set(value2,JSON.stringify(keys)),value2!==converted&&map.set(value2,converted),converted}return`_duplicate_${found}`}catch(e){return}}},reviver2=function reviver(options){const refs=[];let root;return function revive(key,value){if(""===key&&(root=value,refs.forEach((({target,container,replacement})=>{const replacementArr=isJSON(replacement)?JSON.parse(replacement):replacement.split(".");0===replacementArr.length?container[target]=root:container[target]=get_default(root,replacementArr)}))),"_constructor-name_"===key)return value;if(isObject3(value)&&value.__isConvertedError__){const{message,...properties}=value.errorProperties,error=new Error(message);return Object.assign(error,properties),error}if(isObject3(value)&&value["_constructor-name_"]&&options.allowFunction){const name2=value["_constructor-name_"];if("Object"!==name2){const Fn=new Function(`return function ${name2.replace(/[^a-zA-Z0-9$_]+/g,"")}(){}`)();Object.setPrototypeOf(value,new Fn)}return delete value["_constructor-name_"],value}if("string"==typeof value&&value.startsWith("_function_")&&options.allowFunction){const[,name,source]=value.match(/_function_([^|]*)\|(.*)/)||[],sourceSanitized=source.replace(/[(\(\))|\\| |\]|`]*$/,"");if(!options.lazyEval)return eval(`(${sourceSanitized})`);const result=(...args)=>{const f=eval(`(${sourceSanitized})`);return f(...args)};return Object.defineProperty(result,"toString",{value:()=>sourceSanitized}),Object.defineProperty(result,"name",{value:name}),result}if("string"==typeof value&&value.startsWith("_regexp_")&&options.allowRegExp){const[,flags,source2]=value.match(/_regexp_([^|]*)\|(.*)/)||[];return new RegExp(source2,flags)}return"string"==typeof value&&value.startsWith("_date_")&&options.allowDate?new Date(value.replace("_date_","")):"string"==typeof value&&value.startsWith("_duplicate_")?(refs.push({target:key,container:this,replacement:value.replace(/^_duplicate_/,"")}),null):"string"==typeof value&&value.startsWith("_symbol_")&&options.allowSymbol?Symbol(value.replace("_symbol_","")):"string"==typeof value&&value.startsWith("_gsymbol_")&&options.allowSymbol?Symbol.for(value.replace("_gsymbol_","")):"string"==typeof value&&"_-Infinity_"===value?-1/0:"string"==typeof value&&"_Infinity_"===value?1/0:"string"==typeof value&&"_NaN_"===value?NaN:"string"==typeof value&&value.startsWith("_bigint_")&&"function"==typeof BigInt?BigInt(value.replace("_bigint_","")):value}},defaultOptions={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},stringify=(data,options2={})=>{const mergedOptions={...defaultOptions,...options2};return JSON.stringify(convertUnconventionalData(data),replacer(mergedOptions),options2.space)},mutator=()=>{const mutated=new Map;return function mutateUndefined(value2){isObject3(value2)&&Object.entries(value2).forEach((([k,v])=>{"_undefined_"===v?value2[k]=void 0:mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))})),Array.isArray(value2)&&value2.forEach(((v,index)=>{"_undefined_"===v?(mutated.set(v,!0),value2[index]=void 0):mutated.get(v)||(mutated.set(v,!0),mutateUndefined(v))}))}},parse=(data,options2={})=>{const mergedOptions={...defaultOptions,...options2},result2=JSON.parse(data,reviver2(mergedOptions));return mutator()(result2),result2}}}]);
-//# sourceMappingURL=152.f712cf34.iframe.bundle.js.map
\ No newline at end of file
+//# sourceMappingURL=152.faf659e9.iframe.bundle.js.map
\ No newline at end of file
diff --git a/152.f712cf34.iframe.bundle.js.LICENSE.txt b/152.faf659e9.iframe.bundle.js.LICENSE.txt
similarity index 100%
rename from 152.f712cf34.iframe.bundle.js.LICENSE.txt
rename to 152.faf659e9.iframe.bundle.js.LICENSE.txt
diff --git a/152.faf659e9.iframe.bundle.js.map b/152.faf659e9.iframe.bundle.js.map
new file mode 100644
index 00000000..82014c2d
--- /dev/null
+++ b/152.faf659e9.iframe.bundle.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"152.faf659e9.iframe.bundle.js","mappings":";;;;;;;;;;;;;;;;;AAwDA;;ACzCA;AACA;AACA;AACA;;;;;;;;ACqLA;;;;;;;AAOA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;AACA;AACA;;;;;;;AClMA;;;AA2BA;;;;;AAAA;;;;AAAA;AAdA;;;AAcA;;;;;;;;;;;AAAA;;;;AASA","sources":["webpack://@conda-store/conda-store-ui/./node_modules/@storybook/blocks/dist/index.mjs","webpack://@conda-store/conda-store-ui/./node_modules/@storybook/components/dist/chunk-T3L4SIIA.mjs","webpack://@conda-store/conda-store-ui/./node_modules/@storybook/components/dist/index.mjs","webpack://@conda-store/conda-store-ui/./node_modules/@storybook/theming/dist/index.mjs"],"sourcesContent":["import { getControlSetterButtonId, getControlId } from './chunk-GWAJ4KRU.mjs';\nimport React17, { createContext, lazy, useState, useCallback, useRef, useEffect, Component, cloneElement, useMemo, Suspense, useContext, Children } from 'react';\nimport { styled, ignoreSsrWarning, useTheme, themes, ThemeProvider, convert, ensure } from '@storybook/theming';\nimport { withReset, SyntaxHighlighter, FlexBar, codeCommon, IconButton, Form, components, Zoom, ActionBar, Button, Link, ResetWrapper, Code, nameSpaceClassNames, H3, H2, Loader, EmptyTabContent, TabsState, ErrorFormatter, getStoryHref, WithTooltipPure } from '@storybook/components';\nimport { transparentize, darken, opacify, lighten, rgba } from 'polished';\nimport { global } from '@storybook/global';\nimport { ChevronSmallUpIcon, ChevronSmallDownIcon, AddIcon, SubtractIcon, ChevronDownIcon as ChevronDownIcon$1, ChevronRightIcon, ZoomIcon, ZoomOutIcon, ZoomResetIcon, EyeCloseIcon, EyeIcon, DocumentIcon, UndoIcon, VideoIcon, LinkIcon } from '@storybook/icons';\nimport pickBy from 'lodash/pickBy.js';\nimport { includeConditionalArg } from '@storybook/csf';\nimport { once, logger } from '@storybook/client-logger';\nimport Markdown from 'markdown-to-jsx';\nimport memoize from 'memoizerific';\nimport uniq from 'lodash/uniq.js';\nimport cloneDeep from 'lodash/cloneDeep.js';\nimport { filterArgTypes, composeConfigs, Preview as Preview$1, DocsContext as DocsContext$1 } from '@storybook/preview-api';\nimport { SNIPPET_RENDERED, SourceType } from '@storybook/docs-tools';\nimport { stringify } from 'telejson';\nimport { GLOBALS_UPDATED, STORY_ARGS_UPDATED, UPDATE_STORY_ARGS, RESET_STORY_ARGS, NAVIGATE_URL } from '@storybook/core-events';\nimport dedent from 'ts-dedent';\nimport * as tocbot from 'tocbot';\nimport { Channel } from '@storybook/channels';\n\nvar Wrapper=styled.div(withReset,({theme})=>({backgroundColor:theme.base===\"light\"?\"rgba(0,0,0,.01)\":\"rgba(255,255,255,.01)\",borderRadius:theme.appBorderRadius,border:`1px dashed ${theme.appBorderColor}`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:20,margin:\"25px 0 40px\",color:transparentize(.3,theme.color.defaultText),fontSize:theme.typography.size.s2})),EmptyBlock=props=>React17.createElement(Wrapper,{...props,className:\"docblock-emptyblock sb-unstyled\"});var StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}}));var SourceSkeletonWrapper=styled.div(({theme})=>({background:theme.background.content,borderRadius:theme.appBorderRadius,border:`1px solid ${theme.appBorderColor}`,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",margin:\"25px 0 40px\",padding:\"20px 20px 20px 22px\"})),SourceSkeletonPlaceholder=styled.div(({theme})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,height:17,marginTop:1,width:\"60%\",[`&:first-child${ignoreSsrWarning}`]:{margin:0}})),SourceSkeleton=()=>React17.createElement(SourceSkeletonWrapper,null,React17.createElement(SourceSkeletonPlaceholder,null),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"30%\"}}),React17.createElement(SourceSkeletonPlaceholder,{style:{width:\"80%\"}})),Source=({isLoading,error,language,code,dark,format:format2,...rest})=>{let{typography}=useTheme();if(isLoading)return React17.createElement(SourceSkeleton,null);if(error)return React17.createElement(EmptyBlock,null,error);let syntaxHighlighter=React17.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,format:format2,language,className:\"docblock-source sb-unstyled\",...rest},code);if(typeof dark>\"u\")return syntaxHighlighter;let overrideTheme=dark?themes.dark:themes.light;return React17.createElement(ThemeProvider,{theme:convert({...overrideTheme,fontCode:typography.fonts.mono,fontBase:typography.fonts.base})},syntaxHighlighter)};Source.defaultProps={format:!1};var toGlobalSelector=element=>`& :where(${element}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${element}))`,breakpoint=600,Title=styled.h1(withReset,({theme})=>({color:theme.color.defaultText,fontSize:theme.typography.size.m3,fontWeight:theme.typography.weight.bold,lineHeight:\"32px\",[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.l1,lineHeight:\"36px\",marginBottom:\"16px\"}})),Subtitle=styled.h2(withReset,({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s3,lineHeight:\"20px\",borderBottom:\"none\",marginBottom:15,[`@media (min-width: ${breakpoint}px)`]:{fontSize:theme.typography.size.m1,lineHeight:\"28px\",marginBottom:24},color:transparentize(.25,theme.color.defaultText)})),DocsContent=styled.div(({theme})=>{let reset={fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},headers={margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& code\":{fontSize:\"inherit\"}},code={lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border};return {maxWidth:1e3,width:\"100%\",[toGlobalSelector(\"a\")]:{...reset,fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}},[toGlobalSelector(\"blockquote\")]:{...reset,margin:\"16px 0\",borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},[toGlobalSelector(\"div\")]:reset,[toGlobalSelector(\"dl\")]:{...reset,margin:\"16px 0\",padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}},[toGlobalSelector(\"h1\")]:{...reset,...headers,fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h2\")]:{...reset,...headers,fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`},[toGlobalSelector(\"h3\")]:{...reset,...headers,fontSize:`${theme.typography.size.m1}px`,fontWeight:theme.typography.weight.bold},[toGlobalSelector(\"h4\")]:{...reset,...headers,fontSize:`${theme.typography.size.s3}px`},[toGlobalSelector(\"h5\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`},[toGlobalSelector(\"h6\")]:{...reset,...headers,fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},[toGlobalSelector(\"hr\")]:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},[toGlobalSelector(\"img\")]:{maxWidth:\"100%\"},[toGlobalSelector(\"li\")]:{...reset,fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":code},[toGlobalSelector(\"ol\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},[toGlobalSelector(\"p\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":code},[toGlobalSelector(\"pre\")]:{...reset,fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}},[toGlobalSelector(\"span\")]:{...reset,\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}},[toGlobalSelector(\"table\")]:{...reset,margin:\"16px 0\",fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}},[toGlobalSelector(\"ul\")]:{...reset,margin:\"16px 0\",paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0},listStyle:\"disc\"}}}),DocsWrapper=styled.div(({theme})=>({background:theme.background.content,display:\"flex\",justifyContent:\"center\",padding:\"4rem 20px\",minHeight:\"100vh\",boxSizing:\"border-box\",gap:\"3rem\",[`@media (min-width: ${breakpoint}px)`]:{}})),DocsPageWrapper=({children,toc})=>React17.createElement(DocsWrapper,{className:\"sbdocs sbdocs-wrapper\"},React17.createElement(DocsContent,{className:\"sbdocs sbdocs-content\"},children),toc);var getBlockBackgroundStyle=theme=>({borderRadius:theme.appBorderRadius,background:theme.background.content,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",border:`1px solid ${theme.appBorderColor}`});var Bar=styled(FlexBar)({position:\"absolute\",left:0,right:0,top:0,transition:\"transform .2s linear\"}),Wrapper2=styled.div({display:\"flex\",alignItems:\"center\",gap:4}),IconPlaceholder=styled.div(({theme})=>({width:14,height:14,borderRadius:2,margin:\"0 7px\",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),Toolbar=({isLoading,storyId,baseUrl,zoom,resetZoom,...rest})=>React17.createElement(Bar,{...rest},React17.createElement(Wrapper2,{key:\"left\"},isLoading?[1,2,3].map(key=>React17.createElement(IconPlaceholder,{key})):React17.createElement(React17.Fragment,null,React17.createElement(IconButton,{key:\"zoomin\",onClick:e=>{e.preventDefault(),zoom(.8);},title:\"Zoom in\"},React17.createElement(ZoomIcon,null)),React17.createElement(IconButton,{key:\"zoomout\",onClick:e=>{e.preventDefault(),zoom(1.25);},title:\"Zoom out\"},React17.createElement(ZoomOutIcon,null)),React17.createElement(IconButton,{key:\"zoomreset\",onClick:e=>{e.preventDefault(),resetZoom();},title:\"Reset zoom\"},React17.createElement(ZoomResetIcon,null)))));var ZoomContext=createContext({scale:1});var{window:globalWindow}=global,IFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{id}=this.props;this.iframe=globalWindow.document.getElementById(id);}shouldComponentUpdate(nextProps){let{scale}=nextProps;return scale!==this.props.scale&&this.setIframeBodyStyle({width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"}),!1}setIframeBodyStyle(style){return Object.assign(this.iframe.contentDocument.body.style,style)}render(){let{id,title,src,allowFullScreen,scale,...rest}=this.props;return React17.createElement(\"iframe\",{id,title,src,...allowFullScreen?{allow:\"fullscreen\"}:{},loading:\"lazy\",...rest})}};var{PREVIEW_URL}=global,BASE_URL=PREVIEW_URL||\"iframe.html\",storyBlockIdFromId=({story,primary})=>`story--${story.id}${primary?\"--primary\":\"\"}`,InlineStory=props=>{let storyRef=useRef(),[showLoader,setShowLoader]=useState(!0),[error,setError]=useState(),{story,height,autoplay,forceInitialArgs,renderStoryToElement}=props;return useEffect(()=>{if(!(story&&storyRef.current))return ()=>{};let element=storyRef.current,cleanup=renderStoryToElement(story,element,{showMain:()=>{},showError:({title,description})=>setError(new Error(`${title} - ${description}`)),showException:err=>setError(err)},{autoplay,forceInitialArgs});return setShowLoader(!1),()=>{Promise.resolve().then(()=>cleanup());}},[autoplay,renderStoryToElement,story]),error?React17.createElement(\"pre\",null,React17.createElement(ErrorFormatter,{error})):React17.createElement(React17.Fragment,null,height?React17.createElement(\"style\",null,`#${storyBlockIdFromId(props)} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React17.createElement(StorySkeleton,null),React17.createElement(\"div\",{ref:storyRef,id:`${storyBlockIdFromId(props)}-inner`,\"data-name\":story.name}))},IFrameStory=({story,height=\"500px\"})=>React17.createElement(\"div\",{style:{width:\"100%\",height}},React17.createElement(ZoomContext.Consumer,null,({scale})=>React17.createElement(IFrame,{key:\"iframe\",id:`iframe--${story.id}`,title:story.name,src:getStoryHref(BASE_URL,story.id,{viewMode:\"story\"}),allowFullScreen:!0,scale,style:{width:\"100%\",height:\"100%\",border:\"0 none\"}}))),Story=props=>{let{inline}=props;return React17.createElement(\"div\",{id:storyBlockIdFromId(props),className:\"sb-story sb-unstyled\",\"data-story-block\":\"true\"},inline?React17.createElement(InlineStory,{...props}):React17.createElement(IFrameStory,{...props}))},StorySkeleton=()=>React17.createElement(Loader,null);var ChildrenContainer=styled.div(({isColumn,columns,layout})=>({display:isColumn||!columns?\"block\":\"flex\",position:\"relative\",flexWrap:\"wrap\",overflow:\"auto\",flexDirection:isColumn?\"column\":\"row\",\"& .innerZoomElementWrapper > *\":isColumn?{width:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"block\"}:{maxWidth:layout!==\"fullscreen\"?\"calc(100% - 20px)\":\"100%\",display:\"inline-block\"}}),({layout=\"padded\"})=>layout===\"centered\"||layout===\"padded\"?{padding:\"30px 20px\",\"& .innerZoomElementWrapper > *\":{width:\"auto\",border:\"10px solid transparent!important\"}}:{},({layout=\"padded\"})=>layout===\"centered\"?{display:\"flex\",justifyContent:\"center\",justifyItems:\"center\",alignContent:\"center\",alignItems:\"center\"}:{},({columns})=>columns&&columns>1?{\".innerZoomElementWrapper > *\":{minWidth:`calc(100% / ${columns} - 20px)`}}:{}),StyledSource=styled(Source)(({theme})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:theme.appBorderRadius,borderBottomRightRadius:theme.appBorderRadius,border:\"none\",background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content),color:theme.color.lightest,button:{background:theme.base===\"light\"?\"rgba(0, 0, 0, 0.85)\":darken(.05,theme.background.content)}})),PreviewContainer=styled.div(({theme,withSource,isExpanded})=>({position:\"relative\",overflow:\"hidden\",margin:\"25px 0 40px\",...getBlockBackgroundStyle(theme),borderBottomLeftRadius:withSource&&isExpanded&&0,borderBottomRightRadius:withSource&&isExpanded&&0,borderBottomWidth:isExpanded&&0,\"h3 + &\":{marginTop:\"16px\"}}),({withToolbar})=>withToolbar&&{paddingTop:40}),getSource=(withSource,expanded,setExpanded)=>{switch(!0){case!!(withSource&&withSource.error):return {source:null,actionItem:{title:\"No code available\",className:\"docblock-code-toggle docblock-code-toggle--disabled\",disabled:!0,onClick:()=>setExpanded(!1)}};case expanded:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Hide code\",className:\"docblock-code-toggle docblock-code-toggle--expanded\",onClick:()=>setExpanded(!1)}};default:return {source:React17.createElement(StyledSource,{...withSource,dark:!0}),actionItem:{title:\"Show code\",className:\"docblock-code-toggle\",onClick:()=>setExpanded(!0)}}}};function getStoryId(children){if(Children.count(children)===1){let elt=children;if(elt.props)return elt.props.id}return null}var PositionedToolbar=styled(Toolbar)({position:\"absolute\",top:0,left:0,right:0,height:40}),Relative=styled.div({overflow:\"hidden\",position:\"relative\"}),Preview=({isLoading,isColumn,columns,children,withSource,withToolbar=!1,isExpanded=!1,additionalActions,className,layout=\"padded\",...props})=>{let[expanded,setExpanded]=useState(isExpanded),{source,actionItem}=getSource(withSource,expanded,setExpanded),[scale,setScale]=useState(1),previewClasses=[className].concat([\"sbdocs\",\"sbdocs-preview\",\"sb-unstyled\"]),defaultActionItems=withSource?[actionItem]:[],[additionalActionItems,setAdditionalActionItems]=useState(additionalActions?[...additionalActions]:[]),actionItems=[...defaultActionItems,...additionalActionItems],{window:globalWindow4}=global,copyToClipboard=useCallback(async text=>{let{createCopyToClipboardFunction}=await import('@storybook/components');createCopyToClipboardFunction();},[]),onCopyCapture=e=>{let selection=globalWindow4.getSelection();selection&&selection.type===\"Range\"||(e.preventDefault(),additionalActionItems.filter(item=>item.title===\"Copied\").length===0&©ToClipboard(source.props.code).then(()=>{setAdditionalActionItems([...additionalActionItems,{title:\"Copied\",onClick:()=>{}}]),globalWindow4.setTimeout(()=>setAdditionalActionItems(additionalActionItems.filter(item=>item.title!==\"Copied\")),1500);}));};return React17.createElement(PreviewContainer,{withSource,withToolbar,...props,className:previewClasses.join(\" \")},withToolbar&&React17.createElement(PositionedToolbar,{isLoading,border:!0,zoom:z=>setScale(scale*z),resetZoom:()=>setScale(1),storyId:getStoryId(children),baseUrl:\"./iframe.html\"}),React17.createElement(ZoomContext.Provider,{value:{scale}},React17.createElement(Relative,{className:\"docs-story\",onCopyCapture:withSource&&onCopyCapture},React17.createElement(ChildrenContainer,{isColumn:isColumn||!Array.isArray(children),columns,layout},React17.createElement(Zoom.Element,{scale},Array.isArray(children)?children.map((child,i)=>React17.createElement(\"div\",{key:i},child)):React17.createElement(\"div\",null,children))),React17.createElement(ActionBar,{actionItems}))),withSource&&expanded&&source)};styled(Preview)(()=>({\".docs-story\":{paddingTop:32,paddingBottom:40}}));var Table=styled.table(({theme})=>({\"&&\":{borderCollapse:\"collapse\",borderSpacing:0,border:\"none\",tr:{border:\"none !important\",background:\"none\"},\"td, th\":{padding:0,border:\"none\",width:\"auto!important\"},marginTop:0,marginBottom:0,\"th:first-of-type, td:first-of-type\":{paddingLeft:0},\"th:last-of-type, td:last-of-type\":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,\"&:not(:first-of-type)\":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:\"none\",border:\"none\"},code:codeCommon({theme}),div:{span:{fontWeight:\"bold\"}},\"& code\":{margin:0,display:\"inline-block\",fontSize:theme.typography.size.s1}}})),ArgJsDoc=({tags})=>{let params=(tags.params||[]).filter(x=>x.description),hasDisplayableParams=params.length!==0,hasDisplayableDeprecated=tags.deprecated!=null,hasDisplayableReturns=tags.returns!=null&&tags.returns.description!=null;return !hasDisplayableParams&&!hasDisplayableReturns&&!hasDisplayableDeprecated?null:React17.createElement(React17.Fragment,null,React17.createElement(Table,null,React17.createElement(\"tbody\",null,hasDisplayableDeprecated&&React17.createElement(\"tr\",{key:\"deprecated\"},React17.createElement(\"td\",{colSpan:2},React17.createElement(\"strong\",null,\"Deprecated\"),\": \",tags.deprecated.toString())),hasDisplayableParams&¶ms.map(x=>React17.createElement(\"tr\",{key:x.name},React17.createElement(\"td\",null,React17.createElement(\"code\",null,x.name)),React17.createElement(\"td\",null,x.description))),hasDisplayableReturns&&React17.createElement(\"tr\",{key:\"returns\"},React17.createElement(\"td\",null,React17.createElement(\"code\",null,\"Returns\")),React17.createElement(\"td\",null,tags.returns.description)))))};var ITEMS_BEFORE_EXPANSION=8,Summary=styled.div(({isExpanded})=>({display:\"flex\",flexDirection:isExpanded?\"column\":\"row\",flexWrap:\"wrap\",alignItems:\"flex-start\",marginBottom:\"-4px\",minWidth:100})),Text=styled.span(codeCommon,({theme,simple=!1})=>({flex:\"0 0 auto\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,wordBreak:\"break-word\",whiteSpace:\"normal\",maxWidth:\"100%\",margin:0,marginRight:\"4px\",marginBottom:\"4px\",paddingTop:\"2px\",paddingBottom:\"2px\",lineHeight:\"13px\",...simple&&{background:\"transparent\",border:\"0 none\",paddingLeft:0}})),ExpandButton=styled.button(({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,marginBottom:\"4px\",background:\"none\",border:\"none\"})),Expandable=styled.div(codeCommon,({theme})=>({fontFamily:theme.typography.fonts.mono,color:theme.color.secondary,fontSize:theme.typography.size.s1,margin:0,whiteSpace:\"nowrap\",display:\"flex\",alignItems:\"center\"})),Detail=styled.div(({theme,width})=>({width,minWidth:200,maxWidth:800,padding:15,fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,boxSizing:\"content-box\",\"& code\":{padding:\"0 !important\"}})),ChevronUpIcon=styled(ChevronSmallUpIcon)({marginLeft:4}),ChevronDownIcon=styled(ChevronSmallDownIcon)({marginLeft:4}),EmptyArg=()=>React17.createElement(\"span\",null,\"-\"),ArgText=({text,simple})=>React17.createElement(Text,{simple},text),calculateDetailWidth=memoize(1e3)(detail=>{let lines=detail.split(/\\r?\\n/);return `${Math.max(...lines.map(x=>x.length))}ch`}),getSummaryItems=summary=>{if(!summary)return [summary];let summaryItems=summary.split(\"|\").map(value2=>value2.trim());return uniq(summaryItems)},renderSummaryItems=(summaryItems,isExpanded=!0)=>{let items=summaryItems;return isExpanded||(items=summaryItems.slice(0,ITEMS_BEFORE_EXPANSION)),items.map(item=>React17.createElement(ArgText,{key:item,text:item===\"\"?'\"\"':item}))},ArgSummary=({value:value2,initialExpandedArgs})=>{let{summary,detail}=value2,[isOpen,setIsOpen]=useState(!1),[isExpanded,setIsExpanded]=useState(initialExpandedArgs||!1);if(summary==null)return null;let summaryAsString=typeof summary.toString==\"function\"?summary.toString():summary;if(detail==null){if(/[(){}[\\]<>]/.test(summaryAsString))return React17.createElement(ArgText,{text:summaryAsString});let summaryItems=getSummaryItems(summaryAsString),itemsCount=summaryItems.length;return itemsCount>ITEMS_BEFORE_EXPANSION?React17.createElement(Summary,{isExpanded},renderSummaryItems(summaryItems,isExpanded),React17.createElement(ExpandButton,{onClick:()=>setIsExpanded(!isExpanded)},isExpanded?\"Show less...\":`Show ${itemsCount-ITEMS_BEFORE_EXPANSION} more...`)):React17.createElement(Summary,null,renderSummaryItems(summaryItems))}return React17.createElement(WithTooltipPure,{closeOnOutsideClick:!0,placement:\"bottom\",visible:isOpen,onVisibleChange:isVisible=>{setIsOpen(isVisible);},tooltip:React17.createElement(Detail,{width:calculateDetailWidth(detail)},React17.createElement(SyntaxHighlighter,{language:\"jsx\",format:!1},detail))},React17.createElement(Expandable,{className:\"sbdocs-expandable\"},React17.createElement(\"span\",null,summaryAsString),isOpen?React17.createElement(ChevronUpIcon,null):React17.createElement(ChevronDownIcon,null)))},ArgValue=({value:value2,initialExpandedArgs})=>value2==null?React17.createElement(EmptyArg,null):React17.createElement(ArgSummary,{value:value2,initialExpandedArgs});var Label=styled.label(({theme})=>({lineHeight:\"18px\",alignItems:\"center\",marginBottom:8,display:\"inline-block\",position:\"relative\",whiteSpace:\"nowrap\",background:theme.boolean.background,borderRadius:\"3em\",padding:1,input:{appearance:\"none\",width:\"100%\",height:\"100%\",position:\"absolute\",left:0,top:0,margin:0,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\",borderRadius:\"3em\",\"&:focus\":{outline:\"none\",boxShadow:`${theme.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:\"center\",fontSize:theme.typography.size.s1,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",cursor:\"pointer\",display:\"inline-block\",padding:\"7px 15px\",transition:\"all 100ms ease-out\",userSelect:\"none\",borderRadius:\"3em\",color:transparentize(.5,theme.color.defaultText),background:\"transparent\",\"&:hover\":{boxShadow:`${opacify(.3,theme.appBorderColor)} 0 0 0 1px inset`},\"&:active\":{boxShadow:`${opacify(.05,theme.appBorderColor)} 0 0 0 2px inset`,color:opacify(1,theme.appBorderColor)},\"&:first-of-type\":{paddingRight:8},\"&:last-of-type\":{paddingLeft:8}},\"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type\":{background:theme.boolean.selectedBackground,boxShadow:theme.base===\"light\"?`${opacify(.1,theme.appBorderColor)} 0 0 2px`:`${theme.appBorderColor} 0 0 0 1px`,color:theme.color.defaultText,padding:\"7px 15px\"}})),parse=value2=>value2===\"true\",BooleanControl=({name,value:value2,onChange,onBlur,onFocus})=>{let onSetFalse=useCallback(()=>onChange(!1),[onChange]);if(value2===void 0)return React17.createElement(Button,{variant:\"outline\",size:\"medium\",id:getControlSetterButtonId(name),onClick:onSetFalse},\"Set boolean\");let controlId=getControlId(name),parsedValue=typeof value2==\"string\"?parse(value2):value2;return React17.createElement(Label,{htmlFor:controlId,\"aria-label\":name},React17.createElement(\"input\",{id:controlId,type:\"checkbox\",onChange:e=>onChange(e.target.checked),checked:parsedValue,role:\"switch\",name,onBlur,onFocus}),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"False\"),React17.createElement(\"span\",{\"aria-hidden\":\"true\"},\"True\"))};var parseDate=value2=>{let[year,month,day]=value2.split(\"-\"),result=new Date;return result.setFullYear(parseInt(year,10),parseInt(month,10)-1,parseInt(day,10)),result},parseTime=value2=>{let[hours,minutes]=value2.split(\":\"),result=new Date;return result.setHours(parseInt(hours,10)),result.setMinutes(parseInt(minutes,10)),result},formatDate=value2=>{let date=new Date(value2),year=`000${date.getFullYear()}`.slice(-4),month=`0${date.getMonth()+1}`.slice(-2),day=`0${date.getDate()}`.slice(-2);return `${year}-${month}-${day}`},formatTime=value2=>{let date=new Date(value2),hours=`0${date.getHours()}`.slice(-2),minutes=`0${date.getMinutes()}`.slice(-2);return `${hours}:${minutes}`},FlexSpaced=styled.div(({theme})=>({flex:1,display:\"flex\",input:{marginLeft:10,flex:1,height:32,\"&::-webkit-calendar-picker-indicator\":{opacity:.5,height:12,filter:theme.base===\"light\"?void 0:\"invert(1)\"}},\"input:first-of-type\":{marginLeft:0,flexGrow:4},\"input:last-of-type\":{flexGrow:3}})),DateControl=({name,value:value2,onChange,onFocus,onBlur})=>{let[valid,setValid]=useState(!0),dateRef=useRef(),timeRef=useRef();useEffect(()=>{valid!==!1&&(dateRef&&dateRef.current&&(dateRef.current.value=formatDate(value2)),timeRef&&timeRef.current&&(timeRef.current.value=formatTime(value2)));},[value2]);let onDateChange=e=>{let parsed=parseDate(e.target.value),result=new Date(value2);result.setFullYear(parsed.getFullYear(),parsed.getMonth(),parsed.getDate());let time=result.getTime();time&&onChange(time),setValid(!!time);},onTimeChange=e=>{let parsed=parseTime(e.target.value),result=new Date(value2);result.setHours(parsed.getHours()),result.setMinutes(parsed.getMinutes());let time=result.getTime();time&&onChange(time),setValid(!!time);},controlId=getControlId(name);return React17.createElement(FlexSpaced,null,React17.createElement(Form.Input,{type:\"date\",max:\"9999-12-31\",ref:dateRef,id:`${controlId}-date`,name:`${controlId}-date`,onChange:onDateChange,onFocus,onBlur}),React17.createElement(Form.Input,{type:\"time\",id:`${controlId}-time`,name:`${controlId}-time`,ref:timeRef,onChange:onTimeChange,onFocus,onBlur}),valid?null:React17.createElement(\"div\",null,\"invalid\"))};var Wrapper3=styled.label({display:\"flex\"}),parse2=value2=>{let result=parseFloat(value2);return Number.isNaN(result)?void 0:result},format=value2=>value2!=null?String(value2):\"\",NumberControl=({name,value:value2,onChange,min,max,step,onBlur,onFocus})=>{let[inputValue,setInputValue]=useState(typeof value2==\"number\"?value2:\"\"),[forceVisible,setForceVisible]=useState(!1),[parseError,setParseError]=useState(null),handleChange=useCallback(event=>{setInputValue(event.target.value);let result=parseFloat(event.target.value);Number.isNaN(result)?setParseError(new Error(`'${event.target.value}' is not a number`)):(onChange(result),setParseError(null));},[onChange,setParseError]),onForceVisible=useCallback(()=>{setInputValue(\"0\"),onChange(0),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);return useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),useEffect(()=>{inputValue!==(typeof value2==\"number\"?value2:\"\")&&setInputValue(value2);},[value2]),!forceVisible&&value2===void 0?React17.createElement(Button,{variant:\"outline\",size:\"medium\",id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set number\"):React17.createElement(Wrapper3,null,React17.createElement(Form.Input,{ref:htmlElRef,id:getControlId(name),type:\"number\",onChange:handleChange,size:\"flex\",placeholder:\"Edit number...\",value:inputValue,valid:parseError?\"error\":null,autoFocus:forceVisible,name,min,max,step,onFocus,onBlur}))};var selectedKey=(value2,options)=>{let entry=options&&Object.entries(options).find(([_key,val])=>val===value2);return entry?entry[0]:void 0},selectedKeys=(value2,options)=>value2&&options?Object.entries(options).filter(entry=>value2.includes(entry[1])).map(entry=>entry[0]):[],selectedValues=(keys,options)=>keys&&options&&keys.map(key=>options[key]);var Wrapper4=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text2=styled.span({}),Label2=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),CheckboxControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Checkbox with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let initial=selectedKeys(value2,options),[selected,setSelected]=useState(initial),handleChange=e=>{let option=e.target.value,updated=[...selected];updated.includes(option)?updated.splice(updated.indexOf(option),1):updated.push(option),onChange(selectedValues(updated,options)),setSelected(updated);};useEffect(()=>{setSelected(selectedKeys(value2,options));},[value2]);let controlId=getControlId(name);return React17.createElement(Wrapper4,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label2,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"checkbox\",id,name:id,value:key,onChange:handleChange,checked:selected?.includes(key)}),React17.createElement(Text2,null,key))}))};var Wrapper5=styled.div(({isInline})=>isInline?{display:\"flex\",flexWrap:\"wrap\",alignItems:\"flex-start\",label:{display:\"inline-flex\",marginRight:15}}:{label:{display:\"flex\"}}),Text3=styled.span({}),Label3=styled.label({lineHeight:\"20px\",alignItems:\"center\",marginBottom:8,\"&:last-child\":{marginBottom:0},input:{margin:0,marginRight:6}}),RadioControl=({name,options,value:value2,onChange,isInline})=>{if(!options)return logger.warn(`Radio with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\");let selection=selectedKey(value2,options),controlId=getControlId(name);return React17.createElement(Wrapper5,{isInline},Object.keys(options).map((key,index)=>{let id=`${controlId}-${index}`;return React17.createElement(Label3,{key:id,htmlFor:id},React17.createElement(\"input\",{type:\"radio\",id,name:id,value:key,onChange:e=>onChange(options[e.currentTarget.value]),checked:key===selection}),React17.createElement(Text3,null,key))}))};var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},OptionsSelect=styled.select(styleResets,({theme})=>({boxSizing:\"border-box\",position:\"relative\",padding:\"6px 10px\",width:\"100%\",color:theme.input.color||\"inherit\",background:theme.input.background,borderRadius:theme.input.borderRadius,boxShadow:`${theme.input.border} 0 0 0 1px inset`,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"::placeholder\":{color:theme.textMutedColor},\"&[multiple]\":{overflow:\"auto\",padding:0,option:{display:\"block\",padding:\"6px 10px\",marginLeft:1,marginRight:1}}})),SelectWrapper=styled.span(({theme})=>({display:\"inline-block\",lineHeight:\"normal\",overflow:\"hidden\",position:\"relative\",verticalAlign:\"top\",width:\"100%\",svg:{position:\"absolute\",zIndex:1,pointerEvents:\"none\",height:\"12px\",marginTop:\"-6px\",right:\"12px\",top:\"50%\",fill:theme.textMutedColor,path:{fill:theme.textMutedColor}}})),NO_SELECTION=\"Choose option...\",SingleSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{onChange(options[e.currentTarget.value]);},selection=selectedKey(value2,options)||NO_SELECTION,controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(ChevronSmallDownIcon,null),React17.createElement(OptionsSelect,{id:controlId,value:selection,onChange:handleChange},React17.createElement(\"option\",{key:\"no-selection\",disabled:!0},NO_SELECTION),Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},MultiSelect=({name,value:value2,options,onChange})=>{let handleChange=e=>{let selection2=Array.from(e.currentTarget.options).filter(option=>option.selected).map(option=>option.value);onChange(selectedValues(selection2,options));},selection=selectedKeys(value2,options),controlId=getControlId(name);return React17.createElement(SelectWrapper,null,React17.createElement(OptionsSelect,{id:controlId,multiple:!0,value:selection,onChange:handleChange},Object.keys(options).map(key=>React17.createElement(\"option\",{key,value:key},key))))},SelectControl=props=>{let{name,options}=props;return options?props.isMulti?React17.createElement(MultiSelect,{...props}):React17.createElement(SingleSelect,{...props}):(logger.warn(`Select with no options: ${name}`),React17.createElement(React17.Fragment,null,\"-\"))};var normalizeOptions=(options,labels)=>Array.isArray(options)?options.reduce((acc,item)=>(acc[labels?.[item]||String(item)]=item,acc),{}):options,Controls={check:CheckboxControl,\"inline-check\":CheckboxControl,radio:RadioControl,\"inline-radio\":RadioControl,select:SelectControl,\"multi-select\":SelectControl},OptionsControl=props=>{let{type=\"select\",labels,argType}=props,normalized={...props,options:argType?normalizeOptions(argType.options,labels):{},isInline:type.includes(\"inline\"),isMulti:type.includes(\"multi\")},Control=Controls[type];if(Control)return React17.createElement(Control,{...normalized});throw new Error(`Unknown options type: ${type}`)};var VALUE=\"value\",KEY=\"key\";var ERROR=\"Error\",OBJECT=\"Object\",ARRAY=\"Array\",STRING=\"String\",NUMBER=\"Number\",BOOLEAN=\"Boolean\",DATE=\"Date\",NULL=\"Null\",UNDEFINED=\"Undefined\",FUNCTION=\"Function\",SYMBOL=\"Symbol\";var ADD_DELTA_TYPE=\"ADD_DELTA_TYPE\",REMOVE_DELTA_TYPE=\"REMOVE_DELTA_TYPE\",UPDATE_DELTA_TYPE=\"UPDATE_DELTA_TYPE\";function getObjectType(obj){return obj!==null&&typeof obj==\"object\"&&!Array.isArray(obj)&&typeof obj[Symbol.iterator]==\"function\"?\"Iterable\":Object.prototype.toString.call(obj).slice(8,-1)}function isComponentWillChange(oldValue,newValue){let oldType=getObjectType(oldValue),newType=getObjectType(newValue);return (oldType===\"Function\"||newType===\"Function\")&&newType!==oldType}var JsonAddValue=class extends Component{constructor(props){super(props),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this);}componentDidMount(){let{inputRefKey,inputRefValue}=this.state,{onlyValue}=this.props;inputRefKey&&typeof inputRefKey.focus==\"function\"&&inputRefKey.focus(),onlyValue&&inputRefValue&&typeof inputRefValue.focus==\"function\"&&inputRefValue.focus(),document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.onSubmit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.props.handleCancel()));}onSubmit(){let{handleAdd,onlyValue,onSubmitValueParser,keyPath,deep}=this.props,{inputRefKey,inputRefValue}=this.state,result={};if(!onlyValue){if(!inputRefKey.value)return;result.key=inputRefKey.value;}result.newValue=onSubmitValueParser(!1,keyPath,deep,result.key,inputRefValue.value),handleAdd(result);}refInputKey(node){this.state.inputRefKey=node;}refInputValue(node){this.state.inputRefValue=node;}render(){let{handleCancel,onlyValue,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep}=this.props,addButtonElementLayout=cloneElement(addButtonElement,{onClick:this.onSubmit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:handleCancel}),inputElementValue=inputElementGenerator(VALUE,keyPath,deep),inputElementValueLayout=cloneElement(inputElementValue,{placeholder:\"Value\",ref:this.refInputValue}),inputElementKeyLayout=null;if(!onlyValue){let inputElementKey=inputElementGenerator(KEY,keyPath,deep);inputElementKeyLayout=cloneElement(inputElementKey,{placeholder:\"Key\",ref:this.refInputKey});}return React17.createElement(\"span\",{className:\"rejt-add-value-node\"},inputElementKeyLayout,inputElementValueLayout,cancelButtonElementLayout,addButtonElementLayout)}};JsonAddValue.defaultProps={onlyValue:!1,addButtonElement:React17.createElement(\"button\",null,\"+\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\")};var JsonArray=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={data:props.data,name:props.name,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleRemoveItem(index){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[index];beforeRemoveAction(index,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key:index,oldValue,type:REMOVE_DELTA_TYPE};data.splice(index,1),this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleAddValueAdd({newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(data.length,keyPath,deep,newValue).then(()=>{let newData=[...data,newValue];this.setState({data:newData}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],newData),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key:newData.length-1,newValue});}).catch(logger4.error);}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve(void 0);}).catch(reject);})}renderCollapsed(){let{name,data,keyPath,deep}=this.state,{handleRemove,readOnly,getStyle,dataType,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"[...] \",data.length,\" \",data.length===1?\"item\":\"items\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,addFormVisible,nextDeep}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,delimiter,ul,addForm}=getStyle(name,data,keyPath,deep,dataType),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"[\"),!addFormVisible&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},data.map((item,index)=>React17.createElement(JsonNode,{key:index,name:index.toString(),data:item,keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveItem(index),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}))),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"]\"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{dataType,getStyle}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-array-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonArray.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonFunctionValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,readOnlyResult=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!readOnlyResult&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,textareaElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),result=null,minusElement=null,resultOnlyResult=readOnly(name,originalValue,keyPath,deep,dataType);if(editEnabled&&!resultOnlyResult){let textareaElement=textareaElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),textareaElementLayout=cloneElement(textareaElement,{ref:this.refInput,defaultValue:originalValue});result=React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},textareaElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout),minusElement=null;}else {result=React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:resultOnlyResult?null:this.handleEditMode},value2);let minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});minusElement=resultOnlyResult?null:minusMenuLayout;}return React17.createElement(\"li\",{className:\"rejt-function-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \"),result,minusElement)}};JsonFunctionValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var JsonNode=class extends Component{constructor(props){super(props),this.state={data:props.data,name:props.name,keyPath:props.keyPath,deep:props.deep};}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}render(){let{data,name,keyPath,deep}=this.state,{isCollapsed,handleRemove,handleUpdateValue,onUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,readOnlyTrue=()=>!0,dataType=getObjectType(data);switch(dataType){case ERROR:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly:readOnlyTrue,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case OBJECT:return React17.createElement(JsonObject,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case ARRAY:return React17.createElement(JsonArray,{data,name,isCollapsed,keyPath,deep,handleRemove,onUpdate,onDeltaUpdate,readOnly,dataType,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser});case STRING:return React17.createElement(JsonValue,{name,value:`\"${data}\"`,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NUMBER:return React17.createElement(JsonValue,{name,value:data,originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case BOOLEAN:return React17.createElement(JsonValue,{name,value:data?\"true\":\"false\",originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case DATE:return React17.createElement(JsonValue,{name,value:data.toISOString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case NULL:return React17.createElement(JsonValue,{name,value:\"null\",originalValue:\"null\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case UNDEFINED:return React17.createElement(JsonValue,{name,value:\"undefined\",originalValue:\"undefined\",keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case FUNCTION:return React17.createElement(JsonFunctionValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly,dataType,getStyle,cancelButtonElement,editButtonElement,textareaElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});case SYMBOL:return React17.createElement(JsonValue,{name,value:data.toString(),originalValue:data,keyPath,deep,handleRemove,handleUpdateValue,readOnly:readOnlyTrue,dataType,getStyle,cancelButtonElement,editButtonElement,inputElementGenerator,minusMenuElement,logger:logger4,onSubmitValueParser});default:return null}}};JsonNode.defaultProps={keyPath:[],deep:0};var JsonObject=class extends Component{constructor(props){super(props);let keyPath=props.deep===-1?[]:[...props.keyPath,props.name];this.state={name:props.name,data:props.data,keyPath,deep:props.deep,nextDeep:props.deep+1,collapsed:props.isCollapsed(keyPath,props.deep,props.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data?{data:props.data}:null}onChildUpdate(childKey,childData){let{data,keyPath}=this.state;data[childKey]=childData,this.setState({data});let{onUpdate}=this.props,size=keyPath.length;onUpdate(keyPath[size-1],data);}handleAddMode(){this.setState({addFormVisible:!0});}handleAddValueCancel(){this.setState({addFormVisible:!1});}handleAddValueAdd({key,newValue}){let{data,keyPath,nextDeep:deep}=this.state,{beforeAddAction,logger:logger4}=this.props;beforeAddAction(key,keyPath,deep,newValue).then(()=>{data[key]=newValue,this.setState({data}),this.handleAddValueCancel();let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:ADD_DELTA_TYPE,keyPath,deep,key,newValue});}).catch(logger4.error);}handleRemoveValue(key){return ()=>{let{beforeRemoveAction,logger:logger4}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeRemoveAction(key,keyPath,deep,oldValue).then(()=>{let deltaUpdateResult={keyPath,deep,key,oldValue,type:REMOVE_DELTA_TYPE};delete data[key],this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate(deltaUpdateResult);}).catch(logger4.error);}}handleCollapseMode(){this.setState(state=>({collapsed:!state.collapsed}));}handleEditValue({key,value:value2}){return new Promise((resolve,reject)=>{let{beforeUpdateAction}=this.props,{data,keyPath,nextDeep:deep}=this.state,oldValue=data[key];beforeUpdateAction(key,keyPath,deep,oldValue,value2).then(()=>{data[key]=value2,this.setState({data});let{onUpdate,onDeltaUpdate}=this.props;onUpdate(keyPath[keyPath.length-1],data),onDeltaUpdate({type:UPDATE_DELTA_TYPE,keyPath,deep,key,newValue:value2,oldValue}),resolve();}).catch(reject);})}renderCollapsed(){let{name,keyPath,deep,data}=this.state,{handleRemove,readOnly,dataType,getStyle,minusMenuElement}=this.props,{minus,collapsed}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus});return React17.createElement(\"span\",{className:\"rejt-collapsed\"},React17.createElement(\"span\",{className:\"rejt-collapsed-text\",style:collapsed,onClick:this.handleCollapseMode},\"{...}\",\" \",keyList.length,\" \",keyList.length===1?\"key\":\"keys\"),!isReadOnly&&removeItemButton)}renderNotCollapsed(){let{name,data,keyPath,deep,nextDeep,addFormVisible}=this.state,{isCollapsed,handleRemove,onDeltaUpdate,readOnly,getStyle,dataType,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}=this.props,{minus,plus,addForm,ul,delimiter}=getStyle(name,data,keyPath,deep,dataType),keyList=Object.getOwnPropertyNames(data),isReadOnly=readOnly(name,data,keyPath,deep,dataType),addItemButton=cloneElement(plusMenuElement,{onClick:this.handleAddMode,className:\"rejt-plus-menu\",style:plus}),removeItemButton=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:minus}),list=keyList.map(key=>React17.createElement(JsonNode,{key,name:key,data:data[key],keyPath,deep:nextDeep,isCollapsed,handleRemove:this.handleRemoveValue(key),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator,textareaElementGenerator,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser}));return React17.createElement(\"span\",{className:\"rejt-not-collapsed\"},React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"{\"),!isReadOnly&&addItemButton,React17.createElement(\"ul\",{className:\"rejt-not-collapsed-list\",style:ul},list),!isReadOnly&&addFormVisible&&React17.createElement(\"div\",{className:\"rejt-add-form\",style:addForm},React17.createElement(JsonAddValue,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement,cancelButtonElement,inputElementGenerator,keyPath,deep,onSubmitValueParser})),React17.createElement(\"span\",{className:\"rejt-not-collapsed-delimiter\",style:delimiter},\"}\"),!isReadOnly&&removeItemButton)}render(){let{name,collapsed,data,keyPath,deep}=this.state,{getStyle,dataType}=this.props,value2=collapsed?this.renderCollapsed():this.renderNotCollapsed(),style=getStyle(name,data,keyPath,deep,dataType);return React17.createElement(\"div\",{className:\"rejt-object-node\"},React17.createElement(\"span\",{onClick:this.handleCollapseMode},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" :\",\" \")),value2)}};JsonObject.defaultProps={keyPath:[],deep:0,minusMenuElement:React17.createElement(\"span\",null,\" - \"),plusMenuElement:React17.createElement(\"span\",null,\" + \")};var JsonValue=class extends Component{constructor(props){super(props);let keyPath=[...props.keyPath,props.name];this.state={value:props.value,name:props.name,keyPath,deep:props.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this);}static getDerivedStateFromProps(props,state){return props.value!==state.value?{value:props.value}:null}componentDidUpdate(){let{editEnabled,inputRef,name,value:value2,keyPath,deep}=this.state,{readOnly,dataType}=this.props,isReadOnly=readOnly(name,value2,keyPath,deep,dataType);editEnabled&&!isReadOnly&&typeof inputRef.focus==\"function\"&&inputRef.focus();}componentDidMount(){document.addEventListener(\"keydown\",this.onKeydown);}componentWillUnmount(){document.removeEventListener(\"keydown\",this.onKeydown);}onKeydown(event){event.altKey||event.ctrlKey||event.metaKey||event.shiftKey||event.repeat||((event.code===\"Enter\"||event.key===\"Enter\")&&(event.preventDefault(),this.handleEdit()),(event.code===\"Escape\"||event.key===\"Escape\")&&(event.preventDefault(),this.handleCancelEdit()));}handleEdit(){let{handleUpdateValue,originalValue,logger:logger4,onSubmitValueParser,keyPath}=this.props,{inputRef,name,deep}=this.state;if(!inputRef)return;let newValue=onSubmitValueParser(!0,keyPath,deep,name,inputRef.value);handleUpdateValue({value:newValue,key:name}).then(()=>{isComponentWillChange(originalValue,newValue)||this.handleCancelEdit();}).catch(logger4.error);}handleEditMode(){this.setState({editEnabled:!0});}refInput(node){this.state.inputRef=node;}handleCancelEdit(){this.setState({editEnabled:!1});}render(){let{name,value:value2,editEnabled,keyPath,deep}=this.state,{handleRemove,originalValue,readOnly,dataType,getStyle,editButtonElement,cancelButtonElement,inputElementGenerator,minusMenuElement,keyPath:comeFromKeyPath}=this.props,style=getStyle(name,originalValue,keyPath,deep,dataType),isReadOnly=readOnly(name,originalValue,keyPath,deep,dataType),isEditing=editEnabled&&!isReadOnly,inputElement=inputElementGenerator(VALUE,comeFromKeyPath,deep,name,originalValue,dataType),editButtonElementLayout=cloneElement(editButtonElement,{onClick:this.handleEdit}),cancelButtonElementLayout=cloneElement(cancelButtonElement,{onClick:this.handleCancelEdit}),inputElementLayout=cloneElement(inputElement,{ref:this.refInput,defaultValue:JSON.stringify(originalValue)}),minusMenuLayout=cloneElement(minusMenuElement,{onClick:handleRemove,className:\"rejt-minus-menu\",style:style.minus});return React17.createElement(\"li\",{className:\"rejt-value-node\",style:style.li},React17.createElement(\"span\",{className:\"rejt-name\",style:style.name},name,\" : \"),isEditing?React17.createElement(\"span\",{className:\"rejt-edit-form\",style:style.editForm},inputElementLayout,\" \",cancelButtonElementLayout,editButtonElementLayout):React17.createElement(\"span\",{className:\"rejt-value\",style:style.value,onClick:isReadOnly?null:this.handleEditMode},String(value2)),!isReadOnly&&!isEditing&&minusMenuLayout)}};JsonValue.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:React17.createElement(\"button\",null,\"e\"),cancelButtonElement:React17.createElement(\"button\",null,\"c\"),minusMenuElement:React17.createElement(\"span\",null,\" - \")};var object={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},array={minus:{color:\"red\"},plus:{color:\"green\"},collapsed:{color:\"grey\"},delimiter:{},ul:{padding:\"0px\",margin:\"0 0 0 25px\",listStyle:\"none\"},name:{color:\"#2287CD\"},addForm:{}},value={minus:{color:\"red\"},editForm:{},value:{color:\"#7bba3d\"},li:{minHeight:\"22px\",lineHeight:\"22px\",outline:\"0px\"},name:{color:\"#2287CD\"}};function parse3(string){let result=string;if(result.indexOf(\"function\")===0)return (0, eval)(`(${result})`);try{result=JSON.parse(string);}catch{}return result}var JsonTree=class extends Component{constructor(props){super(props),this.state={data:props.data,rootName:props.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this);}static getDerivedStateFromProps(props,state){return props.data!==state.data||props.rootName!==state.rootName?{data:props.data,rootName:props.rootName}:null}onUpdate(key,data){this.setState({data}),this.props.onFullyUpdate(data);}removeRoot(){this.onUpdate(null,null);}render(){let{data,rootName}=this.state,{isCollapsed,onDeltaUpdate,readOnly,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElement,textareaElement,minusMenuElement,plusMenuElement,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser,fallback=null}=this.props,dataType=getObjectType(data),readOnlyFunction=readOnly;getObjectType(readOnly)===\"Boolean\"&&(readOnlyFunction=()=>readOnly);let inputElementFunction=inputElement;inputElement&&getObjectType(inputElement)!==\"Function\"&&(inputElementFunction=()=>inputElement);let textareaElementFunction=textareaElement;return textareaElement&&getObjectType(textareaElement)!==\"Function\"&&(textareaElementFunction=()=>textareaElement),dataType===\"Object\"||dataType===\"Array\"?React17.createElement(\"div\",{className:\"rejt-tree\"},React17.createElement(JsonNode,{data,name:rootName,deep:-1,isCollapsed,onUpdate:this.onUpdate,onDeltaUpdate,readOnly:readOnlyFunction,getStyle,addButtonElement,cancelButtonElement,editButtonElement,inputElementGenerator:inputElementFunction,textareaElementGenerator:textareaElementFunction,minusMenuElement,plusMenuElement,handleRemove:this.removeRoot,beforeRemoveAction,beforeAddAction,beforeUpdateAction,logger:logger4,onSubmitValueParser})):fallback}};JsonTree.defaultProps={rootName:\"root\",isCollapsed:(keyPath,deep)=>deep!==-1,getStyle:(keyName,data,keyPath,deep,dataType)=>{switch(dataType){case\"Object\":case\"Error\":return object;case\"Array\":return array;default:return value}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(isEditMode,keyPath,deep,name,rawValue)=>parse3(rawValue),inputElement:()=>React17.createElement(\"input\",null),textareaElement:()=>React17.createElement(\"textarea\",null),fallback:null};var {window:globalWindow2}=global,Wrapper6=styled.div(({theme})=>({position:\"relative\",display:\"flex\",\".rejt-tree\":{marginLeft:\"1rem\",fontSize:\"13px\"},\".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed\":{\"& > svg\":{opacity:0,transition:\"opacity 0.2s\"}},\".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed\":{\"& > svg\":{opacity:1}},\".rejt-edit-form button\":{display:\"none\"},\".rejt-add-form\":{marginLeft:10},\".rejt-add-value-node\":{display:\"inline-flex\",alignItems:\"center\"},\".rejt-name\":{lineHeight:\"22px\"},\".rejt-not-collapsed-delimiter\":{lineHeight:\"22px\"},\".rejt-plus-menu\":{marginLeft:5},\".rejt-object-node > span > *, .rejt-array-node > span > *\":{position:\"relative\",zIndex:2},\".rejt-object-node, .rejt-array-node\":{position:\"relative\"},\".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before\":{content:'\"\"',position:\"absolute\",top:0,display:\"block\",width:\"100%\",marginLeft:\"-1rem\",padding:\"0 4px 0 1rem\",height:22},\".rejt-collapsed::before, .rejt-not-collapsed::before\":{zIndex:1,background:\"transparent\",borderRadius:4,transition:\"background 0.2s\",pointerEvents:\"none\",opacity:.1},\".rejt-object-node:hover, .rejt-array-node:hover\":{\"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before\":{background:theme.color.secondary}},\".rejt-collapsed::after, .rejt-not-collapsed::after\":{content:'\"\"',position:\"absolute\",display:\"inline-block\",pointerEvents:\"none\",width:0,height:0},\".rejt-collapsed::after\":{left:-8,top:8,borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",borderLeft:\"3px solid rgba(153,153,153,0.6)\"},\".rejt-not-collapsed::after\":{left:-10,top:10,borderTop:\"3px solid rgba(153,153,153,0.6)\",borderLeft:\"3px solid transparent\",borderRight:\"3px solid transparent\"},\".rejt-value\":{display:\"inline-block\",border:\"1px solid transparent\",borderRadius:4,margin:\"1px 0\",padding:\"0 4px\",cursor:\"text\",color:theme.color.defaultText},\".rejt-value-node:hover > .rejt-value\":{background:theme.color.lighter,borderColor:theme.appBorderColor}})),ButtonInline=styled.button(({theme,primary})=>({border:0,height:20,margin:1,borderRadius:4,background:primary?theme.color.secondary:\"transparent\",color:primary?theme.color.lightest:theme.color.dark,fontWeight:primary?\"bold\":\"normal\",cursor:\"pointer\",order:primary?\"initial\":9})),ActionAddIcon=styled(AddIcon)(({theme,disabled})=>({display:\"inline-block\",verticalAlign:\"middle\",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?\"not-allowed\":\"pointer\",color:theme.textMutedColor,\"&:hover\":disabled?{}:{color:theme.color.ancillary},\"svg + &\":{marginLeft:0}})),ActionSubstractIcon=styled(SubtractIcon)(({theme,disabled})=>({display:\"inline-block\",verticalAlign:\"middle\",width:15,height:15,padding:3,marginLeft:5,cursor:disabled?\"not-allowed\":\"pointer\",color:theme.textMutedColor,\"&:hover\":disabled?{}:{color:theme.color.negative},\"svg + &\":{marginLeft:0}})),Input=styled.input(({theme,placeholder})=>({outline:0,margin:placeholder?1:\"1px 0\",padding:\"3px 4px\",color:theme.color.defaultText,background:theme.background.app,border:`1px solid ${theme.appBorderColor}`,borderRadius:4,lineHeight:\"14px\",width:placeholder===\"Key\"?80:120,\"&:focus\":{border:`1px solid ${theme.color.secondary}`}})),RawButton=styled(IconButton)(({theme})=>({position:\"absolute\",zIndex:2,top:2,right:2,height:21,padding:\"0 3px\",background:theme.background.bar,border:`1px solid ${theme.appBorderColor}`,borderRadius:3,color:theme.textMutedColor,fontSize:\"9px\",fontWeight:\"bold\",textDecoration:\"none\",span:{marginLeft:3,marginTop:1}})),RawInput=styled(Form.Textarea)(({theme})=>({flex:1,padding:\"7px 6px\",fontFamily:theme.typography.fonts.mono,fontSize:\"12px\",lineHeight:\"18px\",\"&::placeholder\":{fontFamily:theme.typography.fonts.base,fontSize:\"13px\"},\"&:placeholder-shown\":{padding:\"7px 10px\"}})),ENTER_EVENT={bubbles:!0,cancelable:!0,key:\"Enter\",code:\"Enter\",keyCode:13},dispatchEnterKey=event=>{event.currentTarget.dispatchEvent(new globalWindow2.KeyboardEvent(\"keydown\",ENTER_EVENT));},selectValue=event=>{event.currentTarget.select();},getCustomStyleFunction=theme=>()=>({name:{color:theme.color.secondary},collapsed:{color:theme.color.dark},ul:{listStyle:\"none\",margin:\"0 0 0 1rem\",padding:0},li:{outline:0}}),ObjectControl=({name,value:value2,onChange})=>{let theme=useTheme(),data=useMemo(()=>value2&&cloneDeep(value2),[value2]),hasData=data!=null,[showRaw,setShowRaw]=useState(!hasData),[parseError,setParseError]=useState(null),updateRaw=useCallback(raw=>{try{raw&&onChange(JSON.parse(raw)),setParseError(void 0);}catch(e){setParseError(e);}},[onChange]),[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange({}),setForceVisible(!0);},[setForceVisible]),htmlElRef=useRef(null);if(useEffect(()=>{forceVisible&&htmlElRef.current&&htmlElRef.current.select();},[forceVisible]),!hasData)return React17.createElement(Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set object\");let rawJSONForm=React17.createElement(RawInput,{ref:htmlElRef,id:getControlId(name),name,defaultValue:value2===null?\"\":JSON.stringify(value2,null,2),onBlur:event=>updateRaw(event.target.value),placeholder:\"Edit JSON string...\",autoFocus:forceVisible,valid:parseError?\"error\":null}),isObjectOrArray=Array.isArray(value2)||typeof value2==\"object\"&&value2?.constructor===Object;return React17.createElement(Wrapper6,null,isObjectOrArray&&React17.createElement(RawButton,{onClick:e=>{e.preventDefault(),setShowRaw(v=>!v);}},showRaw?React17.createElement(EyeCloseIcon,null):React17.createElement(EyeIcon,null),React17.createElement(\"span\",null,\"RAW\")),showRaw?rawJSONForm:React17.createElement(JsonTree,{readOnly:!isObjectOrArray,isCollapsed:isObjectOrArray?void 0:()=>!0,data,rootName:name,onFullyUpdate:onChange,getStyle:getCustomStyleFunction(theme),cancelButtonElement:React17.createElement(ButtonInline,{type:\"button\"},\"Cancel\"),editButtonElement:React17.createElement(ButtonInline,{type:\"submit\"},\"Save\"),addButtonElement:React17.createElement(ButtonInline,{type:\"submit\",primary:!0},\"Save\"),plusMenuElement:React17.createElement(ActionAddIcon,null),minusMenuElement:React17.createElement(ActionSubstractIcon,null),inputElement:(_,__,___,key)=>key?React17.createElement(Input,{onFocus:selectValue,onBlur:dispatchEnterKey}):React17.createElement(Input,null),fallback:rawJSONForm}))};var RangeInput=styled.input(({theme,min,max,value:value2})=>({\"&\":{width:\"100%\",backgroundColor:\"transparent\",appearance:\"none\"},\"&::-webkit-slider-runnable-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\"},\"&::-webkit-slider-thumb\":{marginTop:\"-6px\",width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",appearance:\"none\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&:focus\":{outline:\"none\",\"&::-webkit-slider-runnable-track\":{borderColor:rgba(theme.color.secondary,.4)},\"&::-webkit-slider-thumb\":{borderColor:theme.color.secondary,boxShadow:`0 0px 5px 0px ${theme.color.secondary}`}},\"&::-moz-range-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:\"100%\",height:6,cursor:\"pointer\",outline:\"none\"},\"&::-moz-range-thumb\":{width:16,height:16,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:\"50px\",boxShadow:`0 1px 3px 0px ${rgba(theme.appBorderColor,.2)}`,cursor:\"grab\",background:`${theme.input.background}`,transition:\"all 150ms ease-out\",\"&:hover\":{background:`${darken(.05,theme.input.background)}`,transform:\"scale3d(1.1, 1.1, 1.1) translateY(-1px)\",transition:\"all 50ms ease-out\"},\"&:active\":{background:`${theme.input.background}`,transform:\"scale3d(1, 1, 1) translateY(0px)\",cursor:\"grabbing\"}},\"&::-ms-track\":{background:theme.base===\"light\"?`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${darken(.02,theme.input.background)} 100%)`:`linear-gradient(to right, \n ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%, \n ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.appBorderColor} 0 0 0 1px inset`,color:\"transparent\",width:\"100%\",height:\"6px\",cursor:\"pointer\"},\"&::-ms-fill-lower\":{borderRadius:6},\"&::-ms-fill-upper\":{borderRadius:6},\"&::-ms-thumb\":{width:16,height:16,background:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:\"grab\",marginTop:0},\"@supports (-ms-ime-align:auto)\":{\"input[type=range]\":{margin:\"0\"}}})),RangeLabel=styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:\"nowrap\",fontFeatureSettings:\"tnum\",fontVariantNumeric:\"tabular-nums\"}),RangeCurrentAndMaxLabel=styled(RangeLabel)(({numberOFDecimalsPlaces,max})=>({width:`${numberOFDecimalsPlaces+max.toString().length*2+3}ch`,textAlign:\"right\",flexShrink:0})),RangeWrapper=styled.div({display:\"flex\",alignItems:\"center\",width:\"100%\"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\\.(\\d+))?(?:[eE]([+-]?\\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value));},hasValue=value2!==void 0,numberOFDecimalsPlaces=useMemo(()=>getNumberOfDecimalPlaces(step),[step]);return React17.createElement(RangeWrapper,null,React17.createElement(RangeLabel,null,min),React17.createElement(RangeInput,{id:getControlId(name),type:\"range\",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),React17.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces,max},hasValue?value2.toFixed(numberOFDecimalsPlaces):\"--\",\" / \",max))};var Wrapper7=styled.label({display:\"flex\"}),MaxLength=styled.div(({isMaxed})=>({marginLeft:\"0.75rem\",paddingTop:\"0.35rem\",color:isMaxed?\"red\":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value);},[forceVisible,setForceVisible]=useState(!1),onForceVisible=useCallback(()=>{onChange(\"\"),setForceVisible(!0);},[setForceVisible]);if(value2===void 0)return React17.createElement(Button,{variant:\"outline\",size:\"medium\",id:getControlSetterButtonId(name),onClick:onForceVisible},\"Set string\");let isValid=typeof value2==\"string\";return React17.createElement(Wrapper7,null,React17.createElement(Form.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:\"flex\",placeholder:\"Edit string...\",autoFocus:forceVisible,valid:isValid?null:\"error\",name,value:isValid?value2:\"\",onFocus,onBlur}),maxLength&&React17.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0,\" / \",maxLength))};var FileInput=styled(Form.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith(\"blob:\")&&URL.revokeObjectURL(url);});}var FilesControl=({onChange,name,accept=\"image/*\",value:value2})=>{let inputElement=useRef(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2);}return useEffect(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null);},[value2,name]),React17.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:\"file\",name,multiple:!0,onChange:handleFileChange,accept,size:\"flex\"})};var LazyColorControl=lazy(()=>import('./Color-RQJUDNI5.mjs')),ColorControl=props=>React17.createElement(Suspense,{fallback:React17.createElement(\"div\",null)},React17.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,\"inline-check\":OptionsControl,radio:OptionsControl,\"inline-radio\":OptionsControl,select:OptionsControl,\"multi-select\":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>React17.createElement(React17.Fragment,null,\"-\"),ArgControl=({row,arg,updateArgs,isHovered})=>{let{key,control}=row,[isFocused,setFocused]=useState(!1),[boxedValue,setBoxedValue]=useState({value:arg});useEffect(()=>{isFocused||setBoxedValue({value:arg});},[isFocused,arg]);let onChange=useCallback(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=useCallback(()=>setFocused(!1),[]),onFocus=useCallback(()=>setFocused(!0),[]);if(!control||control.disable){let canBeSetup=control?.disable!==!0&&row?.type?.name!==\"function\";return isHovered&&canBeSetup?React17.createElement(Link,{href:\"https://storybook.js.org/docs/react/essentials/controls\",target:\"_blank\",withArrow:!0},\"Setup controls\"):React17.createElement(NoControl,null)}let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return React17.createElement(Control,{...props,...control,controlType:control.type})};var Name=styled.span({fontWeight:\"bold\"}),Required=styled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:\"help\"})),Description=styled.div(({theme})=>({\"&&\":{p:{margin:\"0 0 10px 0\"},a:{color:theme.color.secondary}},code:{...codeCommon({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},\"& code\":{margin:0,display:\"inline-block\"},\"& pre > code\":{whiteSpace:\"pre-wrap\"}})),Type=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=styled.div(({theme,hasDescription})=>({color:theme.base===\"light\"?transparentize(.1,theme.color.defaultText):transparentize(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=styled.td(({theme,expandable})=>({paddingLeft:expandable?\"40px !important\":\"20px !important\"})),toSummary=value2=>value2&&{summary:typeof value2==\"string\"?value2:value2.name},ArgRow=props=>{let[isHovered,setIsHovered]=useState(!1),{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||toSummary(row.type),defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!==\"\";return React17.createElement(\"tr\",{onMouseEnter:()=>setIsHovered(!0),onMouseLeave:()=>setIsHovered(!1)},React17.createElement(StyledTd,{expandable},React17.createElement(Name,null,name),required?React17.createElement(Required,{title:\"Required\"},\"*\"):null),compact?null:React17.createElement(\"td\",null,hasDescription&&React17.createElement(Description,null,React17.createElement(Markdown,null,description)),table.jsDocTags!=null?React17.createElement(React17.Fragment,null,React17.createElement(TypeWithJsDoc,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs})),React17.createElement(ArgJsDoc,{tags:table.jsDocTags})):React17.createElement(Type,{hasDescription},React17.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:React17.createElement(\"td\",null,React17.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?React17.createElement(\"td\",null,React17.createElement(ArgControl,{...props,isHovered})):null)};var ExpanderIconDown=styled(ChevronDownIcon$1)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.3,theme.color.defaultText),border:\"none\",display:\"inline-block\"})),ExpanderIconRight=styled(ChevronRightIcon)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.3,theme.color.defaultText),border:\"none\",display:\"inline-block\"})),FlexWrapper=styled.span(({theme})=>({display:\"flex\",lineHeight:\"20px\",alignItems:\"center\"})),Section=styled.td(({theme})=>({position:\"relative\",letterSpacing:\"0.35em\",textTransform:\"uppercase\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s1-1,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),background:`${theme.background.app} !important`,\"& ~ td\":{background:`${theme.background.app} !important`}})),Subsection=styled.td(({theme})=>({position:\"relative\",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.app})),StyledTd2=styled.td(()=>({position:\"relative\"})),StyledTr=styled.tr(({theme})=>({\"&:hover > td\":{backgroundColor:`${lighten(.005,theme.background.app)} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:\"row-resize\"}})),ClickIntercept=styled.button(()=>({background:\"none\",border:\"none\",padding:\"0\",font:\"inherit\",position:\"absolute\",top:0,bottom:0,left:0,right:0,height:\"100%\",width:\"100%\",color:\"transparent\",cursor:\"row-resize !important\"})),SectionRow=({level=\"section\",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=useState(initialExpanded),Level=level===\"subsection\"?Subsection:Section,itemCount=children?.length||0,caption=level===\"subsection\"?`${itemCount} item${itemCount!==1?\"s\":\"\"}`:\"\",helperText=`${expanded?\"Hide\":\"Show\"} ${level===\"subsection\"?itemCount:label} item${itemCount!==1?\"s\":\"\"}`;return React17.createElement(React17.Fragment,null,React17.createElement(StyledTr,{title:helperText},React17.createElement(Level,{colSpan:1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),React17.createElement(FlexWrapper,null,expanded?React17.createElement(ExpanderIconDown,null):React17.createElement(ExpanderIconRight,null),label)),React17.createElement(StyledTd2,{colSpan:colSpan-1},React17.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:\"none\"}},helperText),expanded?null:caption)),expanded?children:null)};var Row=styled.div(({theme})=>({display:\"flex\",gap:16,borderBottom:`1px solid ${theme.appBorderColor}`,\"&:last-child\":{borderBottom:0}})),Column=styled.div(({numColumn})=>({display:\"flex\",flexDirection:\"column\",flex:numColumn||1,gap:5,padding:\"12px 20px\"})),SkeletonText=styled.div(({theme,width,height})=>({animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,background:theme.appBorderColor,width:width||\"100%\",height:height||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>React17.createElement(React17.Fragment,null,React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))),React17.createElement(Row,null,React17.createElement(Column,{numColumn:columnWidth[0]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[1]},React17.createElement(SkeletonText,{width:\"80%\"}),React17.createElement(SkeletonText,{width:\"30%\"})),React17.createElement(Column,{numColumn:columnWidth[2]},React17.createElement(SkeletonText,{width:\"60%\"})),React17.createElement(Column,{numColumn:columnWidth[3]},React17.createElement(SkeletonText,{width:\"60%\"}))));var Wrapper8=styled.div(({inAddonPanel,theme})=>({height:inAddonPanel?\"100%\":\"auto\",display:\"flex\",border:inAddonPanel?\"none\":`1px solid ${theme.appBorderColor}`,borderRadius:inAddonPanel?0:theme.appBorderRadius,padding:inAddonPanel?0:40,alignItems:\"center\",justifyContent:\"center\",flexDirection:\"column\",gap:15,background:theme.background.content,boxShadow:\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\"})),Links=styled.div(({theme})=>({display:\"flex\",fontSize:theme.typography.size.s2-1,gap:25})),Divider=styled.div(({theme})=>({width:1,height:16,backgroundColor:theme.appBorderColor})),Empty=({inAddonPanel})=>{let[isLoading,setIsLoading]=useState(!0);return useEffect(()=>{let load=setTimeout(()=>{setIsLoading(!1);},100);return ()=>clearTimeout(load)},[]),isLoading?null:React17.createElement(Wrapper8,{inAddonPanel},React17.createElement(EmptyTabContent,{title:inAddonPanel?\"Interactive story playground\":\"Args table with interactive controls couldn't be auto-generated\",description:React17.createElement(React17.Fragment,null,\"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically.\"),footer:React17.createElement(Links,null,inAddonPanel&&React17.createElement(React17.Fragment,null,React17.createElement(Link,{href:\"https://youtu.be/0gOfS6K0x0E\",target:\"_blank\",withArrow:!0},React17.createElement(VideoIcon,null),\" Watch 5m video\"),React17.createElement(Divider,null),React17.createElement(Link,{href:\"https://storybook.js.org/docs/essentials/controls\",target:\"_blank\",withArrow:!0},React17.createElement(DocumentIcon,null),\" Read docs\")),!inAddonPanel&&React17.createElement(Link,{href:\"https://storybook.js.org/docs/essentials/controls\",target:\"_blank\",withArrow:!0},React17.createElement(DocumentIcon,null),\" Learn how to set that up\"))}))};var TableWrapper=styled.table(({theme,compact,inAddonPanel})=>({\"&&\":{borderSpacing:0,color:theme.color.defaultText,\"td, th\":{padding:0,border:\"none\",verticalAlign:\"top\",textOverflow:\"ellipsis\"},fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",textAlign:\"left\",width:\"100%\",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?0:40,\"thead th:first-of-type, td:first-of-type\":{width:\"25%\"},\"th:first-of-type, td:first-of-type\":{paddingLeft:20},\"th:nth-of-type(2), td:nth-of-type(2)\":{...compact?null:{width:\"35%\"}},\"td:nth-of-type(3)\":{...compact?null:{width:\"15%\"}},\"th:last-of-type, td:last-of-type\":{paddingRight:20,...compact?null:{width:\"25%\"}},th:{color:theme.base===\"light\"?transparentize(.25,theme.color.defaultText):transparentize(.45,theme.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:\"10px\",paddingBottom:\"10px\",\"&:not(:first-of-type)\":{paddingLeft:15,paddingRight:15},\"&:last-of-type\":{paddingRight:20}},marginLeft:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,tbody:{...inAddonPanel?null:{filter:theme.base===\"light\"?\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))\":\"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))\"},\"> tr > *\":{background:theme.background.content,borderTop:`1px solid ${theme.appBorderColor}`},...inAddonPanel?null:{\"> tr:first-of-type > *\":{borderBlockStart:`1px solid ${theme.appBorderColor}`},\"> tr:last-of-type > *\":{borderBlockEnd:`1px solid ${theme.appBorderColor}`},\"> tr > *:first-of-type\":{borderInlineStart:`1px solid ${theme.appBorderColor}`},\"> tr > *:last-of-type\":{borderInlineEnd:`1px solid ${theme.appBorderColor}`},\"> tr:first-of-type > td:first-of-type\":{borderTopLeftRadius:theme.appBorderRadius},\"> tr:first-of-type > td:last-of-type\":{borderTopRightRadius:theme.appBorderRadius},\"> tr:last-of-type > td:first-of-type\":{borderBottomLeftRadius:theme.appBorderRadius},\"> tr:last-of-type > td:last-of-type\":{borderBottomRightRadius:theme.appBorderRadius}}}}})),StyledIconButton=styled(IconButton)(({theme})=>({margin:\"-4px -12px -4px 0\"})),ControlHeadingWrapper=styled.span({display:\"flex\",justifyContent:\"space-between\"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>+!!b.type?.required-+!!a.type?.required||a.name.localeCompare(b.name),none:void 0},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else {let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection;}sections.sections[category]=section;}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection;}else sections.ungrouped.push({key,...row});});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return {ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return includeConditionalArg(row,args,globals)}catch(err){return once.warn(err.message),!1}},ArgsTable=props=>{let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort=\"none\",isLoading}=props;if(\"error\"in props){let{error}=props;return React17.createElement(EmptyBlock,null,error,\"\\xA0\",React17.createElement(Link,{href:\"http://storybook.js.org/docs/\",target:\"_blank\",withArrow:!0},React17.createElement(DocumentIcon,null),\" Read the docs\"))}if(isLoading)return React17.createElement(Skeleton,null);let{rows,args,globals}=\"rows\"in props&&props,groups=groupRows(pickBy(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort),hasNoUngrouped=groups.ungrouped.length===0,hasNoSections=Object.entries(groups.sections).length===0,hasNoUngroupedSubsections=Object.entries(groups.ungroupedSubsections).length===0;if(hasNoUngrouped&&hasNoSections&&hasNoUngroupedSubsections)return React17.createElement(Empty,{inAddonPanel});let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return React17.createElement(ResetWrapper,null,React17.createElement(TableWrapper,{compact,inAddonPanel,className:\"docblock-argstable sb-unstyled\"},React17.createElement(\"thead\",{className:\"docblock-argstable-head\"},React17.createElement(\"tr\",null,React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Name\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Description\")),compact?null:React17.createElement(\"th\",null,React17.createElement(\"span\",null,\"Default\")),updateArgs?React17.createElement(\"th\",null,React17.createElement(ControlHeadingWrapper,null,\"Control\",\" \",!isLoading&&resetArgs&&React17.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:\"Reset controls\"},React17.createElement(UndoIcon,{\"aria-hidden\":!0})))):null)),React17.createElement(\"tbody\",{className:\"docblock-argstable-body\"},groups.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>React17.createElement(SectionRow,{key:category,label:category,level:\"section\",colSpan},section.ungrouped.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>React17.createElement(SectionRow,{key:subcategory,label:subcategory,level:\"subsection\",colSpan},subsection.map(row=>React17.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React17.createElement(ArgsTable,{...entries[0][1],...props}):React17.createElement(TabsState,null,entries.map((entry,index)=>{let[label,table]=entry,id=`prop_table_div_${label}`,Component4=\"div\",argsTableProps=index===0?props:{sort:props.sort};return React17.createElement(Component4,{key:id,id,title:label},({active})=>active?React17.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...argsTableProps}):null)}))};var Label4=styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),Sample=styled.div({overflow:\"hidden\",whiteSpace:\"nowrap\",textOverflow:\"ellipsis\"}),TypeSpecimen=styled.div({display:\"flex\",flexDirection:\"row\",alignItems:\"baseline\",\"&:not(:last-child)\":{marginBottom:\"1rem\"}}),Wrapper9=styled.div(withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:\"25px 0 40px\",padding:\"30px 20px\"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React17.createElement(Wrapper9,{...props,className:\"docblock-typeset sb-unstyled\"},fontSizes.map(size=>React17.createElement(TypeSpecimen,{key:size},React17.createElement(Label4,null,size),React17.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||\"Was he a beast if music could move him so?\"))));var ItemTitle=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=styled.div(({theme})=>({color:theme.base===\"light\"?transparentize(.2,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),ItemDescription=styled.div({flex:\"0 0 30%\",lineHeight:\"20px\",marginTop:5}),SwatchLabel=styled.div(({theme})=>({flex:1,textAlign:\"center\",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:\"hidden\",color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText),\"> div\":{display:\"inline-block\",overflow:\"hidden\",maxWidth:\"100%\",textOverflow:\"ellipsis\"},span:{display:\"block\",marginTop:2}})),SwatchLabels=styled.div({display:\"flex\",flexDirection:\"row\"}),Swatch=styled.div(({background})=>({position:\"relative\",flex:1,\"&::before\":{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background,content:'\"\"'}})),SwatchColors=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),display:\"flex\",flexDirection:\"row\",height:50,marginBottom:5,overflow:\"hidden\",backgroundColor:\"white\",backgroundImage:\"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)\",backgroundClip:\"padding-box\"})),SwatchSpecimen=styled.div({display:\"flex\",flexDirection:\"column\",flex:1,position:\"relative\",marginBottom:30}),Swatches=styled.div({flex:1,display:\"flex\",flexDirection:\"row\"}),Item=styled.div({display:\"flex\",alignItems:\"flex-start\"}),ListName=styled.div({flex:\"0 0 30%\"}),ListSwatches=styled.div({flex:1}),ListHeading=styled.div(({theme})=>({display:\"flex\",flexDirection:\"row\",alignItems:\"center\",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base===\"light\"?transparentize(.4,theme.color.defaultText):transparentize(.6,theme.color.defaultText)})),List=styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"20px\",display:\"flex\",flexDirection:\"column\"}));function renderSwatch(color,index){return React17.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React17.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React17.createElement(\"div\",null,color,colorDescription&&React17.createElement(\"span\",null,colorDescription)))}function renderSwatchSpecimen(colors){if(Array.isArray(colors))return React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React17.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index))));let swatchElements=[],labelElements=[];for(let colorKey in colors){let colorValue=colors[colorKey];swatchElements.push(renderSwatch(colorValue,swatchElements.length)),labelElements.push(renderSwatchLabel(colorKey,labelElements.length,colorValue));}return React17.createElement(SwatchSpecimen,null,React17.createElement(SwatchColors,null,swatchElements),React17.createElement(SwatchLabels,null,labelElements))}var ColorItem=({title,subtitle,colors})=>React17.createElement(Item,null,React17.createElement(ItemDescription,null,React17.createElement(ItemTitle,null,title),React17.createElement(ItemSubtitle,null,subtitle)),React17.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List,{...props,className:\"docblock-colorpalette sb-unstyled\"},React17.createElement(ListHeading,null,React17.createElement(ListName,null,\"Name\"),React17.createElement(ListSwatches,null,\"Swatches\")),children));var ItemLabel=styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=styled.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:\"hidden\",height:40,width:40,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",flex:\"none\",\"> img, > svg\":{width:20,height:20}})),Item2=styled.div({display:\"inline-flex\",flexDirection:\"row\",alignItems:\"center\",flex:\"0 1 calc(20% - 10px)\",minWidth:120,margin:\"0px 10px 30px 0\"}),List2=styled.div({display:\"flex\",flexFlow:\"row wrap\"}),IconItem=({name,children})=>React17.createElement(Item2,null,React17.createElement(ItemSpecimen,null,children),React17.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React17.createElement(ResetWrapper,null,React17.createElement(List2,{...props,className:\"docblock-icongallery sb-unstyled\"},children));var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>React17.createElement(\"div\",{id:anchorBlockIdFromId(storyId),className:\"sb-anchor\"},children);global&&global.__DOCS_CONTEXT__===void 0&&(global.__DOCS_CONTEXT__=createContext(null),global.__DOCS_CONTEXT__.displayName=\"DocsContext\");var DocsContext=global?global.__DOCS_CONTEXT__:createContext(null);var useOf=(moduleExportOrType,validTypes)=>useContext(DocsContext).resolveOf(moduleExportOrType,validTypes);var titleCase=str=>str.split(\"-\").map(part=>part.charAt(0).toUpperCase()+part.slice(1)).join(\"\"),getComponentName=component=>{if(component)return typeof component==\"string\"?component.includes(\"-\")?titleCase(component):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function scrollToElement(element,block=\"start\"){element.scrollIntoView({behavior:\"smooth\",block,inline:\"nearest\"});}function extractComponentArgTypes(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");return extractArgTypes(component)}function getArgTypesFromResolved(resolved){if(resolved.type===\"component\"){let{component:component2,projectAnnotations:{parameters:parameters2}}=resolved;return {argTypes:extractComponentArgTypes(component2,parameters2),parameters:parameters2,component:component2}}if(resolved.type===\"meta\"){let{preparedMeta:{argTypes:argTypes2,parameters:parameters2,component:component2,subcomponents:subcomponents2}}=resolved;return {argTypes:argTypes2,parameters:parameters2,component:component2,subcomponents:subcomponents2}}let{story:{argTypes,parameters,component,subcomponents}}=resolved;return {argTypes,parameters,component,subcomponents}}var ArgTypes=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let resolved=useOf(of||\"meta\"),{argTypes,parameters,component,subcomponents}=getArgTypesFromResolved(resolved),argTypesParameters=parameters.docs?.argTypes||{},include=props.include??argTypesParameters.include,exclude=props.exclude??argTypesParameters.exclude,sort=props.sort??argTypesParameters.sort,filteredArgTypes=filterArgTypes(argTypes,include,exclude);if(!(!!subcomponents&&Object.keys(subcomponents).length>0))return React17.createElement(ArgsTable,{rows:filteredArgTypes,sort});let mainComponentName=getComponentName(component),subcomponentTabs=Object.fromEntries(Object.entries(subcomponents).map(([key,comp])=>[key,{rows:filterArgTypes(extractComponentArgTypes(comp,parameters),include,exclude),sort}])),tabs={[mainComponentName]:{rows:filteredArgTypes,sort},...subcomponentTabs};return React17.createElement(TabbedArgsTable,{tabs,sort})};function argsHash(args){return stringify(args,{allowFunction:!1})}var SourceContext=createContext({sources:{}}),UNKNOWN_ARGS_HASH=\"--unknown--\",SourceContainer=({children,channel})=>{let[sources,setSources]=useState({});return useEffect(()=>{let handleSnippetRendered=(idOrEvent,inputSource=null,inputFormat=!1)=>{let{id,args=void 0,source,format:format2}=typeof idOrEvent==\"string\"?{id:idOrEvent,source:inputSource,format:inputFormat}:idOrEvent,hash=args?argsHash(args):UNKNOWN_ARGS_HASH;setSources(current=>({...current,[id]:{...current[id],[hash]:{code:source,format:format2}}}));};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),React17.createElement(SourceContext.Provider,{value:{sources}},children)};var getStorySource=(storyId,args,sourceContext)=>{let{sources}=sourceContext,sourceMap=sources?.[storyId];return sourceMap?.[argsHash(args)]||sourceMap?.[UNKNOWN_ARGS_HASH]||{code:\"\"}},getSnippet=({snippet,storyContext,typeFromProps,transformFromProps})=>{let{__isArgsStory:isArgsStory}=storyContext.parameters,sourceParameters=storyContext.parameters.docs?.source||{},type=typeFromProps||sourceParameters.type||SourceType.AUTO;if(sourceParameters.code!==void 0)return sourceParameters.code;let code=type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?snippet:sourceParameters.originalSource||\"\";return (transformFromProps??sourceParameters.transform)?.(code,storyContext)||code},useSourceProps=(props,docsContext,sourceContext)=>{let story,{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");if(of)story=docsContext.resolveOf(of,[\"story\"]).story;else try{story=docsContext.storyById();}catch{}let sourceParameters=story?.parameters?.docs?.source||{},{code}=props,format2=props.format??sourceParameters.format,language=props.language??sourceParameters.language??\"jsx\",dark=props.dark??sourceParameters.dark??!1;if(!code&&!story)return {error:\"Oh no! The source is not available.\"};if(code)return {code,format:format2,language,dark};let storyContext=docsContext.getStoryContext(story),argsForSource=props.__forceInitialArgs?storyContext.initialArgs:storyContext.unmappedArgs,source=getStorySource(story.id,argsForSource,sourceContext);return format2=source.format??story.parameters.docs?.source?.format??!1,{code:getSnippet({snippet:source.code,storyContext:{...storyContext,args:argsForSource},typeFromProps:props.type,transformFromProps:props.transform}),format:format2,language,dark}},Source2=props=>{let sourceContext=useContext(SourceContext),docsContext=useContext(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return React17.createElement(Source,{...sourceProps})};function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=useState({});return useEffect(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story});}));}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}var getStoryId2=(props,context)=>{let{of,meta}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");return meta&&context.referenceMeta(meta,!1),context.resolveOf(of||\"story\",[\"story\"]).story.id},getStoryProps=(props,story,context)=>{let{parameters={}}=story||{},{docs={}}=parameters,storyParameters=docs.story||{};if(docs.disable)return null;if(props.inline??storyParameters.inline??!1){let height2=props.height??storyParameters.height,autoplay=props.autoplay??storyParameters.autoplay??!1;return {story,inline:!0,height:height2,autoplay,forceInitialArgs:!!props.__forceInitialArgs,primary:!!props.__primary,renderStoryToElement:context.renderStoryToElement}}let height=props.height??storyParameters.height??storyParameters.iframeHeight??\"100px\";return {story,inline:!1,height,primary:!!props.__primary}},Story2=(props={__forceInitialArgs:!1,__primary:!1})=>{let context=useContext(DocsContext),storyId=getStoryId2(props,context),story=useStory(storyId,context);if(!story)return React17.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story,context);return storyProps?React17.createElement(Story,{...storyProps}):null};var Canvas=props=>{let docsContext=useContext(DocsContext),sourceContext=useContext(SourceContext),{of,source}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let{story}=useOf(of||\"story\",[\"story\"]),sourceProps=useSourceProps({...source,...of&&{of}},docsContext,sourceContext),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 React17.createElement(Preview,{withSource:sourceState===\"none\"?void 0:sourceProps,isExpanded:sourceState===\"shown\",withToolbar,additionalActions,className,layout},React17.createElement(Story2,{of:of||story.moduleExport,meta:props.meta,...props.story}))};var useGlobals=(story,context)=>{let storyContext=context.getStoryContext(story),[globals,setGlobals]=useState(storyContext.globals);return useEffect(()=>{let onGlobalsUpdated=changed=>{setGlobals(changed.globals);};return context.channel.on(GLOBALS_UPDATED,onGlobalsUpdated),()=>context.channel.off(GLOBALS_UPDATED,onGlobalsUpdated)},[context.channel]),[globals]};var useArgs=(story,context)=>{let result=useArgsIfDefined(story,context);if(!result)throw new Error(\"No result when story was defined\");return result},useArgsIfDefined=(story,context)=>{let storyContext=story?context.getStoryContext(story):{args:{}},{id:storyId}=story||{id:\"none\"},[args,setArgs]=useState(storyContext.args);useEffect(()=>{let onArgsUpdated=changed=>{changed.storyId===storyId&&setArgs(changed.args);};return context.channel.on(STORY_ARGS_UPDATED,onArgsUpdated),()=>context.channel.off(STORY_ARGS_UPDATED,onArgsUpdated)},[storyId,context.channel]);let updateArgs=useCallback(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId,context.channel]),resetArgs=useCallback(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId,context.channel]);return story&&[args,updateArgs,resetArgs]};function extractComponentArgTypes2(component,parameters){let{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error(\"Args unsupported. See Args documentation for your framework.\");return extractArgTypes(component)}var Controls3=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let context=useContext(DocsContext),{story}=context.resolveOf(of||\"story\",[\"story\"]),{parameters,argTypes,component,subcomponents}=story,controlsParameters=parameters.docs?.controls||{},include=props.include??controlsParameters.include,exclude=props.exclude??controlsParameters.exclude,sort=props.sort??controlsParameters.sort,[args,updateArgs,resetArgs]=useArgs(story,context),[globals]=useGlobals(story,context),filteredArgTypes=filterArgTypes(argTypes,include,exclude);if(!(!!subcomponents&&Object.keys(subcomponents).length>0))return Object.keys(filteredArgTypes).length>0||Object.keys(args).length>0?React17.createElement(ArgsTable,{rows:filteredArgTypes,sort,args,globals,updateArgs,resetArgs}):null;let mainComponentName=getComponentName(component),subcomponentTabs=Object.fromEntries(Object.entries(subcomponents).map(([key,comp])=>[key,{rows:filterArgTypes(extractComponentArgTypes2(comp,parameters),include,exclude),sort}])),tabs={[mainComponentName]:{rows:filteredArgTypes,sort},...subcomponentTabs};return React17.createElement(TabbedArgsTable,{tabs,sort,args,globals,updateArgs,resetArgs})};var {document:document2}=global,assertIsFn=val=>{if(typeof val!=\"function\")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React17.useContext(DocsContext);return React17.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!=\"string\"&&(typeof children!=\"string\"||!children.match(/[\\n\\r]/g)))return React17.createElement(Code,null,children);let language=className&&className.split(\"-\");return React17.createElement(Source,{language:language&&language[1]||\"text\",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url);}var A=components.a,AnchorInPage=({hash,children})=>{let context=useContext(DocsContext);return React17.createElement(A,{href:hash,target:\"_self\",onClick:event=>{let id=hash.substring(1);document2.getElementById(id)&&navigate(context,hash);}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext(DocsContext);return !href||target===\"_blank\"||/^https?:\\/\\//.test(href)?React17.createElement(A,{...props}):href.startsWith(\"#\")?React17.createElement(AnchorInPage,{hash:href},children):React17.createElement(A,{href,onClick:event=>{event.button===0&&!event.altKey&&!event.ctrlKey&&!event.metaKey&&!event.shiftKey&&(event.preventDefault(),navigate(context,event.currentTarget.getAttribute(\"href\")));},target,...rest},children)},SUPPORTED_MDX_HEADERS=[\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled(headerType)({\"& svg\":{position:\"relative\",top:\"-0.1em\",visibility:\"hidden\"},\"&:hover svg\":{visibility:\"visible\"}})}),{}),OcticonAnchor=styled.a(()=>({float:\"left\",lineHeight:\"inherit\",paddingRight:\"10px\",marginLeft:\"-24px\",color:\"inherit\"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React17.createElement(OcticonHeader,{id,...rest},React17.createElement(OcticonAnchor,{\"aria-hidden\":\"true\",href:hash,tabIndex:-1,target:\"_self\",onClick:event=>{document2.getElementById(id)&&navigate(context,hash);}},React17.createElement(LinkIcon,null)),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React17.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Component4=as,{as:omittedAs,...withoutAs}=props;return React17.createElement(Component4,{...nameSpaceClassNames(withoutAs,as)})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React17.createElement(HeaderMdx,{as:headerType,...props})}),{});var Markdown2=props=>{if(!props.children)return null;if(typeof props.children!=\"string\")throw new Error(dedent`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'\n This is often caused by not wrapping the child in a template string.\n \n This is invalid:\n \n # Some heading\n A paragraph\n \n\n Instead do:\n \n {\\`\n # Some heading\n A paragraph\n \\`}\n \n `);return React17.createElement(Markdown,{...props,options:{forceBlock:!0,overrides:{code:CodeOrSourceMdx,a:AnchorMdx,...HeadersMdx,...props?.options?.overrides},...props?.options}})};var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO=\"info\",DescriptionType2.NOTES=\"notes\",DescriptionType2.DOCGEN=\"docgen\",DescriptionType2.AUTO=\"auto\",DescriptionType2))(DescriptionType||{}),getDescriptionFromResolvedOf=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}`)}},DescriptionContainer=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let resolvedOf=useOf(of||\"meta\"),markdown=getDescriptionFromResolvedOf(resolvedOf);return markdown?React17.createElement(Markdown2,null,markdown):null};var Wrapper10=styled.div(({theme})=>({width:\"10rem\",\"@media (max-width: 768px)\":{display:\"none\"}})),Content=styled.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\"},\"& .toc-list-item.is-active-li::before\":{opacity:1},\"& .toc-list-item > a\":{color:theme.color.defaultText,textDecoration:\"none\"},\"& .toc-list-item.is-active-li > a\":{fontWeight:600,color:theme.color.secondary,textDecoration:\"none\"}})),Heading=styled.p(({theme})=>({fontWeight:600,fontSize:\"0.875em\",color:theme.textColor,textTransform:\"uppercase\",marginBottom:10})),OptionalTitle=({title})=>title===null?null:typeof title==\"string\"?React17.createElement(Heading,null,title):title,TableOfContents=({title,disable,headingSelector,contentsSelector,ignoreSelector,unsafeTocbotOptions})=>(useEffect(()=>{let configuration={tocSelector:\".toc-wrapper\",contentSelector:contentsSelector??\".sbdocs-content\",headingSelector:headingSelector??\"h3\",ignoreSelector:ignoreSelector??\".docs-story *, .skip-toc\",headingsOffset:40,scrollSmoothOffset:-40,orderedList:!1,onClick:()=>!1,...unsafeTocbotOptions},timeout=setTimeout(()=>tocbot.init(configuration),100);return ()=>{clearTimeout(timeout),tocbot.destroy();}},[disable]),React17.createElement(React17.Fragment,null,React17.createElement(Wrapper10,null,disable?null:React17.createElement(Content,null,React17.createElement(OptionalTitle,{title:title||null}),React17.createElement(\"div\",{className:\"toc-wrapper\"})))));var {document:document3,window:globalWindow3}=global,DocsContainer=({context,theme,children})=>{let toc;try{toc=context.resolveOf(\"meta\",[\"meta\"]).preparedMeta.parameters?.docs?.toc;}catch{toc=context?.projectAnnotations?.parameters?.docs?.toc;}return useEffect(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document3.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element);},200);}}catch{}}),React17.createElement(DocsContext.Provider,{value:context},React17.createElement(SourceContainer,{channel:context.channel},React17.createElement(ThemeProvider,{theme:ensure(theme)},React17.createElement(DocsPageWrapper,{toc:toc?React17.createElement(TableOfContents,{className:\"sbdocs sbdocs-toc--custom\",...toc}):null},children))))};var STORY_KIND_PATH_SEPARATOR=/\\s*\\/\\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=useContext(DocsContext),content=children||extractTitle(context.storyById().title);return content?React17.createElement(Title,{className:\"sbdocs-title sb-unstyled\"},content):null};var Subtitle2=({children})=>{let docsContext=useContext(DocsContext),content=children||docsContext.storyById().parameters?.componentSubtitle;return content?React17.createElement(Subtitle,{className:\"sbdocs-subtitle sb-unstyled\"},content):null};var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H3,null,children);let tagID=globalThis.encodeURIComponent(children.toLowerCase());return React17.createElement(HeaderMdx,{as:\"h3\",id:tagID},children)};var DocsStory=({of,expanded=!0,withToolbar:withToolbarProp=!1,__forceInitialArgs=!1,__primary=!1})=>{let{story}=useOf(of||\"story\",[\"story\"]),withToolbar=story.parameters.docs?.canvas?.withToolbar??withToolbarProp;return React17.createElement(Anchor,{storyId:story.id},expanded&&React17.createElement(React17.Fragment,null,React17.createElement(Subheading,null,story.name),React17.createElement(DescriptionContainer,{of})),React17.createElement(Canvas,{of,withToolbar,story:{__forceInitialArgs,__primary},source:{__forceInitialArgs}}))};var Primary=props=>{let{of}=props;if(\"of\"in props&&of===void 0)throw new Error(\"Unexpected `of={undefined}`, did you mistype a CSF file reference?\");let{csfFile}=useOf(of||\"meta\",[\"meta\"]),primaryStory=useContext(DocsContext).componentStoriesFromCSFFile(csfFile)[0];return primaryStory?React17.createElement(DocsStory,{of:primaryStory.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null};var Heading2=({children,disableAnchor,...props})=>{if(disableAnchor||typeof children!=\"string\")return React17.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,\"-\");return React17.createElement(HeaderMdx,{as:\"h2\",id:tagID,...props},children)};var StyledHeading=styled(Heading2)(({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,projectAnnotations,getStoryContext}=useContext(DocsContext),stories=componentStories(),{stories:{filter}={filter:void 0}}=projectAnnotations.parameters?.docs||{};return filter&&(stories=stories.filter(story=>filter(story,getStoryContext(story)))),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React17.createElement(React17.Fragment,null,React17.createElement(StyledHeading,null,title),stories.map(story=>story&&React17.createElement(DocsStory,{key:story.id,of:story.moduleExport,expanded:!0,__forceInitialArgs:!0})))};var DocsPage=()=>{let resolvedOf=useOf(\"meta\",[\"meta\"]),{stories}=resolvedOf.csfFile,isSingleStory=Object.keys(stories).length===1;return React17.createElement(React17.Fragment,null,React17.createElement(Title2,null),React17.createElement(Subtitle2,null),React17.createElement(DescriptionContainer,{of:\"meta\"}),isSingleStory?React17.createElement(DescriptionContainer,{of:\"story\"}):null,React17.createElement(Primary,null),React17.createElement(Controls3,null),isSingleStory?null:React17.createElement(Stories,null))};function Docs({context,docsParameter}){let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React17.createElement(Container,{context,theme:docsParameter.theme},React17.createElement(Page,null))}var ExternalDocsContext=class extends DocsContext$1{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);};}};var 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)}},ExternalPreview=class extends Preview$1{constructor(projectAnnotations){super(path=>Promise.resolve(this.moduleExportsByImportPath[path]),()=>composeConfigs([{parameters:{docs:{story:{inline:!0}}}},this.projectAnnotations]),new Channel({}));this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap(\"./importPath/\");this.titles=new ConstantMap(\"title-\");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStoreValue.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:\"story\"};}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStoreValue,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));}async getStoryIndexFromServer(){return this.storyIndex}};function usePreview(projectAnnotations){let previewRef=useRef();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}function ExternalDocs({projectAnnotationsList,children}){let projectAnnotations=composeConfigs(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React17.createElement(Docs,{docsParameter,context:preview2.docsContext()})}var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React17.createElement(DocsContext.Provider,{value:preview.docsContext()},React17.createElement(ThemeProvider,{theme:ensure(themes.light)},children)));var Meta=({of})=>{let context=useContext(DocsContext);of&&context.referenceMeta(of,!0);try{let primary=context.storyById();return React17.createElement(Anchor,{storyId:primary.id})}catch{return null}};var Unstyled=props=>React17.createElement(\"div\",{...props,className:\"sb-unstyled\"});var Wrapper11=({children})=>React17.createElement(\"div\",{style:{fontFamily:\"sans-serif\"}},children);var PRIMARY_STORY=\"^\";\n\nexport { AddContext, Anchor, AnchorMdx, ArgTypes, BooleanControl, Canvas, CodeOrSourceMdx, ColorControl, ColorItem, ColorPalette, Controls3 as Controls, DateControl, DescriptionContainer as Description, DescriptionType, Docs, DocsContainer, DocsContext, DocsPage, DocsStory, ExternalDocs, ExternalDocsContainer, FilesControl, HeaderMdx, HeadersMdx, Heading2 as Heading, IconGallery, IconItem, Markdown2 as Markdown, Meta, NumberControl, ObjectControl, OptionsControl, PRIMARY_STORY, Primary, ArgsTable as PureArgsTable, RangeControl, Source2 as Source, SourceContainer, SourceContext, Stories, Story2 as Story, Subheading, Subtitle2 as Subtitle, TextControl, Title2 as Title, Typeset, UNKNOWN_ARGS_HASH, Unstyled, Wrapper11 as Wrapper, anchorBlockIdFromId, argsHash, assertIsFn, extractTitle, format, formatDate, formatTime, getStoryId2 as getStoryId, getStoryProps, parse2 as parse, parseDate, parseTime, useOf, useSourceProps };\n","import { _extends, _objectWithoutPropertiesLoose } from './chunk-FD4M6EBV.mjs';\nimport { __commonJS, __toESM } from './chunk-SCHQIR5W.mjs';\nimport * as React3 from 'react';\nimport React3__default, { useState, useCallback, useEffect } from 'react';\nimport * as ReactDOM from 'react-dom';\nimport ReactDOM__default from 'react-dom';\nimport { styled, lighten } from '@storybook/theming';\nimport { global } from '@storybook/global';\nimport memoize from 'memoizerific';\n\nvar require_react_fast_compare=__commonJS({\"../../node_modules/react-fast-compare/index.js\"(exports,module){var hasElementType=typeof Element<\"u\",hasMap=typeof Map==\"function\",hasSet=typeof Set==\"function\",hasArrayBuffer=typeof ArrayBuffer==\"function\"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return !0;if(a&&b&&typeof a==\"object\"&&typeof b==\"object\"){if(a.constructor!==b.constructor)return !1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return !1;return !0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return !1;return !0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return !1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return !1;return !0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return !1;for(i=length;i--!==0;)if(a[i]!==b[i])return !1;return !0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf==\"function\"&&typeof b.valueOf==\"function\")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString==\"function\"&&typeof b.toString==\"function\")return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return !1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return !1;if(hasElementType&&a instanceof Element)return !1;for(i=length;i--!==0;)if(!((keys[i]===\"_owner\"||keys[i]===\"__v\"||keys[i]===\"__o\")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return !1;return !0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||\"\").match(/stack|recursion/i))return console.warn(\"react-fast-compare cannot handle circular refs\"),!1;throw error}};}});var fromEntries=function(entries){return entries.reduce(function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc},{})},useIsomorphicLayoutEffect=typeof window<\"u\"&&window.document&&window.document.createElement?React3.useLayoutEffect:React3.useEffect;var top=\"top\",bottom=\"bottom\",right=\"right\",left=\"left\",auto=\"auto\",basePlacements=[top,bottom,right,left],start=\"start\",end=\"end\",clippingParents=\"clippingParents\",viewport=\"viewport\",popper=\"popper\",reference=\"reference\",variationPlacements=basePlacements.reduce(function(acc,placement){return acc.concat([placement+\"-\"+start,placement+\"-\"+end])},[]),placements=[].concat(basePlacements,[auto]).reduce(function(acc,placement){return acc.concat([placement,placement+\"-\"+start,placement+\"-\"+end])},[]),beforeRead=\"beforeRead\",read=\"read\",afterRead=\"afterRead\",beforeMain=\"beforeMain\",main=\"main\",afterMain=\"afterMain\",beforeWrite=\"beforeWrite\",write=\"write\",afterWrite=\"afterWrite\",modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(element){return element?(element.nodeName||\"\").toLowerCase():null}function getWindow(node){if(node==null)return window;if(node.toString()!==\"[object Window]\"){var ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function isElement(node){var OwnElement=getWindow(node).Element;return node instanceof OwnElement||node instanceof Element}function isHTMLElement(node){var OwnElement=getWindow(node).HTMLElement;return node instanceof OwnElement||node instanceof HTMLElement}function isShadowRoot(node){if(typeof ShadowRoot>\"u\")return !1;var OwnElement=getWindow(node).ShadowRoot;return node instanceof OwnElement||node instanceof ShadowRoot}function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach(function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(name2){var value=attributes[name2];value===!1?element.removeAttribute(name2):element.setAttribute(name2,value===!0?\"\":value);}));});}function effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:\"0\",top:\"0\",margin:\"0\"},arrow:{position:\"absolute\"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach(function(name){var element=state.elements[name],attributes=state.attributes[name]||{},styleProperties=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]),style=styleProperties.reduce(function(style2,property){return style2[property]=\"\",style2},{});!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(attribute){element.removeAttribute(attribute);}));});}}var applyStyles_default={name:\"applyStyles\",enabled:!0,phase:\"write\",fn:applyStyles,effect,requires:[\"computeStyles\"]};function getBasePlacement(placement){return placement.split(\"-\")[0]}var max=Math.max,min=Math.min,round=Math.round;function getUAString(){var uaData=navigator.userAgentData;return uaData!=null&&uaData.brands&&Array.isArray(uaData.brands)?uaData.brands.map(function(item){return item.brand+\"/\"+item.version}).join(\" \"):navigator.userAgent}function isLayoutViewport(){return !/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(element,includeScale,isFixedStrategy){includeScale===void 0&&(includeScale=!1),isFixedStrategy===void 0&&(isFixedStrategy=!1);var clientRect=element.getBoundingClientRect(),scaleX=1,scaleY=1;includeScale&&isHTMLElement(element)&&(scaleX=element.offsetWidth>0&&round(clientRect.width)/element.offsetWidth||1,scaleY=element.offsetHeight>0&&round(clientRect.height)/element.offsetHeight||1);var _ref=isElement(element)?getWindow(element):window,visualViewport=_ref.visualViewport,addVisualOffsets=!isLayoutViewport()&&isFixedStrategy,x=(clientRect.left+(addVisualOffsets&&visualViewport?visualViewport.offsetLeft:0))/scaleX,y=(clientRect.top+(addVisualOffsets&&visualViewport?visualViewport.offsetTop:0))/scaleY,width=clientRect.width/scaleX,height=clientRect.height/scaleY;return {width,height,top:y,right:x+width,bottom:y+height,left:x,x,y}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width,height}}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return !0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return !0;next=next.parentNode||next.host;}while(next)}return !1}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isTableElement(element){return [\"table\",\"td\",\"th\"].indexOf(getNodeName(element))>=0}function getDocumentElement(element){return ((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getParentNode(element){return getNodeName(element)===\"html\"?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getTrueOffsetParent(element){return !isHTMLElement(element)||getComputedStyle(element).position===\"fixed\"?null:element.offsetParent}function getContainingBlock(element){var isFirefox=/firefox/i.test(getUAString()),isIE=/Trident/i.test(getUAString());if(isIE&&isHTMLElement(element)){var elementCss=getComputedStyle(element);if(elementCss.position===\"fixed\")return null}var currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&[\"html\",\"body\"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if(css.transform!==\"none\"||css.perspective!==\"none\"||css.contain===\"paint\"||[\"transform\",\"perspective\"].indexOf(css.willChange)!==-1||isFirefox&&css.willChange===\"filter\"||isFirefox&&css.filter&&css.filter!==\"none\")return currentNode;currentNode=currentNode.parentNode;}return null}function getOffsetParent(element){for(var window2=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&getComputedStyle(offsetParent).position===\"static\";)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&(getNodeName(offsetParent)===\"html\"||getNodeName(offsetParent)===\"body\"&&getComputedStyle(offsetParent).position===\"static\")?window2:offsetParent||getContainingBlock(element)||window2}function getMainAxisFromPlacement(placement){return [\"top\",\"bottom\"].indexOf(placement)>=0?\"x\":\"y\"}function within(min2,value,max2){return max(min2,min(value,max2))}function withinMaxClamp(min2,value,max2){var v=within(min2,value,max2);return v>max2?max2:v}function getFreshSideObject(){return {top:0,right:0,bottom:0,left:0}}function mergePaddingObject(paddingObject){return Object.assign({},getFreshSideObject(),paddingObject)}function expandToHashMap(value,keys){return keys.reduce(function(hashMap,key){return hashMap[key]=value,hashMap},{})}var toPaddingObject=function(padding,state){return padding=typeof padding==\"function\"?padding(Object.assign({},state.rects,{placement:state.placement})):padding,mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements))};function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets2=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),isVertical=[left,right].indexOf(basePlacement)>=0,len=isVertical?\"height\":\"width\";if(!(!arrowElement||!popperOffsets2)){var paddingObject=toPaddingObject(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp=axis===\"y\"?top:left,maxProp=axis===\"y\"?bottom:right,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets2[axis]-state.rects.popper[len],startDiff=popperOffsets2[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?axis===\"y\"?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min2=paddingObject[minProp],max2=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset2=within(min2,center,max2),axisProp=axis;state.modifiersData[name]=(_state$modifiersData$={},_state$modifiersData$[axisProp]=offset2,_state$modifiersData$.centerOffset=offset2-center,_state$modifiersData$);}}function effect2(_ref2){var state=_ref2.state,options=_ref2.options,_options$element=options.element,arrowElement=_options$element===void 0?\"[data-popper-arrow]\":_options$element;arrowElement!=null&&(typeof arrowElement==\"string\"&&(arrowElement=state.elements.popper.querySelector(arrowElement),!arrowElement)||contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement));}var arrow_default={name:\"arrow\",enabled:!0,phase:\"main\",fn:arrow,effect:effect2,requires:[\"popperOffsets\"],requiresIfExists:[\"preventOverflow\"]};function getVariation(placement){return placement.split(\"-\")[1]}var unsetSides={top:\"auto\",right:\"auto\",bottom:\"auto\",left:\"auto\"};function roundOffsetsByDPR(_ref,win){var x=_ref.x,y=_ref.y,dpr=win.devicePixelRatio||1;return {x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}function mapToStyles(_ref2){var _Object$assign2,popper2=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=_offsets$x===void 0?0:_offsets$x,_offsets$y=offsets.y,y=_offsets$y===void 0?0:_offsets$y,_ref3=typeof roundOffsets==\"function\"?roundOffsets({x,y}):{x,y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty(\"x\"),hasY=offsets.hasOwnProperty(\"y\"),sideX=left,sideY=top,win=window;if(adaptive){var offsetParent=getOffsetParent(popper2),heightProp=\"clientHeight\",widthProp=\"clientWidth\";if(offsetParent===getWindow(popper2)&&(offsetParent=getDocumentElement(popper2),getComputedStyle(offsetParent).position!==\"static\"&&position===\"absolute\"&&(heightProp=\"scrollHeight\",widthProp=\"scrollWidth\")),offsetParent=offsetParent,placement===top||(placement===left||placement===right)&&variation===end){sideY=bottom;var offsetY=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp];y-=offsetY-popperRect.height,y*=gpuAcceleration?1:-1;}if(placement===left||(placement===top||placement===bottom)&&variation===end){sideX=right;var offsetX=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp];x-=offsetX-popperRect.width,x*=gpuAcceleration?1:-1;}}var commonStyles=Object.assign({position},adaptive&&unsetSides),_ref4=roundOffsets===!0?roundOffsetsByDPR({x,y},getWindow(popper2)):{x,y};if(x=_ref4.x,y=_ref4.y,gpuAcceleration){var _Object$assign;return Object.assign({},commonStyles,(_Object$assign={},_Object$assign[sideY]=hasY?\"0\":\"\",_Object$assign[sideX]=hasX?\"0\":\"\",_Object$assign.transform=(win.devicePixelRatio||1)<=1?\"translate(\"+x+\"px, \"+y+\"px)\":\"translate3d(\"+x+\"px, \"+y+\"px, 0)\",_Object$assign))}return Object.assign({},commonStyles,(_Object$assign2={},_Object$assign2[sideY]=hasY?y+\"px\":\"\",_Object$assign2[sideX]=hasX?x+\"px\":\"\",_Object$assign2.transform=\"\",_Object$assign2))}function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=_options$gpuAccelerat===void 0?!0:_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=_options$adaptive===void 0?!0:_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=_options$roundOffsets===void 0?!0:_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy===\"fixed\"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:\"absolute\",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-placement\":state.placement});}var computeStyles_default={name:\"computeStyles\",enabled:!0,phase:\"beforeWrite\",fn:computeStyles,data:{}};var passive={passive:!0};function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener(\"scroll\",instance.update,passive);}),resize&&window2.addEventListener(\"resize\",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener(\"scroll\",instance.update,passive);}),resize&&window2.removeEventListener(\"resize\",instance.update,passive);}}var eventListeners_default={name:\"eventListeners\",enabled:!0,phase:\"write\",fn:function(){},effect:effect3,data:{}};var hash={left:\"right\",right:\"left\",bottom:\"top\",top:\"bottom\"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash2={start:\"end\",end:\"start\"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return {scrollLeft,scrollTop}}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy===\"fixed\")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop);}return {width,height,x:x+getWindowScrollBarX(element),y}}function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle(body||html).direction===\"rtl\"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return /auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getScrollParent(node){return [\"html\",\"body\",\"#document\"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy===\"fixed\");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=[\"absolute\",\"fixed\"].indexOf(getComputedStyle(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!==\"body\"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary===\"clippingParents\"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y};}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis===\"y\"?\"height\":\"width\";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break;}}return offsets}function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!=\"number\"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:\"absolute\",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?\"y\":\"x\";overflowOffsets[key]+=offset2[axis]*multiply;});}return overflowOffsets}function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2);var overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return [];var oppositePlacement=getOppositePlacement(placement);return [getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i=0,len=isVertical?\"width\":\"height\",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks);}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,\"break\"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret===\"break\")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0);}}var flip_default={name:\"flip\",enabled:!0,phase:\"main\",fn:flip,requiresIfExists:[\"offset\"],data:{_skip:!1}};function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return [top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:\"reference\"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{\"data-popper-reference-hidden\":isReferenceHidden,\"data-popper-escaped\":hasPopperEscaped});}var hide_default={name:\"hide\",enabled:!0,phase:\"main\",requiresIfExists:[\"preventOverflow\"],fn:hide};function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2==\"function\"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data;}var offset_default={name:\"offset\",enabled:!0,phase:\"main\",requires:[\"popperOffsets\"],fn:offset};function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:\"absolute\",placement:state.placement});}var popperOffsets_default={name:\"popperOffsets\",enabled:!0,phase:\"read\",fn:popperOffsets,data:{}};function getAltAxis(axis){return axis===\"x\"?\"y\":\"x\"}function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset==\"function\"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue==\"number\"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis===\"y\"?top:left,altSide=mainAxis===\"y\"?bottom:right,len=mainAxis===\"y\"?\"height\":\"width\",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData[\"arrow#persistent\"]?state.modifiersData[\"arrow#persistent\"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis===\"y\"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState?.[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2;}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis===\"x\"?top:left,_altSide=mainAxis===\"x\"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis===\"y\"?\"height\":\"width\",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState?.[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset;}state.modifiersData[name]=data;}}var preventOverflow_default={name:\"preventOverflow\",enabled:!0,phase:\"main\",fn:preventOverflow,requiresIfExists:[\"offset\"]};function getHTMLElementScroll(element){return {scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return (isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!==\"body\"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier);});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier);}}),result.push(modifier);}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier);}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2());});})),pending}}function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var DEFAULT_OPTIONS={placement:\"bottom\",modifiers:[],strategy:\"absolute\"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return !args.some(function(element){return !(element&&typeof element.getBoundingClientRect==\"function\")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:\"bottom\",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction==\"function\"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(areValidElements(reference3,popper3)){state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy===\"fixed\"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var index=0;indexactual.split(\"-\")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=styled.div({position:\"absolute\",borderStyle:\"solid\"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith(\"left\")||placement.startsWith(\"right\")):{y=8;break}case(placement.startsWith(\"top\")||placement.startsWith(\"bottom\")):{x=8;break}}return {transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match(\"top\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,top:`${match(\"bottom\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,right:`${match(\"left\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,left:`${match(\"right\",placement,`${ArrowSpacing*-1}px`,\"auto\")}`,borderBottomWidth:`${match(\"top\",placement,\"0\",ArrowSpacing)}px`,borderTopWidth:`${match(\"bottom\",placement,\"0\",ArrowSpacing)}px`,borderRightWidth:`${match(\"left\",placement,\"0\",ArrowSpacing)}px`,borderLeftWidth:`${match(\"right\",placement,\"0\",ArrowSpacing)}px`,borderTopColor:match(\"top\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderBottomColor:match(\"bottom\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderLeftColor:match(\"left\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\"),borderRightColor:match(\"right\",placement,theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,\"transparent\")})),Wrapper=styled.div(({hidden})=>({display:hidden?\"none\":\"inline-block\",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base===\"light\"?lighten(theme.background.app):theme.background.app,filter:`\n drop-shadow(0px 5px 5px rgba(0,0,0,0.05))\n drop-shadow(0 1px 3px rgba(0,0,0,0.1))\n `,borderRadius:theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}),Tooltip=React3__default.forwardRef(({placement,hasChrome,children,arrowProps,tooltipRef,color,withArrows,...props},ref)=>React3__default.createElement(Wrapper,{\"data-testid\":\"tooltip\",hasChrome,ref,...props,color},hasChrome&&withArrows&&React3__default.createElement(Arrow,{placement,...arrowProps,color}),children));Tooltip.displayName=\"Tooltip\";Tooltip.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:\"top\",arrowProps:{}};var {document:document2}=global,TargetContainer=styled.div`\n display: inline-block;\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,TargetSvgContainer=styled.g`\n cursor: ${props=>props.trigger===\"hover\"||props.trigger.includes(\"hover\")?\"default\":\"pointer\"};\n`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,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,delayHide,interactive,closeOnOutsideClick,closeOnTriggerHidden,onVisibleChange,delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=React3__default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip==\"function\"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(Container,{trigger,ref:setTriggerRef,...props},children),isVisible&&ReactDOM__default.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]=useState(startOpen),onVisibilityChange=useCallback(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility);},[onChange]);return 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();});}}),React3__default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})};\n\nexport { WithToolTipState, WithTooltipPure };\n","import { SyntaxHighlighter, ScrollArea } from './chunk-D3EWQ7UP.mjs';\nexport { ActionBar, ScrollArea, createCopyToClipboardFunction } from './chunk-D3EWQ7UP.mjs';\nimport { WithToolTipState } from './chunk-T3L4SIIA.mjs';\nimport { _objectWithoutPropertiesLoose, _extends } from './chunk-FD4M6EBV.mjs';\nimport './chunk-LS2QBCCV.mjs';\nimport './chunk-B34W3DQC.mjs';\nimport './chunk-QVGBJMX6.mjs';\nimport './chunk-TLCJEOII.mjs';\nimport './chunk-VIGKQ7IJ.mjs';\nimport './chunk-HDCRXTJ4.mjs';\nimport './chunk-THUDJTWG.mjs';\nimport './chunk-WQT4P443.mjs';\nimport './chunk-LYS22R7H.mjs';\nimport './chunk-FZODC7UU.mjs';\nimport './chunk-FI2R2B3O.mjs';\nimport './chunk-JKM2PMNI.mjs';\nimport './chunk-6Z7BBVUS.mjs';\nimport './chunk-IJAA7WI2.mjs';\nimport './chunk-SCHQIR5W.mjs';\nimport * as React3 from 'react';\nimport React3__default, { lazy, forwardRef, useState, useEffect, memo, useMemo, createElement, Children, Suspense, Fragment, useRef, useCallback, useLayoutEffect, Component } from 'react';\nimport { styled, ignoreSsrWarning, isPropValid, keyframes, color, typography } from '@storybook/theming';\nimport * as StorybookIcons from '@storybook/icons';\nimport { LightningOffIcon, ChevronRightIcon } from '@storybook/icons';\nimport { global } from '@storybook/global';\nimport { Slot } from '@radix-ui/react-slot';\nimport { deprecate, logger } from '@storybook/client-logger';\nimport memoize from 'memoizerific';\nimport { sanitize } from '@storybook/csf';\n\nvar nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=[\"sbdocs\",`sbdocs-${key}`,...classes].filter(Boolean).join(\" \"),props};function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");return self}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass);}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _isNativeFunction(fn){try{return Function.toString.call(fn).indexOf(\"[native code]\")!==-1}catch{return typeof fn==\"function\"}}function _isNativeReflectConstruct(){if(typeof Reflect>\"u\"||!Reflect.construct||Reflect.construct.sham)return !1;if(typeof Proxy==\"function\")return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return !1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map==\"function\"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!=\"function\")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,Wrapper4);}function Wrapper4(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper4,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.\n\n`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n`,9:`Please provide a number of steps to the modularScale helper.\n\n`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,11:`Invalid value passed as base to modularScale, expected number or em string but got \"%s\"\n\n`,12:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got \"%s\" instead.\n\n`,13:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got \"%s\" instead.\n\n`,14:`Passed invalid pixel value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,15:`Passed invalid base value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n`,16:`You must provide a template to this method.\n\n`,17:`You passed an unsupported selector state to this method.\n\n`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,19:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,21:\"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",22:\"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",23:`fontFace expects a name of a font-family.\n\n`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,25:`fontFace expects localFonts to be an array.\n\n`,26:`fontFace expects fileFormats to be an array.\n\n`,27:`radialGradient requries at least 2 color-stops to properly render.\n\n`,28:`Please supply a filename to retinaImage() as the first argument.\n\n`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,30:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n`,34:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,35:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,36:`Property must be a string value.\n\n`,37:`Syntax Error at %s.\n\n`,38:`Formula contains a function that needs parentheses at %s.\n\n`,39:`Formula is missing closing parenthesis at %s.\n\n`,40:`Formula has too many closing parentheses at %s.\n\n`,41:`All values in a formula must have the same unit or be unitless.\n\n`,42:`Please provide a number of steps to the modularScale helper.\n\n`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n`,48:`fromSize and toSize must be provided as stringified numbers with the same units.\n\n`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.\n\n`,53:`fontFace expects localFonts to be an array.\n\n`,54:`fontFace expects fileFormats to be an array.\n\n`,55:`fontFace expects a name of a font-family.\n\n`,56:`linearGradient requries at least 2 color-stops to properly render.\n\n`,57:`radialGradient requries at least 2 color-stops to properly render.\n\n`,58:`Please supply a filename to retinaImage() as the first argument.\n\n`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n`,60:\"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",61:`Property must be a string value.\n\n`,62:`borderRadius expects a radius value as a string or number as the second argument.\n\n`,63:`borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n`,67:`You must provide a template to this method.\n\n`,68:`You passed an unsupported selector state to this method.\n\n`,69:`Expected a string ending in \"px\" or a number passed as the first argument to %s(), got %s instead.\n\n`,70:`Expected a string ending in \"px\" or a number passed as the second argument to %s(), got %s instead.\n\n`,71:`Passed invalid pixel value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,72:`Passed invalid base value %s to %s(), please pass a value like \"12px\" or 12.\n\n`,73:`Please provide a valid CSS variable.\n\n`,74:`CSS variable not found and no default was provided.\n\n`,75:`important requires a valid style object, got a %s instead.\n\n`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n`,77:`remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n`,78:`base must be set in \"px\" or \"%\" but you set it in \"%s\".\n`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+\",\"+colorToInt(green)+\",\"+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:\"f0f8ff\",antiquewhite:\"faebd7\",aqua:\"00ffff\",aquamarine:\"7fffd4\",azure:\"f0ffff\",beige:\"f5f5dc\",bisque:\"ffe4c4\",black:\"000\",blanchedalmond:\"ffebcd\",blue:\"0000ff\",blueviolet:\"8a2be2\",brown:\"a52a2a\",burlywood:\"deb887\",cadetblue:\"5f9ea0\",chartreuse:\"7fff00\",chocolate:\"d2691e\",coral:\"ff7f50\",cornflowerblue:\"6495ed\",cornsilk:\"fff8dc\",crimson:\"dc143c\",cyan:\"00ffff\",darkblue:\"00008b\",darkcyan:\"008b8b\",darkgoldenrod:\"b8860b\",darkgray:\"a9a9a9\",darkgreen:\"006400\",darkgrey:\"a9a9a9\",darkkhaki:\"bdb76b\",darkmagenta:\"8b008b\",darkolivegreen:\"556b2f\",darkorange:\"ff8c00\",darkorchid:\"9932cc\",darkred:\"8b0000\",darksalmon:\"e9967a\",darkseagreen:\"8fbc8f\",darkslateblue:\"483d8b\",darkslategray:\"2f4f4f\",darkslategrey:\"2f4f4f\",darkturquoise:\"00ced1\",darkviolet:\"9400d3\",deeppink:\"ff1493\",deepskyblue:\"00bfff\",dimgray:\"696969\",dimgrey:\"696969\",dodgerblue:\"1e90ff\",firebrick:\"b22222\",floralwhite:\"fffaf0\",forestgreen:\"228b22\",fuchsia:\"ff00ff\",gainsboro:\"dcdcdc\",ghostwhite:\"f8f8ff\",gold:\"ffd700\",goldenrod:\"daa520\",gray:\"808080\",green:\"008000\",greenyellow:\"adff2f\",grey:\"808080\",honeydew:\"f0fff0\",hotpink:\"ff69b4\",indianred:\"cd5c5c\",indigo:\"4b0082\",ivory:\"fffff0\",khaki:\"f0e68c\",lavender:\"e6e6fa\",lavenderblush:\"fff0f5\",lawngreen:\"7cfc00\",lemonchiffon:\"fffacd\",lightblue:\"add8e6\",lightcoral:\"f08080\",lightcyan:\"e0ffff\",lightgoldenrodyellow:\"fafad2\",lightgray:\"d3d3d3\",lightgreen:\"90ee90\",lightgrey:\"d3d3d3\",lightpink:\"ffb6c1\",lightsalmon:\"ffa07a\",lightseagreen:\"20b2aa\",lightskyblue:\"87cefa\",lightslategray:\"789\",lightslategrey:\"789\",lightsteelblue:\"b0c4de\",lightyellow:\"ffffe0\",lime:\"0f0\",limegreen:\"32cd32\",linen:\"faf0e6\",magenta:\"f0f\",maroon:\"800000\",mediumaquamarine:\"66cdaa\",mediumblue:\"0000cd\",mediumorchid:\"ba55d3\",mediumpurple:\"9370db\",mediumseagreen:\"3cb371\",mediumslateblue:\"7b68ee\",mediumspringgreen:\"00fa9a\",mediumturquoise:\"48d1cc\",mediumvioletred:\"c71585\",midnightblue:\"191970\",mintcream:\"f5fffa\",mistyrose:\"ffe4e1\",moccasin:\"ffe4b5\",navajowhite:\"ffdead\",navy:\"000080\",oldlace:\"fdf5e6\",olive:\"808000\",olivedrab:\"6b8e23\",orange:\"ffa500\",orangered:\"ff4500\",orchid:\"da70d6\",palegoldenrod:\"eee8aa\",palegreen:\"98fb98\",paleturquoise:\"afeeee\",palevioletred:\"db7093\",papayawhip:\"ffefd5\",peachpuff:\"ffdab9\",peru:\"cd853f\",pink:\"ffc0cb\",plum:\"dda0dd\",powderblue:\"b0e0e6\",purple:\"800080\",rebeccapurple:\"639\",red:\"f00\",rosybrown:\"bc8f8f\",royalblue:\"4169e1\",saddlebrown:\"8b4513\",salmon:\"fa8072\",sandybrown:\"f4a460\",seagreen:\"2e8b57\",seashell:\"fff5ee\",sienna:\"a0522d\",silver:\"c0c0c0\",skyblue:\"87ceeb\",slateblue:\"6a5acd\",slategray:\"708090\",slategrey:\"708090\",snow:\"fffafa\",springgreen:\"00ff7f\",steelblue:\"4682b4\",tan:\"d2b48c\",teal:\"008080\",thistle:\"d8bfd8\",tomato:\"ff6347\",turquoise:\"40e0d0\",violet:\"ee82ee\",wheat:\"f5deb3\",white:\"fff\",whitesmoke:\"f5f5f5\",yellow:\"ff0\",yellowgreen:\"9acd32\"};function nameToHex(color2){if(typeof color2!=\"string\")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap[normalizedColorName]?\"#\"+namedColorMap[normalizedColorName]:color2}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*\\)$/i,rgbaRegex=/^rgb(?:a)?\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i,hslRegex=/^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i,hslaRegex=/^hsl(?:a)?\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i;function parseToRgb(color2){if(typeof color2!=\"string\")throw new PolishedError(3);var normalizedColor=nameToHex(color2);if(normalizedColor.match(hexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(\"\"+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[2],16),green:parseInt(\"\"+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(\"\"+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(\"\"+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(\"\"+normalizedColor[1]+normalizedColor[1],16),green:parseInt(\"\"+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(\"\"+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(\"\"+rgbMatched[1],10),green:parseInt(\"\"+rgbMatched[2],10),blue:parseInt(\"\"+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(\"\"+rgbaMatched[1],10),green:parseInt(\"\"+rgbaMatched[2],10),blue:parseInt(\"\"+rgbaMatched[3],10),alpha:parseFloat(\"\"+rgbaMatched[4])>1?parseFloat(\"\"+rgbaMatched[4])/100:parseFloat(\"\"+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(\"\"+hslMatched[1],10),saturation=parseInt(\"\"+hslMatched[2],10)/100,lightness=parseInt(\"\"+hslMatched[3],10)/100,rgbColorString=\"rgb(\"+hslToRgb(hue,saturation,lightness)+\")\",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(\"\"+hslRgbMatched[1],10),green:parseInt(\"\"+hslRgbMatched[2],10),blue:parseInt(\"\"+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(\"\"+hslaMatched[1],10),_saturation=parseInt(\"\"+hslaMatched[2],10)/100,_lightness=parseInt(\"\"+hslaMatched[3],10)/100,_rgbColorString=\"rgb(\"+hslToRgb(_hue,_saturation,_lightness)+\")\",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(\"\"+_hslRgbMatched[1],10),green:parseInt(\"\"+_hslRgbMatched[2],10),blue:parseInt(\"\"+_hslRgbMatched[3],10),alpha:parseFloat(\"\"+hslaMatched[4])>1?parseFloat(\"\"+hslaMatched[4])/100:parseFloat(\"\"+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green=1?hslToHex(value,saturation,lightness):\"rgba(\"+hslToRgb(value,saturation,lightness)+\",\"+alpha+\")\";if(typeof value==\"object\"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):\"rgba(\"+hslToRgb(value.hue,value.saturation,value.lightness)+\",\"+value.alpha+\")\";throw new PolishedError(2)}function rgb(value,green,blue){if(typeof value==\"number\"&&typeof green==\"number\"&&typeof blue==\"number\")return reduceHexValue$1(\"#\"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value==\"object\"&&green===void 0&&blue===void 0)return reduceHexValue$1(\"#\"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue==\"string\"&&typeof secondValue==\"number\"){var rgbValue=parseToRgb(firstValue);return \"rgba(\"+rgbValue.red+\",\"+rgbValue.green+\",\"+rgbValue.blue+\",\"+secondValue+\")\"}else {if(typeof firstValue==\"number\"&&typeof secondValue==\"number\"&&typeof thirdValue==\"number\"&&typeof fourthValue==\"number\")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):\"rgba(\"+firstValue+\",\"+secondValue+\",\"+thirdValue+\",\"+fourthValue+\")\";if(typeof firstValue==\"object\"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):\"rgba(\"+firstValue.red+\",\"+firstValue.green+\",\"+firstValue.blue+\",\"+firstValue.alpha+\")\"}throw new PolishedError(7)}var isRgb=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isRgba=function(color2){return typeof color2.red==\"number\"&&typeof color2.green==\"number\"&&typeof color2.blue==\"number\"&&typeof color2.alpha==\"number\"},isHsl=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&(typeof color2.alpha!=\"number\"||typeof color2.alpha>\"u\")},isHsla=function(color2){return typeof color2.hue==\"number\"&&typeof color2.saturation==\"number\"&&typeof color2.lightness==\"number\"&&typeof color2.alpha==\"number\"};function toColorString(color2){if(typeof color2!=\"object\")throw new PolishedError(8);if(isRgba(color2))return rgba(color2);if(isRgb(color2))return rgb(color2);if(isHsla(color2))return hsla(color2);if(isHsl(color2))return hsl(color2);throw new PolishedError(8)}function curried(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color2){if(color2===\"transparent\")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function transparentize(amount,color2){if(color2===\"transparent\")return color2;var parsedColor=parseToRgb(color2),alpha=typeof parsedColor.alpha==\"number\"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var headerCommon=({theme})=>({margin:\"20px 0 8px\",padding:0,cursor:\"text\",position:\"relative\",color:theme.color.defaultText,\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}}),codeCommon=({theme})=>({lineHeight:1,margin:\"0 2px\",padding:\"3px 5px\",whiteSpace:\"nowrap\",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base===\"light\"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base===\"light\"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base===\"light\"?theme.color.lighter:theme.color.border}),withReset=({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"}),withMargin={margin:\"16px 0\"};var Link=({href:input,...props})=>{let href=/^\\//.test(input)?`./?path=${input}`:input,target=/^#.*/.test(input)?\"_self\":\"_top\";return React3__default.createElement(\"a\",{href,target,...props})};var A=styled(Link)(withReset,({theme})=>({fontSize:\"inherit\",lineHeight:\"24px\",color:theme.color.secondary,textDecoration:\"none\",\"&.absent\":{color:\"#cc0000\"},\"&.anchor\":{display:\"block\",paddingLeft:30,marginLeft:-30,cursor:\"pointer\",position:\"absolute\",top:0,left:0,bottom:0}}));var Blockquote=styled.blockquote(withReset,withMargin,({theme})=>({borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}}));var isReactChildString=child=>typeof child==\"string\";var isInlineCodeRegex=/[\\n\\r]/g,DefaultCodeBlock=styled.code(({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"}),codeCommon),StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontFamily:theme.typography.fonts.mono,fontSize:`${theme.typography.size.s2-1}px`,lineHeight:\"19px\",margin:\"25px 0 40px\",borderRadius:theme.appBorderRadius,boxShadow:theme.base===\"light\"?\"rgba(0, 0, 0, 0.10) 0 1px 3px 0\":\"rgba(0, 0, 0, 0.20) 0 2px 5px 0\",\"pre.prismjs\":{padding:20,background:\"inherit\"}})),Code=({className,children,...props})=>{let language=(className||\"\").match(/lang-(\\S+)/),childrenArray=Children.toArray(children);return childrenArray.filter(isReactChildString).some(child=>child.match(isInlineCodeRegex))?React3__default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,language:language?.[1]??\"text\",format:!1,...props},children):React3__default.createElement(DefaultCodeBlock,{...props,className},childrenArray)};var Div=styled.div(withReset);var DL=styled.dl(withReset,withMargin,{padding:0,\"& dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",padding:0,margin:\"16px 0 4px\"},\"& dt:first-of-type\":{padding:0},\"& dt > :first-of-type\":{marginTop:0},\"& dt > :last-child\":{marginBottom:0},\"& dd\":{margin:\"0 0 16px\",padding:\"0 15px\"},\"& dd > :first-of-type\":{marginTop:0},\"& dd > :last-child\":{marginBottom:0}});var H1=styled.h1(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold}));var H2=styled.h2(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`}));var H3=styled.h3(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m1}px`}));var H4=styled.h4(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s3}px`}));var H5=styled.h5(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`}));var H6=styled.h6(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark}));var HR=styled.hr(({theme})=>({border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0}));var Img=styled.img({maxWidth:\"100%\"});var LI=styled.li(withReset,({theme})=>({fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:\"24px\",\"& + li\":{marginTop:\".25em\"},\"& ul, & ol\":{marginTop:\".25em\",marginBottom:0},\"& code\":codeCommon({theme})}));var listCommon={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},OL=styled.ol(withReset,withMargin,listCommon,{listStyle:\"decimal\"});var P=styled.p(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",color:theme.color.defaultText,\"& code\":codeCommon({theme})}));var Pre=styled.pre(withReset,withMargin,({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\",\"&:not(.prismjs)\":{background:\"transparent\",border:\"none\",borderRadius:0,padding:0,margin:0},\"& pre, &.prismjs\":{padding:15,margin:0,whiteSpace:\"pre-wrap\",color:\"inherit\",fontSize:\"13px\",lineHeight:\"19px\",code:{color:\"inherit\",fontSize:\"inherit\"}},\"& code\":{whiteSpace:\"pre\"},\"& code, & tt\":{border:\"none\"}}));var Span=styled.span(withReset,({theme})=>({\"&.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"&.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"&.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"&.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"&.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}}}));var Table=styled.table(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:\"24px\",padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},\"& tr:nth-of-type(2n)\":{backgroundColor:theme.base===\"dark\"?theme.color.darker:theme.color.lighter},\"& tr th\":{fontWeight:\"bold\",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:\"6px 13px\"},\"& tr td\":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:\"6px 13px\"},\"& tr th :first-of-type, & tr td :first-of-type\":{marginTop:0},\"& tr th :last-child, & tr td :last-child\":{marginBottom:0}}));var TT=styled.title(codeCommon);var listCommon2={paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},UL=styled.ul(withReset,withMargin,listCommon2,{listStyle:\"disc\"});var ResetWrapper=styled.div(withReset);var components={h1:props=>React3__default.createElement(H1,{...nameSpaceClassNames(props,\"h1\")}),h2:props=>React3__default.createElement(H2,{...nameSpaceClassNames(props,\"h2\")}),h3:props=>React3__default.createElement(H3,{...nameSpaceClassNames(props,\"h3\")}),h4:props=>React3__default.createElement(H4,{...nameSpaceClassNames(props,\"h4\")}),h5:props=>React3__default.createElement(H5,{...nameSpaceClassNames(props,\"h5\")}),h6:props=>React3__default.createElement(H6,{...nameSpaceClassNames(props,\"h6\")}),pre:props=>React3__default.createElement(Pre,{...nameSpaceClassNames(props,\"pre\")}),a:props=>React3__default.createElement(A,{...nameSpaceClassNames(props,\"a\")}),hr:props=>React3__default.createElement(HR,{...nameSpaceClassNames(props,\"hr\")}),dl:props=>React3__default.createElement(DL,{...nameSpaceClassNames(props,\"dl\")}),blockquote:props=>React3__default.createElement(Blockquote,{...nameSpaceClassNames(props,\"blockquote\")}),table:props=>React3__default.createElement(Table,{...nameSpaceClassNames(props,\"table\")}),img:props=>React3__default.createElement(Img,{...nameSpaceClassNames(props,\"img\")}),div:props=>React3__default.createElement(Div,{...nameSpaceClassNames(props,\"div\")}),span:props=>React3__default.createElement(Span,{...nameSpaceClassNames(props,\"span\")}),li:props=>React3__default.createElement(LI,{...nameSpaceClassNames(props,\"li\")}),ul:props=>React3__default.createElement(UL,{...nameSpaceClassNames(props,\"ul\")}),ol:props=>React3__default.createElement(OL,{...nameSpaceClassNames(props,\"ol\")}),p:props=>React3__default.createElement(P,{...nameSpaceClassNames(props,\"p\")}),code:props=>React3__default.createElement(Code,{...nameSpaceClassNames(props,\"code\")}),tt:props=>React3__default.createElement(TT,{...nameSpaceClassNames(props,\"tt\")}),resetwrapper:props=>React3__default.createElement(ResetWrapper,{...nameSpaceClassNames(props,\"resetwrapper\")})};var BadgeWrapper=styled.div(({theme})=>({display:\"inline-block\",fontSize:11,lineHeight:\"12px\",alignSelf:\"center\",padding:\"4px 12px\",borderRadius:\"3em\",fontWeight:theme.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:\"currentColor\"}}},({theme,status})=>{switch(status){case\"critical\":return {color:theme.color.critical,background:theme.background.critical};case\"negative\":return {color:theme.color.negativeText,background:theme.background.negative,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.negativeText)}`:\"none\"};case\"warning\":return {color:theme.color.warningText,background:theme.background.warning,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.warningText)}`:\"none\"};case\"neutral\":return {color:theme.color.dark,background:theme.color.mediumlight,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.dark)}`:\"none\"};case\"positive\":return {color:theme.color.positiveText,background:theme.background.positive,boxShadow:theme.base===\"light\"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.positiveText)}`:\"none\"};default:return {}}}),Badge=({...props})=>React3__default.createElement(BadgeWrapper,{...props});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e));},LinkInner=styled.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=styled.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:isButton2})=>isButton2?{border:0,borderRadius:0,background:\"none\",padding:0,fontSize:\"inherit\"}:{}),Link2=({cancel=!0,children,onClick=void 0,withArrow=!1,containsIcon=!1,className=void 0,style=void 0,...rest})=>React3__default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React3__default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React3__default.createElement(ChevronRightIcon,null)));var DocumentWrapper=styled.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\",\"&:first-of-type\":{marginTop:0,paddingTop:0},\"&:hover a.anchor\":{textDecoration:\"none\"},\"& tt, & code\":{fontSize:\"inherit\"}},\"h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"p, blockquote, ul, ol, dl, li, table, pre\":{margin:\"15px 0\"},hr:{border:\"0 none\",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},\"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type\":{marginTop:0,paddingTop:0},\"body > h1:first-of-type + h2\":{marginTop:0,paddingTop:0},\"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6\":{marginTop:0,paddingTop:0},\"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p\":{marginTop:0},\"li p.first\":{display:\"inline-block\"},\"ul, ol\":{paddingLeft:30,\"& :first-of-type\":{marginTop:0},\"& :last-child\":{marginBottom:0}},dl:{padding:0},\"dl dt\":{fontSize:\"14px\",fontWeight:\"bold\",fontStyle:\"italic\",margin:\"0 0 15px\",padding:\"0 15px\",\"&:first-of-type\":{padding:0},\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:\"0 15px\",color:theme.color.dark,\"& > :first-of-type\":{marginTop:0},\"& > :last-child\":{marginBottom:0}},table:{padding:0,borderCollapse:\"collapse\",\"& tr\":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:\"white\",margin:0,padding:0,\"& th\":{fontWeight:\"bold\",border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"& td\":{border:`1px solid ${theme.appBorderColor}`,textAlign:\"left\",margin:0,padding:\"6px 13px\"},\"&:nth-of-type(2n)\":{backgroundColor:theme.color.lighter},\"& th :first-of-type, & td :first-of-type\":{marginTop:0},\"& th :last-child, & td :last-child\":{marginBottom:0}}},img:{maxWidth:\"100%\"},\"span.frame\":{display:\"block\",overflow:\"hidden\",\"& > span\":{border:`1px solid ${theme.color.medium}`,display:\"block\",float:\"left\",overflow:\"hidden\",margin:\"13px 0 0\",padding:7,width:\"auto\"},\"& span img\":{display:\"block\",float:\"left\"},\"& span span\":{clear:\"both\",color:theme.color.darkest,display:\"block\",padding:\"5px 0 0\"}},\"span.align-center\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"center\"},\"& span img\":{margin:\"0 auto\",textAlign:\"center\"}},\"span.align-right\":{display:\"block\",overflow:\"hidden\",clear:\"both\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px 0 0\",textAlign:\"right\"},\"& span img\":{margin:0,textAlign:\"right\"}},\"span.float-left\":{display:\"block\",marginRight:13,overflow:\"hidden\",float:\"left\",\"& span\":{margin:\"13px 0 0\"}},\"span.float-right\":{display:\"block\",marginLeft:13,overflow:\"hidden\",float:\"right\",\"& > span\":{display:\"block\",overflow:\"hidden\",margin:\"13px auto 0\",textAlign:\"right\"}},\"code, tt\":{margin:\"0 2px\",padding:\"0 5px\",whiteSpace:\"nowrap\",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base===\"dark\"&&theme.color.darkest}}));var languages=[],Comp=null,LazySyntaxHighlighter=lazy(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-JOJW2KGS.mjs');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React3__default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-JOJW2KGS.mjs'),import('./formatter-B5HCVTEV.mjs')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React3__default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement(\"div\",null)},props.format!==!1?React3__default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React3__default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};var toNumber=input=>typeof input==\"number\"?input:Number(input),Container=styled.div(({theme,col,row=1})=>col?{display:\"inline-block\",verticalAlign:\"inherit\",\"& > *\":{marginLeft:col*theme.layoutMargin,verticalAlign:\"inherit\"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{\"& > *\":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return {marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return {marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return {}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer==\"number\"||!outer?outer:col||row);return React3__default.createElement(Container,{col,row,outer:outerAmount,...rest},children)};var Title=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled.div(),Message=styled.div(({theme})=>({padding:30,textAlign:\"center\",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children.toArray(children);return React3__default.createElement(Message,{...props},React3__default.createElement(Title,null,title),desc&&React3__default.createElement(Desc,null,desc))};function useResolvedElement(subscriber,refOrElement){var lastReportRef=useRef(null),refOrElementRef=useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=useRef(null);useEffect(function(){evaluateSubscription();});var evaluateSubscription=useCallback(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0});},[subscriber]);return useEffect(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null);}},[]),useCallback(function(element){cbElementRef.current=element,evaluateSubscription();},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp===\"contentBoxSize\"?entry.contentRect[sizeType===\"inlineSize\"?\"width\":\"height\"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=useRef(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=useRef(),_useState=useState({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=useRef(!1);useEffect(function(){return didUnmount.current=!1,function(){didUnmount.current=!0;}},[]);var previous=useRef({width:void 0,height:void 0}),refCallback=useResolvedElement(useCallback(function(element){return (!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box===\"border-box\"?\"borderBoxSize\":opts.box===\"device-pixel-content-box\"?\"devicePixelContentBoxSize\":\"contentBoxSize\",reportedWidth=extractSize(entry,boxProp,\"inlineSize\"),reportedHeight=extractSize(entry,boxProp,\"blockSize\"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize);}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element);}},[opts.box,round]),opts.ref);return useMemo(function(){return {ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var ZoomElementWrapper=styled.div(({scale=1,elementHeight})=>({height:elementHeight||\"auto\",transformOrigin:\"top left\",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[elementHeight,setElementHeight]=useState(0),onResize=useCallback(({height})=>{height&&setElementHeight(height/scale);},[scale]);return useEffect(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),React3__default.createElement(ZoomElementWrapper,{scale,elementHeight},React3__default.createElement(\"div\",{ref:componentWrapperRef,className:\"innerZoomElementWrapper\"},children))}var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null;}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current;}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute(\"data-is-storybook\",nextProps.active?\"true\":\"false\"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}catch{this.setIframeZoom(scale);}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:\"top left\"});}render(){let{children}=this.props;return React3__default.createElement(React3__default.Fragment,null,children)}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2}=global,ErrorName=styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:\"underline\"})),ErrorDetail=styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\\n/,linesRegexChromium=/at (?:(.*) )?\\(?(.+)\\)?/,linesRegexFirefox=/([^@]+)?(?:\\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return React3__default.createElement(Fragment,null,\"This error has no stack or message\");if(!error.stack)return React3__default.createElement(Fragment,null,error.message||\"This error has no stack or message\");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}\n\n${input}`);let match=input.match(firstLineRegex);if(!match)return React3__default.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||\"\").replace(\"/<\",\"\"),location:result[2].replace(document2.location.origin,\"\")}:null}).filter(Boolean);return React3__default.createElement(Fragment,null,React3__default.createElement(\"span\",null,type),\": \",React3__default.createElement(ErrorName,null,name),React3__default.createElement(\"br\",null),lines.map((l,i)=>l.name?React3__default.createElement(Fragment,{key:i},\" \",\"at \",React3__default.createElement(ErrorImportant,null,l.name),\" (\",React3__default.createElement(ErrorDetail,null,l.location),\")\",React3__default.createElement(\"br\",null)):React3__default.createElement(Fragment,{key:i},\" \",\"at \",React3__default.createElement(ErrorDetail,null,l.location),React3__default.createElement(\"br\",null))))};var Button=forwardRef(({asChild=!1,animation=\"none\",size=\"small\",variant=\"outline\",padding=\"medium\",disabled=!1,active=!1,onClick,...props},ref)=>{let Comp2=\"button\";props.isLink&&(Comp2=\"a\"),asChild&&(Comp2=Slot);let localVariant=variant,localSize=size,[isAnimating,setIsAnimating]=useState(!1),handleClick=event=>{onClick&&onClick(event),animation!==\"none\"&&setIsAnimating(!0);};if(useEffect(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1);},1e3);return ()=>clearTimeout(timer)},[isAnimating]),props.primary&&(localVariant=\"solid\",localSize=\"medium\"),(props.secondary||props.tertiary||props.gray||props.outline||props.inForm)&&(localVariant=\"outline\",localSize=\"medium\"),props.small||props.isLink||props.primary||props.secondary||props.tertiary||props.gray||props.outline||props.inForm||props.containsIcon){let buttonContent=React3__default.Children.toArray(props.children).filter(e=>typeof e==\"string\"&&e!==\"\");deprecate(`Use of deprecated props in the button ${buttonContent.length>0?`\"${buttonContent.join(\" \")}\"`:\"component\"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`);}return React3__default.createElement(StyledButton,{as:Comp2,ref,variant:localVariant,size:localSize,padding,disabled,active,animating:isAnimating,animation,onClick:handleClick,...props})});Button.displayName=\"Button\";var StyledButton=styled(\"button\",{shouldForwardProp:prop=>isPropValid(prop)})(({theme,variant,size,disabled,active,animating,animation,padding})=>({border:0,cursor:disabled?\"not-allowed\":\"pointer\",display:\"inline-flex\",gap:\"6px\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",padding:padding===\"small\"&&size===\"small\"?\"0 7px\":padding===\"small\"&&size===\"medium\"?\"0 9px\":size===\"small\"?\"0 10px\":size===\"medium\"?\"0 12px\":0,height:size===\"small\"?\"28px\":\"32px\",position:\"relative\",textAlign:\"center\",textDecoration:\"none\",transitionProperty:\"background, box-shadow\",transitionDuration:\"150ms\",transitionTimingFunction:\"ease-out\",verticalAlign:\"top\",whiteSpace:\"nowrap\",userSelect:\"none\",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:\"1\",background:variant===\"solid\"?theme.color.secondary:variant===\"outline\"?theme.button.background:variant===\"ghost\"&&active?theme.background.hoverable:\"transparent\",...variant===\"ghost\"?{\".sb-bar &\":{background:active?curriedTransparentize$1(.9,theme.barTextColor):\"transparent\",color:active?theme.barSelectedColor:theme.barTextColor,\"&:hover\":{color:theme.barHoverColor,background:curriedTransparentize$1(.86,theme.barHoverColor)},\"&:active\":{color:theme.barSelectedColor,background:curriedTransparentize$1(.9,theme.barSelectedColor)},\"&:focus\":{boxShadow:`${rgba(theme.barHoverColor,1)} 0 0 0 1px inset`,outline:\"none\"}}}:{},color:variant===\"solid\"?theme.color.lightest:variant===\"outline\"?theme.input.color:variant===\"ghost\"&&active?theme.color.secondary:variant===\"ghost\"?theme.color.mediumdark:theme.input.color,boxShadow:variant===\"outline\"?`${theme.button.border} 0 0 0 1px inset`:\"none\",borderRadius:theme.input.borderRadius,flexShrink:0,\"&:hover\":{color:variant===\"ghost\"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant===\"solid\"&&(bgColor=theme.color.secondary),variant===\"outline\"&&(bgColor=theme.button.background),variant===\"ghost\"?curriedTransparentize$1(.86,theme.color.secondary):theme.base===\"light\"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},\"&:active\":{color:variant===\"ghost\"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant===\"solid\"&&(bgColor=theme.color.secondary),variant===\"outline\"&&(bgColor=theme.button.background),variant===\"ghost\"?theme.background.hoverable:theme.base===\"light\"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},\"&:focus\":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:\"none\"},\"> svg\":{animation:animating&&animation!==\"none\"?`${theme.animation[animation]} 1000ms ease-out`:\"\"}}));var IconButton=forwardRef(({padding=\"small\",variant=\"ghost\",...props},ref)=>React3__default.createElement(Button,{padding,variant,ref,...props}));IconButton.displayName=\"IconButton\";var Wrapper=styled.label(({theme})=>({display:\"flex\",borderBottom:`1px solid ${theme.appBorderColor}`,margin:\"0 15px\",padding:\"8px 0\",\"&:last-child\":{marginBottom:\"3rem\"}})),Label=styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:\"flex\",justifyContent:\"flex-start\",alignItems:\"center\",lineHeight:\"16px\"})),Field=({label,children,...props})=>React3__default.createElement(Wrapper,{...props},label?React3__default.createElement(Label,null,React3__default.createElement(\"span\",null,label)):null,children);Field.defaultProps={label:void 0};var index=useLayoutEffect,use_isomorphic_layout_effect_browser_esm_default=index;var useLatest=function(value){var ref=React3.useRef(value);return use_isomorphic_layout_effect_browser_esm_default(function(){ref.current=value;}),ref};var updateRef=function(ref,value){if(typeof ref==\"function\"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=useRef();return useCallback(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance);},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={\"min-height\":\"0\",\"max-height\":\"none\",height:\"0\",visibility:\"hidden\",overflow:\"hidden\",position:\"absolute\",\"z-index\":\"-1000\",top:\"0\",right:\"0\"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],\"important\");});},forceHiddenStyles$1=forceHiddenStyles,hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing===\"border-box\"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement(\"textarea\"),hiddenTextarea.setAttribute(\"tabindex\",\"-1\"),hiddenTextarea.setAttribute(\"aria-hidden\",\"true\"),forceHiddenStyles$1(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key];}),forceHiddenStyles$1(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value,height=getHeight(hiddenTextarea,sizingData),hiddenTextarea.value=\"x\";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing===\"border-box\"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing===\"border-box\"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=[\"borderBottomWidth\",\"borderLeftWidth\",\"borderRightWidth\",\"borderTopWidth\",\"boxSizing\",\"fontFamily\",\"fontSize\",\"fontStyle\",\"fontWeight\",\"letterSpacing\",\"lineHeight\",\"paddingBottom\",\"paddingLeft\",\"paddingRight\",\"paddingTop\",\"tabSize\",\"textIndent\",\"textRendering\",\"textTransform\",\"width\",\"wordBreak\"],isIE=!!document.documentElement.currentStyle,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing===\"\")return null;isIE&&boxSizing===\"border-box\"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+\"px\");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return {sizingStyle,paddingSize,borderSize}},getSizingData$1=getSizingData;function useListener(target,type,listener){var latestListener=useLatest(listener);React3.useLayoutEffect(function(){var handler=function(ev){return latestListener.current(ev)};if(target)return target.addEventListener(type,handler),function(){return target.removeEventListener(type,handler)}},[]);}var useWindowResizeListener=function(listener){useListener(window,\"resize\",listener);},useFontsLoadedListener=function(listener){useListener(document.fonts,\"loadingdone\",listener);},_excluded=[\"cacheMeasurements\",\"maxRows\",\"minRows\",\"onChange\",\"onHeightChange\"],TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,_excluded),isControlled=props.value!==void 0,libRef=React3.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=React3.useRef(0),measurementsCacheRef=React3.useRef(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData$1(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||\"x\",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty(\"height\",height+\"px\",\"important\"),onHeightChange(height,{rowHeight}));}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event);};return React3.useLayoutEffect(resizeTextarea),useWindowResizeListener(resizeTextarea),useFontsLoadedListener(resizeTextarea),React3.createElement(\"textarea\",_extends({},props,{onChange:handleChange,ref}))},index2=React3.forwardRef(TextareaAutosize);var styleResets={appearance:\"none\",border:\"0 none\",boxSizing:\"inherit\",display:\" block\",margin:\" 0\",background:\"transparent\",padding:0,fontSize:\"inherit\",position:\"relative\"},styles=({theme})=>({...styleResets,transition:\"box-shadow 200ms ease-out, opacity 200ms ease-out\",color:theme.input.color||\"inherit\",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:\"20px\",padding:\"6px 10px\",boxSizing:\"border-box\",height:32,'&[type=\"file\"]':{height:\"auto\"},\"&:focus\":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:\"none\"},\"&[disabled]\":{cursor:\"not-allowed\",opacity:.5},\"&:-webkit-autofill\":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},\"&::placeholder\":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case\"100%\":return {width:\"100%\"};case\"flex\":return {flex:1};case\"auto\":default:return {display:\"inline\"}}},alignment=({align})=>{switch(align){case\"end\":return {textAlign:\"right\"};case\"center\":return {textAlign:\"center\"};case\"start\":default:return {textAlign:\"left\"}}},validation=({valid,theme})=>{switch(valid){case\"valid\":return {boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case\"error\":return {boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case\"warn\":return {boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return {}}},Input=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(\"input\",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:\"Input\"}),Select=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(\"select\",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:\"none\",paddingRight:20,appearance:\"menulist\"}),{displayName:\"Select\"}),Textarea=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(index2,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:\"visible\",maxHeight:height})),{displayName:\"Textarea\"});var Form=Object.assign(styled.form({boxSizing:\"border-box\",width:\"100%\"}),{Field,Input,Select,Textarea,Button});var LazyWithTooltip=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement(\"div\",null)},React3__default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement(\"div\",null)},React3__default.createElement(LazyWithTooltipPure,{...props}));var Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled.span(),Links=styled.div(({theme})=>({marginTop:8,textAlign:\"center\",\"> *\":{margin:\"0 8px\",fontWeight:theme.typography.weight.bold}})),Message2=styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:\"18px\"})),MessageWrapper=styled.div({padding:15,width:280,boxSizing:\"border-box\"}),TooltipMessage=({title,desc,links})=>React3__default.createElement(MessageWrapper,null,React3__default.createElement(Message2,null,title&&React3__default.createElement(Title2,null,title),desc&&React3__default.createElement(Desc2,null,desc)),links&&React3__default.createElement(Links,null,links.map(({title:linkTitle,...other})=>React3__default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=styled.div(({theme})=>({padding:\"2px 6px\",lineHeight:\"16px\",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:\"0 0 5px 0 rgba(0, 0, 0, 0.3)\",borderRadius:4,whiteSpace:\"nowrap\",pointerEvents:\"none\",zIndex:-1,background:theme.base===\"light\"?\"rgba(60, 60, 60, 0.9)\":\"rgba(0, 0, 0, 0.95)\",margin:6})),TooltipNote=({note,...props})=>React3__default.createElement(Note,{...props},note);var Title3=styled(({active,loading,disabled,...rest})=>React3__default.createElement(\"span\",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:\"inline-block\",flex:\"none\",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled.span({display:\"flex\",\"& svg\":{height:12,width:12,margin:\"3px 0\",verticalAlign:\"top\"},\"& path\":{fill:\"inherit\"}}),Center=styled.span({flex:1,textAlign:\"left\",display:\"flex\",flexDirection:\"column\"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled.span(({theme})=>({fontSize:\"11px\",lineHeight:\"14px\"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled.span(({active,theme})=>active?{color:theme.color.secondary}:{},()=>({display:\"flex\",maxWidth:14})),Item=styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:\"all 150ms ease-out\",color:theme.color.dark,textDecoration:\"none\",cursor:\"pointer\",justifyContent:\"space-between\",lineHeight:\"18px\",padding:\"7px 10px\",display:\"flex\",alignItems:\"center\",\"& > * + *\":{paddingLeft:10},\"&:hover\":{background:theme.background.hoverable},\"&:hover svg\":{opacity:1}}),({disabled})=>disabled?{cursor:\"not-allowed\"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return React3__default.createElement(Item,{...commonProps,...rest,...itemProps},icon&&React3__default.createElement(Left,{...commonProps},icon),title||center?React3__default.createElement(Center,{isIndented:!icon&&isIndented},title&&React3__default.createElement(Title3,{...commonProps,loading},title),center&&React3__default.createElement(CenterText,{...commonProps},center)):null,right&&React3__default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,title:React3__default.createElement(\"span\",null,\"Loading state\"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled.div({minWidth:180,overflow:\"hidden\",overflowY:\"auto\",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React3__default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasIcon=links.some(link=>link.icon);return React3__default.createElement(List,null,links.map(({isGatsby,...p})=>React3__default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasIcon,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var isLink=obj=>typeof obj.props.href==\"string\",isButton=obj=>typeof obj.props.href!=\"string\";function ForwardRefFunction({children,...rest},ref){let o={props:rest,ref};if(isLink(o))return React3__default.createElement(\"a\",{ref:o.ref,...o.props},children);if(isButton(o))return React3__default.createElement(\"button\",{ref:o.ref,type:\"button\",...o.props},children);throw new Error(\"invalid props\")}var ButtonOrLink=forwardRef(ForwardRefFunction);ButtonOrLink.displayName=\"ButtonOrLink\";var TabButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:\"normal\",display:\"inline-flex\",overflow:\"hidden\",verticalAlign:\"top\",justifyContent:\"center\",alignItems:\"center\",textAlign:\"center\",textDecoration:\"none\",\"&:empty\":{display:\"none\"},\"&[hidden]\":{display:\"none\"}},({theme})=>({padding:\"0 15px\",transition:\"color 0.2s linear, border-bottom-color 0.2s linear\",height:40,lineHeight:\"12px\",cursor:\"pointer\",background:\"transparent\",border:\"0 solid transparent\",borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",fontWeight:\"bold\",fontSize:13,\"&:focus\":{outline:\"0 none\",borderBottomColor:theme.barSelectedColor}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:\"transparent\",\"&:hover\":{color:theme.barHoverColor}});TabButton.displayName=\"TabButton\";var IconPlaceholder=styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React3__default.createElement(IconButtonSkeletonWrapper,null,React3__default.createElement(IconPlaceholder,null));var Side=styled.div({display:\"flex\",whiteSpace:\"nowrap\",flexBasis:\"auto\",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{\"& > *\":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,\"& > *\":{marginRight:4}}:{});Side.displayName=\"Side\";var UnstyledBar=({children,className,scrollable})=>scrollable?React3__default.createElement(ScrollArea,{vertical:!1,className},children):React3__default.createElement(\"div\",{className},children),Bar=styled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:\"100%\",height:40,flexShrink:0,overflow:scrollable?\"auto\":\"hidden\",overflowY:\"hidden\"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName=\"Bar\";var BarInner=styled.div(({bgColor})=>({display:\"flex\",justifyContent:\"space-between\",position:\"relative\",flexWrap:\"nowrap\",flexShrink:0,height:40,backgroundColor:bgColor||\"\"})),FlexBar=({children,backgroundColor,className,...rest})=>{let[left,right]=Children.toArray(children);return React3__default.createElement(Bar,{className:`sb-bar ${className}`,...rest},React3__default.createElement(BarInner,{bgColor:backgroundColor},React3__default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React3__default.createElement(Side,{right:!0},right):null))};FlexBar.displayName=\"FlexBar\";var VisuallyHidden=styled.div(({active})=>active?{display:\"block\"}:{display:\"none\"}),childrenToList=children=>Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content==\"function\"?content:({active})=>React3__default.createElement(VisuallyHidden,{active,role:\"tabpanel\"},content)}});var CollapseIcon=styled.span(({theme,isActive})=>({display:\"inline-block\",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:\"3px solid transparent\",borderLeft:\"3px solid transparent\",borderTop:\"3px solid\",transition:\"transform .1s ease-out\"})),AddonButton=styled(TabButton)(({active,theme,preActive})=>`\n color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};\n .addon-collapsible-icon {\n color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};\n }\n &:hover {\n color: ${theme.barHoverColor};\n .addon-collapsible-icon {\n color: ${theme.barHoverColor};\n }\n }\n `);function useList(list){let tabBarRef=useRef(),addonsRef=useRef(),tabRefs=useRef(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=useState(list),[invisibleList,setInvisibleList]=useState([]),previousList=useRef(list),AddonTab=useCallback(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=useState(!1);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:\"bottom\",delayHide:100,tooltip:React3__default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id);}}))})},React3__default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?\"visible\":\"hidden\"},\"aria-hidden\":!invisibleList.length,className:\"tabbutton\",type:\"button\",role:\"tab\"},menuName,React3__default.createElement(CollapseIcon,{className:\"addon-collapsible-icon\",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,style:{visibility:\"hidden\"},\"aria-hidden\":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref);},className:\"tabbutton\",type:\"button\",key:id,textColor:color2,role:\"tab\"},title)}))},[invisibleList]),setTabLists=useCallback(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x+width-widthAddonsTab:x+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x+widthSum+tabWidth>rightBorder;return (!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list);},[invisibleList.length,list,visibleList]);return useLayoutEffect(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var Wrapper2=styled.div(({theme})=>({height:\"100%\",display:\"flex\",padding:30,alignItems:\"center\",justifyContent:\"center\",flexDirection:\"column\",gap:15,background:theme.background.content})),Content=styled.div({display:\"flex\",flexDirection:\"column\",gap:4,maxWidth:415}),Title4=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textColor})),Description=styled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:\"center\",color:theme.textMutedColor})),EmptyTabContent=({title,description,footer})=>React3__default.createElement(Wrapper2,null,React3__default.createElement(Content,null,React3__default.createElement(Title4,null,title),description&&React3__default.createElement(Description,null,description)),footer);var ignoreSsrWarning2=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\",Wrapper3=styled.div(({theme,bordered})=>bordered?{backgroundClip:\"padding-box\",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:\"hidden\",boxSizing:\"border-box\"}:{},({absolute})=>absolute?{width:\"100%\",height:\"100%\",boxSizing:\"border-box\",display:\"flex\",flexDirection:\"column\"}:{display:\"block\"}),TabBar=styled.div({overflow:\"hidden\",\"&:first-of-type\":{marginLeft:-3},whiteSpace:\"nowrap\",flexGrow:1});TabBar.displayName=\"TabBar\";var Content2=styled.div({display:\"block\",position:\"relative\"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:\"auto\",[`& > *:first-child${ignoreSsrWarning2}`]:{position:\"absolute\",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:\"auto\"}}:{}),TabWrapper=({active,render,children})=>React3__default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=memo(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName,emptyState,showToolsWhenEmpty})=>{let idList=childrenToList(children).map(i=>i.id).join(\",\"),list=useMemo(()=>childrenToList(children).map((i,index3)=>({...i,active:selected?i.id===selected:index3===0})),[selected,idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list),EmptyContent=emptyState??React3__default.createElement(EmptyTabContent,{title:\"Nothing found\"});return !showToolsWhenEmpty&&list.length===0?EmptyContent:React3__default.createElement(Wrapper3,{absolute,bordered,id:htmlId},React3__default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},React3__default.createElement(TabBar,{style:{whiteSpace:\"normal\"},ref:tabBarRef,role:\"tablist\"},visibleList.map(({title,id,active,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref);},className:`tabbutton ${active?\"tabbutton-active\":\"\"}`,type:\"button\",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id);},role:\"tab\"},typeof title==\"function\"?React3__default.createElement(\"title\",null):title)}),React3__default.createElement(AddonTab,{menuName,actions})),tools),React3__default.createElement(Content2,{id:\"panel-tab-content\",bordered,absolute},list.length?list.map(({id,active,render})=>React3__default.createElement(render,{key:id,active},null)):EmptyContent))});Tabs.displayName=\"Tabs\";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:\"Tabs\"};var TabsState=class extends Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial};}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return React3__default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:\"\",menuName:void 0};var Separator=styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginLeft:2,marginRight:2}),({force})=>force?{}:{\"& + &\":{display:\"none\"}});Separator.displayName=\"Separator\";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?React3__default.createElement(Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?React3__default.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);var usePrevious=value=>{let ref=useRef();return useEffect(()=>{ref.current=value;},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React3__default.createElement(\"div\",{hidden:!active},useUpdate(active,children));var NEW_ICON_MAP=StorybookIcons,Svg=styled.svg`\n display: inline-block;\n shape-rendering: inherit;\n vertical-align: middle;\n fill: currentColor;\n path {\n fill: currentColor;\n }\n`,Icons=({icon,useSymbol,__suppressDeprecationWarning=!1,...props})=>{__suppressDeprecationWarning||deprecate(`Use of the deprecated Icons ${`(${icon})`||\"\"} component detected. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`);let findIcon=icons[icon]||null;if(!findIcon)return logger.warn(`Use of an unknown prop ${`(${icon})`||\"\"} in the Icons component. The Icons component is deprecated. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`),null;let Icon=NEW_ICON_MAP[findIcon];return React3__default.createElement(Icon,{...props})},Symbols=memo(function({icons:keys=Object.keys(icons)}){return React3__default.createElement(Svg,{viewBox:\"0 0 14 14\",style:{position:\"absolute\",width:0,height:0},\"data-chromatic\":\"ignore\"},keys.map(key=>React3__default.createElement(\"symbol\",{id:`icon--${key}`,key},icons[key])))}),icons={user:\"UserIcon\",useralt:\"UserAltIcon\",useradd:\"UserAddIcon\",users:\"UsersIcon\",profile:\"ProfileIcon\",facehappy:\"FaceHappyIcon\",faceneutral:\"FaceNeutralIcon\",facesad:\"FaceSadIcon\",accessibility:\"AccessibilityIcon\",accessibilityalt:\"AccessibilityAltIcon\",arrowup:\"ChevronUpIcon\",arrowdown:\"ChevronDownIcon\",arrowleft:\"ChevronLeftIcon\",arrowright:\"ChevronRightIcon\",arrowupalt:\"ArrowUpIcon\",arrowdownalt:\"ArrowDownIcon\",arrowleftalt:\"ArrowLeftIcon\",arrowrightalt:\"ArrowRightIcon\",expandalt:\"ExpandAltIcon\",collapse:\"CollapseIcon\",expand:\"ExpandIcon\",unfold:\"UnfoldIcon\",transfer:\"TransferIcon\",redirect:\"RedirectIcon\",undo:\"UndoIcon\",reply:\"ReplyIcon\",sync:\"SyncIcon\",upload:\"UploadIcon\",download:\"DownloadIcon\",back:\"BackIcon\",proceed:\"ProceedIcon\",refresh:\"RefreshIcon\",globe:\"GlobeIcon\",compass:\"CompassIcon\",location:\"LocationIcon\",pin:\"PinIcon\",time:\"TimeIcon\",dashboard:\"DashboardIcon\",timer:\"TimerIcon\",home:\"HomeIcon\",admin:\"AdminIcon\",info:\"InfoIcon\",question:\"QuestionIcon\",support:\"SupportIcon\",alert:\"AlertIcon\",email:\"EmailIcon\",phone:\"PhoneIcon\",link:\"LinkIcon\",unlink:\"LinkBrokenIcon\",bell:\"BellIcon\",rss:\"RSSIcon\",sharealt:\"ShareAltIcon\",share:\"ShareIcon\",circle:\"CircleIcon\",circlehollow:\"CircleHollowIcon\",bookmarkhollow:\"BookmarkHollowIcon\",bookmark:\"BookmarkIcon\",hearthollow:\"HeartHollowIcon\",heart:\"HeartIcon\",starhollow:\"StarHollowIcon\",star:\"StarIcon\",certificate:\"CertificateIcon\",verified:\"VerifiedIcon\",thumbsup:\"ThumbsUpIcon\",shield:\"ShieldIcon\",basket:\"BasketIcon\",beaker:\"BeakerIcon\",hourglass:\"HourglassIcon\",flag:\"FlagIcon\",cloudhollow:\"CloudHollowIcon\",edit:\"EditIcon\",cog:\"CogIcon\",nut:\"NutIcon\",wrench:\"WrenchIcon\",ellipsis:\"EllipsisIcon\",check:\"CheckIcon\",form:\"FormIcon\",batchdeny:\"BatchDenyIcon\",batchaccept:\"BatchAcceptIcon\",controls:\"ControlsIcon\",plus:\"PlusIcon\",closeAlt:\"CloseAltIcon\",cross:\"CrossIcon\",trash:\"TrashIcon\",pinalt:\"PinAltIcon\",unpin:\"UnpinIcon\",add:\"AddIcon\",subtract:\"SubtractIcon\",close:\"CloseIcon\",delete:\"DeleteIcon\",passed:\"PassedIcon\",changed:\"ChangedIcon\",failed:\"FailedIcon\",clear:\"ClearIcon\",comment:\"CommentIcon\",commentadd:\"CommentAddIcon\",requestchange:\"RequestChangeIcon\",comments:\"CommentsIcon\",lock:\"LockIcon\",unlock:\"UnlockIcon\",key:\"KeyIcon\",outbox:\"OutboxIcon\",credit:\"CreditIcon\",button:\"ButtonIcon\",type:\"TypeIcon\",pointerdefault:\"PointerDefaultIcon\",pointerhand:\"PointerHandIcon\",browser:\"BrowserIcon\",tablet:\"TabletIcon\",mobile:\"MobileIcon\",watch:\"WatchIcon\",sidebar:\"SidebarIcon\",sidebaralt:\"SidebarAltIcon\",sidebaralttoggle:\"SidebarAltToggleIcon\",sidebartoggle:\"SidebarToggleIcon\",bottombar:\"BottomBarIcon\",bottombartoggle:\"BottomBarToggleIcon\",cpu:\"CPUIcon\",database:\"DatabaseIcon\",memory:\"MemoryIcon\",structure:\"StructureIcon\",box:\"BoxIcon\",power:\"PowerIcon\",photo:\"PhotoIcon\",component:\"ComponentIcon\",grid:\"GridIcon\",outline:\"OutlineIcon\",photodrag:\"PhotoDragIcon\",search:\"SearchIcon\",zoom:\"ZoomIcon\",zoomout:\"ZoomOutIcon\",zoomreset:\"ZoomResetIcon\",eye:\"EyeIcon\",eyeclose:\"EyeCloseIcon\",lightning:\"LightningIcon\",lightningoff:\"LightningOffIcon\",contrast:\"ContrastIcon\",switchalt:\"SwitchAltIcon\",mirror:\"MirrorIcon\",grow:\"GrowIcon\",paintbrush:\"PaintBrushIcon\",ruler:\"RulerIcon\",stop:\"StopIcon\",camera:\"CameraIcon\",video:\"VideoIcon\",speaker:\"SpeakerIcon\",play:\"PlayIcon\",playback:\"PlayBackIcon\",playnext:\"PlayNextIcon\",rewind:\"RewindIcon\",fastforward:\"FastForwardIcon\",stopalt:\"StopAltIcon\",sidebyside:\"SideBySideIcon\",stacked:\"StackedIcon\",sun:\"SunIcon\",moon:\"MoonIcon\",book:\"BookIcon\",document:\"DocumentIcon\",copy:\"CopyIcon\",category:\"CategoryIcon\",folder:\"FolderIcon\",print:\"PrintIcon\",graphline:\"GraphLineIcon\",calendar:\"CalendarIcon\",graphbar:\"GraphBarIcon\",menu:\"MenuIcon\",menualt:\"MenuIcon\",filter:\"FilterIcon\",docchart:\"DocChartIcon\",doclist:\"DocListIcon\",markup:\"MarkupIcon\",bold:\"BoldIcon\",paperclip:\"PaperClipIcon\",listordered:\"ListOrderedIcon\",listunordered:\"ListUnorderedIcon\",paragraph:\"ParagraphIcon\",markdown:\"MarkdownIcon\",repository:\"RepoIcon\",commit:\"CommitIcon\",branch:\"BranchIcon\",pullrequest:\"PullRequestIcon\",merge:\"MergeIcon\",apple:\"AppleIcon\",linux:\"LinuxIcon\",ubuntu:\"UbuntuIcon\",windows:\"WindowsIcon\",storybook:\"StorybookIcon\",azuredevops:\"AzureDevOpsIcon\",bitbucket:\"BitbucketIcon\",chrome:\"ChromeIcon\",chromatic:\"ChromaticIcon\",componentdriven:\"ComponentDrivenIcon\",discord:\"DiscordIcon\",facebook:\"FacebookIcon\",figma:\"FigmaIcon\",gdrive:\"GDriveIcon\",github:\"GithubIcon\",gitlab:\"GitlabIcon\",google:\"GoogleIcon\",graphql:\"GraphqlIcon\",medium:\"MediumIcon\",redux:\"ReduxIcon\",twitter:\"TwitterIcon\",youtube:\"YoutubeIcon\",vscode:\"VSCodeIcon\"};var StorybookLogo=({alt,...props})=>React3__default.createElement(\"svg\",{width:\"200px\",height:\"40px\",viewBox:\"0 0 200 40\",...props,role:\"img\"},alt?React3__default.createElement(\"title\",null,alt):null,React3__default.createElement(\"defs\",null,React3__default.createElement(\"path\",{d:\"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z\",id:\"a\"})),React3__default.createElement(\"g\",{fill:\"none\",fillRule:\"evenodd\"},React3__default.createElement(\"path\",{d:\"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z\",fill:\"currentColor\"}),React3__default.createElement(\"mask\",{id:\"b\",fill:\"#fff\"},React3__default.createElement(\"use\",{xlinkHref:\"#a\"})),React3__default.createElement(\"use\",{fill:\"#FF4785\",fillRule:\"nonzero\",xlinkHref:\"#a\"}),React3__default.createElement(\"path\",{d:\"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z\",fill:\"#FFF\",fillRule:\"nonzero\",mask:\"url(#b)\"})));var StorybookIcon=props=>React3__default.createElement(\"svg\",{viewBox:\"0 0 64 64\",...props},React3__default.createElement(\"title\",null,\"Storybook icon\"),React3__default.createElement(\"g\",{id:\"Artboard\",stroke:\"none\",strokeWidth:\"1\",fill:\"none\",fillRule:\"evenodd\"},React3__default.createElement(\"path\",{d:\"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z\",id:\"path-1\",fill:\"#FF4785\",fillRule:\"nonzero\"}),React3__default.createElement(\"path\",{d:\"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z\",id:\"path9_fill-path\",fill:\"#FFFFFF\",fillRule:\"nonzero\"}),React3__default.createElement(\"path\",{d:\"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z\",id:\"Path\",fill:\"#FFFFFF\"})));var rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`;var LoaderWrapper=styled.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=styled.div({position:\"absolute\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\"}),ProgressTrack=styled.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=styled.div(({theme})=>({position:\"absolute\",top:0,left:0,height:\"100%\",background:theme.color.secondary})),ProgressMessage=styled.div(({theme})=>({minHeight:\"2em\",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor})),ErrorIcon=styled(LightningOffIcon)(({theme})=>({width:20,height:20,marginBottom:\"0.5rem\",color:theme.textMutedColor})),ellipsis=keyframes`\n from { content: \"...\" }\n 33% { content: \".\" }\n 66% { content: \"..\" }\n to { content: \"...\" }\n`,Ellipsis=styled.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 React3__default.createElement(ProgressWrapper,{\"aria-label\":error.toString(),\"aria-live\":\"polite\",role:\"status\",...props},React3__default.createElement(ErrorIcon,null),React3__default.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),React3__default.createElement(ProgressWrapper,{\"aria-label\":\"Content is loading...\",\"aria-live\":\"polite\",\"aria-valuemin\":0,\"aria-valuemax\":100,\"aria-valuenow\":value*100,\"aria-valuetext\":message,role:\"progressbar\",...props},React3__default.createElement(ProgressTrack,null,React3__default.createElement(ProgressBar,{style:{width:`${value*100}%`}})),React3__default.createElement(ProgressMessage,null,message,value<1&&React3__default.createElement(Ellipsis,{key:message})))}return React3__default.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{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(\"&\")}`};var Code2=styled.pre`\n line-height: 18px;\n padding: 11px 1rem;\n white-space: pre-wrap;\n background: rgba(0, 0, 0, 0.05);\n color: ${color.darkest};\n border-radius: 3px;\n margin: 1rem 0;\n width: 100%;\n display: block;\n overflow: hidden;\n font-family: ${typography.fonts.mono};\n font-size: ${typography.size.s2-1}px;\n`,ClipboardCode=({code,...props})=>React3__default.createElement(Code2,{id:\"clipboard-code\",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=forwardRef((props,ref)=>createElement(key,{...props,ref}));});\n\nexport { A, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link2 as Link, ListItem_default as ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter2 as SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components2 as components, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };\n","import { __commonJS, __toESM, _extends, background, typography, curriedOpacify$1, themes, getPreferredColorScheme, light_default, color, mkColor } from './chunk-ZHZY55TS.mjs';\nexport { background, color, create, darkenColor as darken, lightenColor as lighten, themes, typography } from './chunk-ZHZY55TS.mjs';\nimport * as React from 'react';\nimport { forwardRef, useContext } from 'react';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport memoize2 from 'memoizerific';\nimport { logger } from '@storybook/client-logger';\n\nvar require_react_is_development=__commonJS({\"../../node_modules/react-is/cjs/react-is.development.js\"(exports){(function(){var hasSymbol=typeof Symbol==\"function\"&&Symbol.for,REACT_ELEMENT_TYPE=hasSymbol?Symbol.for(\"react.element\"):60103,REACT_PORTAL_TYPE=hasSymbol?Symbol.for(\"react.portal\"):60106,REACT_FRAGMENT_TYPE=hasSymbol?Symbol.for(\"react.fragment\"):60107,REACT_STRICT_MODE_TYPE=hasSymbol?Symbol.for(\"react.strict_mode\"):60108,REACT_PROFILER_TYPE=hasSymbol?Symbol.for(\"react.profiler\"):60114,REACT_PROVIDER_TYPE=hasSymbol?Symbol.for(\"react.provider\"):60109,REACT_CONTEXT_TYPE=hasSymbol?Symbol.for(\"react.context\"):60110,REACT_ASYNC_MODE_TYPE=hasSymbol?Symbol.for(\"react.async_mode\"):60111,REACT_CONCURRENT_MODE_TYPE=hasSymbol?Symbol.for(\"react.concurrent_mode\"):60111,REACT_FORWARD_REF_TYPE=hasSymbol?Symbol.for(\"react.forward_ref\"):60112,REACT_SUSPENSE_TYPE=hasSymbol?Symbol.for(\"react.suspense\"):60113,REACT_SUSPENSE_LIST_TYPE=hasSymbol?Symbol.for(\"react.suspense_list\"):60120,REACT_MEMO_TYPE=hasSymbol?Symbol.for(\"react.memo\"):60115,REACT_LAZY_TYPE=hasSymbol?Symbol.for(\"react.lazy\"):60116,REACT_BLOCK_TYPE=hasSymbol?Symbol.for(\"react.block\"):60121,REACT_FUNDAMENTAL_TYPE=hasSymbol?Symbol.for(\"react.fundamental\"):60117,REACT_RESPONDER_TYPE=hasSymbol?Symbol.for(\"react.responder\"):60118,REACT_SCOPE_TYPE=hasSymbol?Symbol.for(\"react.scope\"):60119;function isValidElementType(type){return typeof type==\"string\"||typeof type==\"function\"||type===REACT_FRAGMENT_TYPE||type===REACT_CONCURRENT_MODE_TYPE||type===REACT_PROFILER_TYPE||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||typeof type==\"object\"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_FUNDAMENTAL_TYPE||type.$$typeof===REACT_RESPONDER_TYPE||type.$$typeof===REACT_SCOPE_TYPE||type.$$typeof===REACT_BLOCK_TYPE)}function typeOf(object){if(typeof object==\"object\"&&object!==null){var $$typeof=object.$$typeof;switch($$typeof){case REACT_ELEMENT_TYPE:var type=object.type;switch(type){case REACT_ASYNC_MODE_TYPE:case REACT_CONCURRENT_MODE_TYPE:case REACT_FRAGMENT_TYPE:case REACT_PROFILER_TYPE:case REACT_STRICT_MODE_TYPE:case REACT_SUSPENSE_TYPE:return type;default:var $$typeofType=type&&type.$$typeof;switch($$typeofType){case REACT_CONTEXT_TYPE:case REACT_FORWARD_REF_TYPE:case REACT_LAZY_TYPE:case REACT_MEMO_TYPE:case REACT_PROVIDER_TYPE:return $$typeofType;default:return $$typeof}}case REACT_PORTAL_TYPE:return $$typeof}}}var AsyncMode=REACT_ASYNC_MODE_TYPE,ConcurrentMode=REACT_CONCURRENT_MODE_TYPE,ContextConsumer=REACT_CONTEXT_TYPE,ContextProvider=REACT_PROVIDER_TYPE,Element=REACT_ELEMENT_TYPE,ForwardRef=REACT_FORWARD_REF_TYPE,Fragment4=REACT_FRAGMENT_TYPE,Lazy=REACT_LAZY_TYPE,Memo=REACT_MEMO_TYPE,Portal=REACT_PORTAL_TYPE,Profiler=REACT_PROFILER_TYPE,StrictMode=REACT_STRICT_MODE_TYPE,Suspense=REACT_SUSPENSE_TYPE,hasWarnedAboutDeprecatedIsAsyncMode=!1;function isAsyncMode(object){return hasWarnedAboutDeprecatedIsAsyncMode||(hasWarnedAboutDeprecatedIsAsyncMode=!0,console.warn(\"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.\")),isConcurrentMode(object)||typeOf(object)===REACT_ASYNC_MODE_TYPE}function isConcurrentMode(object){return typeOf(object)===REACT_CONCURRENT_MODE_TYPE}function isContextConsumer(object){return typeOf(object)===REACT_CONTEXT_TYPE}function isContextProvider(object){return typeOf(object)===REACT_PROVIDER_TYPE}function isElement(object){return typeof object==\"object\"&&object!==null&&object.$$typeof===REACT_ELEMENT_TYPE}function isForwardRef(object){return typeOf(object)===REACT_FORWARD_REF_TYPE}function isFragment(object){return typeOf(object)===REACT_FRAGMENT_TYPE}function isLazy(object){return typeOf(object)===REACT_LAZY_TYPE}function isMemo(object){return typeOf(object)===REACT_MEMO_TYPE}function isPortal(object){return typeOf(object)===REACT_PORTAL_TYPE}function isProfiler(object){return typeOf(object)===REACT_PROFILER_TYPE}function isStrictMode(object){return typeOf(object)===REACT_STRICT_MODE_TYPE}function isSuspense(object){return typeOf(object)===REACT_SUSPENSE_TYPE}exports.AsyncMode=AsyncMode,exports.ConcurrentMode=ConcurrentMode,exports.ContextConsumer=ContextConsumer,exports.ContextProvider=ContextProvider,exports.Element=Element,exports.ForwardRef=ForwardRef,exports.Fragment=Fragment4,exports.Lazy=Lazy,exports.Memo=Memo,exports.Portal=Portal,exports.Profiler=Profiler,exports.StrictMode=StrictMode,exports.Suspense=Suspense,exports.isAsyncMode=isAsyncMode,exports.isConcurrentMode=isConcurrentMode,exports.isContextConsumer=isContextConsumer,exports.isContextProvider=isContextProvider,exports.isElement=isElement,exports.isForwardRef=isForwardRef,exports.isFragment=isFragment,exports.isLazy=isLazy,exports.isMemo=isMemo,exports.isPortal=isPortal,exports.isProfiler=isProfiler,exports.isStrictMode=isStrictMode,exports.isSuspense=isSuspense,exports.isValidElementType=isValidElementType,exports.typeOf=typeOf;})();}});var require_react_is=__commonJS({\"../../node_modules/react-is/index.js\"(exports,module){module.exports=require_react_is_development();}});var require_hoist_non_react_statics_cjs=__commonJS({\"../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js\"(exports,module){var reactIs=require_react_is(),REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS;TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;function getStatics(component){return reactIs.isMemo(component)?MEMO_STATICS:TYPE_STATICS[component.$$typeof]||REACT_STATICS}var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics2(targetComponent,sourceComponent,blacklist){if(typeof sourceComponent!=\"string\"){if(objectPrototype){var inheritedComponent=getPrototypeOf(sourceComponent);inheritedComponent&&inheritedComponent!==objectPrototype&&hoistNonReactStatics2(targetComponent,inheritedComponent,blacklist);}var keys=getOwnPropertyNames(sourceComponent);getOwnPropertySymbols&&(keys=keys.concat(getOwnPropertySymbols(sourceComponent)));for(var targetStatics=getStatics(targetComponent),sourceStatics=getStatics(sourceComponent),i=0;i0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position2||token(character)>3?\"\":\" \"}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==57;)if(type+character===84&&peek()===47)break;return \"/*\"+slice(index,position-1)+\"*\"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse(\"\",null,null,null,[\"\"],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declarations){for(var index=0,offset=0,length2=pseudo,atrule=0,property=0,previous=0,variable=1,scanning=1,ampersand=1,character2=0,type=\"\",props=rules,children=rulesets,reference=rule,characters2=type;scanning;)switch(previous=character2,character2=next()){case 40:if(previous!=108&&charat(characters2,length2-1)==58){indexof(characters2+=replace(delimit(character2),\"&\",\"&\\f\"),\"&\\f\")!=-1&&(ampersand=-1);break}case 34:case 39:case 91:characters2+=delimit(character2);break;case 9:case 10:case 13:case 32:characters2+=whitespace(previous);break;case 92:characters2+=escaping(caret()-1,7);continue;case 47:switch(peek()){case 42:case 47:append(comment(commenter(next(),caret()),root,parent),declarations);break;default:characters2+=\"/\";}break;case 123*variable:points[index++]=strlen(characters2)*ampersand;case 125*variable:case 59:case 0:switch(character2){case 0:case 125:scanning=0;case 59+offset:ampersand==-1&&(characters2=replace(characters2,/\\f/g,\"\")),property>0&&strlen(characters2)-length2&&append(property>32?declaration(characters2+\";\",rule,parent,length2-1):declaration(replace(characters2,\" \",\"\")+\";\",rule,parent,length2-2),declarations);break;case 59:characters2+=\";\";default:if(append(reference=ruleset(characters2,root,parent,index,offset,rules,points,type,props=[],children=[],length2),rulesets),character2===123)if(offset===0)parse(characters2,root,reference,reference,props,rulesets,length2,points,children);else switch(atrule===99&&charat(characters2,3)===110?100:atrule){case 100:case 108:case 109:case 115:parse(value,reference,reference,rule&&append(ruleset(value,reference,reference,0,0,rules,points,type,rules,props=[],length2),children),rules,children,length2,points,rule?props:children);break;default:parse(characters2,reference,reference,reference,[\"\"],children,0,points,children);}}index=offset=property=0,variable=ampersand=1,type=characters2=\"\",length2=pseudo;break;case 58:length2=1+strlen(characters2),property=previous;default:if(variable<1){if(character2==123)--variable;else if(character2==125&&variable++==0&&prev()==125)continue}switch(characters2+=from(character2),character2*variable){case 38:ampersand=offset>0?1:(characters2+=\"\\f\",-1);break;case 44:points[index++]=(strlen(characters2)-1)*ampersand,ampersand=1;break;case 64:peek()===45&&(characters2+=delimit(next())),atrule=peek(),offset=length2=strlen(type=characters2+=identifier(caret())),character2++;break;case 45:previous===45&&strlen(characters2)==2&&(variable=0);}}return rulesets}function ruleset(value,root,parent,index,offset,rules,points,type,props,children,length2){for(var post=offset-1,rule=offset===0?rules:[\"\"],size=sizeof(rule),i=0,j=0,k=0;i0?rule[x]+\" \"+y:replace(y,/&\\f/g,rule[x])))&&(props[k++]=z);return node(value,root,parent,offset===0?RULESET:type,props,children,length2)}function comment(value,root,parent){return node(value,root,parent,COMMENT,from(char()),substr(value,2,-2),0)}function declaration(value,root,parent,length2){return node(value,root,parent,DECLARATION,substr(value,0,length2),substr(value,length2+1,-1),length2)}function serialize(children,callback){for(var output=\"\",length2=sizeof(children),i=0;i-1},createUnsafeSelectorsAlarm=function(cache){return function(element,index,children){if(!(element.type!==\"rule\"||cache.compat)){var unsafePseudoClasses=element.value.match(/(:first|:nth|:nth-last)-child/g);if(unsafePseudoClasses){for(var isNested=!!element.parent,commentContainer=isNested?element.parent.children:children,i=commentContainer.length-1;i>=0;i--){var node2=commentContainer[i];if(node2.line=0;i--)if(!isImportRule(children[i]))return !0;return !1},nullifyElement=function(element){element.type=\"\",element.value=\"\",element.return=\"\",element.children=\"\",element.props=\"\";},incorrectImportAlarm=function(element,index,children){isImportRule(element)&&(element.parent?(console.error(\"`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles.\"),nullifyElement(element)):isPrependedWithRegularRules(index,children)&&(console.error(\"`@import` rules can't be after other rules. Please put your `@import` rules before your other rules.\"),nullifyElement(element)));};function prefix(value,length2){switch(hash(value,length2)){case 5103:return WEBKIT+\"print-\"+value+value;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return WEBKIT+value+value;case 5349:case 4246:case 4810:case 6968:case 2756:return WEBKIT+value+MOZ+value+MS+value+value;case 6828:case 4268:return WEBKIT+value+MS+value+value;case 6165:return WEBKIT+value+MS+\"flex-\"+value+value;case 5187:return WEBKIT+value+replace(value,/(\\w+).+(:[^]+)/,WEBKIT+\"box-$1$2\"+MS+\"flex-$1$2\")+value;case 5443:return WEBKIT+value+MS+\"flex-item-\"+replace(value,/flex-|-self/,\"\")+value;case 4675:return WEBKIT+value+MS+\"flex-line-pack\"+replace(value,/align-content|flex-|-self/,\"\")+value;case 5548:return WEBKIT+value+MS+replace(value,\"shrink\",\"negative\")+value;case 5292:return WEBKIT+value+MS+replace(value,\"basis\",\"preferred-size\")+value;case 6060:return WEBKIT+\"box-\"+replace(value,\"-grow\",\"\")+WEBKIT+value+MS+replace(value,\"grow\",\"positive\")+value;case 4554:return WEBKIT+replace(value,/([^-])(transform)/g,\"$1\"+WEBKIT+\"$2\")+value;case 6187:return replace(replace(replace(value,/(zoom-|grab)/,WEBKIT+\"$1\"),/(image-set)/,WEBKIT+\"$1\"),value,\"\")+value;case 5495:case 3959:return replace(value,/(image-set\\([^]*)/,WEBKIT+\"$1$`$1\");case 4968:return replace(replace(value,/(.+:)(flex-)?(.*)/,WEBKIT+\"box-pack:$3\"+MS+\"flex-pack:$3\"),/s.+-b[^;]+/,\"justify\")+WEBKIT+value+value;case 4095:case 3583:case 4068:case 2532:return replace(value,/(.+)-inline(.+)/,WEBKIT+\"$1$2\")+value;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(strlen(value)-1-length2>6)switch(charat(value,length2+1)){case 109:if(charat(value,length2+4)!==45)break;case 102:return replace(value,/(.+:)(.+)-([^]+)/,\"$1\"+WEBKIT+\"$2-$3$1\"+MOZ+(charat(value,length2+3)==108?\"$3\":\"$2-$3\"))+value;case 115:return ~indexof(value,\"stretch\")?prefix(replace(value,\"stretch\",\"fill-available\"),length2)+value:value}break;case 4949:if(charat(value,length2+1)!==115)break;case 6444:switch(charat(value,strlen(value)-3-(~indexof(value,\"!important\")&&10))){case 107:return replace(value,\":\",\":\"+WEBKIT)+value;case 101:return replace(value,/(.+:)([^;!]+)(;|!.+)?/,\"$1\"+WEBKIT+(charat(value,14)===45?\"inline-\":\"\")+\"box$3$1\"+WEBKIT+\"$2$3$1\"+MS+\"$2box$3\")+value}break;case 5936:switch(charat(value,length2+11)){case 114:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb\")+value;case 108:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"tb-rl\")+value;case 45:return WEBKIT+value+MS+replace(value,/[svh]\\w+-[tblr]{2}/,\"lr\")+value}return WEBKIT+value+MS+value+value}return value}var prefixer=function(element,index,children,callback){if(element.length>-1&&!element.return)switch(element.type){case DECLARATION:element.return=prefix(element.value,element.length);break;case KEYFRAMES:return serialize([copy(element,{value:replace(element.value,\"@\",\"@\"+WEBKIT)})],callback);case RULESET:if(element.length)return combine(element.props,function(value){switch(match(value,/(::plac\\w+|:read-\\w+)/)){case\":read-only\":case\":read-write\":return serialize([copy(element,{props:[replace(value,/:(read-\\w+)/,\":\"+MOZ+\"$1\")]})],callback);case\"::placeholder\":return serialize([copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+WEBKIT+\"input-$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,\":\"+MOZ+\"$1\")]}),copy(element,{props:[replace(value,/:(plac\\w+)/,MS+\"input-$1\")]})],callback)}return \"\"})}},defaultStylisPlugins=[prefixer],createCache=function(options){var key=options.key;if(!key)throw new Error(`You have to configure \\`key\\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache.\nIf multiple caches share the same key they might \"fight\" for each other's style elements.`);if(key===\"css\"){var ssrStyles=document.querySelectorAll(\"style[data-emotion]:not([data-s])\");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute(\"data-emotion\");dataEmotionAttribute.indexOf(\" \")!==-1&&(document.head.appendChild(node2),node2.setAttribute(\"data-s\",\"\"));});}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(key))throw new Error('Emotion key must only contain lower case alphabetical characters and - but \"'+key+'\" was passed');var inserted={},container,nodesToHydrate=[];container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^=\"'+key+' \"]'),function(node2){for(var attrib=node2.getAttribute(\"data-emotion\").split(\" \"),i=1;i=4;++i,len-=4)k=str.charCodeAt(i)&255|(str.charCodeAt(++i)&255)<<8|(str.charCodeAt(++i)&255)<<16|(str.charCodeAt(++i)&255)<<24,k=(k&65535)*1540483477+((k>>>16)*59797<<16),k^=k>>>24,h=(k&65535)*1540483477+((k>>>16)*59797<<16)^(h&65535)*1540483477+((h>>>16)*59797<<16);switch(len){case 3:h^=(str.charCodeAt(i+2)&255)<<16;case 2:h^=(str.charCodeAt(i+1)&255)<<8;case 1:h^=str.charCodeAt(i)&255,h=(h&65535)*1540483477+((h>>>16)*59797<<16);}return h^=h>>>13,h=(h&65535)*1540483477+((h>>>16)*59797<<16),((h^h>>>15)>>>0).toString(36)}var unitlessKeys={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};var ILLEGAL_ESCAPE_SEQUENCE_ERROR=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,UNDEFINED_AS_OBJECT_KEY_ERROR=\"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(property){return property.charCodeAt(1)===45},isProcessableValue=function(value){return value!=null&&typeof value!=\"boolean\"},processStyleName=memoize(function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,\"-$&\").toLowerCase()}),processStyleValue=function(key,value){switch(key){case\"animation\":case\"animationName\":if(typeof value==\"string\")return value.replace(animationRegex,function(match2,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1})}return unitlessKeys[key]!==1&&!isCustomProperty(key)&&typeof value==\"number\"&&value!==0?value+\"px\":value};contentValuePattern=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/,contentValues=[\"normal\",\"none\",\"initial\",\"inherit\",\"unset\"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={},processStyleValue=function(key,value){if(key===\"content\"&&(typeof value!=\"string\"||contentValues.indexOf(value)===-1&&!contentValuePattern.test(value)&&(value.charAt(0)!==value.charAt(value.length-1)||value.charAt(0)!=='\"'&&value.charAt(0)!==\"'\")))throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\"+value+\"\\\"'`\");var processed=oldProcessStyleValue(key,value);return processed!==\"\"&&!isCustomProperty(key)&&key.indexOf(\"-\")!==-1&&hyphenatedCache[key]===void 0&&(hyphenatedCache[key]=!0,console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \"+key.replace(msPattern,\"ms-\").replace(hyphenPattern,function(str,_char){return _char.toUpperCase()})+\"?\")),processed};var contentValuePattern,contentValues,oldProcessStyleValue,msPattern,hyphenPattern,hyphenatedCache,noComponentSelectorMessage=\"Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.\";function handleInterpolation(mergedProps,registered,interpolation){if(interpolation==null)return \"\";if(interpolation.__emotion_styles!==void 0){if(interpolation.toString()===\"NO_COMPONENT_SELECTOR\")throw new Error(noComponentSelectorMessage);return interpolation}switch(typeof interpolation){case\"boolean\":return \"\";case\"object\":{if(interpolation.anim===1)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(interpolation.styles!==void 0){var next2=interpolation.next;if(next2!==void 0)for(;next2!==void 0;)cursor={name:next2.name,styles:next2.styles,next:cursor},next2=next2.next;var styles=interpolation.styles+\";\";return interpolation.map!==void 0&&(styles+=interpolation.map),styles}return createStringFromObject(mergedProps,registered,interpolation)}case\"function\":{if(mergedProps!==void 0){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}else console.error(\"Functions that are interpolated in css calls will be stringified.\\nIf you want to have a css call based on props, create a function that returns a css call like this\\nlet dynamicStyle = (props) => css`color: ${props.color}`\\nIt can be called directly with props or interpolated in a styled call like this\\nlet SomeComponent = styled('div')`${dynamicStyle}`\");break}case\"string\":var matched=[],replaced=interpolation.replace(animationRegex,function(match2,p1,p2){var fakeVarName=\"animation\"+matched.length;return matched.push(\"const \"+fakeVarName+\" = keyframes`\"+p2.replace(/^@keyframes animation-\\w+/,\"\")+\"`\"),\"${\"+fakeVarName+\"}\"});matched.length&&console.error(\"`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\nInstead of doing this:\\n\\n\"+[].concat(matched,[\"`\"+replaced+\"`\"]).join(`\n`)+`\n\nYou should wrap it with \\`css\\` like this:\n\n`+(\"css`\"+replaced+\"`\"));break}if(registered==null)return interpolation;var cached=registered[interpolation];return cached!==void 0?cached:interpolation}function createStringFromObject(mergedProps,registered,obj){var string=\"\";if(Array.isArray(obj))for(var i=0;i ({})}!\");return mergedTheme}if(theme==null||typeof theme!=\"object\"||Array.isArray(theme))throw new Error(\"[ThemeProvider] Please make your theme prop a plain object\");return _extends({},outerTheme,theme)},createCacheWithTheme=weakMemoize(function(outerTheme){return weakMemoize(function(theme){return getTheme(outerTheme,theme)})}),ThemeProvider=function(props){var theme=React.useContext(ThemeContext);return props.theme!==theme&&(theme=createCacheWithTheme(theme)(props.theme)),React.createElement(ThemeContext.Provider,{value:theme},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||\"Component\",render=function(props,ref){var theme=React.useContext(ThemeContext);return React.createElement(Component,_extends({theme,ref},props))},WithTheme=React.forwardRef(render);return WithTheme.displayName=\"WithTheme(\"+componentName+\")\",hoistNonReactStatics(WithTheme,Component)}var getLastPart=function(functionName){var parts=functionName.split(\".\");return parts[parts.length-1]},getFunctionNameFromStackTraceLine=function(line2){var match2=/^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line2);if(match2||(match2=/^([A-Za-z0-9$.]+)@/.exec(line2),match2))return getLastPart(match2[1])},internalReactFunctionNames=new Set([\"renderWithHooks\",\"processChild\",\"finishClassComponent\",\"renderToString\"]),sanitizeIdentifier=function(identifier2){return identifier2.replace(/\\$/g,\"-\")},getLabelFromStackTrace=function(stackTrace){if(stackTrace)for(var lines=stackTrace.split(`\n`),i=0;i=16.8.0\"},peerDependenciesMeta:{\"@types/react\":{optional:!0}},devDependencies:{\"@definitelytyped/dtslint\":\"0.0.112\",\"@emotion/css\":\"11.11.0\",\"@emotion/css-prettifier\":\"1.1.3\",\"@emotion/server\":\"11.11.0\",\"@emotion/styled\":\"11.11.0\",\"html-tag-names\":\"^1.1.2\",react:\"16.14.0\",\"svg-tag-names\":\"^1.1.1\",typescript:\"^4.5.5\"},repository:\"https://github.com/emotion-js/emotion/tree/main/packages/react\",publishConfig:{access:\"public\"},\"umd:main\":\"dist/emotion-react.umd.min.js\",preconstruct:{entrypoints:[\"./index.js\",\"./jsx-runtime.js\",\"./jsx-dev-runtime.js\",\"./_isolated-hnrs.js\"],umdName:\"emotionReact\",exports:{envConditions:[\"browser\",\"worker\"],extra:{\"./types/css-prop\":\"./types/css-prop.d.ts\",\"./macro\":{types:{import:\"./macro.d.mts\",default:\"./macro.d.ts\"},default:\"./macro.js\"}}}}},jsx=function(type,props){var args=arguments;if(props==null||!hasOwnProperty.call(props,\"css\"))return React.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=Emotion$1,createElementArgArray[1]=createEmotionProps(type,props);for(var i=2;i component.\"),toAdd=\"\";for(var k in arg)arg[k]&&k&&(toAdd&&(toAdd+=\" \"),toAdd+=k);}break}default:toAdd=arg;}toAdd&&(cls&&(cls+=\" \"),cls+=toAdd);}}return cls};function merge(registered,css2,className){var registeredStyles=[],rawClassName=getRegisteredStyles(registered,registeredStyles,className);return registeredStyles.length<2?className:rawClassName+css2(registeredStyles)}var Insertion3=function(_ref){var cache=_ref.cache,serializedArr=_ref.serializedArr;return useInsertionEffectAlwaysWithSyncFallback(function(){for(var i=0;i96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp;}return typeof shouldForwardProp!=\"function\"&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},ILLEGAL_ESCAPE_SEQUENCE_ERROR2=`You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\\\00d7';\" should become \"content: '\\\\\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Insertion5=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},createStyled=function createStyled2(tag,options){if(tag===void 0)throw new Error(`You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.`);var isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag,identifierName,targetClassName;options!==void 0&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp(\"as\");return function(){var args=arguments,styles=isReal&&tag.__emotion_styles!==void 0?tag.__emotion_styles.slice(0):[];if(identifierName!==void 0&&styles.push(\"label:\"+identifierName+\";\"),args[0]==null||args[0].raw===void 0)styles.push.apply(styles,args);else {args[0][0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[0][0]);for(var len=args.length,i=1;i({body:{fontFamily:typography2.fonts.base,fontSize:typography2.size.s3,margin:0,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",WebkitTapHighlightColor:\"rgba(0, 0, 0, 0)\",WebkitOverflowScrolling:\"touch\"},\"*\":{boxSizing:\"border-box\"},\"h1, h2, h3, h4, h5, h6\":{fontWeight:typography2.weight.regular,margin:0,padding:0},\"button, input, textarea, select\":{fontFamily:\"inherit\",fontSize:\"inherit\",boxSizing:\"border-box\"},sub:{fontSize:\"0.8em\",bottom:\"-0.2em\"},sup:{fontSize:\"0.8em\",top:\"-0.2em\"},\"b, strong\":{fontWeight:typography2.weight.bold},hr:{border:\"none\",borderTop:\"1px solid silver\",clear:\"both\",marginBottom:\"1.25rem\"},code:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",display:\"inline-block\",paddingLeft:2,paddingRight:2,verticalAlign:\"baseline\",color:\"inherit\"},pre:{fontFamily:typography2.fonts.mono,WebkitFontSmoothing:\"antialiased\",MozOsxFontSmoothing:\"grayscale\",lineHeight:\"18px\",padding:\"11px 1rem\",whiteSpace:\"pre-wrap\",color:\"inherit\",borderRadius:3,margin:\"1rem 0\"}})),createGlobal=memoize2(1)(({color:color2,background:background2,typography:typography2})=>{let resetStyles=createReset({typography:typography2});return {...resetStyles,body:{...resetStyles.body,color:color2.defaultText,background:background2.app,overflow:\"hidden\"},hr:{...resetStyles.hr,borderTop:`1px solid ${color2.border}`}}});var easing={rubber:\"cubic-bezier(0.175, 0.885, 0.335, 1.05)\"},rotate360=keyframes`\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`,glow=keyframes`\n 0%, 100% { opacity: 1; }\n 50% { opacity: .4; }\n`,float=keyframes`\n 0% { transform: translateY(1px); }\n 25% { transform: translateY(0px); }\n 50% { transform: translateY(-3px); }\n 100% { transform: translateY(1px); }\n`,jiggle=keyframes`\n 0%, 100% { transform:translate3d(0,0,0); }\n 12.5%, 62.5% { transform:translate3d(-4px,0,0); }\n 37.5%, 87.5% { transform: translate3d(4px,0,0); }\n`,inlineGlow=css`\n animation: ${glow} 1.5s ease-in-out infinite;\n color: transparent;\n cursor: progress;\n`,hoverable=css`\n transition: all 150ms ease-out;\n transform: translate3d(0, 0, 0);\n\n &:hover {\n transform: translate3d(0, -2px, 0);\n }\n\n &:active {\n transform: translate3d(0, 0, 0);\n }\n`,animation={rotate360,glow,float,jiggle,inlineGlow,hoverable};var 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\"},convertColors=colors=>Object.entries(colors).reduce((acc,[k,v])=>({...acc,[k]:mkColor(v)}),{}),create2=({colors,mono})=>{let colorsObjs=convertColors(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\":colorsObjs.red4,\"&.entity\":colorsObjs.red4,\"&.directive.tag .tag\":{background:\"#ffff00\",...colorsObjs.gray1}},\"language-json .token.boolean\":colorsObjs.blue1,\"language-json .token.number\":colorsObjs.blue1,\"language-json .token.property\":colorsObjs.cyan2,namespace:{opacity:.7}}};var lightSyntaxColors={green1:\"#008000\",red1:\"#A31515\",red2:\"#9a050f\",red3:\"#800000\",red4:\"#ff0000\",gray1:\"#393A34\",cyan1:\"#36acaa\",cyan2:\"#2B91AF\",blue1:\"#0000ff\",blue2:\"#00009f\"},darkSyntaxColors={green1:\"#7C7C7C\",red1:\"#92C379\",red2:\"#9a050f\",red3:\"#A8FF60\",red4:\"#96CBFE\",gray1:\"#EDEDED\",cyan1:\"#C6C5FE\",cyan2:\"#FFFFB6\",blue1:\"#B474DD\",blue2:\"#00009f\"},createColors=vars=>({primary:vars.colorPrimary,secondary:vars.colorSecondary,tertiary:color.tertiary,ancillary:color.ancillary,orange:color.orange,gold:color.gold,green:color.green,seafoam:color.seafoam,purple:color.purple,ultraviolet:color.ultraviolet,lightest:color.lightest,lighter:color.lighter,light:color.light,mediumlight:color.mediumlight,medium:color.medium,mediumdark:color.mediumdark,dark:color.dark,darker:color.darker,darkest:color.darkest,border:color.border,positive:color.positive,negative:color.negative,warning:color.warning,critical:color.critical,defaultText:vars.textColor||color.darkest,inverseText:vars.textInverseColor||color.lightest,positiveText:color.positiveText,negativeText:color.negativeText,warningText:color.warningText}),convert=(inherit=themes[getPreferredColorScheme()])=>{let{base,colorPrimary,colorSecondary,appBg,appContentBg,appPreviewBg,appBorderColor,appBorderRadius,fontBase,fontCode,textColor,textInverseColor,barTextColor,barHoverColor,barSelectedColor,barBg,buttonBg,buttonBorder,booleanBg,booleanSelectedBg,inputBg,inputBorder,inputTextColor,inputBorderRadius,brandTitle,brandUrl,brandImage,brandTarget,gridCellSize,...rest}=inherit;return {...rest,base,color:createColors(inherit),background:{app:appBg,bar:barBg,content:appContentBg,preview:appPreviewBg,gridCellSize:gridCellSize||background.gridCellSize,hoverable:background.hoverable,positive:background.positive,negative:background.negative,warning:background.warning,critical:background.critical},typography:{fonts:{base:fontBase,mono:fontCode},weight:typography.weight,size:typography.size},animation,easing,input:{background:inputBg,border:inputBorder,borderRadius:inputBorderRadius,color:inputTextColor},button:{background:buttonBg||inputBg,border:buttonBorder||inputBorder},boolean:{background:booleanBg||inputBorder,selectedBackground:booleanSelectedBg||inputBg},layoutMargin:10,appBorderColor,appBorderRadius,barTextColor,barHoverColor:barHoverColor||colorSecondary,barSelectedColor:barSelectedColor||colorSecondary,barBg,brand:{title:brandTitle,url:brandUrl,image:brandImage||(brandTitle?null:void 0),target:brandTarget},code:create2({colors:base===\"light\"?lightSyntaxColors:darkSyntaxColors,mono:fontCode}),addonActionsTheme:{...base===\"light\"?chromeLight:chromeDark,BASE_FONT_FAMILY:fontCode,BASE_FONT_SIZE:typography.size.s2-1,BASE_LINE_HEIGHT:\"18px\",BASE_BACKGROUND_COLOR:\"transparent\",BASE_COLOR:textColor,ARROW_COLOR:curriedOpacify$1(.2,appBorderColor),ARROW_MARGIN_RIGHT:4,ARROW_FONT_SIZE:8,TREENODE_FONT_FAMILY:fontCode,TREENODE_FONT_SIZE:typography.size.s2-1,TREENODE_LINE_HEIGHT:\"18px\",TREENODE_PADDING_LEFT:12}}};var isEmpty=o=>Object.keys(o).length===0,isObject=o=>o!=null&&typeof o==\"object\",hasOwnProperty2=(o,...args)=>Object.prototype.hasOwnProperty.call(o,...args);var makeObjectWithoutPrototype=()=>Object.create(null);var deletedDiff=(lhs,rhs)=>lhs===rhs||!isObject(lhs)||!isObject(rhs)?{}:Object.keys(lhs).reduce((acc,key)=>{if(hasOwnProperty2(rhs,key)){let difference=deletedDiff(lhs[key],rhs[key]);return isObject(difference)&&isEmpty(difference)||(acc[key]=difference),acc}return acc[key]=void 0,acc},makeObjectWithoutPrototype()),deleted_default=deletedDiff;function dedent(templ){for(var values=[],_i=1;_i{if(!input)return convert(light_default);let missing=deleted_default(light_default,input);return Object.keys(missing).length&&logger.warn(dedent`\n Your theme is missing properties, you should update your theme!\n\n theme-data missing:\n `,missing),convert(input)};var ignoreSsrWarning=\"/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */\";\n\nexport { CacheProvider, ClassNames, Global, ThemeProvider, convert, createCache, createGlobal, createReset, css, ensure, ignoreSsrWarning, isPropValid, jsx, keyframes, newStyled as styled, useTheme, withTheme };\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/312.87d7eb67.iframe.bundle.js b/312.87d7eb67.iframe.bundle.js
deleted file mode 100644
index 118a4bf7..00000000
--- a/312.87d7eb67.iframe.bundle.js
+++ /dev/null
@@ -1,103 +0,0 @@
-/*! For license information please see 312.87d7eb67.iframe.bundle.js.LICENSE.txt */
-(self.webpackChunk_conda_store_conda_store_ui=self.webpackChunk_conda_store_conda_store_ui||[]).push([[312],{"./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}__webpack_require__.d(__webpack_exports__,{A:()=>_assertThisInitialized})},"./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>_inheritsLoose});var _setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js");function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,(0,_setPrototypeOf_js__WEBPACK_IMPORTED_MODULE_0__.A)(subClass,superClass)}},"./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}__webpack_require__.d(__webpack_exports__,{A:()=>_setPrototypeOf})},"./node_modules/@babel/runtime/helpers/extends.js":module=>{function _extends(){return module.exports=_extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i{module.exports=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var target={};for(var key in source)if(Object.prototype.hasOwnProperty.call(source,key)){if(excluded.indexOf(key)>=0)continue;target[key]=source[key]}return target},module.exports.__esModule=!0,module.exports.default=module.exports},"./node_modules/@babel/runtime/helpers/typeof.js":module=>{function _typeof(o){return module.exports=_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},module.exports.__esModule=!0,module.exports.default=module.exports,_typeof(o)}module.exports=_typeof,module.exports.__esModule=!0,module.exports.default=module.exports},"./node_modules/@codemirror/language/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{EI:()=>indentString,KB:()=>IndentContext,Lv:()=>foldGutter,SG:()=>bracketMatching,Tg:()=>StreamLanguage,WD:()=>indentOnInput,Xt:()=>indentUnit,Zt:()=>defaultHighlightStyle,_v:()=>getIndentation,cr:()=>HighlightStyle,f7:()=>foldKeymap,jU:()=>matchBrackets,mv:()=>syntaxTree,tp:()=>getIndentUnit,y9:()=>syntaxHighlighting});var _a,_lezer_common__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@lezer/common/dist/index.js"),_codemirror_state__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@codemirror/state/dist/index.js"),_codemirror_view__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@codemirror/view/dist/index.js"),_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@lezer/highlight/dist/index.js"),style_mod__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/style-mod/src/style-mod.js");const languageDataProp=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY;function defineLanguageFacet(baseData){return _codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define({combine:baseData?values=>values.concat(baseData):void 0})}const sublanguageProp=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY;class Language{constructor(data,parser,extraExtensions=[],name=""){this.data=data,this.name=name,_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.$t.prototype.hasOwnProperty("tree")||Object.defineProperty(_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.$t.prototype,"tree",{get(){return syntaxTree(this)}}),this.parser=parser,this.extension=[language.of(this),_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.$t.languageData.of(((state,pos,side)=>{let top=topNodeAt(state,pos,side),data=top.type.prop(languageDataProp);if(!data)return[];let base=state.facet(data),sub=top.type.prop(sublanguageProp);if(sub){let innerNode=top.resolve(pos-top.from,side);for(let sublang of sub)if(sublang.test(innerNode,state)){let data=state.facet(sublang.facet);return"replace"==sublang.type?data:data.concat(base)}}return base}))].concat(extraExtensions)}isActiveAt(state,pos,side=-1){return topNodeAt(state,pos,side).type.prop(languageDataProp)==this.data}findRegions(state){let lang=state.facet(language);if((null==lang?void 0:lang.data)==this.data)return[{from:0,to:state.doc.length}];if(!lang||!lang.allowsNesting)return[];let result=[],explore=(tree,from)=>{if(tree.prop(languageDataProp)==this.data)return void result.push({from,to:from+tree.length});let mount=tree.prop(_lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY.mounted);if(mount){if(mount.tree.prop(languageDataProp)==this.data){if(mount.overlay)for(let r of mount.overlay)result.push({from:r.from+from,to:r.to+from});else result.push({from,to:from+tree.length});return}if(mount.overlay){let size=result.length;if(explore(mount.tree,mount.overlay[0].from+from),result.length>size)return}}for(let i=0;i=this.cursorPos?this.doc.sliceString(from,to):this.string.slice(from-stringStart,to-stringStart)}}let currentContext=null;class ParseContext{constructor(parser,state,fragments=[],tree,treeLen,viewport,skipped,scheduleOn){this.parser=parser,this.state=state,this.fragments=fragments,this.tree=tree,this.treeLen=treeLen,this.viewport=viewport,this.skipped=skipped,this.scheduleOn=scheduleOn,this.parse=null,this.tempSkipped=[]}static create(parser,state,viewport){return new ParseContext(parser,state,[],_lezer_common__WEBPACK_IMPORTED_MODULE_0__.PH.empty,0,viewport,[],null)}startParse(){return this.parser.startParse(new DocInput(this.state.doc),this.fragments)}work(until,upto){return null!=upto&&upto>=this.state.doc.length&&(upto=void 0),this.tree!=_lezer_common__WEBPACK_IMPORTED_MODULE_0__.PH.empty&&this.isDone(null!=upto?upto:this.state.doc.length)?(this.takeTree(),!0):this.withContext((()=>{var _a;if("number"==typeof until){let endTime=Date.now()+until;until=()=>Date.now()>endTime}for(this.parse||(this.parse=this.startParse()),null!=upto&&(null==this.parse.stoppedAt||this.parse.stoppedAt>upto)&&upto=this.treeLen&&((null==this.parse.stoppedAt||this.parse.stoppedAt>pos)&&this.parse.stopAt(pos),this.withContext((()=>{for(;!(tree=this.parse.advance()););})),this.treeLen=pos,this.tree=tree,this.fragments=this.withoutTempSkipped(_lezer_common__WEBPACK_IMPORTED_MODULE_0__.rr.addTree(this.tree,this.fragments,!0)),this.parse=null)}withContext(f){let prev=currentContext;currentContext=this;try{return f()}finally{currentContext=prev}}withoutTempSkipped(fragments){for(let r;r=this.tempSkipped.pop();)fragments=cutFragments(fragments,r.from,r.to);return fragments}changes(changes,newState){let{fragments,tree,treeLen,viewport,skipped}=this;if(this.takeTree(),!changes.empty){let ranges=[];if(changes.iterChangedRanges(((fromA,toA,fromB,toB)=>ranges.push({fromA,toA,fromB,toB}))),fragments=_lezer_common__WEBPACK_IMPORTED_MODULE_0__.rr.applyChanges(fragments,ranges),tree=_lezer_common__WEBPACK_IMPORTED_MODULE_0__.PH.empty,treeLen=0,viewport={from:changes.mapPos(viewport.from,-1),to:changes.mapPos(viewport.to,1)},this.skipped.length){skipped=[];for(let r of this.skipped){let from=changes.mapPos(r.from,1),to=changes.mapPos(r.to,-1);fromviewport.from&&(this.fragments=cutFragments(this.fragments,from,to),this.skipped.splice(i--,1))}return!(this.skipped.length>=startLen)&&(this.reset(),!0)}reset(){this.parse&&(this.takeTree(),this.parse=null)}skipUntilInView(from,to){this.skipped.push({from,to})}static getSkippingParser(until){return new class extends _lezer_common__WEBPACK_IMPORTED_MODULE_0__.iX{createParse(input,fragments,ranges){let from=ranges[0].from,to=ranges[ranges.length-1].to;return{parsedPos:from,advance(){let cx=currentContext;if(cx){for(let r of ranges)cx.tempSkipped.push(r);until&&(cx.scheduleOn=cx.scheduleOn?Promise.all([cx.scheduleOn,until]):until)}return this.parsedPos=to,new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.PH(_lezer_common__WEBPACK_IMPORTED_MODULE_0__.Z6.none,[],[],to-from)},stoppedAt:null,stopAt(){}}}}}isDone(upto){upto=Math.min(upto,this.state.doc.length);let frags=this.fragments;return this.treeLen>=upto&&frags.length&&0==frags[0].from&&frags[0].to>=upto}static get(){return currentContext}}function cutFragments(fragments,from,to){return _lezer_common__WEBPACK_IMPORTED_MODULE_0__.rr.applyChanges(fragments,[{fromA:from,toA:to,fromB:from,toB:to}])}class LanguageState{constructor(context){this.context=context,this.tree=context.tree}apply(tr){if(!tr.docChanged&&this.tree==this.context.tree)return this;let newCx=this.context.changes(tr.changes,tr.state),upto=this.context.treeLen==tr.startState.doc.length?void 0:Math.max(tr.changes.mapPos(this.context.treeLen),newCx.viewport.to);return newCx.work(20,upto)||newCx.takeTree(),new LanguageState(newCx)}static init(state){let vpTo=Math.min(3e3,state.doc.length),parseState=ParseContext.create(state.facet(language).parser,state,{from:0,to:vpTo});return parseState.work(20,vpTo)||parseState.takeTree(),new LanguageState(parseState)}}Language.state=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sU.define({create:LanguageState.init,update(value,tr){for(let e of tr.effects)if(e.is(Language.setState))return e.value;return tr.startState.facet(language)!=tr.state.facet(language)?LanguageState.init(tr.state):value.apply(tr)}});let requestIdle=callback=>{let timeout=setTimeout((()=>callback()),500);return()=>clearTimeout(timeout)};"undefined"!=typeof requestIdleCallback&&(requestIdle=callback=>{let idle=-1,timeout=setTimeout((()=>{idle=requestIdleCallback(callback,{timeout:400})}),100);return()=>idle<0?clearTimeout(timeout):cancelIdleCallback(idle)});const isInputPending="undefined"!=typeof navigator&&(null===(_a=navigator.scheduling)||void 0===_a?void 0:_a.isInputPending)?()=>navigator.scheduling.isInputPending():null,parseWorker=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Z9.fromClass(class ParseWorker{constructor(view){this.view=view,this.working=null,this.workScheduled=0,this.chunkEnd=-1,this.chunkBudget=-1,this.work=this.work.bind(this),this.scheduleWork()}update(update){let cx=this.view.state.field(Language.state).context;(cx.updateViewport(update.view.viewport)||this.view.viewport.to>cx.treeLen)&&this.scheduleWork(),(update.docChanged||update.selectionSet)&&(this.view.hasFocus&&(this.chunkBudget+=50),this.scheduleWork()),this.checkAsyncSchedule(cx)}scheduleWork(){if(this.working)return;let{state}=this.view,field=state.field(Language.state);field.tree==field.context.tree&&field.context.isDone(state.doc.length)||(this.working=requestIdle(this.work))}work(deadline){this.working=null;let now=Date.now();if(this.chunkEndvpTo+1e3,done=field.context.work((()=>isInputPending&&isInputPending()||Date.now()>endTime),vpTo+(viewportFirst?0:1e5));this.chunkBudget-=Date.now()-now,(done||this.chunkBudget<=0)&&(field.context.takeTree(),this.view.dispatch({effects:Language.setState.of(new LanguageState(field.context))})),this.chunkBudget>0&&(!done||viewportFirst)&&this.scheduleWork(),this.checkAsyncSchedule(field.context)}checkAsyncSchedule(cx){cx.scheduleOn&&(this.workScheduled++,cx.scheduleOn.then((()=>this.scheduleWork())).catch((err=>(0,_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.c_)(this.view.state,err))).then((()=>this.workScheduled--)),cx.scheduleOn=null)}destroy(){this.working&&this.working()}isWorking(){return!!(this.working||this.workScheduled>0)}},{eventHandlers:{focus(){this.scheduleWork()}}}),language=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define({combine:languages=>languages.length?languages[0]:null,enables:language=>[Language.state,parseWorker,_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.contentAttributes.compute([language],(state=>{let lang=state.facet(language);return lang&&lang.name?{"data-language":lang.name}:{}}))]});const indentService=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define(),indentUnit=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define({combine:values=>{if(!values.length)return" ";let unit=values[0];if(!unit||/\S/.test(unit)||Array.from(unit).some((e=>e!=unit[0])))throw new Error("Invalid indent unit: "+JSON.stringify(values[0]));return unit}});function getIndentUnit(state){let unit=state.facet(indentUnit);return 9==unit.charCodeAt(0)?state.tabSize*unit.length:unit.length}function indentString(state,cols){let result="",ts=state.tabSize,ch=state.facet(indentUnit)[0];if("\t"==ch){for(;cols>=ts;)result+="\t",cols-=ts;ch=" "}for(let i=0;i=pos?function syntaxIndentation(cx,ast,pos){let stack=ast.resolveStack(pos),inner=stack.node.enterUnfinishedNodesBefore(pos);if(inner!=stack.node){let add=[];for(let cur=inner;cur!=stack.node;cur=cur.parent)add.push(cur);for(let i=add.length-1;i>=0;i--)stack={node:add[i],next:stack}}return indentFor(stack,cx,pos)}(context,tree,pos):null}class IndentContext{constructor(state,options={}){this.state=state,this.options=options,this.unit=getIndentUnit(state)}lineAt(pos,bias=1){let line=this.state.doc.lineAt(pos),{simulateBreak,simulateDoubleBreak}=this.options;return null!=simulateBreak&&simulateBreak>=line.from&&simulateBreak<=line.to?simulateDoubleBreak&&simulateBreak==pos?{text:"",from:pos}:(bias<0?simulateBreak-1&&(result+=override-this.countColumn(text,text.search(/\S|$/))),result}countColumn(line,pos=line.length){return(0,_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.y$)(line,this.state.tabSize,pos)}lineIndent(pos,bias=1){let{text,from}=this.lineAt(pos,bias),override=this.options.overrideIndentation;if(override){let overriden=override(from);if(overriden>-1)return overriden}return this.countColumn(text,text.search(/\S|$/))}get simulatedBreak(){return this.options.simulateBreak||null}}const indentNodeProp=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY;function indentFor(stack,cx,pos){for(let cur=stack;cur;cur=cur.next){let strategy=indentStrategy(cur.node);if(strategy)return strategy(TreeIndentContext.create(cx,pos,cur))}return 0}function indentStrategy(tree){let strategy=tree.type.prop(indentNodeProp);if(strategy)return strategy;let close,first=tree.firstChild;if(first&&(close=first.type.prop(_lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY.closedBy))){let last=tree.lastChild,closed=last&&close.indexOf(last.name)>-1;return cx=>delimitedStrategy(cx,!0,1,void 0,closed&&!function ignoreClosed(cx){return cx.pos==cx.options.simulateBreak&&cx.options.simulateDoubleBreak}(cx)?last.from:void 0)}return null==tree.parent?topIndent:null}function topIndent(){return 0}class TreeIndentContext extends IndentContext{constructor(base,pos,context){super(base.state,base.options),this.base=base,this.pos=pos,this.context=context}get node(){return this.context.node}static create(base,pos,context){return new TreeIndentContext(base,pos,context)}get textAfter(){return this.textAfterPos(this.pos)}get baseIndent(){return this.baseIndentFor(this.node)}baseIndentFor(node){let line=this.state.doc.lineAt(node.from);for(;;){let atBreak=node.resolve(line.from);for(;atBreak.parent&&atBreak.parent.from==atBreak.from;)atBreak=atBreak.parent;if(isParent(atBreak,node))break;line=this.state.doc.lineAt(atBreak.from)}return this.lineIndent(line.from)}continue(){return indentFor(this.context.next,this.base,this.pos)}}function isParent(parent,of){for(let cur=of;cur;cur=cur.parent)if(parent==cur)return!0;return!1}function delimitedStrategy(context,align,units,closing,closedAt){let after=context.textAfter,space=after.match(/^\s*/)[0].length,closed=closing&&after.slice(space,space+closing.length)==closing||closedAt==context.pos+space,aligned=align?function bracketedAligned(context){let tree=context.node,openToken=tree.childAfter(tree.from),last=tree.lastChild;if(!openToken)return null;let sim=context.options.simulateBreak,openLine=context.state.doc.lineAt(openToken.from),lineEnd=null==sim||sim<=openLine.from?openLine.to:Math.min(openLine.to,sim);for(let pos=openToken.to;;){let next=tree.childAfter(pos);if(!next||next==last)return null;if(!next.type.isSkipped)return next.from{if(!tr.docChanged||!tr.isUserEvent("input.type")&&!tr.isUserEvent("input.complete"))return tr;let rules=tr.startState.languageDataAt("indentOnInput",tr.startState.selection.main.head);if(!rules.length)return tr;let doc=tr.newDoc,{head}=tr.newSelection.main,line=doc.lineAt(head);if(head>line.from+DontIndentBeyond)return tr;let lineStart=doc.sliceString(line.from,head);if(!rules.some((r=>r.test(lineStart))))return tr;let{state}=tr,last=-1,changes=[];for(let{head}of state.selection.ranges){let line=state.doc.lineAt(head);if(line.from==last)continue;last=line.from;let indent=getIndentation(state,line.from);if(null==indent)continue;let cur=/^\s*/.exec(line.text)[0],norm=indentString(state,indent);cur!=norm&&changes.push({from:line.from,to:line.from+cur.length,insert:norm})}return changes.length?[tr,{changes,sequential:!0}]:tr}))}const foldService=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define(),foldNodeProp=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY;function isUnfinished(node){let ch=node.lastChild;return ch&&ch.to==node.to&&ch.type.isError}function foldable(state,lineStart,lineEnd){for(let service of state.facet(foldService)){let result=service(state,lineStart,lineEnd);if(result)return result}return function syntaxFolding(state,start,end){let tree=syntaxTree(state);if(tree.lengthend)continue;if(found&&cur.from=start&&value.to>end&&(found=value)}}return found}(state,lineStart,lineEnd)}function mapRange(range,mapping){let from=mapping.mapPos(range.from,1),to=mapping.mapPos(range.to,-1);return from>=to?void 0:{from,to}}const foldEffect=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.Pe.define({map:mapRange}),unfoldEffect=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.Pe.define({map:mapRange});function selectedLines(view){let lines=[];for(let{head}of view.state.selection.ranges)lines.some((l=>l.from<=head&&l.to>=head))||lines.push(view.lineBlockAt(head));return lines}const foldState=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sU.define({create:()=>_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.none,update(folded,tr){folded=folded.map(tr.changes);for(let e of tr.effects)if(e.is(foldEffect)&&!foldExists(folded,e.value.from,e.value.to)){let{preparePlaceholder}=tr.state.facet(foldConfig),widget=preparePlaceholder?_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.replace({widget:new PreparedFoldWidget(preparePlaceholder(tr.state,e.value))}):foldWidget;folded=folded.update({add:[widget.range(e.value.from,e.value.to)]})}else e.is(unfoldEffect)&&(folded=folded.update({filter:(from,to)=>e.value.from!=from||e.value.to!=to,filterFrom:e.value.from,filterTo:e.value.to}));if(tr.selection){let onSelection=!1,{head}=tr.selection.main;folded.between(head,head,((a,b)=>{ahead&&(onSelection=!0)})),onSelection&&(folded=folded.update({filterFrom:head,filterTo:head,filter:(a,b)=>b<=head||a>=head}))}return folded},provide:f=>_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.decorations.from(f),toJSON(folded,state){let ranges=[];return folded.between(0,state.doc.length,((from,to)=>{ranges.push(from,to)})),ranges},fromJSON(value){if(!Array.isArray(value)||value.length%2)throw new RangeError("Invalid JSON for fold state");let ranges=[];for(let i=0;i{(!found||found.from>from)&&(found={from,to})})),found}function foldExists(folded,from,to){let found=!1;return folded.between(from,from,((a,b)=>{a==from&&b==to&&(found=!0)})),found}function maybeEnable(state,other){return state.field(foldState,!1)?other:other.concat(_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.Pe.appendConfig.of(codeFolding()))}function announceFold(view,range,fold=!0){let lineFrom=view.state.doc.lineAt(range.from).number,lineTo=view.state.doc.lineAt(range.to).number;return _codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.announce.of(`${view.state.phrase(fold?"Folded lines":"Unfolded lines")} ${lineFrom} ${view.state.phrase("to")} ${lineTo}.`)}const foldKeymap=[{key:"Ctrl-Shift-[",mac:"Cmd-Alt-[",run:view=>{for(let line of selectedLines(view)){let range=foldable(view.state,line.from,line.to);if(range)return view.dispatch({effects:maybeEnable(view.state,[foldEffect.of(range),announceFold(view,range)])}),!0}return!1}},{key:"Ctrl-Shift-]",mac:"Cmd-Alt-]",run:view=>{if(!view.state.field(foldState,!1))return!1;let effects=[];for(let line of selectedLines(view)){let folded=findFold(view.state,line.from,line.to);folded&&effects.push(unfoldEffect.of(folded),announceFold(view,folded,!1))}return effects.length&&view.dispatch({effects}),effects.length>0}},{key:"Ctrl-Alt-[",run:view=>{let{state}=view,effects=[];for(let pos=0;pos{let field=view.state.field(foldState,!1);if(!field||!field.size)return!1;let effects=[];return field.between(0,view.state.doc.length,((from,to)=>{effects.push(unfoldEffect.of({from,to}))})),view.dispatch({effects}),!0}}],defaultConfig={placeholderDOM:null,preparePlaceholder:null,placeholderText:"…"},foldConfig=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define({combine:values=>(0,_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.QR)(values,defaultConfig)});function codeFolding(config){let result=[foldState,baseTheme$1];return config&&result.push(foldConfig.of(config)),result}function widgetToDOM(view,prepared){let{state}=view,conf=state.facet(foldConfig),onclick=event=>{let line=view.lineBlockAt(view.posAtDOM(event.target)),folded=findFold(view.state,line.from,line.to);folded&&view.dispatch({effects:unfoldEffect.of(folded)}),event.preventDefault()};if(conf.placeholderDOM)return conf.placeholderDOM(view,onclick,prepared);let element=document.createElement("span");return element.textContent=conf.placeholderText,element.setAttribute("aria-label",state.phrase("folded code")),element.title=state.phrase("unfold"),element.className="cm-foldPlaceholder",element.onclick=onclick,element}const foldWidget=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.replace({widget:new class extends _codemirror_view__WEBPACK_IMPORTED_MODULE_4__.xO{toDOM(view){return widgetToDOM(view,null)}}});class PreparedFoldWidget extends _codemirror_view__WEBPACK_IMPORTED_MODULE_4__.xO{constructor(value){super(),this.value=value}eq(other){return this.value==other.value}toDOM(view){return widgetToDOM(view,this.value)}}const foldGutterDefaults={openText:"⌄",closedText:"›",markerDOM:null,domEventHandlers:{},foldingChanged:()=>!1};class FoldMarker extends _codemirror_view__WEBPACK_IMPORTED_MODULE_4__.wJ{constructor(config,open){super(),this.config=config,this.open=open}eq(other){return this.config==other.config&&this.open==other.open}toDOM(view){if(this.config.markerDOM)return this.config.markerDOM(this.open);let span=document.createElement("span");return span.textContent=this.open?this.config.openText:this.config.closedText,span.title=view.state.phrase(this.open?"Fold line":"Unfold line"),span}}function foldGutter(config={}){let fullConfig=Object.assign(Object.assign({},foldGutterDefaults),config),canFold=new FoldMarker(fullConfig,!0),canUnfold=new FoldMarker(fullConfig,!1),markers=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Z9.fromClass(class{constructor(view){this.from=view.viewport.from,this.markers=this.buildMarkers(view)}update(update){(update.docChanged||update.viewportChanged||update.startState.facet(language)!=update.state.facet(language)||update.startState.field(foldState,!1)!=update.state.field(foldState,!1)||syntaxTree(update.startState)!=syntaxTree(update.state)||fullConfig.foldingChanged(update))&&(this.markers=this.buildMarkers(update.view))}buildMarkers(view){let builder=new _codemirror_state__WEBPACK_IMPORTED_MODULE_3__.vB;for(let line of view.viewportLineBlocks){let mark=findFold(view.state,line.from,line.to)?canUnfold:foldable(view.state,line.from,line.to)?canFold:null;mark&&builder.add(line.from,line.from,mark)}return builder.finish()}}),{domEventHandlers}=fullConfig;return[markers,(0,_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.cU)({class:"cm-foldGutter",markers(view){var _a;return(null===(_a=view.plugin(markers))||void 0===_a?void 0:_a.markers)||_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.om.empty},initialSpacer:()=>new FoldMarker(fullConfig,!1),domEventHandlers:Object.assign(Object.assign({},domEventHandlers),{click:(view,line,event)=>{if(domEventHandlers.click&&domEventHandlers.click(view,line,event))return!0;let folded=findFold(view.state,line.from,line.to);if(folded)return view.dispatch({effects:unfoldEffect.of(folded)}),!0;let range=foldable(view.state,line.from,line.to);return!!range&&(view.dispatch({effects:foldEffect.of(range)}),!0)}})}),codeFolding()]}const baseTheme$1=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.baseTheme({".cm-foldPlaceholder":{backgroundColor:"#eee",border:"1px solid #ddd",color:"#888",borderRadius:".2em",margin:"0 1px",padding:"0 1px",cursor:"pointer"},".cm-foldGutter span":{padding:"0 1px",cursor:"pointer"}});class HighlightStyle{constructor(specs,options){let modSpec;function def(spec){let cls=style_mod__WEBPACK_IMPORTED_MODULE_2__.G.newName();return(modSpec||(modSpec=Object.create(null)))["."+cls]=spec,cls}this.specs=specs;const all="string"==typeof options.all?options.all:options.all?def(options.all):void 0,scopeOpt=options.scope;this.scope=scopeOpt instanceof Language?type=>type.prop(languageDataProp)==scopeOpt.data:scopeOpt?type=>type==scopeOpt:void 0,this.style=(0,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__.az)(specs.map((style=>({tag:style.tag,class:style.class||def(Object.assign({},style,{tag:null}))}))),{all}).style,this.module=modSpec?new style_mod__WEBPACK_IMPORTED_MODULE_2__.G(modSpec):null,this.themeType=options.themeType}static define(specs,options){return new HighlightStyle(specs,options||{})}}const highlighterFacet=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define(),fallbackHighlighter=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define({combine:values=>values.length?[values[0]]:null});function getHighlighters(state){let main=state.facet(highlighterFacet);return main.length?main:state.facet(fallbackHighlighter)}function syntaxHighlighting(highlighter,options){let themeType,ext=[treeHighlighter];return highlighter instanceof HighlightStyle&&(highlighter.module&&ext.push(_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.styleModule.of(highlighter.module)),themeType=highlighter.themeType),(null==options?void 0:options.fallback)?ext.push(fallbackHighlighter.of(highlighter)):themeType?ext.push(highlighterFacet.computeN([_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.darkTheme],(state=>state.facet(_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.darkTheme)==("dark"==themeType)?[highlighter]:[]))):ext.push(highlighterFacet.of(highlighter)),ext}class TreeHighlighter{constructor(view){this.markCache=Object.create(null),this.tree=syntaxTree(view.state),this.decorations=this.buildDeco(view,getHighlighters(view.state)),this.decoratedTo=view.viewport.to}update(update){let tree=syntaxTree(update.state),highlighters=getHighlighters(update.state),styleChange=highlighters!=getHighlighters(update.startState),{viewport}=update.view,decoratedToMapped=update.changes.mapPos(this.decoratedTo,1);tree.length=viewport.to?(this.decorations=this.decorations.map(update.changes),this.decoratedTo=decoratedToMapped):(tree!=this.tree||update.viewportChanged||styleChange)&&(this.tree=tree,this.decorations=this.buildDeco(update.view,highlighters),this.decoratedTo=viewport.to)}buildDeco(view,highlighters){if(!highlighters||!this.tree.length)return _codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.none;let builder=new _codemirror_state__WEBPACK_IMPORTED_MODULE_3__.vB;for(let{from,to}of view.visibleRanges)(0,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__.DM)(this.tree,highlighters,((from,to,style)=>{builder.add(from,to,this.markCache[style]||(this.markCache[style]=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.mark({class:style})))}),from,to);return builder.finish()}}const treeHighlighter=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.Nb.high(_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Z9.fromClass(TreeHighlighter,{decorations:v=>v.decorations})),defaultHighlightStyle=HighlightStyle.define([{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.meta,color:"#404740"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.link,textDecoration:"underline"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.heading,textDecoration:"underline",fontWeight:"bold"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.emphasis,fontStyle:"italic"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.strong,fontWeight:"bold"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.strikethrough,textDecoration:"line-through"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.keyword,color:"#708"},{tag:[_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.atom,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.bool,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.url,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.contentSeparator,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.labelName],color:"#219"},{tag:[_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.literal,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.inserted],color:"#164"},{tag:[_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.string,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.deleted],color:"#a11"},{tag:[_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.regexp,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.escape,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.special(_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.string)],color:"#e40"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.definition(_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.variableName),color:"#00f"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.local(_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.variableName),color:"#30a"},{tag:[_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.typeName,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.namespace],color:"#085"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.className,color:"#167"},{tag:[_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.special(_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.variableName),_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.macroName],color:"#256"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.definition(_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.propertyName),color:"#00c"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.comment,color:"#940"},{tag:_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A.invalid,color:"#f00"}]),baseTheme=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.baseTheme({"&.cm-focused .cm-matchingBracket":{backgroundColor:"#328c8252"},"&.cm-focused .cm-nonmatchingBracket":{backgroundColor:"#bb555544"}}),DefaultScanDist=1e4,DefaultBrackets="()[]{}",bracketMatchingConfig=_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sj.define({combine:configs=>(0,_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.QR)(configs,{afterCursor:!0,brackets:DefaultBrackets,maxScanDistance:DefaultScanDist,renderMatch:defaultRenderMatch})}),matchingMark=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.mark({class:"cm-matchingBracket"}),nonmatchingMark=_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.mark({class:"cm-nonmatchingBracket"});function defaultRenderMatch(match){let decorations=[],mark=match.matched?matchingMark:nonmatchingMark;return decorations.push(mark.range(match.start.from,match.start.to)),match.end&&decorations.push(mark.range(match.end.from,match.end.to)),decorations}const bracketMatchingUnique=[_codemirror_state__WEBPACK_IMPORTED_MODULE_3__.sU.define({create:()=>_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.NZ.none,update(deco,tr){if(!tr.docChanged&&!tr.selection)return deco;let decorations=[],config=tr.state.facet(bracketMatchingConfig);for(let range of tr.state.selection.ranges){if(!range.empty)continue;let match=matchBrackets(tr.state,range.head,-1,config)||range.head>0&&matchBrackets(tr.state,range.head-1,1,config)||config.afterCursor&&(matchBrackets(tr.state,range.head,1,config)||range.head_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.Lz.decorations.from(f)}),baseTheme];function bracketMatching(config={}){return[bracketMatchingConfig.of(config),bracketMatchingUnique]}const bracketMatchingHandle=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY;function matchingNodes(node,dir,brackets){let byProp=node.prop(dir<0?_lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY.openedBy:_lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY.closedBy);if(byProp)return byProp;if(1==node.name.length){let index=brackets.indexOf(node.name);if(index>-1&&index%2==(dir<0?1:0))return[brackets[index+dir]]}return null}function findHandle(node){let hasHandle=node.type.prop(bracketMatchingHandle);return hasHandle?hasHandle(node.node):node}function matchBrackets(state,pos,dir,config={}){let maxScanDistance=config.maxScanDistance||DefaultScanDist,brackets=config.brackets||DefaultBrackets,tree=syntaxTree(state),node=tree.resolveInner(pos,dir);for(let cur=node;cur;cur=cur.parent){let matches=matchingNodes(cur.type,dir,brackets);if(matches&&cur.from0?pos>=handle.from&&poshandle.from&&pos<=handle.to))return matchMarkedBrackets(state,pos,dir,cur,handle,matches,brackets)}}return function matchPlainBrackets(state,pos,dir,tree,tokenType,maxScanDistance,brackets){let startCh=dir<0?state.sliceDoc(pos-1,pos):state.sliceDoc(pos,pos+1),bracket=brackets.indexOf(startCh);if(bracket<0||bracket%2==0!=dir>0)return null;let startToken={from:dir<0?pos-1:pos,to:dir>0?pos+1:pos},iter=state.doc.iterRange(pos,dir>0?state.doc.length:0),depth=0;for(let distance=0;!iter.next().done&&distance<=maxScanDistance;){let text=iter.value;dir<0&&(distance+=text.length);let basePos=pos+distance*dir;for(let pos=dir>0?0:text.length-1,end=dir>0?text.length:-1;pos!=end;pos+=dir){let found=brackets.indexOf(text[pos]);if(!(found<0||tree.resolveInner(basePos+pos,1).type!=tokenType))if(found%2==0==dir>0)depth++;else{if(1==depth)return{start:startToken,end:{from:basePos+pos,to:basePos+pos+1},matched:found>>1==bracket>>1};depth--}}dir>0&&(distance+=text.length)}return iter.done?{start:startToken,matched:!1}:null}(state,pos,dir,tree,node.type,maxScanDistance,brackets)}function matchMarkedBrackets(_state,_pos,dir,token,handle,matching,brackets){let parent=token.parent,firstToken={from:handle.from,to:handle.to},depth=0,cursor=null==parent?void 0:parent.cursor();if(cursor&&(dir<0?cursor.childBefore(token.from):cursor.childAfter(token.to)))do{if(dir<0?cursor.to<=token.from:cursor.from>=token.to){if(0==depth&&matching.indexOf(cursor.type.name)>-1&&cursor.from=this.string.length}sol(){return 0==this.pos}peek(){return this.string.charAt(this.pos)||void 0}next(){if(this.posstart}eatSpace(){let start=this.pos;for(;/[\s\u00a0]/.test(this.string.charAt(this.pos));)++this.pos;return this.pos>start}skipToEnd(){this.pos=this.string.length}skipTo(ch){let found=this.string.indexOf(ch,this.pos);if(found>-1)return this.pos=found,!0}backUp(n){this.pos-=n}column(){return this.lastColumnPoscaseInsensitive?str.toLowerCase():str;return cased(this.string.substr(this.pos,pattern.length))==cased(pattern)?(!1!==consume&&(this.pos+=pattern.length),!0):null}{let match=this.string.slice(this.pos).match(pattern);return match&&match.index>0?null:(match&&!1!==consume&&(this.pos+=match[0].length),match)}}current(){return this.string.slice(this.start,this.pos)}}function defaultCopyState(state){if("object"!=typeof state)return state;let newState={};for(let prop in state){let val=state[prop];newState[prop]=val instanceof Array?val.slice():val}return newState}const IndentedFrom=new WeakMap;class StreamLanguage extends Language{constructor(parser){let self,data=defineLanguageFacet(parser.languageData),p=function fullParser(spec){return{name:spec.name||"",token:spec.token,blankLine:spec.blankLine||(()=>{}),startState:spec.startState||(()=>!0),copyState:spec.copyState||defaultCopyState,indent:spec.indent||(()=>null),languageData:spec.languageData||{},tokenTable:spec.tokenTable||noTokens}}(parser);super(data,new class extends _lezer_common__WEBPACK_IMPORTED_MODULE_0__.iX{createParse(input,fragments,ranges){return new Parse(self,input,fragments,ranges)}},[indentService.of(((cx,pos)=>this.getIndent(cx,pos)))],parser.name),this.topNode=function docID(data){let type=_lezer_common__WEBPACK_IMPORTED_MODULE_0__.Z6.define({id:typeArray.length,name:"Document",props:[languageDataProp.add((()=>data))],top:!0});return typeArray.push(type),type}(data),self=this,this.streamParser=p,this.stateAfter=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.uY({perNode:!0}),this.tokenTable=parser.tokenTable?new TokenTable(p.tokenTable):defaultTokenTable}static define(spec){return new StreamLanguage(spec)}getIndent(cx,pos){let from,tree=syntaxTree(cx.state),at=tree.resolve(pos);for(;at&&at.type!=this.topNode;)at=at.parent;if(!at)return null;let{overrideIndentation}=cx.options;overrideIndentation&&(from=IndentedFrom.get(cx.state),null!=from&&from1e4)return null;for(;statePos=startPos&&off+tree.length<=before&&tree.prop(lang.stateAfter);if(state)return{state:lang.streamParser.copyState(state),pos:off+tree.length};for(let i=tree.children.length-1;i>=0;i--){let child=tree.children[i],pos=off+tree.positions[i],found=child instanceof _lezer_common__WEBPACK_IMPORTED_MODULE_0__.PH&&pos=tree.length)return tree;inside||tree.type!=lang.topNode||(inside=!0);for(let i=tree.children.length-1;i>=0;i--){let inner,pos=tree.positions[i],child=tree.children[i];if(posstartPos&&findState(lang,f.tree,0-f.offset,startPos,to);if(found&&(tree=cutTree(lang,f.tree,startPos+f.offset,found.pos+f.offset,!1)))return{state:found.state,tree}}return{state:lang.streamParser.startState(editorState?getIndentUnit(editorState):4),tree:_lezer_common__WEBPACK_IMPORTED_MODULE_0__.PH.empty}}(lang,fragments,from,null==context?void 0:context.state);this.state=state,this.parsedPos=this.chunkStart=from+tree.length;for(let i=0;i=parseEnd?this.finish():context&&this.parsedPos>=context.viewport.to?(context.skipUntilInView(this.parsedPos,parseEnd),this.finish()):null}stopAt(pos){this.stoppedAt=pos}lineAfter(pos){let chunk=this.input.chunk(pos);if(this.input.lineChunks)"\n"==chunk&&(chunk="");else{let eol=chunk.indexOf("\n");eol>-1&&(chunk=chunk.slice(0,eol))}return pos+chunk.length<=this.to?chunk:chunk.slice(0,this.to-pos)}nextLine(){let from=this.parsedPos,line=this.lineAfter(from),end=from+line.length;for(let index=this.rangeIndex;;){let rangeEnd=this.ranges[index].to;if(rangeEnd>=end)break;if(line=line.slice(0,rangeEnd-(end-line.length)),index++,index==this.ranges.length)break;let rangeStart=this.ranges[index].from,after=this.lineAfter(rangeStart);line+=after,end=rangeStart+after.length}return{line,end}}skipGapsTo(pos,offset,side){for(;;){let end=this.ranges[this.rangeIndex].to,offPos=pos+offset;if(side>0?end>offPos:end>=offPos)break;offset+=this.ranges[++this.rangeIndex].from-end}return offset}moveRangeIndex(){for(;this.ranges[this.rangeIndex].to1){from+=offset=this.skipGapsTo(from,offset,1);let len0=this.chunk.length;to+=offset=this.skipGapsTo(to,offset,-1),size+=this.chunk.length-len0}return this.chunk.push(id,from,to,size),offset}parseLine(context){let{line,end}=this.nextLine(),offset=0,{streamParser}=this.lang,stream=new StringStream(line,context?context.state.tabSize:4,context?getIndentUnit(context.state):2);if(stream.eol())streamParser.blankLine(this.state,stream.indentUnit);else for(;!stream.eol();){let token=readToken(streamParser.token,stream,this.state);if(token&&(offset=this.emitToken(this.lang.tokenTable.resolve(token),this.parsedPos+stream.start,this.parsedPos+stream.pos,4,offset)),stream.start>1e4)break}this.parsedPos=end,this.moveRangeIndex(),this.parsedPosstream.start)return result}throw new Error("Stream parser failed to advance stream.")}const noTokens=Object.create(null),typeArray=[_lezer_common__WEBPACK_IMPORTED_MODULE_0__.Z6.none],nodeSet=new _lezer_common__WEBPACK_IMPORTED_MODULE_0__.fI(typeArray),warned=[],byTag=Object.create(null),defaultTable=Object.create(null);for(let[legacyName,name]of[["variable","variableName"],["variable-2","variableName.special"],["string-2","string.special"],["def","variableName.definition"],["tag","tagName"],["attribute","attributeName"],["type","typeName"],["builtin","variableName.standard"],["qualifier","modifier"],["error","invalid"],["header","heading"],["property","propertyName"]])defaultTable[legacyName]=createTokenType(noTokens,name);class TokenTable{constructor(extra){this.extra=extra,this.table=Object.assign(Object.create(null),defaultTable)}resolve(tag){return tag?this.table[tag]||(this.table[tag]=createTokenType(this.extra,tag)):0}}const defaultTokenTable=new TokenTable(noTokens);function warnForPart(part,msg){warned.indexOf(part)>-1||(warned.push(part),console.warn(msg))}function createTokenType(extra,tagStr){let tags$1=[];for(let name of tagStr.split(" ")){let found=[];for(let part of name.split(".")){let value=extra[part]||_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__._A[part];value?"function"==typeof value?found.length?found=found.map(value):warnForPart(part,`Modifier ${part} used at start of tag`):found.length?warnForPart(part,`Tag ${part} used as modifier`):found=Array.isArray(value)?value:[value]:warnForPart(part,`Unknown highlighting tag ${part}`)}for(let tag of found)tags$1.push(tag)}if(!tags$1.length)return 0;let name=tagStr.replace(/ /g,"_"),key=name+" "+tags$1.map((t=>t.id)),known=byTag[key];if(known)return known.id;let type=byTag[key]=_lezer_common__WEBPACK_IMPORTED_MODULE_0__.Z6.define({id:typeArray.length,name,props:[(0,_lezer_highlight__WEBPACK_IMPORTED_MODULE_1__.pn)({[name]:tags$1})]});return typeArray.push(type),type.id}_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.OP.RTL,_codemirror_view__WEBPACK_IMPORTED_MODULE_4__.OP.LTR},"./node_modules/@codemirror/legacy-modes/mode/yaml.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>yaml});var keywordRegex=new RegExp("\\b(("+["true","false","on","off","yes","no"].join(")|(")+"))$","i");const yaml={name:"yaml",token:function(stream,state){var ch=stream.peek(),esc=state.escaped;if(state.escaped=!1,"#"==ch&&(0==stream.pos||/\s/.test(stream.string.charAt(stream.pos-1))))return stream.skipToEnd(),"comment";if(stream.match(/^('([^']|\\.)*'?|"([^"]|\\.)*"?)/))return"string";if(state.literal&&stream.indentation()>state.keyCol)return stream.skipToEnd(),"string";if(state.literal&&(state.literal=!1),stream.sol()){if(state.keyCol=0,state.pair=!1,state.pairStart=!1,stream.match("---"))return"def";if(stream.match("..."))return"def";if(stream.match(/^\s*-\s+/))return"meta"}if(stream.match(/^(\{|\}|\[|\])/))return"{"==ch?state.inlinePairs++:"}"==ch?state.inlinePairs--:"["==ch?state.inlineList++:state.inlineList--,"meta";if(state.inlineList>0&&!esc&&","==ch)return stream.next(),"meta";if(state.inlinePairs>0&&!esc&&","==ch)return state.keyCol=0,state.pair=!1,state.pairStart=!1,stream.next(),"meta";if(state.pairStart){if(stream.match(/^\s*(\||\>)\s*/))return state.literal=!0,"meta";if(stream.match(/^\s*(\&|\*)[a-z0-9\._-]+\b/i))return"variable";if(0==state.inlinePairs&&stream.match(/^\s*-?[0-9\.\,]+\s?$/))return"number";if(state.inlinePairs>0&&stream.match(/^\s*-?[0-9\.\,]+\s?(?=(,|}))/))return"number";if(stream.match(keywordRegex))return"keyword"}return!state.pair&&stream.match(/^\s*(?:[,\[\]{}&*!|>'"%@`][^\s'":]|[^,\[\]{}#&*!|>'"%@`])[^#]*?(?=\s*:($|\s))/)?(state.pair=!0,state.keyCol=stream.indentation(),"atom"):state.pair&&stream.match(/^:\s*/)?(state.pairStart=!0,"meta"):(state.pairStart=!1,state.escaped="\\"==ch,stream.next(),null)},startState:function(){return{pair:!1,pairStart:!1,keyCol:0,inlinePairs:0,inlineList:0,literal:!1,escaped:!1}},languageData:{commentTokens:{line:"#"}}}},"./node_modules/@codemirror/state/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$t:()=>EditorState,EY:()=>Text,FB:()=>RangeValue,Fh:()=>codePointSize,Gu:()=>ChangeDesc,Je:()=>CharCategory,MK:()=>fromCodePoint,Nb:()=>Prec,OF:()=>EditorSelection,Pe:()=>StateEffect,QR:()=>combineConfig,VR:()=>ChangeSet,YH:()=>Annotation,ZX:()=>Transaction,iR:()=>MapMode,kn:()=>findColumn,om:()=>RangeSet,sU:()=>StateField,sj:()=>Facet,vB:()=>RangeSetBuilder,vS:()=>codePointAt,y$:()=>countColumn,zK:()=>findClusterBreak});class Text{lineAt(pos){if(pos<0||pos>this.length)throw new RangeError(`Invalid position ${pos} in document of length ${this.length}`);return this.lineInner(pos,!1,1,0)}line(n){if(n<1||n>this.lines)throw new RangeError(`Invalid line number ${n} in ${this.lines}-line document`);return this.lineInner(n,!0,1,0)}replace(from,to,text){[from,to]=clip(this,from,to);let parts=[];return this.decompose(0,from,parts,2),text.length&&text.decompose(0,text.length,parts,3),this.decompose(to,this.length,parts,1),TextNode.from(parts,this.length-(to-from)+text.length)}append(other){return this.replace(this.length,this.length,other)}slice(from,to=this.length){[from,to]=clip(this,from,to);let parts=[];return this.decompose(from,to,parts,0),TextNode.from(parts,to-from)}eq(other){if(other==this)return!0;if(other.length!=this.length||other.lines!=this.lines)return!1;let start=this.scanIdentical(other,1),end=this.length-this.scanIdentical(other,-1),a=new RawTextCursor(this),b=new RawTextCursor(other);for(let skip=start,pos=start;;){if(a.next(skip),b.next(skip),skip=0,a.lineBreak!=b.lineBreak||a.done!=b.done||a.value!=b.value)return!1;if(pos+=a.value.length,a.done||pos>=end)return!0}}iter(dir=1){return new RawTextCursor(this,dir)}iterRange(from,to=this.length){return new PartialTextCursor(this,from,to)}iterLines(from,to){let inner;if(null==from)inner=this.iter();else{null==to&&(to=this.lines+1);let start=this.line(from).from;inner=this.iterRange(start,Math.max(start,to==this.lines+1?this.length:to<=1?0:this.line(to-1).to))}return new LineCursor(inner)}toString(){return this.sliceString(0)}toJSON(){let lines=[];return this.flatten(lines),lines}constructor(){}static of(text){if(0==text.length)throw new RangeError("A document must have at least one line");return 1!=text.length||text[0]?text.length<=32?new TextLeaf(text):TextNode.from(TextLeaf.split(text,[])):Text.empty}}class TextLeaf extends Text{constructor(text,length=function textLength(text){let length=-1;for(let line of text)length+=line.length+1;return length}(text)){super(),this.text=text,this.length=length}get lines(){return this.text.length}get children(){return null}lineInner(target,isLine,line,offset){for(let i=0;;i++){let string=this.text[i],end=offset+string.length;if((isLine?line:end)>=target)return new Line(offset,end,line,string);offset=end+1,line++}}decompose(from,to,target,open){let text=from<=0&&to>=this.length?this:new TextLeaf(sliceText(this.text,from,to),Math.min(to,this.length)-Math.max(0,from));if(1&open){let prev=target.pop(),joined=appendText(text.text,prev.text.slice(),0,text.length);if(joined.length<=32)target.push(new TextLeaf(joined,prev.length+text.length));else{let mid=joined.length>>1;target.push(new TextLeaf(joined.slice(0,mid)),new TextLeaf(joined.slice(mid)))}}else target.push(text)}replace(from,to,text){if(!(text instanceof TextLeaf))return super.replace(from,to,text);[from,to]=clip(this,from,to);let lines=appendText(this.text,appendText(text.text,sliceText(this.text,0,from)),to),newLen=this.length+text.length-(to-from);return lines.length<=32?new TextLeaf(lines,newLen):TextNode.from(TextLeaf.split(lines,[]),newLen)}sliceString(from,to=this.length,lineSep="\n"){[from,to]=clip(this,from,to);let result="";for(let pos=0,i=0;pos<=to&&ifrom&&i&&(result+=lineSep),frompos&&(result+=line.slice(Math.max(0,from-pos),to-pos)),pos=end+1}return result}flatten(target){for(let line of this.text)target.push(line)}scanIdentical(){return 0}static split(text,target){let part=[],len=-1;for(let line of text)part.push(line),len+=line.length+1,32==part.length&&(target.push(new TextLeaf(part,len)),part=[],len=-1);return len>-1&&target.push(new TextLeaf(part,len)),target}}class TextNode extends Text{constructor(children,length){super(),this.children=children,this.length=length,this.lines=0;for(let child of children)this.lines+=child.lines}lineInner(target,isLine,line,offset){for(let i=0;;i++){let child=this.children[i],end=offset+child.length,endLine=line+child.lines-1;if((isLine?endLine:end)>=target)return child.lineInner(target,isLine,line,offset);offset=end+1,line=endLine+1}}decompose(from,to,target,open){for(let i=0,pos=0;pos<=to&&i=pos){let childOpen=open&((pos<=from?1:0)|(end>=to?2:0));pos>=from&&end<=to&&!childOpen?target.push(child):child.decompose(from-pos,to-pos,target,childOpen)}pos=end+1}}replace(from,to,text){if([from,to]=clip(this,from,to),text.lines=pos&&to<=end){let updated=child.replace(from-pos,to-pos,text),totalLines=this.lines-child.lines+updated.lines;if(updated.lines>4&&updated.lines>totalLines>>6){let copy=this.children.slice();return copy[i]=updated,new TextNode(copy,this.length-(to-from)+text.length)}return super.replace(pos,end,updated)}pos=end+1}return super.replace(from,to,text)}sliceString(from,to=this.length,lineSep="\n"){[from,to]=clip(this,from,to);let result="";for(let i=0,pos=0;ifrom&&i&&(result+=lineSep),frompos&&(result+=child.sliceString(from-pos,to-pos,lineSep)),pos=end+1}return result}flatten(target){for(let child of this.children)child.flatten(target)}scanIdentical(other,dir){if(!(other instanceof TextNode))return 0;let length=0,[iA,iB,eA,eB]=dir>0?[0,0,this.children.length,other.children.length]:[this.children.length-1,other.children.length-1,-1,-1];for(;;iA+=dir,iB+=dir){if(iA==eA||iB==eB)return length;let chA=this.children[iA],chB=other.children[iB];if(chA!=chB)return length+chA.scanIdentical(chB,dir);length+=chA.length+1}}static from(children,length=children.reduce(((l,ch)=>l+ch.length+1),-1)){let lines=0;for(let ch of children)lines+=ch.lines;if(lines<32){let flat=[];for(let ch of children)ch.flatten(flat);return new TextLeaf(flat,length)}let chunk=Math.max(32,lines>>5),maxChunk=chunk<<1,minChunk=chunk>>1,chunked=[],currentLines=0,currentLen=-1,currentChunk=[];function add(child){let last;if(child.lines>maxChunk&&child instanceof TextNode)for(let node of child.children)add(node);else child.lines>minChunk&&(currentLines>minChunk||!currentLines)?(flush(),chunked.push(child)):child instanceof TextLeaf&¤tLines&&(last=currentChunk[currentChunk.length-1])instanceof TextLeaf&&child.lines+last.lines<=32?(currentLines+=child.lines,currentLen+=child.length+1,currentChunk[currentChunk.length-1]=new TextLeaf(last.text.concat(child.text),last.length+1+child.length)):(currentLines+child.lines>chunk&&flush(),currentLines+=child.lines,currentLen+=child.length+1,currentChunk.push(child))}function flush(){0!=currentLines&&(chunked.push(1==currentChunk.length?currentChunk[0]:TextNode.from(currentChunk,currentLen)),currentLen=-1,currentLines=currentChunk.length=0)}for(let child of children)add(child);return flush(),1==chunked.length?chunked[0]:new TextNode(chunked,length)}}function appendText(text,target,from=0,to=1e9){for(let pos=0,i=0,first=!0;i=from&&(end>to&&(line=line.slice(0,to-pos)),pos0?1:(text instanceof TextLeaf?text.text.length:text.children.length)<<1]}nextInner(skip,dir){for(this.done=this.lineBreak=!1;;){let last=this.nodes.length-1,top=this.nodes[last],offsetValue=this.offsets[last],offset=offsetValue>>1,size=top instanceof TextLeaf?top.text.length:top.children.length;if(offset==(dir>0?size:0)){if(0==last)return this.done=!0,this.value="",this;dir>0&&this.offsets[last-1]++,this.nodes.pop(),this.offsets.pop()}else if((1&offsetValue)==(dir>0?0:1)){if(this.offsets[last]+=dir,0==skip)return this.lineBreak=!0,this.value="\n",this;skip--}else if(top instanceof TextLeaf){let next=top.text[offset+(dir<0?-1:0)];if(this.offsets[last]+=dir,next.length>Math.max(0,skip))return this.value=0==skip?next:dir>0?next.slice(skip):next.slice(0,next.length-skip),this;skip-=next.length}else{let next=top.children[offset+(dir<0?-1:0)];skip>next.length?(skip-=next.length,this.offsets[last]+=dir):(dir<0&&this.offsets[last]--,this.nodes.push(next),this.offsets.push(dir>0?1:(next instanceof TextLeaf?next.text.length:next.children.length)<<1))}}}next(skip=0){return skip<0&&(this.nextInner(-skip,-this.dir),skip=this.value.length),this.nextInner(skip,this.dir)}}class PartialTextCursor{constructor(text,start,end){this.value="",this.done=!1,this.cursor=new RawTextCursor(text,start>end?-1:1),this.pos=start>end?text.length:0,this.from=Math.min(start,end),this.to=Math.max(start,end)}nextInner(skip,dir){if(dir<0?this.pos<=this.from:this.pos>=this.to)return this.value="",this.done=!0,this;skip+=Math.max(0,dir<0?this.pos-this.to:this.from-this.pos);let limit=dir<0?this.pos-this.from:this.to-this.pos;skip>limit&&(skip=limit),limit-=skip;let{value}=this.cursor.next(skip);return this.pos+=(value.length+skip)*dir,this.value=value.length<=limit?value:dir<0?value.slice(value.length-limit):value.slice(0,limit),this.done=!this.value,this}next(skip=0){return skip<0?skip=Math.max(skip,this.from-this.pos):skip>0&&(skip=Math.min(skip,this.to-this.pos)),this.nextInner(skip,this.cursor.dir)}get lineBreak(){return this.cursor.lineBreak&&""!=this.value}}class LineCursor{constructor(inner){this.inner=inner,this.afterBreak=!0,this.value="",this.done=!1}next(skip=0){let{done,lineBreak,value}=this.inner.next(skip);return done&&this.afterBreak?(this.value="",this.afterBreak=!1):done?(this.done=!0,this.value=""):lineBreak?this.afterBreak?this.value="":(this.afterBreak=!0,this.next()):(this.value=value,this.afterBreak=!1),this}get lineBreak(){return!1}}"undefined"!=typeof Symbol&&(Text.prototype[Symbol.iterator]=function(){return this.iter()},RawTextCursor.prototype[Symbol.iterator]=PartialTextCursor.prototype[Symbol.iterator]=LineCursor.prototype[Symbol.iterator]=function(){return this});class Line{constructor(from,to,number,text){this.from=from,this.to=to,this.number=number,this.text=text}get length(){return this.to-this.from}}function clip(text,from,to){return[from=Math.max(0,Math.min(text.length,from)),Math.max(from,Math.min(text.length,to))]}let extend="lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s=>s?parseInt(s,36):1));for(let i=1;icode)return extend[i-1]<=code;return!1}function isRegionalIndicator(code){return code>=127462&&code<=127487}const ZWJ=8205;function findClusterBreak(str,pos,forward=!0,includeExtending=!0){return(forward?nextClusterBreak:prevClusterBreak)(str,pos,includeExtending)}function nextClusterBreak(str,pos,includeExtending){if(pos==str.length)return pos;pos&&surrogateLow(str.charCodeAt(pos))&&surrogateHigh(str.charCodeAt(pos-1))&&pos--;let prev=codePointAt(str,pos);for(pos+=codePointSize(prev);pos=0&&isRegionalIndicator(codePointAt(str,i));)countBefore++,i-=2;if(countBefore%2==0)break;pos+=2}}}return pos}function prevClusterBreak(str,pos,includeExtending){for(;pos>0;){let found=nextClusterBreak(str,pos-2,includeExtending);if(found=56320&&ch<57344}function surrogateHigh(ch){return ch>=55296&&ch<56320}function codePointAt(str,pos){let code0=str.charCodeAt(pos);if(!surrogateHigh(code0)||pos+1==str.length)return code0;let code1=str.charCodeAt(pos+1);return surrogateLow(code1)?code1-56320+(code0-55296<<10)+65536:code0}function fromCodePoint(code){return code<=65535?String.fromCharCode(code):(code-=65536,String.fromCharCode(55296+(code>>10),56320+(1023&code)))}function codePointSize(code){return code<65536?1:2}const DefaultSplit=/\r\n?|\n/;var MapMode=function(MapMode){return MapMode[MapMode.Simple=0]="Simple",MapMode[MapMode.TrackDel=1]="TrackDel",MapMode[MapMode.TrackBefore=2]="TrackBefore",MapMode[MapMode.TrackAfter=3]="TrackAfter",MapMode}(MapMode||(MapMode={}));class ChangeDesc{constructor(sections){this.sections=sections}get length(){let result=0;for(let i=0;ipos)return posB+(pos-posA);posB+=len}else{if(mode!=MapMode.Simple&&endA>=pos&&(mode==MapMode.TrackDel&&posApos||mode==MapMode.TrackBefore&&posApos))return null;if(endA>pos||endA==pos&&assoc<0&&!len)return pos==posA||assoc<0?posB:posB+ins;posB+=ins}posA=endA}if(pos>posA)throw new RangeError(`Position ${pos} is out of range for changeset of length ${posA}`);return posB}touchesRange(from,to=from){for(let i=0,pos=0;i=0&&pos<=to&&end>=from)return!(posto)||"cover";pos=end}return!1}toString(){let result="";for(let i=0;i=0?":"+ins:"")}return result}toJSON(){return this.sections}static fromJSON(json){if(!Array.isArray(json)||json.length%2||json.some((a=>"number"!=typeof a)))throw new RangeError("Invalid JSON representation of ChangeDesc");return new ChangeDesc(json)}static create(sections){return new ChangeDesc(sections)}}class ChangeSet extends ChangeDesc{constructor(sections,inserted){super(sections),this.inserted=inserted}apply(doc){if(this.length!=doc.length)throw new RangeError("Applying change set to a document with the wrong length");return iterChanges(this,((fromA,toA,fromB,_toB,text)=>doc=doc.replace(fromB,fromB+(toA-fromA),text)),!1),doc}mapDesc(other,before=!1){return mapSet(this,other,before,!0)}invert(doc){let sections=this.sections.slice(),inserted=[];for(let i=0,pos=0;i=0){sections[i]=ins,sections[i+1]=len;let index=i>>1;for(;inserted.length0&&addInsert(resultInserted,resultSections,iter.text),iter.forward(len),pos+=len}let end=ranges[i++];for(;pos>1].toJSON()))}return parts}static of(changes,length,lineSep){let sections=[],inserted=[],pos=0,total=null;function flush(force=!1){if(!force&&!sections.length)return;posto||from<0||to>length)throw new RangeError(`Invalid change range ${from} to ${to} (in doc of length ${length})`);let insText=insert?"string"==typeof insert?Text.of(insert.split(lineSep||DefaultSplit)):insert:Text.empty,insLen=insText.length;if(from==to&&0==insLen)return;frompos&&addSection(sections,from-pos,-1),addSection(sections,to-from,insLen),addInsert(inserted,sections,insText),pos=to}}(changes),flush(!total),total}static empty(length){return new ChangeSet(length?[length,-1]:[],[])}static fromJSON(json){if(!Array.isArray(json))throw new RangeError("Invalid JSON representation of ChangeSet");let sections=[],inserted=[];for(let i=0;ii&&"string"!=typeof e)))throw new RangeError("Invalid JSON representation of ChangeSet");if(1==part.length)sections.push(part[0],0);else{for(;inserted.length=0&&ins<=0&&ins==sections[last+1]?sections[last]+=len:0==len&&0==sections[last]?sections[last+1]+=ins:forceJoin?(sections[last]+=len,sections[last+1]+=ins):sections.push(len,ins)}function addInsert(values,sections,value){if(0==value.length)return;let index=sections.length-2>>1;if(index>1])),!(individual||i==desc.sections.length||desc.sections[i+1]<0);)len=desc.sections[i++],ins=desc.sections[i++];f(posA,endA,posB,endB,text),posA=endA,posB=endB}}}function mapSet(setA,setB,before,mkSet=!1){let sections=[],insert=mkSet?[]:null,a=new SectionIter(setA),b=new SectionIter(setB);for(let inserted=-1;;)if(-1==a.ins&&-1==b.ins){let len=Math.min(a.len,b.len);addSection(sections,len,-1),a.forward(len),b.forward(len)}else if(b.ins>=0&&(a.ins<0||inserted==a.i||0==a.off&&(b.len=0&&inserted=0)){if(a.done&&b.done)return insert?ChangeSet.createSet(sections,insert):ChangeDesc.create(sections);throw new Error("Mismatched change set lengths")}{let len=0,left=a.len;for(;left;)if(-1==b.ins){let piece=Math.min(left,b.len);len+=piece,left-=piece,b.forward(piece)}else{if(!(0==b.ins&&b.lenlen||b.ins>=0&&b.len>len)&&(open||sections.length>sectionLen),a.forward2(len),b.forward(len)}}else addSection(sections,0,b.ins,open),insert&&addInsert(insert,sections,b.text),b.next()}}class SectionIter{constructor(set){this.set=set,this.i=0,this.next()}next(){let{sections}=this.set;this.i>1;return index>=inserted.length?Text.empty:inserted[index]}textBit(len){let{inserted}=this.set,index=this.i-2>>1;return index>=inserted.length&&!len?Text.empty:inserted[index].slice(this.off,null==len?void 0:this.off+len)}forward(len){len==this.len?this.next():(this.len-=len,this.off+=len)}forward2(len){-1==this.ins?this.forward(len):len==this.ins?this.next():(this.ins-=len,this.off+=len)}}class SelectionRange{constructor(from,to,flags){this.from=from,this.to=to,this.flags=flags}get anchor(){return 32&this.flags?this.to:this.from}get head(){return 32&this.flags?this.from:this.to}get empty(){return this.from==this.to}get assoc(){return 8&this.flags?-1:16&this.flags?1:0}get bidiLevel(){let level=7&this.flags;return 7==level?null:level}get goalColumn(){let value=this.flags>>6;return 16777215==value?void 0:value}map(change,assoc=-1){let from,to;return this.empty?from=to=change.mapPos(this.from,assoc):(from=change.mapPos(this.from,1),to=change.mapPos(this.to,-1)),from==this.from&&to==this.to?this:new SelectionRange(from,to,this.flags)}extend(from,to=from){if(from<=this.anchor&&to>=this.anchor)return EditorSelection.range(from,to);let head=Math.abs(from-this.anchor)>Math.abs(to-this.anchor)?from:to;return EditorSelection.range(this.anchor,head)}eq(other,includeAssoc=!1){return!(this.anchor!=other.anchor||this.head!=other.head||includeAssoc&&this.empty&&this.assoc!=other.assoc)}toJSON(){return{anchor:this.anchor,head:this.head}}static fromJSON(json){if(!json||"number"!=typeof json.anchor||"number"!=typeof json.head)throw new RangeError("Invalid JSON representation for SelectionRange");return EditorSelection.range(json.anchor,json.head)}static create(from,to,flags){return new SelectionRange(from,to,flags)}}class EditorSelection{constructor(ranges,mainIndex){this.ranges=ranges,this.mainIndex=mainIndex}map(change,assoc=-1){return change.empty?this:EditorSelection.create(this.ranges.map((r=>r.map(change,assoc))),this.mainIndex)}eq(other,includeAssoc=!1){if(this.ranges.length!=other.ranges.length||this.mainIndex!=other.mainIndex)return!1;for(let i=0;ir.toJSON())),main:this.mainIndex}}static fromJSON(json){if(!json||!Array.isArray(json.ranges)||"number"!=typeof json.main||json.main>=json.ranges.length)throw new RangeError("Invalid JSON representation for EditorSelection");return new EditorSelection(json.ranges.map((r=>SelectionRange.fromJSON(r))),json.main)}static single(anchor,head=anchor){return new EditorSelection([EditorSelection.range(anchor,head)],0)}static create(ranges,mainIndex=0){if(0==ranges.length)throw new RangeError("A selection needs at least one range");for(let pos=0,i=0;ianchor?8:0)|flags)}static normalized(ranges,mainIndex=0){let main=ranges[mainIndex];ranges.sort(((a,b)=>a.from-b.from)),mainIndex=ranges.indexOf(main);for(let i=1;irange.head?EditorSelection.range(to,from):EditorSelection.range(from,to))}}return new EditorSelection(ranges,mainIndex)}}function checkSelection(selection,docLength){for(let range of selection.ranges)if(range.to>docLength)throw new RangeError("Selection points outside of document")}let nextID=0;class Facet{constructor(combine,compareInput,compare,isStatic,enables){this.combine=combine,this.compareInput=compareInput,this.compare=compare,this.isStatic=isStatic,this.id=nextID++,this.default=combine([]),this.extensions="function"==typeof enables?enables(this):enables}get reader(){return this}static define(config={}){return new Facet(config.combine||(a=>a),config.compareInput||((a,b)=>a===b),config.compare||(config.combine?(a,b)=>a===b:sameArray),!!config.static,config.enables)}of(value){return new FacetProvider([],this,0,value)}compute(deps,get){if(this.isStatic)throw new Error("Can't compute a static facet");return new FacetProvider(deps,this,1,get)}computeN(deps,get){if(this.isStatic)throw new Error("Can't compute a static facet");return new FacetProvider(deps,this,2,get)}from(field,get){return get||(get=x=>x),this.compute([field],(state=>get(state.field(field))))}}function sameArray(a,b){return a==b||a.length==b.length&&a.every(((e,i)=>e===b[i]))}class FacetProvider{constructor(dependencies,facet,type,value){this.dependencies=dependencies,this.facet=facet,this.type=type,this.value=value,this.id=nextID++}dynamicSlot(addresses){var _a;let getter=this.value,compare=this.facet.compareInput,id=this.id,idx=addresses[id]>>1,multi=2==this.type,depDoc=!1,depSel=!1,depAddrs=[];for(let dep of this.dependencies)"doc"==dep?depDoc=!0:"selection"==dep?depSel=!0:1&(null!==(_a=addresses[dep.id])&&void 0!==_a?_a:1)||depAddrs.push(addresses[dep.id]);return{create:state=>(state.values[idx]=getter(state),1),update(state,tr){if(depDoc&&tr.docChanged||depSel&&(tr.docChanged||tr.selection)||ensureAll(state,depAddrs)){let newVal=getter(state);if(multi?!compareArray(newVal,state.values[idx],compare):!compare(newVal,state.values[idx]))return state.values[idx]=newVal,1}return 0},reconfigure:(state,oldState)=>{let newVal,oldAddr=oldState.config.address[id];if(null!=oldAddr){let oldVal=getAddr(oldState,oldAddr);if(this.dependencies.every((dep=>dep instanceof Facet?oldState.facet(dep)===state.facet(dep):!(dep instanceof StateField)||oldState.field(dep,!1)==state.field(dep,!1)))||(multi?compareArray(newVal=getter(state),oldVal,compare):compare(newVal=getter(state),oldVal)))return state.values[idx]=oldVal,0}else newVal=getter(state);return state.values[idx]=newVal,1}}}}function compareArray(a,b,compare){if(a.length!=b.length)return!1;for(let i=0;iaddresses[p.id])),providerTypes=providers.map((p=>p.type)),dynamic=providerAddrs.filter((p=>!(1&p))),idx=addresses[facet.id]>>1;function get(state){let values=[];for(let i=0;ia===b),config);return config.provide&&(field.provides=config.provide(field)),field}create(state){let init=state.facet(initField).find((i=>i.field==this));return((null==init?void 0:init.create)||this.createF)(state)}slot(addresses){let idx=addresses[this.id]>>1;return{create:state=>(state.values[idx]=this.create(state),1),update:(state,tr)=>{let oldVal=state.values[idx],value=this.updateF(oldVal,tr);return this.compareF(oldVal,value)?0:(state.values[idx]=value,1)},reconfigure:(state,oldState)=>null!=oldState.config.address[this.id]?(state.values[idx]=oldState.field(this),0):(state.values[idx]=this.create(state),1)}}init(create){return[this,initField.of({field:this,create})]}get extension(){return this}}const Prec__lowest=4,Prec__low=3,Prec__default=2,Prec__high=1;function prec(value){return ext=>new PrecExtension(ext,value)}const Prec={highest:prec(0),high:prec(Prec__high),default:prec(Prec__default),low:prec(Prec__low),lowest:prec(Prec__lowest)};class PrecExtension{constructor(inner,prec){this.inner=inner,this.prec=prec}}class Compartment{of(ext){return new CompartmentInstance(this,ext)}reconfigure(content){return Compartment.reconfigure.of({compartment:this,extension:content})}get(state){return state.config.compartments.get(this)}}class CompartmentInstance{constructor(compartment,inner){this.compartment=compartment,this.inner=inner}}class Configuration{constructor(base,compartments,dynamicSlots,address,staticValues,facets){for(this.base=base,this.compartments=compartments,this.dynamicSlots=dynamicSlots,this.address=address,this.staticValues=staticValues,this.facets=facets,this.statusTemplate=[];this.statusTemplate.length>1]}static resolve(base,compartments,oldState){let fields=[],facets=Object.create(null),newCompartments=new Map;for(let ext of function flatten(extension,compartments,newCompartments){let result=[[],[],[],[],[]],seen=new Map;function inner(ext,prec){let known=seen.get(ext);if(null!=known){if(known<=prec)return;let found=result[known].indexOf(ext);found>-1&&result[known].splice(found,1),ext instanceof CompartmentInstance&&newCompartments.delete(ext.compartment)}if(seen.set(ext,prec),Array.isArray(ext))for(let e of ext)inner(e,prec);else if(ext instanceof CompartmentInstance){if(newCompartments.has(ext.compartment))throw new RangeError("Duplicate use of compartment in extensions");let content=compartments.get(ext.compartment)||ext.inner;newCompartments.set(ext.compartment,content),inner(content,prec)}else if(ext instanceof PrecExtension)inner(ext.inner,ext.prec);else if(ext instanceof StateField)result[prec].push(ext),ext.provides&&inner(ext.provides,prec);else if(ext instanceof FacetProvider)result[prec].push(ext),ext.facet.extensions&&inner(ext.facet.extensions,Prec__default);else{let content=ext.extension;if(!content)throw new Error(`Unrecognized extension value in extension set (${ext}). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks.`);inner(content,prec)}}return inner(extension,Prec__default),result.reduce(((a,b)=>a.concat(b)))}(base,compartments,newCompartments))ext instanceof StateField?fields.push(ext):(facets[ext.facet.id]||(facets[ext.facet.id]=[])).push(ext);let address=Object.create(null),staticValues=[],dynamicSlots=[];for(let field of fields)address[field.id]=dynamicSlots.length<<1,dynamicSlots.push((a=>field.slot(a)));let oldFacets=null==oldState?void 0:oldState.config.facets;for(let id in facets){let providers=facets[id],facet=providers[0].facet,oldProviders=oldFacets&&oldFacets[id]||[];if(providers.every((p=>0==p.type)))if(address[facet.id]=staticValues.length<<1|1,sameArray(oldProviders,providers))staticValues.push(oldState.facet(facet));else{let value=facet.combine(providers.map((p=>p.value)));staticValues.push(oldState&&facet.compare(value,oldState.facet(facet))?oldState.facet(facet):value)}else{for(let p of providers)0==p.type?(address[p.id]=staticValues.length<<1|1,staticValues.push(p.value)):(address[p.id]=dynamicSlots.length<<1,dynamicSlots.push((a=>p.dynamicSlot(a))));address[facet.id]=dynamicSlots.length<<1,dynamicSlots.push((a=>dynamicFacetSlot(a,facet,providers)))}}let dynamic=dynamicSlots.map((f=>f(address)));return new Configuration(base,newCompartments,dynamic,address,staticValues,facets)}}function ensureAddr(state,addr){if(1&addr)return 2;let idx=addr>>1,status=state.status[idx];if(4==status)throw new Error("Cyclic dependency between fields and/or facets");if(2&status)return status;state.status[idx]=4;let changed=state.computeSlot(state,state.config.dynamicSlots[idx]);return state.status[idx]=2|changed}function getAddr(state,addr){return 1&addr?state.config.staticValues[addr>>1]:state.values[addr>>1]}const languageData=Facet.define(),allowMultipleSelections=Facet.define({combine:values=>values.some((v=>v)),static:!0}),lineSeparator=Facet.define({combine:values=>values.length?values[0]:void 0,static:!0}),changeFilter=Facet.define(),transactionFilter=Facet.define(),transactionExtender=Facet.define(),readOnly=Facet.define({combine:values=>!!values.length&&values[0]});class Annotation{constructor(type,value){this.type=type,this.value=value}static define(){return new AnnotationType}}class AnnotationType{of(value){return new Annotation(this,value)}}class StateEffectType{constructor(map){this.map=map}of(value){return new StateEffect(this,value)}}class StateEffect{constructor(type,value){this.type=type,this.value=value}map(mapping){let mapped=this.type.map(this.value,mapping);return void 0===mapped?void 0:mapped==this.value?this:new StateEffect(this.type,mapped)}is(type){return this.type==type}static define(spec={}){return new StateEffectType(spec.map||(v=>v))}static mapEffects(effects,mapping){if(!effects.length)return effects;let result=[];for(let effect of effects){let mapped=effect.map(mapping);mapped&&result.push(mapped)}return result}}StateEffect.reconfigure=StateEffect.define(),StateEffect.appendConfig=StateEffect.define();class Transaction{constructor(startState,changes,selection,effects,annotations,scrollIntoView){this.startState=startState,this.changes=changes,this.selection=selection,this.effects=effects,this.annotations=annotations,this.scrollIntoView=scrollIntoView,this._doc=null,this._state=null,selection&&checkSelection(selection,changes.newLength),annotations.some((a=>a.type==Transaction.time))||(this.annotations=annotations.concat(Transaction.time.of(Date.now())))}static create(startState,changes,selection,effects,annotations,scrollIntoView){return new Transaction(startState,changes,selection,effects,annotations,scrollIntoView)}get newDoc(){return this._doc||(this._doc=this.changes.apply(this.startState.doc))}get newSelection(){return this.selection||this.startState.selection.map(this.changes)}get state(){return this._state||this.startState.applyTransaction(this),this._state}annotation(type){for(let ann of this.annotations)if(ann.type==type)return ann.value}get docChanged(){return!this.changes.empty}get reconfigured(){return this.startState.config!=this.state.config}isUserEvent(event){let e=this.annotation(Transaction.userEvent);return!(!e||!(e==event||e.length>event.length&&e.slice(0,event.length)==event&&"."==e[event.length]))}}function joinRanges(a,b){let result=[];for(let iA=0,iB=0;;){let from,to;if(iA=a[iA]))from=a[iA++],to=a[iA++];else{if(!(iB=0;i--){let extension=extenders[i](tr);extension&&Object.keys(extension).length&&(spec=mergeTransaction(spec,resolveTransactionInner(state,extension,tr.changes.newLength),!0))}return spec==tr?tr:Transaction.create(state,tr.changes,tr.selection,spec.effects,spec.annotations,spec.scrollIntoView)}(filter?function filterTransaction(tr){let state=tr.startState,result=!0;for(let filter of state.facet(changeFilter)){let value=filter(tr);if(!1===value){result=!1;break}Array.isArray(value)&&(result=!0===result?value:joinRanges(result,value))}if(!0!==result){let changes,back;if(!1===result)back=tr.changes.invertedDesc,changes=ChangeSet.empty(state.doc.length);else{let filtered=tr.changes.filter(result);changes=filtered.changes,back=filtered.filtered.mapDesc(filtered.changes).invertedDesc}tr=Transaction.create(state,changes,tr.selection&&tr.selection.map(back),StateEffect.mapEffects(tr.effects,back),tr.annotations,tr.scrollIntoView)}let filters=state.facet(transactionFilter);for(let i=filters.length-1;i>=0;i--){let filtered=filters[i](tr);tr=filtered instanceof Transaction?filtered:Array.isArray(filtered)&&1==filtered.length&&filtered[0]instanceof Transaction?filtered[0]:resolveTransaction(state,asArray(filtered),!1)}return tr}(tr):tr)}Transaction.time=Annotation.define(),Transaction.userEvent=Annotation.define(),Transaction.addToHistory=Annotation.define(),Transaction.remote=Annotation.define();const none=[];function asArray(value){return null==value?none:Array.isArray(value)?value:[value]}var CharCategory=function(CharCategory){return CharCategory[CharCategory.Word=0]="Word",CharCategory[CharCategory.Space=1]="Space",CharCategory[CharCategory.Other=2]="Other",CharCategory}(CharCategory||(CharCategory={}));const nonASCIISingleCaseWordChar=/[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;let wordChar;try{wordChar=new RegExp("[\\p{Alphabetic}\\p{Number}_]","u")}catch(_){}function makeCategorizer(wordChars){return char=>{if(!/\S/.test(char))return CharCategory.Space;if(function hasWordChar(str){if(wordChar)return wordChar.test(str);for(let i=0;i""&&(ch.toUpperCase()!=ch.toLowerCase()||nonASCIISingleCaseWordChar.test(ch)))return!0}return!1}(char))return CharCategory.Word;for(let i=0;i-1)return CharCategory.Word;return CharCategory.Other}}class EditorState{constructor(config,doc,selection,values,computeSlot,tr){this.config=config,this.doc=doc,this.selection=selection,this.values=values,this.status=config.statusTemplate.slice(),this.computeSlot=computeSlot,tr&&(tr._state=this);for(let i=0;icompartments.set(key,val))),conf=null),compartments.set(effect.value.compartment,effect.value.extension)):effect.is(StateEffect.reconfigure)?(conf=null,base=effect.value):effect.is(StateEffect.appendConfig)&&(conf=null,base=asArray(base).concat(effect.value));if(conf)startValues=tr.startState.values.slice();else{conf=Configuration.resolve(base,compartments,this),startValues=new EditorState(conf,this.doc,this.selection,conf.dynamicSlots.map((()=>null)),((state,slot)=>slot.reconfigure(state,this)),null).values}let selection=tr.startState.facet(allowMultipleSelections)?tr.newSelection:tr.newSelection.asSingle();new EditorState(conf,tr.newDoc,selection,startValues,((state,slot)=>slot.update(state,tr)),tr)}replaceSelection(text){return"string"==typeof text&&(text=this.toText(text)),this.changeByRange((range=>({changes:{from:range.from,to:range.to,insert:text},range:EditorSelection.cursor(range.from+text.length)})))}changeByRange(f){let sel=this.selection,result1=f(sel.ranges[0]),changes=this.changes(result1.changes),ranges=[result1.range],effects=asArray(result1.effects);for(let i=1;ifield.spec.fromJSON(value,state))))}return EditorState.create({doc:json.doc,selection:EditorSelection.fromJSON(json.selection),extensions:config.extensions?fieldInit.concat([config.extensions]):fieldInit})}static create(config={}){let configuration=Configuration.resolve(config.extensions||[],new Map),doc=config.doc instanceof Text?config.doc:Text.of((config.doc||"").split(configuration.staticFacet(EditorState.lineSeparator)||DefaultSplit)),selection=config.selection?config.selection instanceof EditorSelection?config.selection:EditorSelection.single(config.selection.anchor,config.selection.head):EditorSelection.single(0);return checkSelection(selection,doc.length),configuration.staticFacet(allowMultipleSelections)||(selection=selection.asSingle()),new EditorState(configuration,doc,selection,configuration.dynamicSlots.map((()=>null)),((state,slot)=>slot.create(state)),null)}get tabSize(){return this.facet(EditorState.tabSize)}get lineBreak(){return this.facet(EditorState.lineSeparator)||"\n"}get readOnly(){return this.facet(readOnly)}phrase(phrase,...insert){for(let map of this.facet(EditorState.phrases))if(Object.prototype.hasOwnProperty.call(map,phrase)){phrase=map[phrase];break}return insert.length&&(phrase=phrase.replace(/\$(\$|\d*)/g,((m,i)=>{if("$"==i)return"$";let n=+(i||1);return!n||n>insert.length?m:insert[n-1]}))),phrase}languageDataAt(name,pos,side=-1){let values=[];for(let provider of this.facet(languageData))for(let result of provider(this,pos,side))Object.prototype.hasOwnProperty.call(result,name)&&values.push(result[name]);return values}charCategorizer(at){return makeCategorizer(this.languageDataAt("wordChars",at).join(""))}wordAt(pos){let{text,from,length}=this.doc.lineAt(pos),cat=this.charCategorizer(pos),start=pos-from,end=pos-from;for(;start>0;){let prev=findClusterBreak(text,start,!1);if(cat(text.slice(prev,start))!=CharCategory.Word)break;start=prev}for(;endvalues.length?values[0]:4}),EditorState.lineSeparator=lineSeparator,EditorState.readOnly=readOnly,EditorState.phrases=Facet.define({compare(a,b){let kA=Object.keys(a),kB=Object.keys(b);return kA.length==kB.length&&kA.every((k=>a[k]==b[k]))}}),EditorState.languageData=languageData,EditorState.changeFilter=changeFilter,EditorState.transactionFilter=transactionFilter,EditorState.transactionExtender=transactionExtender,Compartment.reconfigure=StateEffect.define();class RangeValue{eq(other){return this==other}range(from,to=from){return Range.create(from,to,this)}}RangeValue.prototype.startSide=RangeValue.prototype.endSide=0,RangeValue.prototype.point=!1,RangeValue.prototype.mapMode=MapMode.TrackDel;class Range{constructor(from,to,value){this.from=from,this.to=to,this.value=value}static create(from,to,value){return new Range(from,to,value)}}function cmpRange(a,b){return a.from-b.from||a.value.startSide-b.value.startSide}class Chunk{constructor(from,to,value,maxPoint){this.from=from,this.to=to,this.value=value,this.maxPoint=maxPoint}get length(){return this.to[this.to.length-1]}findIndex(pos,side,end,startAt=0){let arr=end?this.to:this.from;for(let lo=startAt,hi=arr.length;;){if(lo==hi)return lo;let mid=lo+hi>>1,diff=arr[mid]-pos||(end?this.value[mid].endSide:this.value[mid].startSide)-side;if(mid==lo)return diff>=0?lo:hi;diff>=0?hi=mid:lo=mid+1}}between(offset,from,to,f){for(let i=this.findIndex(from,-1e9,!0),e=this.findIndex(to,1e9,!1,i);inewTo||newFrom==newTo&&val.startSide>0&&val.endSide<=0)continue;(newTo-newFrom||val.endSide-val.startSide)<0||(newPos<0&&(newPos=newFrom),val.point&&(maxPoint=Math.max(maxPoint,newTo-newFrom)),value.push(val),from.push(newFrom-newPos),to.push(newTo-newPos))}return{mapped:value.length?new Chunk(from,to,value,maxPoint):null,pos:newPos}}}class RangeSet{constructor(chunkPos,chunk,nextLayer,maxPoint){this.chunkPos=chunkPos,this.chunk=chunk,this.nextLayer=nextLayer,this.maxPoint=maxPoint}static create(chunkPos,chunk,nextLayer,maxPoint){return new RangeSet(chunkPos,chunk,nextLayer,maxPoint)}get length(){let last=this.chunk.length-1;return last<0?0:Math.max(this.chunkEnd(last),this.nextLayer.length)}get size(){if(this.isEmpty)return 0;let size=this.nextLayer.size;for(let chunk of this.chunk)size+=chunk.value.length;return size}chunkEnd(index){return this.chunkPos[index]+this.chunk[index].length}update(updateSpec){let{add=[],sort=!1,filterFrom=0,filterTo=this.length}=updateSpec,filter=updateSpec.filter;if(0==add.length&&!filter)return this;if(sort&&(add=add.slice().sort(cmpRange)),this.isEmpty)return add.length?RangeSet.of(add):this;let cur=new LayerCursor(this,null,-1).goto(0),i=0,spill=[],builder=new RangeSetBuilder;for(;cur.value||i=0){let range=add[i++];builder.addInner(range.from,range.to,range.value)||spill.push(range)}else 1==cur.rangeIndex&&cur.chunkIndexthis.chunkEnd(cur.chunkIndex)||filterTocur.to||filterTo=start&&from<=start+chunk.length&&!1===chunk.between(start,from-start,to-start,f))return}this.nextLayer.between(from,to,f)}}iter(from=0){return HeapCursor.from([this]).goto(from)}get isEmpty(){return this.nextLayer==this}static iter(sets,from=0){return HeapCursor.from(sets).goto(from)}static compare(oldSets,newSets,textDiff,comparator,minPointSize=-1){let a=oldSets.filter((set=>set.maxPoint>0||!set.isEmpty&&set.maxPoint>=minPointSize)),b=newSets.filter((set=>set.maxPoint>0||!set.isEmpty&&set.maxPoint>=minPointSize)),sharedChunks=findSharedChunks(a,b,textDiff),sideA=new SpanCursor(a,sharedChunks,minPointSize),sideB=new SpanCursor(b,sharedChunks,minPointSize);textDiff.iterGaps(((fromA,fromB,length)=>compare(sideA,fromA,sideB,fromB,length,comparator))),textDiff.empty&&0==textDiff.length&&compare(sideA,0,sideB,0,0,comparator)}static eq(oldSets,newSets,from=0,to){null==to&&(to=999999999);let a=oldSets.filter((set=>!set.isEmpty&&newSets.indexOf(set)<0)),b=newSets.filter((set=>!set.isEmpty&&oldSets.indexOf(set)<0));if(a.length!=b.length)return!1;if(!a.length)return!0;let sharedChunks=findSharedChunks(a,b),sideA=new SpanCursor(a,sharedChunks,0).goto(from),sideB=new SpanCursor(b,sharedChunks,0).goto(from);for(;;){if(sideA.to!=sideB.to||!sameValues(sideA.active,sideB.active)||sideA.point&&(!sideB.point||!sideA.point.eq(sideB.point)))return!1;if(sideA.to>to)return!0;sideA.next(),sideB.next()}}static spans(sets,from,to,iterator,minPointSize=-1){let cursor=new SpanCursor(sets,null,minPointSize).goto(from),pos=from,openRanges=cursor.openStart;for(;;){let curTo=Math.min(cursor.to,to);if(cursor.point){let active=cursor.activeForPoint(cursor.to),openCount=cursor.pointFrompos&&(iterator.span(pos,curTo,cursor.active,openRanges),openRanges=cursor.openEnd(curTo));if(cursor.to>to)return openRanges+(cursor.point&&cursor.to>to?1:0);pos=cursor.to,cursor.next()}}static of(ranges,sort=!1){let build=new RangeSetBuilder;for(let range of ranges instanceof Range?[ranges]:sort?function lazySort(ranges){if(ranges.length>1)for(let prev=ranges[0],i=1;i0)return ranges.slice().sort(cmpRange);prev=cur}return ranges}(ranges):ranges)build.add(range.from,range.to,range.value);return build.finish()}static join(sets){if(!sets.length)return RangeSet.empty;let result=sets[sets.length-1];for(let i=sets.length-2;i>=0;i--)for(let layer=sets[i];layer!=RangeSet.empty;layer=layer.nextLayer)result=new RangeSet(layer.chunkPos,layer.chunk,result,Math.max(layer.maxPoint,result.maxPoint));return result}}RangeSet.empty=new RangeSet([],[],null,-1),RangeSet.empty.nextLayer=RangeSet.empty;class RangeSetBuilder{finishChunk(newArrays){this.chunks.push(new Chunk(this.from,this.to,this.value,this.maxPoint)),this.chunkPos.push(this.chunkStart),this.chunkStart=-1,this.setMaxPoint=Math.max(this.setMaxPoint,this.maxPoint),this.maxPoint=-1,newArrays&&(this.from=[],this.to=[],this.value=[])}constructor(){this.chunks=[],this.chunkPos=[],this.chunkStart=-1,this.last=null,this.lastFrom=-1e9,this.lastTo=-1e9,this.from=[],this.to=[],this.value=[],this.maxPoint=-1,this.setMaxPoint=-1,this.nextLayer=null}add(from,to,value){this.addInner(from,to,value)||(this.nextLayer||(this.nextLayer=new RangeSetBuilder)).add(from,to,value)}addInner(from,to,value){let diff=from-this.lastTo||value.startSide-this.last.endSide;if(diff<=0&&(from-this.lastFrom||value.startSide-this.last.startSide)<0)throw new Error("Ranges must be added sorted by `from` position and `startSide`");return!(diff<0)&&(250==this.from.length&&this.finishChunk(!0),this.chunkStart<0&&(this.chunkStart=from),this.from.push(from-this.chunkStart),this.to.push(to-this.chunkStart),this.last=value,this.lastFrom=from,this.lastTo=to,this.value.push(value),value.point&&(this.maxPoint=Math.max(this.maxPoint,to-from)),!0)}addChunk(from,chunk){if((from-this.lastTo||chunk.value[0].startSide-this.last.endSide)<0)return!1;this.from.length&&this.finishChunk(!0),this.setMaxPoint=Math.max(this.setMaxPoint,chunk.maxPoint),this.chunks.push(chunk),this.chunkPos.push(from);let last=chunk.value.length-1;return this.last=chunk.value[last],this.lastFrom=chunk.from[last]+from,this.lastTo=chunk.to[last]+from,!0}finish(){return this.finishInner(RangeSet.empty)}finishInner(next){if(this.from.length&&this.finishChunk(!1),0==this.chunks.length)return next;let result=RangeSet.create(this.chunkPos,this.chunks,this.nextLayer?this.nextLayer.finishInner(next):next,this.setMaxPoint);return this.from=null,result}}function findSharedChunks(a,b,textDiff){let inA=new Map;for(let set of a)for(let i=0;i=this.minPoint)break}}}setRangeIndex(index){if(index==this.layer.chunk[this.chunkIndex].value.length){if(this.chunkIndex++,this.skip)for(;this.chunkIndex=minPoint&&heap.push(new LayerCursor(cur,skip,minPoint,i));return 1==heap.length?heap[0]:new HeapCursor(heap)}get startSide(){return this.value?this.value.startSide:0}goto(pos,side=-1e9){for(let cur of this.heap)cur.goto(pos,side);for(let i=this.heap.length>>1;i>=0;i--)heapBubble(this.heap,i);return this.next(),this}forward(pos,side){for(let cur of this.heap)cur.forward(pos,side);for(let i=this.heap.length>>1;i>=0;i--)heapBubble(this.heap,i);(this.to-pos||this.value.endSide-side)<0&&this.next()}next(){if(0==this.heap.length)this.from=this.to=1e9,this.value=null,this.rank=-1;else{let top=this.heap[0];this.from=top.from,this.to=top.to,this.value=top.value,this.rank=top.rank,top.value&&top.next(),heapBubble(this.heap,0)}}}function heapBubble(heap,index){for(let cur=heap[index];;){let childIndex=1+(index<<1);if(childIndex>=heap.length)break;let child=heap[childIndex];if(childIndex+1=0&&(child=heap[childIndex+1],childIndex++),cur.compare(child)<0)break;heap[childIndex]=cur,heap[index]=child,index=childIndex}}class SpanCursor{constructor(sets,skip,minPoint){this.minPoint=minPoint,this.active=[],this.activeTo=[],this.activeRank=[],this.minActive=-1,this.point=null,this.pointFrom=0,this.pointRank=0,this.to=-1e9,this.endSide=0,this.openStart=-1,this.cursor=HeapCursor.from(sets,skip,minPoint)}goto(pos,side=-1e9){return this.cursor.goto(pos,side),this.active.length=this.activeTo.length=this.activeRank.length=0,this.minActive=-1,this.to=pos,this.endSide=side,this.openStart=-1,this.next(),this}forward(pos,side){for(;this.minActive>-1&&(this.activeTo[this.minActive]-pos||this.active[this.minActive].endSide-side)<0;)this.removeActive(this.minActive);this.cursor.forward(pos,side)}removeActive(index){remove(this.active,index),remove(this.activeTo,index),remove(this.activeRank,index),this.minActive=findMinIndex(this.active,this.activeTo)}addActive(trackOpen){let i=0,{value,to,rank}=this.cursor;for(;i0;)i++;insert(this.active,i,value),insert(this.activeTo,i,to),insert(this.activeRank,i,rank),trackOpen&&insert(trackOpen,i,this.cursor.from),this.minActive=findMinIndex(this.active,this.activeTo)}next(){let from=this.to,wasPoint=this.point;this.point=null;let trackOpen=this.openStart<0?[]:null;for(;;){let a=this.minActive;if(a>-1&&(this.activeTo[a]-this.cursor.from||this.active[a].endSide-this.cursor.startSide)<0){if(this.activeTo[a]>from){this.to=this.activeTo[a],this.endSide=this.active[a].endSide;break}this.removeActive(a),trackOpen&&remove(trackOpen,a)}else{if(!this.cursor.value){this.to=this.endSide=1e9;break}if(this.cursor.from>from){this.to=this.cursor.from,this.endSide=this.cursor.startSide;break}{let nextVal=this.cursor.value;if(nextVal.point){if(!(wasPoint&&this.cursor.to==this.to&&this.cursor.from=0&&trackOpen[i]=0&&!(this.activeRank[i]to||this.activeTo[i]==to&&this.active[i].endSide>=this.point.endSide)&&active.push(this.active[i]);return active.reverse()}openEnd(to){let open=0;for(let i=this.activeTo.length-1;i>=0&&this.activeTo[i]>to;i--)open++;return open}}function compare(a,startA,b,startB,length,comparator){a.goto(startA),b.goto(startB);let endB=startB+length,pos=startB,dPos=startB-startA;for(;;){let diff=a.to+dPos-b.to||a.endSide-b.endSide,end=diff<0?a.to+dPos:b.to,clipEnd=Math.min(end,endB);if(a.point||b.point?a.point&&b.point&&(a.point==b.point||a.point.eq(b.point))&&sameValues(a.activeForPoint(a.to),b.activeForPoint(b.to))||comparator.comparePoint(pos,clipEnd,a.point,b.point):clipEnd>pos&&!sameValues(a.active,b.active)&&comparator.compareRange(pos,clipEnd,a.active,b.active),end>endB)break;pos=end,diff<=0&&a.next(),diff>=0&&b.next()}}function sameValues(a,b){if(a.length!=b.length)return!1;for(let i=0;i=index;i--)array[i+1]=array[i];array[index]=value}function findMinIndex(value,array){let found=-1,foundPos=1e9;for(let i=0;i=col)return i;if(i==string.length)break;n+=9==string.charCodeAt(i)?tabSize-n%tabSize:1,i=findClusterBreak(string,i)}return!0===strict?-1:string.length}},"./node_modules/@codemirror/view/dist/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{NZ:()=>Decoration,OP:()=>Direction,Lz:()=>EditorView,wJ:()=>GutterMarker,Z9:()=>ViewPlugin,xO:()=>WidgetType,HJ:()=>crosshairCursor,VH:()=>drawSelection,A:()=>dropCursor,ld:()=>getPanel,Eg:()=>getTooltip,cU:()=>gutter,dz:()=>highlightActiveLine,Wu:()=>highlightActiveLineGutter,N$:()=>highlightSpecialChars,Ux:()=>hoverTooltip,w4:()=>keymap,$K:()=>lineNumbers,c_:()=>logException,qf:()=>placeholder,D4:()=>rectangularSelection,TS:()=>runScopeHandlers,S7:()=>showPanel,DK:()=>showTooltip});for(var state_dist=__webpack_require__("./node_modules/@codemirror/state/dist/index.js"),style_mod=__webpack_require__("./node_modules/style-mod/src/style-mod.js"),base={8:"Backspace",9:"Tab",10:"Enter",12:"NumLock",13:"Enter",16:"Shift",17:"Control",18:"Alt",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",44:"PrintScreen",45:"Insert",46:"Delete",59:";",61:"=",91:"Meta",92:"Meta",106:"*",107:"+",108:",",109:"-",110:".",111:"/",144:"NumLock",145:"ScrollLock",160:"Shift",161:"Shift",162:"Control",163:"Control",164:"Alt",165:"Alt",173:"-",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},shift={48:")",49:"!",50:"@",51:"#",52:"$",53:"%",54:"^",55:"&",56:"*",57:"(",59:":",61:"+",173:"_",186:":",187:"+",188:"<",189:"_",190:">",191:"?",192:"~",219:"{",220:"|",221:"}",222:'"'},mac="undefined"!=typeof navigator&&/Mac/.test(navigator.platform),ie="undefined"!=typeof navigator&&/MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent),i=0;i<10;i++)base[48+i]=base[96+i]=String(i);for(i=1;i<=24;i++)base[i+111]="F"+i;for(i=65;i<=90;i++)base[i]=String.fromCharCode(i+32),shift[i]=String.fromCharCode(i);for(var code in base)shift.hasOwnProperty(code)||(shift[code]=base[code]);function getSelection(root){let target;return target=11==root.nodeType?root.getSelection?root:root.ownerDocument:root,target.getSelection()}function contains(dom,node){return!!node&&(dom==node||dom.contains(1!=node.nodeType?node.parentNode:node))}function hasSelection(dom,selection){if(!selection.anchorNode)return!1;try{return contains(dom,selection.anchorNode)}catch(_){return!1}}function clientRectsFor(dom){return 3==dom.nodeType?textRange(dom,0,dom.nodeValue.length).getClientRects():1==dom.nodeType?dom.getClientRects():[]}function isEquivalentPosition(node,off,targetNode,targetOff){return!!targetNode&&(scanFor(node,off,targetNode,targetOff,-1)||scanFor(node,off,targetNode,targetOff,1))}function domIndex(node){for(var index=0;;index++)if(!(node=node.previousSibling))return index}function isBlockElement(node){return 1==node.nodeType&&/^(DIV|P|LI|UL|OL|BLOCKQUOTE|DD|DT|H\d|SECTION|PRE)$/.test(node.nodeName)}function scanFor(node,off,targetNode,targetOff,dir){for(;;){if(node==targetNode&&off==targetOff)return!0;if(off==(dir<0?0:maxOffset(node))){if("DIV"==node.nodeName)return!1;let parent=node.parentNode;if(!parent||1!=parent.nodeType)return!1;off=domIndex(node)+(dir<0?0:1),node=parent}else{if(1!=node.nodeType)return!1;if(1==(node=node.childNodes[off+(dir<0?-1:0)]).nodeType&&"false"==node.contentEditable)return!1;off=dir<0?maxOffset(node):0}}}function maxOffset(node){return 3==node.nodeType?node.nodeValue.length:node.childNodes.length}function flattenRect(rect,left){let x=left?rect.left:rect.right;return{left:x,right:x,top:rect.top,bottom:rect.bottom}}function windowRect(win){let vp=win.visualViewport;return vp?{left:0,right:vp.width,top:0,bottom:vp.height}:{left:0,right:win.innerWidth,top:0,bottom:win.innerHeight}}function getScale(elt,rect){let scaleX=rect.width/elt.offsetWidth,scaleY=rect.height/elt.offsetHeight;return(scaleX>.995&&scaleX<1.005||!isFinite(scaleX)||Math.abs(rect.width-elt.offsetWidth)<1)&&(scaleX=1),(scaleY>.995&&scaleY<1.005||!isFinite(scaleY)||Math.abs(rect.height-elt.offsetHeight)<1)&&(scaleY=1),{scaleX,scaleY}}class DOMSelectionState{constructor(){this.anchorNode=null,this.anchorOffset=0,this.focusNode=null,this.focusOffset=0}eq(domSel){return this.anchorNode==domSel.anchorNode&&this.anchorOffset==domSel.anchorOffset&&this.focusNode==domSel.focusNode&&this.focusOffset==domSel.focusOffset}setRange(range){let{anchorNode,focusNode}=range;this.set(anchorNode,Math.min(range.anchorOffset,anchorNode?maxOffset(anchorNode):0),focusNode,Math.min(range.focusOffset,focusNode?maxOffset(focusNode):0))}set(anchorNode,anchorOffset,focusNode,focusOffset){this.anchorNode=anchorNode,this.anchorOffset=anchorOffset,this.focusNode=focusNode,this.focusOffset=focusOffset}}let scratchRange,preventScrollSupported=null;function focusPreventScroll(dom){if(dom.setActive)return dom.setActive();if(preventScrollSupported)return dom.focus(preventScrollSupported);let stack=[];for(let cur=dom;cur&&(stack.push(cur,cur.scrollTop,cur.scrollLeft),cur!=cur.ownerDocument);cur=cur.parentNode);if(dom.focus(null==preventScrollSupported?{get preventScroll(){return preventScrollSupported={preventScroll:!0},!0}}:void 0),!preventScrollSupported){preventScrollSupported=!1;for(let i=0;iMath.max(1,elt.scrollHeight-elt.clientHeight-4)}function textNodeBefore(startNode,startOffset){for(let node=startNode,offset=startOffset;;){if(3==node.nodeType&&offset>0)return{node,offset};if(1==node.nodeType&&offset>0){if("false"==node.contentEditable)return null;node=node.childNodes[offset-1],offset=maxOffset(node)}else{if(!node.parentNode||isBlockElement(node))return null;offset=domIndex(node),node=node.parentNode}}}function textNodeAfter(startNode,startOffset){for(let node=startNode,offset=startOffset;;){if(3==node.nodeType&&offsetto)return child.domBoundsAround(from,to,pos);if(end>=from&&-1==fromI&&(fromI=i,fromStart=pos),pos>to&&child.dom.parentNode==this.dom){toI=i,toEnd=prevEnd;break}prevEnd=end,pos=end+child.breakAfter}return{from:fromStart,to:toEnd<0?offset+this.length:toEnd,startDOM:(fromI?this.children[fromI-1].dom.nextSibling:null)||this.dom.firstChild,endDOM:toI=0?this.children[toI].dom:null}}markDirty(andParent=!1){this.flags|=2,this.markParentsDirty(andParent)}markParentsDirty(childList){for(let parent=this.parent;parent;parent=parent.parent){if(childList&&(parent.flags|=2),1&parent.flags)return;parent.flags|=1,childList=!1}}setParent(parent){this.parent!=parent&&(this.parent=parent,7&this.flags&&this.markParentsDirty(!0))}setDOM(dom){this.dom!=dom&&(this.dom&&(this.dom.cmView=null),this.dom=dom,dom.cmView=this)}get rootView(){for(let v=this;;){let parent=v.parent;if(!parent)return v;v=parent}}replaceChildren(from,to,children=noChildren){this.markDirty();for(let i=from;ithis.pos||pos==this.pos&&(bias>0||0==this.i||this.children[this.i-1].breakAfter))return this.off=pos-this.pos,this;let next=this.children[--this.i];this.pos-=next.length+next.breakAfter}}}function replaceRange(parent,fromI,fromOff,toI,toOff,insert,breakAtStart,openStart,openEnd){let{children}=parent,before=children.length?children[fromI]:null,last=insert.length?insert[insert.length-1]:null,breakAtEnd=last?last.breakAfter:breakAtStart;if(!(fromI==toI&&before&&!breakAtStart&&!breakAtEnd&&insert.length<2&&before.merge(fromOff,toOff,insert.length?last:null,0==fromOff,openStart,openEnd))){if(toI0&&(!breakAtStart&&insert.length&&before.merge(fromOff,before.length,insert[0],!1,openStart,0)?before.breakAfter=insert.shift().breakAfter:(fromOff2);var browser={mac:ios||/Mac/.test(nav.platform),windows:/Win/.test(nav.platform),linux:/Linux|X11/.test(nav.platform),ie:dist_ie,ie_version:ie_upto10?doc.documentMode||6:ie_11up?+ie_11up[1]:ie_edge?+ie_edge[1]:0,gecko,gecko_version:gecko?+(/Firefox\/(\d+)/.exec(nav.userAgent)||[0,0])[1]:0,chrome:!!chrome,chrome_version:chrome?+chrome[1]:0,ios,android:/Android\b/.test(nav.userAgent),webkit,safari,webkit_version:webkit?+(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent)||[0,0])[1]:0,tabSize:null!=doc.documentElement.style.tabSize?"tab-size":"-moz-tab-size"};class TextView extends ContentView{constructor(text){super(),this.text=text}get length(){return this.text.length}createDOM(textDOM){this.setDOM(textDOM||document.createTextNode(this.text))}sync(view,track){this.dom||this.createDOM(),this.dom.nodeValue!=this.text&&(track&&track.node==this.dom&&(track.written=!0),this.dom.nodeValue=this.text)}reuseDOM(dom){3==dom.nodeType&&this.createDOM(dom)}merge(from,to,source){return!(8&this.flags||source&&(!(source instanceof TextView)||this.length-(to-from)+source.length>256||8&source.flags))&&(this.text=this.text.slice(0,from)+(source?source.text:"")+this.text.slice(to),this.markDirty(),!0)}split(from){let result=new TextView(this.text.slice(from));return this.text=this.text.slice(0,from),this.markDirty(),result.flags|=8&this.flags,result}localPosFromDOM(node,offset){return node==this.dom?offset:offset?this.text.length:0}domAtPos(pos){return new DOMPos(this.dom,pos)}domBoundsAround(_from,_to,offset){return{from:offset,to:offset+this.length,startDOM:this.dom,endDOM:this.dom.nextSibling}}coordsAt(pos,side){return function textCoords(text,pos,side){let length=text.nodeValue.length;pos>length&&(pos=length);let from=pos,to=pos,flatten=0;0==pos&&side<0||pos==length&&side>=0?browser.chrome||browser.gecko||(pos?(from--,flatten=1):to=0)?0:rects.length-1];browser.safari&&!flatten&&0==rect.width&&(rect=Array.prototype.find.call(rects,(r=>r.width))||rect);return flatten?flattenRect(rect,flatten<0):rect||null}(this.dom,pos,side)}}class MarkView extends ContentView{constructor(mark,children=[],length=0){super(),this.mark=mark,this.children=children,this.length=length;for(let ch of children)ch.setParent(this)}setAttrs(dom){if(clearAttributes(dom),this.mark.class&&(dom.className=this.mark.class),this.mark.attrs)for(let name in this.mark.attrs)dom.setAttribute(name,this.mark.attrs[name]);return dom}canReuseDOM(other){return super.canReuseDOM(other)&&!(8&(this.flags|other.flags))}reuseDOM(node){node.nodeName==this.mark.tagName.toUpperCase()&&(this.setDOM(node),this.flags|=6)}sync(view,track){this.dom?4&this.flags&&this.setAttrs(this.dom):this.setDOM(this.setAttrs(document.createElement(this.mark.tagName))),super.sync(view,track)}merge(from,to,source,_hasStart,openStart,openEnd){return(!source||!(!(source instanceof MarkView&&source.mark.eq(this.mark))||from&&openStart<=0||tofrom&&result.push(off=from&&(detachFrom=i),off=end,i++}let length=this.length-from;return this.length=from,detachFrom>-1&&(this.children.length=detachFrom,this.markDirty()),new MarkView(this.mark,result,length)}domAtPos(pos){return inlineDOMAtPos(this,pos)}coordsAt(pos,side){return coordsInChildren(this,pos,side)}}class WidgetView extends ContentView{static create(widget,length,side){return new WidgetView(widget,length,side)}constructor(widget,length,side){super(),this.widget=widget,this.length=length,this.side=side,this.prevWidget=null}split(from){let result=WidgetView.create(this.widget,this.length-from,this.side);return this.length-=from,result}sync(view){this.dom&&this.widget.updateDOM(this.dom,view)||(this.dom&&this.prevWidget&&this.prevWidget.destroy(this.dom),this.prevWidget=null,this.setDOM(this.widget.toDOM(view)),this.widget.editable||(this.dom.contentEditable="false"))}getSide(){return this.side}merge(from,to,source,hasStart,openStart,openEnd){return!(source&&(!(source instanceof WidgetView&&this.widget.compare(source.widget))||from>0&&openStart<=0||to0)?DOMPos.before(this.dom):DOMPos.after(this.dom,pos==this.length)}domBoundsAround(){return null}coordsAt(pos,side){let custom=this.widget.coordsAt(this.dom,pos,side);if(custom)return custom;let rects=this.dom.getClientRects(),rect=null;if(!rects.length)return null;let fromBack=this.side?this.side<0:pos>0;for(let i=fromBack?rects.length-1:0;rect=rects[i],!(pos>0?0==i:i==rects.length-1||rect.top0?DOMPos.before(this.dom):DOMPos.after(this.dom)}localPosFromDOM(){return 0}domBoundsAround(){return null}coordsAt(pos){return this.dom.getBoundingClientRect()}get overrideDOMText(){return state_dist.EY.empty}get isHidden(){return!0}}function inlineDOMAtPos(parent,pos){let dom=parent.dom,{children}=parent,i=0;for(let off=0;ioff&&pos0;j--){let prev=children[j-1];if(prev.dom.parentNode==dom)return prev.domAtPos(prev.length)}for(let j=i;j0&&view instanceof MarkView&&children.length&&(last=children[children.length-1])instanceof MarkView&&last.mark.eq(view.mark)?joinInlineInto(last,view.children[0],open-1):(children.push(view),view.setParent(parent)),parent.length+=view.length}function coordsInChildren(view,pos,side){let before=null,beforePos=-1,after=null,afterPos=-1;!function scan(view,pos){for(let i=0,off=0;i=pos&&(child.children.length?scan(child,pos-off):(!after||after.isHidden&&side>0)&&(end>pos||off==end&&child.getSide()>0)?(after=child,afterPos=pos-off):(off-1?1:0)!=keysB.length-(ignore&&keysB.indexOf(ignore)>-1?1:0))return!1;for(let key of keysA)if(key!=ignore&&(-1==keysB.indexOf(key)||a[key]!==b[key]))return!1;return!0}function updateAttrs(dom,prev,attrs){let changed=!1;if(prev)for(let name in prev)attrs&&name in attrs||(changed=!0,"style"==name?dom.style.cssText="":dom.removeAttribute(name));if(attrs)for(let name in attrs)prev&&prev[name]==attrs[name]||(changed=!0,"style"==name?dom.style.cssText=attrs[name]:dom.setAttribute(name,attrs[name]));return changed}function getAttrs(dom){let attrs=Object.create(null);for(let i=0;i0&&0==this.children[i-1].length;)this.children[--i].destroy();return this.children.length=i,this.markDirty(),this.length=at,end}transferDOM(other){this.dom&&(this.markDirty(),other.setDOM(this.dom),other.prevAttrs=void 0===this.prevAttrs?this.attrs:this.prevAttrs,this.prevAttrs=void 0,this.dom=null)}setDeco(attrs){attrsEq(this.attrs,attrs)||(this.dom&&(this.prevAttrs=this.attrs,this.markDirty()),this.attrs=attrs)}append(child,openStart){joinInlineInto(this,child,openStart)}addLineDeco(deco){let attrs=deco.spec.attributes,cls=deco.spec.class;attrs&&(this.attrs=combineAttrs(attrs,this.attrs||{})),cls&&(this.attrs=combineAttrs({class:cls},this.attrs||{}))}domAtPos(pos){return inlineDOMAtPos(this,pos)}reuseDOM(node){"DIV"==node.nodeName&&(this.setDOM(node),this.flags|=6)}sync(view,track){var _a;this.dom?4&this.flags&&(clearAttributes(this.dom),this.dom.className="cm-line",this.prevAttrs=this.attrs?null:void 0):(this.setDOM(document.createElement("div")),this.dom.className="cm-line",this.prevAttrs=this.attrs?null:void 0),void 0!==this.prevAttrs&&(updateAttrs(this.dom,this.prevAttrs,this.attrs),this.dom.classList.add("cm-line"),this.prevAttrs=void 0),super.sync(view,track);let last=this.dom.lastChild;for(;last&&ContentView.get(last)instanceof MarkView;)last=last.lastChild;if(!(last&&this.length&&("BR"==last.nodeName||0!=(null===(_a=ContentView.get(last))||void 0===_a?void 0:_a.isEditable)||browser.ios&&this.children.some((ch=>ch instanceof TextView))))){let hack=document.createElement("BR");hack.cmIgnore=!0,this.dom.appendChild(hack)}}measureTextSize(){if(0==this.children.length||this.length>20)return null;let textHeight,totalWidth=0;for(let child of this.children){if(!(child instanceof TextView)||/[^ -~]/.test(child.text))return null;let rects=clientRectsFor(child.dom);if(1!=rects.length)return null;totalWidth+=rects[0].width,textHeight=rects[0].height}return totalWidth?{lineHeight:this.dom.getBoundingClientRect().height,charWidth:totalWidth/this.length,textHeight}:null}coordsAt(pos,side){let rect=coordsInChildren(this,pos,side);if(!this.children.length&&rect&&this.parent){let{heightOracle}=this.parent.view.viewState,height=rect.bottom-rect.top;if(Math.abs(height-heightOracle.lineHeight)<2&&heightOracle.textHeight=pos){if(block instanceof LineView)return block;if(end>pos)break}off=end+block.breakAfter}return null}}class BlockWidgetView extends ContentView{constructor(widget,length,deco){super(),this.widget=widget,this.length=length,this.deco=deco,this.breakAfter=0,this.prevWidget=null}merge(from,to,source,_takeDeco,openStart,openEnd){return!(source&&(!(source instanceof BlockWidgetView&&this.widget.compare(source.widget))||from>0&&openStart<=0||to0)}}class WidgetType{eq(widget){return!1}updateDOM(dom,view){return!1}compare(other){return this==other||this.constructor==other.constructor&&this.eq(other)}get estimatedHeight(){return-1}get lineBreaks(){return 0}ignoreEvent(event){return!0}coordsAt(dom,pos,side){return null}get isHidden(){return!1}get editable(){return!1}destroy(dom){}}var BlockType=function(BlockType){return BlockType[BlockType.Text=0]="Text",BlockType[BlockType.WidgetBefore=1]="WidgetBefore",BlockType[BlockType.WidgetAfter=2]="WidgetAfter",BlockType[BlockType.WidgetRange=3]="WidgetRange",BlockType}(BlockType||(BlockType={}));class Decoration extends state_dist.FB{constructor(startSide,endSide,widget,spec){super(),this.startSide=startSide,this.endSide=endSide,this.widget=widget,this.spec=spec}get heightRelevant(){return!1}static mark(spec){return new MarkDecoration(spec)}static widget(spec){let side=Math.max(-1e4,Math.min(1e4,spec.side||0)),block=!!spec.block;return side+=block&&!spec.inlineOrder?side>0?3e8:-4e8:side>0?1e8:-1e8,new PointDecoration(spec,side,side,block,spec.widget||null,!1)}static replace(spec){let startSide,endSide,block=!!spec.block;if(spec.isBlockGap)startSide=-5e8,endSide=4e8;else{let{start,end}=getInclusive(spec,block);startSide=(start?block?-3e8:-1:5e8)-1,endSide=1+(end?block?2e8:1:-6e8)}return new PointDecoration(spec,startSide,endSide,block,spec.widget||null,!0)}static line(spec){return new LineDecoration(spec)}static set(of,sort=!1){return state_dist.om.of(of,sort)}hasHeight(){return!!this.widget&&this.widget.estimatedHeight>-1}}Decoration.none=state_dist.om.empty;class MarkDecoration extends Decoration{constructor(spec){let{start,end}=getInclusive(spec);super(start?-1:5e8,end?1:-6e8,null,spec),this.tagName=spec.tagName||"span",this.class=spec.class||"",this.attrs=spec.attributes||null}eq(other){var _a,_b;return this==other||other instanceof MarkDecoration&&this.tagName==other.tagName&&(this.class||(null===(_a=this.attrs)||void 0===_a?void 0:_a.class))==(other.class||(null===(_b=other.attrs)||void 0===_b?void 0:_b.class))&&attrsEq(this.attrs,other.attrs,"class")}range(from,to=from){if(from>=to)throw new RangeError("Mark decorations may not be empty");return super.range(from,to)}}MarkDecoration.prototype.point=!1;class LineDecoration extends Decoration{constructor(spec){super(-2e8,-2e8,null,spec)}eq(other){return other instanceof LineDecoration&&this.spec.class==other.spec.class&&attrsEq(this.spec.attributes,other.spec.attributes)}range(from,to=from){if(to!=from)throw new RangeError("Line decoration ranges must be zero-length");return super.range(from,to)}}LineDecoration.prototype.mapMode=state_dist.iR.TrackBefore,LineDecoration.prototype.point=!0;class PointDecoration extends Decoration{constructor(spec,startSide,endSide,block,widget,isReplace){super(startSide,endSide,widget,spec),this.block=block,this.isReplace=isReplace,this.mapMode=block?startSide<=0?state_dist.iR.TrackBefore:state_dist.iR.TrackAfter:state_dist.iR.TrackDel}get type(){return this.startSide!=this.endSide?BlockType.WidgetRange:this.startSide<=0?BlockType.WidgetBefore:BlockType.WidgetAfter}get heightRelevant(){return this.block||!!this.widget&&(this.widget.estimatedHeight>=5||this.widget.lineBreaks>0)}eq(other){return other instanceof PointDecoration&&function widgetsEq(a,b){return a==b||!!(a&&b&&a.compare(b))}(this.widget,other.widget)&&this.block==other.block&&this.startSide==other.startSide&&this.endSide==other.endSide}range(from,to=from){if(this.isReplace&&(from>to||from==to&&this.startSide>0&&this.endSide<=0))throw new RangeError("Invalid range for replacement decoration");if(!this.isReplace&&to!=from)throw new RangeError("Widget decorations can only have zero-length ranges");return super.range(from,to)}}function getInclusive(spec,block=!1){let{inclusiveStart:start,inclusiveEnd:end}=spec;return null==start&&(start=spec.inclusive),null==end&&(end=spec.inclusive),{start:null!=start?start:block,end:null!=end?end:block}}function addRange(from,to,ranges,margin=0){let last=ranges.length-1;last>=0&&ranges[last]+margin>=from?ranges[last]=Math.max(ranges[last],to):ranges.push(from,to)}PointDecoration.prototype.point=!0;class ContentBuilder{constructor(doc,pos,end,disallowBlockEffectsFor){this.doc=doc,this.pos=pos,this.end=end,this.disallowBlockEffectsFor=disallowBlockEffectsFor,this.content=[],this.curLine=null,this.breakAtStart=0,this.pendingBuffer=0,this.bufferMarks=[],this.atCursorPos=!0,this.openStart=-1,this.openEnd=-1,this.text="",this.textOff=0,this.cursor=doc.iter(),this.skip=pos}posCovered(){if(0==this.content.length)return!this.breakAtStart&&this.doc.lineAt(this.pos).from!=this.pos;let last=this.content[this.content.length-1];return!(last.breakAfter||last instanceof BlockWidgetView&&last.deco.endSide<0)}getLine(){return this.curLine||(this.content.push(this.curLine=new LineView),this.atCursorPos=!0),this.curLine}flushBuffer(active=this.bufferMarks){this.pendingBuffer&&(this.curLine.append(wrapMarks(new WidgetBufferView(-1),active),active.length),this.pendingBuffer=0)}addBlockWidget(view){this.flushBuffer(),this.curLine=null,this.content.push(view)}finish(openEnd){this.pendingBuffer&&openEnd<=this.bufferMarks.length?this.flushBuffer():this.pendingBuffer=0,this.posCovered()||openEnd&&this.content.length&&this.content[this.content.length-1]instanceof BlockWidgetView||this.getLine()}buildText(length,active,openStart){for(;length>0;){if(this.textOff==this.text.length){let{value,lineBreak,done}=this.cursor.next(this.skip);if(this.skip=0,done)throw new Error("Ran out of text content when drawing inline views");if(lineBreak){this.posCovered()||this.getLine(),this.content.length?this.content[this.content.length-1].breakAfter=1:this.breakAtStart=1,this.flushBuffer(),this.curLine=null,this.atCursorPos=!0,length--;continue}this.text=value,this.textOff=0}let take=Math.min(this.text.length-this.textOff,length,512);this.flushBuffer(active.slice(active.length-openStart)),this.getLine().append(wrapMarks(new TextView(this.text.slice(this.textOff,this.textOff+take)),active),openStart),this.atCursorPos=!0,this.textOff+=take,length-=take,openStart=0}}span(from,to,active,openStart){this.buildText(to-from,active,openStart),this.pos=to,this.openStart<0&&(this.openStart=openStart)}point(from,to,deco,active,openStart,index){if(this.disallowBlockEffectsFor[index]&&deco instanceof PointDecoration){if(deco.block)throw new RangeError("Block decorations may not be specified via plugins");if(to>this.doc.lineAt(this.pos).to)throw new RangeError("Decorations that replace line breaks may not be specified via plugins")}let len=to-from;if(deco instanceof PointDecoration)if(deco.block)deco.startSide>0&&!this.posCovered()&&this.getLine(),this.addBlockWidget(new BlockWidgetView(deco.widget||NullWidget.block,len,deco));else{let view=WidgetView.create(deco.widget||NullWidget.inline,len,len?0:deco.startSide),cursorBefore=this.atCursorPos&&!view.isEditable&&openStart<=active.length&&(from0),cursorAfter=!view.isEditable&&(fromactive.length||deco.startSide<=0),line=this.getLine();2!=this.pendingBuffer||cursorBefore||view.isEditable||(this.pendingBuffer=0),this.flushBuffer(active),cursorBefore&&(line.append(wrapMarks(new WidgetBufferView(1),active),openStart),openStart=active.length+Math.max(0,openStart-active.length)),line.append(wrapMarks(view,active),openStart),this.atCursorPos=cursorAfter,this.pendingBuffer=cursorAfter?fromactive.length?1:2:0,this.pendingBuffer&&(this.bufferMarks=active.slice())}else this.doc.lineAt(this.pos).from==this.pos&&this.getLine().addLineDeco(deco);len&&(this.textOff+len<=this.text.length?this.textOff+=len:(this.skip+=len-(this.text.length-this.textOff),this.text="",this.textOff=0),this.pos=to),this.openStart<0&&(this.openStart=openStart)}static build(text,from,to,decorations,dynamicDecorationMap){let builder=new ContentBuilder(text,from,to,dynamicDecorationMap);return builder.openEnd=state_dist.om.spans(decorations,from,to,builder),builder.openStart<0&&(builder.openStart=builder.openEnd),builder.finish(builder.openEnd),builder}}function wrapMarks(view,active){for(let mark of active)view=new MarkView(mark,[view],view.length);return view}class NullWidget extends WidgetType{constructor(tag){super(),this.tag=tag}eq(other){return other.tag==this.tag}toDOM(){return document.createElement(this.tag)}updateDOM(elt){return elt.nodeName.toLowerCase()==this.tag}get isHidden(){return!0}}NullWidget.inline=new NullWidget("span"),NullWidget.block=new NullWidget("div");var Direction=function(Direction){return Direction[Direction.LTR=0]="LTR",Direction[Direction.RTL=1]="RTL",Direction}(Direction||(Direction={}));const LTR=Direction.LTR,RTL=Direction.RTL;function dec(str){let result=[];for(let i=0;i=index){if(span.level==level)return i;(maybe<0||(0!=assoc?assoc<0?span.fromindex:order[maybe].level>span.level))&&(maybe=i)}}if(maybe<0)throw new RangeError("Index out of range");return maybe}}function isolatesEq(a,b){if(a.length!=b.length)return!1;for(let i=0;iiCh&&order.push(new BidiSpan(iCh,iso.from,localLevel)),computeSectionOrder(line,iso.direction==LTR!=!(localLevel%2)?level+1:level,baseLevel,iso.inner,iso.from,iso.to,order),iCh=iso.to}iScan=iso.to}else{if(iScan==to||(sameDir?types[iScan]!=ourType:types[iScan]==ourType))break;iScan++}recurse?emitSpans(line,iCh,iScan,level+1,baseLevel,recurse,order):iChfrom;){let sameDir=!0,isNum=!1;if(!iI||iCh>isolates[iI-1].to){let next=types[iCh-1];next!=ourType&&(sameDir=!1,isNum=16==next)}let recurse=sameDir||1!=ourType?null:[],localLevel=sameDir?level:level+1,iScan=iCh;run:for(;;)if(iI&&iScan==isolates[iI-1].to){if(isNum)break run;let iso=isolates[--iI];if(!sameDir)for(let upto=iso.from,jI=iI;;){if(upto==from)break run;if(!jI||isolates[jI-1].to!=upto){if(types[upto-1]==ourType)break run;break}upto=isolates[--jI].from}if(recurse)recurse.push(iso);else{iso.to=0;sJ-=3)if(BracketStack[sJ+1]==-br){let flags=BracketStack[sJ+2],type=2&flags?outerType:4&flags?1&flags?oppositeType:outerType:0;type&&(types[i]=types[BracketStack[sJ]]=type),sI=sJ;break}}else{if(189==BracketStack.length)break;BracketStack[sI++]=i,BracketStack[sI++]=ch,BracketStack[sI++]=context}else if(2==(type=types[i])||1==type){let embed=type==outerType;context=embed?0:1;for(let sJ=sI-3;sJ>=0;sJ-=3){let cur=BracketStack[sJ+2];if(2&cur)break;if(embed)BracketStack[sJ+2]|=2;else{if(4&cur)break;BracketStack[sJ+2]|=4}}}}}(line,from,to,isolates,outerType),function processNeutrals(rFrom,rTo,isolates,outerType){for(let iI=0,prev=outerType;iI<=isolates.length;iI++){let from=iI?isolates[iI-1].to:rFrom,to=iIi;)j==fromJ&&(j=isolates[--jI].from,fromJ=jI?isolates[jI-1].to:rFrom),types[--j]=replace;i=end}else prev=type,i++}}}(from,to,isolates,outerType),emitSpans(line,from,to,level,baseLevel,isolates,order)}function computeOrder(line,direction,isolates){if(!line)return[new BidiSpan(0,0,direction==RTL?1:0)];if(direction==LTR&&!isolates.length&&!BidiRE.test(line))return trivialOrder(line.length);if(isolates.length)for(;line.length>types.length;)types[types.length]=256;let order=[],level=direction==LTR?0:1;return computeSectionOrder(line,level,level,isolates,0,line.length,order),order}function trivialOrder(length){return[new BidiSpan(0,length,0)]}let movedOver="";function moveVisually(line,order,dir,start,forward){var _a;let startIndex=start.head-line.from,spanI=BidiSpan.find(order,startIndex,null!==(_a=start.bidiLevel)&&void 0!==_a?_a:-1,start.assoc),span=order[spanI],spanEnd=span.side(forward,dir);if(startIndex==spanEnd){let nextI=spanI+=forward?1:-1;if(nextI<0||nextI>=order.length)return null;span=order[spanI=nextI],startIndex=span.side(!forward,dir),spanEnd=span.side(forward,dir)}let nextIndex=(0,state_dist.zK)(line.text,startIndex,span.forward(forward,dir));(nextIndexspan.to)&&(nextIndex=spanEnd),movedOver=line.text.slice(Math.min(startIndex,nextIndex),Math.max(startIndex,nextIndex));let nextSpan=spanI==(forward?order.length-1:0)?null:order[spanI+(forward?1:-1)];return nextSpan&&nextIndex==spanEnd&&nextSpan.level+(forward?0:1)values.some((x=>x))}),nativeSelectionHidden=state_dist.sj.define({combine:values=>values.some((x=>x))}),scrollHandler=state_dist.sj.define();class ScrollTarget{constructor(range,y="nearest",x="nearest",yMargin=5,xMargin=5,isSnapshot=!1){this.range=range,this.y=y,this.x=x,this.yMargin=yMargin,this.xMargin=xMargin,this.isSnapshot=isSnapshot}map(changes){return changes.empty?this:new ScrollTarget(this.range.map(changes),this.y,this.x,this.yMargin,this.xMargin,this.isSnapshot)}clip(state){return this.range.to<=state.doc.length?this:new ScrollTarget(state_dist.OF.cursor(state.doc.length),this.y,this.x,this.yMargin,this.xMargin,this.isSnapshot)}}const scrollIntoView=state_dist.Pe.define({map:(t,ch)=>t.map(ch)});function logException(state,exception,context){let handler=state.facet(exceptionSink);handler.length?handler[0](exception):window.onerror?window.onerror(String(exception),context,void 0,void 0,exception):context?console.error(context+":",exception):console.error(exception)}const editable=state_dist.sj.define({combine:values=>!values.length||values[0]});let nextPluginID=0;const viewPlugin=state_dist.sj.define();class ViewPlugin{constructor(id,create,domEventHandlers,domEventObservers,buildExtensions){this.id=id,this.create=create,this.domEventHandlers=domEventHandlers,this.domEventObservers=domEventObservers,this.extension=buildExtensions(this)}static define(create,spec){const{eventHandlers,eventObservers,provide,decorations:deco}=spec||{};return new ViewPlugin(nextPluginID++,create,eventHandlers,eventObservers,(plugin=>{let ext=[viewPlugin.of(plugin)];return deco&&ext.push(decorations.of((view=>{let pluginInst=view.plugin(plugin);return pluginInst?deco(pluginInst):Decoration.none}))),provide&&ext.push(provide(plugin)),ext}))}static fromClass(cls,spec){return ViewPlugin.define((view=>new cls(view)),spec)}}class PluginInstance{constructor(spec){this.spec=spec,this.mustUpdate=null,this.value=null}update(view){if(this.value){if(this.mustUpdate){let update=this.mustUpdate;if(this.mustUpdate=null,this.value.update)try{this.value.update(update)}catch(e){if(logException(update.state,e,"CodeMirror plugin crashed"),this.value.destroy)try{this.value.destroy()}catch(_){}this.deactivate()}}}else if(this.spec)try{this.value=this.spec.create(view)}catch(e){logException(view.state,e,"CodeMirror plugin crashed"),this.deactivate()}return this}destroy(view){var _a;if(null===(_a=this.value)||void 0===_a?void 0:_a.destroy)try{this.value.destroy()}catch(e){logException(view.state,e,"CodeMirror plugin crashed")}}deactivate(){this.spec=this.value=null}}const editorAttributes=state_dist.sj.define(),contentAttributes=state_dist.sj.define(),decorations=state_dist.sj.define(),outerDecorations=state_dist.sj.define(),atomicRanges=state_dist.sj.define(),bidiIsolatedRanges=state_dist.sj.define();function getIsolatedRanges(view,line){let isolates=view.state.facet(bidiIsolatedRanges);if(!isolates.length)return isolates;let sets=isolates.map((i=>i instanceof Function?i(view):i)),result=[];return state_dist.om.spans(sets,line.from,line.to,{point(){},span(fromDoc,toDoc,active,open){let from=fromDoc-line.from,to=toDoc-line.from,level=result;for(let i=active.length-1;i>=0;i--,open--){let update,direction=active[i].spec.bidiIsolate;if(null==direction&&(direction=autoDirection(line.text,from,to)),open>0&&level.length&&(update=level[level.length-1]).to==from&&update.direction==direction)update.to=to,level=update.inner;else{let add={from,to,direction,inner:[]};level.push(add),level=add.inner}}}}),result}const scrollMargins=state_dist.sj.define();function getScrollMargins(view){let left=0,right=0,top=0,bottom=0;for(let source of view.state.facet(scrollMargins)){let m=source(view);m&&(null!=m.left&&(left=Math.max(left,m.left)),null!=m.right&&(right=Math.max(right,m.right)),null!=m.top&&(top=Math.max(top,m.top)),null!=m.bottom&&(bottom=Math.max(bottom,m.bottom)))}return{left,right,top,bottom}}const styleModule=state_dist.sj.define();class ChangedRange{constructor(fromA,toA,fromB,toB){this.fromA=fromA,this.toA=toA,this.fromB=fromB,this.toB=toB}join(other){return new ChangedRange(Math.min(this.fromA,other.fromA),Math.max(this.toA,other.toA),Math.min(this.fromB,other.fromB),Math.max(this.toB,other.toB))}addToSet(set){let i=set.length,me=this;for(;i>0;i--){let range=set[i-1];if(!(range.fromA>me.toA)){if(range.toAend)break;rI+=2}if(!next)return result;new ChangedRange(next.fromA,next.toA,next.fromB,next.toB).addToSet(result),posA=next.toA,posB=next.toB}}}class ViewUpdate{constructor(view,state,transactions){this.view=view,this.state=state,this.transactions=transactions,this.flags=0,this.startState=view.state,this.changes=state_dist.VR.empty(this.startState.doc.length);for(let tr of transactions)this.changes=this.changes.compose(tr.changes);let changedRanges=[];this.changes.iterChangedRanges(((fromA,toA,fromB,toB)=>changedRanges.push(new ChangedRange(fromA,toA,fromB,toB)))),this.changedRanges=changedRanges}static create(view,state,transactions){return new ViewUpdate(view,state,transactions)}get viewportChanged(){return(4&this.flags)>0}get heightChanged(){return(2&this.flags)>0}get geometryChanged(){return this.docChanged||(10&this.flags)>0}get focusChanged(){return(1&this.flags)>0}get docChanged(){return!this.changes.empty}get selectionSet(){return this.transactions.some((tr=>tr.selection))}get empty(){return 0==this.flags&&0==this.transactions.length}}class DocView extends ContentView{get length(){return this.view.state.doc.length}constructor(view){super(),this.view=view,this.decorations=[],this.dynamicDecorationMap=[],this.domChanged=null,this.hasComposition=null,this.markedForComposition=new Set,this.lastCompositionAfterCursor=!1,this.minWidth=0,this.minWidthFrom=0,this.minWidthTo=0,this.impreciseAnchor=null,this.impreciseHead=null,this.forceSelection=!1,this.lastUpdate=Date.now(),this.setDOM(view.contentDOM),this.children=[new LineView],this.children[0].setParent(this),this.updateDeco(),this.updateInner([new ChangedRange(0,0,0,view.state.doc.length)],0,null)}update(update){var _a;let changedRanges=update.changedRanges;this.minWidth>0&&changedRanges.length&&(changedRanges.every((({fromA,toA})=>toAthis.minWidthTo))?(this.minWidthFrom=update.changes.mapPos(this.minWidthFrom,1),this.minWidthTo=update.changes.mapPos(this.minWidthTo,1)):this.minWidth=this.minWidthFrom=this.minWidthTo=0);let readCompositionAt=-1;this.view.inputState.composing>=0&&((null===(_a=this.domChanged)||void 0===_a?void 0:_a.newSel)?readCompositionAt=this.domChanged.newSel.head:function touchesComposition(changes,composition){let touched=!1;composition&&changes.iterChangedRanges(((from,to)=>{fromcomposition.from&&(touched=!0)}));return touched}(update.changes,this.hasComposition)||update.selectionSet||(readCompositionAt=update.state.selection.main.head));let composition=readCompositionAt>-1?function findCompositionRange(view,changes,headPos){let found=findCompositionNode(view,headPos);if(!found)return null;let{node:textNode,from,to}=found,text=textNode.nodeValue;if(/[\n\r]/.test(text))return null;if(view.state.doc.sliceString(found.from,found.to)!=text)return null;let inv=changes.invertedDesc,range=new ChangedRange(inv.mapPos(from),inv.mapPos(to),from,to),marks=[];for(let parent=textNode.parentNode;;parent=parent.parentNode){let parentView=ContentView.get(parent);if(parentView instanceof MarkView)marks.push({node:parent,deco:parentView.mark});else{if(parentView instanceof LineView||"DIV"==parent.nodeName&&parent.parentNode==view.contentDOM)return{range,text:textNode,marks,line:parent};if(parent==view.contentDOM)return null;marks.push({node:parent,deco:new MarkDecoration({inclusive:!0,attributes:getAttrs(parent),tagName:parent.tagName.toLowerCase()})})}}}(this.view,update.changes,readCompositionAt):null;if(this.domChanged=null,this.hasComposition){this.markedForComposition.clear();let{from,to}=this.hasComposition;changedRanges=new ChangedRange(from,to,update.changes.mapPos(from,-1),update.changes.mapPos(to,1)).addToSet(changedRanges.slice())}this.hasComposition=composition?{from:composition.range.fromB,to:composition.range.toB}:null,(browser.ie||browser.chrome)&&!composition&&update&&update.state.doc.lines!=update.startState.doc.lines&&(this.forceSelection=!0);let decoDiff=function findChangedDeco(a,b,diff){let comp=new DecorationComparator$1;return state_dist.om.compare(a,b,diff,comp),comp.changes}(this.decorations,this.updateDeco(),update.changes);return changedRanges=ChangedRange.extendWithRanges(changedRanges,decoDiff),!!(7&this.flags||0!=changedRanges.length)&&(this.updateInner(changedRanges,update.startState.doc.length,composition),update.transactions.length&&(this.lastUpdate=Date.now()),!0)}updateInner(changes,oldLength,composition){this.view.viewState.mustMeasureContent=!0,this.updateChildren(changes,oldLength,composition);let{observer}=this.view;observer.ignore((()=>{this.dom.style.height=this.view.viewState.contentHeight/this.view.scaleY+"px",this.dom.style.flexBasis=this.minWidth?this.minWidth+"px":"";let track=browser.chrome||browser.ios?{node:observer.selectionRange.focusNode,written:!1}:void 0;this.sync(this.view,track),this.flags&=-8,track&&(track.written||observer.selectionRange.focusNode!=track.node)&&(this.forceSelection=!0),this.dom.style.height=""})),this.markedForComposition.forEach((cView=>cView.flags&=-9));let gaps=[];if(this.view.viewport.from||this.view.viewport.to=0?ranges[i]:null;if(!next)break;let content,breakAtStart,openStart,openEnd,{fromA,toA,fromB,toB}=next;if(composition&&composition.range.fromBfromB){let before=ContentBuilder.build(this.view.state.doc,fromB,composition.range.fromB,this.decorations,this.dynamicDecorationMap),after=ContentBuilder.build(this.view.state.doc,composition.range.toB,toB,this.decorations,this.dynamicDecorationMap);breakAtStart=before.breakAtStart,openStart=before.openStart,openEnd=after.openEnd;let compLine=this.compositionView(composition);after.breakAtStart?compLine.breakAfter=1:after.content.length&&compLine.merge(compLine.length,compLine.length,after.content[0],!1,after.openStart,0)&&(compLine.breakAfter=after.content[0].breakAfter,after.content.shift()),before.content.length&&compLine.merge(0,0,before.content[before.content.length-1],!0,0,before.openEnd)&&before.content.pop(),content=before.content.concat(compLine).concat(after.content)}else({content,breakAtStart,openStart,openEnd}=ContentBuilder.build(this.view.state.doc,fromB,toB,this.decorations,this.dynamicDecorationMap));let{i:toI,off:toOff}=cursor.findPos(toA,1),{i:fromI,off:fromOff}=cursor.findPos(fromA,-1);replaceRange(this,fromI,fromOff,toI,toOff,content,breakAtStart,openStart,openEnd)}composition&&this.fixCompositionDOM(composition)}compositionView(composition){let cur=new TextView(composition.text.nodeValue);cur.flags|=8;for(let{deco}of composition.marks)cur=new MarkView(deco,[cur],cur.length);let line=new LineView;return line.append(cur,0),line}fixCompositionDOM(composition){let fix=(dom,cView)=>{cView.flags|=8|(cView.children.some((c=>7&c.flags))?1:0),this.markedForComposition.add(cView);let prev=ContentView.get(dom);prev&&prev!=cView&&(prev.dom=null),cView.setDOM(dom)},pos=this.childPos(composition.range.fromB,1),cView=this.children[pos.i];fix(composition.line,cView);for(let i=composition.marks.length-1;i>=-1;i--)pos=cView.childPos(pos.off,1),cView=cView.children[pos.i],fix(i>=0?composition.marks[i].node:composition.text,cView)}updateSelection(mustRead=!1,fromPointer=!1){!mustRead&&this.view.observer.selectionRange.focusNode||this.view.observer.readSelectionRange();let activeElt=this.view.root.activeElement,focused=activeElt==this.dom,selectionNotFocus=!focused&&hasSelection(this.dom,this.view.observer.selectionRange)&&!(activeElt&&this.dom.contains(activeElt));if(!(focused||fromPointer||selectionNotFocus))return;let force=this.forceSelection;this.forceSelection=!1;let main=this.view.state.selection.main,anchor=this.moveToLine(this.domAtPos(main.anchor)),head=main.empty?anchor:this.moveToLine(this.domAtPos(main.head));if(browser.gecko&&main.empty&&!this.hasComposition&&function betweenUneditable(pos){return 1==pos.node.nodeType&&pos.node.firstChild&&(0==pos.offset||"false"==pos.node.childNodes[pos.offset-1].contentEditable)&&(pos.offset==pos.node.childNodes.length||"false"==pos.node.childNodes[pos.offset].contentEditable)}(anchor)){let dummy=document.createTextNode("");this.view.observer.ignore((()=>anchor.node.insertBefore(dummy,anchor.node.childNodes[anchor.offset]||null))),anchor=head=new DOMPos(dummy,0),force=!0}let domSel=this.view.observer.selectionRange;!force&&domSel.focusNode&&(isEquivalentPosition(anchor.node,anchor.offset,domSel.anchorNode,domSel.anchorOffset)&&isEquivalentPosition(head.node,head.offset,domSel.focusNode,domSel.focusOffset)||this.suppressWidgetCursorChange(domSel,main))||(this.view.observer.ignore((()=>{browser.android&&browser.chrome&&this.dom.contains(domSel.focusNode)&&function inUneditable(node,inside){for(let cur=node;cur&&cur!=inside;cur=cur.assignedSlot||cur.parentNode)if(1==cur.nodeType&&"false"==cur.contentEditable)return!0;return!1}(domSel.focusNode,this.dom)&&(this.dom.blur(),this.dom.focus({preventScroll:!0}));let rawSel=getSelection(this.view.root);if(rawSel)if(main.empty){if(browser.gecko){let nextTo=function nextToUneditable(node,offset){return 1!=node.nodeType?0:(offset&&"false"==node.childNodes[offset-1].contentEditable?1:0)|(offsetmain.head&&([anchor,head]=[head,anchor]),range.setEnd(head.node,head.offset),range.setStart(anchor.node,anchor.offset),rawSel.removeAllRanges(),rawSel.addRange(range)}else;selectionNotFocus&&this.view.root.activeElement==this.dom&&(this.dom.blur(),activeElt&&activeElt.focus())})),this.view.observer.setSelectionRange(anchor,head)),this.impreciseAnchor=anchor.precise?null:new DOMPos(domSel.anchorNode,domSel.anchorOffset),this.impreciseHead=head.precise?null:new DOMPos(domSel.focusNode,domSel.focusOffset)}suppressWidgetCursorChange(sel,cursor){return this.hasComposition&&cursor.empty&&isEquivalentPosition(sel.focusNode,sel.focusOffset,sel.anchorNode,sel.anchorOffset)&&this.posFromDOM(sel.focusNode,sel.focusOffset)==cursor.head}enforceCursorAssoc(){if(this.hasComposition)return;let{view}=this,cursor=view.state.selection.main,sel=getSelection(view.root),{anchorNode,anchorOffset}=view.observer.selectionRange;if(!(sel&&cursor.empty&&cursor.assoc&&sel.modify))return;let line=LineView.find(this,cursor.head);if(!line)return;let lineStart=line.posAtStart;if(cursor.head==lineStart||cursor.head==lineStart+line.length)return;let before=this.coordsAt(cursor.head,-1),after=this.coordsAt(cursor.head,1);if(!before||!after||before.bottom>after.top)return;let dom=this.domAtPos(cursor.head+cursor.assoc);sel.collapse(dom.node,dom.offset),sel.modify("move",cursor.assoc<0?"forward":"backward","lineboundary"),view.observer.readSelectionRange();let newRange=view.observer.selectionRange;view.docView.posFromDOM(newRange.anchorNode,newRange.anchorOffset)!=cursor.from&&sel.collapse(anchorNode,anchorOffset)}moveToLine(pos){let newPos,dom=this.dom;if(pos.node!=dom)return pos;for(let i=pos.offset;!newPos&&i=0;i--){let view=ContentView.get(dom.childNodes[i]);view instanceof LineView&&(newPos=view.domAtPos(view.length))}return newPos?new DOMPos(newPos.node,newPos.offset,!0):pos}nearest(dom){for(let cur=dom;cur;){let domView=ContentView.get(cur);if(domView&&domView.rootView==this)return domView;cur=cur.parentNode}return null}posFromDOM(node,offset){let view=this.nearest(node);if(!view)throw new RangeError("Trying to find position for a DOM position outside of the document");return view.localPosFromDOM(node,offset)+view.posAtStart}domAtPos(pos){let{i,off}=this.childCursor().findPos(pos,-1);for(;i=0;i--){let child=this.children[i],end=off-child.breakAfter,start=end-child.length;if(endpos||child.covers(1))&&(!best||child instanceof LineView&&!(best instanceof LineView&&side>=0))&&(best=child,bestPos=start),off=start}return best?best.coordsAt(pos-bestPos,side):null}coordsForChar(pos){let{i,off}=this.childPos(pos,1),child=this.children[i];if(!(child instanceof LineView))return null;for(;child.children.length;){let{i,off:childOff}=child.childPos(off,1);for(;;i++){if(i==child.children.length)return null;if((child=child.children[i]).length)break}off=childOff}if(!(child instanceof TextView))return null;let end=(0,state_dist.zK)(child.text,off);if(end==off)return null;let rects=textRange(child.dom,off,end).getClientRects();for(let i=0;iMath.max(this.view.scrollDOM.clientWidth,this.minWidth)+1,widest=-1,ltr=this.view.textDirection==Direction.LTR;for(let pos=0,i=0;ito)break;if(pos>=from){let childRect=child.dom.getBoundingClientRect();if(result.push(childRect.height),isWider){let last=child.dom.lastChild,rects=last?clientRectsFor(last):[];if(rects.length){let rect=rects[rects.length-1],width=ltr?rect.right-childRect.left:childRect.right-rect.left;width>widest&&(widest=width,this.minWidth=contentWidth,this.minWidthFrom=pos,this.minWidthTo=end)}}}pos=end+child.breakAfter}return result}textDirectionAt(pos){let{i}=this.childPos(pos,1);return"rtl"==getComputedStyle(this.children[i].dom).direction?Direction.RTL:Direction.LTR}measureTextSize(){for(let child of this.children)if(child instanceof LineView){let measure=child.measureTextSize();if(measure)return measure}let lineHeight,charWidth,textHeight,dummy=document.createElement("div");return dummy.className="cm-line",dummy.style.width="99999px",dummy.style.position="absolute",dummy.textContent="abc def ghi jkl mno pqr stu",this.view.observer.ignore((()=>{this.dom.appendChild(dummy);let rect=clientRectsFor(dummy.firstChild)[0];lineHeight=dummy.getBoundingClientRect().height,charWidth=rect?rect.width/27:7,textHeight=rect?rect.height:lineHeight,dummy.remove()})),{lineHeight,charWidth,textHeight}}childCursor(pos=this.length){let i=this.children.length;return i&&(pos-=this.children[--i].length),new ChildCursor(this.children,pos,i)}computeBlockGapDeco(){let deco=[],vs=this.view.viewState;for(let pos=0,i=0;;i++){let next=i==vs.viewports.length?null:vs.viewports[i],end=next?next.from-1:this.length;if(end>pos){let height=(vs.lineBlockAt(end).bottom-vs.lineBlockAt(pos).top)/this.view.scaleY;deco.push(Decoration.replace({widget:new BlockGapWidget(height),block:!0,inclusive:!0,isBlockGap:!0}).range(pos,end))}if(!next)break;pos=next.to+1}return Decoration.set(deco)}updateDeco(){let i=0,allDeco=this.view.state.facet(decorations).map((d=>(this.dynamicDecorationMap[i++]="function"==typeof d)?d(this.view):d)),dynamicOuter=!1,outerDeco=this.view.state.facet(outerDecorations).map(((d,i)=>{let dynamic="function"==typeof d;return dynamic&&(dynamicOuter=!0),dynamic?d(this.view):d}));for(outerDeco.length&&(this.dynamicDecorationMap[i++]=dynamicOuter,allDeco.push(state_dist.om.join(outerDeco))),this.decorations=[...allDeco,this.computeBlockGapDeco(),this.view.viewState.lineGapDeco];irange.anchor?-1:1);if(!rect)return;!range.empty&&(other=this.coordsAt(range.anchor,range.anchor>range.head?-1:1))&&(rect={left:Math.min(rect.left,other.left),top:Math.min(rect.top,other.top),right:Math.max(rect.right,other.right),bottom:Math.max(rect.bottom,other.bottom)});let margins=getScrollMargins(this.view),targetRect={left:rect.left-margins.left,top:rect.top-margins.top,right:rect.right+margins.right,bottom:rect.bottom+margins.bottom},{offsetWidth,offsetHeight}=this.view.scrollDOM;!function scrollRectIntoView(dom,rect,side,x,y,xMargin,yMargin,ltr){let doc=dom.ownerDocument,win=doc.defaultView||window;for(let cur=dom,stop=!1;cur&&!stop;)if(1==cur.nodeType){let bounding,top=cur==doc.body,scaleX=1,scaleY=1;if(top)bounding=windowRect(win);else{if(/^(fixed|sticky)$/.test(getComputedStyle(cur).position)&&(stop=!0),cur.scrollHeight<=cur.clientHeight&&cur.scrollWidth<=cur.clientWidth){cur=cur.assignedSlot||cur.parentNode;continue}let rect=cur.getBoundingClientRect();({scaleX,scaleY}=getScale(cur,rect)),bounding={left:rect.left,right:rect.left+cur.clientWidth*scaleX,top:rect.top,bottom:rect.top+cur.clientHeight*scaleY}}let moveX=0,moveY=0;if("nearest"==y)rect.top0&&rect.bottom>bounding.bottom+moveY&&(moveY=rect.bottom-bounding.bottom+moveY+yMargin)):rect.bottom>bounding.bottom&&(moveY=rect.bottom-bounding.bottom+yMargin,side<0&&rect.top-moveY0&&rect.right>bounding.right+moveX&&(moveX=rect.right-bounding.right+moveX+xMargin)):rect.right>bounding.right&&(moveX=rect.right-bounding.right+xMargin,side<0&&rect.leftx?rect.left-x:Math.max(0,x-rect.right)}function getdy(y,rect){return rect.top>y?rect.top-y:Math.max(0,y-rect.bottom)}function yOverlap(a,b){return a.topb.top+1}function upTop(rect,top){return toprect.bottom?{top:rect.top,left:rect.left,right:rect.right,bottom}:rect}function domPosAtCoords(parent,x,y){let closest,closestRect,closestX,closestY,above,below,aboveRect,belowRect,closestOverlap=!1;for(let child=parent.firstChild;child;child=child.nextSibling){let rects=clientRectsFor(child);for(let i=0;idy||closestY==dy&&closestX>dx){closest=child,closestRect=rect,closestX=dx,closestY=dy;let side=dy?y0?i0)}0==dx?y>rect.bottom&&(!aboveRect||aboveRect.bottomrect.top)&&(below=child,belowRect=rect):aboveRect&&yOverlap(aboveRect,rect)?aboveRect=upBot(aboveRect,rect.bottom):belowRect&&yOverlap(belowRect,rect)&&(belowRect=upTop(belowRect,rect.top))}}if(aboveRect&&aboveRect.bottom>=y?(closest=above,closestRect=aboveRect):belowRect&&belowRect.top<=y&&(closest=below,closestRect=belowRect),!closest)return{node:parent,offset:0};let clipX=Math.max(closestRect.left,Math.min(closestRect.right,x));return 3==closest.nodeType?domPosInText(closest,clipX,y):closestOverlap&&"false"!=closest.contentEditable?domPosAtCoords(closest,clipX,y):{node:parent,offset:Array.prototype.indexOf.call(parent.childNodes,closest)+(x>=(closestRect.left+closestRect.right)/2?1:0)}}function domPosInText(node,x,y){let len=node.nodeValue.length,closestOffset=-1,closestDY=1e9,generalSide=0;for(let i=0;iy?rect.top-y:y-rect.bottom)-1;if(rect.left-1<=x&&rect.right+1>=x&&dy=(rect.left+rect.right)/2,after=right;if(browser.chrome||browser.gecko){textRange(node,i).getBoundingClientRect().left==rect.right&&(after=!right)}if(dy<=0)return{node,offset:i+(after?1:0)};closestOffset=i+(after?1:0),closestDY=dy}}}return{node,offset:closestOffset>-1?closestOffset:generalSide>0?node.nodeValue.length:0}}function posAtCoords(view,coords,precise,bias=-1){var _a,_b;let block,content=view.contentDOM.getBoundingClientRect(),docTop=content.top+view.viewState.paddingTop,{docHeight}=view.viewState,{x,y}=coords,yOffset=y-docTop;if(yOffset<0)return 0;if(yOffset>docHeight)return view.state.doc.length;for(let halfLine=view.viewState.heightOracle.textHeight/2,bounced=!1;block=view.elementAtHeight(yOffset),block.type!=BlockType.Text;)for(;yOffset=bias>0?block.bottom+halfLine:block.top-halfLine,!(yOffset>=0&&yOffset<=docHeight);){if(bounced)return precise?null:0;bounced=!0,bias=-bias}y=docTop+yOffset;let lineStart=block.from;if(lineStartview.viewport.to)return view.viewport.to==view.state.doc.length?view.state.doc.length:precise?null:posAtCoordsImprecise(view,content,block,x,y);let doc=view.dom.ownerDocument,root=view.root.elementFromPoint?view.root:doc,element=root.elementFromPoint(x,y);element&&!view.contentDOM.contains(element)&&(element=null),element||(x=Math.max(content.left+1,Math.min(content.right-1,x)),element=root.elementFromPoint(x,y),element&&!view.contentDOM.contains(element)&&(element=null));let node,offset=-1;if(element&&0!=(null===(_a=view.docView.nearest(element))||void 0===_a?void 0:_a.isEditable))if(doc.caretPositionFromPoint){let pos=doc.caretPositionFromPoint(x,y);pos&&({offsetNode:node,offset}=pos)}else if(doc.caretRangeFromPoint){let range=doc.caretRangeFromPoint(x,y);range&&(({startContainer:node,startOffset:offset}=range),(!view.contentDOM.contains(node)||browser.safari&&function isSuspiciousSafariCaretResult(node,offset,x){let len;if(3!=node.nodeType||offset!=(len=node.nodeValue.length))return!1;for(let next=node.nextSibling;next;next=next.nextSibling)if(1!=next.nodeType||"BR"!=next.nodeName)return!1;return textRange(node,len-1,len).getBoundingClientRect().left>x}(node,offset,x)||browser.chrome&&function isSuspiciousChromeCaretResult(node,offset,x){if(0!=offset)return!1;for(let cur=node;;){let parent=cur.parentNode;if(!parent||1!=parent.nodeType||parent.firstChild!=cur)return!1;if(parent.classList.contains("cm-line"))break;cur=parent}let rect=1==node.nodeType?node.getBoundingClientRect():textRange(node,0,Math.max(node.nodeValue.length,1)).getBoundingClientRect();return x-rect.left>5}(node,offset,x))&&(node=void 0))}if(!node||!view.docView.dom.contains(node)){let line=LineView.find(view.docView,lineStart);if(!line)return yOffset>block.top+block.height/2?block.to:block.from;({node,offset}=domPosAtCoords(line.dom,x,y))}let nearest=view.docView.nearest(node);if(!nearest)return null;if(nearest.isWidget&&1==(null===(_b=nearest.dom)||void 0===_b?void 0:_b.nodeType)){let rect=nearest.dom.getBoundingClientRect();return coords.y1.5*view.defaultLineHeight){let textHeight=view.viewState.heightOracle.textHeight;into+=Math.floor((y-block.top-.5*(view.defaultLineHeight-textHeight))/textHeight)*view.viewState.heightOracle.lineLength}let content=view.state.sliceDoc(block.from,block.to);return block.from+(0,state_dist.kn)(content,into,view.state.tabSize)}function blockAt(view,pos){let line=view.lineBlockAt(pos);if(Array.isArray(line.type))for(let l of line.type)if(l.to>pos||l.to==pos&&(l.to==line.to||l.type==BlockType.Text))return l;return line}function moveByChar(view,start,forward,by){let line=view.state.doc.lineAt(start.head),spans=view.bidiSpans(line),direction=view.textDirectionAt(line.from);for(let cur=start,check=null;;){let next=moveVisually(line,spans,direction,cur,forward),char=movedOver;if(!next){if(line.number==(forward?view.state.doc.lines:1))return cur;char="\n",line=view.state.doc.line(line.number+(forward?1:-1)),spans=view.bidiSpans(line),next=view.visualLineSide(line,!forward)}if(check){if(!check(char))return cur}else{if(!by)return next;check=by(char)}cur=next}}function skipAtomicRanges(atoms,pos,bias){for(;;){let moved=0;for(let set of atoms)set.between(pos-1,pos+1,((from,to,value)=>{if(pos>from&&posf(view))),pos.from,oldPos.head>pos.from?-1:1);return newPos==pos.from?pos:state_dist.OF.cursor(newPos,newPosnull)),browser.gecko&&function firefoxCopyCutHack(doc){appliedFirefoxHack.has(doc)||(appliedFirefoxHack.add(doc),doc.addEventListener("copy",(()=>{})),doc.addEventListener("cut",(()=>{})))}(view.contentDOM.ownerDocument)}handleEvent(event){(function eventBelongsToEditor(view,event){if(!event.bubbles)return!0;if(event.defaultPrevented)return!1;for(let cView,node=event.target;node!=view.contentDOM;node=node.parentNode)if(!node||11==node.nodeType||(cView=ContentView.get(node))&&cView.ignoreEvent(event))return!1;return!0})(this.view,event)&&!this.ignoreDuringComposition(event)&&("keydown"==event.type&&this.keydown(event)||this.runHandlers(event.type,event))}runHandlers(type,event){let handlers=this.handlers[type];if(handlers){for(let observer of handlers.observers)observer(this.view,event);for(let handler of handlers.handlers){if(event.defaultPrevented)break;if(handler(this.view,event)){event.preventDefault();break}}}}ensureHandlers(plugins){let handlers=computeHandlers(plugins),prev=this.handlers,dom=this.view.contentDOM;for(let type in handlers)if("scroll"!=type){let passive=!handlers[type].handlers.length,exists=prev[type];exists&&passive!=!exists.handlers.length&&(dom.removeEventListener(type,this.handleEvent),exists=null),exists||dom.addEventListener(type,this.handleEvent,{passive})}for(let type in prev)"scroll"==type||handlers[type]||dom.removeEventListener(type,this.handleEvent);this.handlers=handlers}keydown(event){if(this.lastKeyCode=event.keyCode,this.lastKeyTime=Date.now(),9==event.keyCode&&Date.now()key.keyCode==event.keyCode)))&&!event.ctrlKey||EmacsyPendingKeys.indexOf(event.key)>-1&&event.ctrlKey&&!event.shiftKey)?(229!=event.keyCode&&this.view.observer.forceFlush(),!1):(this.pendingIOSKey=pending||event,setTimeout((()=>this.flushIOSKey()),250),!0)}flushIOSKey(change){let key=this.pendingIOSKey;return!!key&&(!("Enter"==key.key&&change&&change.from0||!!(browser.safari&&!browser.ios&&this.compositionPendingKey&&Date.now()-this.compositionEndedAt<100)&&(this.compositionPendingKey=!1,!0))}startMouseSelection(mouseSelection){this.mouseSelection&&this.mouseSelection.destroy(),this.mouseSelection=mouseSelection}update(update){this.mouseSelection&&this.mouseSelection.update(update),this.draggedContent&&update.docChanged&&(this.draggedContent=this.draggedContent.map(update.changes)),update.transactions.length&&(this.lastKeyCode=this.lastSelectionTime=0)}destroy(){this.mouseSelection&&this.mouseSelection.destroy()}}function bindHandler(plugin,handler){return(view,event)=>{try{return handler.call(plugin,event,view)}catch(e){logException(view.state,e)}}}function computeHandlers(plugins){let result=Object.create(null);function record(type){return result[type]||(result[type]={observers:[],handlers:[]})}for(let plugin of plugins){let spec=plugin.spec;if(spec&&spec.domEventHandlers)for(let type in spec.domEventHandlers){let f=spec.domEventHandlers[type];f&&record(type).handlers.push(bindHandler(plugin.value,f))}if(spec&&spec.domEventObservers)for(let type in spec.domEventObservers){let f=spec.domEventObservers[type];f&&record(type).observers.push(bindHandler(plugin.value,f))}}for(let type in handlers)record(type).handlers.push(handlers[type]);for(let type in observers)record(type).observers.push(observers[type]);return result}const PendingKeys=[{key:"Backspace",keyCode:8,inputType:"deleteContentBackward"},{key:"Enter",keyCode:13,inputType:"insertParagraph"},{key:"Enter",keyCode:13,inputType:"insertLineBreak"},{key:"Delete",keyCode:46,inputType:"deleteContentForward"}],EmacsyPendingKeys="dthko",modifierCodes=[16,17,18,20,91,92,224,225];function dragScrollSpeed(dist){return.7*Math.max(0,dist)+8}class MouseSelection{constructor(view,startEvent,style,mustSelect){this.view=view,this.startEvent=startEvent,this.style=style,this.mustSelect=mustSelect,this.scrollSpeed={x:0,y:0},this.scrolling=-1,this.lastEvent=startEvent,this.scrollParent=function scrollableParent(dom){let doc=dom.ownerDocument;for(let cur=dom.parentNode;cur&&cur!=doc.body;)if(1==cur.nodeType){if(cur.scrollHeight>cur.clientHeight||cur.scrollWidth>cur.clientWidth)return cur;cur=cur.assignedSlot||cur.parentNode}else{if(11!=cur.nodeType)break;cur=cur.host}return null}(view.contentDOM),this.atoms=view.state.facet(atomicRanges).map((f=>f(view)));let doc=view.contentDOM.ownerDocument;doc.addEventListener("mousemove",this.move=this.move.bind(this)),doc.addEventListener("mouseup",this.up=this.up.bind(this)),this.extend=startEvent.shiftKey,this.multiple=view.state.facet(state_dist.$t.allowMultipleSelections)&&function addsSelectionRange(view,event){let facet=view.state.facet(clickAddsSelectionRange);return facet.length?facet[0](event):browser.mac?event.metaKey:event.ctrlKey}(view,startEvent),this.dragging=!(!function isInPrimarySelection(view,event){let{main}=view.state.selection;if(main.empty)return!1;let sel=getSelection(view.root);if(!sel||0==sel.rangeCount)return!0;let rects=sel.getRangeAt(0).getClientRects();for(let i=0;i=event.clientX&&rect.top<=event.clientY&&rect.bottom>=event.clientY)return!0}return!1}(view,startEvent)||1!=getClickType(startEvent))&&null}start(event){!1===this.dragging&&this.select(event)}move(event){var _a;if(0==event.buttons)return this.destroy();if(this.dragging||null==this.dragging&&function dist(a,b){return Math.max(Math.abs(a.clientX-b.clientX),Math.abs(a.clientY-b.clientY))}(this.startEvent,event)<10)return;this.select(this.lastEvent=event);let sx=0,sy=0,rect=(null===(_a=this.scrollParent)||void 0===_a?void 0:_a.getBoundingClientRect())||{left:0,top:0,right:this.view.win.innerWidth,bottom:this.view.win.innerHeight},margins=getScrollMargins(this.view);event.clientX-margins.left<=rect.left+6?sx=-dragScrollSpeed(rect.left-event.clientX):event.clientX+margins.right>=rect.right-6&&(sx=dragScrollSpeed(event.clientX-rect.right)),event.clientY-margins.top<=rect.top+6?sy=-dragScrollSpeed(rect.top-event.clientY):event.clientY+margins.bottom>=rect.bottom-6&&(sy=dragScrollSpeed(event.clientY-rect.bottom)),this.setScrollSpeed(sx,sy)}up(event){null==this.dragging&&this.select(this.lastEvent),this.dragging||event.preventDefault(),this.destroy()}destroy(){this.setScrollSpeed(0,0);let doc=this.view.contentDOM.ownerDocument;doc.removeEventListener("mousemove",this.move),doc.removeEventListener("mouseup",this.up),this.view.inputState.mouseSelection=this.view.inputState.draggedContent=null}setScrollSpeed(sx,sy){this.scrollSpeed={x:sx,y:sy},sx||sy?this.scrolling<0&&(this.scrolling=setInterval((()=>this.scroll()),50)):this.scrolling>-1&&(clearInterval(this.scrolling),this.scrolling=-1)}scroll(){this.scrollParent?(this.scrollParent.scrollLeft+=this.scrollSpeed.x,this.scrollParent.scrollTop+=this.scrollSpeed.y):this.view.win.scrollBy(this.scrollSpeed.x,this.scrollSpeed.y),!1===this.dragging&&this.select(this.lastEvent)}skipAtoms(sel){let ranges=null;for(let i=0;ithis.select(this.lastEvent)),20)}}const handlers=Object.create(null),observers=Object.create(null),brokenClipboardAPI=browser.ie&&browser.ie_version<15||browser.ios&&browser.webkit_version<604;function doPaste(view,input){let changes,{state}=view,i=1,text=state.toText(input),byLine=text.lines==state.selection.ranges.length;if(null!=lastLinewiseCopy&&state.selection.ranges.every((r=>r.empty))&&lastLinewiseCopy==text.toString()){let lastLine=-1;changes=state.changeByRange((range=>{let line=state.doc.lineAt(range.from);if(line.from==lastLine)return{range};lastLine=line.from;let insert=state.toText((byLine?text.line(i++).text:input)+state.lineBreak);return{changes:{from:line.from,insert},range:state_dist.OF.cursor(range.from+insert.length)}}))}else changes=byLine?state.changeByRange((range=>{let line=text.line(i++);return{changes:{from:range.from,to:range.to,insert:line.text},range:state_dist.OF.cursor(range.from+line.length)}})):state.replaceSelection(text);view.dispatch(changes,{userEvent:"input.paste",scrollIntoView:!0})}function rangeForClick(view,pos,bias,type){if(1==type)return state_dist.OF.cursor(pos,bias);if(2==type)return function groupAt(state,pos,bias=1){let categorize=state.charCategorizer(pos),line=state.doc.lineAt(pos),linePos=pos-line.from;if(0==line.length)return state_dist.OF.cursor(pos);0==linePos?bias=1:linePos==line.length&&(bias=-1);let from=linePos,to=linePos;bias<0?from=(0,state_dist.zK)(line.text,linePos,!1):to=(0,state_dist.zK)(line.text,linePos);let cat=categorize(line.text.slice(from,to));for(;from>0;){let prev=(0,state_dist.zK)(line.text,from,!1);if(categorize(line.text.slice(prev,from))!=cat)break;from=prev}for(;to{view.inputState.lastScrollTop=view.scrollDOM.scrollTop,view.inputState.lastScrollLeft=view.scrollDOM.scrollLeft},handlers.keydown=(view,event)=>(view.inputState.setSelectionOrigin("select"),27==event.keyCode&&(view.inputState.lastEscPress=Date.now()),!1),observers.touchstart=(view,e)=>{view.inputState.lastTouchTime=Date.now(),view.inputState.setSelectionOrigin("select.pointer")},observers.touchmove=view=>{view.inputState.setSelectionOrigin("select.pointer")},handlers.mousedown=(view,event)=>{if(view.observer.flush(),view.inputState.lastTouchTime>Date.now()-2e3)return!1;let style=null;for(let makeStyle of view.state.facet(mouseSelectionStyle))if(style=makeStyle(view,event),style)break;if(style||0!=event.button||(style=function basicMouseSelection(view,event){let start=queryPos(view,event),type=getClickType(event),startSel=view.state.selection;return{update(update){update.docChanged&&(start.pos=update.changes.mapPos(start.pos),startSel=startSel.map(update.changes))},get(event,extend,multiple){let removed,cur=queryPos(view,event),range=rangeForClick(view,cur.pos,cur.bias,type);if(start.pos!=cur.pos&&!extend){let startRange=rangeForClick(view,start.pos,start.bias,type),from=Math.min(startRange.from,range.from),to=Math.max(startRange.to,range.to);range=from1&&(removed=function removeRangeAround(sel,pos){for(let i=0;i=pos)return state_dist.OF.create(sel.ranges.slice(0,i).concat(sel.ranges.slice(i+1)),sel.mainIndex==i?0:sel.mainIndex-(sel.mainIndex>i?1:0))}return null}(startSel,cur.pos))?removed:multiple?startSel.addRange(range):state_dist.OF.create([range])}}}(view,event)),style){let mustFocus=!view.hasFocus;view.inputState.startMouseSelection(new MouseSelection(view,event,style,mustFocus)),mustFocus&&view.observer.ignore((()=>focusPreventScroll(view.contentDOM)));let mouseSel=view.inputState.mouseSelection;if(mouseSel)return mouseSel.start(event),!1===mouseSel.dragging}return!1};let insideY=(y,rect)=>y>=rect.top&&y<=rect.bottom,inside=(x,y,rect)=>insideY(y,rect)&&x>=rect.left&&x<=rect.right;function findPositionSide(view,pos,x,y){let line=LineView.find(view.docView,pos);if(!line)return 1;let off=pos-line.posAtStart;if(0==off)return 1;if(off==line.length)return-1;let before=line.coordsAt(off,-1);if(before&&inside(x,y,before))return-1;let after=line.coordsAt(off,1);return after&&inside(x,y,after)?1:before&&insideY(y,before)?-1:1}function queryPos(view,event){let pos=view.posAtCoords({x:event.clientX,y:event.clientY},!1);return{pos,bias:findPositionSide(view,pos,event.clientX,event.clientY)}}const BadMouseDetail=browser.ie&&browser.ie_version<=11;let lastMouseDown=null,lastMouseDownCount=0,lastMouseDownTime=0;function getClickType(event){if(!BadMouseDetail)return event.detail;let last=lastMouseDown,lastTime=lastMouseDownTime;return lastMouseDown=event,lastMouseDownTime=Date.now(),lastMouseDownCount=!last||lastTime>Date.now()-400&&Math.abs(last.clientX-event.clientX)<2&&Math.abs(last.clientY-event.clientY)<2?(lastMouseDownCount+1)%3:1}function dropText(view,event,text,direct){if(!text)return;let dropPos=view.posAtCoords({x:event.clientX,y:event.clientY},!1),{draggedContent}=view.inputState,del=direct&&draggedContent&&function dragMovesSelection(view,event){let facet=view.state.facet(dragMovesSelection$1);return facet.length?facet[0](event):browser.mac?!event.altKey:!event.ctrlKey}(view,event)?{from:draggedContent.from,to:draggedContent.to}:null,ins={from:dropPos,insert:text},changes=view.state.changes(del?[del,ins]:ins);view.focus(),view.dispatch({changes,selection:{anchor:changes.mapPos(dropPos,-1),head:changes.mapPos(dropPos,1)},userEvent:del?"move.drop":"input.drop"}),view.inputState.draggedContent=null}handlers.dragstart=(view,event)=>{let{selection:{main:range}}=view.state;if(event.target.draggable){let cView=view.docView.nearest(event.target);if(cView&&cView.isWidget){let from=cView.posAtStart,to=from+cView.length;(from>=range.to||to<=range.from)&&(range=state_dist.OF.range(from,to))}}let{inputState}=view;return inputState.mouseSelection&&(inputState.mouseSelection.dragging=!0),inputState.draggedContent=range,event.dataTransfer&&(event.dataTransfer.setData("Text",view.state.sliceDoc(range.from,range.to)),event.dataTransfer.effectAllowed="copyMove"),!1},handlers.dragend=view=>(view.inputState.draggedContent=null,!1),handlers.drop=(view,event)=>{if(!event.dataTransfer)return!1;if(view.state.readOnly)return!0;let files=event.dataTransfer.files;if(files&&files.length){let text=Array(files.length),read=0,finishFile=()=>{++read==files.length&&dropText(view,event,text.filter((s=>null!=s)).join(view.state.lineBreak),!1)};for(let i=0;i{/[\x00-\x08\x0e-\x1f]{2}/.test(reader.result)||(text[i]=reader.result),finishFile()},reader.readAsText(files[i])}return!0}{let text=event.dataTransfer.getData("Text");if(text)return dropText(view,event,text,!0),!0}return!1},handlers.paste=(view,event)=>{if(view.state.readOnly)return!0;view.observer.flush();let data=brokenClipboardAPI?null:event.clipboardData;return data?(doPaste(view,data.getData("text/plain")||data.getData("text/uri-list")),!0):(function capturePaste(view){let parent=view.dom.parentNode;if(!parent)return;let target=parent.appendChild(document.createElement("textarea"));target.style.cssText="position: fixed; left: -10000px; top: 10px",target.focus(),setTimeout((()=>{view.focus(),target.remove(),doPaste(view,target.value)}),50)}(view),!1)};let lastLinewiseCopy=null;handlers.copy=handlers.cut=(view,event)=>{let{text,ranges,linewise}=function copiedRange(state){let content=[],ranges=[],linewise=!1;for(let range of state.selection.ranges)range.empty||(content.push(state.sliceDoc(range.from,range.to)),ranges.push(range));if(!content.length){let upto=-1;for(let{from}of state.selection.ranges){let line=state.doc.lineAt(from);line.number>upto&&(content.push(line.text),ranges.push({from:line.from,to:Math.min(state.doc.length,line.to+1)})),upto=line.number}linewise=!0}return{text:content.join(state.lineBreak),ranges,linewise}}(view.state);if(!text&&!linewise)return!1;lastLinewiseCopy=linewise?text:null,"cut"!=event.type||view.state.readOnly||view.dispatch({changes:ranges,scrollIntoView:!0,userEvent:"delete.cut"});let data=brokenClipboardAPI?null:event.clipboardData;return data?(data.clearData(),data.setData("text/plain",text),!0):(function captureCopy(view,text){let parent=view.dom.parentNode;if(!parent)return;let target=parent.appendChild(document.createElement("textarea"));target.style.cssText="position: fixed; left: -10000px; top: 10px",target.value=text,target.focus(),target.selectionEnd=text.length,target.selectionStart=0,setTimeout((()=>{target.remove(),view.focus()}),50)}(view,text),!1)};const isFocusChange=state_dist.YH.define();function focusChangeTransaction(state,focus){let effects=[];for(let getEffect of state.facet(focusChangeEffect)){let effect=getEffect(state,focus);effect&&effects.push(effect)}return effects?state.update({effects,annotations:isFocusChange.of(!0)}):null}function updateForFocusChange(view){setTimeout((()=>{let focus=view.hasFocus;if(focus!=view.inputState.notifiedFocused){let tr=focusChangeTransaction(view.state,focus);tr?view.dispatch(tr):view.update([])}}),10)}observers.focus=view=>{view.inputState.lastFocusTime=Date.now(),view.scrollDOM.scrollTop||!view.inputState.lastScrollTop&&!view.inputState.lastScrollLeft||(view.scrollDOM.scrollTop=view.inputState.lastScrollTop,view.scrollDOM.scrollLeft=view.inputState.lastScrollLeft),updateForFocusChange(view)},observers.blur=view=>{view.observer.clearSelectionRange(),updateForFocusChange(view)},observers.compositionstart=observers.compositionupdate=view=>{null==view.inputState.compositionFirstChange&&(view.inputState.compositionFirstChange=!0),view.inputState.composing<0&&(view.inputState.composing=0)},observers.compositionend=view=>{view.inputState.composing=-1,view.inputState.compositionEndedAt=Date.now(),view.inputState.compositionPendingKey=!0,view.inputState.compositionPendingChange=view.observer.pendingRecords().length>0,view.inputState.compositionFirstChange=null,browser.chrome&&browser.android?view.observer.flushSoon():view.inputState.compositionPendingChange?Promise.resolve().then((()=>view.observer.flush())):setTimeout((()=>{view.inputState.composing<0&&view.docView.hasComposition&&view.update([])}),50)},observers.contextmenu=view=>{view.inputState.lastContextMenu=Date.now()},handlers.beforeinput=(view,event)=>{var _a;let pending;if(browser.chrome&&browser.android&&(pending=PendingKeys.find((key=>key.inputType==event.inputType)))&&(view.observer.delayAndroidKey(pending.key,pending.keyCode),"Backspace"==pending.key||"Delete"==pending.key)){let startViewHeight=(null===(_a=window.visualViewport)||void 0===_a?void 0:_a.height)||0;setTimeout((()=>{var _a;((null===(_a=window.visualViewport)||void 0===_a?void 0:_a.height)||0)>startViewHeight+10&&view.hasFocus&&(view.contentDOM.blur(),view.focus())}),100)}return browser.ios&&"deleteContentForward"==event.inputType&&view.observer.flushSoon(),browser.safari&&"insertText"==event.inputType&&view.inputState.composing>=0&&setTimeout((()=>observers.compositionend(view,event)),20),!1};const appliedFirefoxHack=new Set;const wrappingWhiteSpace=["pre-wrap","normal","pre-line","break-spaces"];class HeightOracle{constructor(lineWrapping){this.lineWrapping=lineWrapping,this.doc=state_dist.EY.empty,this.heightSamples={},this.lineHeight=14,this.charWidth=7,this.textHeight=14,this.lineLength=30,this.heightChanged=!1}heightForGap(from,to){let lines=this.doc.lineAt(to).number-this.doc.lineAt(from).number+1;return this.lineWrapping&&(lines+=Math.max(0,Math.ceil((to-from-lines*this.lineLength*.5)/this.lineLength))),this.lineHeight*lines}heightForLine(length){if(!this.lineWrapping)return this.lineHeight;return(1+Math.max(0,Math.ceil((length-this.lineLength)/(this.lineLength-5))))*this.lineHeight}setDoc(doc){return this.doc=doc,this}mustRefreshForWrapping(whiteSpace){return wrappingWhiteSpace.indexOf(whiteSpace)>-1!=this.lineWrapping}mustRefreshForHeights(lineHeights){let newHeight=!1;for(let i=0;i-1,changed=Math.round(lineHeight)!=Math.round(this.lineHeight)||this.lineWrapping!=lineWrapping;if(this.lineWrapping=lineWrapping,this.lineHeight=lineHeight,this.charWidth=charWidth,this.textHeight=textHeight,this.lineLength=lineLength,changed){this.heightSamples={};for(let i=0;i0}set outdated(value){this.flags=(value?2:0)|-3&this.flags}setHeight(oracle,height){this.height!=height&&(Math.abs(this.height-height)>.001&&(oracle.heightChanged=!0),this.height=height)}replace(_from,_to,nodes){return HeightMap.of(nodes)}decomposeLeft(_to,result){result.push(this)}decomposeRight(_from,result){result.push(this)}applyChanges(decorations,oldDoc,oracle,changes){let me=this,doc=oracle.doc;for(let i=changes.length-1;i>=0;i--){let{fromA,toA,fromB,toB}=changes[i],start=me.lineAt(fromA,QueryType.ByPosNoHeight,oracle.setDoc(oldDoc),0,0),end=start.to>=toA?start:me.lineAt(toA,QueryType.ByPosNoHeight,oracle,0,0);for(toB+=end.to-toA,toA=end.to;i>0&&start.from<=changes[i-1].toA;)fromA=changes[i-1].fromA,fromB=changes[i-1].fromB,i--,fromA2*after){let split=nodes[i-1];split.break?nodes.splice(--i,1,split.left,null,split.right):nodes.splice(--i,1,split.left,split.right),j+=1+split.break,before-=split.size}else{if(!(after>2*before))break;{let split=nodes[j];split.break?nodes.splice(j,1,split.left,null,split.right):nodes.splice(j,1,split.left,split.right),j+=2+split.break,after-=split.size}}else if(before=offset&&f(this.blockAt(0,oracle,top,offset))}updateHeight(oracle,offset=0,_force=!1,measured){return measured&&measured.from<=offset&&measured.more&&this.setHeight(oracle,measured.heights[measured.index++]),this.outdated=!1,this}toString(){return`block(${this.length})`}}class HeightMapText extends HeightMapBlock{constructor(length,height){super(length,height,null),this.collapsed=0,this.widgetHeight=0,this.breaks=0}blockAt(_height,_oracle,top,offset){return new BlockInfo(offset,this.length,top,this.height,this.breaks)}replace(_from,_to,nodes){let node=nodes[0];return 1==nodes.length&&(node instanceof HeightMapText||node instanceof HeightMapGap&&4&node.flags)&&Math.abs(this.length-node.length)<10?(node instanceof HeightMapGap?node=new HeightMapText(node.length,this.height):node.height=this.height,this.outdated||(node.outdated=!1),node):HeightMap.of(nodes)}updateHeight(oracle,offset=0,force=!1,measured){return measured&&measured.from<=offset&&measured.more?this.setHeight(oracle,measured.heights[measured.index++]):(force||this.outdated)&&this.setHeight(oracle,Math.max(this.widgetHeight,oracle.heightForLine(this.length-this.collapsed))+this.breaks*oracle.lineHeight),this.outdated=!1,this}toString(){return`line(${this.length}${this.collapsed?-this.collapsed:""}${this.widgetHeight?":"+this.widgetHeight:""})`}}class HeightMapGap extends HeightMap{constructor(length){super(length,0)}heightMetrics(oracle,offset){let perLine,firstLine=oracle.doc.lineAt(offset).number,lastLine=oracle.doc.lineAt(offset+this.length).number,lines=lastLine-firstLine+1,perChar=0;if(oracle.lineWrapping){let totalPerLine=Math.min(this.height,oracle.lineHeight*lines);perLine=totalPerLine/lines,this.length>lines+1&&(perChar=(this.height-totalPerLine)/(this.length-lines-1))}else perLine=this.height/lines;return{firstLine,lastLine,perLine,perChar}}blockAt(height,oracle,top,offset){let{firstLine,lastLine,perLine,perChar}=this.heightMetrics(oracle,offset);if(oracle.lineWrapping){let guess=offset+(height0){let last=nodes[nodes.length-1];last instanceof HeightMapGap?nodes[nodes.length-1]=new HeightMapGap(last.length+after):nodes.push(null,new HeightMapGap(after-1))}if(from>0){let first=nodes[0];first instanceof HeightMapGap?nodes[0]=new HeightMapGap(from+first.length):nodes.unshift(new HeightMapGap(from-1),null)}return HeightMap.of(nodes)}decomposeLeft(to,result){result.push(new HeightMapGap(to-1),null)}decomposeRight(from,result){result.push(null,new HeightMapGap(this.length-from-1))}updateHeight(oracle,offset=0,force=!1,measured){let end=offset+this.length;if(measured&&measured.from<=offset+this.length&&measured.more){let nodes=[],pos=Math.max(offset,measured.from),singleHeight=-1;for(measured.from>offset&&nodes.push(new HeightMapGap(measured.from-offset-1).updateHeight(oracle,offset));pos<=end&&measured.more;){let len=oracle.doc.lineAt(pos).length;nodes.length&&nodes.push(null);let height=measured.heights[measured.index++];-1==singleHeight?singleHeight=height:Math.abs(height-singleHeight)>=.001&&(singleHeight=-2);let line=new HeightMapText(len,height);line.outdated=!1,nodes.push(line),pos+=len+1}pos<=end&&nodes.push(null,new HeightMapGap(end-pos).updateHeight(oracle,pos));let result=HeightMap.of(nodes);return(singleHeight<0||Math.abs(result.height-this.height)>=.001||Math.abs(singleHeight-this.heightMetrics(oracle,offset).perLine)>=.001)&&(oracle.heightChanged=!0),result}return(force||this.outdated)&&(this.setHeight(oracle,oracle.heightForGap(offset,offset+this.length)),this.outdated=!1),this}toString(){return`gap(${this.length})`}}class HeightMapBranch extends HeightMap{constructor(left,brk,right){super(left.length+brk+right.length,left.height+right.height,brk|(left.outdated||right.outdated?2:0)),this.left=left,this.right=right,this.size=left.size+right.size}get break(){return 1&this.flags}blockAt(height,oracle,top,offset){let mid=top+this.left.height;return heightrightOffset))return base;let subQuery=type==QueryType.ByPosNoHeight?QueryType.ByPosNoHeight:QueryType.ByPos;return left?base.join(this.right.lineAt(rightOffset,subQuery,oracle,rightTop,rightOffset)):this.left.lineAt(rightOffset,subQuery,oracle,top,offset).join(base)}forEachLine(from,to,oracle,top,offset,f){let rightTop=top+this.left.height,rightOffset=offset+this.left.length+this.break;if(this.break)from=rightOffset&&this.right.forEachLine(from,to,oracle,rightTop,rightOffset,f);else{let mid=this.lineAt(rightOffset,QueryType.ByPos,oracle,top,offset);from=from&&mid.from<=to&&f(mid),to>mid.to&&this.right.forEachLine(mid.to+1,to,oracle,rightTop,rightOffset,f)}}replace(from,to,nodes){let rightStart=this.left.length+this.break;if(tothis.left.length)return this.balanced(this.left,this.right.replace(from-rightStart,to-rightStart,nodes));let result=[];from>0&&this.decomposeLeft(from,result);let left=result.length;for(let node of nodes)result.push(node);if(from>0&&mergeGaps(result,left-1),to=left&&result.push(null)),to>left&&this.right.decomposeLeft(to-left,result)}decomposeRight(from,result){let left=this.left.length,right=left+this.break;if(from>=right)return this.right.decomposeRight(from-right,result);from2*right.size||right.size>2*left.size?HeightMap.of(this.break?[left,null,right]:[left,right]):(this.left=left,this.right=right,this.height=left.height+right.height,this.outdated=left.outdated||right.outdated,this.size=left.size+right.size,this.length=left.length+this.break+right.length,this)}updateHeight(oracle,offset=0,force=!1,measured){let{left,right}=this,rightStart=offset+left.length+this.break,rebalance=null;return measured&&measured.from<=offset+left.length&&measured.more?rebalance=left=left.updateHeight(oracle,offset,force,measured):left.updateHeight(oracle,offset,force),measured&&measured.from<=rightStart+right.length&&measured.more?rebalance=right=right.updateHeight(oracle,rightStart,force,measured):right.updateHeight(oracle,rightStart,force),rebalance?this.balanced(left,right):(this.height=this.left.height+this.right.height,this.outdated=!1,this)}toString(){return this.left+(this.break?" ":"-")+this.right}}function mergeGaps(nodes,around){let before,after;null==nodes[around]&&(before=nodes[around-1])instanceof HeightMapGap&&(after=nodes[around+1])instanceof HeightMapGap&&nodes.splice(around-1,3,new HeightMapGap(before.length+1+after.length))}class NodeBuilder{constructor(pos,oracle){this.pos=pos,this.oracle=oracle,this.nodes=[],this.lineStart=-1,this.lineEnd=-1,this.covering=null,this.writtenTo=pos}get isCovered(){return this.covering&&this.nodes[this.nodes.length-1]==this.covering}span(_from,to){if(this.lineStart>-1){let end=Math.min(to,this.lineEnd),last=this.nodes[this.nodes.length-1];last instanceof HeightMapText?last.length+=end-this.pos:(end>this.pos||!this.isCovered)&&this.nodes.push(new HeightMapText(end-this.pos,-1)),this.writtenTo=end,to>end&&(this.nodes.push(null),this.writtenTo++,this.lineStart=-1)}this.pos=to}point(from,to,deco){if(from=5)&&this.addLineDeco(height,breaks,len)}else to>from&&this.span(from,to);this.lineEnd>-1&&this.lineEnd-1)return;let{from,to}=this.oracle.doc.lineAt(this.pos);this.lineStart=from,this.lineEnd=to,this.writtenTofrom&&this.nodes.push(new HeightMapText(this.pos-from,-1)),this.writtenTo=this.pos}blankContent(from,to){let gap=new HeightMapGap(to-from);return this.oracle.doc.lineAt(from).to==to&&(gap.flags|=4),gap}ensureLine(){this.enterLine();let last=this.nodes.length?this.nodes[this.nodes.length-1]:null;if(last instanceof HeightMapText)return last;let line=new HeightMapText(0,-1);return this.nodes.push(line),line}addBlock(block){this.enterLine();let deco=block.deco;deco&&deco.startSide>0&&!this.isCovered&&this.ensureLine(),this.nodes.push(block),this.writtenTo=this.pos=this.pos+block.length,deco&&deco.endSide>0&&(this.covering=block)}addLineDeco(height,breaks,length){let line=this.ensureLine();line.length+=length,line.collapsed+=length,line.widgetHeight=Math.max(line.widgetHeight,height),line.breaks+=breaks,this.writtenTo=this.pos=this.pos+length}finish(from){let last=0==this.nodes.length?null:this.nodes[this.nodes.length-1];!(this.lineStart>-1)||last instanceof HeightMapText||this.isCovered?(this.writtenToelt.clientHeight||elt.scrollWidth>elt.clientWidth)&&"visible"!=style.overflow){let parentRect=elt.getBoundingClientRect();left=Math.max(left,parentRect.left),right=Math.min(right,parentRect.right),top=Math.max(top,parentRect.top),bottom=parent==dom.parentNode?parentRect.bottom:Math.min(bottom,parentRect.bottom)}parent="absolute"==style.position||"fixed"==style.position?elt.offsetParent:elt.parentNode}else{if(11!=parent.nodeType)break;parent=parent.host}return{left:left-rect.left,right:Math.max(left,right)-rect.left,top:top-(rect.top+paddingTop),bottom:Math.max(top,bottom)-(rect.top+paddingTop)}}function fullPixelRange(dom,paddingTop){let rect=dom.getBoundingClientRect();return{left:0,right:rect.right-rect.left,top:paddingTop,bottom:rect.bottom-(rect.top+paddingTop)}}class LineGap{constructor(from,to,size){this.from=from,this.to=to,this.size=size}static same(a,b){if(a.length!=b.length)return!1;for(let i=0;i"function"!=typeof v&&"cm-lineWrapping"==v.class));this.heightOracle=new HeightOracle(guessWrapping),this.stateDeco=state.facet(decorations).filter((d=>"function"!=typeof d)),this.heightMap=HeightMap.empty().applyChanges(this.stateDeco,state_dist.EY.empty,this.heightOracle.setDoc(state.doc),[new ChangedRange(0,0,0,state.doc.length)]),this.viewport=this.getViewport(0,null),this.updateViewportLines(),this.updateForViewport(),this.lineGaps=this.ensureLineGaps([]),this.lineGapDeco=Decoration.set(this.lineGaps.map((gap=>gap.draw(this,!1)))),this.computeVisibleRanges()}updateForViewport(){let viewports=[this.viewport],{main}=this.state.selection;for(let i=0;i<=1;i++){let pos=i?main.head:main.anchor;if(!viewports.some((({from,to})=>pos>=from&&pos<=to))){let{from,to}=this.lineBlockAt(pos);viewports.push(new Viewport(from,to))}}this.viewports=viewports.sort(((a,b)=>a.from-b.from)),this.scaler=this.heightMap.height<=7e6?IdScaler:new BigScaler(this.heightOracle,this.heightMap,this.viewports)}updateViewportLines(){this.viewportLines=[],this.heightMap.forEachLine(this.viewport.from,this.viewport.to,this.heightOracle.setDoc(this.state.doc),0,0,(block=>{this.viewportLines.push(1==this.scaler.scale?block:scaleBlock(block,this.scaler))}))}update(update,scrollTarget=null){this.state=update.state;let prevDeco=this.stateDeco;this.stateDeco=this.state.facet(decorations).filter((d=>"function"!=typeof d));let contentChanges=update.changedRanges,heightChanges=ChangedRange.extendWithRanges(contentChanges,function heightRelevantDecoChanges(a,b,diff){let comp=new DecorationComparator;return state_dist.om.compare(a,b,diff,comp,0),comp.changes}(prevDeco,this.stateDeco,update?update.changes:state_dist.VR.empty(this.state.doc.length))),prevHeight=this.heightMap.height,scrollAnchor=this.scrolledToBottom?null:this.scrollAnchorAt(this.scrollTop);this.heightMap=this.heightMap.applyChanges(this.stateDeco,update.startState.doc,this.heightOracle.setDoc(this.state.doc),heightChanges),this.heightMap.height!=prevHeight&&(update.flags|=2),scrollAnchor?(this.scrollAnchorPos=update.changes.mapPos(scrollAnchor.from,-1),this.scrollAnchorHeight=scrollAnchor.top):(this.scrollAnchorPos=-1,this.scrollAnchorHeight=this.heightMap.height);let viewport=heightChanges.length?this.mapViewport(this.viewport,update.changes):this.viewport;(scrollTarget&&(scrollTarget.range.headviewport.to)||!this.viewportIsAppropriate(viewport))&&(viewport=this.getViewport(0,scrollTarget));let updateLines=!update.changes.empty||2&update.flags||viewport.from!=this.viewport.from||viewport.to!=this.viewport.to;this.viewport=viewport,this.updateForViewport(),updateLines&&this.updateViewportLines(),(this.lineGaps.length||this.viewport.to-this.viewport.from>4e3)&&this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps,update.changes))),update.flags|=this.computeVisibleRanges(),scrollTarget&&(this.scrollTarget=scrollTarget),!this.mustEnforceCursorAssoc&&update.selectionSet&&update.view.lineWrapping&&update.state.selection.main.empty&&update.state.selection.main.assoc&&!update.state.facet(nativeSelectionHidden)&&(this.mustEnforceCursorAssoc=!0)}measure(view){let dom=view.contentDOM,style=window.getComputedStyle(dom),oracle=this.heightOracle,whiteSpace=style.whiteSpace;this.defaultTextDirection="rtl"==style.direction?Direction.RTL:Direction.LTR;let refresh=this.heightOracle.mustRefreshForWrapping(whiteSpace),domRect=dom.getBoundingClientRect(),measureContent=refresh||this.mustMeasureContent||this.contentDOMHeight!=domRect.height;this.contentDOMHeight=domRect.height,this.mustMeasureContent=!1;let result=0,bias=0;if(domRect.width&&domRect.height){let{scaleX,scaleY}=getScale(dom,domRect);(scaleX>.005&&Math.abs(this.scaleX-scaleX)>.005||scaleY>.005&&Math.abs(this.scaleY-scaleY)>.005)&&(this.scaleX=scaleX,this.scaleY=scaleY,result|=8,refresh=measureContent=!0)}let paddingTop=(parseInt(style.paddingTop)||0)*this.scaleY,paddingBottom=(parseInt(style.paddingBottom)||0)*this.scaleY;this.paddingTop==paddingTop&&this.paddingBottom==paddingBottom||(this.paddingTop=paddingTop,this.paddingBottom=paddingBottom,result|=10),this.editorWidth!=view.scrollDOM.clientWidth&&(oracle.lineWrapping&&(measureContent=!0),this.editorWidth=view.scrollDOM.clientWidth,result|=8);let scrollTop=view.scrollDOM.scrollTop*this.scaleY;this.scrollTop!=scrollTop&&(this.scrollAnchorHeight=-1,this.scrollTop=scrollTop),this.scrolledToBottom=isScrolledToBottom(view.scrollDOM);let pixelViewport=(this.printing?fullPixelRange:visiblePixelRange)(dom,this.paddingTop),dTop=pixelViewport.top-this.pixelViewport.top,dBottom=pixelViewport.bottom-this.pixelViewport.bottom;this.pixelViewport=pixelViewport;let inView=this.pixelViewport.bottom>this.pixelViewport.top&&this.pixelViewport.right>this.pixelViewport.left;if(inView!=this.inView&&(this.inView=inView,inView&&(measureContent=!0)),!this.inView&&!this.scrollTarget)return 0;let contentWidth=domRect.width;if(this.contentDOMWidth==contentWidth&&this.editorHeight==view.scrollDOM.clientHeight||(this.contentDOMWidth=domRect.width,this.editorHeight=view.scrollDOM.clientHeight,result|=8),measureContent){let lineHeights=view.docView.measureVisibleLineHeights(this.viewport);if(oracle.mustRefreshForHeights(lineHeights)&&(refresh=!0),refresh||oracle.lineWrapping&&Math.abs(contentWidth-this.contentDOMWidth)>oracle.charWidth){let{lineHeight,charWidth,textHeight}=view.docView.measureTextSize();refresh=lineHeight>0&&oracle.refresh(whiteSpace,lineHeight,charWidth,textHeight,contentWidth/charWidth,lineHeights),refresh&&(view.docView.minWidth=0,result|=8)}dTop>0&&dBottom>0?bias=Math.max(dTop,dBottom):dTop<0&&dBottom<0&&(bias=Math.min(dTop,dBottom)),oracle.heightChanged=!1;for(let vp of this.viewports){let heights=vp.from==this.viewport.from?lineHeights:view.docView.measureVisibleLineHeights(vp);this.heightMap=(refresh?HeightMap.empty().applyChanges(this.stateDeco,state_dist.EY.empty,this.heightOracle,[new ChangedRange(0,0,0,view.state.doc.length)]):this.heightMap).updateHeight(oracle,0,refresh,new MeasuredHeights(vp.from,heights))}oracle.heightChanged&&(result|=2)}let viewportChange=!this.viewportIsAppropriate(this.viewport,bias)||this.scrollTarget&&(this.scrollTarget.range.headthis.viewport.to);return viewportChange&&(this.viewport=this.getViewport(bias,this.scrollTarget)),this.updateForViewport(),(2&result||viewportChange)&&this.updateViewportLines(),(this.lineGaps.length||this.viewport.to-this.viewport.from>4e3)&&this.updateLineGaps(this.ensureLineGaps(refresh?[]:this.lineGaps,view)),result|=this.computeVisibleRanges(),this.mustEnforceCursorAssoc&&(this.mustEnforceCursorAssoc=!1,view.docView.enforceCursorAssoc()),result}get visibleTop(){return this.scaler.fromDOM(this.pixelViewport.top)}get visibleBottom(){return this.scaler.fromDOM(this.pixelViewport.bottom)}getViewport(bias,scrollTarget){let marginTop=.5-Math.max(-.5,Math.min(.5,bias/1e3/2)),map=this.heightMap,oracle=this.heightOracle,{visibleTop,visibleBottom}=this,viewport=new Viewport(map.lineAt(visibleTop-1e3*marginTop,QueryType.ByHeight,oracle,0,0).from,map.lineAt(visibleBottom+1e3*(1-marginTop),QueryType.ByHeight,oracle,0,0).to);if(scrollTarget){let{head}=scrollTarget.range;if(headviewport.to){let topPos,viewHeight=Math.min(this.editorHeight,this.pixelViewport.bottom-this.pixelViewport.top),block=map.lineAt(head,QueryType.ByPos,oracle,0,0);topPos="center"==scrollTarget.y?(block.top+block.bottom)/2-viewHeight/2:"start"==scrollTarget.y||"nearest"==scrollTarget.y&&head=visibleBottom+Math.max(10,Math.min(bias,250)))&&top>visibleTop-2e3&&bottom>1,doubleMargin=margin<<1;if(this.defaultTextDirection!=Direction.LTR&&!wrapping)return[];let gaps=[],addGap=(from,to,line,structure)=>{if(to-fromfrom&&posgap.from>=line.from&&gap.to<=line.to&&Math.abs(gap.from-from)gap.frompos))));if(!gap){if(tor.from<=to&&r.to>=to))){let lineStart=mayMeasure.moveToLineBoundary(state_dist.OF.cursor(to),!1,!0).head;lineStart>from&&(to=lineStart)}gap=new LineGap(from,to,this.gapSize(line,from,to,structure))}gaps.push(gap)};for(let line of this.viewportLines){if(line.lengthline.from&&addGap(line.from,viewFrom,line,structure),viewTogap.draw(this,this.heightOracle.lineWrapping)))))}computeVisibleRanges(){let deco=this.stateDeco;this.lineGaps.length&&(deco=deco.concat(this.lineGapDeco));let ranges=[];state_dist.om.spans(deco,this.viewport.from,this.viewport.to,{span(from,to){ranges.push({from,to})},point(){}},20);let changed=ranges.length!=this.visibleRanges.length||this.visibleRanges.some(((r,i)=>r.from!=ranges[i].from||r.to!=ranges[i].to));return this.visibleRanges=ranges,changed?4:0}lineBlockAt(pos){return pos>=this.viewport.from&&pos<=this.viewport.to&&this.viewportLines.find((b=>b.from<=pos&&b.to>=pos))||scaleBlock(this.heightMap.lineAt(pos,QueryType.ByPos,this.heightOracle,0,0),this.scaler)}lineBlockAtHeight(height){return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height),QueryType.ByHeight,this.heightOracle,0,0),this.scaler)}scrollAnchorAt(scrollTop){let block=this.lineBlockAtHeight(scrollTop+8);return block.from>=this.viewport.from||this.viewportLines[0].top-scrollTop>200?block:this.viewportLines[0]}elementAtHeight(height){return scaleBlock(this.heightMap.blockAt(this.scaler.fromDOM(height),this.heightOracle,0,0),this.scaler)}get docHeight(){return this.scaler.toDOM(this.heightMap.height)}get contentHeight(){return this.docHeight+this.paddingTop+this.paddingBottom}}class Viewport{constructor(from,to){this.from=from,this.to=to}}function lineStructure(from,to,stateDeco){let ranges=[],pos=from,total=0;return state_dist.om.spans(stateDeco,from,to,{span(){},point(from,to){from>pos&&(ranges.push({from:pos,to:from}),total+=from-pos),pos=to}},20),pos=1)return ranges[ranges.length-1].to;let dist=Math.floor(total*ratio);for(let i=0;;i++){let{from,to}=ranges[i],size=to-from;if(dist<=size)return from+dist;dist-=size}}function findFraction(structure,pos){let counted=0;for(let{from,to}of structure.ranges){if(pos<=to){counted+=pos-from;break}counted+=to-from}return counted/structure.total}const IdScaler={toDOM:n=>n,fromDOM:n=>n,scale:1};class BigScaler{constructor(oracle,heightMap,viewports){let vpHeight=0,base=0,domBase=0;this.viewports=viewports.map((({from,to})=>{let top=heightMap.lineAt(from,QueryType.ByPos,oracle,0,0).top,bottom=heightMap.lineAt(to,QueryType.ByPos,oracle,0,0).bottom;return vpHeight+=bottom-top,{from,to,top,bottom,domTop:0,domBottom:0}})),this.scale=(7e6-vpHeight)/(heightMap.height-vpHeight);for(let obj of this.viewports)obj.domTop=domBase+(obj.top-base)*this.scale,domBase=obj.domBottom=obj.domTop+(obj.bottom-obj.top),base=obj.bottom}toDOM(n){for(let i=0,base=0,domBase=0;;i++){let vp=iscaleBlock(b,scaler))):block._content)}const theme=state_dist.sj.define({combine:strs=>strs.join(" ")}),darkTheme=state_dist.sj.define({combine:values=>values.indexOf(!0)>-1}),baseThemeID=style_mod.G.newName(),baseLightID=style_mod.G.newName(),baseDarkID=style_mod.G.newName(),lightDarkIDs={"&light":"."+baseLightID,"&dark":"."+baseDarkID};function buildTheme(main,spec,scopes){return new style_mod.G(spec,{finish:sel=>/&/.test(sel)?sel.replace(/&\w*/,(m=>{if("&"==m)return main;if(!scopes||!scopes[m])throw new RangeError(`Unsupported selector: ${m}`);return scopes[m]})):main+" "+sel})}const baseTheme$1=buildTheme("."+baseThemeID,{"&":{position:"relative !important",boxSizing:"border-box","&.cm-focused":{outline:"1px dotted #212121"},display:"flex !important",flexDirection:"column"},".cm-scroller":{display:"flex !important",alignItems:"flex-start !important",fontFamily:"monospace",lineHeight:1.4,height:"100%",overflowX:"auto",position:"relative",zIndex:0},".cm-content":{margin:0,flexGrow:2,flexShrink:0,display:"block",whiteSpace:"pre",wordWrap:"normal",boxSizing:"border-box",minHeight:"100%",padding:"4px 0",outline:"none","&[contenteditable=true]":{WebkitUserModify:"read-write-plaintext-only"}},".cm-lineWrapping":{whiteSpace_fallback:"pre-wrap",whiteSpace:"break-spaces",wordBreak:"break-word",overflowWrap:"anywhere",flexShrink:1},"&light .cm-content":{caretColor:"black"},"&dark .cm-content":{caretColor:"white"},".cm-line":{display:"block",padding:"0 2px 0 6px"},".cm-layer":{position:"absolute",left:0,top:0,contain:"size style","& > *":{position:"absolute"}},"&light .cm-selectionBackground":{background:"#d9d9d9"},"&dark .cm-selectionBackground":{background:"#222"},"&light.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground":{background:"#d7d4f0"},"&dark.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground":{background:"#233"},".cm-cursorLayer":{pointerEvents:"none"},"&.cm-focused > .cm-scroller > .cm-cursorLayer":{animation:"steps(1) cm-blink 1.2s infinite"},"@keyframes cm-blink":{"0%":{},"50%":{opacity:0},"100%":{}},"@keyframes cm-blink2":{"0%":{},"50%":{opacity:0},"100%":{}},".cm-cursor, .cm-dropCursor":{borderLeft:"1.2px solid black",marginLeft:"-0.6px",pointerEvents:"none"},".cm-cursor":{display:"none"},"&dark .cm-cursor":{borderLeftColor:"#444"},".cm-dropCursor":{position:"absolute"},"&.cm-focused > .cm-scroller > .cm-cursorLayer .cm-cursor":{display:"block"},".cm-iso":{unicodeBidi:"isolate"},".cm-announced":{position:"fixed",top:"-10000px"},"@media print":{".cm-announced":{display:"none"}},"&light .cm-activeLine":{backgroundColor:"#cceeff44"},"&dark .cm-activeLine":{backgroundColor:"#99eeff33"},"&light .cm-specialChar":{color:"red"},"&dark .cm-specialChar":{color:"#f78"},".cm-gutters":{flexShrink:0,display:"flex",height:"100%",boxSizing:"border-box",insetInlineStart:0,zIndex:200},"&light .cm-gutters":{backgroundColor:"#f5f5f5",color:"#6c6c6c",borderRight:"1px solid #ddd"},"&dark .cm-gutters":{backgroundColor:"#333338",color:"#ccc"},".cm-gutter":{display:"flex !important",flexDirection:"column",flexShrink:0,boxSizing:"border-box",minHeight:"100%",overflow:"hidden"},".cm-gutterElement":{boxSizing:"border-box"},".cm-lineNumbers .cm-gutterElement":{padding:"0 3px 0 5px",minWidth:"20px",textAlign:"right",whiteSpace:"nowrap"},"&light .cm-activeLineGutter":{backgroundColor:"#e2f2ff"},"&dark .cm-activeLineGutter":{backgroundColor:"#222227"},".cm-panels":{boxSizing:"border-box",position:"sticky",left:0,right:0},"&light .cm-panels":{backgroundColor:"#f5f5f5",color:"black"},"&light .cm-panels-top":{borderBottom:"1px solid #ddd"},"&light .cm-panels-bottom":{borderTop:"1px solid #ddd"},"&dark .cm-panels":{backgroundColor:"#333338",color:"white"},".cm-tab":{display:"inline-block",overflow:"hidden",verticalAlign:"bottom"},".cm-widgetBuffer":{verticalAlign:"text-top",height:"1em",width:0,display:"inline"},".cm-placeholder":{color:"#888",display:"inline-block",verticalAlign:"top"},".cm-highlightSpace:before":{content:"attr(data-display)",position:"absolute",pointerEvents:"none",color:"#888"},".cm-highlightTab":{backgroundImage:'url(\'data:image/svg+xml,\')',backgroundSize:"auto 100%",backgroundPosition:"right 90%",backgroundRepeat:"no-repeat"},".cm-trailingSpace":{backgroundColor:"#ff332255"},".cm-button":{verticalAlign:"middle",color:"inherit",fontSize:"70%",padding:".2em 1em",borderRadius:"1px"},"&light .cm-button":{backgroundImage:"linear-gradient(#eff1f5, #d9d9df)",border:"1px solid #888","&:active":{backgroundImage:"linear-gradient(#b4b4b4, #d0d3d6)"}},"&dark .cm-button":{backgroundImage:"linear-gradient(#393939, #111)",border:"1px solid #888","&:active":{backgroundImage:"linear-gradient(#111, #333)"}},".cm-textfield":{verticalAlign:"middle",color:"inherit",fontSize:"70%",border:"1px solid silver",padding:".2em .5em"},"&light .cm-textfield":{backgroundColor:"white"},"&dark .cm-textfield":{border:"1px solid #555",backgroundColor:"inherit"}},lightDarkIDs);class DOMReader{constructor(points,state){this.points=points,this.text="",this.lineSeparator=state.facet(state_dist.$t.lineSeparator)}append(text){this.text+=text}lineBreak(){this.text+=""}readRange(start,end){if(!start)return this;let parent=start.parentNode;for(let cur=start;;){this.findPointBefore(parent,cur);let oldLen=this.text.length;this.readNode(cur);let next=cur.nextSibling;if(next==end)break;let view=ContentView.get(cur),nextView=ContentView.get(next);(view&&nextView?view.breakAfter:(view?view.breakAfter:isBlockElement(cur))||isBlockElement(next)&&("BR"!=cur.nodeName||cur.cmIgnore)&&this.text.length>oldLen)&&this.lineBreak(),cur=next}return this.findPointBefore(parent,end),this}readTextNode(node){let text=node.nodeValue;for(let point of this.points)point.node==node&&(point.pos=this.text.length+Math.min(point.offset,text.length));for(let off=0,re=this.lineSeparator?null:/\r\n?|\n/g;;){let m,nextBreak=-1,breakSize=1;if(this.lineSeparator?(nextBreak=text.indexOf(this.lineSeparator,off),breakSize=this.lineSeparator.length):(m=re.exec(text))&&(nextBreak=m.index,breakSize=m[0].length),this.append(text.slice(off,nextBreak<0?text.length:nextBreak)),nextBreak<0)break;if(this.lineBreak(),breakSize>1)for(let point of this.points)point.node==node&&point.pos>this.text.length&&(point.pos-=breakSize-1);off=nextBreak+breakSize}}readNode(node){if(node.cmIgnore)return;let view=ContentView.get(node),fromView=view&&view.overrideDOMText;if(null!=fromView){this.findPointInside(node,fromView.length);for(let i=fromView.iter();!i.next().done;)i.lineBreak?this.lineBreak():this.append(i.value)}else 3==node.nodeType?this.readTextNode(node):"BR"==node.nodeName?node.nextSibling&&this.lineBreak():1==node.nodeType&&this.readRange(node.firstChild,null)}findPointBefore(node,next){for(let point of this.points)point.node==node&&node.childNodes[point.offset]==next&&(point.pos=this.text.length)}findPointInside(node,length){for(let point of this.points)(3==node.nodeType?point.node==node:node.contains(point.node))&&(point.pos=this.text.length+(isAtEnd(node,point.node,point.offset)?length:0))}}function isAtEnd(parent,node,offset){for(;;){if(!node||offset-1)this.newSel=null;else if(start>-1&&(this.bounds=view.docView.domBoundsAround(start,end,0))){let selPoints=iHead||iAnchor?[]:function selectionPoints(view){let result=[];if(view.root.activeElement!=view.contentDOM)return result;let{anchorNode,anchorOffset,focusNode,focusOffset}=view.observer.selectionRange;anchorNode&&(result.push(new DOMPoint(anchorNode,anchorOffset)),focusNode==anchorNode&&focusOffset==anchorOffset||result.push(new DOMPoint(focusNode,focusOffset)));return result}(view),reader=new DOMReader(selPoints,view.state);reader.readRange(this.bounds.startDOM,this.bounds.endDOM),this.text=reader.text,this.newSel=function selectionFromPoints(points,base){if(0==points.length)return null;let anchor=points[0].pos,head=2==points.length?points[1].pos:anchor;return anchor>-1&&head>-1?state_dist.OF.single(anchor+base,head+base):null}(selPoints,this.bounds.from)}else{let domSel=view.observer.selectionRange,head=iHead&&iHead.node==domSel.focusNode&&iHead.offset==domSel.focusOffset||!contains(view.contentDOM,domSel.focusNode)?view.state.selection.main.head:view.docView.posFromDOM(domSel.focusNode,domSel.focusOffset),anchor=iAnchor&&iAnchor.node==domSel.anchorNode&&iAnchor.offset==domSel.anchorOffset||!contains(view.contentDOM,domSel.anchorNode)?view.state.selection.main.anchor:view.docView.posFromDOM(domSel.anchorNode,domSel.anchorOffset),vp=view.viewport;if((browser.ios||browser.chrome)&&view.state.selection.main.empty&&head!=anchor&&(vp.from>0||vp.toDate.now()-100?view.inputState.lastKeyCode:-1;if(domChange.bounds){let{from,to}=domChange.bounds,preferredPos=sel.from,preferredSide=null;(8===lastKey||browser.android&&domChange.text.length0&&toB>0&&a.charCodeAt(toA-1)==b.charCodeAt(toB-1);)toA--,toB--;if("end"==preferredSide){preferredPos-=toA+Math.max(0,from-Math.min(toA,toB))-from}if(toA=toA?from-preferredPos:0,toB=from+(toB-toA),toA=from}else if(toB=toB?from-preferredPos:0,toA=from+(toA-toB),toB=from}return{from,toA,toB}}(view.state.doc.sliceString(from,to,""),domChange.text,preferredPos-from,preferredSide);diff&&(browser.chrome&&13==lastKey&&diff.toB==diff.from+2&&""==domChange.text.slice(diff.from,diff.toB)&&diff.toB--,change={from:from+diff.from,to:from+diff.toA,insert:state_dist.EY.of(domChange.text.slice(diff.from,diff.toB).split(""))})}else newSel&&(!view.hasFocus&&view.state.facet(editable)||newSel.main.eq(sel))&&(newSel=null);if(!change&&!newSel)return!1;if(!change&&domChange.typeOver&&!sel.empty&&newSel&&newSel.main.empty?change={from:sel.from,to:sel.to,insert:view.state.doc.slice(sel.from,sel.to)}:change&&change.from>=sel.from&&change.to<=sel.to&&(change.from!=sel.from||change.to!=sel.to)&&sel.to-sel.from-(change.to-change.from)<=4?change={from:sel.from,to:sel.to,insert:view.state.doc.slice(sel.from,change.from).append(change.insert).append(view.state.doc.slice(change.to,sel.to))}:(browser.mac||browser.android)&&change&&change.from==change.to&&change.from==sel.head-1&&/^\. ?$/.test(change.insert.toString())&&"off"==view.contentDOM.getAttribute("autocorrect")?(newSel&&2==change.insert.length&&(newSel=state_dist.OF.single(newSel.main.anchor-1,newSel.main.head-1)),change={from:sel.from,to:sel.to,insert:state_dist.EY.of([" "])}):browser.chrome&&change&&change.from==change.to&&change.from==sel.head&&"\n "==change.insert.toString()&&view.lineWrapping&&(newSel&&(newSel=state_dist.OF.single(newSel.main.anchor-1,newSel.main.head-1)),change={from:sel.from,to:sel.to,insert:state_dist.EY.of([" "])}),change){if(browser.ios&&view.inputState.flushIOSKey(change))return!0;if(browser.android&&(change.to==sel.to&&(change.from==sel.from||change.from==sel.from-1&&" "==view.state.sliceDoc(change.from,sel.from))&&1==change.insert.length&&2==change.insert.lines&&dispatchKey(view.contentDOM,"Enter",13)||(change.from==sel.from-1&&change.to==sel.to&&0==change.insert.length||8==lastKey&&change.insert.lengthsel.head)&&dispatchKey(view.contentDOM,"Backspace",8)||change.from==sel.from&&change.to==sel.to+1&&0==change.insert.length&&dispatchKey(view.contentDOM,"Delete",46)))return!0;let defaultTr,text=change.insert.toString();view.inputState.composing>=0&&view.inputState.composing++;let defaultInsert=()=>defaultTr||(defaultTr=function applyDefaultInsert(view,change,newSel){let tr,startState=view.state,sel=startState.selection.main;if(change.from>=sel.from&&change.to<=sel.to&&change.to-change.from>=(sel.to-sel.from)/3&&(!newSel||newSel.main.empty&&newSel.main.from==change.from+change.insert.length)&&view.inputState.composing<0){let before=sel.fromchange.to?startState.sliceDoc(change.to,sel.to):"";tr=startState.replaceSelection(view.state.toText(before+change.insert.sliceString(0,void 0,view.state.lineBreak)+after))}else{let changes=startState.changes(change),mainSel=newSel&&newSel.main.to<=changes.newLength?newSel.main:void 0;if(startState.selection.ranges.length>1&&view.inputState.composing>=0&&change.to<=sel.to&&change.to>=sel.to-10){let compositionRange,replaced=view.state.sliceDoc(change.from,change.to),composition=newSel&&findCompositionNode(view,newSel.main.head);if(composition){let dLen=change.insert.length-(change.to-change.from);compositionRange={from:composition.from,to:composition.to-dLen}}else compositionRange=view.state.doc.lineAt(sel.head);let offset=sel.to-change.to,size=sel.to-sel.from;tr=startState.changeByRange((range=>{if(range.from==sel.from&&range.to==sel.to)return{changes,range:mainSel||range.map(changes)};let to=range.to-offset,from=to-replaced.length;if(range.to-range.from!=size||view.state.sliceDoc(from,to)!=replaced||range.to>=compositionRange.from&&range.from<=compositionRange.to)return{range};let rangeChanges=startState.changes({from,to,insert:change.insert}),selOff=range.to-sel.to;return{changes:rangeChanges,range:mainSel?state_dist.OF.range(Math.max(0,mainSel.anchor+selOff),Math.max(0,mainSel.head+selOff)):range.map(rangeChanges)}}))}else tr={changes,selection:mainSel&&startState.selection.replaceRange(mainSel)}}let userEvent="input.type";(view.composing||view.inputState.compositionPendingChange&&view.inputState.compositionEndedAt>Date.now()-50)&&(view.inputState.compositionPendingChange=!1,userEvent+=".compose",view.inputState.compositionFirstChange&&(userEvent+=".start",view.inputState.compositionFirstChange=!1));return startState.update(tr,{userEvent,scrollIntoView:!0})}(view,change,newSel));return view.state.facet(inputHandler).some((h=>h(view,change.from,change.to,text,defaultInsert)))||view.dispatch(defaultInsert()),!0}if(newSel&&!newSel.main.eq(sel)){let scrollIntoView=!1,userEvent="select";return view.inputState.lastSelectionTime>Date.now()-50&&("select"==view.inputState.lastSelectionOrigin&&(scrollIntoView=!0),userEvent=view.inputState.lastSelectionOrigin),view.dispatch({selection:newSel,scrollIntoView,userEvent}),!0}return!1}const observeOptions={childList:!0,characterData:!0,subtree:!0,attributes:!0,characterDataOldValue:!0},useCharData=browser.ie&&browser.ie_version<=11;class DOMObserver{constructor(view){this.view=view,this.active=!1,this.selectionRange=new DOMSelectionState,this.selectionChanged=!1,this.delayedFlush=-1,this.resizeTimeout=-1,this.queue=[],this.delayedAndroidKey=null,this.flushingAndroidKey=-1,this.lastChange=0,this.scrollTargets=[],this.intersection=null,this.resizeScroll=null,this.intersecting=!1,this.gapIntersection=null,this.gaps=[],this.printQuery=null,this.parentCheck=-1,this.dom=view.contentDOM,this.observer=new MutationObserver((mutations=>{for(let mut of mutations)this.queue.push(mut);(browser.ie&&browser.ie_version<=11||browser.ios&&view.composing)&&mutations.some((m=>"childList"==m.type&&m.removedNodes.length||"characterData"==m.type&&m.oldValue.length>m.target.nodeValue.length))?this.flushSoon():this.flush()})),useCharData&&(this.onCharData=event=>{this.queue.push({target:event.target,type:"characterData",oldValue:event.prevValue}),this.flushSoon()}),this.onSelectionChange=this.onSelectionChange.bind(this),this.onResize=this.onResize.bind(this),this.onPrint=this.onPrint.bind(this),this.onScroll=this.onScroll.bind(this),window.matchMedia&&(this.printQuery=window.matchMedia("print")),"function"==typeof ResizeObserver&&(this.resizeScroll=new ResizeObserver((()=>{var _a;(null===(_a=this.view.docView)||void 0===_a?void 0:_a.lastUpdate){this.parentCheck<0&&(this.parentCheck=setTimeout(this.listenForScroll.bind(this),1e3)),entries.length>0&&entries[entries.length-1].intersectionRatio>0!=this.intersecting&&(this.intersecting=!this.intersecting,this.intersecting!=this.view.inView&&this.onScrollChanged(document.createEvent("Event")))}),{threshold:[0,.001]}),this.intersection.observe(this.dom),this.gapIntersection=new IntersectionObserver((entries=>{entries.length>0&&entries[entries.length-1].intersectionRatio>0&&this.onScrollChanged(document.createEvent("Event"))}),{})),this.listenForScroll(),this.readSelectionRange()}onScrollChanged(e){this.view.inputState.runHandlers("scroll",e),this.intersecting&&this.view.measure()}onScroll(e){this.intersecting&&this.flush(!1),this.onScrollChanged(e)}onResize(){this.resizeTimeout<0&&(this.resizeTimeout=setTimeout((()=>{this.resizeTimeout=-1,this.view.requestMeasure()}),50))}onPrint(event){("change"!=event.type||event.matches)&&(this.view.viewState.printing=!0,this.view.measure(),setTimeout((()=>{this.view.viewState.printing=!1,this.view.requestMeasure()}),500))}updateGaps(gaps){if(this.gapIntersection&&(gaps.length!=this.gaps.length||this.gaps.some(((g,i)=>g!=gaps[i])))){this.gapIntersection.disconnect();for(let gap of gaps)this.gapIntersection.observe(gap);this.gaps=gaps}}onSelectionChange(event){let wasChanged=this.selectionChanged;if(!this.readSelectionRange()||this.delayedAndroidKey)return;let{view}=this,sel=this.selectionRange;if(view.state.facet(editable)?view.root.activeElement!=this.dom:!hasSelection(view.dom,sel))return;let context=sel.anchorNode&&view.docView.nearest(sel.anchorNode);context&&context.ignoreEvent(event)?wasChanged||(this.selectionChanged=!1):(browser.ie&&browser.ie_version<=11||browser.android&&browser.chrome)&&!view.state.selection.main.empty&&sel.focusNode&&isEquivalentPosition(sel.focusNode,sel.focusOffset,sel.anchorNode,sel.anchorOffset)?this.flushSoon():this.flush(!1)}readSelectionRange(){let{view}=this,selection=getSelection(view.root);if(!selection)return!1;let range=browser.safari&&11==view.root.nodeType&&function deepActiveElement(doc){let elt=doc.activeElement;for(;elt&&elt.shadowRoot;)elt=elt.shadowRoot.activeElement;return elt}(this.dom.ownerDocument)==this.dom&&function safariSelectionRangeHack(view,selection){if(selection.getComposedRanges){let range=selection.getComposedRanges(view.root)[0];if(range)return buildSelectionRangeFromRange(view,range)}let found=null;function read(event){event.preventDefault(),event.stopImmediatePropagation(),found=event.getTargetRanges()[0]}return view.contentDOM.addEventListener("beforeinput",read,!0),view.dom.ownerDocument.execCommand("indent"),view.contentDOM.removeEventListener("beforeinput",read,!0),found?buildSelectionRangeFromRange(view,found):null}(this.view,selection)||selection;if(!range||this.selectionRange.eq(range))return!1;let local=hasSelection(this.dom,range);return local&&!this.selectionChanged&&view.inputState.lastFocusTime>Date.now()-200&&view.inputState.lastTouchTime{let key=this.delayedAndroidKey;if(key){this.clearDelayedAndroidKey(),this.view.inputState.lastKeyCode=key.keyCode,this.view.inputState.lastKeyTime=Date.now(),!this.flush()&&key.force&&dispatchKey(this.dom,key.key,key.keyCode)}};this.flushingAndroidKey=this.view.win.requestAnimationFrame(flush)}this.delayedAndroidKey&&"Enter"!=key||(this.delayedAndroidKey={key,keyCode,force:this.lastChange{this.delayedFlush=-1,this.flush()})))}forceFlush(){this.delayedFlush>=0&&(this.view.win.cancelAnimationFrame(this.delayedFlush),this.delayedFlush=-1),this.flush()}pendingRecords(){for(let mut of this.observer.takeRecords())this.queue.push(mut);return this.queue}processRecords(){let records=this.pendingRecords();records.length&&(this.queue=[]);let from=-1,to=-1,typeOver=!1;for(let record of records){let range=this.readMutation(record);range&&(range.typeOver&&(typeOver=!0),-1==from?({from,to}=range):(from=Math.min(range.from,from),to=Math.max(range.to,to)))}return{from,to,typeOver}}readChange(){let{from,to,typeOver}=this.processRecords(),newSel=this.selectionChanged&&hasSelection(this.dom,this.selectionRange);if(from<0&&!newSel)return null;from>-1&&(this.lastChange=Date.now()),this.view.inputState.lastFocusTime=0,this.selectionChanged=!1;let change=new DOMChange(this.view,from,to,typeOver);return this.view.docView.domChanged={newSel:change.newSel?change.newSel.main:null},change}flush(readSelection=!0){if(this.delayedFlush>=0||this.delayedAndroidKey)return!1;readSelection&&this.readSelectionRange();let domChange=this.readChange();if(!domChange)return this.view.requestMeasure(),!1;let startState=this.view.state,handled=applyDOMChange(this.view,domChange);return this.view.state==startState&&this.view.update([]),handled}readMutation(rec){let cView=this.view.docView.nearest(rec.target);if(!cView||cView.ignoreMutation(rec))return null;if(cView.markDirty("attributes"==rec.type),"attributes"==rec.type&&(cView.flags|=4),"childList"==rec.type){let childBefore=findChild(cView,rec.previousSibling||rec.target.previousSibling,-1),childAfter=findChild(cView,rec.nextSibling||rec.target.nextSibling,1);return{from:childBefore?cView.posAfter(childBefore):cView.posAtStart,to:childAfter?cView.posBefore(childAfter):cView.posAtEnd,typeOver:!1}}return"characterData"==rec.type?{from:cView.posAtStart,to:cView.posAtEnd,typeOver:rec.target.nodeValue==rec.oldValue}:null}setWindow(win){win!=this.win&&(this.removeWindowListeners(this.win),this.win=win,this.addWindowListeners(this.win))}addWindowListeners(win){win.addEventListener("resize",this.onResize),this.printQuery?this.printQuery.addEventListener("change",this.onPrint):win.addEventListener("beforeprint",this.onPrint),win.addEventListener("scroll",this.onScroll),win.document.addEventListener("selectionchange",this.onSelectionChange)}removeWindowListeners(win){win.removeEventListener("scroll",this.onScroll),win.removeEventListener("resize",this.onResize),this.printQuery?this.printQuery.removeEventListener("change",this.onPrint):win.removeEventListener("beforeprint",this.onPrint),win.document.removeEventListener("selectionchange",this.onSelectionChange)}destroy(){var _a,_b,_c;this.stop(),null===(_a=this.intersection)||void 0===_a||_a.disconnect(),null===(_b=this.gapIntersection)||void 0===_b||_b.disconnect(),null===(_c=this.resizeScroll)||void 0===_c||_c.disconnect();for(let dom of this.scrollTargets)dom.removeEventListener("scroll",this.onScroll);this.removeWindowListeners(this.win),clearTimeout(this.parentCheck),clearTimeout(this.resizeTimeout),this.win.cancelAnimationFrame(this.delayedFlush),this.win.cancelAnimationFrame(this.flushingAndroidKey)}}function findChild(cView,dom,dir){for(;dom;){let curView=ContentView.get(dom);if(curView&&curView.parent==cView)return curView;let parent=dom.parentNode;dom=parent!=cView.dom?parent:dir>0?dom.nextSibling:dom.previousSibling}return null}function buildSelectionRangeFromRange(view,range){let anchorNode=range.startContainer,anchorOffset=range.startOffset,focusNode=range.endContainer,focusOffset=range.endOffset,curAnchor=view.docView.domAtPos(view.state.selection.main.anchor);return isEquivalentPosition(curAnchor.node,curAnchor.offset,focusNode,focusOffset)&&([anchorNode,anchorOffset,focusNode,focusOffset]=[focusNode,focusOffset,anchorNode,anchorOffset]),{anchorNode,anchorOffset,focusNode,focusOffset}}class EditorView{get state(){return this.viewState.state}get viewport(){return this.viewState.viewport}get visibleRanges(){return this.viewState.visibleRanges}get inView(){return this.viewState.inView}get composing(){return this.inputState.composing>0}get compositionStarted(){return this.inputState.composing>=0}get root(){return this._root}get win(){return this.dom.ownerDocument.defaultView||window}constructor(config={}){this.plugins=[],this.pluginMap=new Map,this.editorAttrs={},this.contentAttrs={},this.bidiCache=[],this.destroyed=!1,this.updateState=2,this.measureScheduled=-1,this.measureRequests=[],this.contentDOM=document.createElement("div"),this.scrollDOM=document.createElement("div"),this.scrollDOM.tabIndex=-1,this.scrollDOM.className="cm-scroller",this.scrollDOM.appendChild(this.contentDOM),this.announceDOM=document.createElement("div"),this.announceDOM.className="cm-announced",this.announceDOM.setAttribute("aria-live","polite"),this.dom=document.createElement("div"),this.dom.appendChild(this.announceDOM),this.dom.appendChild(this.scrollDOM),config.parent&&config.parent.appendChild(this.dom);let{dispatch}=config;this.dispatchTransactions=config.dispatchTransactions||dispatch&&(trs=>trs.forEach((tr=>dispatch(tr,this))))||(trs=>this.update(trs)),this.dispatch=this.dispatch.bind(this),this._root=config.root||function getRoot(node){for(;node;){if(node&&(9==node.nodeType||11==node.nodeType&&node.host))return node;node=node.assignedSlot||node.parentNode}return null}(config.parent)||document,this.viewState=new ViewState(config.state||state_dist.$t.create(config)),config.scrollTo&&config.scrollTo.is(scrollIntoView)&&(this.viewState.scrollTarget=config.scrollTo.value.clip(this.viewState.state)),this.plugins=this.state.facet(viewPlugin).map((spec=>new PluginInstance(spec)));for(let plugin of this.plugins)plugin.update(this);this.observer=new DOMObserver(this),this.inputState=new InputState(this),this.inputState.ensureHandlers(this.plugins),this.docView=new DocView(this),this.mountStyles(),this.updateAttrs(),this.updateState=0,this.requestMeasure()}dispatch(...input){let trs=1==input.length&&input[0]instanceof state_dist.ZX?input:1==input.length&&Array.isArray(input[0])?input[0]:[this.state.update(...input)];this.dispatchTransactions(trs,this)}update(transactions){if(0!=this.updateState)throw new Error("Calls to EditorView.update are not allowed while an update is in progress");let update,redrawn=!1,attrsChanged=!1,state=this.state;for(let tr of transactions){if(tr.startState!=state)throw new RangeError("Trying to update state with a transaction that doesn't start from the previous state.");state=tr.state}if(this.destroyed)return void(this.viewState.state=state);let focus=this.hasFocus,focusFlag=0,dispatchFocus=null;transactions.some((tr=>tr.annotation(isFocusChange)))?(this.inputState.notifiedFocused=focus,focusFlag=1):focus!=this.inputState.notifiedFocused&&(this.inputState.notifiedFocused=focus,dispatchFocus=focusChangeTransaction(state,focus),dispatchFocus||(focusFlag=1));let pendingKey=this.observer.delayedAndroidKey,domChange=null;if(pendingKey?(this.observer.clearDelayedAndroidKey(),domChange=this.observer.readChange(),(domChange&&!this.state.doc.eq(state.doc)||!this.state.selection.eq(state.selection))&&(domChange=null)):this.observer.clear(),state.facet(state_dist.$t.phrases)!=this.state.facet(state_dist.$t.phrases))return this.setState(state);update=ViewUpdate.create(this,state,transactions),update.flags|=focusFlag;let scrollTarget=this.viewState.scrollTarget;try{this.updateState=2;for(let tr of transactions){if(scrollTarget&&(scrollTarget=scrollTarget.map(tr.changes)),tr.scrollIntoView){let{main}=tr.state.selection;scrollTarget=new ScrollTarget(main.empty?main:state_dist.OF.cursor(main.head,main.head>main.anchor?-1:1))}for(let e of tr.effects)e.is(scrollIntoView)&&(scrollTarget=e.value.clip(this.state))}this.viewState.update(update,scrollTarget),this.bidiCache=CachedOrder.update(this.bidiCache,update.changes),update.empty||(this.updatePlugins(update),this.inputState.update(update)),redrawn=this.docView.update(update),this.state.facet(styleModule)!=this.styleModules&&this.mountStyles(),attrsChanged=this.updateAttrs(),this.showAnnouncements(transactions),this.docView.updateSelection(redrawn,transactions.some((tr=>tr.isUserEvent("select.pointer"))))}finally{this.updateState=0}if(update.startState.facet(theme)!=update.state.facet(theme)&&(this.viewState.mustMeasureContent=!0),(redrawn||attrsChanged||scrollTarget||this.viewState.mustEnforceCursorAssoc||this.viewState.mustMeasureContent)&&this.requestMeasure(),redrawn&&this.docViewUpdate(),!update.empty)for(let listener of this.state.facet(updateListener))try{listener(update)}catch(e){logException(this.state,e,"update listener")}(dispatchFocus||domChange)&&Promise.resolve().then((()=>{dispatchFocus&&this.state==dispatchFocus.startState&&this.dispatch(dispatchFocus),domChange&&!applyDOMChange(this,domChange)&&pendingKey.force&&dispatchKey(this.contentDOM,pendingKey.key,pendingKey.keyCode)}))}setState(newState){if(0!=this.updateState)throw new Error("Calls to EditorView.setState are not allowed while an update is in progress");if(this.destroyed)return void(this.viewState.state=newState);this.updateState=2;let hadFocus=this.hasFocus;try{for(let plugin of this.plugins)plugin.destroy(this);this.viewState=new ViewState(newState),this.plugins=newState.facet(viewPlugin).map((spec=>new PluginInstance(spec))),this.pluginMap.clear();for(let plugin of this.plugins)plugin.update(this);this.docView.destroy(),this.docView=new DocView(this),this.inputState.ensureHandlers(this.plugins),this.mountStyles(),this.updateAttrs(),this.bidiCache=[]}finally{this.updateState=0}hadFocus&&this.focus(),this.requestMeasure()}updatePlugins(update){let prevSpecs=update.startState.facet(viewPlugin),specs=update.state.facet(viewPlugin);if(prevSpecs!=specs){let newPlugins=[];for(let spec of specs){let found=prevSpecs.indexOf(spec);if(found<0)newPlugins.push(new PluginInstance(spec));else{let plugin=this.plugins[found];plugin.mustUpdate=update,newPlugins.push(plugin)}}for(let plugin of this.plugins)plugin.mustUpdate!=update&&plugin.destroy(this);this.plugins=newPlugins,this.pluginMap.clear()}else for(let p of this.plugins)p.mustUpdate=update;for(let i=0;i-1&&this.win.cancelAnimationFrame(this.measureScheduled),this.observer.delayedAndroidKey)return this.measureScheduled=-1,void this.requestMeasure();this.measureScheduled=0,flush&&this.observer.forceFlush();let updated=null,sDOM=this.scrollDOM,scrollTop=sDOM.scrollTop*this.scaleY,{scrollAnchorPos,scrollAnchorHeight}=this.viewState;Math.abs(scrollTop-this.viewState.scrollTop)>1&&(scrollAnchorHeight=-1),this.viewState.scrollAnchorHeight=-1;try{for(let i=0;;i++){if(scrollAnchorHeight<0)if(isScrolledToBottom(sDOM))scrollAnchorPos=-1,scrollAnchorHeight=this.viewState.heightMap.height;else{let block=this.viewState.scrollAnchorAt(scrollTop);scrollAnchorPos=block.from,scrollAnchorHeight=block.top}this.updateState=1;let changed=this.viewState.measure(this);if(!changed&&!this.measureRequests.length&&null==this.viewState.scrollTarget)break;if(i>5){console.warn(this.measureRequests.length?"Measure loop restarted more than 5 times":"Viewport failed to stabilize");break}let measuring=[];4&changed||([this.measureRequests,measuring]=[measuring,this.measureRequests]);let measured=measuring.map((m=>{try{return m.read(this)}catch(e){return logException(this.state,e),BadMeasure}})),update=ViewUpdate.create(this,this.state,[]),redrawn=!1;update.flags|=changed,updated?updated.flags|=changed:updated=update,this.updateState=2,update.empty||(this.updatePlugins(update),this.inputState.update(update),this.updateAttrs(),redrawn=this.docView.update(update),redrawn&&this.docViewUpdate());for(let i=0;i