@oliasoft-open-source/react-ui-library 4.0.0-beta-68 → 4.0.0-beta-69

package/dist/storybook/assets/{index-7b3adecc.js → index-8c976b43.js}

@@ -1,4 +1,4 @@
-import{_ as jt}from"./iframe-b7409b71.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-f313aa33.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-5695db48.js"),["./syntaxhighlighter-NMPM6SWI-5695db48.js","./iframe-b7409b71.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-5695db48.js"),["./syntaxhighlighter-NMPM6SWI-5695db48.js","./iframe-b7409b71.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-edbd8b15.js"),["./formatter-SWP5E3XI-edbd8b15.js","./iframe-b7409b71.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-c22baeed.js"),["./syntaxhighlighter-NMPM6SWI-c22baeed.js","./iframe-f313aa33.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-c22baeed.js"),["./syntaxhighlighter-NMPM6SWI-c22baeed.js","./iframe-f313aa33.js","./index-f80c8c95.js","./index-3d476d02.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url),jt(()=>import("./formatter-SWP5E3XI-b688fd88.js"),["./formatter-SWP5E3XI-b688fd88.js","./iframe-f313aa33.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-7e5c6052.js"),["./WithTooltip-4HIR6TLV-7e5c6052.js","./iframe-b7409b71.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-7e5c6052.js"),["./WithTooltip-4HIR6TLV-7e5c6052.js","./iframe-b7409b71.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-40d01860.js"),["./WithTooltip-4HIR6TLV-40d01860.js","./iframe-f313aa33.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-40d01860.js"),["./WithTooltip-4HIR6TLV-40d01860.js","./iframe-f313aa33.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-9720e19b.js"),["./Color-6VNJS4EI-9720e19b.js","./index-f80c8c95.js","./index-97a99495.js","./iframe-b7409b71.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-20930c49.js"),["./Color-6VNJS4EI-20930c49.js","./index-f80c8c95.js","./index-97a99495.js","./iframe-f313aa33.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/{input-validation-4c8d810e.js → input-validation-fcbceae4.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-7b3adecc.js";import{NonExistentValue as a,Error as l}from"./select.stories-35096b9f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-b7409b71.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./select-1b2bde07.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-53fa4699.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as s,C as n}from"./index-8c976b43.js";import{NonExistentValue as a,Error as l}from"./select.stories-35096b9f.js";import{u as r}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-f313aa33.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./select-1b2bde07.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-53fa4699.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./spacer-54db0620.js";function o(t){const i=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},r(),t.components);return e.jsxs(e.Fragment,{children:[e.jsx(s,{title:"Input Validation"}),`
 `,e.jsx(i.h1,{id:"input-validation",children:"Input Validation"}),`
 `,e.jsx(i.h2,{id:"select",children:"Select"}),`
 `,e.jsx(i.h3,{id:"invalid-states",children:"Invalid states"}),`

package/dist/storybook/assets/{inputs-0ed869d6.js → inputs-85a93e93.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-7b3adecc.js";import{Default as l}from"./button.stories-6b52b4cd.js";import{Default as a}from"./check-box.stories-5f7d06e0.js";import{Default as c}from"./file-input.stories-a5332034.js";import{Default as d,Date as p}from"./input.stories-164d93ab.js";import{Default as h}from"./number-input.stories-1d84f9ce.js";import{Default as u}from"./option-dropdown.stories-7591d25d.js";import{Default as m}from"./radio-button.stories-0e8377ea.js";import{Native as f,Default as x}from"./select.stories-35096b9f.js";import{Default as j}from"./slider.stories-0bfd89dd.js";import{Default as b}from"./textarea.stories-4182caf6.js";import{Default as g}from"./toggle.stories-7166588b.js";import{u as i}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-b7409b71.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-cb591f08.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-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./input-group-20c3add3.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./types-6770f0e8.js";import"./textarea-eef180d9.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-1b2bde07.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-53fa4699.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-135a9615.js";import"./slider-863e5ef6.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-fc36615a.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-8c976b43.js";import{Default as l}from"./button.stories-6b52b4cd.js";import{Default as a}from"./check-box.stories-5f7d06e0.js";import{Default as c}from"./file-input.stories-39e066c7.js";import{Default as d,Date as p}from"./input.stories-164d93ab.js";import{Default as h}from"./number-input.stories-1d84f9ce.js";import{Default as u}from"./option-dropdown.stories-7591d25d.js";import{Default as m}from"./radio-button.stories-0e8377ea.js";import{Native as f,Default as x}from"./select.stories-35096b9f.js";import{Default as j}from"./slider.stories-0bfd89dd.js";import{Default as b}from"./textarea.stories-4b85aa60.js";import{Default as g}from"./toggle.stories-b771ed81.js";import{u as i}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-f313aa33.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-cb591f08.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-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./input-group-20c3add3.js";import"./input-d68625a5.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spacer-54db0620.js";import"./types-6770f0e8.js";import"./textarea-54dd1c9a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./input-group-addon-f8f6683a.js";import"./select-1b2bde07.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-53fa4699.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./divider-182aa58c.js";import"./radio-button-135a9615.js";import"./slider-863e5ef6.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./toggle-bb34b2a2.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/{layout-forms-862ab444.js → layout-forms-a15719ea.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-f961835c.js";import{M as s,C as o}from"./index-7b3adecc.js";import{Default as l,LabelOnLeft as p}from"./field.stories-f1318053.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-c2080117.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-b7409b71.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./field-a094cd72.js";import"./index-a80ed1cf.js";import"./label-13d490a3.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./icon-e9cbb4d7.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-1b2bde07.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-53fa4699.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./check-box-e21258d5.js";import"./button-group-a5fbadf9.js";import"./toggle-fc36615a.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-863e5ef6.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-eef180d9.js";import"./radio-button-135a9615.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-8c976b43.js";import{Default as l,LabelOnLeft as p}from"./field.stories-f1318053.js";import{Default as m,LabelsOnLeft as a,Row as h}from"./form.stories-910fbc0a.js";import{u as n}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-f313aa33.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./field-a094cd72.js";import"./index-a80ed1cf.js";import"./label-13d490a3.js";import"./common-types-2c81813f.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./icon-e9cbb4d7.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-1b2bde07.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./actions-53fa4699.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./check-box-e21258d5.js";import"./button-group-a5fbadf9.js";import"./toggle-bb34b2a2.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./slider-863e5ef6.js";import"./objectSpread2-fdee9b6d.js";import"./index-c7f280f6.js";import"./textarea-54dd1c9a.js";import"./radio-button-135a9615.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-9967a173.js → layout-general-dae3a870.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r,C as n}from"./index-7b3adecc.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-25588964.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-350ea350.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-b7409b71.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-cb591f08.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-e9cbb4d7.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-d29eb744.js";import"./help-icon-d4189b1b.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-8c976b43.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-25588964.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-350ea350.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-f313aa33.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-cb591f08.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-e9cbb4d7.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-d29eb744.js";import"./help-icon-d4189b1b.js";function s(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},t(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
 `,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
 `,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
 `,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`

package/dist/storybook/assets/{padding-and-spacing-91619e32.js → padding-and-spacing-af03817f.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-7b3adecc.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-b7409b71.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
+import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-8c976b43.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-f313aa33.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
 `,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
 `,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
 `,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`

package/dist/storybook/assets/preview-56167c0b.js

@@ -0,0 +1 @@
+import{_ as e}from"./iframe-f313aa33.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-12a735d5.js"),["./DocsRenderer-NNNQARDV-12a735d5.js","./chunk-HLWAVYOI-c45fe1cf.js","./iframe-f313aa33.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-8c976b43.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/{preview-346ae2ce.js → preview-f828930c.js}

@@ -1,4 +1,4 @@
-import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-13f753db.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-b1156b8d.js";import{e as de,t as U}from"./index-7b3adecc.js";import"./index-3d476d02.js";import"./types-6770f0e8.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-cb591f08.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./iframe-b7409b71.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){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 C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(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,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+import{j as S}from"./jsx-runtime-f961835c.js";import{R as M}from"./index-f80c8c95.js";import{T as pe}from"./toaster-13f753db.js";import{e as G}from"./index-54f0d271.js";import"./chunk-HLWAVYOI-c45fe1cf.js";import{e as de,t as U}from"./index-8c976b43.js";import"./index-3d476d02.js";import"./types-6770f0e8.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-cb591f08.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./tooltip-23e84186.js";import"./iframe-f313aa33.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";var W="DARK_MODE";const{global:ce}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},b.apply(this,arguments)}function me(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function h(e,t){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,a){return r.__proto__=a,r},h(e,t)}function ge(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h(e,t)}function z(e){return z=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},z(e)}function be(e){return Function.toString.call(e).indexOf("[native code]")!==-1}function he(){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 C(e,t,r){return he()?C=Reflect.construct.bind():C=function(a,n,o){var i=[null];i.push.apply(i,n);var l=Function.bind.apply(a,i),s=new l;return o&&h(s,o.prototype),s},C.apply(null,arguments)}function H(e){var t=typeof Map=="function"?new Map:void 0;return H=function(r){if(r===null||!be(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,a)}function a(){return C(r,arguments,z(this).constructor)}return a.prototype=Object.create(r.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),h(a,r)},H(e)}var ye={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 

package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-5695db48.js → syntaxhighlighter-NMPM6SWI-c22baeed.js}

@@ -1 +1 @@
-import{S as c,c as l,s as n}from"./index-7b3adecc.js";import"./iframe-b7409b71.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};
+import{S as c,c as l,s as n}from"./index-8c976b43.js";import"./iframe-f313aa33.js";import"../sb-preview/runtime.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";export{c as SyntaxHighlighter,l as createCopyToClipboardFunction,n as default};

package/dist/storybook/assets/{textarea-eef180d9.js → textarea-54dd1c9a.js}

@@ -1 +1 @@
-import{j as o}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as h}from"./index-a80ed1cf.js";import{i as l}from"./types-332ceaf3.js";import{D as z}from"./disabled-context-d654f6ff.js";import{T as k}from"./tooltip-23e84186.js";const I="_inputInTable_66zck_1",N="_inputHover_66zck_13",R="_inputFocus_66zck_18",C="_inputError_66zck_25",S="_inputWarning_66zck_26",A="_inputDisabled_66zck_61",F="_hideScrollbars_66zck_67",H="_textarea_66zck_77",W="_small_66zck_116",w="_error_66zck_121",D="_warning_66zck_138",P="_monospace_66zck_155",t={inputInTable:I,inputHover:N,inputFocus:R,inputError:C,inputWarning:S,inputDisabled:A,hideScrollbars:F,textarea:H,small:W,error:w,warning:D,monospace:P},i=({name:r,value:u="",placeholder:s="",cols:d,rows:c,disabled:m=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:v=()=>{},onBlur:_=()=>{},tabIndex:b=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:y,resize:x,monospace:g=!1,testId:E})=>{const T=V.useContext(z),q=o.jsx("textarea",{className:h(t.textarea,e?t.error:"",a?t.warning:"",g?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:c,onChange:p,disabled:m||T,onKeyPress:f,onFocus:v,onBlur:_,tabIndex:b,style:{resize:x},"data-testid":E});return o.jsx(k,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:y,placement:"bottom-center",children:q})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"inherit"'},{value:'"inline"'},{value:'"initial"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"block"'},{value:'"both"'},{value:'"horizontal"'},{value:'"vertical"'}]}},monospace:{defaultValue:{value:"false"},description:"",name:"monospace",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{i as T};
+import{j as o}from"./jsx-runtime-f961835c.js";import{r as V}from"./index-f80c8c95.js";import{c as h}from"./index-a80ed1cf.js";import{i as l}from"./types-332ceaf3.js";import{D as z}from"./disabled-context-d654f6ff.js";import{T as k}from"./tooltip-23e84186.js";const I="_inputInTable_66zck_1",N="_inputHover_66zck_13",R="_inputFocus_66zck_18",C="_inputError_66zck_25",S="_inputWarning_66zck_26",A="_inputDisabled_66zck_61",F="_hideScrollbars_66zck_67",H="_textarea_66zck_77",W="_small_66zck_116",w="_error_66zck_121",D="_warning_66zck_138",P="_monospace_66zck_155",t={inputInTable:I,inputHover:N,inputFocus:R,inputError:C,inputWarning:S,inputDisabled:A,hideScrollbars:F,textarea:H,small:W,error:w,warning:D,monospace:P},i=({name:r,value:u="",placeholder:s="",cols:d,rows:c,disabled:m=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:v=()=>{},onBlur:_=()=>{},tabIndex:b=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:y,resize:x,monospace:g=!1,testId:E})=>{const T=V.useContext(z),q=o.jsx("textarea",{className:h(t.textarea,e?t.error:"",a?t.warning:"",g?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:c,onChange:p,disabled:m||T,onKeyPress:f,onFocus:v,onBlur:_,tabIndex:b,style:{resize:x},"data-testid":E});return o.jsx(k,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:y,placement:"bottom-center",children:q})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"inherit"'},{value:'"inline"'},{value:'"initial"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"vertical"'},{value:'"block"'},{value:'"both"'},{value:'"horizontal"'}]}},monospace:{defaultValue:{value:"false"},description:"",name:"monospace",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{i as T};

package/dist/storybook/assets/{textarea.stories-4182caf6.js → textarea.stories-4b85aa60.js}

@@ -1,4 +1,4 @@
-import{j as u}from"./jsx-runtime-f961835c.js";import{T as s}from"./textarea-eef180d9.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const{useArgs:g}=__STORYBOOK_MODULE_ADDONS__,C={title:"Forms/TextArea",component:s,args:{disabled:!1}},c=n=>{const[i,o]=g(),m=p=>{o({value:p.target.value})};return u.jsx(s,{...n,onChange:m})},e=c.bind({});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
+import{j as u}from"./jsx-runtime-f961835c.js";import{T as s}from"./textarea-54dd1c9a.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const{useArgs:g}=__STORYBOOK_MODULE_ADDONS__,C={title:"Forms/TextArea",component:s,args:{disabled:!1}},c=n=>{const[i,o]=g(),m=p=>{o({value:p.target.value})};return u.jsx(s,{...n,onChange:m})},e=c.bind({});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
   const [_, updateArgs] = useArgs();
   const handleChange = (evt: ChangeEvent<HTMLTextAreaElement>) => {
     updateArgs({

package/dist/storybook/assets/toggle-35349f40.css

@@ -0,0 +1 @@
+:root{--color-background-toggle: rgba(0, 0, 0, .2);--color-background-toggle-hover: rgba(0, 0, 0, .25)}[data-theme=dark]{--color-background-toggle: rgba(255, 255, 255, .2);--color-background-toggle-hover: rgba(255, 255, 255, .3)}._toggle_1mo1i_9{--size-toggle: var(--size-xs);position:relative;display:inline-flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:var(--size-toggle);font-size:inherit;line-height:var(--size-toggle);min-width:var(--size-toggle);margin:calc((var(--size) - var(--size-toggle)) / 2) 0}._toggle_1mo1i_9._small_1mo1i_25{--size-toggle: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-toggle)) / 2) 0;font-size:var(--font-size-sm)}._toggle_1mo1i_9 input{width:calc(var(--size-toggle) * 2);height:var(--size-toggle);cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;box-sizing:border-box;padding:0;overflow:visible;font-family:sans-serif;margin:0}._toggle_1mo1i_9 label{min-height:var(--size-toggle);padding-left:calc((var(--size-toggle) * 2) + var(--padding-xs));transition:color .1s ease;cursor:auto;position:relative;display:block;outline:0}._toggle_1mo1i_9 label:empty{padding-left:calc(var(--size-toggle) * 2)}._toggle_1mo1i_9 label:before,._toggle_1mo1i_9 label:after{display:block;position:absolute;content:""}._toggle_1mo1i_9 label:before{height:var(--size-toggle);border-radius:calc(var(--size-toggle) / 2);z-index:1;transform:none;background:var(--color-background-toggle);box-shadow:none;width:calc(var(--size-toggle) * 2);left:0;top:0;transition:background .3s ease,border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._toggle_1mo1i_9 label:after{--size-toggle-handle: calc(var(--size-toggle) - 4px);--padding-toggle-handle: calc((var(--size-toggle) - var(--size-toggle-handle)) / 2);height:var(--size-toggle-handle);width:var(--size-toggle-handle);border-radius:50%;left:var(--padding-toggle-handle);top:var(--padding-toggle-handle);box-shadow:var(--shadow-button);background:white;opacity:1;z-index:2;transition:background .3s ease,left .3s ease}._toggle_1mo1i_9 input:hover~label:before{background:var(--color-background-toggle-hover)}._toggle_1mo1i_9 input:checked~label:before{background-color:var(--color-background-button-primary)}._toggle_1mo1i_9 input:checked~label:after{left:calc(var(--size-toggle) + 2px)}._toggle_1mo1i_9 input:checked:hover~label:before{background-color:var(--color-background-button-primary-hover)}._toggle_1mo1i_9._disabled_1mo1i_102{cursor:default;pointer-events:none;color:var(--color-text-faint)}._toggle_1mo1i_9._disabled_1mo1i_102 label:before{background-color:var(--color-background-disabled)}._toggle_1mo1i_9._disabled_1mo1i_102 label:after{opacity:.4}._noMargin_1mo1i_113{margin:0}._helpIconEnabled_1mo1i_116{pointer-events:auto}

package/dist/storybook/assets/{toggle-fc36615a.js → toggle-bb34b2a2.js}

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

package/dist/storybook/assets/{toggle.stories-7166588b.js → toggle.stories-b771ed81.js}

@@ -1,4 +1,4 @@
-import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-fc36615a.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:I}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/Toggle",component:u,args:{label:"Label"}},e=g=>{const[{checked:p},i]=I(),h=()=>{i({checked:!p})};return y.jsx(u,{...g,onChange:h})},d=e.bind({}),n=e.bind({});n.args={disabled:!0};const s=e.bind({});s.args={checked:!0,disabled:!0};const a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={label:null};const t=e.bind({});t.args={helpText:"Help text"};const c=e.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const l=()=>{const[g,p]=G.useState(!1);return y.jsx(u,{name:"name",label:"Label",checked:g,onChange:i=>{const{name:h,value:z,checked:m}=i.target;p(m),console.log(h,z,m)}})},o=e.bind({});o.args={helpText:"Help text",disabled:!0};var k,C,b;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
+import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-bb34b2a2.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:I}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/Toggle",component:u,args:{label:"Label"}},e=g=>{const[{checked:p},i]=I(),h=()=>{i({checked:!p})};return y.jsx(u,{...g,onChange:h})},d=e.bind({}),n=e.bind({});n.args={disabled:!0};const s=e.bind({});s.args={checked:!0,disabled:!0};const a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={label:null};const t=e.bind({});t.args={helpText:"Help text"};const c=e.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const l=()=>{const[g,p]=G.useState(!1);return y.jsx(u,{name:"name",label:"Label",checked:g,onChange:i=>{const{name:h,value:z,checked:m}=i.target;p(m),console.log(h,z,m)}})},o=e.bind({});o.args={helpText:"Help text",disabled:!0};var k,C,b;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
   const [{
     checked
   }, updateArgs] = useArgs();

package/dist/storybook/iframe.html

@@ -357,7 +357,7 @@
   }
 </script>
 
-  <script type="module" crossorigin src="./assets/iframe-b7409b71.js"></script>
+  <script type="module" crossorigin src="./assets/iframe-f313aa33.js"></script>
 </head>
 
 <body>

package/dist/storybook/project.json

@@ -1 +1 @@
-{"generatedAt":1703077939784,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}
+{"generatedAt":1704190446971,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "4.0.0-beta-68",
+  "version": "4.0.0-beta-69",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {

package/dist/storybook/assets/preview-7d6307c0.js

@@ -1 +0,0 @@
-import{_ as e}from"./iframe-b7409b71.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-7d37fbdb.js"),["./DocsRenderer-NNNQARDV-7d37fbdb.js","./chunk-HLWAVYOI-b1156b8d.js","./iframe-b7409b71.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-7b3adecc.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};

package/dist/storybook/assets/toggle-239108ba.css

@@ -1 +0,0 @@
-:root{--color-background-toggle: rgba(0, 0, 0, .2);--color-background-toggle-hover: rgba(0, 0, 0, .25)}[data-theme=dark]{--color-background-toggle: rgba(255, 255, 255, .2);--color-background-toggle-hover: rgba(255, 255, 255, .3)}._toggle_3ujcm_9{--size-toggle: var(--size-xs);position:relative;display:inline-flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:var(--size-toggle);font-size:inherit;line-height:var(--size-toggle);min-width:var(--size-toggle);margin:calc((var(--size) - var(--size-toggle)) / 2) 0}._toggle_3ujcm_9._small_3ujcm_25{--size-toggle: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-toggle)) / 2) 0;font-size:var(--font-size-sm)}._toggle_3ujcm_9 input{width:calc(var(--size-toggle) * 2);height:var(--size-toggle);cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;box-sizing:border-box;padding:0;overflow:visible;font-family:sans-serif;margin:0}._toggle_3ujcm_9 label{min-height:var(--size-toggle);padding-left:calc((var(--size-toggle) * 2) + var(--padding-xs));transition:color .1s ease;cursor:auto;position:relative;display:block;outline:0}._toggle_3ujcm_9 label:empty{padding-left:calc(var(--size-toggle) * 2)}._toggle_3ujcm_9 label:before,._toggle_3ujcm_9 label:after{display:block;position:absolute;content:""}._toggle_3ujcm_9 label:before{height:var(--size-toggle);border-radius:calc(var(--size-toggle) / 2);z-index:1;transform:none;background:var(--color-background-toggle);box-shadow:none;width:calc(var(--size-toggle) * 2);left:0;top:0;transition:background .3s ease,border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._toggle_3ujcm_9 label:after{height:calc(var(--size-toggle) - 4px);width:calc(var(--size-toggle) - 4px);border-radius:50%;left:2px;top:50%;transform:translateY(-50%);box-shadow:var(--shadow-button);background:white;opacity:1;z-index:2;transition:background .3s ease,left .3s ease}._toggle_3ujcm_9 input:hover~label:before{background:var(--color-background-toggle-hover)}._toggle_3ujcm_9 input:checked~label:before{background-color:var(--color-background-button-primary)}._toggle_3ujcm_9 input:checked~label:after{left:calc(var(--size-toggle) + 2px)}._toggle_3ujcm_9 input:checked:hover~label:before{background-color:var(--color-background-button-primary-hover)}._toggle_3ujcm_9._disabled_3ujcm_101{cursor:default;pointer-events:none;color:var(--color-text-faint)}._toggle_3ujcm_9._disabled_3ujcm_101 label:before{background-color:var(--color-background-disabled)}._toggle_3ujcm_9._disabled_3ujcm_101 label:after{opacity:.4}._noMargin_3ujcm_112{margin:0}._helpIconEnabled_3ujcm_115{pointer-events:auto}