@storybook/blocks 7.0.0-alpha.55 → 7.0.0-alpha.57

package/dist/index.js

@@ -1,4 +1,4 @@
-var Rs=Object.create;var bt=Object.defineProperty;var _s=Object.getOwnPropertyDescriptor;var Ws=Object.getOwnPropertyNames;var zs=Object.getPrototypeOf,Js=Object.prototype.hasOwnProperty;var hr=(e,t)=>()=>(e&&(t=e(e=0)),t);var br=(e,t)=>{for(var o in t)bt(e,o,{get:t[o],enumerable:!0})},xr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ws(t))!Js.call(e,n)&&n!==o&&bt(e,n,{get:()=>t[n],enumerable:!(r=_s(t,n))||r.enumerable});return e};var g=(e,t,o)=>(o=e!=null?Rs(zs(e)):{},xr(t||!e||!e.__esModule?bt(o,"default",{value:e,enumerable:!0}):o,e)),Gs=e=>xr(bt({},"__esModule",{value:!0}),e);var B,xe,Y=hr(()=>{B=e=>`control-${e.replace(/\s+/g,"-")}`,xe=e=>`set-${e.replace(/\s+/g,"-")}`});var Hn={};br(Hn,{ColorControl:()=>Un,default:()=>Ei});var E,Ue,K,jn,ce,me,ai,ii,li,pi,di,ci,mi,Ln,ui,yi,$n,Lt,gi,fi,hi,Mo,bi,xi,Mt,Mn,tt,Ci,Si,jt,Pi,Un,Ei,Rn=hr(()=>{E=g(require("react")),Ue=require("react-colorful"),K=g(require("color-convert")),jn=g(require("lodash/throttle")),ce=require("@storybook/theming"),me=require("@storybook/components");Y();ai=ce.styled.div({position:"relative",maxWidth:250}),ii=(0,ce.styled)(me.WithTooltip)({position:"absolute",zIndex:1,top:4,left:4}),li=ce.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),pi=(0,ce.styled)(me.TooltipNote)(({theme:e})=>({fontFamily:e.typography.fonts.base})),di=ce.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),ci=ce.styled.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),mi=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Ln=({value:e,active:t,onClick:o,style:r,...n})=>{let s=`linear-gradient(${e}, ${e}), ${mi}, linear-gradient(#fff, #fff)`;return E.default.createElement(ci,{...n,...{active:t,onClick:o},style:{...r,backgroundImage:s}})},ui=(0,ce.styled)(me.Form.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),yi=(0,ce.styled)(me.Icons)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),$n=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))($n||{}),Lt=Object.values($n),gi=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,fi=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,hi=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Mo=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,bi=/^\s*#?([0-9a-f]{3})\s*$/i,xi={["hex"]:Ue.HexColorPicker,["rgb"]:Ue.RgbaStringColorPicker,["hsl"]:Ue.HslaStringColorPicker},Mt={["hex"]:"transparent",["rgb"]:"rgba(0, 0, 0, 0)",["hsl"]:"hsla(0, 0%, 0%, 0)"},Mn=e=>{let t=e==null?void 0:e.match(gi);if(!t)return[0,0,0,1];let[,o,r,n,s=1]=t;return[o,r,n,s].map(Number)},tt=e=>{if(!e)return;let t=!0;if(fi.test(e)){let[a,i,l,p]=Mn(e),[d,c,m]=K.default.rgb.hsl([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:K.default.rgb.keyword([a,i,l]),colorSpace:"rgb",["rgb"]:e,["hsl"]:`hsla(${d}, ${c}%, ${m}%, ${p})`,["hex"]:`#${K.default.rgb.hex([a,i,l]).toLowerCase()}`}}if(hi.test(e)){let[a,i,l,p]=Mn(e),[d,c,m]=K.default.hsl.rgb([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:K.default.hsl.keyword([a,i,l]),colorSpace:"hsl",["rgb"]:`rgba(${d}, ${c}, ${m}, ${p})`,["hsl"]:e,["hex"]:`#${K.default.hsl.hex([a,i,l]).toLowerCase()}`}}let o=e.replace("#",""),r=K.default.keyword.rgb(o)||K.default.hex.rgb(o),n=K.default.rgb.hsl(r),s=e;if(/[^#a-f0-9]/i.test(e)?s=o:Mo.test(e)&&(s=`#${o}`),s.startsWith("#"))t=Mo.test(s);else try{K.default.keyword.hex(s)}catch{t=!1}return{valid:t,value:s,keyword:K.default.rgb.keyword(r),colorSpace:"hex",["rgb"]:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,["hsl"]:`hsla(${n[0]}, ${n[1]}%, ${n[2]}%, 1)`,["hex"]:s}},Ci=(e,t,o)=>{if(!e||!(t!=null&&t.valid))return Mt[o];if(o!=="hex")return(t==null?void 0:t[o])||Mt[o];if(!t.hex.startsWith("#"))try{return`#${K.default.keyword.hex(t.hex)}`}catch{return Mt.hex}let r=t.hex.match(bi);if(!r)return Mo.test(t.hex)?t.hex:Mt.hex;let[n,s,a]=r[1].split("");return`#${n}${n}${s}${s}${a}${a}`},Si=(e,t)=>{let[o,r]=(0,E.useState)(e||""),[n,s]=(0,E.useState)(()=>tt(o)),[a,i]=(0,E.useState)((n==null?void 0:n.colorSpace)||"hex");(0,E.useEffect)(()=>{e===void 0&&(r(""),s(void 0),i("hex"))},[e]);let l=(0,E.useMemo)(()=>Ci(o,n,a).toLowerCase(),[o,n,a]),p=(0,E.useCallback)(c=>{let m=tt(c),y=(m==null?void 0:m.value)||c||"";r(y),y===""&&(s(void 0),t(void 0)),m&&(s(m),i(m.colorSpace),t(m.value))},[t]),d=(0,E.useCallback)(()=>{let c=Lt.indexOf(a)+1;c>=Lt.length&&(c=0),i(Lt[c]);let m=(n==null?void 0:n[Lt[c]])||"";r(m),t(m)},[n,a,t]);return{value:o,realValue:l,updateValue:p,color:n,colorSpace:a,cycleColorSpace:d}},jt=e=>e.replace(/\s*/,"").toLowerCase(),Pi=(e,t,o)=>{let[r,n]=(0,E.useState)(t!=null&&t.valid?[t]:[]);(0,E.useEffect)(()=>{t===void 0&&n([])},[t]);let s=(0,E.useMemo)(()=>(e||[]).map(l=>typeof l=="string"?tt(l):l.title?{...tt(l.color),keyword:l.title}:tt(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),a=(0,E.useCallback)(i=>{!(i!=null&&i.valid)||s.some(l=>jt(l[o])===jt(i[o]))||n(l=>l.concat(i))},[o,s]);return{presets:s,addPreset:a}},Un=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,presetColors:s,startOpen:a=!1})=>{let i=(0,E.useCallback)((0,jn.default)(o,200),[o]),{value:l,realValue:p,updateValue:d,color:c,colorSpace:m,cycleColorSpace:y}=Si(t,i),{presets:b,addPreset:h}=Pi(s,c,m),x=xi[m];return E.default.createElement(ai,null,E.default.createElement(ii,{trigger:"click",startOpen:a,closeOnClick:!0,onVisibilityChange:()=>h(c),tooltip:E.default.createElement(li,null,E.default.createElement(x,{color:p==="transparent"?"#000000":p,...{onChange:d,onFocus:r,onBlur:n}}),b.length>0&&E.default.createElement(di,null,b.map((f,C)=>E.default.createElement(me.WithTooltip,{key:`${f.value}-${C}`,hasChrome:!1,tooltip:E.default.createElement(pi,{note:f.keyword||f.value})},E.default.createElement(Ln,{value:f[m],active:c&&jt(f[m])===jt(c[m]),onClick:()=>d(f.value)})))))},E.default.createElement(Ln,{value:p,style:{margin:4}})),E.default.createElement(ui,{id:B(e),value:l,onChange:f=>d(f.target.value),onFocus:f=>f.target.select(),placeholder:"Choose color..."}),l?E.default.createElement(yi,{icon:"markup",onClick:y}):null)},Ei=Un});var Rl={};br(Rl,{AddContext:()=>Il,Anchor:()=>pt,AnchorMdx:()=>Fl,ArgsTable:()=>_t,BooleanControl:()=>ho,Canvas:()=>qo,CodeOrSourceMdx:()=>Bl,ColorControl:()=>jo,ColorItem:()=>ds,ColorPalette:()=>cs,ComponentsTable:()=>Jo,DateControl:()=>xo,Description:()=>ut,DescriptionType:()=>vs,Docs:()=>yr,DocsContainer:()=>Qo,DocsContext:()=>P,DocsPage:()=>mr,DocsStory:()=>yt,ExternalDocs:()=>jl,ExternalDocsContainer:()=>$l,FilesControl:()=>Lo,HeaderMdx:()=>We,HeadersMdx:()=>Ll,Heading:()=>cr,IconGallery:()=>ys,IconItem:()=>us,Meta:()=>Ul,NoControlsWarning:()=>ts,NumberControl:()=>Po,ObjectControl:()=>Nt,OptionsControl:()=>Se,PRIMARY_STORY:()=>ae,Primary:()=>pr,PureArgsTable:()=>ye,RangeControl:()=>Fo,Source:()=>Cl,SourceContainer:()=>Xo,SourceContext:()=>Re,SourceState:()=>Zo,Stories:()=>qt,Story:()=>lr,StoryTable:()=>Ss,Subheading:()=>ar,Subtitle:()=>tr,TextControl:()=>Vo,Title:()=>er,Typeset:()=>rs,Wrapper:()=>Hl,anchorBlockIdFromId:()=>fs,assertIsFn:()=>Al,extractComponentArgTypes:()=>Ko,extractTitle:()=>Is,format:()=>Ba,formatDate:()=>en,formatTime:()=>tn,getComponent:()=>Cs,getStoryId:()=>Vs,getStoryProps:()=>Ls,parse:()=>So,parseDate:()=>qr,parseTime:()=>Qr,storyBlockIdFromId:()=>ir,useDescriptionProps:()=>ws,useSourceProps:()=>zt});module.exports=Gs(Rl);var ne=g(require("react")),ee=require("@storybook/theming"),Tr=require("@storybook/components");var Cr=g(require("react")),Sr=require("polished"),Pr=require("@storybook/theming"),Er=require("@storybook/components"),Ks=Pr.styled.div(Er.withReset,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:(0,Sr.transparentize)(.3,e.color.defaultText),fontSize:e.typography.size.s2})),he=e=>Cr.default.createElement(Ks,{...e,className:"docblock-emptyblock"});var Ys=(0,ee.styled)(Tr.SyntaxHighlighter)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var Xs=ee.styled.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),xt=ee.styled.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",["&:first-child"]:{margin:0}})),Zs=()=>ne.default.createElement(Xs,null,ne.default.createElement(xt,null),ne.default.createElement(xt,{style:{width:"80%"}}),ne.default.createElement(xt,{style:{width:"30%"}}),ne.default.createElement(xt,{style:{width:"80%"}})),Ae=e=>{let{isLoading:t,error:o}=e;if(t)return ne.default.createElement(Zs,null);if(o)return ne.default.createElement(he,null,o);let{language:r,code:n,dark:s,format:a,...i}=e,l=ne.default.createElement(Ys,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source",...i},n);if(typeof s>"u")return l;let p=s?ee.themes.dark:ee.themes.light;return ne.default.createElement(ee.ThemeProvider,{theme:(0,ee.convert)(p)},l)};Ae.defaultProps={format:!1};var co=g(require("react")),kr=g(require("markdown-to-jsx")),Ct=require("@storybook/components"),vr=({markdown:e})=>co.default.createElement(Ct.ResetWrapper,null,co.default.createElement(kr.default,{options:{forceBlock:!0,overrides:Ct.components}},e));var mo=require("@storybook/components"),Ye=require("@storybook/theming"),wr=require("polished"),qs=g(require("react")),uo=600,Ar=Ye.styled.h1(mo.withReset,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${uo}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),Ir=Ye.styled.h2(mo.withReset,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${uo}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:(0,wr.transparentize)(.25,e.color.defaultText)})),Br=Ye.styled.div({maxWidth:1e3,width:"100%"}),Dr=Ye.styled.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${uo}px)`]:{}}));var I=g(require("react")),yo=require("polished"),Ie=require("@storybook/theming"),$r=g(require("global")),kt=require("@storybook/components");var be=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`});var O=g(require("react")),Fr=require("@storybook/theming"),$=require("@storybook/components"),Qs=({zoom:e,resetZoom:t})=>O.default.createElement(O.default.Fragment,null,O.default.createElement($.IconButton,{key:"zoomin",onClick:o=>{o.preventDefault(),e(.8)},title:"Zoom in"},O.default.createElement($.Icons,{icon:"zoom"})),O.default.createElement($.IconButton,{key:"zoomout",onClick:o=>{o.preventDefault(),e(1.25)},title:"Zoom out"},O.default.createElement($.Icons,{icon:"zoomout"})),O.default.createElement($.IconButton,{key:"zoomreset",onClick:o=>{o.preventDefault(),t()},title:"Reset zoom"},O.default.createElement($.Icons,{icon:"zoomreset"}))),ea=({baseUrl:e,storyId:t})=>O.default.createElement($.IconButton,{key:"opener",href:(0,$.getStoryHref)(e,t),target:"_blank",title:"Open canvas in new tab"},O.default.createElement($.Icons,{icon:"share"})),ta=(0,Fr.styled)($.FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Or=({isLoading:e,storyId:t,baseUrl:o,zoom:r,resetZoom:n,...s})=>O.default.createElement(ta,{...s},O.default.createElement(O.Fragment,{key:"left"},e?[1,2,3].map(a=>O.default.createElement($.IconButtonSkeleton,{key:a})):O.default.createElement(Qs,{...{zoom:r,resetZoom:n}})),O.default.createElement(O.Fragment,{key:"right"},t&&(e?O.default.createElement($.IconButtonSkeleton,null):O.default.createElement(ea,{...{storyId:t,baseUrl:o}}))));var Nr=require("react"),St=(0,Nr.createContext)({scale:1});var Lr=g(require("global")),U=g(require("react")),Tt=require("@storybook/components");var Et=g(require("react")),Vr=g(require("global")),{window:oa}=Vr.default,Pt=class extends Et.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{id:o}=this.props;this.iframe=oa.document.getElementById(o)}shouldComponentUpdate(o){let{scale:r}=o;return r!==this.props.scale&&this.setIframeBodyStyle({width:`${r*100}%`,height:`${r*100}%`,transform:`scale(${1/r})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(o){return Object.assign(this.iframe.contentDocument.body.style,o)}render(){let{id:o,title:r,src:n,allowFullScreen:s,scale:a,...i}=this.props;return Et.default.createElement("iframe",{id:o,title:r,src:n,...s?{allow:"fullscreen"}:{},loading:"lazy",...i})}};var{PREVIEW_URL:ra}=Lr.default,na=ra||"iframe.html";var sa=e=>e?`Story "${e}" doesn't exist.`:"No component or story to display",aa=({storyFn:e,height:t,id:o})=>U.default.createElement(U.Fragment,null,t?U.default.createElement("style",null,`#story--${o} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,U.default.createElement(U.Fragment,null,e?(0,U.createElement)(e):U.default.createElement(he,null,sa(o)))),ia=({id:e,title:t,height:o="500px"})=>U.default.createElement("div",{style:{width:"100%",height:o}},U.default.createElement(St.Consumer,null,({scale:r})=>U.default.createElement(Pt,{key:"iframe",id:`iframe--${e}`,title:t,src:(0,Tt.getStoryHref)(na,e,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Mr=({children:e,error:t,inline:o,...r})=>{let{id:n,title:s,height:a}=r;return t?U.default.createElement(he,null,t):o?U.default.createElement(aa,{...r}):U.default.createElement(ia,{id:n,title:s,height:a})},Xe=()=>U.default.createElement(Tt.Loader,null);var la=Ie.styled.div(({isColumn:e,columns:t,layout:o})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),jr=(0,Ie.styled)(Ae)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content)}})),pa=Ie.styled.div(({theme:e,withSource:t,isExpanded:o})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...be(e),borderBottomLeftRadius:t&&o&&0,borderBottomRightRadius:t&&o&&0,borderBottomWidth:o&&0}),({withToolbar:e})=>e&&{paddingTop:40}),da=(e,t,o)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>o(!1)}};case t:return{source:I.default.createElement(jr,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>o(!1)}};default:return{source:I.default.createElement(jr,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>o(!0)}}}};function ca(e){if(I.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var ma=(0,Ie.styled)(Or)({position:"absolute",top:0,left:0,right:0,height:40}),ua=Ie.styled.div({overflow:"hidden",position:"relative"}),ya=e=>e.reduce((t,o)=>t||(typeof o=="string"||typeof o=="number"?"padded":o.props&&o.props.parameters&&o.props.parameters.layout||"padded"),void 0),go=({isLoading:e,isColumn:t,columns:o,children:r,withSource:n,withToolbar:s=!1,isExpanded:a=!1,additionalActions:i,className:l,...p})=>{let[d,c]=(0,I.useState)(a),{source:m,actionItem:y}=da(n,d,c),[b,h]=(0,I.useState)(1),x=[l].concat(["sbdocs","sbdocs-preview"]),f=n?[y]:[],[C,S]=(0,I.useState)(i?[...i]:[]),V=[...f,...C],H=ya(I.Children.count(r)===1?[r]:r),{window:v}=$r.default,w=(0,I.useCallback)(async A=>{let{createCopyToClipboardFunction:Q}=await import("@storybook/components");Q()},[]),q=A=>{A.preventDefault(),C.filter(Q=>Q.title==="Copied").length===0&&w(m.props.code).then(()=>{S([...C,{title:"Copied",onClick:()=>{}}]),v.setTimeout(()=>S(C.filter(Q=>Q.title!=="Copied")),1500)})};return I.default.createElement(pa,{...{withSource:n,withToolbar:s},...p,className:x.join(" ")},s&&I.default.createElement(ma,{isLoading:e,border:!0,zoom:A=>h(b*A),resetZoom:()=>h(1),storyId:ca(r),baseUrl:"./iframe.html"}),I.default.createElement(St.Provider,{value:{scale:b}},I.default.createElement(ua,{className:"docs-story",onCopyCapture:n&&q},I.default.createElement(la,{isColumn:t||!Array.isArray(r),columns:o,layout:H},I.default.createElement(kt.Zoom.Element,{scale:b},Array.isArray(r)?r.map((A,Q)=>I.default.createElement("div",{key:Q},A)):I.default.createElement("div",null,r))),I.default.createElement(kt.ActionBar,{actionItems:V}))),n&&d&&m)},ga=(0,Ie.styled)(go)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Ur=()=>I.default.createElement(ga,{isLoading:!0,withToolbar:!0},I.default.createElement(Xe,null));var k=g(require("react")),Yn=g(require("lodash/pickBy")),Ut=require("@storybook/theming"),J=require("polished"),Xn=require("@storybook/csf"),Zn=require("@storybook/client-logger"),ue=require("@storybook/components");var j=g(require("react")),zn=g(require("markdown-to-jsx")),ot=require("polished"),Le=require("@storybook/theming"),Jn=require("@storybook/components");var te=g(require("react")),Hr=require("@storybook/theming"),Rr=require("@storybook/components"),fa=Hr.styled.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,Rr.codeCommon)({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),_r=({tags:e})=>{let t=(e.params||[]).filter(n=>n.description),o=t.length!==0,r=e.returns!=null&&e.returns.description!=null;return!o&&!r?null:te.default.createElement(fa,null,te.default.createElement("tbody",null,o&&t.map(n=>te.default.createElement("tr",{key:n.name},te.default.createElement("td",null,te.default.createElement("code",null,n.name)),te.default.createElement("td",null,n.description))),r&&te.default.createElement("tr",{key:"returns"},te.default.createElement("td",null,te.default.createElement("code",null,"Returns")),te.default.createElement("td",null,e.returns.description))))};var M=g(require("react")),Jr=g(require("memoizerific")),Gr=g(require("lodash/uniq")),Be=require("@storybook/theming"),le=require("@storybook/components"),fo=8,Wr=Be.styled.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),ha=Be.styled.span(le.codeCommon,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),ba=Be.styled.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),xa=Be.styled.div(le.codeCommon,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Ca=Be.styled.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Sa=(0,Be.styled)(le.Icons)({height:10,width:10,minWidth:10,marginLeft:4}),Pa=()=>M.default.createElement("span",null,"-"),Kr=({text:e,simple:t})=>M.default.createElement(ha,{simple:t},e),Ea=(0,Jr.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(o=>o.length))}ch`}),Ta=e=>{if(!e)return[e];let o=e.split("|").map(r=>r.trim());return(0,Gr.default)(o)},zr=(e,t=!0)=>{let o=e;return t||(o=e.slice(0,fo)),o.map(r=>M.default.createElement(Kr,{key:r,text:r===""?'""':r}))},ka=({value:e,initialExpandedArgs:t})=>{let{summary:o,detail:r}=e,[n,s]=(0,M.useState)(!1),[a,i]=(0,M.useState)(t||!1);if(o==null)return null;let l=typeof o.toString=="function"?o.toString():o;if(r==null){if(/[(){}[\]<>]/.test(l))return M.default.createElement(Kr,{text:l});let d=Ta(l),c=d.length;return c>fo?M.default.createElement(Wr,{isExpanded:a},zr(d,a),M.default.createElement(ba,{onClick:()=>i(!a)},a?"Show less...":`Show ${c-fo} more...`)):M.default.createElement(Wr,null,zr(d))}return M.default.createElement(le.WithTooltipPure,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:n,onVisibilityChange:p=>{s(p)},tooltip:M.default.createElement(Ca,{width:Ea(r)},M.default.createElement(le.SyntaxHighlighter,{language:"jsx",format:!1},r))},M.default.createElement(xa,{className:"sbdocs-expandable"},M.default.createElement("span",null,l),M.default.createElement(Sa,{icon:n?"arrowup":"arrowdown"})))},vt=({value:e,initialExpandedArgs:t})=>e==null?M.default.createElement(Pa,null):M.default.createElement(ka,{value:e,initialExpandedArgs:t});var z=g(require("react"));var Ee=g(require("react"));var Ce=g(require("react")),De=require("polished"),Yr=require("@storybook/theming"),Xr=require("@storybook/components");Y();var va=Yr.styled.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:(0,De.transparentize)(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${(0,De.opacify)(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${(0,De.opacify)(.05,e.appBorderColor)} 0 0 0 2px inset`,color:(0,De.opacify)(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${(0,De.opacify)(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),wa=e=>e==="true",ho=({name:e,value:t,onChange:o,onBlur:r,onFocus:n})=>{let s=(0,Ce.useCallback)(()=>o(!1),[o]);if(t===void 0)return Ce.default.createElement(Xr.Form.Button,{id:xe(e),onClick:s},"Set boolean");let a=B(e),i=typeof t=="string"?wa(t):t;return Ce.default.createElement(va,{htmlFor:a,title:i?"Change to false":"Change to true"},Ce.default.createElement("input",{id:a,type:"checkbox",onChange:l=>o(l.target.checked),checked:i,...{name:e,onBlur:r,onFocus:n}}),Ce.default.createElement("span",null,"False"),Ce.default.createElement("span",null,"True"))};var X=g(require("react")),Zr=require("@storybook/theming"),bo=require("@storybook/components");Y();var qr=e=>{let[t,o,r]=e.split("-"),n=new Date;return n.setFullYear(parseInt(t,10),parseInt(o,10)-1,parseInt(r,10)),n},Qr=e=>{let[t,o]=e.split(":"),r=new Date;return r.setHours(parseInt(t,10)),r.setMinutes(parseInt(o,10)),r},en=e=>{let t=new Date(e),o=`000${t.getFullYear()}`.slice(-4),r=`0${t.getMonth()+1}`.slice(-2),n=`0${t.getDate()}`.slice(-2);return`${o}-${r}-${n}`},tn=e=>{let t=new Date(e),o=`0${t.getHours()}`.slice(-2),r=`0${t.getMinutes()}`.slice(-2);return`${o}:${r}`},Aa=Zr.styled.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),xo=({name:e,value:t,onChange:o,onFocus:r,onBlur:n})=>{let[s,a]=(0,X.useState)(!0),i=(0,X.useRef)(),l=(0,X.useRef)();(0,X.useEffect)(()=>{s!==!1&&(i&&i.current&&(i.current.value=en(t)),l&&l.current&&(l.current.value=tn(t)))},[t]);let p=m=>{let y=qr(m.target.value),b=new Date(t);b.setFullYear(y.getFullYear(),y.getMonth(),y.getDate());let h=b.getTime();h&&o(h),a(!!h)},d=m=>{let y=Qr(m.target.value),b=new Date(t);b.setHours(y.getHours()),b.setMinutes(y.getMinutes());let h=b.getTime();h&&o(h),a(!!h)},c=B(e);return X.default.createElement(Aa,null,X.default.createElement(bo.Form.Input,{type:"date",max:"9999-12-31",ref:i,id:`${c}-date`,name:`${c}-date`,onChange:p,...{onFocus:r,onBlur:n}}),X.default.createElement(bo.Form.Input,{type:"time",id:`${c}-time`,name:`${c}-time`,ref:l,onChange:d,...{onFocus:r,onBlur:n}}),s?null:X.default.createElement("div",null,"invalid"))};var R=g(require("react")),on=require("@storybook/theming"),Co=require("@storybook/components");Y();var Ia=on.styled.label({display:"flex"}),So=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Ba=e=>e!=null?String(e):"",Po=({name:e,value:t,onChange:o,min:r,max:n,step:s,onBlur:a,onFocus:i})=>{let[l,p]=(0,R.useState)(typeof t=="number"?t:""),[d,c]=(0,R.useState)(!1),[m,y]=(0,R.useState)(null),b=(0,R.useCallback)(f=>{p(f.target.value);let C=parseFloat(f.target.value);Number.isNaN(C)?y(new Error(`'${f.target.value}' is not a number`)):(o(C),y(null))},[o,y]),h=(0,R.useCallback)(()=>{p("0"),o(0),c(!0)},[c]),x=(0,R.useRef)(null);return(0,R.useEffect)(()=>{d&&x.current&&x.current.select()},[d]),(0,R.useEffect)(()=>{l!==(typeof t=="number"?t:"")&&p(t)},[t]),!d&&t===void 0?R.default.createElement(Co.Form.Button,{id:xe(e),onClick:h},"Set number"):R.default.createElement(Ia,null,R.default.createElement(Co.Form.Input,{ref:x,id:B(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:l,valid:m?"error":null,autoFocus:d,...{name:e,min:r,max:n,step:s,onFocus:i,onBlur:a}}))};var cn=g(require("react"));var oe=g(require("react")),It=require("@storybook/theming"),rn=require("@storybook/client-logger");var wt=(e,t)=>{let o=t&&Object.entries(t).find(([r,n])=>n===e);return o?o[0]:void 0},Ze=(e,t)=>e&&t?Object.entries(t).filter(o=>e.includes(o[1])).map(o=>o[0]):[],At=(e,t)=>e&&t&&e.map(o=>t[o]);Y();var Da=It.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Fa=It.styled.span({}),Oa=It.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Eo=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return rn.logger.warn(`Checkbox with no options: ${e}`),oe.default.createElement(oe.default.Fragment,null,"-");let s=Ze(o,t),[a,i]=(0,oe.useState)(s),l=d=>{let c=d.target.value,m=[...a];m.includes(c)?m.splice(m.indexOf(c),1):m.push(c),r(At(m,t)),i(m)};(0,oe.useEffect)(()=>{i(Ze(o,t))},[o]);let p=B(e);return oe.default.createElement(Da,{isInline:n},Object.keys(t).map((d,c)=>{let m=`${p}-${c}`;return oe.default.createElement(Oa,{key:m,htmlFor:m},oe.default.createElement("input",{type:"checkbox",id:m,name:m,value:d,onChange:l,checked:a==null?void 0:a.includes(d)}),oe.default.createElement(Fa,null,d))}))};var Fe=g(require("react")),Bt=require("@storybook/theming"),nn=require("@storybook/client-logger");Y();var Na=Bt.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Va=Bt.styled.span({}),La=Bt.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),To=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return nn.logger.warn(`Radio with no options: ${e}`),Fe.default.createElement(Fe.default.Fragment,null,"-");let s=wt(o,t),a=B(e);return Fe.default.createElement(Na,{isInline:n},Object.keys(t).map((i,l)=>{let p=`${a}-${l}`;return Fe.default.createElement(La,{key:p,htmlFor:p},Fe.default.createElement("input",{type:"radio",id:p,name:p,value:i,onChange:d=>r(t[d.currentTarget.value]),checked:i===s}),Fe.default.createElement(Va,null,i))}))};var G=g(require("react")),ko=require("@storybook/theming"),an=require("@storybook/client-logger"),ln=require("@storybook/components");Y();var Ma={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},pn=ko.styled.select(({theme:e})=>({...Ma,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),dn=ko.styled.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),sn="Choose option...",ja=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{r(o[i.currentTarget.value])},s=wt(t,o)||sn,a=B(e);return G.default.createElement(dn,null,G.default.createElement(ln.Icons,{icon:"arrowdown"}),G.default.createElement(pn,{id:a,value:s,onChange:n},G.default.createElement("option",{key:"no-selection",disabled:!0},sn),Object.keys(o).map(i=>G.default.createElement("option",{key:i},i))))},$a=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{let l=Array.from(i.currentTarget.options).filter(p=>p.selected).map(p=>p.value);r(At(l,o))},s=Ze(t,o),a=B(e);return G.default.createElement(dn,null,G.default.createElement(pn,{id:a,multiple:!0,value:s,onChange:n},Object.keys(o).map(i=>G.default.createElement("option",{key:i},i))))},vo=e=>{let{name:t,options:o}=e;return o?e.isMulti?G.default.createElement($a,{...e}):G.default.createElement(ja,{...e}):(an.logger.warn(`Select with no options: ${t}`),G.default.createElement(G.default.Fragment,null,"-"))};var Ua=(e,t)=>Array.isArray(e)?e.reduce((o,r)=>(o[(t==null?void 0:t[r])||String(r)]=r,o),{}):e,Ha={check:Eo,"inline-check":Eo,radio:To,"inline-radio":To,select:vo,"multi-select":vo},Se=e=>{let{type:t="select",labels:o,argType:r}=e,n={...e,options:r?Ua(r.options,o):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},s=Ha[t];if(s)return cn.default.createElement(s,{...n});throw new Error(`Unknown options type: ${t}`)};var Bn=g(require("global")),Dn=g(require("lodash/cloneDeep")),T=g(require("react")),pe=require("@storybook/theming"),Pe=require("@storybook/components");var Ne=g(require("react"));var u=g(require("react"));var Dt="value",mn="key";var un="Error",yn="Object",gn="Array",fn="String",hn="Number",bn="Boolean",xn="Date",Cn="Null",Sn="Undefined",Pn="Function",En="Symbol";var wo="ADD_DELTA_TYPE",Ao="REMOVE_DELTA_TYPE",Io="UPDATE_DELTA_TYPE";function re(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function Bo(e,t){let o=re(e),r=re(t);return(o==="Function"||r==="Function")&&r!==o}var qe=class extends u.Component{constructor(t){super(t),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:t,inputRefValue:o}=this.state,{onlyValue:r}=this.props;t&&typeof t.focus=="function"&&t.focus(),r&&o&&typeof o.focus=="function"&&o.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(t){t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||t.repeat||((t.code==="Enter"||t.key==="Enter")&&(t.preventDefault(),this.onSubmit()),(t.code==="Escape"||t.key==="Escape")&&(t.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:t,onlyValue:o,onSubmitValueParser:r,keyPath:n,deep:s}=this.props,{inputRefKey:a,inputRefValue:i}=this.state,l={};if(!o){if(!a.value)return;l.key=a.value}l.newValue=r(!1,n,s,l.key,i.value),t(l)}refInputKey(t){this.state.inputRefKey=t}refInputValue(t){this.state.inputRefValue=t}render(){let{handleCancel:t,onlyValue:o,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:s,keyPath:a,deep:i}=this.props,l=(0,u.cloneElement)(r,{onClick:this.onSubmit}),p=(0,u.cloneElement)(n,{onClick:t}),d=s(Dt,a,i),c=(0,u.cloneElement)(d,{placeholder:"Value",ref:this.refInputValue}),m=null;if(!o){let y=s(mn,a,i);m=(0,u.cloneElement)(y,{placeholder:"Key",ref:this.refInputKey})}return u.default.createElement("span",{className:"rejt-add-value-node"},m,c,p,l)}};qe.defaultProps={onlyValue:!1,addButtonElement:u.default.createElement("button",null,"+"),cancelButtonElement:u.default.createElement("button",null,"c")};var Ft=class extends u.Component{constructor(t){super(t);let o=[...t.keyPath,t.name];this.state={data:t.data,name:t.name,keyPath:o,deep:t.deep,nextDeep:t.deep+1,collapsed:t.isCollapsed(o,t.deep,t.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(t,o){return t.data!==o.data?{data:t.data}:null}onChildUpdate(t,o){let{data:r,keyPath:n}=this.state;r[t]=o,this.setState({data:r});let{onUpdate:s}=this.props,a=n.length;s(n[a-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(t=>({collapsed:!t.collapsed}))}handleRemoveItem(t){return()=>{let{beforeRemoveAction:o,logger:r}=this.props,{data:n,keyPath:s,nextDeep:a}=this.state,i=n[t];o(t,s,a,i).then(()=>{let l={keyPath:s,deep:a,key:t,oldValue:i,type:Ao};n.splice(t,1),this.setState({data:n});let{onUpdate:p,onDeltaUpdate:d}=this.props;p(s[s.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:t}){let{data:o,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:s,logger:a}=this.props;s(o.length,r,n,t).then(()=>{let i=[...o,t];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:p}=this.props;l(r[r.length-1],i),p({type:wo,keyPath:r,deep:n,key:i.length-1,newValue:t})}).catch(a.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:t,value:o}){return new Promise((r,n)=>{let{beforeUpdateAction:s}=this.props,{data:a,keyPath:i,nextDeep:l}=this.state,p=a[t];s(t,i,l,p,o).then(()=>{a[t]=o,this.setState({data:a});let{onUpdate:d,onDeltaUpdate:c}=this.props;d(i[i.length-1],a),c({type:Io,keyPath:i,deep:l,key:t,newValue:o,oldValue:p}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:t,data:o,keyPath:r,deep:n}=this.state,{handleRemove:s,readOnly:a,getStyle:i,dataType:l,minusMenuElement:p}=this.props,{minus:d,collapsed:c}=i(t,o,r,n,l),m=a(t,o,r,n,l),y=(0,u.cloneElement)(p,{onClick:s,className:"rejt-minus-menu",style:d});return u.default.createElement("span",{className:"rejt-collapsed"},u.default.createElement("span",{className:"rejt-collapsed-text",style:c,onClick:this.handleCollapseMode},"[...] ",o.length," ",o.length===1?"item":"items"),!m&&y)}renderNotCollapsed(){let{name:t,data:o,keyPath:r,deep:n,addFormVisible:s,nextDeep:a}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:p,readOnly:d,getStyle:c,dataType:m,addButtonElement:y,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:V,beforeAddAction:H,beforeUpdateAction:v,logger:w,onSubmitValueParser:q}=this.props,{minus:A,plus:Q,delimiter:gt,ul:no,addForm:ft}=c(t,o,r,n,m),ht=d(t,o,r,n,m),Ke=(0,u.cloneElement)(S,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:Q}),so=(0,u.cloneElement)(C,{onClick:l,className:"rejt-minus-menu",style:A}),ao=!0,io="[",lo="]";return u.default.createElement("span",{className:"rejt-not-collapsed"},u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:gt},io),!s&&Ke,u.default.createElement("ul",{className:"rejt-not-collapsed-list",style:no},o.map((po,fe)=>u.default.createElement(Oe,{key:fe,name:`${fe}`,data:po,keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveItem(fe),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:p,readOnly:d,getStyle:c,addButtonElement:y,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:V,beforeAddAction:H,beforeUpdateAction:v,logger:w,onSubmitValueParser:q}))),!ht&&s&&u.default.createElement("div",{className:"rejt-add-form",style:ft},u.default.createElement(qe,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:ao,addButtonElement:y,cancelButtonElement:b,inputElementGenerator:x,keyPath:r,deep:n,onSubmitValueParser:q})),u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:gt},lo),!ht&&so)}render(){let{name:t,collapsed:o,data:r,keyPath:n,deep:s}=this.state,{dataType:a,getStyle:i}=this.props,l=o?this.renderCollapsed():this.renderNotCollapsed(),p=i(t,r,n,s,a);return u.default.createElement("div",{className:"rejt-array-node"},u.default.createElement("span",{onClick:this.handleCollapseMode},u.default.createElement("span",{className:"rejt-name",style:p.name},t," :"," ")),l)}};Ft.defaultProps={keyPath:[],deep:0,minusMenuElement:u.default.createElement("span",null," - "),plusMenuElement:u.default.createElement("span",null," + ")};var Ot=class extends u.Component{constructor(t){super(t);let o=[...t.keyPath,t.name];this.state={value:t.value,name:t.name,keyPath:o,deep:t.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(t,o){return t.value!==o.value?{value:t.value}:null}componentDidUpdate(){let{editEnabled:t,inputRef:o,name:r,value:n,keyPath:s,deep:a}=this.state,{readOnly:i,dataType:l}=this.props,p=i(r,n,s,a,l);t&&!p&&typeof o.focus=="function"&&o.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(t){t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||t.repeat||((t.code==="Enter"||t.key==="Enter")&&(t.preventDefault(),this.handleEdit()),(t.code==="Escape"||t.key==="Escape")&&(t.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:t,originalValue:o,logger:r,onSubmitValueParser:n,keyPath:s}=this.props,{inputRef:a,name:i,deep:l}=this.state;if(!a)return;let p=n(!0,s,l,i,a.value);t({value:p,key:i}).then(()=>{Bo(o,p)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(t){this.state.inputRef=t}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:t,value:o,editEnabled:r,keyPath:n,deep:s}=this.state,{handleRemove:a,originalValue:i,readOnly:l,dataType:p,getStyle:d,editButtonElement:c,cancelButtonElement:m,textareaElementGenerator:y,minusMenuElement:b,keyPath:h}=this.props,x=d(t,i,n,s,p),f=null,C=null,S=l(t,i,n,s,p);if(r&&!S){let V=y(Dt,h,s,t,i,p),H=(0,u.cloneElement)(c,{onClick:this.handleEdit}),v=(0,u.cloneElement)(m,{onClick:this.handleCancelEdit}),w=(0,u.cloneElement)(V,{ref:this.refInput,defaultValue:i});f=u.default.createElement("span",{className:"rejt-edit-form",style:x.editForm},w," ",v,H),C=null}else{f=u.default.createElement("span",{className:"rejt-value",style:x.value,onClick:S?null:this.handleEditMode},o);let V=(0,u.cloneElement)(b,{onClick:a,className:"rejt-minus-menu",style:x.minus});C=S?null:V}return u.default.createElement("li",{className:"rejt-function-value-node",style:x.li},u.default.createElement("span",{className:"rejt-name",style:x.name},t," :"," "),f,C)}};Ot.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:u.default.createElement("button",null,"e"),cancelButtonElement:u.default.createElement("button",null,"c"),minusMenuElement:u.default.createElement("span",null," - ")};var Oe=class extends u.Component{constructor(t){super(t),this.state={data:t.data,name:t.name,keyPath:t.keyPath,deep:t.deep}}static getDerivedStateFromProps(t,o){return t.data!==o.data?{data:t.data}:null}render(){let{data:t,name:o,keyPath:r,deep:n}=this.state,{isCollapsed:s,handleRemove:a,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:p,readOnly:d,getStyle:c,addButtonElement:m,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:V,beforeUpdateAction:H,logger:v,onSubmitValueParser:w}=this.props,q=()=>!0,A=re(t);switch(A){case un:return u.default.createElement(Qe,{data:t,name:o,isCollapsed:s,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:p,readOnly:q,dataType:A,getStyle:c,addButtonElement:m,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:V,beforeUpdateAction:H,logger:v,onSubmitValueParser:w});case yn:return u.default.createElement(Qe,{data:t,name:o,isCollapsed:s,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:p,readOnly:d,dataType:A,getStyle:c,addButtonElement:m,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:V,beforeUpdateAction:H,logger:v,onSubmitValueParser:w});case gn:return u.default.createElement(Ft,{data:t,name:o,isCollapsed:s,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:p,readOnly:d,dataType:A,getStyle:c,addButtonElement:m,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:V,beforeUpdateAction:H,logger:v,onSubmitValueParser:w});case fn:return u.default.createElement(se,{name:o,value:`"${t}"`,originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case hn:return u.default.createElement(se,{name:o,value:t,originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case bn:return u.default.createElement(se,{name:o,value:t?"true":"false",originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case xn:return u.default.createElement(se,{name:o,value:t.toISOString(),originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:q,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Cn:return u.default.createElement(se,{name:o,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Sn:return u.default.createElement(se,{name:o,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Pn:return u.default.createElement(Ot,{name:o,value:t.toString(),originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,textareaElementGenerator:x,minusMenuElement:f,logger:v,onSubmitValueParser:w});case En:return u.default.createElement(se,{name:o,value:t.toString(),originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:q,dataType:A,getStyle:c,cancelButtonElement:y,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});default:return null}}};Oe.defaultProps={keyPath:[],deep:0};var Qe=class extends u.Component{constructor(t){super(t);let o=t.deep===-1?[]:[...t.keyPath,t.name];this.state={name:t.name,data:t.data,keyPath:o,deep:t.deep,nextDeep:t.deep+1,collapsed:t.isCollapsed(o,t.deep,t.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(t,o){return t.data!==o.data?{data:t.data}:null}onChildUpdate(t,o){let{data:r,keyPath:n}=this.state;r[t]=o,this.setState({data:r});let{onUpdate:s}=this.props,a=n.length;s(n[a-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:t,newValue:o}){let{data:r,keyPath:n,nextDeep:s}=this.state,{beforeAddAction:a,logger:i}=this.props;a(t,n,s,o).then(()=>{r[t]=o,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:p}=this.props;l(n[n.length-1],r),p({type:wo,keyPath:n,deep:s,key:t,newValue:o})}).catch(i.error)}handleRemoveValue(t){return()=>{let{beforeRemoveAction:o,logger:r}=this.props,{data:n,keyPath:s,nextDeep:a}=this.state,i=n[t];o(t,s,a,i).then(()=>{let l={keyPath:s,deep:a,key:t,oldValue:i,type:Ao};delete n[t],this.setState({data:n});let{onUpdate:p,onDeltaUpdate:d}=this.props;p(s[s.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(t=>({collapsed:!t.collapsed}))}handleEditValue({key:t,value:o}){return new Promise((r,n)=>{let{beforeUpdateAction:s}=this.props,{data:a,keyPath:i,nextDeep:l}=this.state,p=a[t];s(t,i,l,p,o).then(()=>{a[t]=o,this.setState({data:a});let{onUpdate:d,onDeltaUpdate:c}=this.props;d(i[i.length-1],a),c({type:Io,keyPath:i,deep:l,key:t,newValue:o,oldValue:p}),r()}).catch(n)})}renderCollapsed(){let{name:t,keyPath:o,deep:r,data:n}=this.state,{handleRemove:s,readOnly:a,dataType:i,getStyle:l,minusMenuElement:p}=this.props,{minus:d,collapsed:c}=l(t,n,o,r,i),m=Object.getOwnPropertyNames(n),y=a(t,n,o,r,i),b=(0,u.cloneElement)(p,{onClick:s,className:"rejt-minus-menu",style:d});return u.default.createElement("span",{className:"rejt-collapsed"},u.default.createElement("span",{className:"rejt-collapsed-text",style:c,onClick:this.handleCollapseMode},"{...}"," ",m.length," ",m.length===1?"key":"keys"),!y&&b)}renderNotCollapsed(){let{name:t,data:o,keyPath:r,deep:n,nextDeep:s,addFormVisible:a}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:p,readOnly:d,getStyle:c,dataType:m,addButtonElement:y,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:V,beforeAddAction:H,beforeUpdateAction:v,logger:w,onSubmitValueParser:q}=this.props,{minus:A,plus:Q,addForm:gt,ul:no,delimiter:ft}=c(t,o,r,n,m),ht=Object.getOwnPropertyNames(o),Ke=d(t,o,r,n,m),so=(0,u.cloneElement)(S,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:Q}),ao=(0,u.cloneElement)(C,{onClick:l,className:"rejt-minus-menu",style:A}),io=ht.map(fe=>u.default.createElement(Oe,{key:fe,name:fe,data:o[fe],keyPath:r,deep:s,isCollapsed:i,handleRemove:this.handleRemoveValue(fe),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:p,readOnly:d,getStyle:c,addButtonElement:y,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:V,beforeAddAction:H,beforeUpdateAction:v,logger:w,onSubmitValueParser:q})),lo="{",po="}";return u.default.createElement("span",{className:"rejt-not-collapsed"},u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:ft},lo),!Ke&&so,u.default.createElement("ul",{className:"rejt-not-collapsed-list",style:no},io),!Ke&&a&&u.default.createElement("div",{className:"rejt-add-form",style:gt},u.default.createElement(qe,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:y,cancelButtonElement:b,inputElementGenerator:x,keyPath:r,deep:n,onSubmitValueParser:q})),u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:ft},po),!Ke&&ao)}render(){let{name:t,collapsed:o,data:r,keyPath:n,deep:s}=this.state,{getStyle:a,dataType:i}=this.props,l=o?this.renderCollapsed():this.renderNotCollapsed(),p=a(t,r,n,s,i);return u.default.createElement("div",{className:"rejt-object-node"},u.default.createElement("span",{onClick:this.handleCollapseMode},u.default.createElement("span",{className:"rejt-name",style:p.name},t," :"," ")),l)}};Qe.defaultProps={keyPath:[],deep:0,minusMenuElement:u.default.createElement("span",null," - "),plusMenuElement:u.default.createElement("span",null," + ")};var se=class extends u.Component{constructor(t){super(t);let o=[...t.keyPath,t.name];this.state={value:t.value,name:t.name,keyPath:o,deep:t.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(t,o){return t.value!==o.value?{value:t.value}:null}componentDidUpdate(){let{editEnabled:t,inputRef:o,name:r,value:n,keyPath:s,deep:a}=this.state,{readOnly:i,dataType:l}=this.props,p=i(r,n,s,a,l);t&&!p&&typeof o.focus=="function"&&o.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(t){t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||t.repeat||((t.code==="Enter"||t.key==="Enter")&&(t.preventDefault(),this.handleEdit()),(t.code==="Escape"||t.key==="Escape")&&(t.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:t,originalValue:o,logger:r,onSubmitValueParser:n,keyPath:s}=this.props,{inputRef:a,name:i,deep:l}=this.state;if(!a)return;let p=n(!0,s,l,i,a.value);t({value:p,key:i}).then(()=>{Bo(o,p)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(t){this.state.inputRef=t}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:t,value:o,editEnabled:r,keyPath:n,deep:s}=this.state,{handleRemove:a,originalValue:i,readOnly:l,dataType:p,getStyle:d,editButtonElement:c,cancelButtonElement:m,inputElementGenerator:y,minusMenuElement:b,keyPath:h}=this.props,x=d(t,i,n,s,p),f=l(t,i,n,s,p),C=r&&!f,S=y(Dt,h,s,t,i,p),V=(0,u.cloneElement)(c,{onClick:this.handleEdit}),H=(0,u.cloneElement)(m,{onClick:this.handleCancelEdit}),v=(0,u.cloneElement)(S,{ref:this.refInput,defaultValue:JSON.stringify(i)}),w=(0,u.cloneElement)(b,{onClick:a,className:"rejt-minus-menu",style:x.minus});return u.default.createElement("li",{className:"rejt-value-node",style:x.li},u.default.createElement("span",{className:"rejt-name",style:x.name},t," : "),C?u.default.createElement("span",{className:"rejt-edit-form",style:x.editForm},v," ",H,V):u.default.createElement("span",{className:"rejt-value",style:x.value,onClick:f?null:this.handleEditMode},String(o)),!f&&!C&&w)}};se.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:u.default.createElement("button",null,"e"),cancelButtonElement:u.default.createElement("button",null,"c"),minusMenuElement:u.default.createElement("span",null," - ")};var Tn={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},kn={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},vn={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function wn(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var et=class extends Ne.Component{constructor(t){super(t),this.state={data:t.data,rootName:t.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(t,o){return t.data!==o.data||t.rootName!==o.rootName?{data:t.data,rootName:t.rootName}:null}onUpdate(t,o){this.setState({data:o}),this.props.onFullyUpdate(o)}removeRoot(){this.onUpdate(null,null)}render(){let{data:t,rootName:o}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:s,getStyle:a,addButtonElement:i,cancelButtonElement:l,editButtonElement:p,inputElement:d,textareaElement:c,minusMenuElement:m,plusMenuElement:y,beforeRemoveAction:b,beforeAddAction:h,beforeUpdateAction:x,logger:f,onSubmitValueParser:C,fallback:S=null}=this.props,V=re(t),H=s;re(s)==="Boolean"&&(H=()=>s);let v=d;d&&re(d)!=="Function"&&(v=()=>d);let w=c;return c&&re(c)!=="Function"&&(w=()=>c),V==="Object"||V==="Array"?Ne.default.createElement("div",{className:"rejt-tree"},Ne.default.createElement(Oe,{data:t,name:o,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:H,getStyle:a,addButtonElement:i,cancelButtonElement:l,editButtonElement:p,inputElementGenerator:v,textareaElementGenerator:w,minusMenuElement:m,plusMenuElement:y,handleRemove:this.removeRoot,beforeRemoveAction:b,beforeAddAction:h,beforeUpdateAction:x,logger:f,onSubmitValueParser:C})):S}};et.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,o,r,n)=>{switch(n){case"Object":case"Error":return Tn;case"Array":return kn;default:return vn}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,o,r,n)=>wn(n),inputElement:()=>Ne.default.createElement("input",null),textareaElement:()=>Ne.default.createElement("textarea",null),fallback:null};Y();var{window:za}=Bn.default,Ja=pe.styled.div(({theme:e})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Do=pe.styled.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),An=(0,pe.styled)(Pe.Icons)(({theme:e,icon:t,disabled:o})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:o?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":o?{}:{color:t==="subtract"?e.color.negative:e.color.ancillary},"svg + &":{marginLeft:0}})),In=pe.styled.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Ga=(0,pe.styled)(Pe.IconButton)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),Ka=(0,pe.styled)(Pe.Form.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Ya={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Xa=e=>{e.currentTarget.dispatchEvent(new za.KeyboardEvent("keydown",Ya))},Za=e=>{e.currentTarget.select()},qa=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),Nt=({name:e,value:t,onChange:o})=>{let r=(0,pe.useTheme)(),n=(0,T.useMemo)(()=>t&&(0,Dn.default)(t),[t]),s=n!=null,[a,i]=(0,T.useState)(!s),[l,p]=(0,T.useState)(null),d=(0,T.useCallback)(x=>{try{x&&o(JSON.parse(x)),p(void 0)}catch(f){p(f)}},[o]),[c,m]=(0,T.useState)(!1),y=(0,T.useCallback)(()=>{o({}),m(!0)},[m]),b=(0,T.useRef)(null);if((0,T.useEffect)(()=>{c&&b.current&&b.current.select()},[c]),!s)return T.default.createElement(Pe.Form.Button,{id:xe(e),onClick:y},"Set object");let h=T.default.createElement(Ka,{ref:b,id:B(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>d(x.target.value),placeholder:"Edit JSON string...",autoFocus:c,valid:l?"error":null});return T.default.createElement(Ja,null,["Object","Array"].includes(re(n))&&T.default.createElement(Ga,{href:"#",onClick:x=>{x.preventDefault(),i(f=>!f)}},T.default.createElement(Pe.Icons,{icon:a?"eyeclose":"eye"}),T.default.createElement("span",null,"RAW")),a?h:T.default.createElement(et,{data:n,rootName:e,onFullyUpdate:o,getStyle:qa(r),cancelButtonElement:T.default.createElement(Do,{type:"button"},"Cancel"),editButtonElement:T.default.createElement(Do,{type:"submit"},"Save"),addButtonElement:T.default.createElement(Do,{type:"submit",primary:!0},"Save"),plusMenuElement:T.default.createElement(An,{icon:"add"}),minusMenuElement:T.default.createElement(An,{icon:"subtract"}),inputElement:(x,f,C,S)=>S?T.default.createElement(In,{onFocus:Za,onBlur:Xa}):T.default.createElement(In,null),fallback:h}))};var Ve=g(require("react")),Vt=require("@storybook/theming"),D=require("polished");Y();var Qa=Vt.styled.input(({theme:e,min:t,max:o,value:r})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, 
+var _s=Object.create;var xt=Object.defineProperty;var Ws=Object.getOwnPropertyDescriptor;var Js=Object.getOwnPropertyNames;var Gs=Object.getPrototypeOf,Ks=Object.prototype.hasOwnProperty;var br=(e,t)=>()=>(e&&(t=e(e=0)),t);var xr=(e,t)=>{for(var o in t)xt(e,o,{get:t[o],enumerable:!0})},Cr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Js(t))!Ks.call(e,n)&&n!==o&&xt(e,n,{get:()=>t[n],enumerable:!(r=Ws(t,n))||r.enumerable});return e};var y=(e,t,o)=>(o=e!=null?_s(Gs(e)):{},Cr(t||!e||!e.__esModule?xt(o,"default",{value:e,enumerable:!0}):o,e)),Ys=e=>Cr(xt({},"__esModule",{value:!0}),e);var I,Ce,X=br(()=>{I=e=>`control-${e.replace(/\s+/g,"-")}`,Ce=e=>`set-${e.replace(/\s+/g,"-")}`});var zn={};xr(zn,{ColorControl:()=>Hn,default:()=>Ti});var E,Re,K,Un,me,ue,ii,li,pi,di,ci,mi,ui,jn,gi,yi,Rn,jt,fi,hi,bi,jo,xi,Ci,$t,$n,ot,Si,Pi,Ut,Ei,Hn,Ti,_n=br(()=>{E=y(require("react")),Re=require("react-colorful"),K=y(require("color-convert")),Un=y(require("lodash/throttle")),me=require("@storybook/theming"),ue=require("@storybook/components");X();ii=me.styled.div({position:"relative",maxWidth:250}),li=(0,me.styled)(ue.WithTooltip)({position:"absolute",zIndex:1,top:4,left:4}),pi=me.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),di=(0,me.styled)(ue.TooltipNote)(({theme:e})=>({fontFamily:e.typography.fonts.base})),ci=me.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),mi=me.styled.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),ui=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,jn=({value:e,active:t,onClick:o,style:r,...n})=>{let s=`linear-gradient(${e}, ${e}), ${ui}, linear-gradient(#fff, #fff)`;return E.default.createElement(mi,{...n,...{active:t,onClick:o},style:{...r,backgroundImage:s}})},gi=(0,me.styled)(ue.Form.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),yi=(0,me.styled)(ue.Icons)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Rn=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(Rn||{}),jt=Object.values(Rn),fi=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,hi=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,bi=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,jo=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,xi=/^\s*#?([0-9a-f]{3})\s*$/i,Ci={["hex"]:Re.HexColorPicker,["rgb"]:Re.RgbaStringColorPicker,["hsl"]:Re.HslaStringColorPicker},$t={["hex"]:"transparent",["rgb"]:"rgba(0, 0, 0, 0)",["hsl"]:"hsla(0, 0%, 0%, 0)"},$n=e=>{let t=e==null?void 0:e.match(fi);if(!t)return[0,0,0,1];let[,o,r,n,s=1]=t;return[o,r,n,s].map(Number)},ot=e=>{if(!e)return;let t=!0;if(hi.test(e)){let[a,i,l,p]=$n(e),[d,c,m]=K.default.rgb.hsl([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:K.default.rgb.keyword([a,i,l]),colorSpace:"rgb",["rgb"]:e,["hsl"]:`hsla(${d}, ${c}%, ${m}%, ${p})`,["hex"]:`#${K.default.rgb.hex([a,i,l]).toLowerCase()}`}}if(bi.test(e)){let[a,i,l,p]=$n(e),[d,c,m]=K.default.hsl.rgb([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:K.default.hsl.keyword([a,i,l]),colorSpace:"hsl",["rgb"]:`rgba(${d}, ${c}, ${m}, ${p})`,["hsl"]:e,["hex"]:`#${K.default.hsl.hex([a,i,l]).toLowerCase()}`}}let o=e.replace("#",""),r=K.default.keyword.rgb(o)||K.default.hex.rgb(o),n=K.default.rgb.hsl(r),s=e;if(/[^#a-f0-9]/i.test(e)?s=o:jo.test(e)&&(s=`#${o}`),s.startsWith("#"))t=jo.test(s);else try{K.default.keyword.hex(s)}catch{t=!1}return{valid:t,value:s,keyword:K.default.rgb.keyword(r),colorSpace:"hex",["rgb"]:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,["hsl"]:`hsla(${n[0]}, ${n[1]}%, ${n[2]}%, 1)`,["hex"]:s}},Si=(e,t,o)=>{if(!e||!(t!=null&&t.valid))return $t[o];if(o!=="hex")return(t==null?void 0:t[o])||$t[o];if(!t.hex.startsWith("#"))try{return`#${K.default.keyword.hex(t.hex)}`}catch{return $t.hex}let r=t.hex.match(xi);if(!r)return jo.test(t.hex)?t.hex:$t.hex;let[n,s,a]=r[1].split("");return`#${n}${n}${s}${s}${a}${a}`},Pi=(e,t)=>{let[o,r]=(0,E.useState)(e||""),[n,s]=(0,E.useState)(()=>ot(o)),[a,i]=(0,E.useState)((n==null?void 0:n.colorSpace)||"hex");(0,E.useEffect)(()=>{e===void 0&&(r(""),s(void 0),i("hex"))},[e]);let l=(0,E.useMemo)(()=>Si(o,n,a).toLowerCase(),[o,n,a]),p=(0,E.useCallback)(c=>{let m=ot(c),g=(m==null?void 0:m.value)||c||"";r(g),g===""&&(s(void 0),t(void 0)),m&&(s(m),i(m.colorSpace),t(m.value))},[t]),d=(0,E.useCallback)(()=>{let c=jt.indexOf(a)+1;c>=jt.length&&(c=0),i(jt[c]);let m=(n==null?void 0:n[jt[c]])||"";r(m),t(m)},[n,a,t]);return{value:o,realValue:l,updateValue:p,color:n,colorSpace:a,cycleColorSpace:d}},Ut=e=>e.replace(/\s*/,"").toLowerCase(),Ei=(e,t,o)=>{let[r,n]=(0,E.useState)(t!=null&&t.valid?[t]:[]);(0,E.useEffect)(()=>{t===void 0&&n([])},[t]);let s=(0,E.useMemo)(()=>(e||[]).map(l=>typeof l=="string"?ot(l):l.title?{...ot(l.color),keyword:l.title}:ot(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),a=(0,E.useCallback)(i=>{!(i!=null&&i.valid)||s.some(l=>Ut(l[o])===Ut(i[o]))||n(l=>l.concat(i))},[o,s]);return{presets:s,addPreset:a}},Hn=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,presetColors:s,startOpen:a=!1})=>{let i=(0,E.useCallback)((0,Un.default)(o,200),[o]),{value:l,realValue:p,updateValue:d,color:c,colorSpace:m,cycleColorSpace:g}=Pi(t,i),{presets:b,addPreset:h}=Ei(s,c,m),x=Ci[m];return E.default.createElement(ii,null,E.default.createElement(li,{trigger:"click",startOpen:a,closeOnClick:!0,onVisibilityChange:()=>h(c),tooltip:E.default.createElement(pi,null,E.default.createElement(x,{color:p==="transparent"?"#000000":p,...{onChange:d,onFocus:r,onBlur:n}}),b.length>0&&E.default.createElement(ci,null,b.map((f,C)=>E.default.createElement(ue.WithTooltip,{key:`${f.value}-${C}`,hasChrome:!1,tooltip:E.default.createElement(di,{note:f.keyword||f.value})},E.default.createElement(jn,{value:f[m],active:c&&Ut(f[m])===Ut(c[m]),onClick:()=>d(f.value)})))))},E.default.createElement(jn,{value:p,style:{margin:4}})),E.default.createElement(gi,{id:I(e),value:l,onChange:f=>d(f.target.value),onFocus:f=>f.target.select(),placeholder:"Choose color..."}),l?E.default.createElement(yi,{icon:"markup",onClick:g}):null)},Ti=Hn});var zl={};xr(zl,{AddContext:()=>Il,Anchor:()=>dt,AnchorMdx:()=>Ol,ArgsTable:()=>Wt,BooleanControl:()=>bo,Canvas:()=>Qo,CodeOrSourceMdx:()=>Dl,ColorControl:()=>$o,ColorItem:()=>ms,ColorPalette:()=>us,ComponentsTable:()=>Go,DateControl:()=>Co,Description:()=>gt,DescriptionType:()=>As,Docs:()=>yr,DocsContainer:()=>er,DocsContext:()=>P,DocsPage:()=>ur,DocsStory:()=>yt,ExternalDocs:()=>$l,ExternalDocsContainer:()=>Ul,FilesControl:()=>Mo,HeaderMdx:()=>We,HeadersMdx:()=>Ml,Heading:()=>mr,IconGallery:()=>fs,IconItem:()=>ys,Meta:()=>Rl,NoControlsWarning:()=>rs,NumberControl:()=>Eo,ObjectControl:()=>Vt,OptionsControl:()=>Pe,PRIMARY_STORY:()=>ie,Primary:()=>dr,PureArgsTable:()=>ye,RangeControl:()=>Oo,Source:()=>Sl,SourceContainer:()=>Zo,SourceContext:()=>ze,SourceState:()=>qo,Stories:()=>eo,Story:()=>pr,StoryTable:()=>Es,Subheading:()=>ir,Subtitle:()=>or,TextControl:()=>Vo,Title:()=>tr,Typeset:()=>ss,Wrapper:()=>Hl,anchorBlockIdFromId:()=>bs,assertIsFn:()=>Bl,extractComponentArgTypes:()=>Yo,extractTitle:()=>Ds,format:()=>Da,formatDate:()=>on,formatTime:()=>rn,getComponent:()=>Ps,getStoryId:()=>Ms,getStoryProps:()=>js,parse:()=>Po,parseDate:()=>en,parseTime:()=>tn,storyBlockIdFromId:()=>lr,useDescriptionProps:()=>Bs,useSourceProps:()=>Gt});module.exports=Ys(zl);var se=y(require("react")),te=require("@storybook/theming"),kr=require("@storybook/components");var Sr=y(require("react")),Pr=require("polished"),Er=require("@storybook/theming"),Tr=require("@storybook/components"),Xs=Er.styled.div(Tr.withReset,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:(0,Pr.transparentize)(.3,e.color.defaultText),fontSize:e.typography.size.s2})),be=e=>Sr.default.createElement(Xs,{...e,className:"docblock-emptyblock"});var Zs=(0,te.styled)(kr.SyntaxHighlighter)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var qs=te.styled.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Ct=te.styled.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",["&:first-child"]:{margin:0}})),Qs=()=>se.default.createElement(qs,null,se.default.createElement(Ct,null),se.default.createElement(Ct,{style:{width:"80%"}}),se.default.createElement(Ct,{style:{width:"30%"}}),se.default.createElement(Ct,{style:{width:"80%"}})),Be=e=>{let{isLoading:t,error:o}=e;if(t)return se.default.createElement(Qs,null);if(o)return se.default.createElement(be,null,o);let{language:r,code:n,dark:s,format:a,...i}=e,l=se.default.createElement(Zs,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source",...i},n);if(typeof s>"u")return l;let p=s?te.themes.dark:te.themes.light;return se.default.createElement(te.ThemeProvider,{theme:(0,te.convert)(p)},l)};Be.defaultProps={format:!1};var vr=y(require("react")),wr=y(require("markdown-to-jsx")),St=require("@storybook/components"),Ar=({markdown:e})=>vr.default.createElement(wr.default,{options:{forceBlock:!0,overrides:{code:St.components.code,pre:St.components.pre,a:St.components.a}}},e);var uo=require("@storybook/components"),Xe=require("@storybook/theming"),Pt=require("polished"),ea=y(require("react")),Br=[".sb-unstyled",".sbdocs-preview",".sbdocs-pre",".sb-story",".docblock-source",".sb-anchor"].join(", "),V=e=>`& :where(${e}:not(${Br}, :where(${Br}) ${e}))`,go=600,Ir=Xe.styled.h1(uo.withReset,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${go}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),Dr=Xe.styled.h2(uo.withReset,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${go}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:(0,Pt.transparentize)(.25,e.color.defaultText)})),Fr=Xe.styled.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},o={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},r={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?(0,Pt.transparentize)(.1,e.color.defaultText):(0,Pt.transparentize)(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",...t,[V("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[V("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[V("div")]:t,[V("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[V("h1")]:{...t,...o,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.black},[V("h2")]:{...t,...o,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[V("h3")]:{...t,...o,fontSize:`${e.typography.size.m1}px`},[V("h4")]:{...t,...o,fontSize:`${e.typography.size.s3}px`},[V("h5")]:{...t,...o,fontSize:`${e.typography.size.s2}px`},[V("h6")]:{...t,...o,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[V("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[V("img")]:{maxWidth:"100%"},[V("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":r},[V("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[V("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":r},[V("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[V("span")]:{...t,"&.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"}},"&.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"}},"&.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"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[V("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[V("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Or=Xe.styled.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${go}px)`]:{}}));var B=y(require("react")),yo=require("polished"),Ie=require("@storybook/theming"),Rr=y(require("global")),wt=require("@storybook/components");var xe=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`});var z=y(require("react")),Nr=require("@storybook/theming"),Y=require("@storybook/components"),ta=({zoom:e,resetZoom:t})=>z.default.createElement(z.default.Fragment,null,z.default.createElement(Y.IconButton,{key:"zoomin",onClick:o=>{o.preventDefault(),e(.8)},title:"Zoom in"},z.default.createElement(Y.Icons,{icon:"zoom"})),z.default.createElement(Y.IconButton,{key:"zoomout",onClick:o=>{o.preventDefault(),e(1.25)},title:"Zoom out"},z.default.createElement(Y.Icons,{icon:"zoomout"})),z.default.createElement(Y.IconButton,{key:"zoomreset",onClick:o=>{o.preventDefault(),t()},title:"Reset zoom"},z.default.createElement(Y.Icons,{icon:"zoomreset"}))),oa=(0,Nr.styled)(Y.FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Lr=({isLoading:e,storyId:t,baseUrl:o,zoom:r,resetZoom:n,...s})=>z.default.createElement(oa,{...s},z.default.createElement(z.Fragment,{key:"left"},e?[1,2,3].map(a=>z.default.createElement(Y.IconButtonSkeleton,{key:a})):z.default.createElement(ta,{...{zoom:r,resetZoom:n}})));var Vr=require("react"),Et=(0,Vr.createContext)({scale:1});var jr=y(require("global")),$=y(require("react")),vt=require("@storybook/components");var kt=y(require("react")),Mr=y(require("global")),{window:ra}=Mr.default,Tt=class extends kt.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{id:o}=this.props;this.iframe=ra.document.getElementById(o)}shouldComponentUpdate(o){let{scale:r}=o;return r!==this.props.scale&&this.setIframeBodyStyle({width:`${r*100}%`,height:`${r*100}%`,transform:`scale(${1/r})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(o){return Object.assign(this.iframe.contentDocument.body.style,o)}render(){let{id:o,title:r,src:n,allowFullScreen:s,scale:a,...i}=this.props;return kt.default.createElement("iframe",{id:o,title:r,src:n,...s?{allow:"fullscreen"}:{},loading:"lazy",...i})}};var{PREVIEW_URL:na}=jr.default,sa=na||"iframe.html";var aa=e=>e?`Story "${e}" doesn't exist.`:"No component or story to display",ia=({storyFn:e,height:t,id:o})=>$.default.createElement($.Fragment,null,t?$.default.createElement("style",null,`#story--${o} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,$.default.createElement($.Fragment,null,e?(0,$.createElement)(e):$.default.createElement(be,null,aa(o)))),la=({id:e,title:t,height:o="500px"})=>$.default.createElement("div",{style:{width:"100%",height:o}},$.default.createElement(Et.Consumer,null,({scale:r})=>$.default.createElement(Tt,{key:"iframe",id:`iframe--${e}`,title:t,src:(0,vt.getStoryHref)(sa,e,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),$r=({children:e,error:t,inline:o,...r})=>{let{id:n,title:s,height:a}=r;return t?$.default.createElement(be,null,t):o?$.default.createElement(ia,{...r}):$.default.createElement(la,{id:n,title:s,height:a})},Ze=()=>$.default.createElement(vt.Loader,null);var pa=Ie.styled.div(({isColumn:e,columns:t,layout:o})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),Ur=(0,Ie.styled)(Be)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content)}})),da=Ie.styled.div(({theme:e,withSource:t,isExpanded:o})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...xe(e),borderBottomLeftRadius:t&&o&&0,borderBottomRightRadius:t&&o&&0,borderBottomWidth:o&&0}),({withToolbar:e})=>e&&{paddingTop:40}),ca=(e,t,o)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>o(!1)}};case t:return{source:B.default.createElement(Ur,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>o(!1)}};default:return{source:B.default.createElement(Ur,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>o(!0)}}}};function ma(e){if(B.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var ua=(0,Ie.styled)(Lr)({position:"absolute",top:0,left:0,right:0,height:40}),ga=Ie.styled.div({overflow:"hidden",position:"relative"}),ya=e=>e.reduce((t,o)=>t||(typeof o=="string"||typeof o=="number"?"padded":o.props&&o.props.parameters&&o.props.parameters.layout||"padded"),void 0),fo=({isLoading:e,isColumn:t,columns:o,children:r,withSource:n,withToolbar:s=!1,isExpanded:a=!1,additionalActions:i,className:l,...p})=>{let[d,c]=(0,B.useState)(a),{source:m,actionItem:g}=ca(n,d,c),[b,h]=(0,B.useState)(1),x=[l].concat(["sbdocs","sbdocs-preview"]),f=n?[g]:[],[C,S]=(0,B.useState)(i?[...i]:[]),N=[...f,...C],U=ya(B.Children.count(r)===1?[r]:r),{window:v}=Rr.default,w=(0,B.useCallback)(async A=>{let{createCopyToClipboardFunction:ee}=await import("@storybook/components");ee()},[]),Q=A=>{A.preventDefault(),C.filter(ee=>ee.title==="Copied").length===0&&w(m.props.code).then(()=>{S([...C,{title:"Copied",onClick:()=>{}}]),v.setTimeout(()=>S(C.filter(ee=>ee.title!=="Copied")),1500)})};return B.default.createElement(da,{...{withSource:n,withToolbar:s},...p,className:x.join(" ")},s&&B.default.createElement(ua,{isLoading:e,border:!0,zoom:A=>h(b*A),resetZoom:()=>h(1),storyId:ma(r),baseUrl:"./iframe.html"}),B.default.createElement(Et.Provider,{value:{scale:b}},B.default.createElement(ga,{className:"docs-story",onCopyCapture:n&&Q},B.default.createElement(pa,{isColumn:t||!Array.isArray(r),columns:o,layout:U},B.default.createElement(wt.Zoom.Element,{scale:b},Array.isArray(r)?r.map((A,ee)=>B.default.createElement("div",{key:ee},A)):B.default.createElement("div",null,r))),B.default.createElement(wt.ActionBar,{actionItems:N}))),n&&d&&m)},fa=(0,Ie.styled)(fo)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Hr=()=>B.default.createElement(fa,{isLoading:!0,withToolbar:!0},B.default.createElement(Ze,null));var k=y(require("react")),Zn=y(require("lodash/pickBy")),Ht=require("@storybook/theming"),J=require("polished"),qn=require("@storybook/csf"),Qn=require("@storybook/client-logger"),ge=require("@storybook/components");var j=y(require("react")),Gn=y(require("markdown-to-jsx")),rt=require("polished"),Me=require("@storybook/theming"),Kn=require("@storybook/components");var oe=y(require("react")),zr=require("@storybook/theming"),_r=require("@storybook/components"),ha=zr.styled.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,_r.codeCommon)({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),Wr=({tags:e})=>{let t=(e.params||[]).filter(n=>n.description),o=t.length!==0,r=e.returns!=null&&e.returns.description!=null;return!o&&!r?null:oe.default.createElement(ha,null,oe.default.createElement("tbody",null,o&&t.map(n=>oe.default.createElement("tr",{key:n.name},oe.default.createElement("td",null,oe.default.createElement("code",null,n.name)),oe.default.createElement("td",null,n.description))),r&&oe.default.createElement("tr",{key:"returns"},oe.default.createElement("td",null,oe.default.createElement("code",null,"Returns")),oe.default.createElement("td",null,e.returns.description))))};var M=y(require("react")),Kr=y(require("memoizerific")),Yr=y(require("lodash/uniq")),De=require("@storybook/theming"),pe=require("@storybook/components"),ho=8,Jr=De.styled.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),ba=De.styled.span(pe.codeCommon,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),xa=De.styled.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Ca=De.styled.div(pe.codeCommon,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Sa=De.styled.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Pa=(0,De.styled)(pe.Icons)({height:10,width:10,minWidth:10,marginLeft:4}),Ea=()=>M.default.createElement("span",null,"-"),Xr=({text:e,simple:t})=>M.default.createElement(ba,{simple:t},e),Ta=(0,Kr.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(o=>o.length))}ch`}),ka=e=>{if(!e)return[e];let o=e.split("|").map(r=>r.trim());return(0,Yr.default)(o)},Gr=(e,t=!0)=>{let o=e;return t||(o=e.slice(0,ho)),o.map(r=>M.default.createElement(Xr,{key:r,text:r===""?'""':r}))},va=({value:e,initialExpandedArgs:t})=>{let{summary:o,detail:r}=e,[n,s]=(0,M.useState)(!1),[a,i]=(0,M.useState)(t||!1);if(o==null)return null;let l=typeof o.toString=="function"?o.toString():o;if(r==null){if(/[(){}[\]<>]/.test(l))return M.default.createElement(Xr,{text:l});let d=ka(l),c=d.length;return c>ho?M.default.createElement(Jr,{isExpanded:a},Gr(d,a),M.default.createElement(xa,{onClick:()=>i(!a)},a?"Show less...":`Show ${c-ho} more...`)):M.default.createElement(Jr,null,Gr(d))}return M.default.createElement(pe.WithTooltipPure,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:n,onVisibilityChange:p=>{s(p)},tooltip:M.default.createElement(Sa,{width:Ta(r)},M.default.createElement(pe.SyntaxHighlighter,{language:"jsx",format:!1},r))},M.default.createElement(Ca,{className:"sbdocs-expandable"},M.default.createElement("span",null,l),M.default.createElement(Pa,{icon:n?"arrowup":"arrowdown"})))},At=({value:e,initialExpandedArgs:t})=>e==null?M.default.createElement(Ea,null):M.default.createElement(va,{value:e,initialExpandedArgs:t});var W=y(require("react"));var Te=y(require("react"));var Se=y(require("react")),Fe=require("polished"),Zr=require("@storybook/theming"),qr=require("@storybook/components");X();var wa=Zr.styled.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:(0,Fe.transparentize)(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${(0,Fe.opacify)(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${(0,Fe.opacify)(.05,e.appBorderColor)} 0 0 0 2px inset`,color:(0,Fe.opacify)(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${(0,Fe.opacify)(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Aa=e=>e==="true",bo=({name:e,value:t,onChange:o,onBlur:r,onFocus:n})=>{let s=(0,Se.useCallback)(()=>o(!1),[o]);if(t===void 0)return Se.default.createElement(qr.Form.Button,{id:Ce(e),onClick:s},"Set boolean");let a=I(e),i=typeof t=="string"?Aa(t):t;return Se.default.createElement(wa,{htmlFor:a,title:i?"Change to false":"Change to true"},Se.default.createElement("input",{id:a,type:"checkbox",onChange:l=>o(l.target.checked),checked:i,...{name:e,onBlur:r,onFocus:n}}),Se.default.createElement("span",null,"False"),Se.default.createElement("span",null,"True"))};var Z=y(require("react")),Qr=require("@storybook/theming"),xo=require("@storybook/components");X();var en=e=>{let[t,o,r]=e.split("-"),n=new Date;return n.setFullYear(parseInt(t,10),parseInt(o,10)-1,parseInt(r,10)),n},tn=e=>{let[t,o]=e.split(":"),r=new Date;return r.setHours(parseInt(t,10)),r.setMinutes(parseInt(o,10)),r},on=e=>{let t=new Date(e),o=`000${t.getFullYear()}`.slice(-4),r=`0${t.getMonth()+1}`.slice(-2),n=`0${t.getDate()}`.slice(-2);return`${o}-${r}-${n}`},rn=e=>{let t=new Date(e),o=`0${t.getHours()}`.slice(-2),r=`0${t.getMinutes()}`.slice(-2);return`${o}:${r}`},Ba=Qr.styled.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),Co=({name:e,value:t,onChange:o,onFocus:r,onBlur:n})=>{let[s,a]=(0,Z.useState)(!0),i=(0,Z.useRef)(),l=(0,Z.useRef)();(0,Z.useEffect)(()=>{s!==!1&&(i&&i.current&&(i.current.value=on(t)),l&&l.current&&(l.current.value=rn(t)))},[t]);let p=m=>{let g=en(m.target.value),b=new Date(t);b.setFullYear(g.getFullYear(),g.getMonth(),g.getDate());let h=b.getTime();h&&o(h),a(!!h)},d=m=>{let g=tn(m.target.value),b=new Date(t);b.setHours(g.getHours()),b.setMinutes(g.getMinutes());let h=b.getTime();h&&o(h),a(!!h)},c=I(e);return Z.default.createElement(Ba,null,Z.default.createElement(xo.Form.Input,{type:"date",max:"9999-12-31",ref:i,id:`${c}-date`,name:`${c}-date`,onChange:p,...{onFocus:r,onBlur:n}}),Z.default.createElement(xo.Form.Input,{type:"time",id:`${c}-time`,name:`${c}-time`,ref:l,onChange:d,...{onFocus:r,onBlur:n}}),s?null:Z.default.createElement("div",null,"invalid"))};var R=y(require("react")),nn=require("@storybook/theming"),So=require("@storybook/components");X();var Ia=nn.styled.label({display:"flex"}),Po=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Da=e=>e!=null?String(e):"",Eo=({name:e,value:t,onChange:o,min:r,max:n,step:s,onBlur:a,onFocus:i})=>{let[l,p]=(0,R.useState)(typeof t=="number"?t:""),[d,c]=(0,R.useState)(!1),[m,g]=(0,R.useState)(null),b=(0,R.useCallback)(f=>{p(f.target.value);let C=parseFloat(f.target.value);Number.isNaN(C)?g(new Error(`'${f.target.value}' is not a number`)):(o(C),g(null))},[o,g]),h=(0,R.useCallback)(()=>{p("0"),o(0),c(!0)},[c]),x=(0,R.useRef)(null);return(0,R.useEffect)(()=>{d&&x.current&&x.current.select()},[d]),(0,R.useEffect)(()=>{l!==(typeof t=="number"?t:"")&&p(t)},[t]),!d&&t===void 0?R.default.createElement(So.Form.Button,{id:Ce(e),onClick:h},"Set number"):R.default.createElement(Ia,null,R.default.createElement(So.Form.Input,{ref:x,id:I(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:l,valid:m?"error":null,autoFocus:d,...{name:e,min:r,max:n,step:s,onFocus:i,onBlur:a}}))};var un=y(require("react"));var re=y(require("react")),Dt=require("@storybook/theming"),sn=require("@storybook/client-logger");var Bt=(e,t)=>{let o=t&&Object.entries(t).find(([r,n])=>n===e);return o?o[0]:void 0},qe=(e,t)=>e&&t?Object.entries(t).filter(o=>e.includes(o[1])).map(o=>o[0]):[],It=(e,t)=>e&&t&&e.map(o=>t[o]);X();var Fa=Dt.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Oa=Dt.styled.span({}),Na=Dt.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),To=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return sn.logger.warn(`Checkbox with no options: ${e}`),re.default.createElement(re.default.Fragment,null,"-");let s=qe(o,t),[a,i]=(0,re.useState)(s),l=d=>{let c=d.target.value,m=[...a];m.includes(c)?m.splice(m.indexOf(c),1):m.push(c),r(It(m,t)),i(m)};(0,re.useEffect)(()=>{i(qe(o,t))},[o]);let p=I(e);return re.default.createElement(Fa,{isInline:n},Object.keys(t).map((d,c)=>{let m=`${p}-${c}`;return re.default.createElement(Na,{key:m,htmlFor:m},re.default.createElement("input",{type:"checkbox",id:m,name:m,value:d,onChange:l,checked:a==null?void 0:a.includes(d)}),re.default.createElement(Oa,null,d))}))};var Oe=y(require("react")),Ft=require("@storybook/theming"),an=require("@storybook/client-logger");X();var La=Ft.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Va=Ft.styled.span({}),Ma=Ft.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),ko=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return an.logger.warn(`Radio with no options: ${e}`),Oe.default.createElement(Oe.default.Fragment,null,"-");let s=Bt(o,t),a=I(e);return Oe.default.createElement(La,{isInline:n},Object.keys(t).map((i,l)=>{let p=`${a}-${l}`;return Oe.default.createElement(Ma,{key:p,htmlFor:p},Oe.default.createElement("input",{type:"radio",id:p,name:p,value:i,onChange:d=>r(t[d.currentTarget.value]),checked:i===s}),Oe.default.createElement(Va,null,i))}))};var G=y(require("react")),vo=require("@storybook/theming"),pn=require("@storybook/client-logger"),dn=require("@storybook/components");X();var ja={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},cn=vo.styled.select(({theme:e})=>({...ja,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),mn=vo.styled.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),ln="Choose option...",$a=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{r(o[i.currentTarget.value])},s=Bt(t,o)||ln,a=I(e);return G.default.createElement(mn,null,G.default.createElement(dn.Icons,{icon:"arrowdown"}),G.default.createElement(cn,{id:a,value:s,onChange:n},G.default.createElement("option",{key:"no-selection",disabled:!0},ln),Object.keys(o).map(i=>G.default.createElement("option",{key:i},i))))},Ua=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{let l=Array.from(i.currentTarget.options).filter(p=>p.selected).map(p=>p.value);r(It(l,o))},s=qe(t,o),a=I(e);return G.default.createElement(mn,null,G.default.createElement(cn,{id:a,multiple:!0,value:s,onChange:n},Object.keys(o).map(i=>G.default.createElement("option",{key:i},i))))},wo=e=>{let{name:t,options:o}=e;return o?e.isMulti?G.default.createElement(Ua,{...e}):G.default.createElement($a,{...e}):(pn.logger.warn(`Select with no options: ${t}`),G.default.createElement(G.default.Fragment,null,"-"))};var Ra=(e,t)=>Array.isArray(e)?e.reduce((o,r)=>(o[(t==null?void 0:t[r])||String(r)]=r,o),{}):e,Ha={check:To,"inline-check":To,radio:ko,"inline-radio":ko,select:wo,"multi-select":wo},Pe=e=>{let{type:t="select",labels:o,argType:r}=e,n={...e,options:r?Ra(r.options,o):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},s=Ha[t];if(s)return un.default.createElement(s,{...n});throw new Error(`Unknown options type: ${t}`)};var Fn=y(require("global")),On=y(require("lodash/cloneDeep")),T=y(require("react")),de=require("@storybook/theming"),Ee=require("@storybook/components");var Le=y(require("react"));var u=y(require("react"));var Ot="value",gn="key";var yn="Error",fn="Object",hn="Array",bn="String",xn="Number",Cn="Boolean",Sn="Date",Pn="Null",En="Undefined",Tn="Function",kn="Symbol";var Ao="ADD_DELTA_TYPE",Bo="REMOVE_DELTA_TYPE",Io="UPDATE_DELTA_TYPE";function ne(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function Do(e,t){let o=ne(e),r=ne(t);return(o==="Function"||r==="Function")&&r!==o}var Qe=class extends u.Component{constructor(t){super(t),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:t,inputRefValue:o}=this.state,{onlyValue:r}=this.props;t&&typeof t.focus=="function"&&t.focus(),r&&o&&typeof o.focus=="function"&&o.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(t){t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||t.repeat||((t.code==="Enter"||t.key==="Enter")&&(t.preventDefault(),this.onSubmit()),(t.code==="Escape"||t.key==="Escape")&&(t.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:t,onlyValue:o,onSubmitValueParser:r,keyPath:n,deep:s}=this.props,{inputRefKey:a,inputRefValue:i}=this.state,l={};if(!o){if(!a.value)return;l.key=a.value}l.newValue=r(!1,n,s,l.key,i.value),t(l)}refInputKey(t){this.state.inputRefKey=t}refInputValue(t){this.state.inputRefValue=t}render(){let{handleCancel:t,onlyValue:o,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:s,keyPath:a,deep:i}=this.props,l=(0,u.cloneElement)(r,{onClick:this.onSubmit}),p=(0,u.cloneElement)(n,{onClick:t}),d=s(Ot,a,i),c=(0,u.cloneElement)(d,{placeholder:"Value",ref:this.refInputValue}),m=null;if(!o){let g=s(gn,a,i);m=(0,u.cloneElement)(g,{placeholder:"Key",ref:this.refInputKey})}return u.default.createElement("span",{className:"rejt-add-value-node"},m,c,p,l)}};Qe.defaultProps={onlyValue:!1,addButtonElement:u.default.createElement("button",null,"+"),cancelButtonElement:u.default.createElement("button",null,"c")};var Nt=class extends u.Component{constructor(t){super(t);let o=[...t.keyPath,t.name];this.state={data:t.data,name:t.name,keyPath:o,deep:t.deep,nextDeep:t.deep+1,collapsed:t.isCollapsed(o,t.deep,t.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(t,o){return t.data!==o.data?{data:t.data}:null}onChildUpdate(t,o){let{data:r,keyPath:n}=this.state;r[t]=o,this.setState({data:r});let{onUpdate:s}=this.props,a=n.length;s(n[a-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(t=>({collapsed:!t.collapsed}))}handleRemoveItem(t){return()=>{let{beforeRemoveAction:o,logger:r}=this.props,{data:n,keyPath:s,nextDeep:a}=this.state,i=n[t];o(t,s,a,i).then(()=>{let l={keyPath:s,deep:a,key:t,oldValue:i,type:Bo};n.splice(t,1),this.setState({data:n});let{onUpdate:p,onDeltaUpdate:d}=this.props;p(s[s.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:t}){let{data:o,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:s,logger:a}=this.props;s(o.length,r,n,t).then(()=>{let i=[...o,t];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:p}=this.props;l(r[r.length-1],i),p({type:Ao,keyPath:r,deep:n,key:i.length-1,newValue:t})}).catch(a.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:t,value:o}){return new Promise((r,n)=>{let{beforeUpdateAction:s}=this.props,{data:a,keyPath:i,nextDeep:l}=this.state,p=a[t];s(t,i,l,p,o).then(()=>{a[t]=o,this.setState({data:a});let{onUpdate:d,onDeltaUpdate:c}=this.props;d(i[i.length-1],a),c({type:Io,keyPath:i,deep:l,key:t,newValue:o,oldValue:p}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:t,data:o,keyPath:r,deep:n}=this.state,{handleRemove:s,readOnly:a,getStyle:i,dataType:l,minusMenuElement:p}=this.props,{minus:d,collapsed:c}=i(t,o,r,n,l),m=a(t,o,r,n,l),g=(0,u.cloneElement)(p,{onClick:s,className:"rejt-minus-menu",style:d});return u.default.createElement("span",{className:"rejt-collapsed"},u.default.createElement("span",{className:"rejt-collapsed-text",style:c,onClick:this.handleCollapseMode},"[...] ",o.length," ",o.length===1?"item":"items"),!m&&g)}renderNotCollapsed(){let{name:t,data:o,keyPath:r,deep:n,addFormVisible:s,nextDeep:a}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:p,readOnly:d,getStyle:c,dataType:m,addButtonElement:g,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:N,beforeAddAction:U,beforeUpdateAction:v,logger:w,onSubmitValueParser:Q}=this.props,{minus:A,plus:ee,delimiter:ft,ul:ao,addForm:ht}=c(t,o,r,n,m),bt=d(t,o,r,n,m),Ye=(0,u.cloneElement)(S,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:ee}),io=(0,u.cloneElement)(C,{onClick:l,className:"rejt-minus-menu",style:A}),lo=!0,po="[",co="]";return u.default.createElement("span",{className:"rejt-not-collapsed"},u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:ft},po),!s&&Ye,u.default.createElement("ul",{className:"rejt-not-collapsed-list",style:ao},o.map((mo,he)=>u.default.createElement(Ne,{key:he,name:`${he}`,data:mo,keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveItem(he),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:p,readOnly:d,getStyle:c,addButtonElement:g,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:N,beforeAddAction:U,beforeUpdateAction:v,logger:w,onSubmitValueParser:Q}))),!bt&&s&&u.default.createElement("div",{className:"rejt-add-form",style:ht},u.default.createElement(Qe,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:lo,addButtonElement:g,cancelButtonElement:b,inputElementGenerator:x,keyPath:r,deep:n,onSubmitValueParser:Q})),u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:ft},co),!bt&&io)}render(){let{name:t,collapsed:o,data:r,keyPath:n,deep:s}=this.state,{dataType:a,getStyle:i}=this.props,l=o?this.renderCollapsed():this.renderNotCollapsed(),p=i(t,r,n,s,a);return u.default.createElement("div",{className:"rejt-array-node"},u.default.createElement("span",{onClick:this.handleCollapseMode},u.default.createElement("span",{className:"rejt-name",style:p.name},t," :"," ")),l)}};Nt.defaultProps={keyPath:[],deep:0,minusMenuElement:u.default.createElement("span",null," - "),plusMenuElement:u.default.createElement("span",null," + ")};var Lt=class extends u.Component{constructor(t){super(t);let o=[...t.keyPath,t.name];this.state={value:t.value,name:t.name,keyPath:o,deep:t.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(t,o){return t.value!==o.value?{value:t.value}:null}componentDidUpdate(){let{editEnabled:t,inputRef:o,name:r,value:n,keyPath:s,deep:a}=this.state,{readOnly:i,dataType:l}=this.props,p=i(r,n,s,a,l);t&&!p&&typeof o.focus=="function"&&o.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(t){t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||t.repeat||((t.code==="Enter"||t.key==="Enter")&&(t.preventDefault(),this.handleEdit()),(t.code==="Escape"||t.key==="Escape")&&(t.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:t,originalValue:o,logger:r,onSubmitValueParser:n,keyPath:s}=this.props,{inputRef:a,name:i,deep:l}=this.state;if(!a)return;let p=n(!0,s,l,i,a.value);t({value:p,key:i}).then(()=>{Do(o,p)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(t){this.state.inputRef=t}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:t,value:o,editEnabled:r,keyPath:n,deep:s}=this.state,{handleRemove:a,originalValue:i,readOnly:l,dataType:p,getStyle:d,editButtonElement:c,cancelButtonElement:m,textareaElementGenerator:g,minusMenuElement:b,keyPath:h}=this.props,x=d(t,i,n,s,p),f=null,C=null,S=l(t,i,n,s,p);if(r&&!S){let N=g(Ot,h,s,t,i,p),U=(0,u.cloneElement)(c,{onClick:this.handleEdit}),v=(0,u.cloneElement)(m,{onClick:this.handleCancelEdit}),w=(0,u.cloneElement)(N,{ref:this.refInput,defaultValue:i});f=u.default.createElement("span",{className:"rejt-edit-form",style:x.editForm},w," ",v,U),C=null}else{f=u.default.createElement("span",{className:"rejt-value",style:x.value,onClick:S?null:this.handleEditMode},o);let N=(0,u.cloneElement)(b,{onClick:a,className:"rejt-minus-menu",style:x.minus});C=S?null:N}return u.default.createElement("li",{className:"rejt-function-value-node",style:x.li},u.default.createElement("span",{className:"rejt-name",style:x.name},t," :"," "),f,C)}};Lt.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:u.default.createElement("button",null,"e"),cancelButtonElement:u.default.createElement("button",null,"c"),minusMenuElement:u.default.createElement("span",null," - ")};var Ne=class extends u.Component{constructor(t){super(t),this.state={data:t.data,name:t.name,keyPath:t.keyPath,deep:t.deep}}static getDerivedStateFromProps(t,o){return t.data!==o.data?{data:t.data}:null}render(){let{data:t,name:o,keyPath:r,deep:n}=this.state,{isCollapsed:s,handleRemove:a,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:p,readOnly:d,getStyle:c,addButtonElement:m,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:N,beforeUpdateAction:U,logger:v,onSubmitValueParser:w}=this.props,Q=()=>!0,A=ne(t);switch(A){case yn:return u.default.createElement(et,{data:t,name:o,isCollapsed:s,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:p,readOnly:Q,dataType:A,getStyle:c,addButtonElement:m,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:N,beforeUpdateAction:U,logger:v,onSubmitValueParser:w});case fn:return u.default.createElement(et,{data:t,name:o,isCollapsed:s,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:p,readOnly:d,dataType:A,getStyle:c,addButtonElement:m,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:N,beforeUpdateAction:U,logger:v,onSubmitValueParser:w});case hn:return u.default.createElement(Nt,{data:t,name:o,isCollapsed:s,keyPath:r,deep:n,handleRemove:a,onUpdate:l,onDeltaUpdate:p,readOnly:d,dataType:A,getStyle:c,addButtonElement:m,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,textareaElementGenerator:x,minusMenuElement:f,plusMenuElement:C,beforeRemoveAction:S,beforeAddAction:N,beforeUpdateAction:U,logger:v,onSubmitValueParser:w});case bn:return u.default.createElement(ae,{name:o,value:`"${t}"`,originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case xn:return u.default.createElement(ae,{name:o,value:t,originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Cn:return u.default.createElement(ae,{name:o,value:t?"true":"false",originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Sn:return u.default.createElement(ae,{name:o,value:t.toISOString(),originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:Q,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Pn:return u.default.createElement(ae,{name:o,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case En:return u.default.createElement(ae,{name:o,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});case Tn:return u.default.createElement(Lt,{name:o,value:t.toString(),originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:d,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,textareaElementGenerator:x,minusMenuElement:f,logger:v,onSubmitValueParser:w});case kn:return u.default.createElement(ae,{name:o,value:t.toString(),originalValue:t,keyPath:r,deep:n,handleRemove:a,handleUpdateValue:i,readOnly:Q,dataType:A,getStyle:c,cancelButtonElement:g,editButtonElement:b,inputElementGenerator:h,minusMenuElement:f,logger:v,onSubmitValueParser:w});default:return null}}};Ne.defaultProps={keyPath:[],deep:0};var et=class extends u.Component{constructor(t){super(t);let o=t.deep===-1?[]:[...t.keyPath,t.name];this.state={name:t.name,data:t.data,keyPath:o,deep:t.deep,nextDeep:t.deep+1,collapsed:t.isCollapsed(o,t.deep,t.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(t,o){return t.data!==o.data?{data:t.data}:null}onChildUpdate(t,o){let{data:r,keyPath:n}=this.state;r[t]=o,this.setState({data:r});let{onUpdate:s}=this.props,a=n.length;s(n[a-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:t,newValue:o}){let{data:r,keyPath:n,nextDeep:s}=this.state,{beforeAddAction:a,logger:i}=this.props;a(t,n,s,o).then(()=>{r[t]=o,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:p}=this.props;l(n[n.length-1],r),p({type:Ao,keyPath:n,deep:s,key:t,newValue:o})}).catch(i.error)}handleRemoveValue(t){return()=>{let{beforeRemoveAction:o,logger:r}=this.props,{data:n,keyPath:s,nextDeep:a}=this.state,i=n[t];o(t,s,a,i).then(()=>{let l={keyPath:s,deep:a,key:t,oldValue:i,type:Bo};delete n[t],this.setState({data:n});let{onUpdate:p,onDeltaUpdate:d}=this.props;p(s[s.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(t=>({collapsed:!t.collapsed}))}handleEditValue({key:t,value:o}){return new Promise((r,n)=>{let{beforeUpdateAction:s}=this.props,{data:a,keyPath:i,nextDeep:l}=this.state,p=a[t];s(t,i,l,p,o).then(()=>{a[t]=o,this.setState({data:a});let{onUpdate:d,onDeltaUpdate:c}=this.props;d(i[i.length-1],a),c({type:Io,keyPath:i,deep:l,key:t,newValue:o,oldValue:p}),r()}).catch(n)})}renderCollapsed(){let{name:t,keyPath:o,deep:r,data:n}=this.state,{handleRemove:s,readOnly:a,dataType:i,getStyle:l,minusMenuElement:p}=this.props,{minus:d,collapsed:c}=l(t,n,o,r,i),m=Object.getOwnPropertyNames(n),g=a(t,n,o,r,i),b=(0,u.cloneElement)(p,{onClick:s,className:"rejt-minus-menu",style:d});return u.default.createElement("span",{className:"rejt-collapsed"},u.default.createElement("span",{className:"rejt-collapsed-text",style:c,onClick:this.handleCollapseMode},"{...}"," ",m.length," ",m.length===1?"key":"keys"),!g&&b)}renderNotCollapsed(){let{name:t,data:o,keyPath:r,deep:n,nextDeep:s,addFormVisible:a}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:p,readOnly:d,getStyle:c,dataType:m,addButtonElement:g,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:N,beforeAddAction:U,beforeUpdateAction:v,logger:w,onSubmitValueParser:Q}=this.props,{minus:A,plus:ee,addForm:ft,ul:ao,delimiter:ht}=c(t,o,r,n,m),bt=Object.getOwnPropertyNames(o),Ye=d(t,o,r,n,m),io=(0,u.cloneElement)(S,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:ee}),lo=(0,u.cloneElement)(C,{onClick:l,className:"rejt-minus-menu",style:A}),po=bt.map(he=>u.default.createElement(Ne,{key:he,name:he,data:o[he],keyPath:r,deep:s,isCollapsed:i,handleRemove:this.handleRemoveValue(he),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:p,readOnly:d,getStyle:c,addButtonElement:g,cancelButtonElement:b,editButtonElement:h,inputElementGenerator:x,textareaElementGenerator:f,minusMenuElement:C,plusMenuElement:S,beforeRemoveAction:N,beforeAddAction:U,beforeUpdateAction:v,logger:w,onSubmitValueParser:Q})),co="{",mo="}";return u.default.createElement("span",{className:"rejt-not-collapsed"},u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:ht},co),!Ye&&io,u.default.createElement("ul",{className:"rejt-not-collapsed-list",style:ao},po),!Ye&&a&&u.default.createElement("div",{className:"rejt-add-form",style:ft},u.default.createElement(Qe,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:g,cancelButtonElement:b,inputElementGenerator:x,keyPath:r,deep:n,onSubmitValueParser:Q})),u.default.createElement("span",{className:"rejt-not-collapsed-delimiter",style:ht},mo),!Ye&&lo)}render(){let{name:t,collapsed:o,data:r,keyPath:n,deep:s}=this.state,{getStyle:a,dataType:i}=this.props,l=o?this.renderCollapsed():this.renderNotCollapsed(),p=a(t,r,n,s,i);return u.default.createElement("div",{className:"rejt-object-node"},u.default.createElement("span",{onClick:this.handleCollapseMode},u.default.createElement("span",{className:"rejt-name",style:p.name},t," :"," ")),l)}};et.defaultProps={keyPath:[],deep:0,minusMenuElement:u.default.createElement("span",null," - "),plusMenuElement:u.default.createElement("span",null," + ")};var ae=class extends u.Component{constructor(t){super(t);let o=[...t.keyPath,t.name];this.state={value:t.value,name:t.name,keyPath:o,deep:t.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(t,o){return t.value!==o.value?{value:t.value}:null}componentDidUpdate(){let{editEnabled:t,inputRef:o,name:r,value:n,keyPath:s,deep:a}=this.state,{readOnly:i,dataType:l}=this.props,p=i(r,n,s,a,l);t&&!p&&typeof o.focus=="function"&&o.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(t){t.altKey||t.ctrlKey||t.metaKey||t.shiftKey||t.repeat||((t.code==="Enter"||t.key==="Enter")&&(t.preventDefault(),this.handleEdit()),(t.code==="Escape"||t.key==="Escape")&&(t.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:t,originalValue:o,logger:r,onSubmitValueParser:n,keyPath:s}=this.props,{inputRef:a,name:i,deep:l}=this.state;if(!a)return;let p=n(!0,s,l,i,a.value);t({value:p,key:i}).then(()=>{Do(o,p)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(t){this.state.inputRef=t}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:t,value:o,editEnabled:r,keyPath:n,deep:s}=this.state,{handleRemove:a,originalValue:i,readOnly:l,dataType:p,getStyle:d,editButtonElement:c,cancelButtonElement:m,inputElementGenerator:g,minusMenuElement:b,keyPath:h}=this.props,x=d(t,i,n,s,p),f=l(t,i,n,s,p),C=r&&!f,S=g(Ot,h,s,t,i,p),N=(0,u.cloneElement)(c,{onClick:this.handleEdit}),U=(0,u.cloneElement)(m,{onClick:this.handleCancelEdit}),v=(0,u.cloneElement)(S,{ref:this.refInput,defaultValue:JSON.stringify(i)}),w=(0,u.cloneElement)(b,{onClick:a,className:"rejt-minus-menu",style:x.minus});return u.default.createElement("li",{className:"rejt-value-node",style:x.li},u.default.createElement("span",{className:"rejt-name",style:x.name},t," : "),C?u.default.createElement("span",{className:"rejt-edit-form",style:x.editForm},v," ",U,N):u.default.createElement("span",{className:"rejt-value",style:x.value,onClick:f?null:this.handleEditMode},String(o)),!f&&!C&&w)}};ae.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:u.default.createElement("button",null,"e"),cancelButtonElement:u.default.createElement("button",null,"c"),minusMenuElement:u.default.createElement("span",null," - ")};var vn={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},wn={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},An={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function Bn(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var tt=class extends Le.Component{constructor(t){super(t),this.state={data:t.data,rootName:t.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(t,o){return t.data!==o.data||t.rootName!==o.rootName?{data:t.data,rootName:t.rootName}:null}onUpdate(t,o){this.setState({data:o}),this.props.onFullyUpdate(o)}removeRoot(){this.onUpdate(null,null)}render(){let{data:t,rootName:o}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:s,getStyle:a,addButtonElement:i,cancelButtonElement:l,editButtonElement:p,inputElement:d,textareaElement:c,minusMenuElement:m,plusMenuElement:g,beforeRemoveAction:b,beforeAddAction:h,beforeUpdateAction:x,logger:f,onSubmitValueParser:C,fallback:S=null}=this.props,N=ne(t),U=s;ne(s)==="Boolean"&&(U=()=>s);let v=d;d&&ne(d)!=="Function"&&(v=()=>d);let w=c;return c&&ne(c)!=="Function"&&(w=()=>c),N==="Object"||N==="Array"?Le.default.createElement("div",{className:"rejt-tree"},Le.default.createElement(Ne,{data:t,name:o,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:U,getStyle:a,addButtonElement:i,cancelButtonElement:l,editButtonElement:p,inputElementGenerator:v,textareaElementGenerator:w,minusMenuElement:m,plusMenuElement:g,handleRemove:this.removeRoot,beforeRemoveAction:b,beforeAddAction:h,beforeUpdateAction:x,logger:f,onSubmitValueParser:C})):S}};tt.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,o,r,n)=>{switch(n){case"Object":case"Error":return vn;case"Array":return wn;default:return An}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,o,r,n)=>Bn(n),inputElement:()=>Le.default.createElement("input",null),textareaElement:()=>Le.default.createElement("textarea",null),fallback:null};X();var{window:Ja}=Fn.default,Ga=de.styled.div(({theme:e})=>({position:"relative",display:"flex",".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),Fo=de.styled.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),In=(0,de.styled)(Ee.Icons)(({theme:e,icon:t,disabled:o})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:o?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":o?{}:{color:t==="subtract"?e.color.negative:e.color.ancillary},"svg + &":{marginLeft:0}})),Dn=de.styled.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Ka=(0,de.styled)(Ee.IconButton)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),Ya=(0,de.styled)(Ee.Form.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Xa={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Za=e=>{e.currentTarget.dispatchEvent(new Ja.KeyboardEvent("keydown",Xa))},qa=e=>{e.currentTarget.select()},Qa=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),Vt=({name:e,value:t,onChange:o})=>{let r=(0,de.useTheme)(),n=(0,T.useMemo)(()=>t&&(0,On.default)(t),[t]),s=n!=null,[a,i]=(0,T.useState)(!s),[l,p]=(0,T.useState)(null),d=(0,T.useCallback)(x=>{try{x&&o(JSON.parse(x)),p(void 0)}catch(f){p(f)}},[o]),[c,m]=(0,T.useState)(!1),g=(0,T.useCallback)(()=>{o({}),m(!0)},[m]),b=(0,T.useRef)(null);if((0,T.useEffect)(()=>{c&&b.current&&b.current.select()},[c]),!s)return T.default.createElement(Ee.Form.Button,{id:Ce(e),onClick:g},"Set object");let h=T.default.createElement(Ya,{ref:b,id:I(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>d(x.target.value),placeholder:"Edit JSON string...",autoFocus:c,valid:l?"error":null});return T.default.createElement(Ga,null,["Object","Array"].includes(ne(n))&&T.default.createElement(Ka,{href:"#",onClick:x=>{x.preventDefault(),i(f=>!f)}},T.default.createElement(Ee.Icons,{icon:a?"eyeclose":"eye"}),T.default.createElement("span",null,"RAW")),a?h:T.default.createElement(tt,{data:n,rootName:e,onFullyUpdate:o,getStyle:Qa(r),cancelButtonElement:T.default.createElement(Fo,{type:"button"},"Cancel"),editButtonElement:T.default.createElement(Fo,{type:"submit"},"Save"),addButtonElement:T.default.createElement(Fo,{type:"submit",primary:!0},"Save"),plusMenuElement:T.default.createElement(In,{icon:"add"}),minusMenuElement:T.default.createElement(In,{icon:"subtract"}),inputElement:(x,f,C,S)=>S?T.default.createElement(Dn,{onFocus:qa,onBlur:Za}):T.default.createElement(Dn,null),fallback:h}))};var Ve=y(require("react")),Mt=require("@storybook/theming"),D=require("polished");X();var ei=Mt.styled.input(({theme:e,min:t,max:o,value:r})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, 
             ${e.color.green} 0%, ${e.color.green} ${(r-t)/(o-t)*100}%, 
             ${(0,D.darken)(.02,e.input.background)} ${(r-t)/(o-t)*100}%, 
             ${(0,D.darken)(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
@@ -16,10 +16,10 @@ var Rs=Object.create;var bt=Object.defineProperty;var _s=Object.getOwnPropertyDe
             ${(0,D.darken)(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
             ${e.color.green} 0%, ${e.color.green} ${(r-t)/(o-t)*100}%, 
             ${(0,D.lighten)(.02,e.input.background)} ${(r-t)/(o-t)*100}%, 
-            ${(0,D.lighten)(.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 ${(0,D.rgba)(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Fn=Vt.styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),ei=Vt.styled.div({display:"flex",alignItems:"center",width:"100%"});function ti(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 Fo=({name:e,value:t,onChange:o,min:r=0,max:n=100,step:s=1,onBlur:a,onFocus:i})=>{let l=c=>{o(So(c.target.value))},p=t!==void 0,d=(0,Ve.useMemo)(()=>ti(s),[s]);return Ve.default.createElement(ei,null,Ve.default.createElement(Fn,null,r),Ve.default.createElement(Qa,{id:B(e),type:"range",onChange:l,...{name:e,value:t,min:r,max:n,step:s,onFocus:i,onBlur:a}}),Ve.default.createElement(Fn,null,`${p?t.toFixed(d):"--"}`," / ",n))};var de=g(require("react")),No=require("@storybook/theming"),Oo=require("@storybook/components");Y();var oi=No.styled.label({display:"flex"}),ri=No.styled.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Vo=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,maxLength:s})=>{let a=c=>{o(c.target.value)},[i,l]=(0,de.useState)(!1),p=(0,de.useCallback)(()=>{o(""),l(!0)},[l]);if(t===void 0)return de.default.createElement(Oo.Form.Button,{id:xe(e),onClick:p},"Set string");let d=typeof t=="string";return de.default.createElement(oi,null,de.default.createElement(Oo.Form.Textarea,{id:B(e),maxLength:s,onChange:a,size:"flex",placeholder:"Edit string...",autoFocus:i,valid:d?null:"error",...{name:e,value:d?t:"",onFocus:r,onBlur:n}}),s&&de.default.createElement(ri,{isMaxed:(t==null?void 0:t.length)===s},(t==null?void 0:t.length)??0," / ",s))};var On=g(require("react")),Nn=require("@storybook/theming"),Vn=require("@storybook/components");Y();var ni=(0,Nn.styled)(Vn.Form.Input)({padding:10});function si(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Lo=({onChange:e,name:t,accept:o="image/*",value:r})=>{function n(s){if(!s.target.files)return;let a=Array.from(s.target.files).map(i=>URL.createObjectURL(i));e(a),si(r)}return On.default.createElement(ni,{id:B(t),type:"file",name:t,multiple:!0,onChange:n,accept:o,size:"flex"})};var Ti=(0,Ee.lazy)(()=>Promise.resolve().then(()=>(Rn(),Hn))),jo=e=>Ee.default.createElement(Ee.Suspense,{fallback:Ee.default.createElement("div",null)},Ee.default.createElement(Ti,{...e}));var ki={array:Nt,object:Nt,boolean:ho,color:jo,date:xo,number:Po,check:Se,"inline-check":Se,radio:Se,"inline-radio":Se,select:Se,"multi-select":Se,range:Fo,text:Vo,file:Lo},_n=()=>z.default.createElement(z.default.Fragment,null,"-"),Wn=({row:e,arg:t,updateArgs:o})=>{let{key:r,control:n}=e,[s,a]=(0,z.useState)(!1),[i,l]=(0,z.useState)({value:t});(0,z.useEffect)(()=>{s||l({value:t})},[s,t]);let p=(0,z.useCallback)(b=>(l({value:b}),o({[r]:b}),b),[o,r]),d=(0,z.useCallback)(()=>a(!1),[]),c=(0,z.useCallback)(()=>a(!0),[]);if(!n||n.disable)return z.default.createElement(_n,null);let m={name:r,argType:e,value:i.value,onChange:p,onBlur:d,onFocus:c},y=ki[n.type]||_n;return z.default.createElement(y,{...m,...n,controlType:n.type})};var vi=Le.styled.span({fontWeight:"bold"}),wi=Le.styled.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Ai=Le.styled.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...(0,Jn.codeCommon)({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Ii=Le.styled.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?(0,ot.transparentize)(.1,e.color.defaultText):(0,ot.transparentize)(.2,e.color.defaultText),marginTop:t?4:0})),Bi=Le.styled.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?(0,ot.transparentize)(.1,e.color.defaultText):(0,ot.transparentize)(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Di=Le.styled.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),rt=e=>{var y;let{row:t,updateArgs:o,compact:r,expandable:n,initialExpandedArgs:s}=e,{name:a,description:i}=t,l=t.table||{},p=l.type||t.type,d=l.defaultValue||t.defaultValue,c=(y=t.type)==null?void 0:y.required,m=i!=null&&i!=="";return j.default.createElement("tr",null,j.default.createElement(Di,{expandable:n},j.default.createElement(vi,null,a),c?j.default.createElement(wi,{title:"Required"},"*"):null),r?null:j.default.createElement("td",null,m&&j.default.createElement(Ai,null,j.default.createElement(zn.default,null,i)),l.jsDocTags!=null?j.default.createElement(j.default.Fragment,null,j.default.createElement(Bi,{hasDescription:m},j.default.createElement(vt,{value:p,initialExpandedArgs:s})),j.default.createElement(_r,{tags:l.jsDocTags})):j.default.createElement(Ii,{hasDescription:m},j.default.createElement(vt,{value:p,initialExpandedArgs:s}))),r?null:j.default.createElement("td",null,j.default.createElement(vt,{value:d,initialExpandedArgs:s})),o?j.default.createElement("td",null,j.default.createElement(Wn,{...e})):null)};var Z=g(require("react")),nt=require("polished"),Te=require("@storybook/theming"),Kn=require("@storybook/components"),Fi=(0,Te.styled)(Kn.Icons)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?(0,nt.transparentize)(.25,e.color.defaultText):(0,nt.transparentize)(.3,e.color.defaultText),border:"none",display:"inline-block"})),Oi=Te.styled.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Ni=Te.styled.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.black,fontSize:e.typography.size.s1-1,color:e.base==="light"?(0,nt.transparentize)(.4,e.color.defaultText):(0,nt.transparentize)(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Vi=Te.styled.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.content})),Li=Te.styled.td(({theme:e})=>({position:"relative"})),Mi=Te.styled.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${e.background.hoverable} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Gn=Te.styled.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"})),$t=({level:e="section",label:t,children:o,initialExpanded:r=!0,colSpan:n=3})=>{let[s,a]=(0,Z.useState)(r),i=e==="subsection"?Vi:Ni,l=(o==null?void 0:o.length)||0,p=e==="subsection"?`${l} item${l!==1?"s":""}`:"",d=s?"arrowdown":"arrowright",c=`${s?"Hide":"Show"} ${e==="subsection"?l:t} item${l!==1?"s":""}`;return Z.default.createElement(Z.default.Fragment,null,Z.default.createElement(Mi,{title:c},Z.default.createElement(i,{colSpan:1},Z.default.createElement(Gn,{onClick:m=>a(!s),tabIndex:0},c),Z.default.createElement(Oi,null,Z.default.createElement(Fi,{icon:d}),t)),Z.default.createElement(Li,{colSpan:n-1},Z.default.createElement(Gn,{onClick:m=>a(!s),tabIndex:-1,style:{outline:"none"}},c),s?null:p)),s?o:null)};var ji=Ut.styled.table(({theme:e,compact:t,inAddonPanel:o})=>({"&&":{borderCollapse:"collapse",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:o?0:25,marginBottom:o?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"?(0,J.transparentize)(.25,e.color.defaultText):(0,J.transparentize)(.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:o?0:1,marginRight:o?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:o?0:e.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:o?0:e.appBorderRadius}},tbody:{boxShadow:!o&&(e.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
+            ${(0,D.lighten)(.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 ${(0,D.rgba)(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Nn=Mt.styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),ti=Mt.styled.div({display:"flex",alignItems:"center",width:"100%"});function oi(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 Oo=({name:e,value:t,onChange:o,min:r=0,max:n=100,step:s=1,onBlur:a,onFocus:i})=>{let l=c=>{o(Po(c.target.value))},p=t!==void 0,d=(0,Ve.useMemo)(()=>oi(s),[s]);return Ve.default.createElement(ti,null,Ve.default.createElement(Nn,null,r),Ve.default.createElement(ei,{id:I(e),type:"range",onChange:l,...{name:e,value:t,min:r,max:n,step:s,onFocus:i,onBlur:a}}),Ve.default.createElement(Nn,null,`${p?t.toFixed(d):"--"}`," / ",n))};var ce=y(require("react")),Lo=require("@storybook/theming"),No=require("@storybook/components");X();var ri=Lo.styled.label({display:"flex"}),ni=Lo.styled.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Vo=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,maxLength:s})=>{let a=c=>{o(c.target.value)},[i,l]=(0,ce.useState)(!1),p=(0,ce.useCallback)(()=>{o(""),l(!0)},[l]);if(t===void 0)return ce.default.createElement(No.Form.Button,{id:Ce(e),onClick:p},"Set string");let d=typeof t=="string";return ce.default.createElement(ri,null,ce.default.createElement(No.Form.Textarea,{id:I(e),maxLength:s,onChange:a,size:"flex",placeholder:"Edit string...",autoFocus:i,valid:d?null:"error",...{name:e,value:d?t:"",onFocus:r,onBlur:n}}),s&&ce.default.createElement(ni,{isMaxed:(t==null?void 0:t.length)===s},(t==null?void 0:t.length)??0," / ",s))};var Ln=y(require("react")),Vn=require("@storybook/theming"),Mn=require("@storybook/components");X();var si=(0,Vn.styled)(Mn.Form.Input)({padding:10});function ai(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Mo=({onChange:e,name:t,accept:o="image/*",value:r})=>{function n(s){if(!s.target.files)return;let a=Array.from(s.target.files).map(i=>URL.createObjectURL(i));e(a),ai(r)}return Ln.default.createElement(si,{id:I(t),type:"file",name:t,multiple:!0,onChange:n,accept:o,size:"flex"})};var ki=(0,Te.lazy)(()=>Promise.resolve().then(()=>(_n(),zn))),$o=e=>Te.default.createElement(Te.Suspense,{fallback:Te.default.createElement("div",null)},Te.default.createElement(ki,{...e}));var vi={array:Vt,object:Vt,boolean:bo,color:$o,date:Co,number:Eo,check:Pe,"inline-check":Pe,radio:Pe,"inline-radio":Pe,select:Pe,"multi-select":Pe,range:Oo,text:Vo,file:Mo},Wn=()=>W.default.createElement(W.default.Fragment,null,"-"),Jn=({row:e,arg:t,updateArgs:o})=>{let{key:r,control:n}=e,[s,a]=(0,W.useState)(!1),[i,l]=(0,W.useState)({value:t});(0,W.useEffect)(()=>{s||l({value:t})},[s,t]);let p=(0,W.useCallback)(b=>(l({value:b}),o({[r]:b}),b),[o,r]),d=(0,W.useCallback)(()=>a(!1),[]),c=(0,W.useCallback)(()=>a(!0),[]);if(!n||n.disable)return W.default.createElement(Wn,null);let m={name:r,argType:e,value:i.value,onChange:p,onBlur:d,onFocus:c},g=vi[n.type]||Wn;return W.default.createElement(g,{...m,...n,controlType:n.type})};var wi=Me.styled.span({fontWeight:"bold"}),Ai=Me.styled.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Bi=Me.styled.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...(0,Kn.codeCommon)({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Ii=Me.styled.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?(0,rt.transparentize)(.1,e.color.defaultText):(0,rt.transparentize)(.2,e.color.defaultText),marginTop:t?4:0})),Di=Me.styled.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?(0,rt.transparentize)(.1,e.color.defaultText):(0,rt.transparentize)(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Fi=Me.styled.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),nt=e=>{var g;let{row:t,updateArgs:o,compact:r,expandable:n,initialExpandedArgs:s}=e,{name:a,description:i}=t,l=t.table||{},p=l.type||t.type,d=l.defaultValue||t.defaultValue,c=(g=t.type)==null?void 0:g.required,m=i!=null&&i!=="";return j.default.createElement("tr",null,j.default.createElement(Fi,{expandable:n},j.default.createElement(wi,null,a),c?j.default.createElement(Ai,{title:"Required"},"*"):null),r?null:j.default.createElement("td",null,m&&j.default.createElement(Bi,null,j.default.createElement(Gn.default,null,i)),l.jsDocTags!=null?j.default.createElement(j.default.Fragment,null,j.default.createElement(Di,{hasDescription:m},j.default.createElement(At,{value:p,initialExpandedArgs:s})),j.default.createElement(Wr,{tags:l.jsDocTags})):j.default.createElement(Ii,{hasDescription:m},j.default.createElement(At,{value:p,initialExpandedArgs:s}))),r?null:j.default.createElement("td",null,j.default.createElement(At,{value:d,initialExpandedArgs:s})),o?j.default.createElement("td",null,j.default.createElement(Jn,{...e})):null)};var q=y(require("react")),st=require("polished"),ke=require("@storybook/theming"),Xn=require("@storybook/components"),Oi=(0,ke.styled)(Xn.Icons)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?(0,st.transparentize)(.25,e.color.defaultText):(0,st.transparentize)(.3,e.color.defaultText),border:"none",display:"inline-block"})),Ni=ke.styled.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Li=ke.styled.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.black,fontSize:e.typography.size.s1-1,color:e.base==="light"?(0,st.transparentize)(.4,e.color.defaultText):(0,st.transparentize)(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Vi=ke.styled.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.content})),Mi=ke.styled.td(({theme:e})=>({position:"relative"})),ji=ke.styled.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${e.background.hoverable} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Yn=ke.styled.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"})),Rt=({level:e="section",label:t,children:o,initialExpanded:r=!0,colSpan:n=3})=>{let[s,a]=(0,q.useState)(r),i=e==="subsection"?Vi:Li,l=(o==null?void 0:o.length)||0,p=e==="subsection"?`${l} item${l!==1?"s":""}`:"",d=s?"arrowdown":"arrowright",c=`${s?"Hide":"Show"} ${e==="subsection"?l:t} item${l!==1?"s":""}`;return q.default.createElement(q.default.Fragment,null,q.default.createElement(ji,{title:c},q.default.createElement(i,{colSpan:1},q.default.createElement(Yn,{onClick:m=>a(!s),tabIndex:0},c),q.default.createElement(Ni,null,q.default.createElement(Oi,{icon:d}),t)),q.default.createElement(Mi,{colSpan:n-1},q.default.createElement(Yn,{onClick:m=>a(!s),tabIndex:-1,style:{outline:"none"}},c),s?null:p)),s?o:null)};var $i=Ht.styled.table(({theme:e,compact:t,inAddonPanel:o})=>({"&&":{borderCollapse:"collapse",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:o?0:25,marginBottom:o?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"?(0,J.transparentize)(.25,e.color.defaultText):(0,J.transparentize)(.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:o?0:1,marginRight:o?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:o?0:e.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:o?0:e.appBorderRadius}},tbody:{boxShadow:!o&&(e.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
           ${(0,J.transparentize)(.035,e.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
-          ${(0,J.opacify)(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...o&&{borderColor:"transparent"},...!o&&{borderColor:e.base==="light"?(0,J.transparentize)(.035,e.appBorderColor):(0,J.opacify)(.05,e.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...o?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,J.darken)(.1,e.background.content):(0,J.lighten)(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,J.darken)(.1,e.background.content):(0,J.lighten)(.05,e.background.content)}}},td:{background:e.background.content}}}}),({isLoading:e,theme:t})=>e?{"th span, td span, td button":{display:"inline",backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`,color:"transparent",boxShadow:"none",borderRadius:0}}:{}),$i=(0,Ut.styled)(ue.IconButton)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),Ui=Ut.styled.span({display:"flex",justifyContent:"space-between"});var Hi={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var o,r;return Number(!!((o=t.type)!=null&&o.required))-Number(!!((r=e.type)!=null&&r.required))||e.name.localeCompare(t.name)},none:void 0},$o=e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),Ri={rows:{row1:$o("row1"),row2:$o("row2"),row3:$o("row3")}},_i=(e,t)=>{let o={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return o;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:p}=(i==null?void 0:i.table)||{};if(l){let d=o.sections[l]||{ungrouped:[],subsections:{}};if(!p)d.ungrouped.push({key:a,...i});else{let c=d.subsections[p]||[];c.push({key:a,...i}),d.subsections[p]=c}o.sections[l]=d}else if(p){let d=o.ungroupedSubsections[p]||[];d.push({key:a,...i}),o.ungroupedSubsections[p]=d}else o.ungrouped.push({key:a,...i})});let r=Hi[t],n=a=>r?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(r)}),{}):a;return{ungrouped:o.ungrouped.sort(r),ungroupedSubsections:n(o.ungroupedSubsections),sections:Object.keys(o.sections).reduce((a,i)=>({...a,[i]:{ungrouped:o.sections[i].ungrouped.sort(r),subsections:n(o.sections[i].subsections)}}),{})}},Wi=(e,t,o)=>{try{return(0,Xn.includeConditionalArg)(e,t,o)}catch(r){return Zn.once.warn(r.message),!1}},ye=e=>{if("error"in e)return k.default.createElement(he,null,e.error,"\xA0",k.default.createElement(ue.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:o,compact:r,inAddonPanel:n,initialExpandedArgs:s,sort:a="none"}=e,i="isLoading"in e,{rows:l,args:p,globals:d}="rows"in e?e:Ri,c=_i((0,Yn.default)(l,h=>{var x;return!((x=h==null?void 0:h.table)!=null&&x.disable)&&Wi(h,p||{},d||{})}),a);if(c.ungrouped.length===0&&Object.entries(c.sections).length===0&&Object.entries(c.ungroupedSubsections).length===0)return k.default.createElement(he,null,"No inputs found for this component.\xA0",k.default.createElement(ue.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let m=1;t&&(m+=1),r||(m+=2);let y=Object.keys(c.sections).length>0,b={updateArgs:t,compact:r,inAddonPanel:n,initialExpandedArgs:s};return k.default.createElement(ue.ResetWrapper,null,k.default.createElement(ji,{"aria-hidden":i,...{compact:r,inAddonPanel:n,isLoading:i},className:"docblock-argstable"},k.default.createElement("thead",{className:"docblock-argstable-head"},k.default.createElement("tr",null,k.default.createElement("th",null,k.default.createElement("span",null,"Name")),r?null:k.default.createElement("th",null,k.default.createElement("span",null,"Description")),r?null:k.default.createElement("th",null,k.default.createElement("span",null,"Default")),t?k.default.createElement("th",null,k.default.createElement(Ui,null,"Control"," ",!i&&o&&k.default.createElement($i,{onClick:()=>o(),title:"Reset controls"},k.default.createElement(ue.Icons,{icon:"undo","aria-hidden":!0})))):null)),k.default.createElement("tbody",{className:"docblock-argstable-body"},c.ungrouped.map(h=>k.default.createElement(rt,{key:h.key,row:h,arg:p&&p[h.key],...b})),Object.entries(c.ungroupedSubsections).map(([h,x])=>k.default.createElement($t,{key:h,label:h,level:"subsection",colSpan:m},x.map(f=>k.default.createElement(rt,{key:f.key,row:f,arg:p&&p[f.key],expandable:y,...b})))),Object.entries(c.sections).map(([h,x])=>k.default.createElement($t,{key:h,label:h,level:"section",colSpan:m},x.ungrouped.map(f=>k.default.createElement(rt,{key:f.key,row:f,arg:p&&p[f.key],...b})),Object.entries(x.subsections).map(([f,C])=>k.default.createElement($t,{key:f,label:f,level:"subsection",colSpan:m},C.map(S=>k.default.createElement(rt,{key:S.key,row:S,arg:p&&p[S.key],expandable:y,...b})))))))))};var st=g(require("react")),qn=require("@storybook/components");var Uo=({tabs:e,...t})=>{let o=Object.entries(e);return o.length===1?st.default.createElement(ye,{...o[0][1],...t}):st.default.createElement(qn.TabsState,null,o.map(r=>{let[n,s]=r,a=`prop_table_div_${n}`;return st.default.createElement("div",{key:a,id:a,title:n},({active:l})=>l?st.default.createElement(ye,{key:`prop_table_${n}`,...s,...t}):null)}))};var Ho=g(require("react")),Qn=require("@storybook/theming"),es=require("@storybook/components"),zi=Qn.styled.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),ts=()=>Ho.default.createElement(zi,null,"This story is not configured to handle controls."," ",Ho.default.createElement(es.Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));var at=g(require("react")),Ro=require("polished"),it=require("@storybook/theming"),os=require("@storybook/components");var Ji=it.styled.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?(0,Ro.transparentize)(.4,e.color.defaultText):(0,Ro.transparentize)(.6,e.color.defaultText)})),Gi=it.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Ki=it.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Yi=it.styled.div(os.withReset,({theme:e})=>({...be(e),margin:"25px 0 40px",padding:"30px 20px"})),rs=({fontFamily:e,fontSizes:t,fontWeight:o,sampleText:r,...n})=>at.default.createElement(Yi,{...n,className:"docblock-typeset"},t.map(s=>at.default.createElement(Ki,{key:s},at.default.createElement(Ji,null,s),at.default.createElement(Gi,{style:{fontFamily:e,fontSize:s,fontWeight:o,lineHeight:1.2}},r||"Was he a beast if music could move him so?"))));var N=g(require("react")),Me=require("polished"),W=require("@storybook/theming"),ps=require("@storybook/components");var Xi=W.styled.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Zi=W.styled.div(({theme:e})=>({color:e.base==="light"?(0,Me.transparentize)(.2,e.color.defaultText):(0,Me.transparentize)(.6,e.color.defaultText)})),qi=W.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),Qi=W.styled.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"?(0,Me.transparentize)(.4,e.color.defaultText):(0,Me.transparentize)(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),ns=W.styled.div({display:"flex",flexDirection:"row"}),el=W.styled.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),ss=W.styled.div(({theme:e})=>({...be(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"})),as=W.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),tl=W.styled.div({flex:1,display:"flex",flexDirection:"row"}),ol=W.styled.div({display:"flex",alignItems:"flex-start"}),rl=W.styled.div({flex:"0 0 30%"}),nl=W.styled.div({flex:1}),sl=W.styled.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?(0,Me.transparentize)(.4,e.color.defaultText):(0,Me.transparentize)(.6,e.color.defaultText)})),al=W.styled.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function is(e,t){return N.default.createElement(el,{key:`${e}-${t}`,title:e,background:e})}function ls(e,t,o){return N.default.createElement(Qi,{key:`${e}-${t}`,title:e},N.default.createElement("div",null,e,o&&N.default.createElement("span",null,o)))}function il(e){return Array.isArray(e)?N.default.createElement(as,null,N.default.createElement(ss,null,e.map((t,o)=>is(t,o))),N.default.createElement(ns,null,e.map((t,o)=>ls(t,o)))):N.default.createElement(as,null,N.default.createElement(ss,null,Object.values(e).map((t,o)=>is(t,o))),N.default.createElement(ns,null,Object.keys(e).map((t,o)=>ls(t,o,e[t]))))}var ds=({title:e,subtitle:t,colors:o})=>N.default.createElement(ol,null,N.default.createElement(qi,null,N.default.createElement(Xi,null,e),N.default.createElement(Zi,null,t)),N.default.createElement(tl,null,il(o))),cs=({children:e,...t})=>N.default.createElement(ps.ResetWrapper,null,N.default.createElement(al,{...t,className:"docblock-colorpalette"},N.default.createElement(sl,null,N.default.createElement(rl,null,"Name"),N.default.createElement(nl,null,"Swatches")),e));var He=g(require("react")),lt=require("@storybook/theming"),ms=require("@storybook/components");var ll=lt.styled.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),pl=lt.styled.div(({theme:e})=>({...be(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),dl=lt.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),cl=lt.styled.div({display:"flex",flexFlow:"row wrap"}),us=({name:e,children:t})=>He.default.createElement(dl,null,He.default.createElement(pl,null,t),He.default.createElement(ll,null,e)),ys=({children:e,...t})=>He.default.createElement(ms.ResetWrapper,null,He.default.createElement(cl,{...t,className:"docblock-icongallery"},e));var gs=g(require("react")),fs=e=>`anchor--${e}`,pt=({storyId:e,children:t})=>gs.default.createElement("div",{id:fs(e)},t);var F=g(require("react")),xs=g(require("lodash/mapValues")),Go=require("@storybook/preview-api"),ie=require("@storybook/core-events");var _o=require("react"),je=require("global");je.window&&je.window.__DOCS_CONTEXT__===void 0&&(je.window.__DOCS_CONTEXT__=(0,_o.createContext)(null),je.window.__DOCS_CONTEXT__.displayName="DocsContext");var P=je.window?je.window.__DOCS_CONTEXT__:(0,_o.createContext)(null);var ae="^";var ml=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Wo=e=>{if(!!e)return typeof e=="string"?e.includes("-")?ml(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function hs(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var Ht=require("react");function Rt(e,t){let o=dt([e],t);return o&&o[0]}function dt(e,t){let[o,r]=(0,Ht.useState)({});return(0,Ht.useEffect)(()=>{Promise.all(e.map(async n=>{let s=await t.loadStory(n);r(a=>a[n]===s?a:{...a,[n]:s})}))}),e.map(n=>{if(o[n])return o[n];try{return t.storyById(n)}catch{return null}})}var ul=(e,t)=>{let o=t.getStoryContext(t.storyById()),[r,n]=(0,F.useState)(o.args);(0,F.useEffect)(()=>{let i=l=>{l.storyId===e&&n(l.args)};return t.channel.on(ie.STORY_ARGS_UPDATED,i),()=>t.channel.off(ie.STORY_ARGS_UPDATED,i)},[e]);let s=(0,F.useCallback)(i=>t.channel.emit(ie.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:i}),[e]),a=(0,F.useCallback)(i=>t.channel.emit(ie.RESET_STORY_ARGS,{storyId:e,argNames:i}),[e]);return[r,s,a]},yl=e=>{let t=e.getStoryContext(e.storyById()),[o,r]=(0,F.useState)(t.globals);return(0,F.useEffect)(()=>{let n=s=>{r(s.globals)};return e.channel.on(ie.GLOBALS_UPDATED,n),()=>e.channel.off(ie.GLOBALS_UPDATED,n)},[]),[o]},Ko=(e,t,o,r)=>{let{parameters:n}=t.storyById(),{extractArgTypes:s}=n.docs||{};if(!s)throw new Error("Args unsupported. See Args documentation for your framework.");let a=s(e);return a=(0,Go.filterArgTypes)(a,o,r),a},bs=e=>e&&[ae].includes(e),Cs=(e={},t)=>{let{of:o}=e,{story:r}=e,{component:n}=t.storyById();if(bs(o)||bs(r))return n||null;if(!o)throw new Error("No component found.");return o},zo=(e,t,o,r,n,s)=>({...e,...(0,xs.default)(t,a=>({rows:Ko(a,o,r,n),sort:s}))}),Ss=e=>{let t=(0,F.useContext)(P),{story:o,component:r,subcomponents:n,showComponent:s,include:a,exclude:i,sort:l}=e;try{let p;switch(o){case ae:{p=t.storyById().id;break}default:p=t.storyIdByName(o)}let d=Rt(p,t),[c,m,y]=ul(p,t),[b]=yl(t);if(!d)return F.default.createElement(ye,{isLoading:!0,updateArgs:m,resetArgs:y});let h=(0,Go.filterArgTypes)(d.argTypes,a,i),x=Wo(r)||"Story",f={[x]:{rows:h,args:c,globals:b,updateArgs:m,resetArgs:y}},C=h&&Object.values(h).find(S=>!!(S!=null&&S.control));if(C||(m=null,y=null,f={}),r&&(!C||s)&&(f=zo(f,{[x]:r},t,a,i)),n){if(Array.isArray(n))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");f=zo(f,n,t,a,i)}return F.default.createElement(Uo,{tabs:f,sort:l})}catch(p){return F.default.createElement(ye,{error:p.message})}},Jo=e=>{let t=(0,F.useContext)(P),{components:o,include:r,exclude:n,sort:s}=e,a=zo({},o,t,r,n);return F.default.createElement(Uo,{tabs:a,sort:s})},_t=e=>{let t=(0,F.useContext)(P),{parameters:{controls:o},subcomponents:r}=t.storyById(),{include:n,exclude:s,components:a,sort:i}=e,{story:l}=e,p=i||(o==null?void 0:o.sort),d=Cs(e,t);if(l)return F.default.createElement(Ss,{...e,component:d,...{subcomponents:r,sort:p}});if(!a&&!r){let m;try{m={rows:Ko(d,t,n,s)}}catch(y){m={error:y.message}}return F.default.createElement(ye,{...m,sort:p})}if(a)return F.default.createElement(Jo,{...e,...{components:a,sort:p}});let c=Wo(d);return F.default.createElement(Jo,{...e,components:{[c]:d,...r},sort:p})};_t.defaultProps={of:ae};var ve=g(require("react"));var ke=g(require("react")),Ps=require("dequal"),Yo=require("@storybook/docs-tools"),Re=(0,ke.createContext)({sources:{}}),Xo=({children:e,channel:t})=>{let[o,r]=(0,ke.useState)({});return(0,ke.useEffect)(()=>{let n=(s,a,i=!1)=>{o[s]&&o[s].code===a||r(l=>{let p={...l,[s]:{code:a,format:i}};return(0,Ps.dequal)(l,p)?l:p})};return t.on(Yo.SNIPPET_RENDERED,n),()=>t.off(Yo.SNIPPET_RENDERED,n)},[]),ke.default.createElement(Re.Provider,{value:{sources:o}},e)};var ct=g(require("react")),Wt=require("@storybook/docs-tools");var Es=require("@storybook/preview-api");function gl(e,t){let{startBody:o,endBody:r}=e;if(o.line===r.line&&t[o.line-1]!==void 0)return t[o.line-1].substring(o.col,r.col);let n=t[o.line-1],s=t[r.line-1];return n===void 0||s===void 0?null:[n.substring(o.col),...t.slice(o.line,r.line-1),s.substring(0,r.col)].join(`
-`)}var fl=e=>e.replace(/^.*?--/,""),hl=(e,{source:t,locationsMap:o})=>{if(!o)return t;let r=fl(e),n=o[r];if(!n)return t;let s=t.split(`
-`);return gl(n,s)},Ts=e=>{var l;let{id:t,parameters:o}=e,{storySource:r,docs:n={}}=o,{transformSource:s}=n;if(!(r!=null&&r.source)||((l=n.source)==null?void 0:l.code))return null;let a=hl(t,r),i=s?s(a,e):a;return{docs:(0,Es.combineParameters)(n,{source:{code:i}})}};var Zo=(r=>(r.OPEN="open",r.CLOSED="closed",r.NONE="none",r))(Zo||{}),bl=e=>{let t=e.map(o=>{var r,n;return(n=(r=o.parameters.docs)==null?void 0:r.source)==null?void 0:n.state}).filter(Boolean);return t.length===0?"closed":t[0]},ks=(e,t)=>{let{sources:o}=t;return(o==null?void 0:o[e])||{code:"",format:!1}},xl=(e,t)=>{var i,l,p,d,c,m,y,b,h,x;if(!t)return e;let{parameters:o}=t,r=o.__isArgsStory,n=((l=(i=o.docs)==null?void 0:i.source)==null?void 0:l.type)||Wt.SourceType.AUTO,s=(d=(p=o.docs)==null?void 0:p.source)==null?void 0:d.code;if(s!==void 0)return s;if(n===Wt.SourceType.DYNAMIC)return((m=(c=o.docs)==null?void 0:c.transformSource)==null?void 0:m.call(c,e,t))||e;if(n===Wt.SourceType.AUTO&&e&&r)return((b=(y=o.docs)==null?void 0:y.transformSource)==null?void 0:b.call(y,e,t))||e;let a=Ts(t)||o;return((x=(h=a==null?void 0:a.docs)==null?void 0:h.source)==null?void 0:x.code)||""},zt=(e,t,o)=>{let{id:r,parameters:n}=t.storyById(),s=e,a=e,i=e,{format:l,code:p}=s,c=(i.ids||[a.id||r]).map(f=>f),m=dt(c,t);if(!m.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};p||({format:l}=ks(c[0],o),p=c.map((f,C)=>{let{code:S}=ks(f,o),V=m[C];return xl(S,V)}).join(`
+          ${(0,J.opacify)(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...o&&{borderColor:"transparent"},...!o&&{borderColor:e.base==="light"?(0,J.transparentize)(.035,e.appBorderColor):(0,J.opacify)(.05,e.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...o?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,J.darken)(.1,e.background.content):(0,J.lighten)(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,J.darken)(.1,e.background.content):(0,J.lighten)(.05,e.background.content)}}},td:{background:e.background.content}}}}),({isLoading:e,theme:t})=>e?{"th span, td span, td button":{display:"inline",backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`,color:"transparent",boxShadow:"none",borderRadius:0}}:{}),Ui=(0,Ht.styled)(ge.IconButton)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),Ri=Ht.styled.span({display:"flex",justifyContent:"space-between"});var Hi={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var o,r;return Number(!!((o=t.type)!=null&&o.required))-Number(!!((r=e.type)!=null&&r.required))||e.name.localeCompare(t.name)},none:void 0},Uo=e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),zi={rows:{row1:Uo("row1"),row2:Uo("row2"),row3:Uo("row3")}},_i=(e,t)=>{let o={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return o;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:p}=(i==null?void 0:i.table)||{};if(l){let d=o.sections[l]||{ungrouped:[],subsections:{}};if(!p)d.ungrouped.push({key:a,...i});else{let c=d.subsections[p]||[];c.push({key:a,...i}),d.subsections[p]=c}o.sections[l]=d}else if(p){let d=o.ungroupedSubsections[p]||[];d.push({key:a,...i}),o.ungroupedSubsections[p]=d}else o.ungrouped.push({key:a,...i})});let r=Hi[t],n=a=>r?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(r)}),{}):a;return{ungrouped:o.ungrouped.sort(r),ungroupedSubsections:n(o.ungroupedSubsections),sections:Object.keys(o.sections).reduce((a,i)=>({...a,[i]:{ungrouped:o.sections[i].ungrouped.sort(r),subsections:n(o.sections[i].subsections)}}),{})}},Wi=(e,t,o)=>{try{return(0,qn.includeConditionalArg)(e,t,o)}catch(r){return Qn.once.warn(r.message),!1}},ye=e=>{if("error"in e)return k.default.createElement(be,null,e.error,"\xA0",k.default.createElement(ge.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:o,compact:r,inAddonPanel:n,initialExpandedArgs:s,sort:a="none"}=e,i="isLoading"in e,{rows:l,args:p,globals:d}="rows"in e?e:zi,c=_i((0,Zn.default)(l,h=>{var x;return!((x=h==null?void 0:h.table)!=null&&x.disable)&&Wi(h,p||{},d||{})}),a);if(c.ungrouped.length===0&&Object.entries(c.sections).length===0&&Object.entries(c.ungroupedSubsections).length===0)return k.default.createElement(be,null,"No inputs found for this component.\xA0",k.default.createElement(ge.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let m=1;t&&(m+=1),r||(m+=2);let g=Object.keys(c.sections).length>0,b={updateArgs:t,compact:r,inAddonPanel:n,initialExpandedArgs:s};return k.default.createElement(ge.ResetWrapper,null,k.default.createElement($i,{"aria-hidden":i,...{compact:r,inAddonPanel:n,isLoading:i},className:"docblock-argstable"},k.default.createElement("thead",{className:"docblock-argstable-head"},k.default.createElement("tr",null,k.default.createElement("th",null,k.default.createElement("span",null,"Name")),r?null:k.default.createElement("th",null,k.default.createElement("span",null,"Description")),r?null:k.default.createElement("th",null,k.default.createElement("span",null,"Default")),t?k.default.createElement("th",null,k.default.createElement(Ri,null,"Control"," ",!i&&o&&k.default.createElement(Ui,{onClick:()=>o(),title:"Reset controls"},k.default.createElement(ge.Icons,{icon:"undo","aria-hidden":!0})))):null)),k.default.createElement("tbody",{className:"docblock-argstable-body"},c.ungrouped.map(h=>k.default.createElement(nt,{key:h.key,row:h,arg:p&&p[h.key],...b})),Object.entries(c.ungroupedSubsections).map(([h,x])=>k.default.createElement(Rt,{key:h,label:h,level:"subsection",colSpan:m},x.map(f=>k.default.createElement(nt,{key:f.key,row:f,arg:p&&p[f.key],expandable:g,...b})))),Object.entries(c.sections).map(([h,x])=>k.default.createElement(Rt,{key:h,label:h,level:"section",colSpan:m},x.ungrouped.map(f=>k.default.createElement(nt,{key:f.key,row:f,arg:p&&p[f.key],...b})),Object.entries(x.subsections).map(([f,C])=>k.default.createElement(Rt,{key:f,label:f,level:"subsection",colSpan:m},C.map(S=>k.default.createElement(nt,{key:S.key,row:S,arg:p&&p[S.key],expandable:g,...b})))))))))};var at=y(require("react")),es=require("@storybook/components");var Ro=({tabs:e,...t})=>{let o=Object.entries(e);return o.length===1?at.default.createElement(ye,{...o[0][1],...t}):at.default.createElement(es.TabsState,null,o.map(r=>{let[n,s]=r,a=`prop_table_div_${n}`;return at.default.createElement("div",{key:a,id:a,title:n},({active:l})=>l?at.default.createElement(ye,{key:`prop_table_${n}`,...s,...t}):null)}))};var Ho=y(require("react")),ts=require("@storybook/theming"),os=require("@storybook/components"),Ji=ts.styled.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),rs=()=>Ho.default.createElement(Ji,null,"This story is not configured to handle controls."," ",Ho.default.createElement(os.Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));var it=y(require("react")),zo=require("polished"),lt=require("@storybook/theming"),ns=require("@storybook/components");var Gi=lt.styled.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?(0,zo.transparentize)(.4,e.color.defaultText):(0,zo.transparentize)(.6,e.color.defaultText)})),Ki=lt.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Yi=lt.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Xi=lt.styled.div(ns.withReset,({theme:e})=>({...xe(e),margin:"25px 0 40px",padding:"30px 20px"})),ss=({fontFamily:e,fontSizes:t,fontWeight:o,sampleText:r,...n})=>it.default.createElement(Xi,{...n,className:"docblock-typeset"},t.map(s=>it.default.createElement(Yi,{key:s},it.default.createElement(Gi,null,s),it.default.createElement(Ki,{style:{fontFamily:e,fontSize:s,fontWeight:o,lineHeight:1.2}},r||"Was he a beast if music could move him so?"))));var O=y(require("react")),je=require("polished"),_=require("@storybook/theming"),cs=require("@storybook/components");var Zi=_.styled.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),qi=_.styled.div(({theme:e})=>({color:e.base==="light"?(0,je.transparentize)(.2,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText)})),Qi=_.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),el=_.styled.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"?(0,je.transparentize)(.4,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),as=_.styled.div({display:"flex",flexDirection:"row"}),tl=_.styled.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),is=_.styled.div(({theme:e})=>({...xe(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"})),ls=_.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),ol=_.styled.div({flex:1,display:"flex",flexDirection:"row"}),rl=_.styled.div({display:"flex",alignItems:"flex-start"}),nl=_.styled.div({flex:"0 0 30%"}),sl=_.styled.div({flex:1}),al=_.styled.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?(0,je.transparentize)(.4,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText)})),il=_.styled.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function ps(e,t){return O.default.createElement(tl,{key:`${e}-${t}`,title:e,background:e})}function ds(e,t,o){return O.default.createElement(el,{key:`${e}-${t}`,title:e},O.default.createElement("div",null,e,o&&O.default.createElement("span",null,o)))}function ll(e){return Array.isArray(e)?O.default.createElement(ls,null,O.default.createElement(is,null,e.map((t,o)=>ps(t,o))),O.default.createElement(as,null,e.map((t,o)=>ds(t,o)))):O.default.createElement(ls,null,O.default.createElement(is,null,Object.values(e).map((t,o)=>ps(t,o))),O.default.createElement(as,null,Object.keys(e).map((t,o)=>ds(t,o,e[t]))))}var ms=({title:e,subtitle:t,colors:o})=>O.default.createElement(rl,null,O.default.createElement(Qi,null,O.default.createElement(Zi,null,e),O.default.createElement(qi,null,t)),O.default.createElement(ol,null,ll(o))),us=({children:e,...t})=>O.default.createElement(cs.ResetWrapper,null,O.default.createElement(il,{...t,className:"docblock-colorpalette"},O.default.createElement(al,null,O.default.createElement(nl,null,"Name"),O.default.createElement(sl,null,"Swatches")),e));var He=y(require("react")),pt=require("@storybook/theming"),gs=require("@storybook/components");var pl=pt.styled.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),dl=pt.styled.div(({theme:e})=>({...xe(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),cl=pt.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),ml=pt.styled.div({display:"flex",flexFlow:"row wrap"}),ys=({name:e,children:t})=>He.default.createElement(cl,null,He.default.createElement(dl,null,t),He.default.createElement(pl,null,e)),fs=({children:e,...t})=>He.default.createElement(gs.ResetWrapper,null,He.default.createElement(ml,{...t,className:"docblock-icongallery"},e));var hs=y(require("react")),bs=e=>`anchor--${e}`,dt=({storyId:e,children:t})=>hs.default.createElement("div",{id:bs(e),className:"sb-anchor"},t);var F=y(require("react")),Ss=y(require("lodash/mapValues")),Ko=require("@storybook/preview-api"),le=require("@storybook/core-events");var _o=require("react"),$e=require("global");$e.window&&$e.window.__DOCS_CONTEXT__===void 0&&($e.window.__DOCS_CONTEXT__=(0,_o.createContext)(null),$e.window.__DOCS_CONTEXT__.displayName="DocsContext");var P=$e.window?$e.window.__DOCS_CONTEXT__:(0,_o.createContext)(null);var ie="^";var ul=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Wo=e=>{if(!!e)return typeof e=="string"?e.includes("-")?ul(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function xs(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var zt=require("react");function _t(e,t){let o=ct([e],t);return o&&o[0]}function ct(e,t){let[o,r]=(0,zt.useState)({});return(0,zt.useEffect)(()=>{Promise.all(e.map(async n=>{let s=await t.loadStory(n);r(a=>a[n]===s?a:{...a,[n]:s})}))}),e.map(n=>{if(o[n])return o[n];try{return t.storyById(n)}catch{return null}})}var gl=(e,t)=>{let o=t.getStoryContext(t.storyById()),[r,n]=(0,F.useState)(o.args);(0,F.useEffect)(()=>{let i=l=>{l.storyId===e&&n(l.args)};return t.channel.on(le.STORY_ARGS_UPDATED,i),()=>t.channel.off(le.STORY_ARGS_UPDATED,i)},[e]);let s=(0,F.useCallback)(i=>t.channel.emit(le.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:i}),[e]),a=(0,F.useCallback)(i=>t.channel.emit(le.RESET_STORY_ARGS,{storyId:e,argNames:i}),[e]);return[r,s,a]},yl=e=>{let t=e.getStoryContext(e.storyById()),[o,r]=(0,F.useState)(t.globals);return(0,F.useEffect)(()=>{let n=s=>{r(s.globals)};return e.channel.on(le.GLOBALS_UPDATED,n),()=>e.channel.off(le.GLOBALS_UPDATED,n)},[]),[o]},Yo=(e,t,o,r)=>{let{parameters:n}=t.storyById(),{extractArgTypes:s}=n.docs||{};if(!s)throw new Error("Args unsupported. See Args documentation for your framework.");let a=s(e);return a=(0,Ko.filterArgTypes)(a,o,r),a},Cs=e=>e&&[ie].includes(e),Ps=(e={},t)=>{let{of:o}=e,{story:r}=e,{component:n}=t.storyById();if(Cs(o)||Cs(r))return n||null;if(!o)throw new Error("No component found.");return o},Jo=(e,t,o,r,n,s)=>({...e,...(0,Ss.default)(t,a=>({rows:Yo(a,o,r,n),sort:s}))}),Es=e=>{let t=(0,F.useContext)(P),{story:o,component:r,subcomponents:n,showComponent:s,include:a,exclude:i,sort:l}=e;try{let p;switch(o){case ie:{p=t.storyById().id;break}default:p=t.storyIdByName(o)}let d=_t(p,t),[c,m,g]=gl(p,t),[b]=yl(t);if(!d)return F.default.createElement(ye,{isLoading:!0,updateArgs:m,resetArgs:g});let h=(0,Ko.filterArgTypes)(d.argTypes,a,i),x=Wo(r)||"Story",f={[x]:{rows:h,args:c,globals:b,updateArgs:m,resetArgs:g}},C=h&&Object.values(h).find(S=>!!(S!=null&&S.control));if(C||(m=null,g=null,f={}),r&&(!C||s)&&(f=Jo(f,{[x]:r},t,a,i)),n){if(Array.isArray(n))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");f=Jo(f,n,t,a,i)}return F.default.createElement(Ro,{tabs:f,sort:l})}catch(p){return F.default.createElement(ye,{error:p.message})}},Go=e=>{let t=(0,F.useContext)(P),{components:o,include:r,exclude:n,sort:s}=e,a=Jo({},o,t,r,n);return F.default.createElement(Ro,{tabs:a,sort:s})},Wt=e=>{let t=(0,F.useContext)(P),{parameters:{controls:o},subcomponents:r}=t.storyById(),{include:n,exclude:s,components:a,sort:i}=e,{story:l}=e,p=i||(o==null?void 0:o.sort),d=Ps(e,t);if(l)return F.default.createElement(Es,{...e,component:d,...{subcomponents:r,sort:p}});if(!a&&!r){let m;try{m={rows:Yo(d,t,n,s)}}catch(g){m={error:g.message}}return F.default.createElement(ye,{...m,sort:p})}if(a)return F.default.createElement(Go,{...e,...{components:a,sort:p}});let c=Wo(d);return F.default.createElement(Go,{...e,components:{[c]:d,...r},sort:p})};Wt.defaultProps={of:ie};var we=y(require("react"));var ve=y(require("react")),Ts=require("dequal"),Xo=require("@storybook/docs-tools"),ze=(0,ve.createContext)({sources:{}}),Zo=({children:e,channel:t})=>{let[o,r]=(0,ve.useState)({});return(0,ve.useEffect)(()=>{let n=(s,a,i=!1)=>{o[s]&&o[s].code===a||r(l=>{let p={...l,[s]:{code:a,format:i}};return(0,Ts.dequal)(l,p)?l:p})};return t.on(Xo.SNIPPET_RENDERED,n),()=>t.off(Xo.SNIPPET_RENDERED,n)},[]),ve.default.createElement(ze.Provider,{value:{sources:o}},e)};var mt=y(require("react")),Jt=require("@storybook/docs-tools");var ks=require("@storybook/preview-api");function fl(e,t){let{startBody:o,endBody:r}=e;if(o.line===r.line&&t[o.line-1]!==void 0)return t[o.line-1].substring(o.col,r.col);let n=t[o.line-1],s=t[r.line-1];return n===void 0||s===void 0?null:[n.substring(o.col),...t.slice(o.line,r.line-1),s.substring(0,r.col)].join(`
+`)}var hl=e=>e.replace(/^.*?--/,""),bl=(e,{source:t,locationsMap:o})=>{if(!o)return t;let r=hl(e),n=o[r];if(!n)return t;let s=t.split(`
+`);return fl(n,s)},vs=e=>{var l;let{id:t,parameters:o}=e,{storySource:r,docs:n={}}=o,{transformSource:s}=n;if(!(r!=null&&r.source)||((l=n.source)==null?void 0:l.code))return null;let a=bl(t,r),i=s?s(a,e):a;return{docs:(0,ks.combineParameters)(n,{source:{code:i}})}};var qo=(r=>(r.OPEN="open",r.CLOSED="closed",r.NONE="none",r))(qo||{}),xl=e=>{let t=e.map(o=>{var r,n;return(n=(r=o.parameters.docs)==null?void 0:r.source)==null?void 0:n.state}).filter(Boolean);return t.length===0?"closed":t[0]},ws=(e,t)=>{let{sources:o}=t;return(o==null?void 0:o[e])||{code:"",format:!1}},Cl=(e,t)=>{var i,l,p,d,c,m,g,b,h,x;if(!t)return e;let{parameters:o}=t,r=o.__isArgsStory,n=((l=(i=o.docs)==null?void 0:i.source)==null?void 0:l.type)||Jt.SourceType.AUTO,s=(d=(p=o.docs)==null?void 0:p.source)==null?void 0:d.code;if(s!==void 0)return s;if(n===Jt.SourceType.DYNAMIC)return((m=(c=o.docs)==null?void 0:c.transformSource)==null?void 0:m.call(c,e,t))||e;if(n===Jt.SourceType.AUTO&&e&&r)return((b=(g=o.docs)==null?void 0:g.transformSource)==null?void 0:b.call(g,e,t))||e;let a=vs(t)||o;return((x=(h=a==null?void 0:a.docs)==null?void 0:h.source)==null?void 0:x.code)||""},Gt=(e,t,o)=>{let{id:r,parameters:n}=t.storyById(),s=e,a=e,i=e,{format:l,code:p}=s,c=(i.ids||[a.id||r]).map(f=>f),m=ct(c,t);if(!m.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};p||({format:l}=ws(c[0],o),p=c.map((f,C)=>{let{code:S}=ws(f,o),N=m[C];return Cl(S,N)}).join(`
 
-`));let y=bl(m),{docs:b={}}=n,{source:h={}}=b,{language:x=null}=h;return p?{code:p,state:y,format:l,language:e.language||x||"jsx",dark:e.dark||!1}:{error:"Oh no! The source is not available.",state:y}},Cl=e=>{let t=(0,ct.useContext)(Re),o=(0,ct.useContext)(P),r=zt(e,o,t);return ct.default.createElement(Ae,{...r})};var Sl=({withSource:e,mdxSource:t,children:o,...r},n,s)=>{let a=ve.Children.toArray(o).filter(d=>d.props&&(d.props.id||d.props.name||d.props.of)).map(({props:{id:d,of:c,name:m}})=>d||(c?n.storyIdByModuleExport(c):n.storyIdByName(m))),l=dt(a,n).some(d=>!d),p=zt(t?{code:decodeURI(t)}:{ids:a},n,s);return e==="none"?{isLoading:l,previewProps:r}:{isLoading:l,previewProps:{...r,withSource:p,isExpanded:(e||p.state)==="open"}}},qo=e=>{let t=(0,ve.useContext)(P),o=(0,ve.useContext)(Re),{isLoading:r,previewProps:n}=Sl(e,t,o),{children:s}=e;return r?ve.default.createElement(Ur,null):ve.default.createElement(go,{...n},s)};var Gt=g(require("react")),Jt=require("@storybook/docs-tools"),mt=require("@storybook/client-logger");var vs=(n=>(n.INFO="info",n.NOTES="notes",n.DOCGEN="docgen",n.AUTO="auto",n))(vs||{}),Pl=e=>e&&(typeof e=="string"?e:(0,Jt.str)(e.markdown)||(0,Jt.str)(e.text)),El=e=>e&&(typeof e=="string"?e:(0,Jt.str)(e.text)),Tl=e=>null,ws=({of:e,type:t,markdown:o,children:r},{storyById:n})=>{let{component:s,parameters:a}=n();if(r||o)return{markdown:r||o};let{notes:i,info:l,docs:p}=a;(Boolean(i)||Boolean(l))&&(0,mt.deprecate)("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription:d=Tl,description:c}=p||{},m=[ae].includes(e)?s:e,y=c==null?void 0:c.component;if(y)return{markdown:y};switch(t){case"info":return{markdown:El(l)};case"notes":return{markdown:Pl(i)};case"docgen":case"auto":default:return{markdown:d(m,{component:s,...a})}}},ut=(e={of:ae})=>{let t=(0,Gt.useContext)(P),{markdown:o}=ws(e,t);return e.type&&(0,mt.deprecate)("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),e.markdown&&(0,mt.deprecate)("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),e.children&&(0,mt.deprecate)("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),o?Gt.default.createElement(vr,{markdown:o}):null};var ur=g(require("react"));var we=g(require("react")),As=g(require("global")),Kt=require("@storybook/theming");var{document:kl,window:vl}=As.default,Qo=({context:e,theme:t,children:o})=>((0,we.useEffect)(()=>{let r;try{if(r=new URL(vl.parent.location),r.hash){let n=kl.getElementById(r.hash.substring(1));n&&setTimeout(()=>{hs(n)},200)}}catch{}}),we.default.createElement(P.Provider,{value:e},we.default.createElement(Xo,{channel:e.channel},we.default.createElement(Kt.ThemeProvider,{theme:(0,Kt.ensure)(t)},we.default.createElement(Dr,{className:"sbdocs sbdocs-wrapper"},we.default.createElement(Br,{className:"sbdocs sbdocs-content"},o))))));var ge=g(require("react"));var Yt=g(require("react"));var wl=/\s*\/\s*/,Is=e=>{let t=e.trim().split(wl);return t&&t[t.length-1]||e},er=({children:e})=>{let t=(0,Yt.useContext)(P),o=e;return o||(o=Is(t.storyById().title)),o?Yt.default.createElement(Ar,{className:"sbdocs-title"},o):null};var Xt=g(require("react"));var tr=({children:e})=>{let t=(0,Xt.useContext)(P),{parameters:o}=t.storyById(),r=e;return r||(r=o==null?void 0:o.componentSubtitle),r?Xt.default.createElement(Ir,{className:"sbdocs-subtitle"},r):null};var Zt=g(require("react"));var ze=g(require("react"));var sr=g(require("react")),Ns=require("@storybook/components");var L=g(require("react")),Bs=require("@storybook/core-events"),_e=require("@storybook/components"),Ds=g(require("global")),rr=require("@storybook/theming");var{document:Fs}=Ds.default,Al=e=>{if(typeof e!="function")throw new Error(`Expected story function, got: ${e}`);return e},Il=e=>{let{children:t,...o}=e,r=L.default.useContext(P);return L.default.createElement(P.Provider,{value:{...r,...o}},t)},Bl=({className:e,children:t,...o})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return L.default.createElement(_e.Code,null,t);let r=e&&e.split("-");return L.default.createElement(Ae,{language:r&&r[1]||"plaintext",format:!1,code:t,...o})};function nr(e,t){e.channel.emit(Bs.NAVIGATE_URL,t)}var or=_e.components.a,Dl=({hash:e,children:t})=>{let o=(0,L.useContext)(P);return L.default.createElement(or,{href:e,target:"_self",onClick:r=>{let n=e.substring(1);Fs.getElementById(n)&&nr(o,e)}},t)},Fl=e=>{let{href:t,target:o,children:r,...n}=e,s=(0,L.useContext)(P);if(t){if(t.startsWith("#"))return L.default.createElement(Dl,{hash:t},r);if(o!=="_blank"&&!t.startsWith("https://"))return L.default.createElement(or,{href:t,onClick:a=>{a.preventDefault(),nr(s,a.currentTarget.getAttribute("href"))},target:o,...n},r)}return L.default.createElement(or,{...e})},Os=["h1","h2","h3","h4","h5","h6"],Ol=Os.reduce((e,t)=>({...e,[t]:(0,rr.styled)(_e.components[t])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Nl=rr.styled.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),Vl=({as:e,id:t,children:o,...r})=>{let n=(0,L.useContext)(P),s=Ol[e],a=`#${t}`;return L.default.createElement(s,{id:t,...r},L.default.createElement(Nl,{"aria-hidden":"true",href:a,tabIndex:-1,target:"_self",onClick:i=>{Fs.getElementById(t)&&nr(n,a)}},L.default.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},L.default.createElement("path",{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),o)},We=e=>{let{as:t,id:o,children:r,...n}=e;if(o)return L.default.createElement(Vl,{as:t,id:o,...n},r);let s=_e.components[t];return L.default.createElement(s,{...e})},Ll=Os.reduce((e,t)=>({...e,[t]:o=>L.default.createElement(We,{as:t,...o})}),{});var ar=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return sr.default.createElement(Ns.H3,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return sr.default.createElement(We,{as:"h3",id:o},e)};var _=g(require("react"));var ir=e=>`story--${e}`,Vs=(e,t)=>{let{id:o,of:r,meta:n}=e;if(r)return t.storyIdByModuleExport(r,n);let{name:s}=e;return o||t.storyIdByName(s)},Ls=({height:e,inline:t},o)=>{let{name:r,parameters:n={}}=o||{},{docs:s={}}=n;if(s.disable)return null;let{inlineStories:a=!1,iframeHeight:i=100}=s,l=typeof t=="boolean"?t:a;return{inline:l,id:o==null?void 0:o.id,height:e||(l?void 0:i),title:r,...l&&{parameters:n}}},lr=e=>{let t=(0,_.useContext)(P),o=(0,_.useRef)(),r=Vs(e,t),n=Rt(r,t),[s,a]=(0,_.useState)(!0);if((0,_.useEffect)(()=>{if(!(n&&o.current))return()=>{};let l=o.current,{autoplay:p}=n.parameters.docs||{},d=t.renderStoryToElement(n,l,{autoplay:p});return a(!1),()=>{d()}},[t,n]),!n)return _.default.createElement(Xe,null);let i=Ls(e,n);if(!i)return null;if(i.inline){let l="<span></span>",{height:p}=i;return _.default.createElement("div",{id:ir(n.id)},p?_.default.createElement("style",null,`#story--${n.id} { min-height: ${p}; transform: translateZ(0); overflow: auto }`):null,s&&_.default.createElement(Xe,null),_.default.createElement("div",{ref:o,"data-name":n.name,dangerouslySetInnerHTML:{__html:l}}))}return _.default.createElement("div",{id:ir(n.id)},_.default.createElement(Mr,{...i}))};var yt=({id:e,name:t,expanded:o=!0,withToolbar:r=!1,parameters:n={}})=>{var l;let s,{docs:a}=n;o&&a&&(s=(l=a.description)==null?void 0:l.story);let i=o&&t;return ze.default.createElement(pt,{storyId:e},i&&ze.default.createElement(ar,null,i),s&&ze.default.createElement(ut,{markdown:s}),ze.default.createElement(qo,{withToolbar:r},ze.default.createElement(lr,{id:e,parameters:n})))};var pr=({name:e})=>{let t=(0,Zt.useContext)(P),o=e&&t.storyIdByName(e),r=t.storyById(o);return r?Zt.default.createElement(yt,{...r,expanded:!1,withToolbar:!0}):null};var $e=g(require("react"));var dr=g(require("react")),Ms=require("@storybook/components");var cr=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return dr.default.createElement(Ms.H2,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return dr.default.createElement(We,{as:"h2",id:o},e)};var qt=({title:e,includePrimary:t=!1})=>{let{componentStories:o}=(0,$e.useContext)(P),r=o();return r=r.filter(n=>{var s,a;return!((a=(s=n.parameters)==null?void 0:s.docs)!=null&&a.disable)}),t||(r=r.slice(1)),!r||r.length===0?null:$e.default.createElement($e.default.Fragment,null,$e.default.createElement(cr,null,e),r.map(n=>n&&$e.default.createElement(yt,{key:n.id,...n,expanded:!0})))};qt.defaultProps={title:"Stories"};var mr=()=>ge.default.createElement(ge.default.Fragment,null,ge.default.createElement(er,null),ge.default.createElement(tr,null),ge.default.createElement(ut,null),ge.default.createElement(pr,null),ge.default.createElement(_t,{story:ae}),ge.default.createElement(qt,null));var yr=({docsParameter:e,context:t})=>{let o=e.container||Qo,r=e.page||mr;return ur.default.createElement(o,{context:t,theme:e.theme},ur.default.createElement(r,null))};var oo=g(require("react")),Us=require("@storybook/preview-api");var to=require("@storybook/preview-api"),$s=require("@storybook/channels");var js=require("@storybook/preview-api"),Qt=class extends js.DocsContext{constructor(o,r,n,s){super(o,r,n,[],!0);this.channel=o;this.store=r;this.renderStoryToElement=n;this.processMetaExports=s;this.setMeta=o=>{let r=this.processMetaExports(o);this.referenceCSFFile(r,!0)}}storyIdByModuleExport(o,r){if(r){let n=this.processMetaExports(r);this.referenceCSFFile(n,!1)}return super.storyIdByModuleExport(o)}};var eo=class{constructor(t){this.prefix=t;this.entries=new Map}get(t){return this.entries.has(t)||this.entries.set(t,`${this.prefix}${this.entries.size}`),this.entries.get(t)}},Je=class extends to.Preview{constructor(o){super(new $s.Channel);this.projectAnnotations=o;this.importPaths=new eo("./importPath/");this.titles=new eo("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=o=>{let r=this.importPaths.get(o);this.moduleExportsByImportPath[r]=o;let n=o.default.title||this.titles.get(o),s=this.storyStore.processCSFFileWithCache(o,r,n);return Object.values(s.stories).forEach(({id:a,name:i})=>{this.storyIndex.entries[a]={id:a,importPath:r,title:n,name:i,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),s};this.docsContext=()=>new Qt(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:r=>Promise.resolve(this.moduleExportsByImportPath[r]),getProjectAnnotations:()=>(0,to.composeConfigs)([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function Ml(e){let t=(0,oo.useRef)();return t.current||(t.current=new Je(e)),t.current}var jl=({projectAnnotationsList:e,children:t})=>{var s;let o=(0,Us.composeConfigs)(e),r=Ml(o),n={...(s=o.parameters)==null?void 0:s.docs,page:()=>t};return oo.default.createElement(yr,{docsParameter:n,context:r.docsContext()})};var fr=g(require("react")),Ge=require("@storybook/theming");var gr,$l=({projectAnnotations:e,children:t})=>(gr||(gr=new Je(e)),fr.default.createElement(P.Provider,{value:gr.docsContext()},fr.default.createElement(Ge.ThemeProvider,{theme:(0,Ge.ensure)(Ge.themes.light)},t)));var ro=g(require("react"));var Ul=({of:e})=>{let t=(0,ro.useContext)(P);e&&t.setMeta(e);try{let o=t.storyById();return ro.default.createElement(pt,{storyId:o.id})}catch{return null}};var Hs=g(require("react")),Hl=({children:e})=>Hs.default.createElement("div",{style:{fontFamily:"sans-serif"}},e);0&&(module.exports={AddContext,Anchor,AnchorMdx,ArgsTable,BooleanControl,Canvas,CodeOrSourceMdx,ColorControl,ColorItem,ColorPalette,ComponentsTable,DateControl,Description,DescriptionType,Docs,DocsContainer,DocsContext,DocsPage,DocsStory,ExternalDocs,ExternalDocsContainer,FilesControl,HeaderMdx,HeadersMdx,Heading,IconGallery,IconItem,Meta,NoControlsWarning,NumberControl,ObjectControl,OptionsControl,PRIMARY_STORY,Primary,PureArgsTable,RangeControl,Source,SourceContainer,SourceContext,SourceState,Stories,Story,StoryTable,Subheading,Subtitle,TextControl,Title,Typeset,Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId,getStoryProps,parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps});
+`));let g=xl(m),{docs:b={}}=n,{source:h={}}=b,{language:x=null}=h;return p?{code:p,state:g,format:l,language:e.language||x||"jsx",dark:e.dark||!1}:{error:"Oh no! The source is not available.",state:g}},Sl=e=>{let t=(0,mt.useContext)(ze),o=(0,mt.useContext)(P),r=Gt(e,o,t);return mt.default.createElement(Be,{...r})};var Pl=({withSource:e,mdxSource:t,children:o,...r},n,s)=>{let a=we.Children.toArray(o).filter(d=>d.props&&(d.props.id||d.props.name||d.props.of)).map(({props:{id:d,of:c,name:m}})=>d||(c?n.storyIdByModuleExport(c):n.storyIdByName(m))),l=ct(a,n).some(d=>!d),p=Gt(t?{code:decodeURI(t)}:{ids:a},n,s);return e==="none"?{isLoading:l,previewProps:r}:{isLoading:l,previewProps:{...r,withSource:p,isExpanded:(e||p.state)==="open"}}},Qo=e=>{let t=(0,we.useContext)(P),o=(0,we.useContext)(ze),{isLoading:r,previewProps:n}=Pl(e,t,o),{children:s}=e;return r?we.default.createElement(Hr,null):we.default.createElement(fo,{...n},s)};var Yt=y(require("react")),Kt=require("@storybook/docs-tools"),ut=require("@storybook/client-logger");var As=(n=>(n.INFO="info",n.NOTES="notes",n.DOCGEN="docgen",n.AUTO="auto",n))(As||{}),El=e=>e&&(typeof e=="string"?e:(0,Kt.str)(e.markdown)||(0,Kt.str)(e.text)),Tl=e=>e&&(typeof e=="string"?e:(0,Kt.str)(e.text)),kl=e=>null,Bs=({of:e,type:t,markdown:o,children:r},{storyById:n})=>{let{component:s,parameters:a}=n();if(r||o)return{markdown:r||o};let{notes:i,info:l,docs:p}=a;(Boolean(i)||Boolean(l))&&(0,ut.deprecate)("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription:d=kl,description:c}=p||{},m=[ie].includes(e)?s:e,g=c==null?void 0:c.component;if(g)return{markdown:g};switch(t){case"info":return{markdown:Tl(l)};case"notes":return{markdown:El(i)};case"docgen":case"auto":default:return{markdown:d(m,{component:s,...a})}}},gt=(e={of:ie})=>{let t=(0,Yt.useContext)(P),{markdown:o}=Bs(e,t);return e.type&&(0,ut.deprecate)("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),e.markdown&&(0,ut.deprecate)("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),e.children&&(0,ut.deprecate)("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),o?Yt.default.createElement(Ar,{markdown:o}):null};var gr=y(require("react"));var Ae=y(require("react")),Is=y(require("global")),Xt=require("@storybook/theming");var{document:vl,window:wl}=Is.default,er=({context:e,theme:t,children:o})=>((0,Ae.useEffect)(()=>{let r;try{if(r=new URL(wl.parent.location),r.hash){let n=vl.getElementById(r.hash.substring(1));n&&setTimeout(()=>{xs(n)},200)}}catch{}}),Ae.default.createElement(P.Provider,{value:e},Ae.default.createElement(Zo,{channel:e.channel},Ae.default.createElement(Xt.ThemeProvider,{theme:(0,Xt.ensure)(t)},Ae.default.createElement(Or,{className:"sbdocs sbdocs-wrapper"},Ae.default.createElement(Fr,{className:"sbdocs sbdocs-content"},o))))));var fe=y(require("react"));var Zt=y(require("react"));var Al=/\s*\/\s*/,Ds=e=>{let t=e.trim().split(Al);return t&&t[t.length-1]||e},tr=({children:e})=>{let t=(0,Zt.useContext)(P),o=e;return o||(o=Ds(t.storyById().title)),o?Zt.default.createElement(Ir,{className:"sbdocs-title"},o):null};var qt=y(require("react"));var or=({children:e})=>{let t=(0,qt.useContext)(P),{parameters:o}=t.storyById(),r=e;return r||(r=o==null?void 0:o.componentSubtitle),r?qt.default.createElement(Dr,{className:"sbdocs-subtitle"},r):null};var Qt=y(require("react"));var Je=y(require("react"));var ar=y(require("react")),Vs=require("@storybook/components");var L=y(require("react")),Fs=require("@storybook/core-events"),_e=require("@storybook/components"),Os=y(require("global")),nr=require("@storybook/theming");var{document:Ns}=Os.default,Bl=e=>{if(typeof e!="function")throw new Error(`Expected story function, got: ${e}`);return e},Il=e=>{let{children:t,...o}=e,r=L.default.useContext(P);return L.default.createElement(P.Provider,{value:{...r,...o}},t)},Dl=({className:e,children:t,...o})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return L.default.createElement(_e.Code,null,t);let r=e&&e.split("-");return L.default.createElement(Be,{language:r&&r[1]||"plaintext",format:!1,code:t,...o})};function sr(e,t){e.channel.emit(Fs.NAVIGATE_URL,t)}var rr=_e.components.a,Fl=({hash:e,children:t})=>{let o=(0,L.useContext)(P);return L.default.createElement(rr,{href:e,target:"_self",onClick:r=>{let n=e.substring(1);Ns.getElementById(n)&&sr(o,e)}},t)},Ol=e=>{let{href:t,target:o,children:r,...n}=e,s=(0,L.useContext)(P);if(t){if(t.startsWith("#"))return L.default.createElement(Fl,{hash:t},r);if(o!=="_blank"&&!t.startsWith("https://"))return L.default.createElement(rr,{href:t,onClick:a=>{a.preventDefault(),sr(s,a.currentTarget.getAttribute("href"))},target:o,...n},r)}return L.default.createElement(rr,{...e})},Ls=["h1","h2","h3","h4","h5","h6"],Nl=Ls.reduce((e,t)=>({...e,[t]:(0,nr.styled)(_e.components[t])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Ll=nr.styled.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),Vl=({as:e,id:t,children:o,...r})=>{let n=(0,L.useContext)(P),s=Nl[e],a=`#${t}`;return L.default.createElement(s,{id:t,...r},L.default.createElement(Ll,{"aria-hidden":"true",href:a,tabIndex:-1,target:"_self",onClick:i=>{Ns.getElementById(t)&&sr(n,a)}},L.default.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},L.default.createElement("path",{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),o)},We=e=>{let{as:t,id:o,children:r,...n}=e;if(o)return L.default.createElement(Vl,{as:t,id:o,...n},r);let s=_e.components[t];return L.default.createElement(s,{...e})},Ml=Ls.reduce((e,t)=>({...e,[t]:o=>L.default.createElement(We,{as:t,...o})}),{});var ir=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return ar.default.createElement(Vs.H3,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return ar.default.createElement(We,{as:"h3",id:o},e)};var H=y(require("react"));var lr=e=>`story--${e}`,Ms=(e,t)=>{let{id:o,of:r,meta:n}=e;if(r)return t.storyIdByModuleExport(r,n);let{name:s}=e;return o||t.storyIdByName(s)},js=({height:e,inline:t},o)=>{let{name:r,parameters:n={}}=o||{},{docs:s={}}=n;if(s.disable)return null;let{inlineStories:a=!1,iframeHeight:i=100}=s,l=typeof t=="boolean"?t:a;return{inline:l,id:o==null?void 0:o.id,height:e||(l?void 0:i),title:r,...l&&{parameters:n}}},pr=e=>{let t=(0,H.useContext)(P),o=(0,H.useRef)(),r=Ms(e,t),n=_t(r,t),[s,a]=(0,H.useState)(!0);if((0,H.useEffect)(()=>{if(!(n&&o.current))return()=>{};let l=o.current,{autoplay:p}=n.parameters.docs||{},d=t.renderStoryToElement(n,l,{autoplay:p});return a(!1),()=>{d()}},[t,n]),!n)return H.default.createElement(Ze,null);let i=js(e,n);if(!i)return null;if(i.inline){let l="<span></span>",{height:p}=i;return H.default.createElement("div",{id:lr(n.id),className:"sb-story"},p?H.default.createElement("style",null,`#story--${n.id} { min-height: ${p}; transform: translateZ(0); overflow: auto }`):null,s&&H.default.createElement(Ze,null),H.default.createElement("div",{ref:o,"data-name":n.name,dangerouslySetInnerHTML:{__html:l}}))}return H.default.createElement("div",{id:lr(n.id)},H.default.createElement($r,{...i}))};var yt=({id:e,name:t,expanded:o=!0,withToolbar:r=!1,parameters:n={}})=>{var l;let s,{docs:a}=n;o&&a&&(s=(l=a.description)==null?void 0:l.story);let i=o&&t;return Je.default.createElement(dt,{storyId:e},i&&Je.default.createElement(ir,null,i),s&&Je.default.createElement(gt,{markdown:s}),Je.default.createElement(Qo,{withToolbar:r},Je.default.createElement(pr,{id:e,parameters:n})))};var dr=({name:e})=>{let t=(0,Qt.useContext)(P),o=e&&t.storyIdByName(e),r=t.storyById(o);return r?Qt.default.createElement(yt,{...r,expanded:!1,withToolbar:!0}):null};var Ue=y(require("react"));var cr=y(require("react")),$s=require("@storybook/components");var mr=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return cr.default.createElement($s.H2,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return cr.default.createElement(We,{as:"h2",id:o},e)};var eo=({title:e,includePrimary:t=!1})=>{let{componentStories:o}=(0,Ue.useContext)(P),r=o();return r=r.filter(n=>{var s,a;return!((a=(s=n.parameters)==null?void 0:s.docs)!=null&&a.disable)}),t||(r=r.slice(1)),!r||r.length===0?null:Ue.default.createElement(Ue.default.Fragment,null,Ue.default.createElement(mr,null,e),r.map(n=>n&&Ue.default.createElement(yt,{key:n.id,...n,expanded:!0})))};eo.defaultProps={title:"Stories"};var ur=()=>fe.default.createElement(fe.default.Fragment,null,fe.default.createElement(tr,null),fe.default.createElement(or,null),fe.default.createElement(gt,null),fe.default.createElement(dr,null),fe.default.createElement(Wt,{story:ie}),fe.default.createElement(eo,null));var yr=({docsParameter:e,context:t})=>{let o=e.container||er,r=e.page||ur;return gr.default.createElement(o,{context:t,theme:e.theme},gr.default.createElement(r,null))};var no=y(require("react")),Hs=require("@storybook/preview-api");var ro=require("@storybook/preview-api"),Rs=require("@storybook/channels");var Us=require("@storybook/preview-api"),to=class extends Us.DocsContext{constructor(o,r,n,s){super(o,r,n,[],!0);this.channel=o;this.store=r;this.renderStoryToElement=n;this.processMetaExports=s;this.setMeta=o=>{let r=this.processMetaExports(o);this.referenceCSFFile(r,!0)}}storyIdByModuleExport(o,r){if(r){let n=this.processMetaExports(r);this.referenceCSFFile(n,!1)}return super.storyIdByModuleExport(o)}};var oo=class{constructor(t){this.prefix=t;this.entries=new Map}get(t){return this.entries.has(t)||this.entries.set(t,`${this.prefix}${this.entries.size}`),this.entries.get(t)}},Ge=class extends ro.Preview{constructor(o){super(new Rs.Channel);this.projectAnnotations=o;this.importPaths=new oo("./importPath/");this.titles=new oo("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=o=>{let r=this.importPaths.get(o);this.moduleExportsByImportPath[r]=o;let n=o.default.title||this.titles.get(o),s=this.storyStore.processCSFFileWithCache(o,r,n);return Object.values(s.stories).forEach(({id:a,name:i})=>{this.storyIndex.entries[a]={id:a,importPath:r,title:n,name:i,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),s};this.docsContext=()=>new to(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:r=>Promise.resolve(this.moduleExportsByImportPath[r]),getProjectAnnotations:()=>(0,ro.composeConfigs)([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function jl(e){let t=(0,no.useRef)();return t.current||(t.current=new Ge(e)),t.current}var $l=({projectAnnotationsList:e,children:t})=>{var s;let o=(0,Hs.composeConfigs)(e),r=jl(o),n={...(s=o.parameters)==null?void 0:s.docs,page:()=>t};return no.default.createElement(yr,{docsParameter:n,context:r.docsContext()})};var hr=y(require("react")),Ke=require("@storybook/theming");var fr,Ul=({projectAnnotations:e,children:t})=>(fr||(fr=new Ge(e)),hr.default.createElement(P.Provider,{value:fr.docsContext()},hr.default.createElement(Ke.ThemeProvider,{theme:(0,Ke.ensure)(Ke.themes.light)},t)));var so=y(require("react"));var Rl=({of:e})=>{let t=(0,so.useContext)(P);e&&t.setMeta(e);try{let o=t.storyById();return so.default.createElement(dt,{storyId:o.id})}catch{return null}};var zs=y(require("react")),Hl=({children:e})=>zs.default.createElement("div",{style:{fontFamily:"sans-serif"}},e);0&&(module.exports={AddContext,Anchor,AnchorMdx,ArgsTable,BooleanControl,Canvas,CodeOrSourceMdx,ColorControl,ColorItem,ColorPalette,ComponentsTable,DateControl,Description,DescriptionType,Docs,DocsContainer,DocsContext,DocsPage,DocsStory,ExternalDocs,ExternalDocsContainer,FilesControl,HeaderMdx,HeadersMdx,Heading,IconGallery,IconItem,Meta,NoControlsWarning,NumberControl,ObjectControl,OptionsControl,PRIMARY_STORY,Primary,PureArgsTable,RangeControl,Source,SourceContainer,SourceContext,SourceState,Stories,Story,StoryTable,Subheading,Subtitle,TextControl,Title,Typeset,Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId,getStoryProps,parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps});