@oliasoft-open-source/react-ui-library 4.6.2 → 4.6.3

package/dist/storybook/assets/{index-IfH4Az5B.js → index-Y7wjLv-G.js}

@@ -1,4 +1,4 @@
-import{_ as __vitePreload}from"./iframe-lzxbLPVf.js";import{r as reactExports,b as React,g as getDefaultExportFromCjs,R as React$1,c as commonjsGlobal}from"./index-RfLt4OUa.js";import{r as reactDomExports,R as ReactDOM__default}from"./index-miLrID2P.js";import{c as _setPrototypeOf$2,a as _inheritsLoose$2,_ as _extends$5}from"./inheritsLoose-8sb_A2v4.js";import{_ as _assertThisInitialized$2}from"./assertThisInitialized-4q6YPdh3.js";import{q as _baseAssignValue,r as eq_1,K as _castPath,C as _isIndex,c as isObject_1,L as _toKey,M as _baseGet,I as _arrayPush,a as _getPrototype,N as _getSymbols,O as stubArray_1,P as _isPrototype,Q as _arrayLikeKeys,s as isArrayLike_1,R as _baseGetAllKeys,U as _arrayMap,F as _baseIteratee,V as _Set,W as _setToArray,X as _SetCache,Y as _cacheHas,Z as keys_1,b as _root,$ as _Uint8Array,H as _Symbol,a0 as _getTag,i as isObjectLike_1,a1 as _nodeUtilExports,a2 as _baseUnary,y as _Stack,v as isBufferExports,a3 as _getAllKeys,e as isArray_1,S as SNIPPET_RENDERED,k as SourceType,a4 as str}from"./index-R5dkQuFe.js";import{d as dedent$1}from"./index-PPLHz8o0.js";var getControlId=t=>`control-${t.replace(/\s+/g,"-")}`,getControlSetterButtonId=t=>`set-${t.replace(/\s+/g,"-")}`;const{global:global$5}=__STORYBOOK_MODULE_GLOBAL__,{logger:logger$3}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var __create$2=Object.create,__defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__getOwnPropNames$2=Object.getOwnPropertyNames,__getProtoOf$2=Object.getPrototypeOf,__hasOwnProp$2=Object.prototype.hasOwnProperty,__commonJS$2=(t,ee)=>function(){return ee||(0,t[__getOwnPropNames$2(t)[0]])((ee={exports:{}}).exports,ee),ee.exports},__copyProps$2=(t,ee,te,re)=>{if(ee&&typeof ee=="object"||typeof ee=="function")for(let ae of __getOwnPropNames$2(ee))!__hasOwnProp$2.call(t,ae)&&ae!==te&&__defProp$2(t,ae,{get:()=>ee[ae],enumerable:!(re=__getOwnPropDesc$2(ee,ae))||re.enumerable});return t},__toESM$2=(t,ee,te)=>(te=t!=null?__create$2(__getProtoOf$2(t)):{},__copyProps$2(ee||!t||!t.__esModule?__defProp$2(te,"default",{value:t,enumerable:!0}):te,t));function _extends$4(){return _extends$4=Object.assign?Object.assign.bind():function(t){for(var ee=1;ee<arguments.length;ee++){var te=arguments[ee];for(var re in te)Object.prototype.hasOwnProperty.call(te,re)&&(t[re]=te[re])}return t},_extends$4.apply(this,arguments)}function _assertThisInitialized$1(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf$1(t,ee){return _setPrototypeOf$1=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(te,re){return te.__proto__=re,te},_setPrototypeOf$1(t,ee)}function _inheritsLoose$1(t,ee){t.prototype=Object.create(ee.prototype),t.prototype.constructor=t,_setPrototypeOf$1(t,ee)}function _getPrototypeOf$2(t){return _getPrototypeOf$2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(ee){return ee.__proto__||Object.getPrototypeOf(ee)},_getPrototypeOf$2(t)}function _isNativeFunction$2(t){try{return Function.toString.call(t).indexOf("[native code]")!==-1}catch{return typeof t=="function"}}function _isNativeReflectConstruct$2(){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$2(t,ee,te){return _isNativeReflectConstruct$2()?_construct$2=Reflect.construct.bind():_construct$2=function(re,ae,ne){var oe=[null];oe.push.apply(oe,ae);var ie=Function.bind.apply(re,oe),le=new ie;return ne&&_setPrototypeOf$1(le,ne.prototype),le},_construct$2.apply(null,arguments)}function _wrapNativeSuper$2(t){var ee=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper$2=function(te){if(te===null||!_isNativeFunction$2(te))return te;if(typeof te!="function")throw new TypeError("Super expression must either be null or a function");if(typeof ee<"u"){if(ee.has(te))return ee.get(te);ee.set(te,re)}function re(){return _construct$2(te,arguments,_getPrototypeOf$2(this).constructor)}return re.prototype=Object.create(te.prototype,{constructor:{value:re,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf$1(re,te)},_wrapNativeSuper$2(t)}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 }).
+import{_ as __vitePreload}from"./iframe-uQDN-5FH.js";import{r as reactExports,b as React,g as getDefaultExportFromCjs,R as React$1,c as commonjsGlobal}from"./index-RfLt4OUa.js";import{r as reactDomExports,R as ReactDOM__default}from"./index-miLrID2P.js";import{c as _setPrototypeOf$2,a as _inheritsLoose$2,_ as _extends$5}from"./inheritsLoose-8sb_A2v4.js";import{_ as _assertThisInitialized$2}from"./assertThisInitialized-4q6YPdh3.js";import{q as _baseAssignValue,r as eq_1,K as _castPath,C as _isIndex,c as isObject_1,L as _toKey,M as _baseGet,I as _arrayPush,a as _getPrototype,N as _getSymbols,O as stubArray_1,P as _isPrototype,Q as _arrayLikeKeys,s as isArrayLike_1,R as _baseGetAllKeys,U as _arrayMap,F as _baseIteratee,V as _Set,W as _setToArray,X as _SetCache,Y as _cacheHas,Z as keys_1,b as _root,$ as _Uint8Array,H as _Symbol,a0 as _getTag,i as isObjectLike_1,a1 as _nodeUtilExports,a2 as _baseUnary,y as _Stack,v as isBufferExports,a3 as _getAllKeys,e as isArray_1,S as SNIPPET_RENDERED,k as SourceType,a4 as str}from"./index-R5dkQuFe.js";import{d as dedent$1}from"./index-PPLHz8o0.js";var getControlId=t=>`control-${t.replace(/\s+/g,"-")}`,getControlSetterButtonId=t=>`set-${t.replace(/\s+/g,"-")}`;const{global:global$5}=__STORYBOOK_MODULE_GLOBAL__,{logger:logger$3}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var __create$2=Object.create,__defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__getOwnPropNames$2=Object.getOwnPropertyNames,__getProtoOf$2=Object.getPrototypeOf,__hasOwnProp$2=Object.prototype.hasOwnProperty,__commonJS$2=(t,ee)=>function(){return ee||(0,t[__getOwnPropNames$2(t)[0]])((ee={exports:{}}).exports,ee),ee.exports},__copyProps$2=(t,ee,te,re)=>{if(ee&&typeof ee=="object"||typeof ee=="function")for(let ae of __getOwnPropNames$2(ee))!__hasOwnProp$2.call(t,ae)&&ae!==te&&__defProp$2(t,ae,{get:()=>ee[ae],enumerable:!(re=__getOwnPropDesc$2(ee,ae))||re.enumerable});return t},__toESM$2=(t,ee,te)=>(te=t!=null?__create$2(__getProtoOf$2(t)):{},__copyProps$2(ee||!t||!t.__esModule?__defProp$2(te,"default",{value:t,enumerable:!0}):te,t));function _extends$4(){return _extends$4=Object.assign?Object.assign.bind():function(t){for(var ee=1;ee<arguments.length;ee++){var te=arguments[ee];for(var re in te)Object.prototype.hasOwnProperty.call(te,re)&&(t[re]=te[re])}return t},_extends$4.apply(this,arguments)}function _assertThisInitialized$1(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf$1(t,ee){return _setPrototypeOf$1=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(te,re){return te.__proto__=re,te},_setPrototypeOf$1(t,ee)}function _inheritsLoose$1(t,ee){t.prototype=Object.create(ee.prototype),t.prototype.constructor=t,_setPrototypeOf$1(t,ee)}function _getPrototypeOf$2(t){return _getPrototypeOf$2=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(ee){return ee.__proto__||Object.getPrototypeOf(ee)},_getPrototypeOf$2(t)}function _isNativeFunction$2(t){try{return Function.toString.call(t).indexOf("[native code]")!==-1}catch{return typeof t=="function"}}function _isNativeReflectConstruct$2(){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$2(t,ee,te){return _isNativeReflectConstruct$2()?_construct$2=Reflect.construct.bind():_construct$2=function(re,ae,ne){var oe=[null];oe.push.apply(oe,ae);var ie=Function.bind.apply(re,oe),le=new ie;return ne&&_setPrototypeOf$1(le,ne.prototype),le},_construct$2.apply(null,arguments)}function _wrapNativeSuper$2(t){var ee=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper$2=function(te){if(te===null||!_isNativeFunction$2(te))return te;if(typeof te!="function")throw new TypeError("Super expression must either be null or a function");if(typeof ee<"u"){if(ee.has(te))return ee.get(te);ee.set(te,re)}function re(){return _construct$2(te,arguments,_getPrototypeOf$2(this).constructor)}return re.prototype=Object.create(te.prototype,{constructor:{value:re,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf$1(re,te)},_wrapNativeSuper$2(t)}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 }).
 
 `,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 }).
 
@@ -226,9 +226,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   path {
     fill: currentColor;
   }
-`,Icons=({icon:t,useSymbol:ee,...te})=>React$1.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...te},ee?React$1.createElement("use",{xlinkHref:`#icon--${t}`}):icons[t]),Symbols=reactExports.memo(function({icons:t=Object.keys(icons)}){return React$1.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},t.map(ee=>React$1.createElement("symbol",{id:`icon--${ee}`,key:ee},icons[ee])))}),LEFT_BUTTON=0,isPlainLeftClick=t=>t.button===LEFT_BUTTON&&!t.altKey&&!t.ctrlKey&&!t.metaKey&&!t.shiftKey,cancelled=(t,ee)=>{isPlainLeftClick(t)&&(t.preventDefault(),ee(t))},LinkInner=newStyled.span(({withArrow:t})=>t?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:t})=>t?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=newStyled.a(({theme:t})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:t.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1$1(.07,t.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.07,t.color.secondary)}},"&:active":{color:curriedDarken$1$1(.1,t.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.1,t.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:t.color.secondary}}}),({theme:t,secondary:ee,tertiary:te})=>{let re;return ee&&(re=[t.textMutedColor,t.color.dark,t.color.darker]),te&&(re=[t.color.dark,t.color.darkest,t.textMutedColor]),re?{color:re[0],"svg path:not([fill])":{fill:re[0]},"&:hover":{color:re[1],"svg path:not([fill])":{fill:re[1]}},"&:active":{color:re[2],"svg path:not([fill])":{fill:re[2]}}}:{}},({nochrome:t})=>t?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:t,inverse:ee})=>ee?{color:t.color.lightest,":not([fill])":{fill:t.color.lightest},"&:hover":{color:t.color.lighter,"svg path:not([fill])":{fill:t.color.lighter}},"&:active":{color:t.color.light,"svg path:not([fill])":{fill:t.color.light}}}:{},({isButton:t})=>t?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel:t,children:ee,onClick:te,withArrow:re,containsIcon:ae,className:ne,...oe})=>React$1.createElement(A2,{...oe,onClick:te&&t?ie=>cancelled(ie,te):te,className:ne},React$1.createElement(LinkInner,{withArrow:re,containsIcon:ae},ee,re&&React$1.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=newStyled.div(({theme:t})=>({fontSize:`${t.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${t.typography.size.l1}px`,fontWeight:t.typography.weight.bold},h2:{fontSize:`${t.typography.size.m2}px`,borderBottom:`1px solid ${t.appBorderColor}`},h3:{fontSize:`${t.typography.size.m1}px`},h4:{fontSize:`${t.typography.size.s3}px`},h5:{fontSize:`${t.typography.size.s2}px`},h6:{fontSize:`${t.typography.size.s2}px`,color:t.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:t.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 ${t.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 ${t.color.medium}`,padding:"0 15px",color:t.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${t.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${t.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${t.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:t.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 ${t.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:t.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 ${t.color.mediumlight}`,backgroundColor:t.color.lighter,borderRadius:3,color:t.base==="dark"&&t.color.darkest}})),languages=[],Comp=null,LazySyntaxHighlighter=reactExports.lazy(async()=>{let{SyntaxHighlighter:t}=await __vitePreload(()=>import("./syntaxhighlighter-B5GMVT5T--o1Ni0TE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return languages.length>0&&(languages.forEach(ee=>{t.registerLanguage(...ee)}),languages=[]),Comp===null&&(Comp=t),{default:ee=>React$1.createElement(t,{...ee})}}),LazySyntaxHighlighterWithFormatter=reactExports.lazy(async()=>{let[{SyntaxHighlighter:t},{formatter:ee}]=await Promise.all([__vitePreload(()=>import("./syntaxhighlighter-B5GMVT5T--o1Ni0TE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),__vitePreload(()=>import("./formatter-SWP5E3XI-6Gq75F0J.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return languages.length>0&&(languages.forEach(te=>{t.registerLanguage(...te)}),languages=[]),Comp===null&&(Comp=t),{default:te=>React$1.createElement(t,{...te,formatter:ee})}}),SyntaxHighlighter2=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},t.format!==!1?React$1.createElement(LazySyntaxHighlighterWithFormatter,{...t}):React$1.createElement(LazySyntaxHighlighter,{...t}));SyntaxHighlighter2.registerLanguage=(...t)=>{if(Comp!==null){Comp.registerLanguage(...t);return}languages.push(t)};var toNumber=t=>typeof t=="number"?t:Number(t),Container=newStyled.div(({theme:t,col:ee,row:te=1})=>ee?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:ee*t.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:te*t.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme:t,outer:ee,col:te,row:re})=>{switch(!0){case!!(ee&&te):return{marginLeft:ee*t.layoutMargin,marginRight:ee*t.layoutMargin};case!!(ee&&re):return{marginTop:ee*t.layoutMargin,marginBottom:ee*t.layoutMargin};default:return{}}}),Spaced=({col:t,row:ee,outer:te,children:re,...ae})=>{let ne=toNumber(typeof te=="number"||!te?te:t||ee);return React$1.createElement(Container,{col:t,row:ee,outer:ne,...ae},re)},Title$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme:t})=>({padding:30,textAlign:"center",color:t.color.defaultText,fontSize:t.typography.size.s2-1})),Placeholder=({children:t,...ee})=>{let[te,re]=reactExports.Children.toArray(t);return React$1.createElement(Message,{...ee},React$1.createElement(Title$1,null,te),re&&React$1.createElement(Desc,null,re))},ZoomElementWrapper=newStyled.div(({scale:t=1,elementHeight:ee})=>({height:ee||"auto",transformOrigin:"top left",transform:`scale(${1/t})`}));function ZoomElement({scale:t,children:ee}){let te=reactExports.useRef(null),[re,ae]=reactExports.useState(0),ne=reactExports.useCallback(({height:oe})=>{oe&&ae(oe/t)},[t]);return reactExports.useEffect(()=>{te.current&&ae(te.current.getBoundingClientRect().height)},[t]),useResizeObserver({ref:te,onResize:ne}),React$1.createElement(ZoomElementWrapper,{scale:t,elementHeight:re},React$1.createElement("div",{ref:te,className:"innerZoomElementWrapper"},ee))}var ZoomIFrame=class extends reactExports.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:ee,active:te}=this.props;return ee!==t.scale&&this.setIframeInnerZoom(t.scale),te!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return React$1.createElement(React$1.Fragment,null,t)}},Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame},{document:document2$1}=global$2,ErrorName=newStyled.strong(({theme:t})=>({color:t.color.orange})),ErrorImportant=newStyled.strong(({theme:t})=>({color:t.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme:t})=>({color:t.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error:t})=>{if(!t)return React$1.createElement(reactExports.Fragment,null,"This error has no stack or message");if(!t.stack)return React$1.createElement(reactExports.Fragment,null,t.message||"This error has no stack or message");let ee=t.stack.toString();ee&&t.message&&!ee.includes(t.message)&&(ee=`Error: ${t.message}
+`,Icons=({icon:t,useSymbol:ee,...te})=>React$1.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...te},ee?React$1.createElement("use",{xlinkHref:`#icon--${t}`}):icons[t]),Symbols=reactExports.memo(function({icons:t=Object.keys(icons)}){return React$1.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},t.map(ee=>React$1.createElement("symbol",{id:`icon--${ee}`,key:ee},icons[ee])))}),LEFT_BUTTON=0,isPlainLeftClick=t=>t.button===LEFT_BUTTON&&!t.altKey&&!t.ctrlKey&&!t.metaKey&&!t.shiftKey,cancelled=(t,ee)=>{isPlainLeftClick(t)&&(t.preventDefault(),ee(t))},LinkInner=newStyled.span(({withArrow:t})=>t?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:t})=>t?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=newStyled.a(({theme:t})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:t.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1$1(.07,t.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.07,t.color.secondary)}},"&:active":{color:curriedDarken$1$1(.1,t.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.1,t.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:t.color.secondary}}}),({theme:t,secondary:ee,tertiary:te})=>{let re;return ee&&(re=[t.textMutedColor,t.color.dark,t.color.darker]),te&&(re=[t.color.dark,t.color.darkest,t.textMutedColor]),re?{color:re[0],"svg path:not([fill])":{fill:re[0]},"&:hover":{color:re[1],"svg path:not([fill])":{fill:re[1]}},"&:active":{color:re[2],"svg path:not([fill])":{fill:re[2]}}}:{}},({nochrome:t})=>t?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:t,inverse:ee})=>ee?{color:t.color.lightest,":not([fill])":{fill:t.color.lightest},"&:hover":{color:t.color.lighter,"svg path:not([fill])":{fill:t.color.lighter}},"&:active":{color:t.color.light,"svg path:not([fill])":{fill:t.color.light}}}:{},({isButton:t})=>t?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel:t,children:ee,onClick:te,withArrow:re,containsIcon:ae,className:ne,...oe})=>React$1.createElement(A2,{...oe,onClick:te&&t?ie=>cancelled(ie,te):te,className:ne},React$1.createElement(LinkInner,{withArrow:re,containsIcon:ae},ee,re&&React$1.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=newStyled.div(({theme:t})=>({fontSize:`${t.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${t.typography.size.l1}px`,fontWeight:t.typography.weight.bold},h2:{fontSize:`${t.typography.size.m2}px`,borderBottom:`1px solid ${t.appBorderColor}`},h3:{fontSize:`${t.typography.size.m1}px`},h4:{fontSize:`${t.typography.size.s3}px`},h5:{fontSize:`${t.typography.size.s2}px`},h6:{fontSize:`${t.typography.size.s2}px`,color:t.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:t.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 ${t.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 ${t.color.medium}`,padding:"0 15px",color:t.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${t.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${t.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${t.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:t.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 ${t.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:t.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 ${t.color.mediumlight}`,backgroundColor:t.color.lighter,borderRadius:3,color:t.base==="dark"&&t.color.darkest}})),languages=[],Comp=null,LazySyntaxHighlighter=reactExports.lazy(async()=>{let{SyntaxHighlighter:t}=await __vitePreload(()=>import("./syntaxhighlighter-B5GMVT5T-rE3BvsrO.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return languages.length>0&&(languages.forEach(ee=>{t.registerLanguage(...ee)}),languages=[]),Comp===null&&(Comp=t),{default:ee=>React$1.createElement(t,{...ee})}}),LazySyntaxHighlighterWithFormatter=reactExports.lazy(async()=>{let[{SyntaxHighlighter:t},{formatter:ee}]=await Promise.all([__vitePreload(()=>import("./syntaxhighlighter-B5GMVT5T-rE3BvsrO.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),__vitePreload(()=>import("./formatter-SWP5E3XI-Cfu_VZgT.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return languages.length>0&&(languages.forEach(te=>{t.registerLanguage(...te)}),languages=[]),Comp===null&&(Comp=t),{default:te=>React$1.createElement(t,{...te,formatter:ee})}}),SyntaxHighlighter2=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},t.format!==!1?React$1.createElement(LazySyntaxHighlighterWithFormatter,{...t}):React$1.createElement(LazySyntaxHighlighter,{...t}));SyntaxHighlighter2.registerLanguage=(...t)=>{if(Comp!==null){Comp.registerLanguage(...t);return}languages.push(t)};var toNumber=t=>typeof t=="number"?t:Number(t),Container=newStyled.div(({theme:t,col:ee,row:te=1})=>ee?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:ee*t.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:te*t.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme:t,outer:ee,col:te,row:re})=>{switch(!0){case!!(ee&&te):return{marginLeft:ee*t.layoutMargin,marginRight:ee*t.layoutMargin};case!!(ee&&re):return{marginTop:ee*t.layoutMargin,marginBottom:ee*t.layoutMargin};default:return{}}}),Spaced=({col:t,row:ee,outer:te,children:re,...ae})=>{let ne=toNumber(typeof te=="number"||!te?te:t||ee);return React$1.createElement(Container,{col:t,row:ee,outer:ne,...ae},re)},Title$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme:t})=>({padding:30,textAlign:"center",color:t.color.defaultText,fontSize:t.typography.size.s2-1})),Placeholder=({children:t,...ee})=>{let[te,re]=reactExports.Children.toArray(t);return React$1.createElement(Message,{...ee},React$1.createElement(Title$1,null,te),re&&React$1.createElement(Desc,null,re))},ZoomElementWrapper=newStyled.div(({scale:t=1,elementHeight:ee})=>({height:ee||"auto",transformOrigin:"top left",transform:`scale(${1/t})`}));function ZoomElement({scale:t,children:ee}){let te=reactExports.useRef(null),[re,ae]=reactExports.useState(0),ne=reactExports.useCallback(({height:oe})=>{oe&&ae(oe/t)},[t]);return reactExports.useEffect(()=>{te.current&&ae(te.current.getBoundingClientRect().height)},[t]),useResizeObserver({ref:te,onResize:ne}),React$1.createElement(ZoomElementWrapper,{scale:t,elementHeight:re},React$1.createElement("div",{ref:te,className:"innerZoomElementWrapper"},ee))}var ZoomIFrame=class extends reactExports.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:ee,active:te}=this.props;return ee!==t.scale&&this.setIframeInnerZoom(t.scale),te!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return React$1.createElement(React$1.Fragment,null,t)}},Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame},{document:document2$1}=global$2,ErrorName=newStyled.strong(({theme:t})=>({color:t.color.orange})),ErrorImportant=newStyled.strong(({theme:t})=>({color:t.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme:t})=>({color:t.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error:t})=>{if(!t)return React$1.createElement(reactExports.Fragment,null,"This error has no stack or message");if(!t.stack)return React$1.createElement(reactExports.Fragment,null,t.message||"This error has no stack or message");let ee=t.stack.toString();ee&&t.message&&!ee.includes(t.message)&&(ee=`Error: ${t.message}
 
-${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reactExports.Fragment,null,ee);let[,re,ae]=te,ne=ee.split(/\n/).slice(1),[,...oe]=ne.map(ie=>{let le=ie.match(linesRegexChromium)||ie.match(linesRegexFirefox)||ie.match(linesRegexSafari);return le?{name:(le[1]||"").replace("/<",""),location:le[2].replace(document2$1.location.origin,"")}:null}).filter(Boolean);return React$1.createElement(reactExports.Fragment,null,React$1.createElement("span",null,re),": ",React$1.createElement(ErrorName,null,ae),React$1.createElement("br",null),oe.map((ie,le)=>ie.name?React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorImportant,null,ie.name)," (",React$1.createElement(ErrorDetail,null,ie.location),")",React$1.createElement("br",null)):React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorDetail,null,ie.location),React$1.createElement("br",null))))},ButtonWrapper=newStyled.button(({small:t,theme:ee})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:t?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${t?ee.typography.size.s1:ee.typography.size.s2-1}px`,fontWeight:ee.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:t?12:14,width:t?12:14,verticalAlign:"top",marginRight:t?4:6,marginTop:t?0:-1,marginBottom:t?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:t})=>t?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:t,small:ee})=>t?{svg:{display:"block",margin:0},...ee?{padding:10}:{padding:13}}:{},({theme:t,primary:ee,secondary:te,gray:re})=>{let ae;return re?ae=t.color.mediumlight:te?ae=t.color.secondary:ee&&(ae=t.color.primary),ae?{background:ae,color:re?t.color.darkest:t.color.lightest,"&:hover":{background:curriedDarken$1$1(.05,ae)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba$1(ae,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}},({theme:t,tertiary:ee,inForm:te,small:re})=>ee?{background:t.button.background,color:t.input.color,boxShadow:`${t.button.border} 0 0 0 1px inset`,borderRadius:t.input.borderRadius,...te&&re?{padding:"10px 16px"}:{},"&:hover":{background:t.base==="light"?curriedDarken$1$1(.02,t.button.background):curriedLighten$1$1(.03,t.button.background),...te?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:t.button.background},"&:focus":{boxShadow:`${rgba$1(t.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:t,outline:ee})=>ee?{boxShadow:`${curriedTransparentize$1$1(.8,t.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1$1(.3,t.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1$1(0,t.color.defaultText)}}:{},({theme:t,outline:ee,primary:te})=>{let re=t.color.primary;return ee&&te?{boxShadow:`${re} 0 0 0 1px inset`,color:re,"svg path:not([fill])":{fill:re},"&:hover":{boxShadow:`${re} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:re,boxShadow:`${re} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.2)} 0 8px 18px 0px`}}:{}},({theme:t,outline:ee,primary:te,secondary:re})=>{let ae;return re?ae=t.color.secondary:te&&(ae=t.color.primary),ee&&ae?{boxShadow:`${ae} 0 0 0 1px inset`,color:ae,"svg path:not([fill])":{fill:ae},"&:hover":{boxShadow:`${ae} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:ae,boxShadow:`${ae} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button$1=Object.assign(reactExports.forwardRef(function({isLink:t,children:ee,...te},re){return t?React$1.createElement(ButtonLink,{...te,ref:re},ee):React$1.createElement(ButtonWrapper,{...te,ref:re},ee)}),{defaultProps:{isLink:!1}}),Wrapper$1=newStyled.label(({theme:t})=>({display:"flex",borderBottom:`1px solid ${t.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label$1=newStyled.span(({theme:t})=>({minWidth:100,fontWeight:t.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label:t,children:ee,...te})=>React$1.createElement(Wrapper$1,{...te},t?React$1.createElement(Label$1,null,React$1.createElement("span",null,t)):null,ee);Field.defaultProps={label:void 0};function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(t){for(var ee=1;ee<arguments.length;ee++){var te=arguments[ee];for(var re in te)Object.prototype.hasOwnProperty.call(te,re)&&(t[re]=te[re])}return t},_extends2.apply(this,arguments)}function _objectWithoutPropertiesLoose(t,ee){if(t==null)return{};var te={},re=Object.keys(t),ae,ne;for(ne=0;ne<re.length;ne++)ae=re[ne],!(ee.indexOf(ae)>=0)&&(te[ae]=t[ae]);return te}var updateRef=function(t,ee){if(typeof t=="function"){t(ee);return}t.current=ee},useComposedRef=function(t,ee){var te=reactExports.useRef();return reactExports.useCallback(function(re){t.current=re,te.current&&updateRef(te.current,null),te.current=ee,ee&&updateRef(ee,re)},[ee])},use_composed_ref_esm_default=useComposedRef,noop$2=function(){},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(t,ee){t.cacheMeasurements,t.maxRows,t.minRows;var te=t.onChange,re=te===void 0?noop$2:te;t.onHeightChange;var ae=_objectWithoutPropertiesLoose(t,_excluded);ae.value;var ne=reactExports.useRef(null),oe=use_composed_ref_esm_default(ne,ee);return reactExports.useRef(0),reactExports.useRef(),reactExports.createElement("textarea",_extends2({},ae,{onChange:re,ref:oe}))},index=reactExports.forwardRef(TextareaAutosize),styleResets$1={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme:t})=>({...styleResets$1,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:t.input.color||"inherit",background:t.input.background,boxShadow:`${t.input.border} 0 0 0 1px inset`,borderRadius:t.input.borderRadius,fontSize:t.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${t.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${t.color.lightest} inset`},"&::placeholder":{color:t.textMutedColor,opacity:1}}),sizes=({size:t})=>{switch(t){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align:t})=>{switch(t){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid:t,theme:ee})=>{switch(t){case"valid":return{boxShadow:`${ee.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${ee.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${ee.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input$1=Object.assign(newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement("input",{...re,ref:ae})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement("select",{...re,ref:ae})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement(index,{...re,ref:ae})}))(styles,sizes,alignment,validation,({height:t=400})=>({overflow:"visible",maxHeight:t})),{displayName:"Textarea"}),ButtonStyled=newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement(Button$1,{...re,ref:ae})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(reactExports.forwardRef(function(t,ee){return React$1.createElement(ButtonStyled,{...t,tertiary:!0,small:!0,inForm:!0,ref:ee})}),{displayName:"Button"}),Form=Object.assign(newStyled.form({boxSizing:"border-box",width:"100%"}),{Field,Input:Input$1,Select,Textarea,Button:Button3}),LazyWithTooltip=reactExports.lazy(()=>__vitePreload(()=>import("./WithTooltip-V3YHNWJZ-JnOjcEaC.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltip}))),WithTooltip=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltip,{...t})),LazyWithTooltipPure=reactExports.lazy(()=>__vitePreload(()=>import("./WithTooltip-V3YHNWJZ-JnOjcEaC.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltipPure}))),WithTooltipPure=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltipPure,{...t})),Title2$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc2=newStyled.span(),Links$1=newStyled.div(({theme:t})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:t.typography.weight.bold}})),Message2=newStyled.div(({theme:t})=>({color:t.color.defaultText,lineHeight:"18px"})),MessageWrapper=newStyled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title:t,desc:ee,links:te})=>React$1.createElement(MessageWrapper,null,React$1.createElement(Message2,null,t&&React$1.createElement(Title2$1,null,t),ee&&React$1.createElement(Desc2,null,ee)),te&&React$1.createElement(Links$1,null,te.map(({title:re,...ae})=>React$1.createElement(Link2,{...ae,key:re},re))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=newStyled.div(({theme:t})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:t.typography.weight.bold,color:t.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:t.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note:t,...ee})=>React$1.createElement(Note,{...ee},t),Title3$1=newStyled(({active:t,loading:ee,disabled:te,...re})=>React$1.createElement("span",{...re}))(({theme:t})=>({color:t.color.defaultText,fontWeight:t.typography.weight.regular}),({active:t,theme:ee})=>t?{color:ee.color.secondary,fontWeight:ee.typography.weight.bold}:{},({loading:t,theme:ee})=>t?{display:"inline-block",flex:"none",...ee.animation.inlineGlow}:{},({disabled:t,theme:ee})=>t?{color:curriedTransparentize$1$1(.7,ee.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:t})=>t?{marginLeft:24}:{}),CenterText=newStyled.span(({theme:t})=>({fontSize:"11px",lineHeight:"14px"}),({active:t,theme:ee})=>t?{color:ee.color.secondary}:{},({theme:t,disabled:ee})=>ee?{color:t.textMutedColor}:{}),Left=newStyled.span(({active:t,theme:ee})=>t?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:ee.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme:t})=>({fontSize:t.typography.size.s1,transition:"all 150ms ease-out",color:t.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:t.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:t})=>t?{cursor:"not-allowed"}:{}),getItemProps=memoize$2(100)((t,ee,te)=>{let re={};return t&&Object.assign(re,{onClick:t}),ee&&Object.assign(re,{href:ee}),te&&ee&&Object.assign(re,{to:ee,as:te}),re}),ListItem=({loading:t,left:ee,title:te,center:re,right:ae,icon:ne,active:oe,disabled:ie,isIndented:le,href:ce,onClick:se,LinkWrapper:pe,...de})=>{let ue=getItemProps(se,ce,pe),me={active:oe,disabled:ie},fe=typeof ne=="string"&&icons[ne];return React$1.createElement(Item,{...me,...de,...ue},ne?React$1.createElement(Left,{...me},fe?React$1.createElement(Icons,{icon:ne}):ne):ee&&React$1.createElement(Left,{...me},ee),te||re?React$1.createElement(Center,{isIndented:!ee&&!ne&&le},te&&React$1.createElement(Title3$1,{...me,loading:t},te),re&&React$1.createElement(CenterText,{...me},re)):null,ae&&React$1.createElement(Right,{...me},ae))};ListItem.defaultProps={loading:!1,left:null,title:React$1.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:t})=>({borderRadius:t.appBorderRadius})),Item2=t=>{let{LinkWrapper:ee,onClick:te,id:re,isIndented:ae,...ne}=t,{title:oe,href:ie,active:le}=ne,ce=reactExports.useCallback(pe=>{te(pe,ne)},[te]),se=!!te;return React$1.createElement(ListItem_default,{title:oe,active:le,href:ie,id:`list-item-${re}`,LinkWrapper:ee,isIndented:ae,...ne,...se?{onClick:ce}:{}})},TooltipLinkList=({links:t,LinkWrapper:ee})=>{let te=t.some(re=>re.left||re.icon);return React$1.createElement(List,null,t.map(({isGatsby:re,...ae})=>React$1.createElement(Item2,{key:ae.id,LinkWrapper:re?ee:null,isIndented:te,...ae})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=React$1.forwardRef(({children:t,...ee},te)=>ee.href!=null?React$1.createElement("a",{ref:te,...ee},t):React$1.createElement("button",{ref:te,type:"button",...ee},t));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:t})=>({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:t.color.secondary}}),({active:t,textColor:ee,theme:te})=>t?{color:ee||te.barSelectedColor,borderBottomColor:te.barSelectedColor}:{color:ee||te.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:t,theme:ee})=>t?{backgroundColor:ee.background.hoverable,color:ee.barSelectedColor}:{},({disabled:t,theme:ee})=>t?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1$1(.88,ee.color.secondary),color:ee.barHoverColor},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme:t})=>({width:14,height:14,backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React$1.createElement(IconButtonSkeletonWrapper,null,React$1.createElement(IconPlaceholder,null)),Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:t})=>t?{flexShrink:0}:{},({left:t})=>t?{"& > *":{marginLeft:4}}:{},({right:t})=>t?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children:t,className:ee,scrollable:te})=>te?React$1.createElement(ScrollArea,{vertical:!1,className:ee},t):React$1.createElement("div",{className:ee},t),Bar$1=newStyled(UnstyledBar)(({theme:t,scrollable:ee=!0})=>({color:t.barTextColor,width:"100%",height:40,flexShrink:0,overflow:ee?"auto":"hidden",overflowY:"hidden"}),({theme:t,border:ee=!1})=>ee?{boxShadow:`${t.appBorderColor}  0 -1px 0 0 inset`,background:t.barBg}:{});Bar$1.displayName="Bar";var BarInner=newStyled.div(({bgColor:t})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:t||""})),FlexBar=({children:t,backgroundColor:ee,...te})=>{let[re,ae]=reactExports.Children.toArray(t);return React$1.createElement(Bar$1,{...te},React$1.createElement(BarInner,{bgColor:ee},React$1.createElement(Side,{scrollable:te.scrollable,left:!0},re),ae?React$1.createElement(Side,{right:!0},ae):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active:t})=>t?{display:"block"}:{display:"none"}),childrenToList=t=>reactExports.Children.toArray(t).map(({props:{title:ee,id:te,color:re,children:ae}})=>{let ne=Array.isArray(ae)?ae[0]:ae;return{title:ee,id:te,...re?{color:re}:{},render:typeof ne=="function"?ne:({active:oe})=>React$1.createElement(VisuallyHidden,{active:oe,role:"tabpanel"},ne)}}),CollapseIcon=newStyled.span(({theme:t,isActive:ee})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:ee?t.color.secondary:t.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active:t,theme:ee,preActive:te})=>`
+${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reactExports.Fragment,null,ee);let[,re,ae]=te,ne=ee.split(/\n/).slice(1),[,...oe]=ne.map(ie=>{let le=ie.match(linesRegexChromium)||ie.match(linesRegexFirefox)||ie.match(linesRegexSafari);return le?{name:(le[1]||"").replace("/<",""),location:le[2].replace(document2$1.location.origin,"")}:null}).filter(Boolean);return React$1.createElement(reactExports.Fragment,null,React$1.createElement("span",null,re),": ",React$1.createElement(ErrorName,null,ae),React$1.createElement("br",null),oe.map((ie,le)=>ie.name?React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorImportant,null,ie.name)," (",React$1.createElement(ErrorDetail,null,ie.location),")",React$1.createElement("br",null)):React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorDetail,null,ie.location),React$1.createElement("br",null))))},ButtonWrapper=newStyled.button(({small:t,theme:ee})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:t?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${t?ee.typography.size.s1:ee.typography.size.s2-1}px`,fontWeight:ee.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:t?12:14,width:t?12:14,verticalAlign:"top",marginRight:t?4:6,marginTop:t?0:-1,marginBottom:t?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:t})=>t?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:t,small:ee})=>t?{svg:{display:"block",margin:0},...ee?{padding:10}:{padding:13}}:{},({theme:t,primary:ee,secondary:te,gray:re})=>{let ae;return re?ae=t.color.mediumlight:te?ae=t.color.secondary:ee&&(ae=t.color.primary),ae?{background:ae,color:re?t.color.darkest:t.color.lightest,"&:hover":{background:curriedDarken$1$1(.05,ae)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba$1(ae,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}},({theme:t,tertiary:ee,inForm:te,small:re})=>ee?{background:t.button.background,color:t.input.color,boxShadow:`${t.button.border} 0 0 0 1px inset`,borderRadius:t.input.borderRadius,...te&&re?{padding:"10px 16px"}:{},"&:hover":{background:t.base==="light"?curriedDarken$1$1(.02,t.button.background):curriedLighten$1$1(.03,t.button.background),...te?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:t.button.background},"&:focus":{boxShadow:`${rgba$1(t.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:t,outline:ee})=>ee?{boxShadow:`${curriedTransparentize$1$1(.8,t.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1$1(.3,t.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1$1(0,t.color.defaultText)}}:{},({theme:t,outline:ee,primary:te})=>{let re=t.color.primary;return ee&&te?{boxShadow:`${re} 0 0 0 1px inset`,color:re,"svg path:not([fill])":{fill:re},"&:hover":{boxShadow:`${re} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:re,boxShadow:`${re} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.2)} 0 8px 18px 0px`}}:{}},({theme:t,outline:ee,primary:te,secondary:re})=>{let ae;return re?ae=t.color.secondary:te&&(ae=t.color.primary),ee&&ae?{boxShadow:`${ae} 0 0 0 1px inset`,color:ae,"svg path:not([fill])":{fill:ae},"&:hover":{boxShadow:`${ae} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:ae,boxShadow:`${ae} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button$1=Object.assign(reactExports.forwardRef(function({isLink:t,children:ee,...te},re){return t?React$1.createElement(ButtonLink,{...te,ref:re},ee):React$1.createElement(ButtonWrapper,{...te,ref:re},ee)}),{defaultProps:{isLink:!1}}),Wrapper$1=newStyled.label(({theme:t})=>({display:"flex",borderBottom:`1px solid ${t.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label$1=newStyled.span(({theme:t})=>({minWidth:100,fontWeight:t.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label:t,children:ee,...te})=>React$1.createElement(Wrapper$1,{...te},t?React$1.createElement(Label$1,null,React$1.createElement("span",null,t)):null,ee);Field.defaultProps={label:void 0};function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(t){for(var ee=1;ee<arguments.length;ee++){var te=arguments[ee];for(var re in te)Object.prototype.hasOwnProperty.call(te,re)&&(t[re]=te[re])}return t},_extends2.apply(this,arguments)}function _objectWithoutPropertiesLoose(t,ee){if(t==null)return{};var te={},re=Object.keys(t),ae,ne;for(ne=0;ne<re.length;ne++)ae=re[ne],!(ee.indexOf(ae)>=0)&&(te[ae]=t[ae]);return te}var updateRef=function(t,ee){if(typeof t=="function"){t(ee);return}t.current=ee},useComposedRef=function(t,ee){var te=reactExports.useRef();return reactExports.useCallback(function(re){t.current=re,te.current&&updateRef(te.current,null),te.current=ee,ee&&updateRef(ee,re)},[ee])},use_composed_ref_esm_default=useComposedRef,noop$2=function(){},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(t,ee){t.cacheMeasurements,t.maxRows,t.minRows;var te=t.onChange,re=te===void 0?noop$2:te;t.onHeightChange;var ae=_objectWithoutPropertiesLoose(t,_excluded);ae.value;var ne=reactExports.useRef(null),oe=use_composed_ref_esm_default(ne,ee);return reactExports.useRef(0),reactExports.useRef(),reactExports.createElement("textarea",_extends2({},ae,{onChange:re,ref:oe}))},index=reactExports.forwardRef(TextareaAutosize),styleResets$1={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme:t})=>({...styleResets$1,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:t.input.color||"inherit",background:t.input.background,boxShadow:`${t.input.border} 0 0 0 1px inset`,borderRadius:t.input.borderRadius,fontSize:t.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${t.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${t.color.lightest} inset`},"&::placeholder":{color:t.textMutedColor,opacity:1}}),sizes=({size:t})=>{switch(t){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align:t})=>{switch(t){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid:t,theme:ee})=>{switch(t){case"valid":return{boxShadow:`${ee.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${ee.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${ee.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input$1=Object.assign(newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement("input",{...re,ref:ae})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement("select",{...re,ref:ae})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement(index,{...re,ref:ae})}))(styles,sizes,alignment,validation,({height:t=400})=>({overflow:"visible",maxHeight:t})),{displayName:"Textarea"}),ButtonStyled=newStyled(reactExports.forwardRef(function({size:t,valid:ee,align:te,...re},ae){return React$1.createElement(Button$1,{...re,ref:ae})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(reactExports.forwardRef(function(t,ee){return React$1.createElement(ButtonStyled,{...t,tertiary:!0,small:!0,inForm:!0,ref:ee})}),{displayName:"Button"}),Form=Object.assign(newStyled.form({boxSizing:"border-box",width:"100%"}),{Field,Input:Input$1,Select,Textarea,Button:Button3}),LazyWithTooltip=reactExports.lazy(()=>__vitePreload(()=>import("./WithTooltip-V3YHNWJZ-4DkfkReL.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltip}))),WithTooltip=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltip,{...t})),LazyWithTooltipPure=reactExports.lazy(()=>__vitePreload(()=>import("./WithTooltip-V3YHNWJZ-4DkfkReL.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltipPure}))),WithTooltipPure=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltipPure,{...t})),Title2$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc2=newStyled.span(),Links$1=newStyled.div(({theme:t})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:t.typography.weight.bold}})),Message2=newStyled.div(({theme:t})=>({color:t.color.defaultText,lineHeight:"18px"})),MessageWrapper=newStyled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title:t,desc:ee,links:te})=>React$1.createElement(MessageWrapper,null,React$1.createElement(Message2,null,t&&React$1.createElement(Title2$1,null,t),ee&&React$1.createElement(Desc2,null,ee)),te&&React$1.createElement(Links$1,null,te.map(({title:re,...ae})=>React$1.createElement(Link2,{...ae,key:re},re))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=newStyled.div(({theme:t})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:t.typography.weight.bold,color:t.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:t.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note:t,...ee})=>React$1.createElement(Note,{...ee},t),Title3$1=newStyled(({active:t,loading:ee,disabled:te,...re})=>React$1.createElement("span",{...re}))(({theme:t})=>({color:t.color.defaultText,fontWeight:t.typography.weight.regular}),({active:t,theme:ee})=>t?{color:ee.color.secondary,fontWeight:ee.typography.weight.bold}:{},({loading:t,theme:ee})=>t?{display:"inline-block",flex:"none",...ee.animation.inlineGlow}:{},({disabled:t,theme:ee})=>t?{color:curriedTransparentize$1$1(.7,ee.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:t})=>t?{marginLeft:24}:{}),CenterText=newStyled.span(({theme:t})=>({fontSize:"11px",lineHeight:"14px"}),({active:t,theme:ee})=>t?{color:ee.color.secondary}:{},({theme:t,disabled:ee})=>ee?{color:t.textMutedColor}:{}),Left=newStyled.span(({active:t,theme:ee})=>t?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:ee.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme:t})=>({fontSize:t.typography.size.s1,transition:"all 150ms ease-out",color:t.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:t.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:t})=>t?{cursor:"not-allowed"}:{}),getItemProps=memoize$2(100)((t,ee,te)=>{let re={};return t&&Object.assign(re,{onClick:t}),ee&&Object.assign(re,{href:ee}),te&&ee&&Object.assign(re,{to:ee,as:te}),re}),ListItem=({loading:t,left:ee,title:te,center:re,right:ae,icon:ne,active:oe,disabled:ie,isIndented:le,href:ce,onClick:se,LinkWrapper:pe,...de})=>{let ue=getItemProps(se,ce,pe),me={active:oe,disabled:ie},fe=typeof ne=="string"&&icons[ne];return React$1.createElement(Item,{...me,...de,...ue},ne?React$1.createElement(Left,{...me},fe?React$1.createElement(Icons,{icon:ne}):ne):ee&&React$1.createElement(Left,{...me},ee),te||re?React$1.createElement(Center,{isIndented:!ee&&!ne&&le},te&&React$1.createElement(Title3$1,{...me,loading:t},te),re&&React$1.createElement(CenterText,{...me},re)):null,ae&&React$1.createElement(Right,{...me},ae))};ListItem.defaultProps={loading:!1,left:null,title:React$1.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:t})=>({borderRadius:t.appBorderRadius})),Item2=t=>{let{LinkWrapper:ee,onClick:te,id:re,isIndented:ae,...ne}=t,{title:oe,href:ie,active:le}=ne,ce=reactExports.useCallback(pe=>{te(pe,ne)},[te]),se=!!te;return React$1.createElement(ListItem_default,{title:oe,active:le,href:ie,id:`list-item-${re}`,LinkWrapper:ee,isIndented:ae,...ne,...se?{onClick:ce}:{}})},TooltipLinkList=({links:t,LinkWrapper:ee})=>{let te=t.some(re=>re.left||re.icon);return React$1.createElement(List,null,t.map(({isGatsby:re,...ae})=>React$1.createElement(Item2,{key:ae.id,LinkWrapper:re?ee:null,isIndented:te,...ae})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=React$1.forwardRef(({children:t,...ee},te)=>ee.href!=null?React$1.createElement("a",{ref:te,...ee},t):React$1.createElement("button",{ref:te,type:"button",...ee},t));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:t})=>({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:t.color.secondary}}),({active:t,textColor:ee,theme:te})=>t?{color:ee||te.barSelectedColor,borderBottomColor:te.barSelectedColor}:{color:ee||te.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:t,theme:ee})=>t?{backgroundColor:ee.background.hoverable,color:ee.barSelectedColor}:{},({disabled:t,theme:ee})=>t?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1$1(.88,ee.color.secondary),color:ee.barHoverColor},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme:t})=>({width:14,height:14,backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React$1.createElement(IconButtonSkeletonWrapper,null,React$1.createElement(IconPlaceholder,null)),Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:t})=>t?{flexShrink:0}:{},({left:t})=>t?{"& > *":{marginLeft:4}}:{},({right:t})=>t?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children:t,className:ee,scrollable:te})=>te?React$1.createElement(ScrollArea,{vertical:!1,className:ee},t):React$1.createElement("div",{className:ee},t),Bar$1=newStyled(UnstyledBar)(({theme:t,scrollable:ee=!0})=>({color:t.barTextColor,width:"100%",height:40,flexShrink:0,overflow:ee?"auto":"hidden",overflowY:"hidden"}),({theme:t,border:ee=!1})=>ee?{boxShadow:`${t.appBorderColor}  0 -1px 0 0 inset`,background:t.barBg}:{});Bar$1.displayName="Bar";var BarInner=newStyled.div(({bgColor:t})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:t||""})),FlexBar=({children:t,backgroundColor:ee,...te})=>{let[re,ae]=reactExports.Children.toArray(t);return React$1.createElement(Bar$1,{...te},React$1.createElement(BarInner,{bgColor:ee},React$1.createElement(Side,{scrollable:te.scrollable,left:!0},re),ae?React$1.createElement(Side,{right:!0},ae):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active:t})=>t?{display:"block"}:{display:"none"}),childrenToList=t=>reactExports.Children.toArray(t).map(({props:{title:ee,id:te,color:re,children:ae}})=>{let ne=Array.isArray(ae)?ae[0]:ae;return{title:ee,id:te,...re?{color:re}:{},render:typeof ne=="function"?ne:({active:oe})=>React$1.createElement(VisuallyHidden,{active:oe,role:"tabpanel"},ne)}}),CollapseIcon=newStyled.span(({theme:t,isActive:ee})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:ee?t.color.secondary:t.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active:t,theme:ee,preActive:te})=>`
     color: ${te||t?ee.color.secondary:ee.color.mediumdark};
     &:hover {
       color: ${ee.color.secondary};
@@ -308,7 +308,7 @@ ${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reac
             ${curriedDarken$1(.02,t.input.background)} 100%)`:`linear-gradient(to right, 
             ${t.color.green} 0%, ${t.color.green} ${(re-ee)/(te-ee)*100}%, 
             ${curriedLighten$1(.02,t.input.background)} ${(re-ee)/(te-ee)*100}%, 
-            ${curriedLighten$1(.02,t.input.background)} 100%)`,boxShadow:`${t.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:`${t.input.background}`,border:`1px solid ${rgba(t.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=newStyled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=newStyled(RangeLabel)(({numberOFDecimalsPlaces:t,max:ee})=>({width:`${t+ee.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),RangeWrapper=newStyled.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(t){let ee=t.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return ee?Math.max(0,(ee[1]?ee[1].length:0)-(ee[2]?+ee[2]:0)):0}var RangeControl=({name:t,value:ee,onChange:te,min:re=0,max:ae=100,step:ne=1,onBlur:oe,onFocus:ie})=>{let le=pe=>{te(parse2(pe.target.value))},ce=ee!==void 0,se=reactExports.useMemo(()=>getNumberOfDecimalPlaces(ne),[ne]);return React$1.createElement(RangeWrapper,null,React$1.createElement(RangeLabel,null,re),React$1.createElement(RangeInput,{id:getControlId(t),type:"range",onChange:le,name:t,value:ee,min:re,max:ae,step:ne,onFocus:ie,onBlur:oe}),React$1.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces:se,max:ae},ce?ee.toFixed(se):"--"," / ",ae))},Wrapper6=newStyled.label({display:"flex"}),MaxLength=newStyled.div(({isMaxed:t})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:t?"red":void 0})),TextControl=({name:t,value:ee,onChange:te,onFocus:re,onBlur:ae,maxLength:ne})=>{let oe=pe=>{te(pe.target.value)},[ie,le]=reactExports.useState(!1),ce=reactExports.useCallback(()=>{te(""),le(!0)},[le]);if(ee===void 0)return React$1.createElement(Form.Button,{id:getControlSetterButtonId(t),onClick:ce},"Set string");let se=typeof ee=="string";return React$1.createElement(Wrapper6,null,React$1.createElement(Form.Textarea,{id:getControlId(t),maxLength:ne,onChange:oe,size:"flex",placeholder:"Edit string...",autoFocus:ie,valid:se?null:"error",name:t,value:se?ee:"",onFocus:re,onBlur:ae}),ne&&React$1.createElement(MaxLength,{isMaxed:(ee==null?void 0:ee.length)===ne},(ee==null?void 0:ee.length)??0," / ",ne))},FileInput=newStyled(Form.Input)({padding:10});function revokeOldUrls(t){t.forEach(ee=>{ee.startsWith("blob:")&&URL.revokeObjectURL(ee)})}var FilesControl=({onChange:t,name:ee,accept:te="image/*",value:re})=>{let ae=reactExports.useRef(null);function ne(oe){if(!oe.target.files)return;let ie=Array.from(oe.target.files).map(le=>URL.createObjectURL(le));t(ie),revokeOldUrls(re)}return reactExports.useEffect(()=>{re==null&&ae.current&&(ae.current.value=null)},[re,ee]),React$1.createElement(FileInput,{ref:ae,id:getControlId(ee),type:"file",name:ee,multiple:!0,onChange:ne,accept:te,size:"flex"})},LazyColorControl=reactExports.lazy(()=>__vitePreload(()=>import("./Color-6VNJS4EI-eKwSdfsH.js"),__vite__mapDeps([10,2,6,1,3,4,5,7]),import.meta.url)),ColorControl=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyColorControl,{...t})),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=()=>React$1.createElement(React$1.Fragment,null,"-"),ArgControl=({row:t,arg:ee,updateArgs:te,isHovered:re})=>{let{key:ae,control:ne}=t,[oe,ie]=reactExports.useState(!1),[le,ce]=reactExports.useState({value:ee});reactExports.useEffect(()=>{oe||ce({value:ee})},[oe,ee]);let se=reactExports.useCallback(fe=>(ce({value:fe}),te({[ae]:fe}),fe),[te,ae]),pe=reactExports.useCallback(()=>ie(!1),[]),de=reactExports.useCallback(()=>ie(!0),[]);if(!ne||ne.disable)return re?React$1.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):React$1.createElement(NoControl,null);let ue={name:ae,argType:t,value:le.value,onChange:se,onBlur:pe,onFocus:de},me=Controls2[ne.type]||NoControl;return React$1.createElement(me,{...ue,...ne,controlType:ne.type})},Name=newStyled.span({fontWeight:"bold"}),Required=newStyled.span(({theme:t})=>({color:t.color.negative,fontFamily:t.typography.fonts.mono,cursor:"help"})),Description=newStyled.div(({theme:t})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:t.color.secondary}},code:{...codeCommon({theme:t}),fontSize:12,fontFamily:t.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=newStyled.div(({theme:t,hasDescription:ee})=>({color:t.base==="light"?curriedTransparentize$1(.1,t.color.defaultText):curriedTransparentize$1(.2,t.color.defaultText),marginTop:ee?4:0})),TypeWithJsDoc=newStyled.div(({theme:t,hasDescription:ee})=>({color:t.base==="light"?curriedTransparentize$1(.1,t.color.defaultText):curriedTransparentize$1(.2,t.color.defaultText),marginTop:ee?12:0,marginBottom:12})),StyledTd=newStyled.td(({theme:t,expandable:ee})=>({paddingLeft:ee?"40px !important":"20px !important"})),ArgRow=t=>{var fe;let[ee,te]=reactExports.useState(!1),{row:re,updateArgs:ae,compact:ne,expandable:oe,initialExpandedArgs:ie}=t,{name:le,description:ce}=re,se=re.table||{},pe=se.type||re.type,de=se.defaultValue||re.defaultValue,ue=(fe=re.type)==null?void 0:fe.required,me=ce!=null&&ce!=="";return React$1.createElement("tr",{onMouseEnter:()=>te(!0),onMouseLeave:()=>te(!1)},React$1.createElement(StyledTd,{expandable:oe},React$1.createElement(Name,null,le),ue?React$1.createElement(Required,{title:"Required"},"*"):null),ne?null:React$1.createElement("td",null,me&&React$1.createElement(Description,null,React$1.createElement(Markdown,null,ce)),se.jsDocTags!=null?React$1.createElement(React$1.Fragment,null,React$1.createElement(TypeWithJsDoc,{hasDescription:me},React$1.createElement(ArgValue,{value:pe,initialExpandedArgs:ie})),React$1.createElement(ArgJsDoc,{tags:se.jsDocTags})):React$1.createElement(Type,{hasDescription:me},React$1.createElement(ArgValue,{value:pe,initialExpandedArgs:ie}))),ne?null:React$1.createElement("td",null,React$1.createElement(ArgValue,{value:de,initialExpandedArgs:ie})),ae?React$1.createElement("td",null,React$1.createElement(ArgControl,{...t,isHovered:ee})):null)},ExpanderIcon=newStyled(Icons)(({theme:t})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:t.base==="light"?curriedTransparentize$1(.25,t.color.defaultText):curriedTransparentize$1(.3,t.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=newStyled.span(({theme:t})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=newStyled.td(({theme:t})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:t.typography.weight.bold,fontSize:t.typography.size.s1-1,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText),background:`${t.background.app} !important`,"& ~ td":{background:`${t.background.app} !important`}})),Subsection=newStyled.td(({theme:t})=>({position:"relative",fontWeight:t.typography.weight.bold,fontSize:t.typography.size.s2-1,background:t.background.app})),StyledTd2=newStyled.td(()=>({position:"relative"})),StyledTr=newStyled.tr(({theme:t})=>({"&:hover > td":{backgroundColor:`${curriedLighten$1(.005,t.background.app)} !important`,boxShadow:`${t.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=newStyled.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:t="section",label:ee,children:te,initialExpanded:re=!0,colSpan:ae=3})=>{let[ne,oe]=reactExports.useState(re),ie=t==="subsection"?Subsection:Section,le=(te==null?void 0:te.length)||0,ce=t==="subsection"?`${le} item${le!==1?"s":""}`:"",se=ne?"arrowdown":"arrowright",pe=`${ne?"Hide":"Show"} ${t==="subsection"?le:ee} item${le!==1?"s":""}`;return React$1.createElement(React$1.Fragment,null,React$1.createElement(StyledTr,{title:pe},React$1.createElement(ie,{colSpan:1},React$1.createElement(ClickIntercept,{onClick:de=>oe(!ne),tabIndex:0},pe),React$1.createElement(FlexWrapper,null,React$1.createElement(ExpanderIcon,{icon:se}),ee)),React$1.createElement(StyledTd2,{colSpan:ae-1},React$1.createElement(ClickIntercept,{onClick:de=>oe(!ne),tabIndex:-1,style:{outline:"none"}},pe),ne?null:ce)),ne?te:null)},Row=newStyled.div(({theme:t})=>({display:"flex",gap:16,borderBottom:`1px solid ${t.appBorderColor}`,"&:last-child":{borderBottom:0}})),Column=newStyled.div(({numColumn:t})=>({display:"flex",flexDirection:"column",flex:t||1,gap:5,padding:"12px 20px"})),SkeletonText=newStyled.div(({theme:t,width:ee,height:te})=>({animation:`${t.animation.glow} 1.5s ease-in-out infinite`,background:t.appBorderColor,width:ee||"100%",height:te||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>React$1.createElement(React$1.Fragment,null,React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"}))),React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"80%"}),React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"}))),React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"80%"}),React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"}))),React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"80%"}),React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"})))),Wrapper7=newStyled.div(({inAddonPanel:t,theme:ee})=>({height:t?"100%":"auto",display:"flex",border:t?"none":`1px solid ${ee.appBorderColor}`,borderRadius:t?0:ee.appBorderRadius,padding:t?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:ee.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Content=newStyled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title2=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold,fontSize:t.typography.size.s2-1,textAlign:"center",color:t.textColor})),Description2=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.regular,fontSize:t.typography.size.s2-1,textAlign:"center",color:t.textMutedColor})),Links=newStyled.div(({theme:t})=>({display:"flex",fontSize:t.typography.size.s2-1,gap:25})),Divider=newStyled.div(({theme:t})=>({width:1,height:16,backgroundColor:t.appBorderColor})),Empty=({inAddonPanel:t})=>{let[ee,te]=reactExports.useState(!0);return reactExports.useEffect(()=>{let re=setTimeout(()=>{te(!1)},100);return()=>clearTimeout(re)},[]),ee?null:React$1.createElement(Wrapper7,{inAddonPanel:t},React$1.createElement(Content,null,React$1.createElement(Title2,null,t?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),React$1.createElement(Description2,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.")),React$1.createElement(Links,null,t&&React$1.createElement(React$1.Fragment,null,React$1.createElement(Link2,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},React$1.createElement(Icons,{icon:"video"})," Watch 5m video"),React$1.createElement(Divider,null),React$1.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!t&&React$1.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},TableWrapper=newStyled.table(({theme:t,compact:ee,inAddonPanel:te})=>({"&&":{borderSpacing:0,color:t.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:t.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:te?0:25,marginBottom:te?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)":{...ee?null:{width:"35%"}},"td:nth-of-type(3)":{...ee?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...ee?null:{width:"25%"}},th:{color:t.base==="light"?curriedTransparentize$1(.25,t.color.defaultText):curriedTransparentize$1(.45,t.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:te?0:1,marginRight:te?0:1,tbody:{...te?null:{filter:t.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:t.background.content,borderTop:`1px solid ${t.appBorderColor}`},...te?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${t.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${t.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${t.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${t.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:t.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:t.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:t.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:t.appBorderRadius}}}}})),StyledIconButton=newStyled(IconButton)(({theme:t})=>({color:t.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=newStyled.span({display:"flex",justifyContent:"space-between"}),sortFns={alpha:(t,ee)=>t.name.localeCompare(ee.name),requiredFirst:(t,ee)=>{var te,re;return+!!((te=ee.type)!=null&&te.required)-+!!((re=t.type)!=null&&re.required)||t.name.localeCompare(ee.name)},none:void 0},groupRows=(t,ee)=>{let te={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!t)return te;Object.entries(t).forEach(([ne,oe])=>{let{category:ie,subcategory:le}=(oe==null?void 0:oe.table)||{};if(ie){let ce=te.sections[ie]||{ungrouped:[],subsections:{}};if(!le)ce.ungrouped.push({key:ne,...oe});else{let se=ce.subsections[le]||[];se.push({key:ne,...oe}),ce.subsections[le]=se}te.sections[ie]=ce}else if(le){let ce=te.ungroupedSubsections[le]||[];ce.push({key:ne,...oe}),te.ungroupedSubsections[le]=ce}else te.ungrouped.push({key:ne,...oe})});let re=sortFns[ee],ae=ne=>re?Object.keys(ne).reduce((oe,ie)=>({...oe,[ie]:ne[ie].sort(re)}),{}):ne;return{ungrouped:te.ungrouped.sort(re),ungroupedSubsections:ae(te.ungroupedSubsections),sections:Object.keys(te.sections).reduce((ne,oe)=>({...ne,[oe]:{ungrouped:te.sections[oe].ungrouped.sort(re),subsections:ae(te.sections[oe].subsections)}}),{})}},safeIncludeConditionalArg=(t,ee,te)=>{try{return O$1(t,ee,te)}catch(re){return once.warn(re.message),!1}},ArgsTable=t=>{let{updateArgs:ee,resetArgs:te,compact:re,inAddonPanel:ae,initialExpandedArgs:ne,sort:oe="none",isLoading:ie}=t;if("error"in t){let{error:ve}=t;return React$1.createElement(EmptyBlock,null,ve," ",React$1.createElement(Link2,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(ie)return React$1.createElement(Skeleton,null);let{rows:le,args:ce,globals:se}="rows"in t&&t,pe=groupRows(pickBy$1(le,ve=>{var he;return!((he=ve==null?void 0:ve.table)!=null&&he.disable)&&safeIncludeConditionalArg(ve,ce||{},se||{})}),oe),de=pe.ungrouped.length===0,ue=Object.entries(pe.sections).length===0,me=Object.entries(pe.ungroupedSubsections).length===0;if(de&&ue&&me)return React$1.createElement(Empty,{inAddonPanel:ae});let fe=1;ee&&(fe+=1),re||(fe+=2);let ye=Object.keys(pe.sections).length>0,ge={updateArgs:ee,compact:re,inAddonPanel:ae,initialExpandedArgs:ne};return React$1.createElement(ResetWrapper,null,React$1.createElement(TableWrapper,{compact:re,inAddonPanel:ae,className:"docblock-argstable sb-unstyled"},React$1.createElement("thead",{className:"docblock-argstable-head"},React$1.createElement("tr",null,React$1.createElement("th",null,React$1.createElement("span",null,"Name")),re?null:React$1.createElement("th",null,React$1.createElement("span",null,"Description")),re?null:React$1.createElement("th",null,React$1.createElement("span",null,"Default")),ee?React$1.createElement("th",null,React$1.createElement(ControlHeadingWrapper,null,"Control"," ",!ie&&te&&React$1.createElement(StyledIconButton,{onClick:()=>te(),title:"Reset controls"},React$1.createElement(Icons,{icon:"undo","aria-hidden":!0})))):null)),React$1.createElement("tbody",{className:"docblock-argstable-body"},pe.ungrouped.map(ve=>React$1.createElement(ArgRow,{key:ve.key,row:ve,arg:ce&&ce[ve.key],...ge})),Object.entries(pe.ungroupedSubsections).map(([ve,he])=>React$1.createElement(SectionRow,{key:ve,label:ve,level:"subsection",colSpan:fe},he.map(be=>React$1.createElement(ArgRow,{key:be.key,row:be,arg:ce&&ce[be.key],expandable:ye,...ge})))),Object.entries(pe.sections).map(([ve,he])=>React$1.createElement(SectionRow,{key:ve,label:ve,level:"section",colSpan:fe},he.ungrouped.map(be=>React$1.createElement(ArgRow,{key:be.key,row:be,arg:ce&&ce[be.key],...ge})),Object.entries(he.subsections).map(([be,$e])=>React$1.createElement(SectionRow,{key:be,label:be,level:"subsection",colSpan:fe},$e.map(Ee=>React$1.createElement(ArgRow,{key:Ee.key,row:Ee,arg:ce&&ce[Ee.key],expandable:ye,...ge})))))))))};newStyled.div(({theme:t})=>({marginRight:30,fontSize:`${t.typography.size.s1}px`,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});newStyled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});newStyled.div(withReset,({theme:t})=>({...getBlockBackgroundStyle(t),margin:"25px 0 40px",padding:"30px 20px"}));newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold,color:t.color.defaultText}));newStyled.div(({theme:t})=>({color:t.base==="light"?curriedTransparentize$1(.2,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});newStyled.div(({theme:t})=>({flex:1,textAlign:"center",fontFamily:t.typography.fonts.mono,fontSize:t.typography.size.s1,lineHeight:1,overflow:"hidden",color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));newStyled.div({display:"flex",flexDirection:"row"});newStyled.div(({background:t})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:t,content:'""'}}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),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"}));newStyled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});newStyled.div({flex:1,display:"flex",flexDirection:"row"});newStyled.div({display:"flex",alignItems:"flex-start"});newStyled.div({flex:"0 0 30%"});newStyled.div({flex:1});newStyled.div(({theme:t})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:t.typography.weight.bold,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div(({theme:t})=>({fontSize:t.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));newStyled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,fontSize:t.typography.size.s2,color:t.color.defaultText,marginLeft:10,lineHeight:1.2}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));newStyled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});newStyled.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=t=>`anchor--${t}`,Anchor=({storyId:t,children:ee})=>React$1.createElement("div",{id:anchorBlockIdFromId(t),className:"sb-anchor"},ee);global$1&&global$1.__DOCS_CONTEXT__===void 0&&(global$1.__DOCS_CONTEXT__=reactExports.createContext(null),global$1.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global$1?global$1.__DOCS_CONTEXT__:reactExports.createContext(null),useOf=(t,ee)=>reactExports.useContext(DocsContext).resolveOf(t,ee);function scrollToElement(t,ee="start"){t.scrollIntoView({behavior:"smooth",block:ee,inline:"nearest"})}function useStory(t,ee){let te=useStories([t],ee);return te&&te[0]}function useStories(t,ee){let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{Promise.all(t.map(async ae=>{let ne=await ee.loadStory(ae);re(oe=>oe[ae]===ne?oe:{...oe,[ae]:ne})}))}),t.map(ae=>{if(te[ae])return te[ae];try{return ee.storyById(ae)}catch{return null}})}function argsHash(t){return stringify(t)}var SourceContext=reactExports.createContext({sources:{}}),UNKNOWN_ARGS_HASH="--unknown--",SourceContainer=({children:t,channel:ee})=>{let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{let ae=(ne,oe=null,ie=!1)=>{let{id:le,args:ce=void 0,source:se,format:pe}=typeof ne=="string"?{id:ne,source:oe,format:ie}:ne,de=ce?argsHash(ce):UNKNOWN_ARGS_HASH;re(ue=>({...ue,[le]:{...ue[le],[de]:{code:se,format:pe}}}))};return ee.on(SNIPPET_RENDERED,ae),()=>ee.off(SNIPPET_RENDERED,ae)},[]),React$1.createElement(SourceContext.Provider,{value:{sources:te}},t)},SourceState=(t=>(t.OPEN="open",t.CLOSED="closed",t.NONE="none",t))(SourceState||{}),getSourceState=t=>{let ee=t.map(te=>{var re,ae;return(ae=(re=te.parameters.docs)==null?void 0:re.source)==null?void 0:ae.state}).filter(Boolean);return ee.length===0?"closed":ee[0]},getStorySource=(t,ee,te)=>{let{sources:re}=te,ae=re==null?void 0:re[t];return(ae==null?void 0:ae[argsHash(ee)])||(ae==null?void 0:ae[UNKNOWN_ARGS_HASH])||{code:""}},getSnippet=({snippet:t,storyContext:ee,typeFromProps:te,transformFromProps:re})=>{var le,ce,se,pe,de,ue;let{__isArgsStory:ae}=ee.parameters,ne=((le=ee.parameters.docs)==null?void 0:le.source)||{},oe=te||ne.type||SourceType.AUTO;if(ne.code!==void 0)return ne.code;let ie=oe===SourceType.DYNAMIC||oe===SourceType.AUTO&&t&&ae?t:ne.originalSource||"";return ne.transformSource&&deprecate(dedent$1`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
+            ${curriedLighten$1(.02,t.input.background)} 100%)`,boxShadow:`${t.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:`${t.input.background}`,border:`1px solid ${rgba(t.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=newStyled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=newStyled(RangeLabel)(({numberOFDecimalsPlaces:t,max:ee})=>({width:`${t+ee.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),RangeWrapper=newStyled.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(t){let ee=t.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return ee?Math.max(0,(ee[1]?ee[1].length:0)-(ee[2]?+ee[2]:0)):0}var RangeControl=({name:t,value:ee,onChange:te,min:re=0,max:ae=100,step:ne=1,onBlur:oe,onFocus:ie})=>{let le=pe=>{te(parse2(pe.target.value))},ce=ee!==void 0,se=reactExports.useMemo(()=>getNumberOfDecimalPlaces(ne),[ne]);return React$1.createElement(RangeWrapper,null,React$1.createElement(RangeLabel,null,re),React$1.createElement(RangeInput,{id:getControlId(t),type:"range",onChange:le,name:t,value:ee,min:re,max:ae,step:ne,onFocus:ie,onBlur:oe}),React$1.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces:se,max:ae},ce?ee.toFixed(se):"--"," / ",ae))},Wrapper6=newStyled.label({display:"flex"}),MaxLength=newStyled.div(({isMaxed:t})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:t?"red":void 0})),TextControl=({name:t,value:ee,onChange:te,onFocus:re,onBlur:ae,maxLength:ne})=>{let oe=pe=>{te(pe.target.value)},[ie,le]=reactExports.useState(!1),ce=reactExports.useCallback(()=>{te(""),le(!0)},[le]);if(ee===void 0)return React$1.createElement(Form.Button,{id:getControlSetterButtonId(t),onClick:ce},"Set string");let se=typeof ee=="string";return React$1.createElement(Wrapper6,null,React$1.createElement(Form.Textarea,{id:getControlId(t),maxLength:ne,onChange:oe,size:"flex",placeholder:"Edit string...",autoFocus:ie,valid:se?null:"error",name:t,value:se?ee:"",onFocus:re,onBlur:ae}),ne&&React$1.createElement(MaxLength,{isMaxed:(ee==null?void 0:ee.length)===ne},(ee==null?void 0:ee.length)??0," / ",ne))},FileInput=newStyled(Form.Input)({padding:10});function revokeOldUrls(t){t.forEach(ee=>{ee.startsWith("blob:")&&URL.revokeObjectURL(ee)})}var FilesControl=({onChange:t,name:ee,accept:te="image/*",value:re})=>{let ae=reactExports.useRef(null);function ne(oe){if(!oe.target.files)return;let ie=Array.from(oe.target.files).map(le=>URL.createObjectURL(le));t(ie),revokeOldUrls(re)}return reactExports.useEffect(()=>{re==null&&ae.current&&(ae.current.value=null)},[re,ee]),React$1.createElement(FileInput,{ref:ae,id:getControlId(ee),type:"file",name:ee,multiple:!0,onChange:ne,accept:te,size:"flex"})},LazyColorControl=reactExports.lazy(()=>__vitePreload(()=>import("./Color-6VNJS4EI-tDs0DW6l.js"),__vite__mapDeps([10,2,6,1,3,4,5,7]),import.meta.url)),ColorControl=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyColorControl,{...t})),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=()=>React$1.createElement(React$1.Fragment,null,"-"),ArgControl=({row:t,arg:ee,updateArgs:te,isHovered:re})=>{let{key:ae,control:ne}=t,[oe,ie]=reactExports.useState(!1),[le,ce]=reactExports.useState({value:ee});reactExports.useEffect(()=>{oe||ce({value:ee})},[oe,ee]);let se=reactExports.useCallback(fe=>(ce({value:fe}),te({[ae]:fe}),fe),[te,ae]),pe=reactExports.useCallback(()=>ie(!1),[]),de=reactExports.useCallback(()=>ie(!0),[]);if(!ne||ne.disable)return re?React$1.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):React$1.createElement(NoControl,null);let ue={name:ae,argType:t,value:le.value,onChange:se,onBlur:pe,onFocus:de},me=Controls2[ne.type]||NoControl;return React$1.createElement(me,{...ue,...ne,controlType:ne.type})},Name=newStyled.span({fontWeight:"bold"}),Required=newStyled.span(({theme:t})=>({color:t.color.negative,fontFamily:t.typography.fonts.mono,cursor:"help"})),Description=newStyled.div(({theme:t})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:t.color.secondary}},code:{...codeCommon({theme:t}),fontSize:12,fontFamily:t.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=newStyled.div(({theme:t,hasDescription:ee})=>({color:t.base==="light"?curriedTransparentize$1(.1,t.color.defaultText):curriedTransparentize$1(.2,t.color.defaultText),marginTop:ee?4:0})),TypeWithJsDoc=newStyled.div(({theme:t,hasDescription:ee})=>({color:t.base==="light"?curriedTransparentize$1(.1,t.color.defaultText):curriedTransparentize$1(.2,t.color.defaultText),marginTop:ee?12:0,marginBottom:12})),StyledTd=newStyled.td(({theme:t,expandable:ee})=>({paddingLeft:ee?"40px !important":"20px !important"})),ArgRow=t=>{var fe;let[ee,te]=reactExports.useState(!1),{row:re,updateArgs:ae,compact:ne,expandable:oe,initialExpandedArgs:ie}=t,{name:le,description:ce}=re,se=re.table||{},pe=se.type||re.type,de=se.defaultValue||re.defaultValue,ue=(fe=re.type)==null?void 0:fe.required,me=ce!=null&&ce!=="";return React$1.createElement("tr",{onMouseEnter:()=>te(!0),onMouseLeave:()=>te(!1)},React$1.createElement(StyledTd,{expandable:oe},React$1.createElement(Name,null,le),ue?React$1.createElement(Required,{title:"Required"},"*"):null),ne?null:React$1.createElement("td",null,me&&React$1.createElement(Description,null,React$1.createElement(Markdown,null,ce)),se.jsDocTags!=null?React$1.createElement(React$1.Fragment,null,React$1.createElement(TypeWithJsDoc,{hasDescription:me},React$1.createElement(ArgValue,{value:pe,initialExpandedArgs:ie})),React$1.createElement(ArgJsDoc,{tags:se.jsDocTags})):React$1.createElement(Type,{hasDescription:me},React$1.createElement(ArgValue,{value:pe,initialExpandedArgs:ie}))),ne?null:React$1.createElement("td",null,React$1.createElement(ArgValue,{value:de,initialExpandedArgs:ie})),ae?React$1.createElement("td",null,React$1.createElement(ArgControl,{...t,isHovered:ee})):null)},ExpanderIcon=newStyled(Icons)(({theme:t})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:t.base==="light"?curriedTransparentize$1(.25,t.color.defaultText):curriedTransparentize$1(.3,t.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=newStyled.span(({theme:t})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=newStyled.td(({theme:t})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:t.typography.weight.bold,fontSize:t.typography.size.s1-1,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText),background:`${t.background.app} !important`,"& ~ td":{background:`${t.background.app} !important`}})),Subsection=newStyled.td(({theme:t})=>({position:"relative",fontWeight:t.typography.weight.bold,fontSize:t.typography.size.s2-1,background:t.background.app})),StyledTd2=newStyled.td(()=>({position:"relative"})),StyledTr=newStyled.tr(({theme:t})=>({"&:hover > td":{backgroundColor:`${curriedLighten$1(.005,t.background.app)} !important`,boxShadow:`${t.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=newStyled.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:t="section",label:ee,children:te,initialExpanded:re=!0,colSpan:ae=3})=>{let[ne,oe]=reactExports.useState(re),ie=t==="subsection"?Subsection:Section,le=(te==null?void 0:te.length)||0,ce=t==="subsection"?`${le} item${le!==1?"s":""}`:"",se=ne?"arrowdown":"arrowright",pe=`${ne?"Hide":"Show"} ${t==="subsection"?le:ee} item${le!==1?"s":""}`;return React$1.createElement(React$1.Fragment,null,React$1.createElement(StyledTr,{title:pe},React$1.createElement(ie,{colSpan:1},React$1.createElement(ClickIntercept,{onClick:de=>oe(!ne),tabIndex:0},pe),React$1.createElement(FlexWrapper,null,React$1.createElement(ExpanderIcon,{icon:se}),ee)),React$1.createElement(StyledTd2,{colSpan:ae-1},React$1.createElement(ClickIntercept,{onClick:de=>oe(!ne),tabIndex:-1,style:{outline:"none"}},pe),ne?null:ce)),ne?te:null)},Row=newStyled.div(({theme:t})=>({display:"flex",gap:16,borderBottom:`1px solid ${t.appBorderColor}`,"&:last-child":{borderBottom:0}})),Column=newStyled.div(({numColumn:t})=>({display:"flex",flexDirection:"column",flex:t||1,gap:5,padding:"12px 20px"})),SkeletonText=newStyled.div(({theme:t,width:ee,height:te})=>({animation:`${t.animation.glow} 1.5s ease-in-out infinite`,background:t.appBorderColor,width:ee||"100%",height:te||16,borderRadius:3})),columnWidth=[2,4,2,2],Skeleton=()=>React$1.createElement(React$1.Fragment,null,React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"}))),React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"80%"}),React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"}))),React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"80%"}),React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"}))),React$1.createElement(Row,null,React$1.createElement(Column,{numColumn:columnWidth[0]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[1]},React$1.createElement(SkeletonText,{width:"80%"}),React$1.createElement(SkeletonText,{width:"30%"})),React$1.createElement(Column,{numColumn:columnWidth[2]},React$1.createElement(SkeletonText,{width:"60%"})),React$1.createElement(Column,{numColumn:columnWidth[3]},React$1.createElement(SkeletonText,{width:"60%"})))),Wrapper7=newStyled.div(({inAddonPanel:t,theme:ee})=>({height:t?"100%":"auto",display:"flex",border:t?"none":`1px solid ${ee.appBorderColor}`,borderRadius:t?0:ee.appBorderRadius,padding:t?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:ee.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),Content=newStyled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title2=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold,fontSize:t.typography.size.s2-1,textAlign:"center",color:t.textColor})),Description2=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.regular,fontSize:t.typography.size.s2-1,textAlign:"center",color:t.textMutedColor})),Links=newStyled.div(({theme:t})=>({display:"flex",fontSize:t.typography.size.s2-1,gap:25})),Divider=newStyled.div(({theme:t})=>({width:1,height:16,backgroundColor:t.appBorderColor})),Empty=({inAddonPanel:t})=>{let[ee,te]=reactExports.useState(!0);return reactExports.useEffect(()=>{let re=setTimeout(()=>{te(!1)},100);return()=>clearTimeout(re)},[]),ee?null:React$1.createElement(Wrapper7,{inAddonPanel:t},React$1.createElement(Content,null,React$1.createElement(Title2,null,t?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),React$1.createElement(Description2,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.")),React$1.createElement(Links,null,t&&React$1.createElement(React$1.Fragment,null,React$1.createElement(Link2,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},React$1.createElement(Icons,{icon:"video"})," Watch 5m video"),React$1.createElement(Divider,null),React$1.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!t&&React$1.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},TableWrapper=newStyled.table(({theme:t,compact:ee,inAddonPanel:te})=>({"&&":{borderSpacing:0,color:t.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:t.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:te?0:25,marginBottom:te?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)":{...ee?null:{width:"35%"}},"td:nth-of-type(3)":{...ee?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...ee?null:{width:"25%"}},th:{color:t.base==="light"?curriedTransparentize$1(.25,t.color.defaultText):curriedTransparentize$1(.45,t.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:te?0:1,marginRight:te?0:1,tbody:{...te?null:{filter:t.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:t.background.content,borderTop:`1px solid ${t.appBorderColor}`},...te?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${t.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${t.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${t.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${t.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:t.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:t.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:t.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:t.appBorderRadius}}}}})),StyledIconButton=newStyled(IconButton)(({theme:t})=>({color:t.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=newStyled.span({display:"flex",justifyContent:"space-between"}),sortFns={alpha:(t,ee)=>t.name.localeCompare(ee.name),requiredFirst:(t,ee)=>{var te,re;return+!!((te=ee.type)!=null&&te.required)-+!!((re=t.type)!=null&&re.required)||t.name.localeCompare(ee.name)},none:void 0},groupRows=(t,ee)=>{let te={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!t)return te;Object.entries(t).forEach(([ne,oe])=>{let{category:ie,subcategory:le}=(oe==null?void 0:oe.table)||{};if(ie){let ce=te.sections[ie]||{ungrouped:[],subsections:{}};if(!le)ce.ungrouped.push({key:ne,...oe});else{let se=ce.subsections[le]||[];se.push({key:ne,...oe}),ce.subsections[le]=se}te.sections[ie]=ce}else if(le){let ce=te.ungroupedSubsections[le]||[];ce.push({key:ne,...oe}),te.ungroupedSubsections[le]=ce}else te.ungrouped.push({key:ne,...oe})});let re=sortFns[ee],ae=ne=>re?Object.keys(ne).reduce((oe,ie)=>({...oe,[ie]:ne[ie].sort(re)}),{}):ne;return{ungrouped:te.ungrouped.sort(re),ungroupedSubsections:ae(te.ungroupedSubsections),sections:Object.keys(te.sections).reduce((ne,oe)=>({...ne,[oe]:{ungrouped:te.sections[oe].ungrouped.sort(re),subsections:ae(te.sections[oe].subsections)}}),{})}},safeIncludeConditionalArg=(t,ee,te)=>{try{return O$1(t,ee,te)}catch(re){return once.warn(re.message),!1}},ArgsTable=t=>{let{updateArgs:ee,resetArgs:te,compact:re,inAddonPanel:ae,initialExpandedArgs:ne,sort:oe="none",isLoading:ie}=t;if("error"in t){let{error:ve}=t;return React$1.createElement(EmptyBlock,null,ve," ",React$1.createElement(Link2,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(ie)return React$1.createElement(Skeleton,null);let{rows:le,args:ce,globals:se}="rows"in t&&t,pe=groupRows(pickBy$1(le,ve=>{var he;return!((he=ve==null?void 0:ve.table)!=null&&he.disable)&&safeIncludeConditionalArg(ve,ce||{},se||{})}),oe),de=pe.ungrouped.length===0,ue=Object.entries(pe.sections).length===0,me=Object.entries(pe.ungroupedSubsections).length===0;if(de&&ue&&me)return React$1.createElement(Empty,{inAddonPanel:ae});let fe=1;ee&&(fe+=1),re||(fe+=2);let ye=Object.keys(pe.sections).length>0,ge={updateArgs:ee,compact:re,inAddonPanel:ae,initialExpandedArgs:ne};return React$1.createElement(ResetWrapper,null,React$1.createElement(TableWrapper,{compact:re,inAddonPanel:ae,className:"docblock-argstable sb-unstyled"},React$1.createElement("thead",{className:"docblock-argstable-head"},React$1.createElement("tr",null,React$1.createElement("th",null,React$1.createElement("span",null,"Name")),re?null:React$1.createElement("th",null,React$1.createElement("span",null,"Description")),re?null:React$1.createElement("th",null,React$1.createElement("span",null,"Default")),ee?React$1.createElement("th",null,React$1.createElement(ControlHeadingWrapper,null,"Control"," ",!ie&&te&&React$1.createElement(StyledIconButton,{onClick:()=>te(),title:"Reset controls"},React$1.createElement(Icons,{icon:"undo","aria-hidden":!0})))):null)),React$1.createElement("tbody",{className:"docblock-argstable-body"},pe.ungrouped.map(ve=>React$1.createElement(ArgRow,{key:ve.key,row:ve,arg:ce&&ce[ve.key],...ge})),Object.entries(pe.ungroupedSubsections).map(([ve,he])=>React$1.createElement(SectionRow,{key:ve,label:ve,level:"subsection",colSpan:fe},he.map(be=>React$1.createElement(ArgRow,{key:be.key,row:be,arg:ce&&ce[be.key],expandable:ye,...ge})))),Object.entries(pe.sections).map(([ve,he])=>React$1.createElement(SectionRow,{key:ve,label:ve,level:"section",colSpan:fe},he.ungrouped.map(be=>React$1.createElement(ArgRow,{key:be.key,row:be,arg:ce&&ce[be.key],...ge})),Object.entries(he.subsections).map(([be,$e])=>React$1.createElement(SectionRow,{key:be,label:be,level:"subsection",colSpan:fe},$e.map(Ee=>React$1.createElement(ArgRow,{key:Ee.key,row:Ee,arg:ce&&ce[Ee.key],expandable:ye,...ge})))))))))};newStyled.div(({theme:t})=>({marginRight:30,fontSize:`${t.typography.size.s1}px`,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});newStyled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});newStyled.div(withReset,({theme:t})=>({...getBlockBackgroundStyle(t),margin:"25px 0 40px",padding:"30px 20px"}));newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold,color:t.color.defaultText}));newStyled.div(({theme:t})=>({color:t.base==="light"?curriedTransparentize$1(.2,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});newStyled.div(({theme:t})=>({flex:1,textAlign:"center",fontFamily:t.typography.fonts.mono,fontSize:t.typography.size.s1,lineHeight:1,overflow:"hidden",color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));newStyled.div({display:"flex",flexDirection:"row"});newStyled.div(({background:t})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:t,content:'""'}}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),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"}));newStyled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});newStyled.div({flex:1,display:"flex",flexDirection:"row"});newStyled.div({display:"flex",alignItems:"flex-start"});newStyled.div({flex:"0 0 30%"});newStyled.div({flex:1});newStyled.div(({theme:t})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:t.typography.weight.bold,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div(({theme:t})=>({fontSize:t.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));newStyled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,fontSize:t.typography.size.s2,color:t.color.defaultText,marginLeft:10,lineHeight:1.2}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));newStyled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});newStyled.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=t=>`anchor--${t}`,Anchor=({storyId:t,children:ee})=>React$1.createElement("div",{id:anchorBlockIdFromId(t),className:"sb-anchor"},ee);global$1&&global$1.__DOCS_CONTEXT__===void 0&&(global$1.__DOCS_CONTEXT__=reactExports.createContext(null),global$1.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global$1?global$1.__DOCS_CONTEXT__:reactExports.createContext(null),useOf=(t,ee)=>reactExports.useContext(DocsContext).resolveOf(t,ee);function scrollToElement(t,ee="start"){t.scrollIntoView({behavior:"smooth",block:ee,inline:"nearest"})}function useStory(t,ee){let te=useStories([t],ee);return te&&te[0]}function useStories(t,ee){let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{Promise.all(t.map(async ae=>{let ne=await ee.loadStory(ae);re(oe=>oe[ae]===ne?oe:{...oe,[ae]:ne})}))}),t.map(ae=>{if(te[ae])return te[ae];try{return ee.storyById(ae)}catch{return null}})}function argsHash(t){return stringify(t)}var SourceContext=reactExports.createContext({sources:{}}),UNKNOWN_ARGS_HASH="--unknown--",SourceContainer=({children:t,channel:ee})=>{let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{let ae=(ne,oe=null,ie=!1)=>{let{id:le,args:ce=void 0,source:se,format:pe}=typeof ne=="string"?{id:ne,source:oe,format:ie}:ne,de=ce?argsHash(ce):UNKNOWN_ARGS_HASH;re(ue=>({...ue,[le]:{...ue[le],[de]:{code:se,format:pe}}}))};return ee.on(SNIPPET_RENDERED,ae),()=>ee.off(SNIPPET_RENDERED,ae)},[]),React$1.createElement(SourceContext.Provider,{value:{sources:te}},t)},SourceState=(t=>(t.OPEN="open",t.CLOSED="closed",t.NONE="none",t))(SourceState||{}),getSourceState=t=>{let ee=t.map(te=>{var re,ae;return(ae=(re=te.parameters.docs)==null?void 0:re.source)==null?void 0:ae.state}).filter(Boolean);return ee.length===0?"closed":ee[0]},getStorySource=(t,ee,te)=>{let{sources:re}=te,ae=re==null?void 0:re[t];return(ae==null?void 0:ae[argsHash(ee)])||(ae==null?void 0:ae[UNKNOWN_ARGS_HASH])||{code:""}},getSnippet=({snippet:t,storyContext:ee,typeFromProps:te,transformFromProps:re})=>{var le,ce,se,pe,de,ue;let{__isArgsStory:ae}=ee.parameters,ne=((le=ee.parameters.docs)==null?void 0:le.source)||{},oe=te||ne.type||SourceType.AUTO;if(ne.code!==void 0)return ne.code;let ie=oe===SourceType.DYNAMIC||oe===SourceType.AUTO&&t&&ae?t:ne.originalSource||"";return ne.transformSource&&deprecate(dedent$1`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
     
     Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block
   `),(ce=ee.parameters.docs)!=null&&ce.transformSource&&deprecate(dedent$1`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
@@ -364,7 +364,7 @@ ${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reac
     `),ae?React$1.createElement(DocsStory,{of:ae.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Heading2=({children:t,disableAnchor:ee,...te})=>{if(ee||typeof t!="string")return React$1.createElement(H2,null,t);let re=t.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React$1.createElement(HeaderMdx,{as:"h2",id:re,...te},t)},StyledHeading=newStyled(Heading2)(({theme:t})=>({fontSize:`${t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:t.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),Stories=({title:t="Stories",includePrimary:ee=!0})=>{let{componentStories:te}=reactExports.useContext(DocsContext),re=te().filter(ae=>{var ne,oe;return!((oe=(ne=ae.parameters)==null?void 0:ne.docs)!=null&&oe.disable)});return ee||(re=re.slice(1)),!re||re.length===0?null:React$1.createElement(React$1.Fragment,null,React$1.createElement(StyledHeading,null,t),re.map(ae=>ae&&React$1.createElement(DocsStory,{key:ae.id,of:ae.moduleExport,expanded:!0,__forceInitialArgs:!0})))},DocsPage=()=>{let t=useOf("meta",["meta"]),{stories:ee}=t.csfFile,te=Object.keys(ee).length===1;return React$1.createElement(React$1.Fragment,null,React$1.createElement(Title3,null),React$1.createElement(Subtitle2,null),React$1.createElement(DescriptionContainer,{of:"meta"}),te?React$1.createElement(DescriptionContainer,{of:"story"}):null,React$1.createElement(Primary,null),React$1.createElement(Controls3,null),te?null:React$1.createElement(Stories,null))};function Docs({context:t,docsParameter:ee}){let te=ee.container||DocsContainer,re=ee.page||DocsPage;return React$1.createElement(te,{context:t,theme:ee.theme},React$1.createElement(re,null))}var Meta=({of:t})=>{let ee=reactExports.useContext(DocsContext);t&&ee.referenceMeta(t,!0);try{let te=ee.storyById();return React$1.createElement(Anchor,{storyId:te.id})}catch{return null}};export{AnchorMdx as A,Canvas as C,Docs as D,Form as F,HeadersMdx as H,Icons as I,Meta as M,SyntaxHighlighter2$1 as S,TooltipNote as T,WithToolTipState as W,__toESM$1 as _,WithTooltipPure$1 as a,CodeOrSourceMdx as b,createCopyToClipboardFunction as c,__commonJS$1 as d,WithTooltip as e,_copyObject as f,getControlId as g,_cloneBufferExports as h,_cloneTypedArray as i,_copyArray as j,keysIn_1 as k,_initCloneObject as l,memoize$2 as m,newStyled as n,_basePickBy as o,stringify as p,parse$1 as q,DocsContainer as r,syntaxhighlighter_default as s,themes as t};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-B5GMVT5T--o1Ni0TE.js","./iframe-lzxbLPVf.js","./index-RfLt4OUa.js","./index-miLrID2P.js","./inheritsLoose-8sb_A2v4.js","./assertThisInitialized-4q6YPdh3.js","./index-R5dkQuFe.js","./index-PPLHz8o0.js","./formatter-SWP5E3XI-6Gq75F0J.js","./WithTooltip-V3YHNWJZ-JnOjcEaC.js","./Color-6VNJS4EI-eKwSdfsH.js"]
+    __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-B5GMVT5T-rE3BvsrO.js","./iframe-uQDN-5FH.js","./index-RfLt4OUa.js","./index-miLrID2P.js","./inheritsLoose-8sb_A2v4.js","./assertThisInitialized-4q6YPdh3.js","./index-R5dkQuFe.js","./index-PPLHz8o0.js","./formatter-SWP5E3XI-Cfu_VZgT.js","./WithTooltip-V3YHNWJZ-4DkfkReL.js","./Color-6VNJS4EI-tDs0DW6l.js"]
   }
   return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
 }

package/dist/storybook/assets/{input-validation-cYicgXhW.js → input-validation-oMZurKNs.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-IfH4Az5B.js";import{NonExistentValue as a,Error as l}from"./select.stories-QOxuHSmz.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./select-DZdWUrCW.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-Y7wjLv-G.js";import{NonExistentValue as a,Error as l}from"./select.stories-QOxuHSmz.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./select-DZdWUrCW.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`

package/dist/storybook/assets/{inputs-XnhIP8qk.js → inputs-x27d4m44.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as o}from"./index-IfH4Az5B.js";import{Default as l}from"./button.stories-5xHwBO1P.js";import{Default as a}from"./check-box.stories-dct4BaKG.js";import{Default as c}from"./file-input.stories-8w1taUk6.js";import{Default as d,Date as p}from"./input.stories-74EIL_bF.js";import{Default as h}from"./number-input.stories-AU1jlL6D.js";import{Default as m}from"./option-dropdown.stories-n7CDZevX.js";import{Default as u}from"./radio-button.stories-Z_B_oHnZ.js";import{Native as f,Default as x}from"./select.stories-QOxuHSmz.js";import{Default as j}from"./slider.stories-hVrt3K9M.js";import{Default as b}from"./textarea.stories-eOTtHmL4.js";import{Default as g}from"./toggle.stories-VfPLoUW1.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./react-router-dom-EZH1n7K1.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./flex-RYZsoWEN.js";import"./button-shH4xakS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-HEHiU__l.js";import"./check-box-2gxosI3y.js";import"./help-icon-SKky6KLV.js";import"./input-group-R8LoqKRn.js";import"./input-2BhbKV-j.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message-CRKuTfOl.js";import"./textarea-gwm6gdQO.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./number-input-CMhEMmUd.js";import"./input-group-addon-BHVsW9mL.js";import"./select-DZdWUrCW.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-mOcj9IlF.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-5n_38sFk.js";import"./slider-MN9iDCsS.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-M_66MP8X.js";function i(n){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as o}from"./index-Y7wjLv-G.js";import{Default as l}from"./button.stories-5xHwBO1P.js";import{Default as a}from"./check-box.stories-dct4BaKG.js";import{Default as c}from"./file-input.stories-lKF1ABXX.js";import{Default as d,Date as p}from"./input.stories-74EIL_bF.js";import{Default as h}from"./number-input.stories-AU1jlL6D.js";import{Default as m}from"./option-dropdown.stories-n7CDZevX.js";import{Default as u}from"./radio-button.stories-Z_B_oHnZ.js";import{Native as f,Default as x}from"./select.stories-QOxuHSmz.js";import{Default as j}from"./slider.stories-hVrt3K9M.js";import{Default as b}from"./textarea.stories-w6XYooLd.js";import{Default as g}from"./toggle.stories-VfPLoUW1.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./react-router-dom-EZH1n7K1.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./flex-RYZsoWEN.js";import"./button-shH4xakS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./tooltip-HEHiU__l.js";import"./check-box-2gxosI3y.js";import"./help-icon-SKky6KLV.js";import"./input-group-R8LoqKRn.js";import"./input-2BhbKV-j.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message-CRKuTfOl.js";import"./textarea-TSoWqDT8.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./number-input-CMhEMmUd.js";import"./input-group-addon-BHVsW9mL.js";import"./select-DZdWUrCW.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-mOcj9IlF.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-5n_38sFk.js";import"./slider-MN9iDCsS.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-M_66MP8X.js";function i(n){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
 `,e.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
 `,e.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
 `,e.jsx(t.h2,{id:"button",children:"Button"}),`

package/dist/storybook/assets/{layout-forms-fYDFBp-7.js → layout-forms-kdhJZ6gZ.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-IfH4Az5B.js";import{Default as p,LabelOnLeft as m}from"./field.stories-Quu0snQm.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-b8fSf1KV.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./field-FZX0Z7IB.js";import"./index-VW3EWkuE.js";import"./label-uCFEME1p.js";import"./common-types-U65vzrrz.js";import"./help-icon-SKky6KLV.js";import"./tooltip-HEHiU__l.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-2BhbKV-j.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-DZdWUrCW.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-2gxosI3y.js";import"./button-group-mNQThLQb.js";import"./toggle-M_66MP8X.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-MN9iDCsS.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-gwm6gdQO.js";import"./radio-button-5n_38sFk.js";import"./form-row-bwoDTUga.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-Y7wjLv-G.js";import{Default as p,LabelOnLeft as m}from"./field.stories-Quu0snQm.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories-AikCzsZc.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./field-FZX0Z7IB.js";import"./index-VW3EWkuE.js";import"./label-uCFEME1p.js";import"./common-types-U65vzrrz.js";import"./help-icon-SKky6KLV.js";import"./tooltip-HEHiU__l.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-2BhbKV-j.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-DZdWUrCW.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-2gxosI3y.js";import"./button-group-mNQThLQb.js";import"./toggle-M_66MP8X.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-MN9iDCsS.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-TSoWqDT8.js";import"./radio-button-5n_38sFk.js";import"./form-row-bwoDTUga.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
 `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
 `,t.jsx(e.h2,{id:"field",children:"Field"}),`
 `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`

package/dist/storybook/assets/{layout-general-eMTunaoD.js → layout-general-nsHljhz3.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-IfH4Az5B.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-8HJIYv6E.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-hPfW-CxX.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-1Qq8awo0.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./flex-RYZsoWEN.js";import"./button-shH4xakS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./text-6KQ6ntOV.js";import"./grid-u1mZpaML.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./card-0r8RRVk-.js";import"./row-vFUhHoz5.js";import"./heading-jZsIIJF0.js";import"./help-icon-SKky6KLV.js";function t(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},s(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-Y7wjLv-G.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-8HJIYv6E.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-hPfW-CxX.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-1Qq8awo0.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./flex-RYZsoWEN.js";import"./button-shH4xakS.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./text-6KQ6ntOV.js";import"./grid-u1mZpaML.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./card-0r8RRVk-.js";import"./row-vFUhHoz5.js";import"./heading-jZsIIJF0.js";import"./help-icon-SKky6KLV.js";function t(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},s(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
 `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
 `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
 `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`

package/dist/storybook/assets/{padding-and-spacing-dZ9CkxUp.js → padding-and-spacing-lmVoZ2oR.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r}from"./index-IfH4Az5B.js";import{useMDXComponents as t}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r}from"./index-Y7wjLv-G.js";import{useMDXComponents as t}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
 `,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`

package/dist/storybook/assets/{page.stories-OXhmRr73.js → page.stories-UQlnuZid.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{P as i}from"./page-9-f6BzS0.js";import{T as a}from"./top-bar-ywJJBf-H.js";import{S as r}from"./side-bar-ZpHvA_KQ.js";import{H as t}from"./heading-jZsIIJF0.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./actions-mOcj9IlF.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-GdbVQdWk.js";import"./help-icon-SKky6KLV.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",ce={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{P as i}from"./page-9-f6BzS0.js";import{T as a}from"./top-bar-ywJJBf-H.js";import{S as r}from"./side-bar-dRjlh2Za.js";import{H as t}from"./heading-jZsIIJF0.js";import{L as D}from"./logo-nHW4TqZt.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./common-types-U65vzrrz.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./actions-mOcj9IlF.js";import"./lodash-Bmg8FrMx.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./drawer-GdbVQdWk.js";import"./help-icon-SKky6KLV.js";const L="_printHeader_o7xxx_1",M={printHeader:L},m=({logo:p,alt:C,logoWidth:W="100px"})=>e.jsx("img",{src:p,alt:C,className:M.printHeader,style:{width:W}});try{m.displayName="PrintHeader",m.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}const s="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",ce={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]}),d=()=>e.jsxs(e.Fragment,{children:[e.jsx(m,{logo:D,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(t,{top:!0,children:"Heading"}),s]})]});var g,x,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`() => <>
     <TopBar />
     <SideBar options={{
     title: '',

package/dist/storybook/assets/{preview-YrSZsPtP.js → preview-f8-piscl.js}

@@ -1,4 +1,4 @@
-import{j as at}from"./jsx-runtime-FsUICBgo.js";import{g as Le,c as ct,a as Li,r as he,R as fe}from"./index-RfLt4OUa.js";import{T as Di}from"./toaster-yPcd4ELJ.js";import{q as ga,r as ma,s as qr,i as ki,t as ya,e as Hr,v as Mi,w as Bi,c as zr,x as Ui,y as Gi,z as qi,A as Hi,B as va,C as zi,D as Wi,E as Yi,F as Xi,G as Ki,H as Vi,I as Qi,J as Ji}from"./index-R5dkQuFe.js";import{f as Zi,k as ba,h as eo,i as to,j as ro,l as no,o as ao,m as De,p as io,q as oo,r as so,t as cn}from"./index-IfH4Az5B.js";import{a as lo}from"./isPlainObject-OQlD0fAV.js";import{d as Sa}from"./index-PPLHz8o0.js";import{e as pn}from"./index-cCpkwrS5.js";import"./chunk-HLWAVYOI-9i297Xpt.js";import"./index-miLrID2P.js";import"./message-CRKuTfOl.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-4q6YPdh3.js";import"./react-16-hgR7FrAp.js";var hn="DARK_MODE";const{global:uo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function fo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function co(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function yr(t){return yr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},yr(t)}function po(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function ho(){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 pt(t,e,r){return ho()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function vr(t){var e=typeof Map=="function"?new Map:void 0;return vr=function(r){if(r===null||!po(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,yr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},vr(t)}var go={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 }).
+import{j as at}from"./jsx-runtime-FsUICBgo.js";import{g as Le,c as ct,a as Li,r as he,R as fe}from"./index-RfLt4OUa.js";import{T as Di}from"./toaster-yPcd4ELJ.js";import{q as ga,r as ma,s as qr,i as ki,t as ya,e as Hr,v as Mi,w as Bi,c as zr,x as Ui,y as Gi,z as qi,A as Hi,B as va,C as zi,D as Wi,E as Yi,F as Xi,G as Ki,H as Vi,I as Qi,J as Ji}from"./index-R5dkQuFe.js";import{f as Zi,k as ba,h as eo,i as to,j as ro,l as no,o as ao,m as De,p as io,q as oo,r as so,t as cn}from"./index-Y7wjLv-G.js";import{a as lo}from"./isPlainObject-OQlD0fAV.js";import{d as Sa}from"./index-PPLHz8o0.js";import{e as pn}from"./index-cCpkwrS5.js";import"./chunk-HLWAVYOI-cTxm6eFs.js";import"./index-miLrID2P.js";import"./message-CRKuTfOl.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";import"./assertThisInitialized-4q6YPdh3.js";import"./react-16-hgR7FrAp.js";var hn="DARK_MODE";const{global:uo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function fo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function co(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function yr(t){return yr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},yr(t)}function po(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function ho(){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 pt(t,e,r){return ho()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function vr(t){var e=typeof Map=="function"?new Map:void 0;return vr=function(r){if(r===null||!po(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,yr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},vr(t)}var go={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 }).
 
 `,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 }).
 

package/dist/storybook/assets/{preview-Dugul3Yk.js → preview-oUKV_zRt.js}

@@ -1,7 +1,7 @@
-import{_ as e}from"./iframe-lzxbLPVf.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-Mw-AK-oD.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new r}}};export{a as parameters};
+import{_ as e}from"./iframe-uQDN-5FH.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-4FhE5tBt.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new r}}};export{a as parameters};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-Mw-AK-oD.js","./chunk-HLWAVYOI-9i297Xpt.js","./iframe-lzxbLPVf.js","./index-RfLt4OUa.js","./react-16-hgR7FrAp.js","./index-miLrID2P.js","./index-IfH4Az5B.js","./inheritsLoose-8sb_A2v4.js","./assertThisInitialized-4q6YPdh3.js","./index-R5dkQuFe.js","./index-PPLHz8o0.js"]
+    __vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-4FhE5tBt.js","./chunk-HLWAVYOI-cTxm6eFs.js","./iframe-uQDN-5FH.js","./index-RfLt4OUa.js","./react-16-hgR7FrAp.js","./index-miLrID2P.js","./index-Y7wjLv-G.js","./inheritsLoose-8sb_A2v4.js","./assertThisInitialized-4q6YPdh3.js","./index-R5dkQuFe.js","./index-PPLHz8o0.js"]
   }
   return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
 }

