@oliasoft-open-source/react-ui-library 4.0.0-beta-63 → 4.0.0-beta-64

package/dist/storybook/assets/{index-2c7fdfcb.js → index-ccbd9483.js}

@@ -1,4 +1,4 @@
-import{_ as jt}from"./iframe-4747ce8b.js";import{r as b,b as Tl,g as Cn,R as o,c as aa}from"./index-f80c8c95.js";import{r as hs,R as H0}from"./index-3d476d02.js";import{c as bs,_ as Z0,a as kn}from"./inheritsLoose-d4851ab8.js";import{_ as V0}from"./assertThisInitialized-081f9914.js";import{r as ys,s as z0,t as vs,v as q0,i as _n,w as U0,x as W0,y as G0,c as Es,z as xs,A as Y0,B as ws,C as K0,D as X0,E as J0,F as Q0,G as e1,H as t1,I as As,J as r1,K as n1,L as Ss,_ as a1,M as o1,N as l1,O as yo,d as Cs,P as ks,Q as _s,R as i1,U as s1,V as u1,e as c1,S as Rl,p as xe,k as oa,W as Ia}from"./index-97a99495.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,On=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:d1}=__STORYBOOK_MODULE_GLOBAL__,{logger:p1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var f1=Object.create,Os=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,Ts=Object.getOwnPropertyNames,g1=Object.getPrototypeOf,h1=Object.prototype.hasOwnProperty,vo=(e,t)=>function(){return t||(0,e[Ts(e)[0]])((t={exports:{}}).exports,t),t.exports},b1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ts(t))!h1.call(e,a)&&a!==r&&Os(e,a,{get:()=>t[a],enumerable:!(n=m1(t,a))||n.enumerable});return e},Rs=(e,t,r)=>(r=e!=null?f1(g1(e)):{},b1(t||!e||!e.__esModule?Os(r,"default",{value:e,enumerable:!0}):r,e));function wt(){return wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},wt.apply(this,arguments)}function y1(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Sr(e,t){return Sr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Sr(e,t)}function v1(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Sr(e,t)}function Pa(e){return Pa=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Pa(e)}function E1(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function x1(){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 nn(e,t,r){return x1()?nn=Reflect.construct.bind():nn=function(n,a,l){var i=[null];i.push.apply(i,a);var u=Function.bind.apply(n,i),s=new u;return l&&Sr(s,l.prototype),s},nn.apply(null,arguments)}function ja(e){var t=typeof Map=="function"?new Map:void 0;return ja=function(r){if(r===null||!E1(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return nn(r,arguments,Pa(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Sr(n,r)},ja(e)}var w1={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 jt}from"./iframe-a6c416b9.js";import{r as b,b as Tl,g as Cn,R as o,c as aa}from"./index-f80c8c95.js";import{r as hs,R as H0}from"./index-3d476d02.js";import{c as bs,_ as Z0,a as kn}from"./inheritsLoose-d4851ab8.js";import{_ as V0}from"./assertThisInitialized-081f9914.js";import{r as ys,s as z0,t as vs,v as q0,i as _n,w as U0,x as W0,y as G0,c as Es,z as xs,A as Y0,B as ws,C as K0,D as X0,E as J0,F as Q0,G as e1,H as t1,I as As,J as r1,K as n1,L as Ss,_ as a1,M as o1,N as l1,O as yo,d as Cs,P as ks,Q as _s,R as i1,U as s1,V as u1,e as c1,S as Rl,p as xe,k as oa,W as Ia}from"./index-97a99495.js";var He=e=>`control-${e.replace(/\s+/g,"-")}`,On=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:d1}=__STORYBOOK_MODULE_GLOBAL__,{logger:p1}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var f1=Object.create,Os=Object.defineProperty,m1=Object.getOwnPropertyDescriptor,Ts=Object.getOwnPropertyNames,g1=Object.getPrototypeOf,h1=Object.prototype.hasOwnProperty,vo=(e,t)=>function(){return t||(0,e[Ts(e)[0]])((t={exports:{}}).exports,t),t.exports},b1=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ts(t))!h1.call(e,a)&&a!==r&&Os(e,a,{get:()=>t[a],enumerable:!(n=m1(t,a))||n.enumerable});return e},Rs=(e,t,r)=>(r=e!=null?f1(g1(e)):{},b1(t||!e||!e.__esModule?Os(r,"default",{value:e,enumerable:!0}):r,e));function wt(){return wt=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},wt.apply(this,arguments)}function y1(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Sr(e,t){return Sr=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Sr(e,t)}function v1(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,Sr(e,t)}function Pa(e){return Pa=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Pa(e)}function E1(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function x1(){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 nn(e,t,r){return x1()?nn=Reflect.construct.bind():nn=function(n,a,l){var i=[null];i.push.apply(i,a);var u=Function.bind.apply(n,i),s=new u;return l&&Sr(s,l.prototype),s},nn.apply(null,arguments)}function ja(e){var t=typeof Map=="function"?new Map:void 0;return ja=function(r){if(r===null||!E1(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return nn(r,arguments,Pa(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Sr(n,r)},ja(e)}var w1={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;
   }
-`,ve=({icon:e,useSymbol:t,...r})=>o.createElement(pc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?o.createElement("use",{xlinkHref:`#icon--${e}`}):Mr[e]),_g=b.memo(function({icons:e=Object.keys(Mr)}){return o.createElement(pc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>o.createElement("symbol",{id:`icon--${t}`,key:t},Mr[t])))}),Og=0,Tg=e=>e.button===Og&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,Rg=(e,t)=>{Tg(e)&&(e.preventDefault(),t(e))},Fg=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),$g=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),xt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:a,className:l,...i})=>o.createElement($g,{...i,onClick:r&&e?u=>Rg(u,r):r,className:l},o.createElement(Fg,{withArrow:n,containsIcon:a},t,n&&o.createElement(ve,{icon:"arrowright"})));xt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Dg=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.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:e.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 ${e.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 ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.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 ${e.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:e.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 ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),It=[],or=null,Lg=b.lazy(async()=>{let{SyntaxHighlighter:e}=await jt(()=>import("./syntaxhighlighter-NMPM6SWI-e46f153f.js"),["./syntaxhighlighter-NMPM6SWI-e46f153f.js","./iframe-4747ce8b.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return It.length>0&&(It.forEach(t=>{e.registerLanguage(...t)}),It=[]),or===null&&(or=e),{default:t=>o.createElement(e,{...t})}}),Mg=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([jt(()=>import("./syntaxhighlighter-NMPM6SWI-e46f153f.js"),["./syntaxhighlighter-NMPM6SWI-e46f153f.js","./iframe-4747ce8b.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-d279610b.js"),["./formatter-SWP5E3XI-d279610b.js","./iframe-4747ce8b.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url)]);return It.length>0&&(It.forEach(r=>{e.registerLanguage(...r)}),It=[]),or===null&&(or=e),{default:r=>o.createElement(e,{...r,formatter:t})}}),Zn=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},e.format!==!1?o.createElement(Mg,{...e}):o.createElement(Lg,{...e}));Zn.registerLanguage=(...e)=>{if(or!==null){or.registerLanguage(...e);return}It.push(e)};var Bg=e=>typeof e=="number"?e:Number(e),Ig=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ua}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ua}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Pg=({col:e,row:t,outer:r,children:n,...a})=>{let l=Bg(typeof r=="number"||!r?r:e||t);return o.createElement(Ig,{col:e,row:t,outer:l,...a},n)},jg=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Ng=_.div(),Hg=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),fc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return o.createElement(Hg,{...t},o.createElement(jg,null,r),n&&o.createElement(Ng,null,n))},Zg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Vg({scale:e,children:t}){let r=b.useRef(null),[n,a]=b.useState(0),l=b.useCallback(({height:i})=>{i&&a(i/e)},[e]);return b.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Nu({ref:r,onResize:l}),o.createElement(Zg,{scale:e,elementHeight:n},o.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var zg=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return o.createElement(o.Fragment,null,e)}},mc={Element:Vg,IFrame:zg},{document:qg}=Zm,Ug=_.strong(({theme:e})=>({color:e.color.orange})),Wg=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),wi=_.em(({theme:e})=>({color:e.textMutedColor})),Gg=/(Error): (.*)\n/,Yg=/at (?:(.*) )?\(?(.+)\)?/,Kg=/([^@]+)?(?:\/<)?@(.+)?/,Xg=/([^@]+)?@(.+)?/,gc=({error:e})=>{if(!e)return o.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return o.createElement(b.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
+`,ve=({icon:e,useSymbol:t,...r})=>o.createElement(pc,{viewBox:"0 0 14 14",width:"14px",height:"14px",...r},t?o.createElement("use",{xlinkHref:`#icon--${e}`}):Mr[e]),_g=b.memo(function({icons:e=Object.keys(Mr)}){return o.createElement(pc,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},e.map(t=>o.createElement("symbol",{id:`icon--${t}`,key:t},Mr[t])))}),Og=0,Tg=e=>e.button===Og&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,Rg=(e,t)=>{Tg(e)&&(e.preventDefault(),t(e))},Fg=_.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),$g=_.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Kt(.07,e.color.secondary),"svg path:not([fill])":{fill:Kt(.07,e.color.secondary)}},"&:active":{color:Kt(.1,e.color.secondary),"svg path:not([fill])":{fill:Kt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),xt=({cancel:e,children:t,onClick:r,withArrow:n,containsIcon:a,className:l,...i})=>o.createElement($g,{...i,onClick:r&&e?u=>Rg(u,r):r,className:l},o.createElement(Fg,{withArrow:n,containsIcon:a},t,n&&o.createElement(ve,{icon:"arrowright"})));xt.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var Dg=_.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.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:e.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 ${e.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 ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.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 ${e.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:e.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 ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),It=[],or=null,Lg=b.lazy(async()=>{let{SyntaxHighlighter:e}=await jt(()=>import("./syntaxhighlighter-NMPM6SWI-76fb27a6.js"),["./syntaxhighlighter-NMPM6SWI-76fb27a6.js","./iframe-a6c416b9.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return It.length>0&&(It.forEach(t=>{e.registerLanguage(...t)}),It=[]),or===null&&(or=e),{default:t=>o.createElement(e,{...t})}}),Mg=b.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([jt(()=>import("./syntaxhighlighter-NMPM6SWI-76fb27a6.js"),["./syntaxhighlighter-NMPM6SWI-76fb27a6.js","./iframe-a6c416b9.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-c091659a.js"),["./formatter-SWP5E3XI-c091659a.js","./iframe-a6c416b9.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url)]);return It.length>0&&(It.forEach(r=>{e.registerLanguage(...r)}),It=[]),or===null&&(or=e),{default:r=>o.createElement(e,{...r,formatter:t})}}),Zn=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},e.format!==!1?o.createElement(Mg,{...e}):o.createElement(Lg,{...e}));Zn.registerLanguage=(...e)=>{if(or!==null){or.registerLanguage(...e);return}It.push(e)};var Bg=e=>typeof e=="number"?e:Number(e),Ig=_.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Ua}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Ua}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),Pg=({col:e,row:t,outer:r,children:n,...a})=>{let l=Bg(typeof r=="number"||!r?r:e||t);return o.createElement(Ig,{col:e,row:t,outer:l,...a},n)},jg=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),Ng=_.div(),Hg=_.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),fc=({children:e,...t})=>{let[r,n]=b.Children.toArray(e);return o.createElement(Hg,{...t},o.createElement(jg,null,r),n&&o.createElement(Ng,null,n))},Zg=_.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function Vg({scale:e,children:t}){let r=b.useRef(null),[n,a]=b.useState(0),l=b.useCallback(({height:i})=>{i&&a(i/e)},[e]);return b.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Nu({ref:r,onResize:l}),o.createElement(Zg,{scale:e,elementHeight:n},o.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var zg=class extends b.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return o.createElement(o.Fragment,null,e)}},mc={Element:Vg,IFrame:zg},{document:qg}=Zm,Ug=_.strong(({theme:e})=>({color:e.color.orange})),Wg=_.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),wi=_.em(({theme:e})=>({color:e.textMutedColor})),Gg=/(Error): (.*)\n/,Yg=/at (?:(.*) )?\(?(.+)\)?/,Kg=/([^@]+)?(?:\/<)?@(.+)?/,Xg=/([^@]+)?@(.+)?/,gc=({error:e})=>{if(!e)return o.createElement(b.Fragment,null,"This error has no stack or message");if(!e.stack)return o.createElement(b.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
 
-${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Yg)||u.match(Kg)||u.match(Xg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(qg.location.origin,"")}:null}).filter(Boolean);return o.createElement(b.Fragment,null,o.createElement("span",null,n),": ",o.createElement(Ug,null,a),o.createElement("br",null),i.map((u,s)=>u.name?o.createElement(b.Fragment,{key:s},"  ","at ",o.createElement(Wg,null,u.name)," (",o.createElement(wi,null,u.location),")",o.createElement("br",null)):o.createElement(b.Fragment,{key:s},"  ","at ",o.createElement(wi,null,u.location),o.createElement("br",null))))},hc=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"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:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let a;return n?a=e.color.mediumlight:r?a=e.color.secondary:t&&(a=e.color.primary),a?{background:a,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,a)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${ct(a,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ct(a,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?Kt(.02,e.button.background):gg(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${ct(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${ct(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${ct(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let a;return n?a=e.color.secondary:r&&(a=e.color.primary),t&&a?{boxShadow:`${a} 0 0 0 1px inset`,color:a,"svg path:not([fill])":{fill:a},"&:hover":{boxShadow:`${a} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:a,boxShadow:`${a} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.2)} 0 8px 18px 0px`}}:{}}),Jg=hc.withComponent("a"),bc=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?o.createElement(Jg,{...r,ref:n},t):o.createElement(hc,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Qg=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),eh=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),yc=({label:e,children:t,...r})=>o.createElement(Qg,{...r},e?o.createElement(eh,null,o.createElement("span",null,e)):null,t);yc.defaultProps={label:void 0};var Ai=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},th=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ai(r.current,null),r.current=t,t&&Ai(t,n)},[t])},rh=th,nh=function(){},ah=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],oh=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?nh:r;e.onHeightChange;var a=Ro(e,ah);a.value;var l=b.useRef(null),i=rh(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",U({},a,{onChange:n,ref:i}))},lh=b.forwardRef(oh),ih={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},el=({theme:e})=>({...ih,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Vn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},vc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},zn=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},sh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("input",{...n,ref:a})}))(el,Vn,vc,zn,{minHeight:32}),{displayName:"Input"}),uh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("select",{...n,ref:a})}))(el,Vn,zn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ch=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(lh,{...n,ref:a})}))(el,Vn,vc,zn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),dh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(bc,{...n,ref:a})}))(Vn,zn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ph=Object.assign(b.forwardRef(function(e,t){return o.createElement(dh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:yc,Input:sh,Select:uh,Textarea:ch,Button:ph}),fh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-35e2fc27.js"),["./WithTooltip-4HIR6TLV-35e2fc27.js","./iframe-4747ce8b.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),mh=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(fh,{...e})),gh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-35e2fc27.js"),["./WithTooltip-4HIR6TLV-35e2fc27.js","./iframe-4747ce8b.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Ec=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(gh,{...e})),hh=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),bh=_.span(),yh=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),vh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),Eh=_.div({padding:15,width:280,boxSizing:"border-box"}),xc=({title:e,desc:t,links:r})=>o.createElement(Eh,null,o.createElement(vh,null,e&&o.createElement(hh,null,e),t&&o.createElement(bh,null,t)),r&&o.createElement(yh,null,r.map(({title:n,...a})=>o.createElement(xt,{...a,key:n},n))));xc.defaultProps={title:null,desc:null,links:null};var xh=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),wh=({note:e,...t})=>o.createElement(xh,{...t},e),Ah=_(({active:e,loading:t,disabled:r,...n})=>o.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),Sh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Ch=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),kh=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Si=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),_h=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Oh=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),wc=({loading:e,left:t,title:r,center:n,right:a,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:m,...f})=>{let p=Oh(d,c,m),h={active:i,disabled:u},g=typeof l=="string"&&Mr[l];return o.createElement(_h,{...h,...f,...p},l?o.createElement(Si,{...h},g?o.createElement(ve,{icon:l}):l):t&&o.createElement(Si,{...h},t),r||n?o.createElement(Ch,{isIndented:!t&&!l&&s},r&&o.createElement(Ah,{...h,loading:e},r),n&&o.createElement(kh,{...h},n)):null,a&&o.createElement(Sh,{...h},a))};wc.defaultProps={loading:!1,left:null,title:o.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var tl=wc,Th=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Rh=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(m=>{r(m,l)},[r]),d=!!r;return o.createElement(tl,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...d?{onClick:c}:{}})},rl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return o.createElement(Th,null,e.map(({isGatsby:n,...a})=>o.createElement(Rh,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};rl.defaultProps={LinkWrapper:tl.defaultProps.LinkWrapper};var nl=o.forwardRef(({children:e,...t},r)=>t.href!=null?o.createElement("a",{ref:r,...t},e):o.createElement("button",{ref:r,type:"button",...t},e));nl.displayName="ButtonOrLink";var zr=_(nl,{shouldForwardProp:xo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({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:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});zr.displayName="TabButton";var Pt=_(nl,{shouldForwardProp:xo})(()=>({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:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:Nn},"&:focus:not(:focus-visible)":{outline:"none"}});Pt.displayName="IconButton";var Fh=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$h=_.div(()=>({marginTop:6,padding:7,height:28})),Ac=()=>o.createElement($h,null,o.createElement(Fh,null)),no=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});no.displayName="Side";var Dh=({children:e,className:t,scrollable:r})=>r?o.createElement(Po,{vertical:!1,className:t},e):o.createElement("div",{className:t},e),al=_(Dh)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor}  0 -1px 0 0 inset`,background:e.barBg}:{});al.displayName="Bar";var Lh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),qn=({children:e,backgroundColor:t,...r})=>{let[n,a]=b.Children.toArray(e);return o.createElement(al,{...r},o.createElement(Lh,{bgColor:t},o.createElement(no,{scrollable:r.scrollable,left:!0},n),a?o.createElement(no,{right:!0},a):null))};qn.displayName="FlexBar";var Sc=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ci=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>o.createElement(Sc,{active:i,role:"tabpanel"},l)}}),Mh=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Bh=_(zr)(({active:e,theme:t,preActive:r})=>`
+${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(u=>{let s=u.match(Yg)||u.match(Kg)||u.match(Xg);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace(qg.location.origin,"")}:null}).filter(Boolean);return o.createElement(b.Fragment,null,o.createElement("span",null,n),": ",o.createElement(Ug,null,a),o.createElement("br",null),i.map((u,s)=>u.name?o.createElement(b.Fragment,{key:s},"  ","at ",o.createElement(Wg,null,u.name)," (",o.createElement(wi,null,u.location),")",o.createElement("br",null)):o.createElement(b.Fragment,{key:s},"  ","at ",o.createElement(wi,null,u.location),o.createElement("br",null))))},hc=_.button(({small:e,theme:t})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:e?"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:`${e?t.typography.size.s1:t.typography.size.s2-1}px`,fontWeight:t.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:e?12:14,width:e?12:14,verticalAlign:"top",marginRight:e?4:6,marginTop:e?0:-1,marginBottom:e?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled:e})=>e?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon:e,small:t})=>e?{svg:{display:"block",margin:0},...t?{padding:10}:{padding:13}}:{},({theme:e,primary:t,secondary:r,gray:n})=>{let a;return n?a=e.color.mediumlight:r?a=e.color.secondary:t&&(a=e.color.primary),a?{background:a,color:n?e.color.darkest:e.color.lightest,"&:hover":{background:Kt(.05,a)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${ct(a,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${ct(a,.2)} 0 8px 18px 0px`}}:{}},({theme:e,tertiary:t,inForm:r,small:n})=>t?{background:e.button.background,color:e.input.color,boxShadow:`${e.button.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,...r&&n?{padding:"10px 16px"}:{},"&:hover":{background:e.base==="light"?Kt(.02,e.button.background):gg(.03,e.button.background),...r?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:e.button.background},"&:focus":{boxShadow:`${ct(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme:e,outline:t})=>t?{boxShadow:`${Ee(.8,e.color.defaultText)} 0 0 0 1px inset`,color:Ee(.3,e.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${Ee(.5,e.color.defaultText)} 0 0 0 2px inset`,color:Ee(0,e.color.defaultText)}}:{},({theme:e,outline:t,primary:r})=>{let n=e.color.primary;return t&&r?{boxShadow:`${n} 0 0 0 1px inset`,color:n,"svg path:not([fill])":{fill:n},"&:hover":{boxShadow:`${n} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:n,boxShadow:`${n} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${n} 0 0 0 1px inset, ${ct(n,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${n} 0 0 0 1px inset, ${ct(n,.2)} 0 8px 18px 0px`}}:{}},({theme:e,outline:t,primary:r,secondary:n})=>{let a;return n?a=e.color.secondary:r&&(a=e.color.primary),t&&a?{boxShadow:`${a} 0 0 0 1px inset`,color:a,"svg path:not([fill])":{fill:a},"&:hover":{boxShadow:`${a} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:a,boxShadow:`${a} 0 0 0 1px inset`,color:e.color.tertiary},"&:focus":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${a} 0 0 0 1px inset, ${ct(a,.2)} 0 8px 18px 0px`}}:{}}),Jg=hc.withComponent("a"),bc=Object.assign(b.forwardRef(function({isLink:e,children:t,...r},n){return e?o.createElement(Jg,{...r,ref:n},t):o.createElement(hc,{...r,ref:n},t)}),{defaultProps:{isLink:!1}}),Qg=_.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),eh=_.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),yc=({label:e,children:t,...r})=>o.createElement(Qg,{...r},e?o.createElement(eh,null,o.createElement("span",null,e)):null,t);yc.defaultProps={label:void 0};var Ai=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},th=function(e,t){var r=b.useRef();return b.useCallback(function(n){e.current=n,r.current&&Ai(r.current,null),r.current=t,t&&Ai(t,n)},[t])},rh=th,nh=function(){},ah=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],oh=function(e,t){e.cacheMeasurements,e.maxRows,e.minRows;var r=e.onChange,n=r===void 0?nh:r;e.onHeightChange;var a=Ro(e,ah);a.value;var l=b.useRef(null),i=rh(l,t);return b.useRef(0),b.useRef(),b.createElement("textarea",U({},a,{onChange:n,ref:i}))},lh=b.forwardRef(oh),ih={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},el=({theme:e})=>({...ih,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),Vn=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},vc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},zn=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},sh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("input",{...n,ref:a})}))(el,Vn,vc,zn,{minHeight:32}),{displayName:"Input"}),uh=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement("select",{...n,ref:a})}))(el,Vn,zn,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),ch=Object.assign(_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(lh,{...n,ref:a})}))(el,Vn,vc,zn,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),dh=_(b.forwardRef(function({size:e,valid:t,align:r,...n},a){return o.createElement(bc,{...n,ref:a})}))(Vn,zn,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),ph=Object.assign(b.forwardRef(function(e,t){return o.createElement(dh,{...e,tertiary:!0,small:!0,inForm:!0,ref:t})}),{displayName:"Button"}),Ne=Object.assign(_.form({boxSizing:"border-box",width:"100%"}),{Field:yc,Input:sh,Select:uh,Textarea:ch,Button:ph}),fh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-a9b52d42.js"),["./WithTooltip-4HIR6TLV-a9b52d42.js","./iframe-a6c416b9.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltip}))),mh=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(fh,{...e})),gh=b.lazy(()=>jt(()=>import("./WithTooltip-4HIR6TLV-a9b52d42.js"),["./WithTooltip-4HIR6TLV-a9b52d42.js","./iframe-a6c416b9.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url).then(e=>({default:e.WithTooltipPure}))),Ec=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(gh,{...e})),hh=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),bh=_.span(),yh=_.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),vh=_.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),Eh=_.div({padding:15,width:280,boxSizing:"border-box"}),xc=({title:e,desc:t,links:r})=>o.createElement(Eh,null,o.createElement(vh,null,e&&o.createElement(hh,null,e),t&&o.createElement(bh,null,t)),r&&o.createElement(yh,null,r.map(({title:n,...a})=>o.createElement(xt,{...a,key:n},n))));xc.defaultProps={title:null,desc:null,links:null};var xh=_.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),wh=({note:e,...t})=>o.createElement(xh,{...t},e),Ah=_(({active:e,loading:t,disabled:r,...n})=>o.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ee(.7,t.color.defaultText)}:{}),Sh=_.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Ch=_.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),kh=_.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Si=_.span(({active:e,theme:t})=>e?{"& svg":{opacity:1},"& svg path:not([fill])":{fill:t.color.secondary}}:{},()=>({display:"flex",maxWidth:14})),_h=_.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Oh=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),wc=({loading:e,left:t,title:r,center:n,right:a,icon:l,active:i,disabled:u,isIndented:s,href:c,onClick:d,LinkWrapper:m,...f})=>{let p=Oh(d,c,m),h={active:i,disabled:u},g=typeof l=="string"&&Mr[l];return o.createElement(_h,{...h,...f,...p},l?o.createElement(Si,{...h},g?o.createElement(ve,{icon:l}):l):t&&o.createElement(Si,{...h},t),r||n?o.createElement(Ch,{isIndented:!t&&!l&&s},r&&o.createElement(Ah,{...h,loading:e},r),n&&o.createElement(kh,{...h},n)):null,a&&o.createElement(Sh,{...h},a))};wc.defaultProps={loading:!1,left:null,title:o.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var tl=wc,Th=_.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Rh=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:u,active:s}=l,c=b.useCallback(m=>{r(m,l)},[r]),d=!!r;return o.createElement(tl,{title:i,active:s,href:u,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...d?{onClick:c}:{}})},rl=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.left||n.icon);return o.createElement(Th,null,e.map(({isGatsby:n,...a})=>o.createElement(Rh,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};rl.defaultProps={LinkWrapper:tl.defaultProps.LinkWrapper};var nl=o.forwardRef(({children:e,...t},r)=>t.href!=null?o.createElement("a",{ref:r,...t},e):o.createElement("button",{ref:r,type:"button",...t},e));nl.displayName="ButtonOrLink";var zr=_(nl,{shouldForwardProp:xo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme:e})=>({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:e.color.secondary}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent"});zr.displayName="TabButton";var Pt=_(nl,{shouldForwardProp:xo})(()=>({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:e,theme:t})=>e?{backgroundColor:t.background.hoverable,color:t.barSelectedColor}:{},({disabled:e,theme:t})=>e?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:Ee(.88,t.color.secondary),color:t.barHoverColor},"&:focus-visible":{outline:Nn},"&:focus:not(:focus-visible)":{outline:"none"}});Pt.displayName="IconButton";var Fh=_.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$h=_.div(()=>({marginTop:6,padding:7,height:28})),Ac=()=>o.createElement($h,null,o.createElement(Fh,null)),no=_.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});no.displayName="Side";var Dh=({children:e,className:t,scrollable:r})=>r?o.createElement(Po,{vertical:!1,className:t},e):o.createElement("div",{className:t},e),al=_(Dh)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor}  0 -1px 0 0 inset`,background:e.barBg}:{});al.displayName="Bar";var Lh=_.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),qn=({children:e,backgroundColor:t,...r})=>{let[n,a]=b.Children.toArray(e);return o.createElement(al,{...r},o.createElement(Lh,{bgColor:t},o.createElement(no,{scrollable:r.scrollable,left:!0},n),a?o.createElement(no,{right:!0},a):null))};qn.displayName="FlexBar";var Sc=_.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ci=e=>b.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>o.createElement(Sc,{active:i,role:"tabpanel"},l)}}),Mh=_.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Bh=_(zr)(({active:e,theme:t,preActive:r})=>`
     color: ${r||e?t.color.secondary:t.color.mediumdark};
     &:hover {
       color: ${t.color.secondary};
@@ -308,7 +308,7 @@ ${t}`);let r=t.match(Gg);if(!r)return o.createElement(b.Fragment,null,t);let[,n,
             ${Ke(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
             ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, 
             ${$t(.02,e.input.background)} ${(n-t)/(r-t)*100}%, 
-            ${$t(.02,e.input.background)} 100%)`,boxShadow:`${e.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:`${e.input.background}`,border:`1px solid ${dt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),T0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),t9=_(T0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),r9=_.div({display:"flex",alignItems:"center",width:"100%"});function n9(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var a9=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:u})=>{let s=m=>{r(bx(m.target.value))},c=t!==void 0,d=b.useMemo(()=>n9(l),[l]);return o.createElement(r9,null,o.createElement(T0,null,n),o.createElement(e9,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:u,onBlur:i}),o.createElement(t9,{numberOFDecimalsPlaces:d,max:a},c?t.toFixed(d):"--"," / ",a))},o9=_.label({display:"flex"}),l9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),i9=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=m=>{r(m.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return o.createElement(Ne.Button,{id:On(e),onClick:c},"Set string");let d=typeof t=="string";return o.createElement(o9,null,o.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:a}),l&&o.createElement(l9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},s9=_(Ne.Input)({padding:10});function u9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var c9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),u9(n)}return b.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),o.createElement(s9,{ref:a,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},d9=b.lazy(()=>jt(()=>import("./Color-6VNJS4EI-7e423849.js"),["./Color-6VNJS4EI-7e423849.js","./index-f80c8c95.js","./index-97a99495.js","./iframe-4747ce8b.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js"],import.meta.url)),p9=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(d9,{...e})),f9={array:fs,object:fs,boolean:ux,color:p9,date:gx,number:yx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:a9,text:i9,file:c9},ms=()=>o.createElement(o.Fragment,null,"-"),m9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[a]:g}),g),[r,a]),m=b.useCallback(()=>u(!1),[]),f=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):o.createElement(ms,null);let p={name:a,argType:e,value:s.value,onChange:d,onBlur:m,onFocus:f},h=f9[l.type]||ms;return o.createElement(h,{...p,...l,controlType:l.type})},g9=_.span({fontWeight:"bold"}),h9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),b9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...mt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),y9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?4:0})),v9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),E9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),tn=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},m=d.type||n.type,f=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return o.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},o.createElement(E9,{expandable:i},o.createElement(g9,null,s),p?o.createElement(h9,{title:"Required"},"*"):null),l?null:o.createElement("td",null,h&&o.createElement(b9,null,o.createElement(e0,null,c)),d.jsDocTags!=null?o.createElement(o.Fragment,null,o.createElement(v9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u})),o.createElement(X8,{tags:d.jsDocTags})):o.createElement(y9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u}))),l?null:o.createElement("td",null,o.createElement(La,{value:f,initialExpandedArgs:u})),a?o.createElement("td",null,o.createElement(m9,{...e,isHovered:t})):null)},x9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?te(.25,e.color.defaultText):te(.3,e.color.defaultText),border:"none",display:"inline-block"})),w9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),A9=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),S9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),C9=_.td(()=>({position:"relative"})),k9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${$t(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),gs=_.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"})),Ba=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?S9:A9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",m=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return o.createElement(o.Fragment,null,o.createElement(k9,{title:m},o.createElement(u,{colSpan:1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:0},m),o.createElement(w9,null,o.createElement(x9,{icon:d}),t)),o.createElement(C9,{colSpan:a-1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:-1,style:{outline:"none"}},m),l?null:c)),l?r:null)},rn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),ge=[2,4,2,2],_9=()=>o.createElement(o.Fragment,null,o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"})))),O9=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),T9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),R9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),F9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),$9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),D9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),L9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:o.createElement(O9,{inAddonPanel:e},o.createElement(T9,null,o.createElement(R9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),o.createElement(F9,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.")),o.createElement($9,null,e&&o.createElement(o.Fragment,null,o.createElement(xt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},o.createElement(ve,{icon:"video"})," Watch 5m video"),o.createElement(D9,null),o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},M9=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?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)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?te(.25,e.color.defaultText):te(.45,e.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:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.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:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),B9=_(Pt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),I9=_.span({display:"flex",justifyContent:"space-between"}),P9={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},j9=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=P9[t],a=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},N9=(e,t,r)=>{try{return Hm(e,t,r)}catch(n){return y8.warn(n.message),!1}},H9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return o.createElement(g0,null,w," ",o.createElement(xt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return o.createElement(_9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,m=j9(Sy(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&N9(w,c||{},d||{})}),i),f=m.ungrouped.length===0,p=Object.entries(m.sections).length===0,h=Object.entries(m.ungroupedSubsections).length===0;if(f&&p&&h)return o.createElement(L9,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(m.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return o.createElement(Qo,null,o.createElement(M9,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},o.createElement("thead",{className:"docblock-argstable-head"},o.createElement("tr",null,o.createElement("th",null,o.createElement("span",null,"Name")),n?null:o.createElement("th",null,o.createElement("span",null,"Description")),n?null:o.createElement("th",null,o.createElement("span",null,"Default")),t?o.createElement("th",null,o.createElement(I9,null,"Control"," ",!u&&r&&o.createElement(B9,{onClick:()=>r(),title:"Reset controls"},o.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),o.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(w=>o.createElement(tn,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(m.ungroupedSubsections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(m.sections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>o.createElement(Ba,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>o.createElement(tn,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(re,({theme:e})=>({...Qn(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?te(.2,e.color.defaultText):te(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Qn(e),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"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Qn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Z9=e=>`anchor--${e}`,R0=({storyId:e,children:t})=>o.createElement("div",{id:Z9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Ce=$e?$e.__DOCS_CONTEXT__:b.createContext(null),ta=(e,t)=>b.useContext(Ce).resolveOf(e,t);function V9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function z9(e,t){let r=wl([e],t);return r&&r[0]}function wl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}function F0(e){return p8(e)}var $0=b.createContext({sources:{}}),D0="--unknown--",q9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let a=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:m}=typeof l=="string"?{id:l,source:i,format:u}:l,f=c?F0(c):D0;n(p=>({...p,[s]:{...p[s],[f]:{code:d,format:m}}}))};return t.on(Rl,a),()=>t.off(Rl,a)},[]),o.createElement($0.Provider,{value:{sources:r}},e)},U9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(U9||{}),W9=e=>{let t=e.map(r=>{var n,a;return(a=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:a.state}).filter(Boolean);return t.length===0?"closed":t[0]},G9=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[F0(t)])||(a==null?void 0:a[D0])||{code:""}},Y9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,m,f,p;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||oa.AUTO;if(l.code!==void 0)return l.code;let u=i===oa.DYNAMIC||i===oa.AUTO&&e&&a?e:l.originalSource||"";return l.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.source.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 
+            ${$t(.02,e.input.background)} 100%)`,boxShadow:`${e.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:`${e.input.background}`,border:`1px solid ${dt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),T0=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),t9=_(T0)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),r9=_.div({display:"flex",alignItems:"center",width:"100%"});function n9(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var a9=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:u})=>{let s=m=>{r(bx(m.target.value))},c=t!==void 0,d=b.useMemo(()=>n9(l),[l]);return o.createElement(r9,null,o.createElement(T0,null,n),o.createElement(e9,{id:He(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:u,onBlur:i}),o.createElement(t9,{numberOFDecimalsPlaces:d,max:a},c?t.toFixed(d):"--"," / ",a))},o9=_.label({display:"flex"}),l9=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),i9=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=m=>{r(m.target.value)},[u,s]=b.useState(!1),c=b.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return o.createElement(Ne.Button,{id:On(e),onClick:c},"Set string");let d=typeof t=="string";return o.createElement(o9,null,o.createElement(Ne.Textarea,{id:He(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:d?null:"error",name:e,value:d?t:"",onFocus:n,onBlur:a}),l&&o.createElement(l9,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},s9=_(Ne.Input)({padding:10});function u9(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var c9=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=b.useRef(null);function l(i){if(!i.target.files)return;let u=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(u),u9(n)}return b.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),o.createElement(s9,{ref:a,id:He(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},d9=b.lazy(()=>jt(()=>import("./Color-6VNJS4EI-785c625c.js"),["./Color-6VNJS4EI-785c625c.js","./index-f80c8c95.js","./index-97a99495.js","./iframe-a6c416b9.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js"],import.meta.url)),p9=e=>o.createElement(b.Suspense,{fallback:o.createElement("div",null)},o.createElement(d9,{...e})),f9={array:fs,object:fs,boolean:ux,color:p9,date:gx,number:yx,check:Gt,"inline-check":Gt,radio:Gt,"inline-radio":Gt,select:Gt,"multi-select":Gt,range:a9,text:i9,file:c9},ms=()=>o.createElement(o.Fragment,null,"-"),m9=({row:e,arg:t,updateArgs:r,isHovered:n})=>{let{key:a,control:l}=e,[i,u]=b.useState(!1),[s,c]=b.useState({value:t});b.useEffect(()=>{i||c({value:t})},[i,t]);let d=b.useCallback(g=>(c({value:g}),r({[a]:g}),g),[r,a]),m=b.useCallback(()=>u(!1),[]),f=b.useCallback(()=>u(!0),[]);if(!l||l.disable)return n?o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):o.createElement(ms,null);let p={name:a,argType:e,value:s.value,onChange:d,onBlur:m,onFocus:f},h=f9[l.type]||ms;return o.createElement(h,{...p,...l,controlType:l.type})},g9=_.span({fontWeight:"bold"}),h9=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),b9=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...mt({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),y9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?4:0})),v9=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?te(.1,e.color.defaultText):te(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),E9=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),tn=e=>{var g;let[t,r]=b.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:u}=e,{name:s,description:c}=n,d=n.table||{},m=d.type||n.type,f=d.defaultValue||n.defaultValue,p=(g=n.type)==null?void 0:g.required,h=c!=null&&c!=="";return o.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},o.createElement(E9,{expandable:i},o.createElement(g9,null,s),p?o.createElement(h9,{title:"Required"},"*"):null),l?null:o.createElement("td",null,h&&o.createElement(b9,null,o.createElement(e0,null,c)),d.jsDocTags!=null?o.createElement(o.Fragment,null,o.createElement(v9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u})),o.createElement(X8,{tags:d.jsDocTags})):o.createElement(y9,{hasDescription:h},o.createElement(La,{value:m,initialExpandedArgs:u}))),l?null:o.createElement("td",null,o.createElement(La,{value:f,initialExpandedArgs:u})),a?o.createElement("td",null,o.createElement(m9,{...e,isHovered:t})):null)},x9=_(ve)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?te(.25,e.color.defaultText):te(.3,e.color.defaultText),border:"none",display:"inline-block"})),w9=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),A9=_.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),S9=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),C9=_.td(()=>({position:"relative"})),k9=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${$t(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),gs=_.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"})),Ba=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=b.useState(n),u=e==="subsection"?S9:A9,s=(r==null?void 0:r.length)||0,c=e==="subsection"?`${s} item${s!==1?"s":""}`:"",d=l?"arrowdown":"arrowright",m=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return o.createElement(o.Fragment,null,o.createElement(k9,{title:m},o.createElement(u,{colSpan:1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:0},m),o.createElement(w9,null,o.createElement(x9,{icon:d}),t)),o.createElement(C9,{colSpan:a-1},o.createElement(gs,{onClick:f=>i(!l),tabIndex:-1,style:{outline:"none"}},m),l?null:c)),l?r:null)},rn=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),me=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=_.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),ge=[2,4,2,2],_9=()=>o.createElement(o.Fragment,null,o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"}))),o.createElement(rn,null,o.createElement(me,{numColumn:ge[0]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[1]},o.createElement(ie,{width:"80%"}),o.createElement(ie,{width:"30%"})),o.createElement(me,{numColumn:ge[2]},o.createElement(ie,{width:"60%"})),o.createElement(me,{numColumn:ge[3]},o.createElement(ie,{width:"60%"})))),O9=_.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),T9=_.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),R9=_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textColor})),F9=_.div(({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s2-1,textAlign:"center",color:e.textMutedColor})),$9=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),D9=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),L9=({inAddonPanel:e})=>{let[t,r]=b.useState(!0);return b.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:o.createElement(O9,{inAddonPanel:e},o.createElement(T9,null,o.createElement(R9,null,e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated"),o.createElement(F9,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.")),o.createElement($9,null,e&&o.createElement(o.Fragment,null,o.createElement(xt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},o.createElement(ve,{icon:"video"})," Watch 5m video"),o.createElement(D9,null),o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Read docs")),!e&&o.createElement(xt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Learn how to set that up")))},M9=_.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?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)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?te(.25,e.color.defaultText):te(.45,e.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:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.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:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),B9=_(Pt)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),I9=_.span({display:"flex",justifyContent:"space-between"}),P9={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},j9=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:u,subcategory:s}=(i==null?void 0:i.table)||{};if(u){let c=r.sections[u]||{ungrouped:[],subsections:{}};if(!s)c.ungrouped.push({key:l,...i});else{let d=c.subsections[s]||[];d.push({key:l,...i}),c.subsections[s]=d}r.sections[u]=c}else if(s){let c=r.ungroupedSubsections[s]||[];c.push({key:l,...i}),r.ungroupedSubsections[s]=c}else r.ungrouped.push({key:l,...i})});let n=P9[t],a=l=>n?Object.keys(l).reduce((i,u)=>({...i,[u]:l[u].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},N9=(e,t,r)=>{try{return Hm(e,t,r)}catch(n){return y8.warn(n.message),!1}},H9=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:u}=e;if("error"in e){let{error:w}=e;return o.createElement(g0,null,w," ",o.createElement(xt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"))}if(u)return o.createElement(_9,null);let{rows:s,args:c,globals:d}="rows"in e&&e,m=j9(Sy(s,w=>{var v;return!((v=w==null?void 0:w.table)!=null&&v.disable)&&N9(w,c||{},d||{})}),i),f=m.ungrouped.length===0,p=Object.entries(m.sections).length===0,h=Object.entries(m.ungroupedSubsections).length===0;if(f&&p&&h)return o.createElement(L9,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let x=Object.keys(m.sections).length>0,y={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return o.createElement(Qo,null,o.createElement(M9,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},o.createElement("thead",{className:"docblock-argstable-head"},o.createElement("tr",null,o.createElement("th",null,o.createElement("span",null,"Name")),n?null:o.createElement("th",null,o.createElement("span",null,"Description")),n?null:o.createElement("th",null,o.createElement("span",null,"Default")),t?o.createElement("th",null,o.createElement(I9,null,"Control"," ",!u&&r&&o.createElement(B9,{onClick:()=>r(),title:"Reset controls"},o.createElement(ve,{icon:"undo","aria-hidden":!0})))):null)),o.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(w=>o.createElement(tn,{key:w.key,row:w,arg:c&&c[w.key],...y})),Object.entries(m.ungroupedSubsections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"subsection",colSpan:g},v.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],expandable:x,...y})))),Object.entries(m.sections).map(([w,v])=>o.createElement(Ba,{key:w,label:w,level:"section",colSpan:g},v.ungrouped.map(E=>o.createElement(tn,{key:E.key,row:E,arg:c&&c[E.key],...y})),Object.entries(v.subsections).map(([E,A])=>o.createElement(Ba,{key:E,label:E,level:"subsection",colSpan:g},A.map(S=>o.createElement(tn,{key:S.key,row:S,arg:c&&c[S.key],expandable:x,...y})))))))))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(re,({theme:e})=>({...Qn(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?te(.2,e.color.defaultText):te(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Qn(e),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"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?te(.4,e.color.defaultText):te(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Qn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Z9=e=>`anchor--${e}`,R0=({storyId:e,children:t})=>o.createElement("div",{id:Z9(e),className:"sb-anchor"},t);$e&&$e.__DOCS_CONTEXT__===void 0&&($e.__DOCS_CONTEXT__=b.createContext(null),$e.__DOCS_CONTEXT__.displayName="DocsContext");var Ce=$e?$e.__DOCS_CONTEXT__:b.createContext(null),ta=(e,t)=>b.useContext(Ce).resolveOf(e,t);function V9(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function z9(e,t){let r=wl([e],t);return r&&r[0]}function wl(e,t){let[r,n]=b.useState({});return b.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}function F0(e){return p8(e)}var $0=b.createContext({sources:{}}),D0="--unknown--",q9=({children:e,channel:t})=>{let[r,n]=b.useState({});return b.useEffect(()=>{let a=(l,i=null,u=!1)=>{let{id:s,args:c=void 0,source:d,format:m}=typeof l=="string"?{id:l,source:i,format:u}:l,f=c?F0(c):D0;n(p=>({...p,[s]:{...p[s],[f]:{code:d,format:m}}}))};return t.on(Rl,a),()=>t.off(Rl,a)},[]),o.createElement($0.Provider,{value:{sources:r}},e)},U9=(e=>(e.OPEN="open",e.CLOSED="closed",e.NONE="none",e))(U9||{}),W9=e=>{let t=e.map(r=>{var n,a;return(a=(n=r.parameters.docs)==null?void 0:n.source)==null?void 0:a.state}).filter(Boolean);return t.length===0?"closed":t[0]},G9=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[F0(t)])||(a==null?void 0:a[D0])||{code:""}},Y9=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,c,d,m,f,p;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||oa.AUTO;if(l.code!==void 0)return l.code;let u=i===oa.DYNAMIC||i===oa.AUTO&&e&&a?e:l.originalSource||"";return l.transformSource&&pe(xe`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
   `),(c=t.parameters.docs)!=null&&c.transformSource&&pe(xe`The \`transformSource\` parameter at \`parameters.docs.transformSource\` is deprecated, please use \`parameters.docs.source.transform\` instead. 

package/dist/storybook/assets/{index.es-ed1d81bc.js → index.es-648fc14e.js}

@@ -1,4 +1,4 @@
-import{R as T,r as S,g as Ga}from"./index-f80c8c95.js";import{a as w,_ as xn}from"./inheritsLoose-d4851ab8.js";import{b as Ft,c as Wa,a as $a,d as Ua}from"./redux-10ee6be7.js";import{r as Ha,R as ka}from"./index-3d476d02.js";import{m as G}from"./memoize-one.esm-52518564.js";import{_ as or}from"./icon-c5e1f218.js";var Sn=T.createContext(null);function qa(e){e()}var In=qa,Va=function(r){return In=r},za=function(){return In};function ja(){var e=za(),r=null,t=null;return{clear:function(){r=null,t=null},notify:function(){e(function(){for(var a=r;a;)a.callback(),a=a.next})},get:function(){for(var a=[],i=r;i;)a.push(i),i=i.next;return a},subscribe:function(a){var i=!0,o=t={callback:a,next:null,prev:t};return o.prev?o.prev.next=o:r=o,function(){!i||r===null||(i=!1,o.next?o.next.prev=o.prev:t=o.prev,o.prev?o.prev.next=o.next:r=o.next)}}}}var Gt={notify:function(){},get:function(){return[]}};function Cn(e,r){var t,n=Gt;function a(u){return s(),n.subscribe(u)}function i(){n.notify()}function o(){p.onStateChange&&p.onStateChange()}function l(){return!!t}function s(){t||(t=r?r.addNestedSub(o):e.subscribe(o),n=ja())}function d(){t&&(t(),t=void 0,n.clear(),n=Gt)}var p={addNestedSub:a,notifyNestedSubs:i,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:d,getListeners:function(){return n}};return p}var wn=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?S.useLayoutEffect:S.useEffect;function Ya(e){var r=e.store,t=e.context,n=e.children,a=S.useMemo(function(){var l=Cn(r);return{store:r,subscription:l}},[r]),i=S.useMemo(function(){return r.getState()},[r]);wn(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),i!==r.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,i]);var o=t||Sn;return T.createElement(o.Provider,{value:a},n)}var En={exports:{}},O={};/** @license React v16.13.1
+import{R as T,r as S,g as Ga}from"./index-f80c8c95.js";import{a as w,_ as xn}from"./inheritsLoose-d4851ab8.js";import{b as Ft,c as Wa,a as $a,d as Ua}from"./redux-10ee6be7.js";import{r as Ha,R as ka}from"./index-3d476d02.js";import{m as G}from"./memoize-one.esm-52518564.js";import{_ as or}from"./icon-ba53aa84.js";var Sn=T.createContext(null);function qa(e){e()}var In=qa,Va=function(r){return In=r},za=function(){return In};function ja(){var e=za(),r=null,t=null;return{clear:function(){r=null,t=null},notify:function(){e(function(){for(var a=r;a;)a.callback(),a=a.next})},get:function(){for(var a=[],i=r;i;)a.push(i),i=i.next;return a},subscribe:function(a){var i=!0,o=t={callback:a,next:null,prev:t};return o.prev?o.prev.next=o:r=o,function(){!i||r===null||(i=!1,o.next?o.next.prev=o.prev:t=o.prev,o.prev?o.prev.next=o.next:r=o.next)}}}}var Gt={notify:function(){},get:function(){return[]}};function Cn(e,r){var t,n=Gt;function a(u){return s(),n.subscribe(u)}function i(){n.notify()}function o(){p.onStateChange&&p.onStateChange()}function l(){return!!t}function s(){t||(t=r?r.addNestedSub(o):e.subscribe(o),n=ja())}function d(){t&&(t(),t=void 0,n.clear(),n=Gt)}var p={addNestedSub:a,notifyNestedSubs:i,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:d,getListeners:function(){return n}};return p}var wn=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?S.useLayoutEffect:S.useEffect;function Ya(e){var r=e.store,t=e.context,n=e.children,a=S.useMemo(function(){var l=Cn(r);return{store:r,subscription:l}},[r]),i=S.useMemo(function(){return r.getState()},[r]);wn(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),i!==r.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,i]);var o=t||Sn;return T.createElement(o.Provider,{value:a},n)}var En={exports:{}},O={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/dist/storybook/assets/{input-group.stories-f1639317.js → input-group.stories-77f30f4e.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{T as x}from"./common-types-2c81813f.js";import{I as s}from"./input-group-20c3add3.js";import{I as h}from"./input-group-addon-f8f6683a.js";import{I as M}from"./input-d68625a5.js";import{B as C}from"./button-e6a6c574.js";import{M as f}from"./actions-46447905.js";import{S as I}from"./select-6b6d28f7.js";import{T as P}from"./tooltip-23e84186.js";import{M as o}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./badge-3abf067b.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./index-3d476d02.js";const ee={title:"Forms/InputGroup",component:s,args:{}},t=i=>e.jsxs(s,{...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=t.bind({}),a=t.bind({});a.args={width:"480px"};const l=t.bind({});l.args={small:!0};const r=()=>e.jsxs(s,{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-f961835c.js";import{T as x}from"./common-types-2c81813f.js";import{I as s}from"./input-group-20c3add3.js";import{I as h}from"./input-group-addon-f8f6683a.js";import{I as M}from"./input-d68625a5.js";import{B as C}from"./button-2f702fe9.js";import{M as f}from"./actions-6df5b8ae.js";import{S as I}from"./select-c02c4802.js";import{T as P}from"./tooltip-23e84186.js";import{M as o}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./badge-3abf067b.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./index-3d476d02.js";const ee={title:"Forms/InputGroup",component:s,args:{}},t=i=>e.jsxs(s,{...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=t.bind({}),a=t.bind({});a.args={width:"480px"};const l=t.bind({});l.args={small:!0};const r=()=>e.jsxs(s,{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-c3bcbb50.js → input-validation-8fcc7825.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-2c7fdfcb.js";import{NonExistentValue as a,Error as l}from"./select.stories-0a40fa24.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4747ce8b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./select-6b6d28f7.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-46447905.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-ccbd9483.js";import{NonExistentValue as a,Error as l}from"./select.stories-14574122.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-a6c416b9.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./select-c02c4802.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-23e84186.js";import"./index-c89a1915.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-6df5b8ae.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./icon-ba53aa84.js";import"./tslib.es6-dfef685f.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`

package/dist/storybook/assets/{inputs-5a06878b.js → inputs-e75d4b65.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-2c7fdfcb.js";import{Default as l}from"./button.stories-f616a5a7.js";import{Default as a}from"./check-box.stories-73c79421.js";import{Default as c}from"./file-input.stories-fdaa75a4.js";import{Default as d,Date as p}from"./input.stories-164d93ab.js";import{Default as h}from"./number-input.stories-b4db5a5c.js";import{Default as u}from"./option-dropdown.stories-4d10db5b.js";import{Default as m}from"./radio-button.stories-d74ed901.js";import{Native as f,Default as x}from"./select.stories-0a40fa24.js";import{Default as j}from"./slider.stories-818bdffe.js";import{Default as b}from"./textarea.stories-08906cd1.js";import{Default as g}from"./toggle.stories-05bf43ff.js";import{u as i}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4747ce8b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-89b67483.js";import"./button-e6a6c574.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./check-box-73be452f.js";import"./help-icon-5be78589.js";import"./input-group-20c3add3.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./types-fe05eeca.js";import"./textarea-51869bed.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-6b6d28f7.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-46447905.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-266c81ed.js";import"./slider-cf2db7b4.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-de8e437a.js";function s(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},i(),o.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Inputs"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-ccbd9483.js";import{Default as l}from"./button.stories-1d54d8b8.js";import{Default as a}from"./check-box.stories-c6f43998.js";import{Default as c}from"./file-input.stories-1f9a2195.js";import{Default as d,Date as p}from"./input.stories-164d93ab.js";import{Default as h}from"./number-input.stories-7709a9af.js";import{Default as u}from"./option-dropdown.stories-9142662c.js";import{Default as m}from"./radio-button.stories-759b6817.js";import{Native as f,Default as x}from"./select.stories-14574122.js";import{Default as j}from"./slider.stories-05a59e61.js";import{Default as b}from"./textarea.stories-4b85aa60.js";import{Default as g}from"./toggle.stories-c613e78d.js";import{u as i}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-a6c416b9.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-47732c42.js";import"./button-2f702fe9.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-ba53aa84.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./check-box-aafd2a32.js";import"./help-icon-3265d994.js";import"./input-group-20c3add3.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./types-5985eb3b.js";import"./textarea-54dd1c9a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-c02c4802.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-6df5b8ae.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-f3d67950.js";import"./slider-0bcc1397.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-577adc3a.js";function s(o){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},i(),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/{label-0958ef3a.js → label-633a77ac.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{I as a}from"./common-types-2c81813f.js";import{H as n}from"./help-icon-5be78589.js";const b="_label_18pfe_1",v="_labelLeft_18pfe_5",x="_icons_18pfe_13",i={label:b,labelLeft:v,icons:x},u=({label:s=null,width:c="auto",helpText:o="",helpTextMaxWidth:p="300px",onClickHelp:r=void 0,lock:e={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:d,libraryIcon:l,labelLeft:f=!1})=>t.jsx("div",{className:m(i.label,f?i.labelLeft:""),children:t.jsxs("label",{style:{width:c||""},children:[s,t.jsxs("div",{className:i.icons,children:[(o||r)&&t.jsx(n,{text:o,onClick:r,maxWidth:p}),d&&t.jsx(n,{text:d,icon:a.INFO}),e&&e.visible&&e.onClick&&t.jsx(n,{onClick:e.onClick,icon:e.active?a.LOCK:a.UNLOCK,active:e.active,testId:e.testId}),l&&t.jsx(n,{text:(l==null?void 0:l.tooltip)??"",onClick:l.onClick,icon:a.LIBRARY})]})]})});try{u.displayName="Label",u.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:{value:"null"},description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpText:{defaultValue:{value:""},description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:{value:"undefined"},description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
+import{j as t}from"./jsx-runtime-f961835c.js";import{c as m}from"./index-a80ed1cf.js";import{I as a}from"./common-types-2c81813f.js";import{H as n}from"./help-icon-3265d994.js";const b="_label_18pfe_1",v="_labelLeft_18pfe_5",x="_icons_18pfe_13",i={label:b,labelLeft:v,icons:x},u=({label:s=null,width:c="auto",helpText:o="",helpTextMaxWidth:p="300px",onClickHelp:r=void 0,lock:e={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:d,libraryIcon:l,labelLeft:f=!1})=>t.jsx("div",{className:m(i.label,f?i.labelLeft:""),children:t.jsxs("label",{style:{width:c||""},children:[s,t.jsxs("div",{className:i.icons,children:[(o||r)&&t.jsx(n,{text:o,onClick:r,maxWidth:p}),d&&t.jsx(n,{text:d,icon:a.INFO}),e&&e.visible&&e.onClick&&t.jsx(n,{onClick:e.onClick,icon:e.active?a.LOCK:a.UNLOCK,active:e.active,testId:e.testId}),l&&t.jsx(n,{text:(l==null?void 0:l.tooltip)??"",onClick:l.onClick,icon:a.LIBRARY})]})]})});try{u.displayName="Label",u.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:{value:"null"},description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpText:{defaultValue:{value:""},description:"",name:"helpText",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"TStringOrNumber"}},width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:{value:"undefined"},description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
     visible: false,
     active: false,
     onClick: () => {},

package/dist/storybook/assets/{label.stories-2bb345fe.js → label.stories-45af4055.js}

@@ -1,4 +1,4 @@
-import{j}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{L as p}from"./label-0958ef3a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-5be78589.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-c5e1f218.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const J={title:"Forms/Label",component:p,args:{label:"Label"}},t=e=>j.jsx(p,{...e}),c=t.bind({}),o=t.bind({});o.args={helpText:"Tooltip goes here"};const r=t.bind({});r.args={onClickHelp:()=>{}};const s=t.bind({});s.args={info:"Info goes here"};const l=()=>{const[e,v]=E.useState(!1),y=()=>v(!e);return j.jsx(p,{label:"Label",lock:{visible:!0,active:e,onClick:y,tooltip:e?"Unlock":"Lock",testId:"testId"}})},a=t.bind({});a.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var i,n,m;c.parameters={...c.parameters,docs:{...(i=c.parameters)==null?void 0:i.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(n=c.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};var d,b,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var L,u,k;r.parameters={...r.parameters,docs:{...(L=r.parameters)==null?void 0:L.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(k=(u=r.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var I,f,x;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,T,h;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
+import{j}from"./jsx-runtime-f961835c.js";import{r as E}from"./index-f80c8c95.js";import{L as p}from"./label-633a77ac.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./help-icon-3265d994.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-ba53aa84.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";const J={title:"Forms/Label",component:p,args:{label:"Label"}},t=e=>j.jsx(p,{...e}),c=t.bind({}),o=t.bind({});o.args={helpText:"Tooltip goes here"};const r=t.bind({});r.args={onClickHelp:()=>{}};const s=t.bind({});s.args={info:"Info goes here"};const l=()=>{const[e,v]=E.useState(!1),y=()=>v(!e);return j.jsx(p,{label:"Label",lock:{visible:!0,active:e,onClick:y,tooltip:e?"Unlock":"Lock",testId:"testId"}})},a=t.bind({});a.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var i,n,m;c.parameters={...c.parameters,docs:{...(i=c.parameters)==null?void 0:i.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(n=c.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};var d,b,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var L,u,k;r.parameters={...r.parameters,docs:{...(L=r.parameters)==null?void 0:L.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(k=(u=r.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var I,f,x;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,T,h;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
   const [locked, setLocked] = useState(false);
   const handleToggleLock = () => setLocked(!locked);
   return <Label label="Label" lock={{

package/dist/storybook/assets/{layout-forms-c9e86a8f.js → layout-forms-f21211ff.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-2c7fdfcb.js";import{Default as l,LabelOnLeft as p}from"./field.stories-e16591f8.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-efbb43c3.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4747ce8b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./field-2424dd3c.js";import"./index-a80ed1cf.js";import"./label-0958ef3a.js";import"./common-types-2c81813f.js";import"./help-icon-5be78589.js";import"./tooltip-23e84186.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-ad1f5f1d.js";import"./select-6b6d28f7.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-46447905.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./check-box-73be452f.js";import"./button-group-3d4e2165.js";import"./toggle-de8e437a.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-cf2db7b4.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-51869bed.js";import"./radio-button-266c81ed.js";import"./form-row-19dd7f6e.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
+import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-ccbd9483.js";import{Default as l,LabelOnLeft as p}from"./field.stories-99c661de.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-2e64b9e6.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-a6c416b9.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./field-efabf62f.js";import"./index-a80ed1cf.js";import"./label-633a77ac.js";import"./common-types-2c81813f.js";import"./help-icon-3265d994.js";import"./tooltip-23e84186.js";import"./icon-ba53aa84.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./text-ad1f5f1d.js";import"./select-c02c4802.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-6df5b8ae.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./badge-3abf067b.js";import"./select.input-88b6ebab.js";import"./check-box-aafd2a32.js";import"./button-group-5e40b8e3.js";import"./toggle-577adc3a.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-0bcc1397.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-54dd1c9a.js";import"./radio-button-f3d67950.js";import"./form-row-19dd7f6e.js";function r(i){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),i.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
 `,t.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
 `,t.jsx(e.h2,{id:"field",children:"Field"}),`
 `,t.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(e.code,{children:"label"})," for other default styling."]}),`

package/dist/storybook/assets/{layout-general-a4a824bb.js → layout-general-52d72908.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-2c7fdfcb.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-a3bf4830.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-7237f286.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-4747ce8b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-89b67483.js";import"./button-e6a6c574.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2f12e486.js";import"./heading-61bdbf94.js";import"./help-icon-5be78589.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-ccbd9483.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-14a4810e.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-bf68df4a.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-a70f54bf.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-a6c416b9.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./flex-47732c42.js";import"./button-2f702fe9.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-ba53aa84.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./text-ad1f5f1d.js";import"./grid-3b729f81.js";import"./styled-components.browser.esm-416d73e5.js";import"./card-3847c251.js";import"./row-2f12e486.js";import"./heading-18a1d4cf.js";import"./help-icon-3265d994.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
 `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
 `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
 `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`

package/dist/storybook/assets/{list-5907161b.js → list-cfb04cf7.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{r as o}from"./index-f80c8c95.js";import{c as C}from"./index-a80ed1cf.js";import{P as ne,D as re,C as te,I as le}from"./index.es-ed1d81bc.js";import{C as ie}from"./card-3847c251.js";import{s as r,N as se,M as oe,L as ce}from"./list-heading-f1ceab8b.js";import{I as w}from"./common-types-2c81813f.js";import{D as B}from"./disabled-context-d654f6ff.js";import{A as G}from"./actions-46447905.js";import{B as F}from"./badge-3abf067b.js";import{I as T}from"./icon-c5e1f218.js";import{L as de}from"./loader-87ec8334.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const S=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"var(--color-text-faint)",title:a.metaCount}):null;try{S.displayName="MetaCount",S.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:s})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return s&&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 A=o.forwardRef(({item:a,index:s},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:i,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&s!==void 0&&(c.current[s]=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(T,{icon:w.CHEVRON_RIGHT})}),e.jsx(se,{name:i,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{A.displayName="ListSubheading",A.__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 ue=(a,s)=>a?{cursor:s.cursor?s.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:s,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,i,n,m,p,y)=>o.createElement("a",{href:n.url,ref:i==null?void 0:i.innerRef,...i.draggableProps,style:ue(i.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,...i.dragHandleProps,children:e.jsx(T,{icon:w.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(T,{icon:w.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(oe,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{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:s})]}));return e.jsxs(e.Fragment,{children:[a.map((t,i)=>{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(A,{ref:f,item:t,index:i},i):x?e.jsx(ne,{draggableId:t.id+"",index:i,children:d=>b(i,d,t,y,p,m)},t.id):b(i,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"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}}}}}catch{}const P=({list:a,bordered:s=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:i=!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:D,infiniteScroll:M,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),v=o.useRef(null),K=44,O=M?Math.ceil(window.innerHeight/K):a.items.length,[I,Q]=o.useState(O),[U,W]=o.useState(I<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const X=()=>{if(I>=a.items.length){W(!1);return}const l=O+I;Q(l)},Y=l=>l.findIndex(h=>h.active===!0),Z=l=>{if(!v.current||!j.current)return;const h=1;if(D&&l>=0){const k=_.current.reduce((L,ee,ae)=>ae<l?L+ee.clientHeight+h:L,0),q=v.current.clientHeight/2-_.current[l].clientHeight/2,N=k-q;if(t){const L=j.current.clientHeight/2;v.current.scrollTop=N+L}const $=j.current.clientHeight;v.current.scrollTop=N+$}};return o.useEffect(()=>{if(D){const l=Y(a==null?void 0:a.items);Z(l)}},[v.current,j.current,D]),e.jsx(re,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,k=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:k})},children:e.jsx(te,{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:v,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(ie,{bordered:s,padding:!1,children:[!b&&e.jsx(ce,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,s?r.bordered:""),children:M?e.jsx(le,{dataLength:I,next:X,hasMore:U,scrollableTarget:J||"scrollableDiv",loader:e.jsx(de,{}),children:e.jsx(H,{draggable:i,items:a.items.slice(0,I),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:i,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-f961835c.js";import{r as o}from"./index-f80c8c95.js";import{c as C}from"./index-a80ed1cf.js";import{P as ne,D as re,C as te,I as le}from"./index.es-648fc14e.js";import{C as ie}from"./card-3847c251.js";import{s as r,N as se,M as oe,L as ce}from"./list-heading-5f9bef91.js";import{I as w}from"./common-types-2c81813f.js";import{D as B}from"./disabled-context-d654f6ff.js";import{A as G}from"./actions-6df5b8ae.js";import{B as F}from"./badge-3abf067b.js";import{I as T}from"./icon-ba53aa84.js";import{L as de}from"./loader-87ec8334.js";const E=({label:a})=>a?e.jsx("span",{className:r.label,children:e.jsx(F,{color:a.color,title:a.value})}):null;try{E.displayName="Label",E.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const S=({item:a})=>a.metaCount!==void 0?e.jsx(F,{color:"var(--color-text-faint)",title:a.metaCount}):null;try{S.displayName="MetaCount",S.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:a,expanding:s})=>{const c=u=>{u.preventDefault(),u.stopPropagation()};return s&&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 A=o.forwardRef(({item:a,index:s},c)=>{const u=o.useContext(B),{actions:x,disabled:f,expanded:g,onClick:b,title:t,name:i,icon:n,testId:m}=a;return e.jsx("div",{ref:p=>{c&&"current"in c&&Array.isArray(c.current)&&s!==void 0&&(c.current[s]=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(T,{icon:w.CHEVRON_RIGHT})}),e.jsx(se,{name:i,icon:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{item:a}),!(f||u)&&x&&e.jsx("div",{className:r.actions,children:e.jsx(G,{actions:a.actions??[]})})]})]})})})});try{A.displayName="ListSubheading",A.__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 ue=(a,s)=>a?{cursor:s.cursor?s.cursor:"",...a.style}:null,H=o.forwardRef(({items:a,expanding:s,invokeEditOnRowClick:c,provided:u,draggable:x},f)=>{const g=o.useContext(B),b=(t,i,n,m,p,y)=>o.createElement("a",{href:n.url,ref:i==null?void 0:i.innerRef,...i.draggableProps,style:ue(i.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,...i.dragHandleProps,children:e.jsx(T,{icon:w.DRAG})}),n.level&&n.level>0?e.jsx("div",{className:r.indentIcon,children:e.jsx(T,{icon:w.INDENT})}):null,e.jsx(E,{label:n.label}),e.jsx(oe,{item:n}),e.jsxs("div",{className:r.right,children:[e.jsx(S,{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:s})]}));return e.jsxs(e.Fragment,{children:[a.map((t,i)=>{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(A,{ref:f,item:t,index:i},i):x?e.jsx(ne,{draggableId:t.id+"",index:i,children:d=>b(i,d,t,y,p,m)},t.id):b(i,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"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}}}}}catch{}const P=({list:a,bordered:s=!1,expanding:c=!1,narrow:u=!1,toggleNarrow:x=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:g=!0,noHeader:b=!1,stickyHeader:t,draggable:i=!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:D,infiniteScroll:M,infiniteScrollTarget:J}=d,j=o.useRef(null),_=o.useRef([]),v=o.useRef(null),K=44,O=M?Math.ceil(window.innerHeight/K):a.items.length,[I,Q]=o.useState(O),[U,W]=o.useState(I<(a==null?void 0:a.items.length));o.useEffect(()=>{_.current=_.current.slice(0,a.items.length)},[a.items.length]);const X=()=>{if(I>=a.items.length){W(!1);return}const l=O+I;Q(l)},Y=l=>l.findIndex(h=>h.active===!0),Z=l=>{if(!v.current||!j.current)return;const h=1;if(D&&l>=0){const k=_.current.reduce((L,ee,ae)=>ae<l?L+ee.clientHeight+h:L,0),q=v.current.clientHeight/2-_.current[l].clientHeight/2,N=k-q;if(t){const L=j.current.clientHeight/2;v.current.scrollTop=N+L}const $=j.current.clientHeight;v.current.scrollTop=N+$}};return o.useEffect(()=>{if(D){const l=Y(a==null?void 0:a.items);Z(l)}},[v.current,j.current,D]),e.jsx(re,{onDragEnd:l=>{var q,N;const h=(q=l==null?void 0:l.source)==null?void 0:q.index,k=(N=l==null?void 0:l.destination)==null?void 0:N.index;n({from:h,to:k})},children:e.jsx(te,{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:v,children:e.jsx("div",{ref:l.innerRef,...l.droppableProps,children:e.jsxs(ie,{bordered:s,padding:!1,children:[!b&&e.jsx(ce,{name:a.name,actions:a.actions,toggleNarrow:x,onToggleNarrow:f,stickyHeader:t,ref:j}),e.jsx("div",{className:C(r.list,s?r.bordered:""),children:M?e.jsx(le,{dataLength:I,next:X,hasMore:U,scrollableTarget:J||"scrollableDiv",loader:e.jsx(de,{}),children:e.jsx(H,{draggable:i,items:a.items.slice(0,I),expanding:c,invokeEditOnRowClick:g,onListReorder:n,provided:l,snapshot:h,ref:_})}):e.jsx(H,{draggable:i,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-f1ceab8b.js → list-heading-5f9bef91.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-3abf067b.js";import{c as u}from"./index-a80ed1cf.js";import{I as g}from"./icon-c5e1f218.js";import{T as N}from"./tooltip-23e84186.js";import{r as f}from"./index-f80c8c95.js";import{I as y}from"./common-types-2c81813f.js";import{H as h}from"./heading-61bdbf94.js";import{A as x}from"./actions-46447905.js";const b="_inputInTable_rdsv1_1",I="_inputHover_rdsv1_13",T="_inputFocus_rdsv1_18",j="_inputError_rdsv1_25",w="_inputWarning_rdsv1_26",H="_inputDisabled_rdsv1_61",V="_hideScrollbars_rdsv1_67",q="_header_rdsv1_77",C="_headerTitle_rdsv1_77",R="_heading_rdsv1_78",E="_itemHeader_rdsv1_78",k="_narrow_rdsv1_81",M="_stickyHeader_rdsv1_85",L="_title_rdsv1_96",S="_name_rdsv1_102",F="_iconTooltipMargin_rdsv1_105",W="_bold_rdsv1_108",$="_toggleNarrow_rdsv1_117",B="_drag_rdsv1_135",D="_list_rdsv1_152",A="_bordered_rdsv1_156",J="_item_rdsv1_78",O="_action_rdsv1_189",P="_active_rdsv1_192",X="_indented_rdsv1_199",z="_disabled_rdsv1_212",G="_label_rdsv1_223",K="_details_rdsv1_229",Q="_metadata_rdsv1_230",U="_itemContent_rdsv1_238",Y="_indentIcon_rdsv1_245",Z="_expandIcon_rdsv1_250",ee="_expanded_rdsv1_257",te="_right_rdsv1_260",ae="_actions_rdsv1_269",re="_scrollableList_rdsv1_274",ne="_hideScrollbar_rdsv1_67",r={inputInTable:b,inputHover:I,inputFocus:T,inputError:j,inputWarning:w,inputDisabled:H,hideScrollbars:V,header:q,headerTitle:C,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:L,name:S,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:re,hideScrollbar:ne},c=({name:a,icon:t,testId:s})=>{const n=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(r.name,r.bold),"data-testid":s,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:r.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:n})}):t&&t.icon&&e.jsx("span",{className:r.iconTooltipMargin,children:n})]})};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:s,details:n,metadata:i,invalid:d,testId:o}=a;let l=e.jsx(c,{name:t,icon:s,testId:o&&`${o}-name`});return d&&(l=e.jsx(v,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:r.title,children:[l,n&&e.jsx("span",{className:r.details,"data-testid":o&&`${o}-details`,children:n}),i&&e.jsx("span",{className:r.metadata,"data-testid":o&&`${o}-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:r.toggleNarrow,onClick:t,children:e.jsx(g,{icon:y.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:s=!1,onToggleNarrow:n=()=>{},stickyHeader:i},d)=>e.jsxs("div",{ref:d,className:u(r.header,i?r.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:s,onClickToggleNarrow:n}),a&&e.jsx("div",{className:r.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:r.right,children:e.jsx("div",{className:r.actions,children:e.jsx(x,{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,r as s};
+import{j as e}from"./jsx-runtime-f961835c.js";import{B as v}from"./badge-3abf067b.js";import{c as u}from"./index-a80ed1cf.js";import{I as g}from"./icon-ba53aa84.js";import{T as N}from"./tooltip-23e84186.js";import{r as f}from"./index-f80c8c95.js";import{I as y}from"./common-types-2c81813f.js";import{H as h}from"./heading-18a1d4cf.js";import{A as x}from"./actions-6df5b8ae.js";const b="_inputInTable_rdsv1_1",I="_inputHover_rdsv1_13",T="_inputFocus_rdsv1_18",j="_inputError_rdsv1_25",w="_inputWarning_rdsv1_26",H="_inputDisabled_rdsv1_61",V="_hideScrollbars_rdsv1_67",q="_header_rdsv1_77",C="_headerTitle_rdsv1_77",R="_heading_rdsv1_78",E="_itemHeader_rdsv1_78",k="_narrow_rdsv1_81",M="_stickyHeader_rdsv1_85",L="_title_rdsv1_96",S="_name_rdsv1_102",F="_iconTooltipMargin_rdsv1_105",W="_bold_rdsv1_108",$="_toggleNarrow_rdsv1_117",B="_drag_rdsv1_135",D="_list_rdsv1_152",A="_bordered_rdsv1_156",J="_item_rdsv1_78",O="_action_rdsv1_189",P="_active_rdsv1_192",X="_indented_rdsv1_199",z="_disabled_rdsv1_212",G="_label_rdsv1_223",K="_details_rdsv1_229",Q="_metadata_rdsv1_230",U="_itemContent_rdsv1_238",Y="_indentIcon_rdsv1_245",Z="_expandIcon_rdsv1_250",ee="_expanded_rdsv1_257",te="_right_rdsv1_260",ae="_actions_rdsv1_269",re="_scrollableList_rdsv1_274",ne="_hideScrollbar_rdsv1_67",r={inputInTable:b,inputHover:I,inputFocus:T,inputError:j,inputWarning:w,inputDisabled:H,hideScrollbars:V,header:q,headerTitle:C,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:L,name:S,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:re,hideScrollbar:ne},c=({name:a,icon:t,testId:s})=>{const n=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(r.name,r.bold),"data-testid":s,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:r.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:n})}):t&&t.icon&&e.jsx("span",{className:r.iconTooltipMargin,children:n})]})};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:s,details:n,metadata:i,invalid:d,testId:o}=a;let l=e.jsx(c,{name:t,icon:s,testId:o&&`${o}-name`});return d&&(l=e.jsx(v,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:r.title,children:[l,n&&e.jsx("span",{className:r.details,"data-testid":o&&`${o}-details`,children:n}),i&&e.jsx("span",{className:r.metadata,"data-testid":o&&`${o}-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:r.toggleNarrow,onClick:t,children:e.jsx(g,{icon:y.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:s=!1,onToggleNarrow:n=()=>{},stickyHeader:i},d)=>e.jsxs("div",{ref:d,className:u(r.header,i?r.stickyHeader:""),children:[e.jsx(_,{toggleNarrow:s,onClickToggleNarrow:n}),a&&e.jsx("div",{className:r.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:r.right,children:e.jsx("div",{className:r.actions,children:e.jsx(x,{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,r as s};

package/dist/storybook/assets/{list.stories-73e94d67.js → list.stories-5241b862.js}

@@ -1,4 +1,4 @@
-import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as X}from"./list-5907161b.js";import{L as Ue}from"./list-heading-f1ceab8b.js";import{F as Ve}from"./flex-89b67483.js";import{l as Ye,a as Ze,b as en,c as nn,d as an,e as tn,f as rn,g as sn,h as on,i as dn,j as mn,k as ln,m as Pe}from"./list.stories-data-42b1569e.js";import"./index-a80ed1cf.js";import"./index.es-ed1d81bc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-c5e1f218.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-3847c251.js";import"./common-types-2c81813f.js";import"./actions-46447905.js";import"./lodash-75c70a11.js";import"./button-e6a6c574.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./loader-87ec8334.js";import"./heading-61bdbf94.js";import"./help-icon-5be78589.js";const _n={title:"Basic/List",component:x,args:{list:Ye,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(x,{...d}),B=o.bind({}),L=o.bind({});L.args={list:Ze};const D=o.bind({});D.args={list:en};const v=o.bind({});v.args={list:nn};const K=o.bind({});K.args={list:an,expanding:!0};const H=o.bind({});H.args={list:tn,noHeader:!1};const M=o.bind({});M.args={list:rn};const j=o.bind({});j.args={list:sn};const T=o.bind({});T.args={list:on};const R=o.bind({});R.args={list:dn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const N=o.bind({});N.args={list:mn};const w=o.bind({});w.args={list:ln};const I=o.bind({});I.args={list:Pe,noHeader:!1,stickyHeader:!0};I.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:Pe,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const O=()=>{const[d,y]=$.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},J=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{Object.keys(r).forEach(h=>{r[h].items.forEach((A,Qe)=>{A.active=h===t&&Qe===i})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{let{items:h}=r[t];delete h[i],r[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=$.useReducer(d,{},()=>y()),[l,u]=$.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:S,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return s.jsxs(Ve,{gap:!0,children:[s.jsx(x,{list:C(S),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},_=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{Object.keys(i).forEach(r=>{i[r].items.forEach((h,A)=>{h.active=r===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{let{items:r}=i[a];delete r[t],i[a].items=r.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=$.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:S}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(Ue,{name:"Animals"}),s.jsx(X,{item:F(g)}),g.expanded&&s.jsx(x,{noHeader:!0,list:C(g)}),s.jsx(X,{item:F(S)}),S.expanded&&s.jsx(x,{noHeader:!0,list:C(S)})]})},W=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=$.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return s.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var q,z,G;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
+import{j as s}from"./jsx-runtime-f961835c.js";import{r as $}from"./index-f80c8c95.js";import{p as k}from"./immer.esm-5c06d4d0.js";import{L as x,a as X}from"./list-cfb04cf7.js";import{L as Ue}from"./list-heading-5f9bef91.js";import{F as Ve}from"./flex-47732c42.js";import{l as Ye,a as Ze,b as en,c as nn,d as an,e as tn,f as rn,g as sn,h as on,i as dn,j as mn,k as ln,m as Pe}from"./list.stories-data-bd7a4bde.js";import"./index-a80ed1cf.js";import"./index.es-648fc14e.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-ba53aa84.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./card-3847c251.js";import"./common-types-2c81813f.js";import"./actions-6df5b8ae.js";import"./lodash-75c70a11.js";import"./button-2f702fe9.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./loader-87ec8334.js";import"./heading-18a1d4cf.js";import"./help-icon-3265d994.js";const _n={title:"Basic/List",component:x,args:{list:Ye,noHeader:!0},parameters:{layout:"fullscreen"}},o=d=>s.jsx(x,{...d}),B=o.bind({}),L=o.bind({});L.args={list:Ze};const D=o.bind({});D.args={list:en};const v=o.bind({});v.args={list:nn};const K=o.bind({});K.args={list:an,expanding:!0};const H=o.bind({});H.args={list:tn,noHeader:!1};const M=o.bind({});M.args={list:rn};const j=o.bind({});j.args={list:sn};const T=o.bind({});T.args={list:on};const R=o.bind({});R.args={list:dn,noHeader:!1};const E=o.bind({});E.args={bordered:!0};const N=o.bind({});N.args={list:mn};const w=o.bind({});w.args={list:ln};const I=o.bind({});I.args={list:Pe,noHeader:!1,stickyHeader:!0};I.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const f=o.bind({});f.args={list:Pe,scrollDetails:{scrollable:!0}};f.parameters={docs:{description:{story:"Adds an internal scrollbar to the `List`, which will fill its parent height unless a `height` is set. The scrollbar can be toggled using `hideScrollbar`."}}};f.decorators=[d=>s.jsx("div",{style:{height:200,overflow:"hidden"},children:d()})];const O=()=>{const[d,y]=$.useState(0),b={name:"Animals",items:[...Array(50)].map((m,l)=>({id:l,name:`Aardvark #${l+1}`,active:l===d,onClick:()=>y(l)}))};return s.jsx("div",{style:{height:200,overflow:"auto"},children:s.jsx(x,{list:b,scrollDetails:{infiniteScroll:!0,scrollable:!0,limit:10}})})},J=()=>{const d=(e,a)=>{switch(a.type){case"headingClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!r.expanded})}case"itemClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{Object.keys(r).forEach(h=>{r[h].items.forEach((A,Qe)=>{A.active=h===t&&Qe===i})})})}case"addClicked":{const{headingKey:t}=a.payload;return k(e,i=>{const r=i[t];r.expanded=!0,r.items.push({name:`${r.label} #${r.items.length+1}`})})}case"deleteClicked":{const{headingKey:t,itemIndex:i}=a.payload;return k(e,r=>{let{items:h}=r[t];delete h[i],r[t].items=h.filter(A=>A)})}default:return e}},y=()=>({mammals:{draggable:!0,name:"Mammals",key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Mammal #1",active:!0},{name:"Mammal #2"},{name:"Mammal #3"},{name:"Mammal #4"},{name:"Mammal #5"},{name:"Mammal #6"},{name:"Mammal #7"},{name:"Mammal #8"},{name:"Mammal #9"},{name:"Mammal #10"}]},amphibians:{name:"Amphibians (sticky header)",key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Click item to scroll",type:"Heading"},{name:"Amphibian #1",active:!0},{name:"Amphibian #2"},{name:"Amphibian #3"},{name:"Amphibian #4"},{name:"Amphibian #5"},{name:"Amphibian #6"},{name:"Amphibian #7"},{name:"Amphibian #8"},{name:"Amphibian #9"},{name:"Amphibian #10"}]}}),[b,m]=$.useReducer(d,{},()=>y()),[l,u]=$.useState(!1),c=(e,a)=>{u(!0),m({type:"itemClicked",payload:{headingKey:e,itemIndex:a}}),setTimeout(()=>u(!1),0)},p=e=>{m({type:"addClicked",payload:{headingKey:e}})},g=(e,a)=>m({type:"deleteClicked",payload:{headingKey:e,itemIndex:a}}),{mammals:S,amphibians:F}=b,C=e=>({...e,actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>p(e.key)}],items:e.items.map((a,t)=>a.type=="Heading"?{...a,id:t}:{...a,id:t,onClick:()=>c(e.key,t),actions:[{label:"Delete",icon:"delete",onClick:()=>g(e.key,t)}]})}),n=300;return s.jsxs(Ve,{gap:!0,children:[s.jsx(x,{list:C(S),bordered:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}}),s.jsx(x,{list:C(F),bordered:!0,stickyHeader:!0,height:n,scrollDetails:{scrollable:!0,hideScrollbar:!1,triggerScrollToActiveItem:l}})]})},_=()=>{const d=(n,e)=>{switch(e.type){case"headingClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!i.expanded})}case"itemClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{Object.keys(i).forEach(r=>{i[r].items.forEach((h,A)=>{h.active=r===a&&A===t})})})}case"addClicked":{const{headingKey:a}=e.payload;return k(n,t=>{const i=t[a];i.expanded=!0,i.items.push({name:`${i.label} #${i.items.length+1}`})})}case"deleteClicked":{const{headingKey:a,itemIndex:t}=e.payload;return k(n,i=>{let{items:r}=i[a];delete r[t],i[a].items=r.filter(h=>h)})}default:return n}},y=()=>({mammals:{key:"mammals",label:"Mammals",expanded:!0,items:[{name:"Aardvark",active:!0},{name:"Kangaroo"}]},amphibians:{key:"amphibians",label:"Amphibians",expanded:!0,items:[{name:"Frog"}]}}),[b,m]=$.useReducer(d,y()),l=n=>m({type:"headingClicked",payload:{headingKey:n}}),u=(n,e)=>m({type:"itemClicked",payload:{headingKey:n,itemIndex:e}}),c=n=>m({type:"addClicked",payload:{headingKey:n}}),p=(n,e)=>m({type:"deleteClicked",payload:{headingKey:n,itemIndex:e}}),{mammals:g,amphibians:S}=b,F=n=>({name:n.label,metaCount:n.items.length,expanded:n.expanded,onClick:()=>l(n.key),actions:[{label:"Add",primary:!0,icon:"add",onClick:()=>c(n.key)}]}),C=n=>({...n,items:n.items.map((e,a)=>({...e,id:a,onClick:()=>u(n.key,a),actions:[{label:"Delete",icon:"delete",onClick:()=>p(n.key,a)}]}))});return s.jsxs(s.Fragment,{children:[s.jsx(Ue,{name:"Animals"}),s.jsx(X,{item:F(g)}),g.expanded&&s.jsx(x,{noHeader:!0,list:C(g)}),s.jsx(X,{item:F(S)}),S.expanded&&s.jsx(x,{noHeader:!0,list:C(S)})]})},W=()=>{const d=(u,c,p)=>{if(c&&isNaN(c)||p&&isNaN(p)||c===p)return u;const g=[...u];return typeof p=="number"&&typeof c=="number"&&g.splice(p,0,g.splice(c,1)[0]),g},y={name:"List Name",draggable:!0,items:[{id:1,name:"element 1",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:2,name:"element 2",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:3,name:"element 3"},{id:4,name:"element 4",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]},{id:5,name:"element 5",actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}]},[b,m]=$.useState(y.items),l=u=>{const{to:c,from:p}=u;m(d(b,p,c))};return s.jsx(x,{list:{...y,items:b},draggable:!0,onListReorder:l})};var q,z,G;B.parameters={...B.parameters,docs:{...(q=B.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
   return <List {...args} />;
 }`,...(G=(z=B.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var P,Q,U;L.parameters={...L.parameters,docs:{...(P=L.parameters)==null?void 0:P.docs,source:{originalSource:`args => {
   return <List {...args} />;