@oliasoft-open-source/react-ui-library 4.2.5 → 4.2.6

package/dist/storybook/assets/{index-6f0f8cb1.js → index-6d024837.js}

@@ -1,4 +1,4 @@
-import{_ as __vitePreload}from"./iframe-40056b2b.js";import{r as reactExports,b as React,g as getDefaultExportFromCjs,R as React$1,c as commonjsGlobal}from"./index-f80c8c95.js";import{r as reactDomExports,R as ReactDOM__default}from"./index-3d476d02.js";import{_ as _extends$2}from"./extends-98964cd2.js";import{_ as _assertThisInitialized$2}from"./assertThisInitialized-081f9914.js";import{a as _setPrototypeOf$2,_ as _inheritsLoose$2}from"./inheritsLoose-c82a83d4.js";import{r as _baseAssignValue,s as eq_1,L as _castPath,D as _isIndex,c as isObject_1,M as _toKey,N as _baseGet,J as _arrayPush,a as _getPrototype,O as _getSymbols,P as stubArray_1,Q as _isPrototype,R as _arrayLikeKeys,t as isArrayLike_1,U as _baseGetAllKeys,V as _arrayMap,G as _baseIteratee,W as _Set,X as _setToArray,Y as _SetCache,Z as _cacheHas,$ as keys_1,b as _root,a0 as _Uint8Array,I as _Symbol,a1 as _getTag,i as isObjectLike_1,a2 as _nodeUtilExports,a3 as _baseUnary,z as _Stack,w as isBufferExports,a4 as _getAllKeys,e as isArray_1,S as SNIPPET_RENDERED,p as dedent$1,k as SourceType,a5 as str}from"./index-cf68f115.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$1(){return _extends$1=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$1.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){return Function.toString.call(t).indexOf("[native code]")!==-1}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-73d68d2a.js";import{r as reactExports,b as React,g as getDefaultExportFromCjs,R as React$1,c as commonjsGlobal}from"./index-f80c8c95.js";import{r as reactDomExports,R as ReactDOM__default}from"./index-3d476d02.js";import{_ as _extends$2}from"./extends-98964cd2.js";import{_ as _assertThisInitialized$2}from"./assertThisInitialized-081f9914.js";import{a as _setPrototypeOf$2,_ as _inheritsLoose$2}from"./inheritsLoose-c82a83d4.js";import{r as _baseAssignValue,s as eq_1,L as _castPath,D as _isIndex,c as isObject_1,M as _toKey,N as _baseGet,J as _arrayPush,a as _getPrototype,O as _getSymbols,P as stubArray_1,Q as _isPrototype,R as _arrayLikeKeys,t as isArrayLike_1,U as _baseGetAllKeys,V as _arrayMap,G as _baseIteratee,W as _Set,X as _setToArray,Y as _SetCache,Z as _cacheHas,$ as keys_1,b as _root,a0 as _Uint8Array,I as _Symbol,a1 as _getTag,i as isObjectLike_1,a2 as _nodeUtilExports,a3 as _baseUnary,z as _Stack,w as isBufferExports,a4 as _getAllKeys,e as isArray_1,S as SNIPPET_RENDERED,p as dedent$1,k as SourceType,a5 as str}from"./index-cf68f115.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$1(){return _extends$1=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$1.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){return Function.toString.call(t).indexOf("[native code]")!==-1}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-NMPM6SWI-5b24c77f.js"),["./syntaxhighlighter-NMPM6SWI-5b24c77f.js","./iframe-40056b2b.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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-NMPM6SWI-5b24c77f.js"),["./syntaxhighlighter-NMPM6SWI-5b24c77f.js","./iframe-40056b2b.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],import.meta.url),__vitePreload(()=>import("./formatter-SWP5E3XI-edf2ae3d.js"),["./formatter-SWP5E3XI-edf2ae3d.js","./iframe-40056b2b.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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-NMPM6SWI-dd81f801.js"),["./syntaxhighlighter-NMPM6SWI-dd81f801.js","./iframe-73d68d2a.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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-NMPM6SWI-dd81f801.js"),["./syntaxhighlighter-NMPM6SWI-dd81f801.js","./iframe-73d68d2a.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],import.meta.url),__vitePreload(()=>import("./formatter-SWP5E3XI-38010e15.js"),["./formatter-SWP5E3XI-38010e15.js","./iframe-73d68d2a.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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};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",_extends({},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-4HIR6TLV-351e5b49.js"),["./WithTooltip-4HIR6TLV-351e5b49.js","./iframe-40056b2b.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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-4HIR6TLV-351e5b49.js"),["./WithTooltip-4HIR6TLV-351e5b49.js","./iframe-40056b2b.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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};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",_extends({},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-4HIR6TLV-a85e177a.js"),["./WithTooltip-4HIR6TLV-a85e177a.js","./iframe-73d68d2a.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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-4HIR6TLV-a85e177a.js"),["./WithTooltip-4HIR6TLV-a85e177a.js","./iframe-73d68d2a.js","./index-f80c8c95.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],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-344c490f.js"),["./Color-6VNJS4EI-344c490f.js","./index-f80c8c95.js","./index-cf68f115.js","./iframe-40056b2b.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js"],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 v$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,Ee])=>React$1.createElement(SectionRow,{key:be,label:be,level:"subsection",colSpan:fe},Ee.map($e=>React$1.createElement(ArgRow,{key:$e.key,row:$e,arg:ce&&ce[$e.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-8248b4eb.js"),["./Color-6VNJS4EI-8248b4eb.js","./index-f80c8c95.js","./index-cf68f115.js","./iframe-73d68d2a.js","./index-3d476d02.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js"],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 v$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,Ee])=>React$1.createElement(SectionRow,{key:be,label:be,level:"subsection",colSpan:fe},Ee.map($e=>React$1.createElement(ArgRow,{key:$e.key,row:$e,arg:ce&&ce[$e.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. 

package/dist/storybook/assets/{input-validation-93c703d7.js → input-validation-6a52ffa7.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-6f0f8cb1.js";import{NonExistentValue as a,Error as l}from"./select.stories-6651d3f2.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./select-d4593fc0.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.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-f961835c.js";import{M as s,C as n}from"./index-6d024837.js";import{NonExistentValue as a,Error as l}from"./select.stories-6651d3f2.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./select-d4593fc0.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.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-a519380b.js → inputs-95511a4c.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-6f0f8cb1.js";import{Default as l}from"./button.stories-5f73ddef.js";import{Default as a}from"./check-box.stories-9bf1c260.js";import{Default as c}from"./file-input.stories-ec8a6eba.js";import{Default as d,Date as p}from"./input.stories-bf58ba7c.js";import{Default as h}from"./number-input.stories-8137782e.js";import{Default as u}from"./option-dropdown.stories-4c391727.js";import{Default as m}from"./radio-button.stories-6ff0dc9b.js";import{Native as f,Default as x}from"./select.stories-6651d3f2.js";import{Default as j}from"./slider.stories-a55df653.js";import{Default as b}from"./textarea.stories-02879684.js";import{Default as g}from"./toggle.stories-a289f544.js";import{u as s}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-050c998a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./check-box-b38490e5.js";import"./help-icon-c0abd380.js";import"./input-group-20c3add3.js";import"./input-05f21b51.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./message-0b5ae3c5.js";import"./textarea-5ebdd171.js";import"./number-input-cfbd9eb7.js";import"./index-57d7693e.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-d4593fc0.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-d69b72e4.js";import"./slider-5d5442fe.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-6f4d5797.js";function i(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-6d024837.js";import{Default as l}from"./button.stories-5f73ddef.js";import{Default as a}from"./check-box.stories-9bf1c260.js";import{Default as c}from"./file-input.stories-ec8a6eba.js";import{Default as d,Date as p}from"./input.stories-bf58ba7c.js";import{Default as h}from"./number-input.stories-8137782e.js";import{Default as u}from"./option-dropdown.stories-4c391727.js";import{Default as m}from"./radio-button.stories-6ff0dc9b.js";import{Native as f,Default as x}from"./select.stories-6651d3f2.js";import{Default as j}from"./slider.stories-a55df653.js";import{Default as b}from"./textarea.stories-02879684.js";import{Default as g}from"./toggle.stories-457a497d.js";import{u as s}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-050c998a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./check-box-b38490e5.js";import"./help-icon-c0abd380.js";import"./input-group-20c3add3.js";import"./input-05f21b51.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./message-0b5ae3c5.js";import"./textarea-5ebdd171.js";import"./number-input-cfbd9eb7.js";import"./index-57d7693e.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-d4593fc0.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-d69b72e4.js";import"./slider-5d5442fe.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-f8e1d8f4.js";function i(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},s(),o.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-b03e5d2b.js → layout-forms-c665280b.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-6f0f8cb1.js";import{Default as p,LabelOnLeft as l}from"./field.stories-60d1a82f.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-fb337772.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./field-248df38c.js";import"./index-a80ed1cf.js";import"./label-e6d15b59.js";import"./common-types-2c81813f.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-05f21b51.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-ad1f5f1d.js";import"./select-d4593fc0.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./check-box-b38490e5.js";import"./button-group-0176fca3.js";import"./toggle-6f4d5797.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-5d5442fe.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-5ebdd171.js";import"./radio-button-d69b72e4.js";import"./form-row-19dd7f6e.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-f961835c.js";import{M as s,C as o}from"./index-6d024837.js";import{Default as p,LabelOnLeft as l}from"./field.stories-60d1a82f.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-604e2c2e.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./field-248df38c.js";import"./index-a80ed1cf.js";import"./label-e6d15b59.js";import"./common-types-2c81813f.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-05f21b51.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-ad1f5f1d.js";import"./select-d4593fc0.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./check-box-b38490e5.js";import"./button-group-0176fca3.js";import"./toggle-f8e1d8f4.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-5d5442fe.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-5ebdd171.js";import"./radio-button-d69b72e4.js";import"./form-row-19dd7f6e.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-f4cc4d7a.js → layout-general-07b5275e.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-6f0f8cb1.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-6a278b40.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-d5ca2c42.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-050c998a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2299f0e7.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-6d024837.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-6a278b40.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-d5ca2c42.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";import"./flex-1d14d86c.js";import"./button-050c998a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2299f0e7.js";import"./heading-39e599c8.js";import"./help-icon-c0abd380.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),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-4b7060cb.js → padding-and-spacing-99245558.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-6f0f8cb1.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.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-f961835c.js";import{M as r}from"./index-6d024837.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.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/{preview-871d714f.js → preview-016d1252.js}

@@ -1,4 +1,4 @@
-import{j as at}from"./jsx-runtime-f961835c.js";import{g as De,c as ct,a as ji,r as he,R as fe}from"./index-f80c8c95.js";import{T as Li}from"./toaster-f096ba56.js";import{r as da,s as ga,t as Ur,i as Di,v as ma,e as qr,w as ki,x as Mi,c as Hr,y as Bi,z as Gi,A as Ui,B as qi,C as ya,D as Hi,E as zi,F as Wi,G as Yi,H as Xi,I as Ki,J as Vi,K as Qi,p as va}from"./index-cf68f115.js";import{f as Ji,k as ba,h as Zi,i as eo,j as to,l as ro,o as no,m as ke,p as ao,q as io,r as oo,t as fn}from"./index-6f0f8cb1.js";import{a as so}from"./isPlainObject-1cdd40eb.js";import{e as cn}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-d2ee52b0.js";import"./index-3d476d02.js";import"./message-0b5ae3c5.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./react-16-147b12fd.js";var pn="DARK_MODE";const{global:lo}=__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 uo(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 fo(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function mr(t){return mr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},mr(t)}function co(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function po(){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 po()?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 yr(t){var e=typeof Map=="function"?new Map:void 0;return yr=function(r){if(r===null||!co(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,mr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},yr(t)}var ho={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-f961835c.js";import{g as De,c as ct,a as ji,r as he,R as fe}from"./index-f80c8c95.js";import{T as Li}from"./toaster-f096ba56.js";import{r as da,s as ga,t as Ur,i as Di,v as ma,e as qr,w as ki,x as Mi,c as Hr,y as Bi,z as Gi,A as Ui,B as qi,C as ya,D as Hi,E as zi,F as Wi,G as Yi,H as Xi,I as Ki,J as Vi,K as Qi,p as va}from"./index-cf68f115.js";import{f as Ji,k as ba,h as Zi,i as eo,j as to,l as ro,o as no,m as ke,p as ao,q as io,r as oo,t as fn}from"./index-6d024837.js";import{a as so}from"./isPlainObject-1cdd40eb.js";import{e as cn}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-555fb35d.js";import"./index-3d476d02.js";import"./message-0b5ae3c5.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./react-16-147b12fd.js";var pn="DARK_MODE";const{global:lo}=__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 uo(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 fo(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function mr(t){return mr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},mr(t)}function co(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function po(){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 po()?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 yr(t){var e=typeof Map=="function"?new Map:void 0;return yr=function(r){if(r===null||!co(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,mr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},yr(t)}var ho={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-5c00ba36.js

@@ -0,0 +1 @@
+import{_ as e}from"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-7f6ec049.js"),["./DocsRenderer-NNNQARDV-7f6ec049.js","./chunk-HLWAVYOI-555fb35d.js","./iframe-73d68d2a.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-6d024837.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-5b24c77f.js → syntaxhighlighter-NMPM6SWI-dd81f801.js}

@@ -1 +1 @@
-import{S as l,c as n,s as d}from"./index-6f0f8cb1.js";import"./iframe-40056b2b.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};
+import{S as l,c as n,s as d}from"./index-6d024837.js";import"./iframe-73d68d2a.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};

package/dist/storybook/assets/toggle-f8e1d8f4.js

@@ -0,0 +1 @@
+import{j as l}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as x}from"./index-a80ed1cf.js";import{b as C}from"./common-types-2c81813f.js";import{D as q}from"./disabled-context-d654f6ff.js";import{H as E}from"./help-icon-c0abd380.js";const V="_toggle_1mo1i_9",h="_small_1mo1i_25",I="_disabled_1mo1i_102",v="_noMargin_1mo1i_113",j="_helpIconEnabled_1mo1i_116",a={toggle:V,small:h,disabled:I,noMargin:v,helpIconEnabled:j},r=({name:t,label:d,checked:e=!1,disabled:u,display:m,small:p=!1,onChange:c,noMargin:g=!1,testId:f,helpText:i,onClickHelp:o})=>{const y=b.useContext(q),_=i||o,s=u||y;return l.jsxs("div",{className:x(a.toggle,s?a.disabled:null,p?a.small:null,g?a.noMargin:null),style:{display:m},onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,c(n))},"data-testid":f,children:[l.jsx("input",{type:C.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:o,children:l.jsx(E,{text:i})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},display:{defaultValue:null,description:"",name:"display",required:!1,type:{name:"string"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{r as T};

package/dist/storybook/assets/toggle.stories-457a497d.js

@@ -0,0 +1,117 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as X}from"./index-f80c8c95.js";import{F as C}from"./flex-1d14d86c.js";import{T as g}from"./text-ad1f5f1d.js";import{T as d}from"./toggle-f8e1d8f4.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-c0abd380.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:Z}=__STORYBOOK_MODULE_ADDONS__,ue={title:"Forms/Toggle",component:d,args:{label:"Label"}},n=u=>{const[{checked:m},x]=Z(),b=()=>{x({checked:!m})};return e.jsx(d,{...u,onChange:b})},p=n.bind({}),s=n.bind({});s.args={disabled:!0};const a=n.bind({});a.args={checked:!0,disabled:!0};const r=n.bind({});r.args={small:!0};const t=n.bind({});t.args={label:null};const c=n.bind({});c.args={helpText:"Help text"};const o=n.bind({});o.args={onClickHelp:()=>console.log("Help clicked")};const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(d,{display:"block",label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}}),e.jsx(d,{label:e.jsxs(C,{justifyContent:"space-between",wrap:!1,gap:!0,children:[e.jsx(g,{bold:!0,children:"Label"}),e.jsx(g,{success:!0,children:"Released yesterday"})]}),onChange:()=>{}})]}),h=()=>{const[u,m]=X.useState(!1);return e.jsx(d,{name:"name",label:"Label",checked:u,onChange:x=>{const{name:b,value:V,checked:k}=x.target;m(k),console.log(b,V,k)}})},l=n.bind({});l.args={helpText:"Help text",disabled:!0};var T,A,j;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(j=(A=p.parameters)==null?void 0:A.docs)==null?void 0:j.source}}};var f,S,y;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(y=(S=s.parameters)==null?void 0:S.docs)==null?void 0:y.source}}};var D,H,_;a.parameters={...a.parameters,docs:{...(D=a.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(_=(H=a.parameters)==null?void 0:H.docs)==null?void 0:_.source}}};var w,F,L;r.parameters={...r.parameters,docs:{...(w=r.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(L=(F=r.parameters)==null?void 0:F.docs)==null?void 0:L.source}}};var O,v,R;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(R=(v=t.parameters)==null?void 0:v.docs)==null?void 0:R.source}}};var E,W,B;c.parameters={...c.parameters,docs:{...(E=c.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(B=(W=c.parameters)==null?void 0:W.docs)==null?void 0:B.source}}};var K,M,N;o.parameters={...o.parameters,docs:{...(K=o.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(N=(M=o.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};var U,Y,q;i.parameters={...i.parameters,docs:{...(U=i.parameters)==null?void 0:U.docs,source:{originalSource:`() => <>
+    <Toggle display="block" label={<Flex justifyContent="space-between" wrap={false} gap>
+          <Text bold>Label</Text>
+          <Text success>Released yesterday</Text>
+        </Flex>} onChange={() => {}} />
+    <Toggle label={<Flex justifyContent="space-between" wrap={false} gap>
+          <Text bold>Label</Text>
+          <Text success>Released yesterday</Text>
+        </Flex>} onChange={() => {}} />
+  </>`,...(q=(Y=i.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,G,I;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`() => {
+  const [checked, setChecked] = useState(false);
+  return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
+    const {
+      name,
+      value,
+      checked
+    } = evt.target;
+    setChecked(checked);
+    console.log(name, value, checked);
+  }} />;
+}`,...(I=(G=h.parameters)==null?void 0:G.docs)==null?void 0:I.source}}};var J,P,Q;l.parameters={...l.parameters,docs:{...(J=l.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <Toggle
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(Q=(P=l.parameters)==null?void 0:P.docs)==null?void 0:Q.source}}};const me=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","Display","TestClickevt","DisabledWithHelpText"];export{p as Default,s as Disabled,a as DisabledChecked,l as DisabledWithHelpText,i as Display,c as HelpText,o as OnClickHelp,r as Small,t as Standalone,h as TestClickevt,me as __namedExportsOrder,ue as default};

package/dist/storybook/iframe.html

@@ -357,7 +357,7 @@
   }
 </script>
 
-  <script type="module" crossorigin src="./assets/iframe-40056b2b.js"></script>
+  <script type="module" crossorigin src="./assets/iframe-73d68d2a.js"></script>
 </head>
 
 <body>