@oliasoft-open-source/react-ui-library 4.3.2 → 4.4.0

package/dist/storybook/assets/{index-VjG8bBMn.js → index-PqLI7NLX.js}

@@ -1,4 +1,4 @@
-import{_ as __vitePreload}from"./iframe-MASZ_taO.js";import{r as reactExports,b as React,g as getDefaultExportFromCjs,R as React$1,c as commonjsGlobal}from"./index-RfLt4OUa.js";import{r as reactDomExports,R as ReactDOM__default}from"./index-miLrID2P.js";import{_ as _extends$2}from"./extends-dGVwEr9R.js";import{_ as _assertThisInitialized$2}from"./assertThisInitialized-4q6YPdh3.js";import{a as _setPrototypeOf$2,_ as _inheritsLoose$2}from"./inheritsLoose-Y9jOMJLd.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-gM75B7fB.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-AtjhTGyx.js";import{r as reactExports,b as React,g as getDefaultExportFromCjs,R as React$1,c as commonjsGlobal}from"./index-RfLt4OUa.js";import{r as reactDomExports,R as ReactDOM__default}from"./index-miLrID2P.js";import{_ as _extends$2}from"./extends-dGVwEr9R.js";import{_ as _assertThisInitialized$2}from"./assertThisInitialized-4q6YPdh3.js";import{a as _setPrototypeOf$2,_ as _inheritsLoose$2}from"./inheritsLoose-Y9jOMJLd.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-gM75B7fB.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-sxd_zSAO.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return languages.length>0&&(languages.forEach(ee=>{t.registerLanguage(...ee)}),languages=[]),Comp===null&&(Comp=t),{default:ee=>React$1.createElement(t,{...ee})}}),LazySyntaxHighlighterWithFormatter=reactExports.lazy(async()=>{let[{SyntaxHighlighter:t},{formatter:ee}]=await Promise.all([__vitePreload(()=>import("./syntaxhighlighter-NMPM6SWI-sxd_zSAO.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),__vitePreload(()=>import("./formatter-SWP5E3XI-JiERVZcR.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return languages.length>0&&(languages.forEach(te=>{t.registerLanguage(...te)}),languages=[]),Comp===null&&(Comp=t),{default:te=>React$1.createElement(t,{...te,formatter:ee})}}),SyntaxHighlighter2=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},t.format!==!1?React$1.createElement(LazySyntaxHighlighterWithFormatter,{...t}):React$1.createElement(LazySyntaxHighlighter,{...t}));SyntaxHighlighter2.registerLanguage=(...t)=>{if(Comp!==null){Comp.registerLanguage(...t);return}languages.push(t)};var toNumber=t=>typeof t=="number"?t:Number(t),Container=newStyled.div(({theme:t,col:ee,row:te=1})=>ee?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:ee*t.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:te*t.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme:t,outer:ee,col:te,row:re})=>{switch(!0){case!!(ee&&te):return{marginLeft:ee*t.layoutMargin,marginRight:ee*t.layoutMargin};case!!(ee&&re):return{marginTop:ee*t.layoutMargin,marginBottom:ee*t.layoutMargin};default:return{}}}),Spaced=({col:t,row:ee,outer:te,children:re,...ae})=>{let ne=toNumber(typeof te=="number"||!te?te:t||ee);return React$1.createElement(Container,{col:t,row:ee,outer:ne,...ae},re)},Title$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme:t})=>({padding:30,textAlign:"center",color:t.color.defaultText,fontSize:t.typography.size.s2-1})),Placeholder=({children:t,...ee})=>{let[te,re]=reactExports.Children.toArray(t);return React$1.createElement(Message,{...ee},React$1.createElement(Title$1,null,te),re&&React$1.createElement(Desc,null,re))},ZoomElementWrapper=newStyled.div(({scale:t=1,elementHeight:ee})=>({height:ee||"auto",transformOrigin:"top left",transform:`scale(${1/t})`}));function ZoomElement({scale:t,children:ee}){let te=reactExports.useRef(null),[re,ae]=reactExports.useState(0),ne=reactExports.useCallback(({height:oe})=>{oe&&ae(oe/t)},[t]);return reactExports.useEffect(()=>{te.current&&ae(te.current.getBoundingClientRect().height)},[t]),useResizeObserver({ref:te,onResize:ne}),React$1.createElement(ZoomElementWrapper,{scale:t,elementHeight:re},React$1.createElement("div",{ref:te,className:"innerZoomElementWrapper"},ee))}var ZoomIFrame=class extends reactExports.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:ee,active:te}=this.props;return ee!==t.scale&&this.setIframeInnerZoom(t.scale),te!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return React$1.createElement(React$1.Fragment,null,t)}},Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame},{document:document2$1}=global$2,ErrorName=newStyled.strong(({theme:t})=>({color:t.color.orange})),ErrorImportant=newStyled.strong(({theme:t})=>({color:t.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme:t})=>({color:t.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error:t})=>{if(!t)return React$1.createElement(reactExports.Fragment,null,"This error has no stack or message");if(!t.stack)return React$1.createElement(reactExports.Fragment,null,t.message||"This error has no stack or message");let ee=t.stack.toString();ee&&t.message&&!ee.includes(t.message)&&(ee=`Error: ${t.message}
+`,Icons=({icon:t,useSymbol:ee,...te})=>React$1.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...te},ee?React$1.createElement("use",{xlinkHref:`#icon--${t}`}):icons[t]),Symbols=reactExports.memo(function({icons:t=Object.keys(icons)}){return React$1.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},t.map(ee=>React$1.createElement("symbol",{id:`icon--${ee}`,key:ee},icons[ee])))}),LEFT_BUTTON=0,isPlainLeftClick=t=>t.button===LEFT_BUTTON&&!t.altKey&&!t.ctrlKey&&!t.metaKey&&!t.shiftKey,cancelled=(t,ee)=>{isPlainLeftClick(t)&&(t.preventDefault(),ee(t))},LinkInner=newStyled.span(({withArrow:t})=>t?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:t})=>t?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=newStyled.a(({theme:t})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:t.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1$1(.07,t.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.07,t.color.secondary)}},"&:active":{color:curriedDarken$1$1(.1,t.color.secondary),"svg path:not([fill])":{fill:curriedDarken$1$1(.1,t.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:t.color.secondary}}}),({theme:t,secondary:ee,tertiary:te})=>{let re;return ee&&(re=[t.textMutedColor,t.color.dark,t.color.darker]),te&&(re=[t.color.dark,t.color.darkest,t.textMutedColor]),re?{color:re[0],"svg path:not([fill])":{fill:re[0]},"&:hover":{color:re[1],"svg path:not([fill])":{fill:re[1]}},"&:active":{color:re[2],"svg path:not([fill])":{fill:re[2]}}}:{}},({nochrome:t})=>t?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:t,inverse:ee})=>ee?{color:t.color.lightest,":not([fill])":{fill:t.color.lightest},"&:hover":{color:t.color.lighter,"svg path:not([fill])":{fill:t.color.lighter}},"&:active":{color:t.color.light,"svg path:not([fill])":{fill:t.color.light}}}:{},({isButton:t})=>t?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel:t,children:ee,onClick:te,withArrow:re,containsIcon:ae,className:ne,...oe})=>React$1.createElement(A2,{...oe,onClick:te&&t?ie=>cancelled(ie,te):te,className:ne},React$1.createElement(LinkInner,{withArrow:re,containsIcon:ae},ee,re&&React$1.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var DocumentWrapper=newStyled.div(({theme:t})=>({fontSize:`${t.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${t.typography.size.l1}px`,fontWeight:t.typography.weight.bold},h2:{fontSize:`${t.typography.size.m2}px`,borderBottom:`1px solid ${t.appBorderColor}`},h3:{fontSize:`${t.typography.size.m1}px`},h4:{fontSize:`${t.typography.size.s3}px`},h5:{fontSize:`${t.typography.size.s2}px`},h6:{fontSize:`${t.typography.size.s2}px`,color:t.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:t.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${t.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${t.color.medium}`,padding:"0 15px",color:t.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${t.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${t.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${t.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:t.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${t.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:t.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${t.color.mediumlight}`,backgroundColor:t.color.lighter,borderRadius:3,color:t.base==="dark"&&t.color.darkest}})),languages=[],Comp=null,LazySyntaxHighlighter=reactExports.lazy(async()=>{let{SyntaxHighlighter:t}=await __vitePreload(()=>import("./syntaxhighlighter-NMPM6SWI-_gbIaGwd.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return languages.length>0&&(languages.forEach(ee=>{t.registerLanguage(...ee)}),languages=[]),Comp===null&&(Comp=t),{default:ee=>React$1.createElement(t,{...ee})}}),LazySyntaxHighlighterWithFormatter=reactExports.lazy(async()=>{let[{SyntaxHighlighter:t},{formatter:ee}]=await Promise.all([__vitePreload(()=>import("./syntaxhighlighter-NMPM6SWI-_gbIaGwd.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url),__vitePreload(()=>import("./formatter-SWP5E3XI-6m6W7NB7.js"),__vite__mapDeps([8,1,2,3,4,5,6,7]),import.meta.url)]);return languages.length>0&&(languages.forEach(te=>{t.registerLanguage(...te)}),languages=[]),Comp===null&&(Comp=t),{default:te=>React$1.createElement(t,{...te,formatter:ee})}}),SyntaxHighlighter2=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},t.format!==!1?React$1.createElement(LazySyntaxHighlighterWithFormatter,{...t}):React$1.createElement(LazySyntaxHighlighter,{...t}));SyntaxHighlighter2.registerLanguage=(...t)=>{if(Comp!==null){Comp.registerLanguage(...t);return}languages.push(t)};var toNumber=t=>typeof t=="number"?t:Number(t),Container=newStyled.div(({theme:t,col:ee,row:te=1})=>ee?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:ee*t.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:te*t.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{marginTop:0}},({theme:t,outer:ee,col:te,row:re})=>{switch(!0){case!!(ee&&te):return{marginLeft:ee*t.layoutMargin,marginRight:ee*t.layoutMargin};case!!(ee&&re):return{marginTop:ee*t.layoutMargin,marginBottom:ee*t.layoutMargin};default:return{}}}),Spaced=({col:t,row:ee,outer:te,children:re,...ae})=>{let ne=toNumber(typeof te=="number"||!te?te:t||ee);return React$1.createElement(Container,{col:t,row:ee,outer:ne,...ae},re)},Title$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc=newStyled.div(),Message=newStyled.div(({theme:t})=>({padding:30,textAlign:"center",color:t.color.defaultText,fontSize:t.typography.size.s2-1})),Placeholder=({children:t,...ee})=>{let[te,re]=reactExports.Children.toArray(t);return React$1.createElement(Message,{...ee},React$1.createElement(Title$1,null,te),re&&React$1.createElement(Desc,null,re))},ZoomElementWrapper=newStyled.div(({scale:t=1,elementHeight:ee})=>({height:ee||"auto",transformOrigin:"top left",transform:`scale(${1/t})`}));function ZoomElement({scale:t,children:ee}){let te=reactExports.useRef(null),[re,ae]=reactExports.useState(0),ne=reactExports.useCallback(({height:oe})=>{oe&&ae(oe/t)},[t]);return reactExports.useEffect(()=>{te.current&&ae(te.current.getBoundingClientRect().height)},[t]),useResizeObserver({ref:te,onResize:ne}),React$1.createElement(ZoomElementWrapper,{scale:t,elementHeight:re},React$1.createElement("div",{ref:te,className:"innerZoomElementWrapper"},ee))}var ZoomIFrame=class extends reactExports.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:t}=this.props;this.iframe=t.current}shouldComponentUpdate(t){let{scale:ee,active:te}=this.props;return ee!==t.scale&&this.setIframeInnerZoom(t.scale),te!==t.active&&this.iframe.setAttribute("data-is-storybook",t.active?"true":"false"),t.children.props.src!==this.props.children.props.src}setIframeInnerZoom(t){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}catch{this.setIframeZoom(t)}}setIframeZoom(t){Object.assign(this.iframe.style,{width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"})}render(){let{children:t}=this.props;return React$1.createElement(React$1.Fragment,null,t)}},Zoom$1={Element:ZoomElement,IFrame:ZoomIFrame},{document:document2$1}=global$2,ErrorName=newStyled.strong(({theme:t})=>({color:t.color.orange})),ErrorImportant=newStyled.strong(({theme:t})=>({color:t.color.ancillary,textDecoration:"underline"})),ErrorDetail=newStyled.em(({theme:t})=>({color:t.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error:t})=>{if(!t)return React$1.createElement(reactExports.Fragment,null,"This error has no stack or message");if(!t.stack)return React$1.createElement(reactExports.Fragment,null,t.message||"This error has no stack or message");let ee=t.stack.toString();ee&&t.message&&!ee.includes(t.message)&&(ee=`Error: ${t.message}
 
-${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reactExports.Fragment,null,ee);let[,re,ae]=te,ne=ee.split(/\n/).slice(1),[,...oe]=ne.map(ie=>{let le=ie.match(linesRegexChromium)||ie.match(linesRegexFirefox)||ie.match(linesRegexSafari);return le?{name:(le[1]||"").replace("/<",""),location:le[2].replace(document2$1.location.origin,"")}:null}).filter(Boolean);return React$1.createElement(reactExports.Fragment,null,React$1.createElement("span",null,re),": ",React$1.createElement(ErrorName,null,ae),React$1.createElement("br",null),oe.map((ie,le)=>ie.name?React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorImportant,null,ie.name)," (",React$1.createElement(ErrorDetail,null,ie.location),")",React$1.createElement("br",null)):React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorDetail,null,ie.location),React$1.createElement("br",null))))},ButtonWrapper=newStyled.button(({small:t,theme:ee})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:t?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${t?ee.typography.size.s1:ee.typography.size.s2-1}px`,fontWeight:ee.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:t?12:14,width:t?12:14,verticalAlign:"top",marginRight:t?4:6,marginTop:t?0:-1,marginBottom:t?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:t})=>t?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:t,small:ee})=>t?{svg:{display:"block",margin:0},...ee?{padding:10}:{padding:13}}:{},({theme:t,primary:ee,secondary:te,gray:re})=>{let ae;return re?ae=t.color.mediumlight:te?ae=t.color.secondary:ee&&(ae=t.color.primary),ae?{background:ae,color:re?t.color.darkest:t.color.lightest,"&:hover":{background:curriedDarken$1$1(.05,ae)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba$1(ae,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}},({theme:t,tertiary:ee,inForm:te,small:re})=>ee?{background:t.button.background,color:t.input.color,boxShadow:`${t.button.border} 0 0 0 1px inset`,borderRadius:t.input.borderRadius,...te&&re?{padding:"10px 16px"}:{},"&:hover":{background:t.base==="light"?curriedDarken$1$1(.02,t.button.background):curriedLighten$1$1(.03,t.button.background),...te?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:t.button.background},"&:focus":{boxShadow:`${rgba$1(t.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:t,outline:ee})=>ee?{boxShadow:`${curriedTransparentize$1$1(.8,t.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1$1(.3,t.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1$1(0,t.color.defaultText)}}:{},({theme:t,outline:ee,primary:te})=>{let re=t.color.primary;return ee&&te?{boxShadow:`${re} 0 0 0 1px inset`,color:re,"svg path:not([fill])":{fill:re},"&:hover":{boxShadow:`${re} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:re,boxShadow:`${re} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.2)} 0 8px 18px 0px`}}:{}},({theme:t,outline:ee,primary:te,secondary:re})=>{let ae;return re?ae=t.color.secondary:te&&(ae=t.color.primary),ee&&ae?{boxShadow:`${ae} 0 0 0 1px inset`,color:ae,"svg path:not([fill])":{fill:ae},"&:hover":{boxShadow:`${ae} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:ae,boxShadow:`${ae} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button$1=Object.assign(reactExports.forwardRef(function({isLink:t,children:ee,...te},re){return t?React$1.createElement(ButtonLink,{...te,ref:re},ee):React$1.createElement(ButtonWrapper,{...te,ref:re},ee)}),{defaultProps:{isLink:!1}}),Wrapper$1=newStyled.label(({theme:t})=>({display:"flex",borderBottom:`1px solid ${t.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label$1=newStyled.span(({theme:t})=>({minWidth:100,fontWeight:t.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label:t,children:ee,...te})=>React$1.createElement(Wrapper$1,{...te},t?React$1.createElement(Label$1,null,React$1.createElement("span",null,t)):null,ee);Field.defaultProps={label:void 0};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-SapwsMVA.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltip}))),WithTooltip=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltip,{...t})),LazyWithTooltipPure=reactExports.lazy(()=>__vitePreload(()=>import("./WithTooltip-4HIR6TLV-SapwsMVA.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltipPure}))),WithTooltipPure=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltipPure,{...t})),Title2$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc2=newStyled.span(),Links$1=newStyled.div(({theme:t})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:t.typography.weight.bold}})),Message2=newStyled.div(({theme:t})=>({color:t.color.defaultText,lineHeight:"18px"})),MessageWrapper=newStyled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title:t,desc:ee,links:te})=>React$1.createElement(MessageWrapper,null,React$1.createElement(Message2,null,t&&React$1.createElement(Title2$1,null,t),ee&&React$1.createElement(Desc2,null,ee)),te&&React$1.createElement(Links$1,null,te.map(({title:re,...ae})=>React$1.createElement(Link2,{...ae,key:re},re))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=newStyled.div(({theme:t})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:t.typography.weight.bold,color:t.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:t.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note:t,...ee})=>React$1.createElement(Note,{...ee},t),Title3$1=newStyled(({active:t,loading:ee,disabled:te,...re})=>React$1.createElement("span",{...re}))(({theme:t})=>({color:t.color.defaultText,fontWeight:t.typography.weight.regular}),({active:t,theme:ee})=>t?{color:ee.color.secondary,fontWeight:ee.typography.weight.bold}:{},({loading:t,theme:ee})=>t?{display:"inline-block",flex:"none",...ee.animation.inlineGlow}:{},({disabled:t,theme:ee})=>t?{color:curriedTransparentize$1$1(.7,ee.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:t})=>t?{marginLeft:24}:{}),CenterText=newStyled.span(({theme:t})=>({fontSize:"11px",lineHeight:"14px"}),({active:t,theme:ee})=>t?{color:ee.color.secondary}:{},({theme:t,disabled:ee})=>ee?{color:t.textMutedColor}:{}),Left=newStyled.span(({active:t,theme:ee})=>t?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:ee.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme:t})=>({fontSize:t.typography.size.s1,transition:"all 150ms ease-out",color:t.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:t.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:t})=>t?{cursor:"not-allowed"}:{}),getItemProps=memoize$2(100)((t,ee,te)=>{let re={};return t&&Object.assign(re,{onClick:t}),ee&&Object.assign(re,{href:ee}),te&&ee&&Object.assign(re,{to:ee,as:te}),re}),ListItem=({loading:t,left:ee,title:te,center:re,right:ae,icon:ne,active:oe,disabled:ie,isIndented:le,href:ce,onClick:se,LinkWrapper:pe,...de})=>{let ue=getItemProps(se,ce,pe),me={active:oe,disabled:ie},fe=typeof ne=="string"&&icons[ne];return React$1.createElement(Item,{...me,...de,...ue},ne?React$1.createElement(Left,{...me},fe?React$1.createElement(Icons,{icon:ne}):ne):ee&&React$1.createElement(Left,{...me},ee),te||re?React$1.createElement(Center,{isIndented:!ee&&!ne&&le},te&&React$1.createElement(Title3$1,{...me,loading:t},te),re&&React$1.createElement(CenterText,{...me},re)):null,ae&&React$1.createElement(Right,{...me},ae))};ListItem.defaultProps={loading:!1,left:null,title:React$1.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:t})=>({borderRadius:t.appBorderRadius})),Item2=t=>{let{LinkWrapper:ee,onClick:te,id:re,isIndented:ae,...ne}=t,{title:oe,href:ie,active:le}=ne,ce=reactExports.useCallback(pe=>{te(pe,ne)},[te]),se=!!te;return React$1.createElement(ListItem_default,{title:oe,active:le,href:ie,id:`list-item-${re}`,LinkWrapper:ee,isIndented:ae,...ne,...se?{onClick:ce}:{}})},TooltipLinkList=({links:t,LinkWrapper:ee})=>{let te=t.some(re=>re.left||re.icon);return React$1.createElement(List,null,t.map(({isGatsby:re,...ae})=>React$1.createElement(Item2,{key:ae.id,LinkWrapper:re?ee:null,isIndented:te,...ae})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=React$1.forwardRef(({children:t,...ee},te)=>ee.href!=null?React$1.createElement("a",{ref:te,...ee},t):React$1.createElement("button",{ref:te,type:"button",...ee},t));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:t})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:t.color.secondary}}),({active:t,textColor:ee,theme:te})=>t?{color:ee||te.barSelectedColor,borderBottomColor:te.barSelectedColor}:{color:ee||te.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:t,theme:ee})=>t?{backgroundColor:ee.background.hoverable,color:ee.barSelectedColor}:{},({disabled:t,theme:ee})=>t?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1$1(.88,ee.color.secondary),color:ee.barHoverColor},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme:t})=>({width:14,height:14,backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React$1.createElement(IconButtonSkeletonWrapper,null,React$1.createElement(IconPlaceholder,null)),Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:t})=>t?{flexShrink:0}:{},({left:t})=>t?{"& > *":{marginLeft:4}}:{},({right:t})=>t?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children:t,className:ee,scrollable:te})=>te?React$1.createElement(ScrollArea,{vertical:!1,className:ee},t):React$1.createElement("div",{className:ee},t),Bar$1=newStyled(UnstyledBar)(({theme:t,scrollable:ee=!0})=>({color:t.barTextColor,width:"100%",height:40,flexShrink:0,overflow:ee?"auto":"hidden",overflowY:"hidden"}),({theme:t,border:ee=!1})=>ee?{boxShadow:`${t.appBorderColor}  0 -1px 0 0 inset`,background:t.barBg}:{});Bar$1.displayName="Bar";var BarInner=newStyled.div(({bgColor:t})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:t||""})),FlexBar=({children:t,backgroundColor:ee,...te})=>{let[re,ae]=reactExports.Children.toArray(t);return React$1.createElement(Bar$1,{...te},React$1.createElement(BarInner,{bgColor:ee},React$1.createElement(Side,{scrollable:te.scrollable,left:!0},re),ae?React$1.createElement(Side,{right:!0},ae):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active:t})=>t?{display:"block"}:{display:"none"}),childrenToList=t=>reactExports.Children.toArray(t).map(({props:{title:ee,id:te,color:re,children:ae}})=>{let ne=Array.isArray(ae)?ae[0]:ae;return{title:ee,id:te,...re?{color:re}:{},render:typeof ne=="function"?ne:({active:oe})=>React$1.createElement(VisuallyHidden,{active:oe,role:"tabpanel"},ne)}}),CollapseIcon=newStyled.span(({theme:t,isActive:ee})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:ee?t.color.secondary:t.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active:t,theme:ee,preActive:te})=>`
+${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reactExports.Fragment,null,ee);let[,re,ae]=te,ne=ee.split(/\n/).slice(1),[,...oe]=ne.map(ie=>{let le=ie.match(linesRegexChromium)||ie.match(linesRegexFirefox)||ie.match(linesRegexSafari);return le?{name:(le[1]||"").replace("/<",""),location:le[2].replace(document2$1.location.origin,"")}:null}).filter(Boolean);return React$1.createElement(reactExports.Fragment,null,React$1.createElement("span",null,re),": ",React$1.createElement(ErrorName,null,ae),React$1.createElement("br",null),oe.map((ie,le)=>ie.name?React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorImportant,null,ie.name)," (",React$1.createElement(ErrorDetail,null,ie.location),")",React$1.createElement("br",null)):React$1.createElement(reactExports.Fragment,{key:le},"  ","at ",React$1.createElement(ErrorDetail,null,ie.location),React$1.createElement("br",null))))},ButtonWrapper=newStyled.button(({small:t,theme:ee})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:t?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${t?ee.typography.size.s1:ee.typography.size.s2-1}px`,fontWeight:ee.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:t?12:14,width:t?12:14,verticalAlign:"top",marginRight:t?4:6,marginTop:t?0:-1,marginBottom:t?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:t})=>t?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:t,small:ee})=>t?{svg:{display:"block",margin:0},...ee?{padding:10}:{padding:13}}:{},({theme:t,primary:ee,secondary:te,gray:re})=>{let ae;return re?ae=t.color.mediumlight:te?ae=t.color.secondary:ee&&(ae=t.color.primary),ae?{background:ae,color:re?t.color.darkest:t.color.lightest,"&:hover":{background:curriedDarken$1$1(.05,ae)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba$1(ae,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}},({theme:t,tertiary:ee,inForm:te,small:re})=>ee?{background:t.button.background,color:t.input.color,boxShadow:`${t.button.border} 0 0 0 1px inset`,borderRadius:t.input.borderRadius,...te&&re?{padding:"10px 16px"}:{},"&:hover":{background:t.base==="light"?curriedDarken$1$1(.02,t.button.background):curriedLighten$1$1(.03,t.button.background),...te?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:t.button.background},"&:focus":{boxShadow:`${rgba$1(t.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:t,outline:ee})=>ee?{boxShadow:`${curriedTransparentize$1$1(.8,t.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1$1(.3,t.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1$1(.5,t.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1$1(0,t.color.defaultText)}}:{},({theme:t,outline:ee,primary:te})=>{let re=t.color.primary;return ee&&te?{boxShadow:`${re} 0 0 0 1px inset`,color:re,"svg path:not([fill])":{fill:re},"&:hover":{boxShadow:`${re} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:re,boxShadow:`${re} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${re} 0 0 0 1px inset, ${rgba$1(re,.2)} 0 8px 18px 0px`}}:{}},({theme:t,outline:ee,primary:te,secondary:re})=>{let ae;return re?ae=t.color.secondary:te&&(ae=t.color.primary),ee&&ae?{boxShadow:`${ae} 0 0 0 1px inset`,color:ae,"svg path:not([fill])":{fill:ae},"&:hover":{boxShadow:`${ae} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:ae,boxShadow:`${ae} 0 0 0 1px inset`,color:t.color.tertiary},"&:focus":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ae} 0 0 0 1px inset, ${rgba$1(ae,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button$1=Object.assign(reactExports.forwardRef(function({isLink:t,children:ee,...te},re){return t?React$1.createElement(ButtonLink,{...te,ref:re},ee):React$1.createElement(ButtonWrapper,{...te,ref:re},ee)}),{defaultProps:{isLink:!1}}),Wrapper$1=newStyled.label(({theme:t})=>({display:"flex",borderBottom:`1px solid ${t.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label$1=newStyled.span(({theme:t})=>({minWidth:100,fontWeight:t.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label:t,children:ee,...te})=>React$1.createElement(Wrapper$1,{...te},t?React$1.createElement(Label$1,null,React$1.createElement("span",null,t)):null,ee);Field.defaultProps={label:void 0};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-29nNQIoq.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltip}))),WithTooltip=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltip,{...t})),LazyWithTooltipPure=reactExports.lazy(()=>__vitePreload(()=>import("./WithTooltip-4HIR6TLV-29nNQIoq.js"),__vite__mapDeps([9,1,2,3,4,5,6,7]),import.meta.url).then(t=>({default:t.WithTooltipPure}))),WithTooltipPure=t=>React$1.createElement(reactExports.Suspense,{fallback:React$1.createElement("div",null)},React$1.createElement(LazyWithTooltipPure,{...t})),Title2$1=newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold})),Desc2=newStyled.span(),Links$1=newStyled.div(({theme:t})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:t.typography.weight.bold}})),Message2=newStyled.div(({theme:t})=>({color:t.color.defaultText,lineHeight:"18px"})),MessageWrapper=newStyled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title:t,desc:ee,links:te})=>React$1.createElement(MessageWrapper,null,React$1.createElement(Message2,null,t&&React$1.createElement(Title2$1,null,t),ee&&React$1.createElement(Desc2,null,ee)),te&&React$1.createElement(Links$1,null,te.map(({title:re,...ae})=>React$1.createElement(Link2,{...ae,key:re},re))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=newStyled.div(({theme:t})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:t.typography.weight.bold,color:t.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:t.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note:t,...ee})=>React$1.createElement(Note,{...ee},t),Title3$1=newStyled(({active:t,loading:ee,disabled:te,...re})=>React$1.createElement("span",{...re}))(({theme:t})=>({color:t.color.defaultText,fontWeight:t.typography.weight.regular}),({active:t,theme:ee})=>t?{color:ee.color.secondary,fontWeight:ee.typography.weight.bold}:{},({loading:t,theme:ee})=>t?{display:"inline-block",flex:"none",...ee.animation.inlineGlow}:{},({disabled:t,theme:ee})=>t?{color:curriedTransparentize$1$1(.7,ee.color.defaultText)}:{}),Right=newStyled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=newStyled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:t})=>t?{marginLeft:24}:{}),CenterText=newStyled.span(({theme:t})=>({fontSize:"11px",lineHeight:"14px"}),({active:t,theme:ee})=>t?{color:ee.color.secondary}:{},({theme:t,disabled:ee})=>ee?{color:t.textMutedColor}:{}),Left=newStyled.span(({active:t,theme:ee})=>t?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:ee.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),Item=newStyled.a(({theme:t})=>({fontSize:t.typography.size.s1,transition:"all 150ms ease-out",color:t.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:t.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:t})=>t?{cursor:"not-allowed"}:{}),getItemProps=memoize$2(100)((t,ee,te)=>{let re={};return t&&Object.assign(re,{onClick:t}),ee&&Object.assign(re,{href:ee}),te&&ee&&Object.assign(re,{to:ee,as:te}),re}),ListItem=({loading:t,left:ee,title:te,center:re,right:ae,icon:ne,active:oe,disabled:ie,isIndented:le,href:ce,onClick:se,LinkWrapper:pe,...de})=>{let ue=getItemProps(se,ce,pe),me={active:oe,disabled:ie},fe=typeof ne=="string"&&icons[ne];return React$1.createElement(Item,{...me,...de,...ue},ne?React$1.createElement(Left,{...me},fe?React$1.createElement(Icons,{icon:ne}):ne):ee&&React$1.createElement(Left,{...me},ee),te||re?React$1.createElement(Center,{isIndented:!ee&&!ne&&le},te&&React$1.createElement(Title3$1,{...me,loading:t},te),re&&React$1.createElement(CenterText,{...me},re)):null,ae&&React$1.createElement(Right,{...me},ae))};ListItem.defaultProps={loading:!1,left:null,title:React$1.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem,List=newStyled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:t})=>({borderRadius:t.appBorderRadius})),Item2=t=>{let{LinkWrapper:ee,onClick:te,id:re,isIndented:ae,...ne}=t,{title:oe,href:ie,active:le}=ne,ce=reactExports.useCallback(pe=>{te(pe,ne)},[te]),se=!!te;return React$1.createElement(ListItem_default,{title:oe,active:le,href:ie,id:`list-item-${re}`,LinkWrapper:ee,isIndented:ae,...ne,...se?{onClick:ce}:{}})},TooltipLinkList=({links:t,LinkWrapper:ee})=>{let te=t.some(re=>re.left||re.icon);return React$1.createElement(List,null,t.map(({isGatsby:re,...ae})=>React$1.createElement(Item2,{key:ae.id,LinkWrapper:re?ee:null,isIndented:te,...ae})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var ButtonOrLink=React$1.forwardRef(({children:t,...ee},te)=>ee.href!=null?React$1.createElement("a",{ref:te,...ee},t):React$1.createElement("button",{ref:te,type:"button",...ee},t));ButtonOrLink.displayName="ButtonOrLink";var TabButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:t})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:t.color.secondary}}),({active:t,textColor:ee,theme:te})=>t?{color:ee||te.barSelectedColor,borderBottomColor:te.barSelectedColor}:{color:ee||te.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=newStyled(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active:t,theme:ee})=>t?{backgroundColor:ee.background.hoverable,color:ee.barSelectedColor}:{},({disabled:t,theme:ee})=>t?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1$1(.88,ee.color.secondary),color:ee.barHoverColor},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=newStyled.div(({theme:t})=>({width:14,height:14,backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=newStyled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React$1.createElement(IconButtonSkeletonWrapper,null,React$1.createElement(IconPlaceholder,null)),Side=newStyled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:t})=>t?{flexShrink:0}:{},({left:t})=>t?{"& > *":{marginLeft:4}}:{},({right:t})=>t?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children:t,className:ee,scrollable:te})=>te?React$1.createElement(ScrollArea,{vertical:!1,className:ee},t):React$1.createElement("div",{className:ee},t),Bar$1=newStyled(UnstyledBar)(({theme:t,scrollable:ee=!0})=>({color:t.barTextColor,width:"100%",height:40,flexShrink:0,overflow:ee?"auto":"hidden",overflowY:"hidden"}),({theme:t,border:ee=!1})=>ee?{boxShadow:`${t.appBorderColor}  0 -1px 0 0 inset`,background:t.barBg}:{});Bar$1.displayName="Bar";var BarInner=newStyled.div(({bgColor:t})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:t||""})),FlexBar=({children:t,backgroundColor:ee,...te})=>{let[re,ae]=reactExports.Children.toArray(t);return React$1.createElement(Bar$1,{...te},React$1.createElement(BarInner,{bgColor:ee},React$1.createElement(Side,{scrollable:te.scrollable,left:!0},re),ae?React$1.createElement(Side,{right:!0},ae):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=newStyled.div(({active:t})=>t?{display:"block"}:{display:"none"}),childrenToList=t=>reactExports.Children.toArray(t).map(({props:{title:ee,id:te,color:re,children:ae}})=>{let ne=Array.isArray(ae)?ae[0]:ae;return{title:ee,id:te,...re?{color:re}:{},render:typeof ne=="function"?ne:({active:oe})=>React$1.createElement(VisuallyHidden,{active:oe,role:"tabpanel"},ne)}}),CollapseIcon=newStyled.span(({theme:t,isActive:ee})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:ee?t.color.secondary:t.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=newStyled(TabButton)(({active:t,theme:ee,preActive:te})=>`
     color: ${te||t?ee.color.secondary:ee.color.mediumdark};
     &:hover {
       color: ${ee.color.secondary};
@@ -308,7 +308,7 @@ ${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reac
             ${curriedDarken$1(.02,t.input.background)} 100%)`:`linear-gradient(to right, 
             ${t.color.green} 0%, ${t.color.green} ${(re-ee)/(te-ee)*100}%, 
             ${curriedLighten$1(.02,t.input.background)} ${(re-ee)/(te-ee)*100}%, 
-            ${curriedLighten$1(.02,t.input.background)} 100%)`,boxShadow:`${t.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${t.input.background}`,border:`1px solid ${rgba(t.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=newStyled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=newStyled(RangeLabel)(({numberOFDecimalsPlaces:t,max:ee})=>({width:`${t+ee.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),RangeWrapper=newStyled.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(t){let ee=t.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return ee?Math.max(0,(ee[1]?ee[1].length:0)-(ee[2]?+ee[2]:0)):0}var RangeControl=({name:t,value:ee,onChange:te,min:re=0,max:ae=100,step:ne=1,onBlur:oe,onFocus:ie})=>{let le=pe=>{te(parse2(pe.target.value))},ce=ee!==void 0,se=reactExports.useMemo(()=>getNumberOfDecimalPlaces(ne),[ne]);return React$1.createElement(RangeWrapper,null,React$1.createElement(RangeLabel,null,re),React$1.createElement(RangeInput,{id:getControlId(t),type:"range",onChange:le,name:t,value:ee,min:re,max:ae,step:ne,onFocus:ie,onBlur:oe}),React$1.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces:se,max:ae},ce?ee.toFixed(se):"--"," / ",ae))},Wrapper6=newStyled.label({display:"flex"}),MaxLength=newStyled.div(({isMaxed:t})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:t?"red":void 0})),TextControl=({name:t,value:ee,onChange:te,onFocus:re,onBlur:ae,maxLength:ne})=>{let oe=pe=>{te(pe.target.value)},[ie,le]=reactExports.useState(!1),ce=reactExports.useCallback(()=>{te(""),le(!0)},[le]);if(ee===void 0)return React$1.createElement(Form.Button,{id:getControlSetterButtonId(t),onClick:ce},"Set string");let se=typeof ee=="string";return React$1.createElement(Wrapper6,null,React$1.createElement(Form.Textarea,{id:getControlId(t),maxLength:ne,onChange:oe,size:"flex",placeholder:"Edit string...",autoFocus:ie,valid:se?null:"error",name:t,value:se?ee:"",onFocus:re,onBlur:ae}),ne&&React$1.createElement(MaxLength,{isMaxed:(ee==null?void 0:ee.length)===ne},(ee==null?void 0:ee.length)??0," / ",ne))},FileInput=newStyled(Form.Input)({padding:10});function revokeOldUrls(t){t.forEach(ee=>{ee.startsWith("blob:")&&URL.revokeObjectURL(ee)})}var FilesControl=({onChange:t,name:ee,accept:te="image/*",value:re})=>{let ae=reactExports.useRef(null);function ne(oe){if(!oe.target.files)return;let ie=Array.from(oe.target.files).map(le=>URL.createObjectURL(le));t(ie),revokeOldUrls(re)}return reactExports.useEffect(()=>{re==null&&ae.current&&(ae.current.value=null)},[re,ee]),React$1.createElement(FileInput,{ref:ae,id:getControlId(ee),type:"file",name:ee,multiple:!0,onChange:ne,accept:te,size:"flex"})},LazyColorControl=reactExports.lazy(()=>__vitePreload(()=>import("./Color-6VNJS4EI-N_ztWf-2.js"),__vite__mapDeps([10,2,7,1,3,4,5,6]),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,$e])=>React$1.createElement(SectionRow,{key:be,label:be,level:"subsection",colSpan:fe},$e.map(Ee=>React$1.createElement(ArgRow,{key:Ee.key,row:Ee,arg:ce&&ce[Ee.key],expandable:ye,...ge})))))))))};newStyled.div(({theme:t})=>({marginRight:30,fontSize:`${t.typography.size.s1}px`,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});newStyled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});newStyled.div(withReset,({theme:t})=>({...getBlockBackgroundStyle(t),margin:"25px 0 40px",padding:"30px 20px"}));newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold,color:t.color.defaultText}));newStyled.div(({theme:t})=>({color:t.base==="light"?curriedTransparentize$1(.2,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});newStyled.div(({theme:t})=>({flex:1,textAlign:"center",fontFamily:t.typography.fonts.mono,fontSize:t.typography.size.s1,lineHeight:1,overflow:"hidden",color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));newStyled.div({display:"flex",flexDirection:"row"});newStyled.div(({background:t})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:t,content:'""'}}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));newStyled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});newStyled.div({flex:1,display:"flex",flexDirection:"row"});newStyled.div({display:"flex",alignItems:"flex-start"});newStyled.div({flex:"0 0 30%"});newStyled.div({flex:1});newStyled.div(({theme:t})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:t.typography.weight.bold,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div(({theme:t})=>({fontSize:t.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));newStyled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,fontSize:t.typography.size.s2,color:t.color.defaultText,marginLeft:10,lineHeight:1.2}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));newStyled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});newStyled.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=t=>`anchor--${t}`,Anchor=({storyId:t,children:ee})=>React$1.createElement("div",{id:anchorBlockIdFromId(t),className:"sb-anchor"},ee);global$1&&global$1.__DOCS_CONTEXT__===void 0&&(global$1.__DOCS_CONTEXT__=reactExports.createContext(null),global$1.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global$1?global$1.__DOCS_CONTEXT__:reactExports.createContext(null),useOf=(t,ee)=>reactExports.useContext(DocsContext).resolveOf(t,ee);function scrollToElement(t,ee="start"){t.scrollIntoView({behavior:"smooth",block:ee,inline:"nearest"})}function useStory(t,ee){let te=useStories([t],ee);return te&&te[0]}function useStories(t,ee){let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{Promise.all(t.map(async ae=>{let ne=await ee.loadStory(ae);re(oe=>oe[ae]===ne?oe:{...oe,[ae]:ne})}))}),t.map(ae=>{if(te[ae])return te[ae];try{return ee.storyById(ae)}catch{return null}})}function argsHash(t){return stringify(t)}var SourceContext=reactExports.createContext({sources:{}}),UNKNOWN_ARGS_HASH="--unknown--",SourceContainer=({children:t,channel:ee})=>{let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{let ae=(ne,oe=null,ie=!1)=>{let{id:le,args:ce=void 0,source:se,format:pe}=typeof ne=="string"?{id:ne,source:oe,format:ie}:ne,de=ce?argsHash(ce):UNKNOWN_ARGS_HASH;re(ue=>({...ue,[le]:{...ue[le],[de]:{code:se,format:pe}}}))};return ee.on(SNIPPET_RENDERED,ae),()=>ee.off(SNIPPET_RENDERED,ae)},[]),React$1.createElement(SourceContext.Provider,{value:{sources:te}},t)},SourceState=(t=>(t.OPEN="open",t.CLOSED="closed",t.NONE="none",t))(SourceState||{}),getSourceState=t=>{let ee=t.map(te=>{var re,ae;return(ae=(re=te.parameters.docs)==null?void 0:re.source)==null?void 0:ae.state}).filter(Boolean);return ee.length===0?"closed":ee[0]},getStorySource=(t,ee,te)=>{let{sources:re}=te,ae=re==null?void 0:re[t];return(ae==null?void 0:ae[argsHash(ee)])||(ae==null?void 0:ae[UNKNOWN_ARGS_HASH])||{code:""}},getSnippet=({snippet:t,storyContext:ee,typeFromProps:te,transformFromProps:re})=>{var le,ce,se,pe,de,ue;let{__isArgsStory:ae}=ee.parameters,ne=((le=ee.parameters.docs)==null?void 0:le.source)||{},oe=te||ne.type||SourceType.AUTO;if(ne.code!==void 0)return ne.code;let ie=oe===SourceType.DYNAMIC||oe===SourceType.AUTO&&t&&ae?t:ne.originalSource||"";return ne.transformSource&&deprecate(dedent$1`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
+            ${curriedLighten$1(.02,t.input.background)} 100%)`,boxShadow:`${t.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${t.input.background}`,border:`1px solid ${rgba(t.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=newStyled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeCurrentAndMaxLabel=newStyled(RangeLabel)(({numberOFDecimalsPlaces:t,max:ee})=>({width:`${t+ee.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),RangeWrapper=newStyled.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(t){let ee=t.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return ee?Math.max(0,(ee[1]?ee[1].length:0)-(ee[2]?+ee[2]:0)):0}var RangeControl=({name:t,value:ee,onChange:te,min:re=0,max:ae=100,step:ne=1,onBlur:oe,onFocus:ie})=>{let le=pe=>{te(parse2(pe.target.value))},ce=ee!==void 0,se=reactExports.useMemo(()=>getNumberOfDecimalPlaces(ne),[ne]);return React$1.createElement(RangeWrapper,null,React$1.createElement(RangeLabel,null,re),React$1.createElement(RangeInput,{id:getControlId(t),type:"range",onChange:le,name:t,value:ee,min:re,max:ae,step:ne,onFocus:ie,onBlur:oe}),React$1.createElement(RangeCurrentAndMaxLabel,{numberOFDecimalsPlaces:se,max:ae},ce?ee.toFixed(se):"--"," / ",ae))},Wrapper6=newStyled.label({display:"flex"}),MaxLength=newStyled.div(({isMaxed:t})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:t?"red":void 0})),TextControl=({name:t,value:ee,onChange:te,onFocus:re,onBlur:ae,maxLength:ne})=>{let oe=pe=>{te(pe.target.value)},[ie,le]=reactExports.useState(!1),ce=reactExports.useCallback(()=>{te(""),le(!0)},[le]);if(ee===void 0)return React$1.createElement(Form.Button,{id:getControlSetterButtonId(t),onClick:ce},"Set string");let se=typeof ee=="string";return React$1.createElement(Wrapper6,null,React$1.createElement(Form.Textarea,{id:getControlId(t),maxLength:ne,onChange:oe,size:"flex",placeholder:"Edit string...",autoFocus:ie,valid:se?null:"error",name:t,value:se?ee:"",onFocus:re,onBlur:ae}),ne&&React$1.createElement(MaxLength,{isMaxed:(ee==null?void 0:ee.length)===ne},(ee==null?void 0:ee.length)??0," / ",ne))},FileInput=newStyled(Form.Input)({padding:10});function revokeOldUrls(t){t.forEach(ee=>{ee.startsWith("blob:")&&URL.revokeObjectURL(ee)})}var FilesControl=({onChange:t,name:ee,accept:te="image/*",value:re})=>{let ae=reactExports.useRef(null);function ne(oe){if(!oe.target.files)return;let ie=Array.from(oe.target.files).map(le=>URL.createObjectURL(le));t(ie),revokeOldUrls(re)}return reactExports.useEffect(()=>{re==null&&ae.current&&(ae.current.value=null)},[re,ee]),React$1.createElement(FileInput,{ref:ae,id:getControlId(ee),type:"file",name:ee,multiple:!0,onChange:ne,accept:te,size:"flex"})},LazyColorControl=reactExports.lazy(()=>__vitePreload(()=>import("./Color-6VNJS4EI-fNEnxQ05.js"),__vite__mapDeps([10,2,7,1,3,4,5,6]),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,$e])=>React$1.createElement(SectionRow,{key:be,label:be,level:"subsection",colSpan:fe},$e.map(Ee=>React$1.createElement(ArgRow,{key:Ee.key,row:Ee,arg:ce&&ce[Ee.key],expandable:ye,...ge})))))))))};newStyled.div(({theme:t})=>({marginRight:30,fontSize:`${t.typography.size.s1}px`,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});newStyled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});newStyled.div(withReset,({theme:t})=>({...getBlockBackgroundStyle(t),margin:"25px 0 40px",padding:"30px 20px"}));newStyled.div(({theme:t})=>({fontWeight:t.typography.weight.bold,color:t.color.defaultText}));newStyled.div(({theme:t})=>({color:t.base==="light"?curriedTransparentize$1(.2,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});newStyled.div(({theme:t})=>({flex:1,textAlign:"center",fontFamily:t.typography.fonts.mono,fontSize:t.typography.size.s1,lineHeight:1,overflow:"hidden",color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));newStyled.div({display:"flex",flexDirection:"row"});newStyled.div(({background:t})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:t,content:'""'}}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));newStyled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});newStyled.div({flex:1,display:"flex",flexDirection:"row"});newStyled.div({display:"flex",alignItems:"flex-start"});newStyled.div({flex:"0 0 30%"});newStyled.div({flex:1});newStyled.div(({theme:t})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:t.typography.weight.bold,color:t.base==="light"?curriedTransparentize$1(.4,t.color.defaultText):curriedTransparentize$1(.6,t.color.defaultText)}));newStyled.div(({theme:t})=>({fontSize:t.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));newStyled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,fontSize:t.typography.size.s2,color:t.color.defaultText,marginLeft:10,lineHeight:1.2}));newStyled.div(({theme:t})=>({...getBlockBackgroundStyle(t),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));newStyled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});newStyled.div({display:"flex",flexFlow:"row wrap"});var anchorBlockIdFromId=t=>`anchor--${t}`,Anchor=({storyId:t,children:ee})=>React$1.createElement("div",{id:anchorBlockIdFromId(t),className:"sb-anchor"},ee);global$1&&global$1.__DOCS_CONTEXT__===void 0&&(global$1.__DOCS_CONTEXT__=reactExports.createContext(null),global$1.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global$1?global$1.__DOCS_CONTEXT__:reactExports.createContext(null),useOf=(t,ee)=>reactExports.useContext(DocsContext).resolveOf(t,ee);function scrollToElement(t,ee="start"){t.scrollIntoView({behavior:"smooth",block:ee,inline:"nearest"})}function useStory(t,ee){let te=useStories([t],ee);return te&&te[0]}function useStories(t,ee){let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{Promise.all(t.map(async ae=>{let ne=await ee.loadStory(ae);re(oe=>oe[ae]===ne?oe:{...oe,[ae]:ne})}))}),t.map(ae=>{if(te[ae])return te[ae];try{return ee.storyById(ae)}catch{return null}})}function argsHash(t){return stringify(t)}var SourceContext=reactExports.createContext({sources:{}}),UNKNOWN_ARGS_HASH="--unknown--",SourceContainer=({children:t,channel:ee})=>{let[te,re]=reactExports.useState({});return reactExports.useEffect(()=>{let ae=(ne,oe=null,ie=!1)=>{let{id:le,args:ce=void 0,source:se,format:pe}=typeof ne=="string"?{id:ne,source:oe,format:ie}:ne,de=ce?argsHash(ce):UNKNOWN_ARGS_HASH;re(ue=>({...ue,[le]:{...ue[le],[de]:{code:se,format:pe}}}))};return ee.on(SNIPPET_RENDERED,ae),()=>ee.off(SNIPPET_RENDERED,ae)},[]),React$1.createElement(SourceContext.Provider,{value:{sources:te}},t)},SourceState=(t=>(t.OPEN="open",t.CLOSED="closed",t.NONE="none",t))(SourceState||{}),getSourceState=t=>{let ee=t.map(te=>{var re,ae;return(ae=(re=te.parameters.docs)==null?void 0:re.source)==null?void 0:ae.state}).filter(Boolean);return ee.length===0?"closed":ee[0]},getStorySource=(t,ee,te)=>{let{sources:re}=te,ae=re==null?void 0:re[t];return(ae==null?void 0:ae[argsHash(ee)])||(ae==null?void 0:ae[UNKNOWN_ARGS_HASH])||{code:""}},getSnippet=({snippet:t,storyContext:ee,typeFromProps:te,transformFromProps:re})=>{var le,ce,se,pe,de,ue;let{__isArgsStory:ae}=ee.parameters,ne=((le=ee.parameters.docs)==null?void 0:le.source)||{},oe=te||ne.type||SourceType.AUTO;if(ne.code!==void 0)return ne.code;let ie=oe===SourceType.DYNAMIC||oe===SourceType.AUTO&&t&&ae?t:ne.originalSource||"";return ne.transformSource&&deprecate(dedent$1`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
     
     Please refer to the migration guide: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#source-block
   `),(ce=ee.parameters.docs)!=null&&ce.transformSource&&deprecate(dedent$1`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
@@ -364,7 +364,7 @@ ${ee}`);let te=ee.match(firstLineRegex);if(!te)return React$1.createElement(reac
     `);let te=t&&ee.storyIdByName(t),re=ee.storyById(te);return re?React$1.createElement(DocsStory,{of:re.moduleExport,expanded:!1,__primary:!0,withToolbar:!0}):null},Heading2=({children:t,disableAnchor:ee,...te})=>{if(ee||typeof t!="string")return React$1.createElement(H2,null,t);let re=t.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React$1.createElement(HeaderMdx,{as:"h2",id:re,...te},t)},StyledHeading=newStyled(Heading2)(({theme:t})=>({fontSize:`${t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"16px",letterSpacing:"0.35em",textTransform:"uppercase",color:t.textMutedColor,border:0,marginBottom:"12px","&:first-of-type":{marginTop:"56px"}})),Stories=({title:t,includePrimary:ee=!0})=>{let{componentStories:te}=reactExports.useContext(DocsContext),re=te().filter(ae=>{var ne,oe;return!((oe=(ne=ae.parameters)==null?void 0:ne.docs)!=null&&oe.disable)});return ee||(re=re.slice(1)),!re||re.length===0?null:React$1.createElement(React$1.Fragment,null,React$1.createElement(StyledHeading,null,t),re.map(ae=>ae&&React$1.createElement(DocsStory,{key:ae.id,of:ae.moduleExport,expanded:!0,__forceInitialArgs:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>{let t=useOf("meta",["meta"]),{stories:ee}=t.csfFile,te=Object.keys(ee).length===1;return React$1.createElement(React$1.Fragment,null,React$1.createElement(Title3,null),React$1.createElement(Subtitle2,null),React$1.createElement(DescriptionContainer,{of:"meta"}),te?React$1.createElement(DescriptionContainer,{of:"story"}):null,React$1.createElement(Primary,null),React$1.createElement(Controls3,null),te?null:React$1.createElement(Stories,null))};function Docs({context:t,docsParameter:ee}){let te=ee.container||DocsContainer,re=ee.page||DocsPage;return React$1.createElement(te,{context:t,theme:ee.theme},React$1.createElement(re,null))}var Meta=({of:t})=>{let ee=reactExports.useContext(DocsContext);t&&ee.referenceMeta(t,!0);try{let te=ee.storyById();return React$1.createElement(Anchor,{storyId:te.id})}catch{return null}};export{AnchorMdx as A,Canvas as C,Docs as D,Form as F,HeadersMdx as H,Icons as I,Meta as M,SyntaxHighlighter2$1 as S,TooltipNote as T,WithToolTipState as W,__toESM$1 as _,WithTooltipPure$1 as a,CodeOrSourceMdx as b,createCopyToClipboardFunction as c,__commonJS$1 as d,WithTooltip as e,_copyObject as f,getControlId as g,_cloneBufferExports as h,_cloneTypedArray as i,_copyArray as j,keysIn_1 as k,_initCloneObject as l,memoize$2 as m,newStyled as n,_basePickBy as o,stringify as p,parse$1 as q,DocsContainer as r,syntaxhighlighter_default as s,themes as t};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-NMPM6SWI-sxd_zSAO.js","./iframe-MASZ_taO.js","./index-RfLt4OUa.js","./index-miLrID2P.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-gM75B7fB.js","./formatter-SWP5E3XI-JiERVZcR.js","./WithTooltip-4HIR6TLV-SapwsMVA.js","./Color-6VNJS4EI-N_ztWf-2.js"]
+    __vite__mapDeps.viteFileDeps = ["./syntaxhighlighter-NMPM6SWI-_gbIaGwd.js","./iframe-AtjhTGyx.js","./index-RfLt4OUa.js","./index-miLrID2P.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-gM75B7fB.js","./formatter-SWP5E3XI-6m6W7NB7.js","./WithTooltip-4HIR6TLV-29nNQIoq.js","./Color-6VNJS4EI-fNEnxQ05.js"]
   }
   return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
 }

package/dist/storybook/assets/{input-group.stories-o6aJnQk-.js → input-group.stories-WljyIQ0a.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./common-types-U65vzrrz.js";import{I as t}from"./input-group-R8LoqKRn.js";import{I as h}from"./input-group-addon-BHVsW9mL.js";import{I as M}from"./input-u1He-wWs.js";import{B as C}from"./button-7V8oA22w.js";import{M as f}from"./actions-ESle7xCw.js";import{S as I}from"./select-5jrVNbFb.js";import{T as P}from"./tooltip-HEHiU__l.js";import{M as o}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./badge-23Ty_zBt.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./index-miLrID2P.js";const ae={title:"Forms/InputGroup",component:t,args:{}},s=i=>e.jsxs(t,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:o.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),n=s.bind({}),a=s.bind({});a.args={width:"480px"};const l=s.bind({});l.args={small:!0};const r=()=>e.jsxs(t,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});var u,p,m;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{T as x}from"./common-types-U65vzrrz.js";import{I as t}from"./input-group-R8LoqKRn.js";import{I as h}from"./input-group-addon-BHVsW9mL.js";import{I as M}from"./input-u1He-wWs.js";import{B as C}from"./button-7V8oA22w.js";import{M as f}from"./actions-Z9jDWreP.js";import{S as I}from"./select-JjEPivho.js";import{T as P}from"./tooltip-HEHiU__l.js";import{M as o}from"./types-VB5zD18b.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./badge-23Ty_zBt.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";import"./index-miLrID2P.js";const ae={title:"Forms/InputGroup",component:t,args:{}},s=i=>e.jsxs(t,{...i,children:[e.jsx(h,{children:"$"}),e.jsx(M,{width:"100%",name:"example",value:"123",onChange:()=>{}}),e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"},width:"auto",native:!0}),e.jsx(f,{menu:{label:"E-06/degC",trigger:x.DROP_DOWN_BUTTON,small:i.small,sections:[{type:o.OPTION,label:"403.5433",description:"ft",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"0.123",description:"km",inline:!0,onClick:()=>{}},{type:o.OPTION,label:"4842.4608",description:"in",inline:!0,onClick:()=>{}}]}}),e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{}})]}),n=s.bind({}),a=s.bind({});a.args={width:"480px"};const l=s.bind({});l.args={small:!0};const r=()=>e.jsxs(t,{children:[e.jsx(I,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],onChange:()=>{},value:{label:"Monkeys",value:"bananas"}}),e.jsx(P,{text:"This is a tooltip",children:e.jsx(C,{name:"example",label:"Confirm",colored:!0,onClick:()=>{},groupOrder:"last"})})]});var u,p,m;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`args => {
   return <InputGroup
   // eslint-disable-next-line react/jsx-props-no-spreading
   {...args}>

package/dist/storybook/assets/{input-validation-MPaWGcuk.js → input-validation-DXz2wD-a.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-VjG8bBMn.js";import{NonExistentValue as a,Error as l}from"./select.stories-CHb_zXq1.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-MASZ_taO.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./select-5jrVNbFb.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-ESle7xCw.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as n}from"./index-PqLI7NLX.js";import{NonExistentValue as a,Error as l}from"./select.stories-YmcYKg5S.js";import{useMDXComponents as r}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-AtjhTGyx.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./select-JjEPivho.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-4QtD-hFu.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z9jDWreP.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spacer-Yji9g2AW.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`

package/dist/storybook/assets/{inputs-Sm5fiswx.js → inputs-XRPZnL3K.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-VjG8bBMn.js";import{Default as l}from"./button.stories-f6VcbEgi.js";import{Default as a}from"./check-box.stories-nOztaYcw.js";import{Default as c}from"./file-input.stories-wkU6vhN2.js";import{Default as d,Date as p}from"./input.stories-rLdDRxtU.js";import{Default as h}from"./number-input.stories-Y4KCEwyl.js";import{Default as u}from"./option-dropdown.stories-BZFwP6Yb.js";import{Default as m}from"./radio-button.stories-LkCJsp5P.js";import{Native as f,Default as x}from"./select.stories-CHb_zXq1.js";import{Default as j}from"./slider.stories--aZa8kf-.js";import{Default as b}from"./textarea.stories-vQSCjGav.js";import{Default as g}from"./toggle.stories-HiGs6slZ.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-MASZ_taO.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-3eLDDUyy.js";import"./button-7V8oA22w.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./check-box-s9CvqRSD.js";import"./help-icon--rUDxLUD.js";import"./input-group-R8LoqKRn.js";import"./input-u1He-wWs.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message--yMWfUQv.js";import"./textarea-4DUPP53K.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./input-group-addon-BHVsW9mL.js";import"./select-5jrVNbFb.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-ESle7xCw.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-jHcwHUA4.js";import"./slider-nl2rJ9LF.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-BPI2y-lU.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-FsUICBgo.js";import{M as r,C as n}from"./index-PqLI7NLX.js";import{Default as l}from"./button.stories-f6VcbEgi.js";import{Default as a}from"./check-box.stories-nOztaYcw.js";import{Default as c}from"./file-input.stories-UaDciacM.js";import{Default as d,Date as p}from"./input.stories-rLdDRxtU.js";import{Default as h}from"./number-input.stories-BURENIFo.js";import{Default as u}from"./option-dropdown.stories-M-9T9SPD.js";import{Default as m}from"./radio-button.stories-LkCJsp5P.js";import{Native as f,Default as x}from"./select.stories-YmcYKg5S.js";import{Default as j}from"./slider.stories--aZa8kf-.js";import{Default as b}from"./textarea.stories-Uc6PIiD1.js";import{Default as g}from"./toggle.stories-HiGs6slZ.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-AtjhTGyx.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./flex-3eLDDUyy.js";import"./button-7V8oA22w.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./check-box-s9CvqRSD.js";import"./help-icon--rUDxLUD.js";import"./input-group-R8LoqKRn.js";import"./input-u1He-wWs.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spacer-Yji9g2AW.js";import"./message--yMWfUQv.js";import"./textarea-G-2zTY2v.js";import"./number-input-SvjJIGsW.js";import"./index-IQMsp8Ab.js";import"./index-cCpkwrS5.js";import"./input-group-addon-BHVsW9mL.js";import"./select-JjEPivho.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z9jDWreP.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./divider-RwW2f_N0.js";import"./radio-button-jHcwHUA4.js";import"./slider-nl2rJ9LF.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./toggle-BPI2y-lU.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-VHDoIwjI.js → layout-forms-ZNGJC4ku.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-VjG8bBMn.js";import{Default as p,LabelOnLeft as l}from"./field.stories-RmhJ16HT.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-vqEAUdaV.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-MASZ_taO.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./field-eknsj_Ll.js";import"./index-VW3EWkuE.js";import"./label-0_Qf6I8t.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-u1He-wWs.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-5jrVNbFb.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-ESle7xCw.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-s9CvqRSD.js";import"./button-group-q8QKkLVU.js";import"./toggle-BPI2y-lU.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-nl2rJ9LF.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-4DUPP53K.js";import"./radio-button-jHcwHUA4.js";import"./form-row-bwoDTUga.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-PqLI7NLX.js";import{Default as p,LabelOnLeft as l}from"./field.stories-RmhJ16HT.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-XCXzg5lT.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-AtjhTGyx.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-gM75B7fB.js";import"./field-eknsj_Ll.js";import"./index-VW3EWkuE.js";import"./label-0_Qf6I8t.js";import"./common-types-U65vzrrz.js";import"./help-icon--rUDxLUD.js";import"./tooltip-HEHiU__l.js";import"./icon-y1a2N5SZ.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-u1He-wWs.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-JjEPivho.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-Z9jDWreP.js";import"./button-7V8oA22w.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-s9CvqRSD.js";import"./button-group-q8QKkLVU.js";import"./toggle-BPI2y-lU.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-nl2rJ9LF.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-G-2zTY2v.js";import"./radio-button-jHcwHUA4.js";import"./form-row-bwoDTUga.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
 `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
 `,t.jsx(e.h2,{id:"field",children:"Field"}),`
 `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`

package/dist/storybook/assets/{layout-general-QHIsmA1E.js → layout-general-ZjVDSo7T.js}

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

package/dist/storybook/assets/{list-AFiJglj_.js → list-8l-RGDgw.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as C}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-JXn3JM7k.js";import{C as le}from"./card-0r8RRVk-.js";import{s as r,N as se,M as ie,L as oe}from"./list-heading-aUkU7WVX.js";import{I as k}from"./common-types-U65vzrrz.js";import{D as B}from"./disabled-context-urNQThQz.js";import{A as G}from"./actions-ESle7xCw.js";import{B as F}from"./badge-23Ty_zBt.js";import{I as w}from"./icon-y1a2N5SZ.js";import{L as ce}from"./loader-TGOJBZQG.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const L=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{L.displayName="MetaCount",L.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const M=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(w,{icon:k.CHEVRON_RIGHT})}),e.jsx(se,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{M.displayName="ListSubheading",M.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const de=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:de(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(w,{icon:k.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(w,{icon:k.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(ie,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(M,{ref:f,item:t,index:s},s):x?e.jsx(ae,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:T,infiniteScroll:A,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),I=o.useRef(null),O=A?Math.ceil(window.innerHeight/44):a.items.length,[v,K]=o.useState(O),[Q,U]=o.useState(v<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const W=()=>{if(v>=a.items.length){U(!1);return}const l=O+v;K(l)},X=l=>l.findIndex(h=>h.active===!0),Y=l=>{if(!I.current||!j.current)return;const h=1;if(T&&l>=0){const D=_.current.reduce((S,$,ee)=>ee<l?S+$.clientHeight+h:S,0),q=I.current.clientHeight/2-_.current[l].clientHeight/2,N=D-q;if(t){const S=j.current.clientHeight/2;I.current.scrollTop=N+S}const Z=j.current.clientHeight;I.current.scrollTop=N+Z}};return o.useEffect(()=>{if(T){const l=X(a==null?void 0:a.items);Y(l)}},[I.current,j.current,T]),e.jsx(ne,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,D=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:D})},children:e.jsx(re,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:I,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(le,{bordered:i,padding:!1,children:[!b&&e.jsx(oe,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:A?e.jsx(te,{dataLength:v,next:W,hasMore:Q,scrollableTarget:J||"scrollableDiv",loader:e.jsx(ce,{}),className:r.infiniteScrollContainer,children:e.jsx(H,{draggable:s,items:a.items.slice(0,v),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as o}from"./index-RfLt4OUa.js";import{c as C}from"./index-VW3EWkuE.js";import{P as ae,D as ne,C as re,I as te}from"./index.es-JXn3JM7k.js";import{C as le}from"./card-0r8RRVk-.js";import{s as r,N as se,M as ie,L as oe}from"./list-heading-Vd3hu5Pf.js";import{I as k}from"./common-types-U65vzrrz.js";import{D as B}from"./disabled-context-urNQThQz.js";import{A as G}from"./actions-Z9jDWreP.js";import{B as F}from"./badge-23Ty_zBt.js";import{I as w}from"./icon-y1a2N5SZ.js";import{L as ce}from"./loader-TGOJBZQG.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value,small:a.small})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const L=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"rgba(0,0,0,0.25)",title:a.metaCount}):null;try{L.displayName="MetaCount",L.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:i})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return i&&a.active&&a.content?e.jsx("div",{className:r.itemContent,onClick:c,children:a.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const M=o.forwardRef(({item:a,index:i},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:s,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&i!==void 0&&(c.current[i]=p)},"data-testid":m??null,className:C(r.item,r.heading,f||u?r.disabled:"",b?r.action:""),onClick:p=>{b&&b(p)},title:t,children:e.jsx("div",{children:e.jsxs("div",{className:r.itemHeader,children:[typeof g=="boolean"&&e.jsx("div",{className:C(r.expandIcon,g&&r.expanded),children:e.jsx(w,{icon:k.CHEVRON_RIGHT})}),e.jsx(se,{name:s,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{M.displayName="ListSubheading",M.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const de=(a,i)=>a?{cursor:i.cursor?i.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:i,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,s,n,m,p,y)=>o.createElement("a",{href:n.url,ref:s==null?void 0:s.innerRef,...s.draggableProps,style:de(s.draggableProps,n),className:C(r.item,n.active?r.active:"",n.disabled||g?r.disabled:"",p?r.action:""),onClick:d=>{if(c&&y&&y.onClick&&y.onClick(d,n.id),n.onClick)return n.onClick(d)},key:t,"data-id":t,title:n.title,"data-testid":n.testId},e.jsxs("div",{ref:d=>{f&&"current"in f&&Array.isArray(f.current)&&t!==void 0&&(f.current[t]=d)},style:{paddingLeft:m},children:[e.jsxs("div",{className:r.itemHeader,children:[x&&e.jsx("div",{className:r.drag,...s.dragHandleProps,children:e.jsx(w,{icon:k.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(w,{icon:k.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(ie,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(L,{item:n}),!(n.disabled||g)&&n.actions&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:n.actions})})]})]}),e.jsx(R,{item:n,expanding:i})]}));return e.jsxs(e.Fragment,{children:[a.map((t,s)=>{const n=t.type==="Heading",m=t.actions&&t.actions.find(d=>{var V;return d.label&&((V=String(d.label))==null?void 0:V.toLowerCase())==="edit"}),p=!!(m||t.url||t.onClick),y=t.level&&t.level>1?(t.level-1)*20:0;return n?e.jsx(M,{ref:f,item:t,index:s},s):x?e.jsx(ae,{draggableId:t.id+"",index:s,children:d=>b(s,d,t,y,p,m)},t.id):b(s,u,t,y,p,m)}),u.placeholder]})});try{H.displayName="ListRow",H.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const P=({list:a,bordered:i=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:s=!1,onListReorder:n=()=>{},marginBottom:m=0,height:p,testId:y,scrollDetails:d={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:V,hideScrollbar:z,triggerScrollToActiveItem:T,infiniteScroll:A,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),I=o.useRef(null),O=A?Math.ceil(window.innerHeight/44):a.items.length,[v,K]=o.useState(O),[Q,U]=o.useState(v<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const W=()=>{if(v>=a.items.length){U(!1);return}const l=O+v;K(l)},X=l=>l.findIndex(h=>h.active===!0),Y=l=>{if(!I.current||!j.current)return;const h=1;if(T&&l>=0){const D=_.current.reduce((S,$,ee)=>ee<l?S+$.clientHeight+h:S,0),q=I.current.clientHeight/2-_.current[l].clientHeight/2,N=D-q;if(t){const S=j.current.clientHeight/2;I.current.scrollTop=N+S}const Z=j.current.clientHeight;I.current.scrollTop=N+Z}};return o.useEffect(()=>{if(T){const l=X(a==null?void 0:a.items);Y(l)}},[I.current,j.current,T]),e.jsx(ne,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,D=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:D})},children:e.jsx(re,{droppableId:"droppable",children:(l,h)=>e.jsx("div",{className:C(u?r.narrow:"",V?r.scrollableList:"",z?r.hideScrollbar:""),"data-testid":y,id:"scrollableDiv",style:{height:p,marginBottom:m},ref:I,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(le,{bordered:i,padding:!1,children:[!b&&e.jsx(oe,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,i?r.bordered:""),children:A?e.jsx(te,{dataLength:v,next:W,hasMore:Q,scrollableTarget:J||"scrollableDiv",loader:e.jsx(ce,{}),className:r.infiniteScrollContainer,children:e.jsx(H,{draggable:s,items:a.items.slice(0,v),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:s,items:a.items,expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})})]})})})})})};try{P.displayName="List",P.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
     scrollable: false,
     hideScrollbar: false,
     triggerScrollToActiveItem: false,

package/dist/storybook/assets/{list-heading-aUkU7WVX.js → list-heading-Vd3hu5Pf.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-FsUICBgo.js";import{B as j}from"./badge-23Ty_zBt.js";import{c as u}from"./index-VW3EWkuE.js";import{I as g}from"./icon-y1a2N5SZ.js";import{T as v}from"./tooltip-HEHiU__l.js";import{r as f}from"./index-RfLt4OUa.js";import{I as N}from"./common-types-U65vzrrz.js";import{H as y}from"./heading-Bk0bpNfe.js";import{A as h}from"./actions-ESle7xCw.js";const x="_inputInTable_j55lv_1",b="_inputHover_j55lv_13",I="_inputFocus_j55lv_18",T="_inputError_j55lv_25",w="_inputWarning_j55lv_26",H="_inputDisabled_j55lv_61",C="_hideScrollbars_j55lv_67",V="_header_j55lv_77",q="_headerTitle_j55lv_77",R="_heading_j55lv_78",E="_itemHeader_j55lv_78",k="_narrow_j55lv_81",M="_stickyHeader_j55lv_85",S="_title_j55lv_96",L="_name_j55lv_102",F="_iconTooltipMargin_j55lv_105",W="_bold_j55lv_108",$="_toggleNarrow_j55lv_117",B="_drag_j55lv_135",D="_list_j55lv_155",A="_bordered_j55lv_159",J="_item_j55lv_78",O="_action_j55lv_192",P="_active_j55lv_195",X="_indented_j55lv_202",z="_disabled_j55lv_215",G="_label_j55lv_226",K="_details_j55lv_237",Q="_metadata_j55lv_238",U="_itemContent_j55lv_246",Y="_indentIcon_j55lv_253",Z="_expandIcon_j55lv_258",ee="_expanded_j55lv_265",te="_right_j55lv_268",ae="_actions_j55lv_276",ne="_scrollableList_j55lv_281",oe="_infiniteScrollContainer_j55lv_286",re="_hideScrollbar_j55lv_67",n={inputInTable:x,inputHover:b,inputFocus:I,inputError:T,inputWarning:w,inputDisabled:H,hideScrollbars:C,header:V,headerTitle:q,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:S,name:L,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:ne,infiniteScrollContainer:oe,hideScrollbar:re},c=({name:a,icon:t,testId:l})=>{const o=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(n.name,n.bold),"data-testid":l,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(v,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:l,details:o,metadata:i,invalid:s,testId:r}=a;let d=e.jsx(c,{name:t,icon:l,testId:r&&`${r}-name`});return s&&(d=e.jsx(j,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:n.title,children:[d,o&&e.jsx("span",{className:n.details,"data-testid":r&&`${r}-details`,children:o}),i&&e.jsx("span",{className:n.metadata,"data-testid":r&&`${r}-metadata`,children:i})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(g,{icon:N.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:l=!1,onToggleNarrow:o=()=>{},stickyHeader:i},s)=>e.jsxs("div",{ref:s,className:u(n.header,i?n.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:l,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(y,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(h,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,n as s};
+import{j as e}from"./jsx-runtime-FsUICBgo.js";import{B as j}from"./badge-23Ty_zBt.js";import{c as u}from"./index-VW3EWkuE.js";import{I as g}from"./icon-y1a2N5SZ.js";import{T as v}from"./tooltip-HEHiU__l.js";import{r as f}from"./index-RfLt4OUa.js";import{I as N}from"./common-types-U65vzrrz.js";import{H as y}from"./heading-Bk0bpNfe.js";import{A as h}from"./actions-Z9jDWreP.js";const x="_inputInTable_j55lv_1",b="_inputHover_j55lv_13",I="_inputFocus_j55lv_18",T="_inputError_j55lv_25",w="_inputWarning_j55lv_26",H="_inputDisabled_j55lv_61",C="_hideScrollbars_j55lv_67",V="_header_j55lv_77",q="_headerTitle_j55lv_77",R="_heading_j55lv_78",E="_itemHeader_j55lv_78",k="_narrow_j55lv_81",M="_stickyHeader_j55lv_85",S="_title_j55lv_96",L="_name_j55lv_102",F="_iconTooltipMargin_j55lv_105",W="_bold_j55lv_108",$="_toggleNarrow_j55lv_117",B="_drag_j55lv_135",D="_list_j55lv_155",A="_bordered_j55lv_159",J="_item_j55lv_78",O="_action_j55lv_192",P="_active_j55lv_195",X="_indented_j55lv_202",z="_disabled_j55lv_215",G="_label_j55lv_226",K="_details_j55lv_237",Q="_metadata_j55lv_238",U="_itemContent_j55lv_246",Y="_indentIcon_j55lv_253",Z="_expandIcon_j55lv_258",ee="_expanded_j55lv_265",te="_right_j55lv_268",ae="_actions_j55lv_276",ne="_scrollableList_j55lv_281",oe="_infiniteScrollContainer_j55lv_286",re="_hideScrollbar_j55lv_67",n={inputInTable:x,inputHover:b,inputFocus:I,inputError:T,inputWarning:w,inputDisabled:H,hideScrollbars:C,header:V,headerTitle:q,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:S,name:L,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:ne,infiniteScrollContainer:oe,hideScrollbar:re},c=({name:a,icon:t,testId:l})=>{const o=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(n.name,n.bold),"data-testid":l,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:n.iconTooltipMargin,children:e.jsx(v,{text:t.tooltip.text,maxWidth:"350px",children:o})}):t&&t.icon&&e.jsx("span",{className:n.iconTooltipMargin,children:o})]})};try{c.displayName="Name",c.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:a})=>{const{name:t,icon:l,details:o,metadata:i,invalid:s,testId:r}=a;let d=e.jsx(c,{name:t,icon:l,testId:r&&`${r}-name`});return s&&(d=e.jsx(j,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:n.title,children:[d,o&&e.jsx("span",{className:n.details,"data-testid":r&&`${r}-details`,children:o}),i&&e.jsx("span",{className:n.metadata,"data-testid":r&&`${r}-metadata`,children:i})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:n.toggleNarrow,onClick:t,children:e.jsx(g,{icon:N.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const m=f.forwardRef(({name:a,actions:t=[],toggleNarrow:l=!1,onToggleNarrow:o=()=>{},stickyHeader:i},s)=>e.jsxs("div",{ref:s,className:u(n.header,i?n.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:l,onClickToggleNarrow:o}),a&&e.jsx("div",{className:n.headerTitle,children:e.jsx(y,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:n.right,children:e.jsx("div",{className:n.actions,children:e.jsx(h,{actions:t})})})]}));try{m.displayName="ListHeading",m.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{m as L,p as M,c as N,n as s};

package/dist/storybook/assets/{list.stories-data-diC_-6U8.js → list.stories-data-9RrIjRci.js}

@@ -1 +1 @@
-import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as i,T as c}from"./common-types-U65vzrrz.js";import{F as o}from"./flex-3eLDDUyy.js";import{M as d}from"./actions-ESle7xCw.js";import{I as n}from"./icon-y1a2N5SZ.js";import{M as l}from"./types-VB5zD18b.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{f as a,C as b,y as c,S as d,r as e,k as f,j as g,N as h,E as i,A as j,O as k,h as l,D as m,w as n,T as o};
+import{j as t}from"./jsx-runtime-FsUICBgo.js";import{I as i,T as c}from"./common-types-U65vzrrz.js";import{F as o}from"./flex-3eLDDUyy.js";import{M as d}from"./actions-Z9jDWreP.js";import{I as n}from"./icon-y1a2N5SZ.js";import{M as l}from"./types-VB5zD18b.js";const a=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],g=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],h={items:a},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:a},m={...r,items:p},A={...r,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:["Animals",t.jsx(n,{icon:i.STAR})]}),items:a.map(e=>({...e,name:t.jsxs(o,{gap:"var(--padding-xs)",alignItems:"center",children:[e.name,t.jsx(n,{icon:i.STAR})]})}))};a.map(e=>({...e,actions:[{childComponent:t.jsx(d,{menu:{trigger:c.COMPONENT,component:t.jsx(n,{icon:i.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const C={items:a.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:a.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},j={items:a.map(e=>({...e,label:{value:t.jsx(t.Fragment,{children:" "}),color:"var(--color-text-info)",small:!0}}))},T={...m,items:m.items.map((e,s)=>({...e,label:{value:String(s+1),color:"var(--color-text-info)"}}))},f={items:a.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:a.map((e,s)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${s}`}))},S={items:a.map(e=>({...e,content:t.jsx("div",{children:"Example content element (for show/hide)."})}))},N={items:g},E={items:[...a,{id:4,name:"Dodo",invalid:!0}]},O={items:a.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:t.jsx(t.Fragment,{children:"Tooltip goes here"})}}}))},D={items:a.map(e=>({...e,metaCount:3}))},w={name:"Animals",items:[...Array(50)].map((e,s)=>({id:s,name:`Aardvark #${s+1}`}))};export{f as a,C as b,y as c,S as d,r as e,k as f,j as g,N as h,E as i,A as j,O as k,h as l,D as m,w as n,T as o};