package/dist/storybook/assets/{reservoirs.stories-vxBxhmZh.js → reservoirs.stories-TKohSiCU.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-ywJJBf-H.js";import{S as L}from"./side-bar-ZpHvA_KQ.js";import{H as s}from"./heading-jZsIIJF0.js";import{B as m}from"./button-shH4xakS.js";import{D as v}from"./drawer-GdbVQdWk.js";import{L as C}from"./list-PShi-3TE.js";import{F as n}from"./field-FZX0Z7IB.js";import{I as l}from"./input-2BhbKV-j.js";import{C as p}from"./check-box-2gxosI3y.js";import{R as h}from"./radio-button-5n_38sFk.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as r,C as i}from"./row-vFUhHoz5.js";import{S as R}from"./select-DZdWUrCW.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-mOcj9IlF.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-SKky6KLV.js";import"./spinner-R8Il4aRe.js";import"./index.es-VXFRDikp.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./meta-content-lUynpOsR.js";import"./loader-TGOJBZQG.js";import"./label-uCFEME1p.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:a,height:t})=>e.jsx("div",{style:{background:"#ddd",width:a,height:t}}),Ce={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[a,t]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(r,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>t(!a),round:!0,icon:j.CHEVRON_LEFT}),open:a,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!a,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(i,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(r,{children:[e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(n,{label:"Name",children:e.jsx(l,{value:"Reservoir name here",width:"200px"})}),e.jsx(n,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(n,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(n,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(i,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(r,{children:[e.jsx(i,{width:"50%",children:e.jsx(d,{heading:e.jsx(s,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(r,{children:[e.jsxs(i,{width:"50%",children:[e.jsxs(n,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(l,{width:"100%"})]}),e.jsxs(n,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(l,{width:"100%",disabled:!0})]}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})})]}),e.jsxs(i,{width:"50%",children:[e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})})]})]})})}),e.jsxs(i,{width:"50%",children:[e.jsx(d,{heading:e.jsx(s,{children:"Reservoir Size"}),children:e.jsxs(r,{children:[e.jsxs(i,{width:"160px",children:[e.jsx(n,{label:"Length",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Width",children:e.jsx(l,{width:"100%"})})]}),e.jsx(i,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(s,{children:"Reservoir Properties"}),children:e.jsxs(r,{children:[e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})}),e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})}),e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})})]})})]})]})]})]})})]})};o.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};var u,x,c;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-ywJJBf-H.js";import{S as L}from"./side-bar-dRjlh2Za.js";import{H as s}from"./heading-jZsIIJF0.js";import{B as m}from"./button-shH4xakS.js";import{D as v}from"./drawer-GdbVQdWk.js";import{L as C}from"./list-PShi-3TE.js";import{F as n}from"./field-FZX0Z7IB.js";import{I as l}from"./input-2BhbKV-j.js";import{C as p}from"./check-box-2gxosI3y.js";import{R as h}from"./radio-button-5n_38sFk.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as r,C as i}from"./row-vFUhHoz5.js";import{S as R}from"./select-DZdWUrCW.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-mOcj9IlF.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-SKky6KLV.js";import"./spinner-R8Il4aRe.js";import"./index.es-VXFRDikp.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./meta-content-lUynpOsR.js";import"./loader-TGOJBZQG.js";import"./label-uCFEME1p.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:a,height:t})=>e.jsx("div",{style:{background:"#ddd",width:a,height:t}}),Ce={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[a,t]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(r,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>t(!a),round:!0,icon:j.CHEVRON_LEFT}),open:a,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!a,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(i,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(r,{children:[e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(n,{label:"Name",children:e.jsx(l,{value:"Reservoir name here",width:"200px"})}),e.jsx(n,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(n,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(n,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(i,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(r,{children:[e.jsx(i,{width:"50%",children:e.jsx(d,{heading:e.jsx(s,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(r,{children:[e.jsxs(i,{width:"50%",children:[e.jsxs(n,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(l,{width:"100%"})]}),e.jsxs(n,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(l,{width:"100%",disabled:!0})]}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})})]}),e.jsxs(i,{width:"50%",children:[e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})})]})]})})}),e.jsxs(i,{width:"50%",children:[e.jsx(d,{heading:e.jsx(s,{children:"Reservoir Size"}),children:e.jsxs(r,{children:[e.jsxs(i,{width:"160px",children:[e.jsx(n,{label:"Length",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Width",children:e.jsx(l,{width:"100%"})})]}),e.jsx(i,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(s,{children:"Reservoir Properties"}),children:e.jsxs(r,{children:[e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})}),e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})}),e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})})]})})]})]})]})]})})]})};o.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};var u,x,c;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
   const [open, setOpen] = useState(true);
   return <>
       <TopBar />

package/dist/storybook/assets/side-bar-dRjlh2Za.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as d,R as g}from"./index-RfLt4OUa.js";import{c as f}from"./index-VW3EWkuE.js";import{i as v}from"./index-ugi_ZH6T.js";import{B as y,I as E}from"./common-types-U65vzrrz.js";import{D as I}from"./drawer-GdbVQdWk.js";import{T as j}from"./tooltip-HEHiU__l.js";import{I as T}from"./icon-8EQazuuW.js";import{B as N}from"./badge-23Ty_zBt.js";import{B as M}from"./button-shH4xakS.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",O="_inputFocus_1ube5_18",q="_inputError_1ube5_25",V="_inputWarning_1ube5_26",k="_inputDisabled_1ube5_61",B="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",F="_inner_1ube5_93",H="_title_1ube5_103",A="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:V,inputDisabled:k,hideScrollbars:B,sidebar:L,inner:F,title:H,subtitle:A,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=d.memo(({isOpen:t,label:n,icon:l,invalid:r})=>e.jsxs(e.Fragment,{children:[e.jsx(j,{text:n,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(N,{small:!0,title:r?"!":void 0,margin:4,children:e.jsx(T,{icon:l})})})}),e.jsx("span",{className:s.label,children:n})]}),(t,n)=>v(t,n)),p=({isOpen:t,items:n,sectionIndex:l,onClick:r,testId:a})=>e.jsx("div",{className:s.list,children:n.map((i,u)=>{const c=`${l}_${u}`;return e.jsx("a",{href:i.value,className:f(s.item,i.isActive?s.active:"",i.isExperimental?s.experimental:""),onClick:o=>r(o,i.value,i.label,i.onClick),"data-testid":a,children:e.jsx(K,{label:i.label,icon:i.icon,invalid:i.invalid,isOpen:t},c)},c)})});try{p.displayName="Link",p.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IOptionItem[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({isOpen:t,sections:n,onClick:l})=>e.jsx(e.Fragment,{children:n.map((r,a)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:r.heading.toUpperCase()}),e.jsx(p,{isOpen:t,items:r.items,sectionIndex:a,onClick:l,testId:r.testId})]},a))});try{m.displayName="Sections",m.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const b=d.memo(({options:t,startOpen:n=!1,onShiftClickToggleOpen:l=()=>{},top:r})=>{const[a,i]=d.useState(n),u=(o,h,x,_)=>{o.preventDefault(),typeof _=="function"&&(o.currentTarget.value=h,o.currentTarget.label=x,_(o)),i(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:a,top:r,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(M,{onClick:o=>{o.shiftKey&&l&&l(o),i(!a)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:f(s.sidebar,a?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(m,{isOpen:a,sections:t.sections,onClick:u})]})})})},(t,n)=>v(t,n));try{b.displayName="SideBar",b.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{b as S};

package/dist/storybook/assets/side-bar.stories-aKMnuHiZ.js

@@ -0,0 +1 @@
+import{j as i}from"./jsx-runtime-FsUICBgo.js";import{I as t}from"./common-types-U65vzrrz.js";import{S as m}from"./side-bar-dRjlh2Za.js";import{F as g}from"./flex-RYZsoWEN.js";import{B as u}from"./badge-23Ty_zBt.js";import{s as S}from"./icon-custom-PyWFQsS3.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./index-ugi_ZH6T.js";import"./drawer-GdbVQdWk.js";import"./lodash-Bmg8FrMx.js";import"./index-4QtD-hFu.js";import"./index-miLrID2P.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:i.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",i.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],G={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>i.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var r,a,s;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(a=o.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var n,p,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(l=(p=e.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};const P=["Default","StartOpen"];export{o as Default,e as StartOpen,P as __namedExportsOrder,G as default};