@storybook/blocks 7.0.0-alpha.8

package/dist/index.mjs

@@ -0,0 +1,70 @@
+import{a as C,b as R,c as a,d as O,e as j,f as re}from"./chunk-EJDOMQ7I.mjs";import J from"react";import{styled as Kt,ThemeProvider as Ea,convert as xa,themes as oo}from"@storybook/theming";import{SyntaxHighlighter as Sa}from"@storybook/components";import fa from"react";import{transparentize as ga}from"polished";import{styled as ha}from"@storybook/theming";import{withReset as ya}from"@storybook/components";function Ht(){return Ht=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Ht.apply(this,arguments)}a(Ht,"_extends");var ba=ha.div(ya,({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:ga(.3,e.color.defaultText),fontSize:e.typography.size.s2})),ae=a(e=>fa.createElement(ba,Ht({},e,{className:"docblock-emptyblock"})),"EmptyBlock");function Gt(){return Gt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Gt.apply(this,arguments)}a(Gt,"_extends");var Ca=Kt(Sa)(({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"}})),Ue;(function(e){e.NO_STORY="There\u2019s no story here.",e.SOURCE_UNAVAILABLE="Oh no! The source is not available."})(Ue||(Ue={}));var va=Kt.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"})),lt=Kt.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}})),wa=a(()=>J.createElement(va,null,J.createElement(lt,null),J.createElement(lt,{style:{width:"80%"}}),J.createElement(lt,{style:{width:"30%"}}),J.createElement(lt,{style:{width:"80%"}})),"SourceSkeleton"),me=a(e=>{let{isLoading:t,error:n}=e;if(t)return J.createElement(wa,null);if(n)return J.createElement(ae,null,n);let p=e,{language:o,code:r,dark:l,format:s}=p,i=O(p,["language","code","dark","format"]),c=J.createElement(Ca,Gt({bordered:!0,copyable:!0,format:s,language:o,className:"docblock-source"},i),r);if(typeof l>"u")return c;let d=l?oo.dark:oo.light;return J.createElement(Ea,{theme:xa(d)},c)},"Source");me.defaultProps={format:!1};import ro from"react";import ka from"markdown-to-jsx";import{components as Ra,ResetWrapper as Ta}from"@storybook/components";var ao=a(({markdown:e})=>ro.createElement(Ta,null,ro.createElement(ka,{options:{forceBlock:!0,overrides:Ra}},e)),"Description");import Gd from"react";import{transparentize as Oa}from"polished";import{styled as st}from"@storybook/theming";import{withReset as lo}from"@storybook/components";var Yt=600,so=st.h1(lo,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${Yt}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),io=st.h2(lo,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Yt}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:Oa(.25,e.color.defaultText)})),co=st.div({maxWidth:1e3,width:"100%"}),po=st.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${Yt}px)`]:{}}));import W,{Children as Eo,useCallback as Za,useState as Qt}from"react";import{darken as yo}from"polished";import{styled as be}from"@storybook/theming";import qa from"global";import{ActionBar as Xa,Zoom as Qa}from"@storybook/components";var le=a(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}`}),"getBlockBackgroundStyle");import U,{Fragment as mo}from"react";import{styled as Aa}from"@storybook/theming";import{FlexBar as Ia,Icons as it,IconButton as ct,IconButtonSkeleton as uo,getStoryHref as Pa}from"@storybook/components";function Le(){return Le=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Le.apply(this,arguments)}a(Le,"_extends");var Ba=a(({zoom:e,resetZoom:t})=>U.createElement(U.Fragment,null,U.createElement(ct,{key:"zoomin",onClick:n=>{n.preventDefault(),e(.8)},title:"Zoom in"},U.createElement(it,{icon:"zoom"})),U.createElement(ct,{key:"zoomout",onClick:n=>{n.preventDefault(),e(1.25)},title:"Zoom out"},U.createElement(it,{icon:"zoomout"})),U.createElement(ct,{key:"zoomreset",onClick:n=>{n.preventDefault(),t()},title:"Reset zoom"},U.createElement(it,{icon:"zoomreset"}))),"Zoom"),ja=a(({baseUrl:e,storyId:t})=>U.createElement(ct,{key:"opener",href:Pa(e,t),target:"_blank",title:"Open canvas in new tab"},U.createElement(it,{icon:"share"})),"Eject"),Da=Aa(Ia)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),fo=a(s=>{var i=s,{isLoading:e,storyId:t,baseUrl:n,zoom:o,resetZoom:r}=i,l=O(i,["isLoading","storyId","baseUrl","zoom","resetZoom"]);return U.createElement(Da,Le({},l),U.createElement(mo,{key:"left"},e?[1,2,3].map(c=>U.createElement(uo,{key:c})):U.createElement(Ba,Le({},{zoom:o,resetZoom:r}))),U.createElement(mo,{key:"right"},t&&(e?U.createElement(uo,null):U.createElement(ja,Le({},{storyId:t,baseUrl:n})))))},"Toolbar");import{createContext as Na}from"react";var dt=Na({scale:1});import Ma from"global";import Z,{createElement as $a,Fragment as go}from"react";import{Loader as Fa,getStoryHref as za}from"@storybook/components";import _a,{Component as Va}from"react";import Ua from"global";function Zt(){return Zt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Zt.apply(this,arguments)}a(Zt,"_extends");var{window:La}=Ua,Me=class extends Va{iframe=null;componentDidMount(){let{id:t}=this.props;this.iframe=La.document.getElementById(t)}shouldComponentUpdate(t){let{scale:n}=t;return n!==this.props.scale&&this.setIframeBodyStyle({width:`${n*100}%`,height:`${n*100}%`,transform:`scale(${1/n})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(t){return Object.assign(this.iframe.contentDocument.body.style,t)}render(){let i=this.props,{id:t,title:n,src:o,allowFullScreen:r,scale:l}=i,s=O(i,["id","title","src","allowFullScreen","scale"]);return _a.createElement("iframe",Zt({id:t,title:n,src:o,allowFullScreen:r,loading:"lazy"},s))}};a(Me,"IFrame");function qt(){return qt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},qt.apply(this,arguments)}a(qt,"_extends");var{PREVIEW_URL:Wa}=Ma,Ha=Wa||"iframe.html",Xt;(function(e){e.NO_STORY="No component or story to display"})(Xt||(Xt={}));var Ga=a(e=>e?`Story "${e}" doesn't exist.`:Xt.NO_STORY,"MISSING_STORY"),Ka=a(({storyFn:e,height:t,id:n})=>Z.createElement(go,null,t?Z.createElement("style",null,`#story--${n} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,Z.createElement(go,null,e?$a(e):Z.createElement(ae,null,Ga(n)))),"InlineStory"),Ya=a(({id:e,title:t,height:n="500px"})=>Z.createElement("div",{style:{width:"100%",height:n}},Z.createElement(dt.Consumer,null,({scale:o})=>Z.createElement(Me,{key:"iframe",id:`iframe--${e}`,title:t,src:za(Ha,e,{viewMode:"story"}),allowFullScreen:!0,scale:o,style:{width:"100%",height:"100%",border:"0 none"}}))),"IFrameStory"),ho=a(r=>{var l=r,{children:e,error:t,inline:n}=l,o=O(l,["children","error","inline"]);let{id:s,title:i,height:c}=o;return t?Z.createElement(ae,null,t):n?Z.createElement(Ka,qt({},o)):Z.createElement(Ya,{id:s,title:i,height:c})},"Story"),$e=a(()=>Z.createElement(Fa,null),"StorySkeleton");function Fe(){return Fe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Fe.apply(this,arguments)}a(Fe,"_extends");var Ja=be.div(({isColumn:e,columns:t,layout:n})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:n!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:n!=="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)`}}:{}),bo=be(me)(({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)":yo(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":yo(.05,e.background.content)}})),el=be.div(({theme:e,withSource:t,isExpanded:n})=>R(C({position:"relative",overflow:"hidden",margin:"25px 0 40px"},le(e)),{borderBottomLeftRadius:t&&n&&0,borderBottomRightRadius:t&&n&&0,borderBottomWidth:n&&0}),({withToolbar:e})=>e&&{paddingTop:40}),tl=a((e,t,n)=>{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:()=>n(!1)}};case t:return{source:W.createElement(bo,Fe({},e,{dark:!0})),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>n(!1)}};default:return{source:W.createElement(bo,Fe({},e,{dark:!0})),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>n(!0)}}}},"getSource");function nl(e){if(Eo.count(e)===1){let t=e;if(t.props)return t.props.id}return null}a(nl,"getStoryId");var ol=be(fo)({position:"absolute",top:0,left:0,right:0,height:40}),rl=be.div({overflow:"hidden",position:"relative"}),al=a(e=>e.reduce((t,n)=>t||(typeof n=="string"||typeof n=="number"?"padded":n.props&&n.props.parameters&&n.props.parameters.layout||"padded"),void 0),"getLayout"),Jt=a(p=>{var m=p,{isLoading:e,isColumn:t,columns:n,children:o,withSource:r,withToolbar:l=!1,isExpanded:s=!1,additionalActions:i,className:c}=m,d=O(m,["isLoading","isColumn","columns","children","withSource","withToolbar","isExpanded","additionalActions","className"]);let[u,y]=Qt(s),{source:h,actionItem:b}=tl(r,u,y),[E,S]=Qt(1),v=[c].concat(["sbdocs","sbdocs-preview"]),w=r?[b]:[],[T,I]=Qt(i?[...i]:[]),P=[...w,...T],B=al(Eo.count(o)===1?[o]:o),{window:G}=qa,N=Za(async K=>{let{createCopyToClipboardFunction:Y}=await import("@storybook/components");Y()},[]),_e=a(K=>{K.preventDefault(),T.filter(Y=>Y.title==="Copied").length===0&&N(h.props.code).then(()=>{I([...T,{title:"Copied",onClick:()=>{}}]),G.setTimeout(()=>I(T.filter(Y=>Y.title!=="Copied")),1500)})},"onCopyCapture");return W.createElement(el,Fe({},{withSource:r,withToolbar:l},d,{className:v.join(" ")}),l&&W.createElement(ol,{isLoading:e,border:!0,zoom:K=>S(E*K),resetZoom:()=>S(1),storyId:nl(o),baseUrl:"./iframe.html"}),W.createElement(dt.Provider,{value:{scale:E}},W.createElement(rl,{className:"docs-story",onCopyCapture:r&&_e},W.createElement(Ja,{isColumn:t||!Array.isArray(o),columns:n,layout:B},W.createElement(Qa.Element,{scale:E},Array.isArray(o)?o.map((K,Y)=>W.createElement("div",{key:Y},K)):W.createElement("div",null,o))),W.createElement(Xa,{actionItems:P}))),r&&u&&h)},"Preview"),ll=be(Jt)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),xo=a(()=>W.createElement(ll,{isLoading:!0,withToolbar:!0},W.createElement($e,null)),"PreviewSkeleton");import A from"react";import ai from"lodash/pickBy";import{styled as In}from"@storybook/theming";import{opacify as On,transparentize as Rt,darken as An,lighten as yr}from"polished";import{includeConditionalArg as li}from"@storybook/csf";import{once as si}from"@storybook/client-logger";import{Icons as ii,Link as br,ResetWrapper as ci}from"@storybook/components";import V from"react";import zs from"markdown-to-jsx";import{transparentize as vt}from"polished";import{styled as Ae}from"@storybook/theming";import{codeCommon as Ws}from"@storybook/components";import Q from"react";import{styled as sl}from"@storybook/theming";import{codeCommon as il}from"@storybook/components";var cl=sl.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:il({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),So=a(({tags:e})=>{let t=(e.params||[]).filter(r=>r.description),n=t.length!==0,o=e.returns!=null&&e.returns.description!=null;return!n&&!o?null:Q.createElement(cl,null,Q.createElement("tbody",null,n&&t.map(r=>Q.createElement("tr",{key:r.name},Q.createElement("td",null,Q.createElement("code",null,r.name)),Q.createElement("td",null,r.description))),o&&Q.createElement("tr",{key:"returns"},Q.createElement("td",null,Q.createElement("code",null,"Returns")),Q.createElement("td",null,e.returns.description))))},"ArgJsDoc");import L,{useState as Co}from"react";import dl from"memoizerific";import pl from"lodash/uniq";import{styled as Ee}from"@storybook/theming";import{WithTooltipPure as ml,Icons as ul,SyntaxHighlighter as fl,codeCommon as ko}from"@storybook/components";var en=8,vo=Ee.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),gl=Ee.span(ko,({theme:e,simple:t=!1})=>C({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})),hl=Ee.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),yl=Ee.div(ko,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),bl=Ee.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"}})),El=Ee(ul)({height:10,width:10,minWidth:10,marginLeft:4}),xl=a(()=>L.createElement("span",null,"-"),"EmptyArg"),Ro=a(({text:e,simple:t})=>L.createElement(gl,{simple:t},e),"ArgText"),Sl=dl(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(n=>n.length))}ch`}),Cl=a(e=>{if(!e)return[e];let n=e.split("|").map(o=>o.trim());return pl(n)},"getSummaryItems"),wo=a((e,t=!0)=>{let n=e;return t||(n=e.slice(0,en)),n.map(o=>L.createElement(Ro,{key:o,text:o===""?'""':o}))},"renderSummaryItems"),vl=a(({value:e,initialExpandedArgs:t})=>{let{summary:n,detail:o}=e,[r,l]=Co(!1),[s,i]=Co(t||!1);if(n==null)return null;let c=typeof n.toString=="function"?n.toString():n;if(o==null){if(/[(){}[\]<>]/.test(c))return L.createElement(Ro,{text:c});let p=Cl(c),m=p.length;return m>en?L.createElement(vo,{isExpanded:s},wo(p,s),L.createElement(hl,{onClick:()=>i(!s)},s?"Show less...":`Show ${m-en} more...`)):L.createElement(vo,null,wo(p))}return L.createElement(ml,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:r,onVisibilityChange:d=>{l(d)},tooltip:L.createElement(bl,{width:Sl(o)},L.createElement(fl,{language:"jsx",format:!1},o))},L.createElement(yl,{className:"sbdocs-expandable"},L.createElement("span",null,c),L.createElement(El,{icon:r?"arrowup":"arrowdown"})))},"ArgSummary"),pt=a(({value:e,initialExpandedArgs:t})=>e==null?L.createElement(xl,null):L.createElement(vl,{value:e,initialExpandedArgs:t}),"ArgValue");import Ct,{useCallback as wn,useState as ur,useEffect as $s}from"react";import Cn,{lazy as Us,Suspense as Ls}from"react";import ze,{useCallback as wl}from"react";import{opacify as We,transparentize as kl}from"polished";import{styled as Rl}from"@storybook/theming";import{Form as Tl}from"@storybook/components";function tn(){return tn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},tn.apply(this,arguments)}a(tn,"_extends");var Ol=Rl.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:`${We(.05,e.appBorderColor)}`,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:kl(.4,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${We(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${We(.05,e.appBorderColor)} 0 0 0 2px inset`,color:We(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.background.app,boxShadow:`${We(.1,e.appBorderColor)} 0 0 2px`,color:e.color.defaultText,padding:"7px 15px"}}));var Al=a(e=>e==="true","parse"),To=a(({name:e,value:t,onChange:n,onBlur:o,onFocus:r})=>{let l=wl(()=>n(!1),[n]);if(t===void 0)return ze.createElement(Tl.Button,{id:re(e),onClick:l},"Set boolean");let s=typeof t=="string"?Al(t):t;return ze.createElement(Ol,{htmlFor:e,title:s?"Change to false":"Change to true"},ze.createElement("input",tn({id:j(e),type:"checkbox",onChange:i=>n(i.target.checked),checked:s},{name:e,onBlur:o,onFocus:r})),ze.createElement("span",null,"False"),ze.createElement("span",null,"True"))},"BooleanControl");import mt,{useState as Il,useRef as Oo,useEffect as Pl}from"react";import{styled as Bl}from"@storybook/theming";import{Form as Ao}from"@storybook/components";function ut(){return ut=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},ut.apply(this,arguments)}a(ut,"_extends");var jl=a(e=>{let[t,n,o]=e.split("-"),r=new Date;return r.setFullYear(parseInt(t,10),parseInt(n,10)-1,parseInt(o,10)),r},"parseDate"),Dl=a(e=>{let[t,n]=e.split(":"),o=new Date;return o.setHours(parseInt(t,10)),o.setMinutes(parseInt(n,10)),o},"parseTime"),Nl=a(e=>{let t=new Date(e),n=`000${t.getFullYear()}`.slice(-4),o=`0${t.getMonth()+1}`.slice(-2),r=`0${t.getDate()}`.slice(-2);return`${n}-${o}-${r}`},"formatDate"),_l=a(e=>{let t=new Date(e),n=`0${t.getHours()}`.slice(-2),o=`0${t.getMinutes()}`.slice(-2);return`${n}:${o}`},"formatTime"),Vl=Bl.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}})),Io=a(({name:e,value:t,onChange:n,onFocus:o,onBlur:r})=>{let[l,s]=Il(!0),i=Oo(),c=Oo();Pl(()=>{l!==!1&&(i&&i.current&&(i.current.value=Nl(t)),c&&c.current&&(c.current.value=_l(t)))},[t]);let d=a(u=>{let y=jl(u.target.value),h=new Date(t);h.setFullYear(y.getFullYear(),y.getMonth(),y.getDate());let b=h.getTime();b&&n(b),s(!!b)},"onDateChange"),p=a(u=>{let y=Dl(u.target.value),h=new Date(t);h.setHours(y.getHours()),h.setMinutes(y.getMinutes());let b=h.getTime();b&&n(b),s(!!b)},"onTimeChange"),m=j(e);return mt.createElement(Vl,null,mt.createElement(Ao.Input,ut({type:"date",max:"9999-12-31",ref:i,id:`${m}-date`,name:`${m}-date`,onChange:d},{onFocus:o,onBlur:r})),mt.createElement(Ao.Input,ut({type:"time",id:`${m}-time`,name:`${m}-time`,ref:c,onChange:p},{onFocus:o,onBlur:r})),l?null:mt.createElement("div",null,"invalid"))},"DateControl");import nn,{useState as on,useCallback as Po,useEffect as Bo,useRef as Ul}from"react";import{styled as Ll}from"@storybook/theming";import{Form as jo}from"@storybook/components";function rn(){return rn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},rn.apply(this,arguments)}a(rn,"_extends");var Ml=Ll.label({display:"flex"}),Do=a(e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},"parse"),qp=a(e=>e!=null?String(e):"","format"),No=a(({name:e,value:t,onChange:n,min:o,max:r,step:l,onBlur:s,onFocus:i})=>{let[c,d]=on(typeof t=="number"?t:""),[p,m]=on(!1),[u,y]=on(null),h=Po(S=>{d(S.target.value);let v=parseFloat(S.target.value);Number.isNaN(v)?y(new Error(`'${S.target.value}' is not a number`)):(n(v),y(null))},[n,y]),b=Po(()=>{d("0"),n(0),m(!0)},[m]),E=Ul(null);return Bo(()=>{p&&E.current&&E.current.select()},[p]),Bo(()=>{c!==(typeof t=="number"?t:"")&&d(t)},[t]),!p&&t===void 0?nn.createElement(jo.Button,{id:re(e),onClick:b},"Set number"):nn.createElement(Ml,null,nn.createElement(jo.Input,rn({ref:E,id:j(e),type:"number",onChange:h,size:"flex",placeholder:"Edit number...",value:c,valid:u?"error":null,autoFocus:p},{name:e,min:o,max:r,step:l,onFocus:i,onBlur:s})))},"NumberControl");import ts from"react";import ns from"ts-dedent";import{once as os}from"@storybook/client-logger";import xe,{useState as $l}from"react";import{styled as an}from"@storybook/theming";import{logger as Fl}from"@storybook/client-logger";var ft=a((e,t)=>{let n=t&&Object.entries(t).find(([o,r])=>r===e);return n?n[0]:void 0},"selectedKey"),gt=a((e,t)=>e&&t?Object.entries(t).filter(n=>e.includes(n[1])).map(n=>n[0]):[],"selectedKeys"),ht=a((e,t)=>e&&t&&e.map(n=>t[n]),"selectedValues");var zl=an.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Wl=an.span({}),Hl=an.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),ln=a(({name:e,options:t,value:n,onChange:o,isInline:r})=>{if(!t)return Fl.warn(`Checkbox with no options: ${e}`),xe.createElement(xe.Fragment,null,"-");let l=gt(n,t),[s,i]=$l(l),c=a(p=>{let m=p.target.value,u=[...s];u!=null&&u.includes(m)?u.splice(u.indexOf(m),1):u.push(m),o(ht(u,t)),i(u)},"handleChange"),d=j(e);return xe.createElement(zl,{isInline:r},Object.keys(t).map((p,m)=>{let u=`${d}-${m}`;return xe.createElement(Hl,{key:u,htmlFor:u},xe.createElement("input",{type:"checkbox",id:u,name:u,value:p,onChange:c,checked:s==null?void 0:s.includes(p)}),xe.createElement(Wl,null,p))}))},"CheckboxControl");import Se from"react";import{styled as yt}from"@storybook/theming";import{logger as Gl}from"@storybook/client-logger";var Kl=yt.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),dm=yt.fieldset({border:0,padding:0,margin:0}),Yl=yt.span({}),Zl=yt.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),sn=a(({name:e,options:t,value:n,onChange:o,isInline:r})=>{if(!t)return Gl.warn(`Radio with no options: ${e}`),Se.createElement(Se.Fragment,null,"-");let l=ft(n,t),s=j(e);return Se.createElement(Kl,{isInline:r},Object.keys(t).map((i,c)=>{let d=`${s}-${c}`;return Se.createElement(Zl,{key:d,htmlFor:d},Se.createElement("input",{type:"radio",id:d,name:d,value:i,onChange:p=>o(t[p.currentTarget.value]),checked:i===l}),Se.createElement(Yl,null,i))}))},"RadioControl");import H from"react";import{styled as Vo}from"@storybook/theming";import{logger as ql}from"@storybook/client-logger";import{Icons as Xl}from"@storybook/components";function bt(){return bt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},bt.apply(this,arguments)}a(bt,"_extends");var Ql={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Uo=Vo.select(({theme:e})=>R(C({},Ql),{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.color.mediumdark},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),Lo=Vo.span`
+  display: inline-block;
+  line-height: normal;
+  overflow: hidden;
+  position: relative;
+  vertical-align: top;
+  width: 100%;
+
+  svg {
+    position: absolute;
+    z-index: 1;
+    pointer-events: none;
+    height: 12px;
+    margin-top: -6px;
+    right: 12px;
+    top: 50%;
+
+    path {
+      fill: currentColor;
+    }
+  }
+`,_o="Choose option...",Jl=a(({name:e,value:t,options:n,onChange:o})=>{let r=a(i=>{o(n[i.currentTarget.value])},"handleChange"),l=ft(t,n)||_o,s=j(e);return H.createElement(Lo,null,H.createElement(Xl,{icon:"arrowdown"}),H.createElement(Uo,{id:s,value:l,onChange:r},H.createElement("option",{key:"no-selection",disabled:!0},_o),Object.keys(n).map(i=>H.createElement("option",{key:i},i))))},"SingleSelect"),es=a(({name:e,value:t,options:n,onChange:o})=>{let r=a(i=>{let c=Array.from(i.currentTarget.options).filter(d=>d.selected).map(d=>d.value);o(ht(c,n))},"handleChange"),l=gt(t,n),s=j(e);return H.createElement(Lo,null,H.createElement(Uo,{id:s,multiple:!0,value:l,onChange:r},Object.keys(n).map(i=>H.createElement("option",{key:i},i))))},"MultiSelect"),cn=a(e=>{let{name:t,options:n}=e;return n?e.isMulti?H.createElement(es,bt({},e)):H.createElement(Jl,bt({},e)):(ql.warn(`Select with no options: ${t}`),H.createElement(H.Fragment,null,"-"))},"SelectControl");function dn(){return dn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},dn.apply(this,arguments)}a(dn,"_extends");var rs=a((e,t)=>Array.isArray(e)?e.reduce((n,o)=>(n[(t==null?void 0:t[o])||String(o)]=o,n),{}):e,"normalizeOptions"),as={check:ln,"inline-check":ln,radio:sn,"inline-radio":sn,select:cn,"multi-select":cn},ue=a(e=>{let{type:t="select",options:n,labels:o,argType:r}=e,l=R(C({},e),{options:rs(n||r.options,o),isInline:t.includes("inline"),isMulti:t.includes("multi")});n&&os.warn(ns`
+      'control.options' is deprecated and will be removed in Storybook 7.0. Define 'options' directly on the argType instead, and use 'control.labels' for custom labels.
+
+      More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-controloptions
+    `);let s=as[t];if(s)return ts.createElement(s,dn({},l));throw new Error(`Unknown options type: ${t}`)},"OptionsControl");import ds from"global";import ps from"lodash/cloneDeep";import $,{useCallback as nr,useMemo as ms,useState as gn,useEffect as us,useRef as fs}from"react";import{styled as Re,useTheme as gs}from"@storybook/theming";import{Form as ar,Icons as lr,IconButton as hs}from"@storybook/components";import xt,{Component as cs}from"react";import x,{cloneElement as _,Component as we}from"react";var Et="value",Mo="key";var $o="Error",Fo="Object",zo="Array",Wo="String",Ho="Number",Go="Boolean",Ko="Date",Yo="Null",Zo="Undefined",qo="Function",Xo="Symbol";var pn="ADD_DELTA_TYPE",mn="REMOVE_DELTA_TYPE",un="UPDATE_DELTA_TYPE";function q(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}a(q,"getObjectType");function fn(e,t){let n=q(e),o=q(t);return(n==="Function"||o==="Function")&&o!==n}a(fn,"isComponentWillChange");var Ce=class extends we{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:n}=this.state,{onlyValue:o}=this.props;t&&typeof t.focus=="function"&&t.focus(),o&&n&&typeof n.focus=="function"&&n.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:n,onSubmitValueParser:o,keyPath:r,deep:l}=this.props,{inputRefKey:s,inputRefValue:i}=this.state,c={};if(!n){if(!s.value)return;c.key=s.value}c.newValue=o(!1,r,l,c.key,i.value),t(c)}refInputKey(t){this.state.inputRefKey=t}refInputValue(t){this.state.inputRefValue=t}render(){let{handleCancel:t,onlyValue:n,addButtonElement:o,cancelButtonElement:r,inputElementGenerator:l,keyPath:s,deep:i}=this.props,c=_(o,{onClick:this.onSubmit}),d=_(r,{onClick:t}),p=l(Et,s,i),m=_(p,{placeholder:"Value",ref:this.refInputValue}),u=null;if(!n){let y=l(Mo,s,i);u=_(y,{placeholder:"Key",ref:this.refInputKey})}return x.createElement("span",{className:"rejt-add-value-node"},u,m,d,c)}};a(Ce,"JsonAddValue");Ce.defaultProps={onlyValue:!1,addButtonElement:x.createElement("button",null,"+"),cancelButtonElement:x.createElement("button",null,"c")};var He=class extends we{constructor(t){super(t);let n=[...t.keyPath,t.name];this.state={data:t.data,name:t.name,keyPath:n,deep:t.deep,nextDeep:t.deep+1,collapsed:t.isCollapsed(n,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,n){return t.data!==n.data?{data:t.data}:null}onChildUpdate(t,n){let{data:o,keyPath:r}=this.state;o[t]=n,this.setState({data:o});let{onUpdate:l}=this.props,s=r.length;l(r[s-1],o)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(t=>({collapsed:!t.collapsed}))}handleRemoveItem(t){return()=>{let{beforeRemoveAction:n,logger:o}=this.props,{data:r,keyPath:l,nextDeep:s}=this.state,i=r[t];n(t,l,s,i).then(()=>{let c={keyPath:l,deep:s,key:t,oldValue:i,type:mn};r.splice(t,1),this.setState({data:r});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(l[l.length-1],r),p(c)}).catch(o.error)}}handleAddValueAdd({newValue:t}){let{data:n,keyPath:o,nextDeep:r}=this.state,{beforeAddAction:l,logger:s}=this.props;l(n.length,o,r,t).then(()=>{let i=[...n,t];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:c,onDeltaUpdate:d}=this.props;c(o[o.length-1],i),d({type:pn,keyPath:o,deep:r,key:i.length-1,newValue:t})}).catch(s.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:t,value:n}){return new Promise((o,r)=>{let{beforeUpdateAction:l}=this.props,{data:s,keyPath:i,nextDeep:c}=this.state,d=s[t];l(t,i,c,d,n).then(()=>{s[t]=n,this.setState({data:s});let{onUpdate:p,onDeltaUpdate:m}=this.props;p(i[i.length-1],s),m({type:un,keyPath:i,deep:c,key:t,newValue:n,oldValue:d}),o(void 0)}).catch(r)})}renderCollapsed(){let{name:t,data:n,keyPath:o,deep:r}=this.state,{handleRemove:l,readOnly:s,getStyle:i,dataType:c,minusMenuElement:d}=this.props,{minus:p,collapsed:m}=i(t,n,o,r,c),u=s(t,n,o,r,c),y=_(d,{onClick:l,className:"rejt-minus-menu",style:p});return x.createElement("span",{className:"rejt-collapsed"},x.createElement("span",{className:"rejt-collapsed-text",style:m,onClick:this.handleCollapseMode},"[...] ",n.length," ",n.length===1?"item":"items"),!u&&y)}renderNotCollapsed(){let{name:t,data:n,keyPath:o,deep:r,addFormVisible:l,nextDeep:s}=this.state,{isCollapsed:i,handleRemove:c,onDeltaUpdate:d,readOnly:p,getStyle:m,dataType:u,addButtonElement:y,cancelButtonElement:h,editButtonElement:b,inputElementGenerator:E,textareaElementGenerator:S,minusMenuElement:v,plusMenuElement:w,beforeRemoveAction:T,beforeAddAction:I,beforeUpdateAction:P,logger:B,onSubmitValueParser:G}=this.props,{minus:N,plus:_e,delimiter:K,ul:Y,addForm:rt}=m(t,n,o,r,u),at=p(t,n,o,r,u),Ve=_(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:_e}),Mt=_(v,{onClick:c,className:"rejt-minus-menu",style:N}),$t=!0,Ft="[",zt="]";return x.createElement("span",{className:"rejt-not-collapsed"},x.createElement("span",{className:"rejt-not-collapsed-delimiter",style:K},Ft),!l&&Ve,x.createElement("ul",{className:"rejt-not-collapsed-list",style:Y},n.map((Wt,oe)=>x.createElement(se,{key:oe,name:`${oe}`,data:Wt,keyPath:o,deep:s,isCollapsed:i,handleRemove:this.handleRemoveItem(oe),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:d,readOnly:p,getStyle:m,addButtonElement:y,cancelButtonElement:h,editButtonElement:b,inputElementGenerator:E,textareaElementGenerator:S,minusMenuElement:v,plusMenuElement:w,beforeRemoveAction:T,beforeAddAction:I,beforeUpdateAction:P,logger:B,onSubmitValueParser:G}))),!at&&l&&x.createElement("div",{className:"rejt-add-form",style:rt},x.createElement(Ce,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:$t,addButtonElement:y,cancelButtonElement:h,inputElementGenerator:E,keyPath:o,deep:r,onSubmitValueParser:G})),x.createElement("span",{className:"rejt-not-collapsed-delimiter",style:K},zt),!at&&Mt)}render(){let{name:t,collapsed:n,data:o,keyPath:r,deep:l}=this.state,{dataType:s,getStyle:i}=this.props,c=n?this.renderCollapsed():this.renderNotCollapsed(),d=i(t,o,r,l,s);return x.createElement("div",{className:"rejt-array-node"},x.createElement("span",{onClick:this.handleCollapseMode},x.createElement("span",{className:"rejt-name",style:d.name},t," :"," ")),c)}};a(He,"JsonArray");He.defaultProps={keyPath:[],deep:0,minusMenuElement:x.createElement("span",null," - "),plusMenuElement:x.createElement("span",null," + ")};var Ge=class extends we{constructor(t){super(t);let n=[...t.keyPath,t.name];this.state={value:t.value,name:t.name,keyPath:n,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,n){return t.value!==n.value?{value:t.value}:null}componentDidUpdate(){let{editEnabled:t,inputRef:n,name:o,value:r,keyPath:l,deep:s}=this.state,{readOnly:i,dataType:c}=this.props,d=i(o,r,l,s,c);t&&!d&&typeof n.focus=="function"&&n.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:n,logger:o,onSubmitValueParser:r,keyPath:l}=this.props,{inputRef:s,name:i,deep:c}=this.state;if(!s)return;let d=r(!0,l,c,i,s.value);t({value:d,key:i}).then(()=>{fn(n,d)||this.handleCancelEdit()}).catch(o.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(t){this.state.inputRef=t}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:t,value:n,editEnabled:o,keyPath:r,deep:l}=this.state,{handleRemove:s,originalValue:i,readOnly:c,dataType:d,getStyle:p,editButtonElement:m,cancelButtonElement:u,textareaElementGenerator:y,minusMenuElement:h,keyPath:b}=this.props,E=p(t,i,r,l,d),S=null,v=null,w=c(t,i,r,l,d);if(o&&!w){let T=y(Et,b,l,t,i,d),I=_(m,{onClick:this.handleEdit}),P=_(u,{onClick:this.handleCancelEdit}),B=_(T,{ref:this.refInput,defaultValue:i});S=x.createElement("span",{className:"rejt-edit-form",style:E.editForm},B," ",P,I),v=null}else{S=x.createElement("span",{className:"rejt-value",style:E.value,onClick:w?null:this.handleEditMode},n);let T=_(h,{onClick:s,className:"rejt-minus-menu",style:E.minus});v=w?null:T}return x.createElement("li",{className:"rejt-function-value-node",style:E.li},x.createElement("span",{className:"rejt-name",style:E.name},t," :"," "),S,v)}};a(Ge,"JsonFunctionValue");Ge.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:x.createElement("button",null,"e"),cancelButtonElement:x.createElement("button",null,"c"),minusMenuElement:x.createElement("span",null," - ")};var se=class extends we{constructor(t){super(t),this.state={data:t.data,name:t.name,keyPath:t.keyPath,deep:t.deep}}static getDerivedStateFromProps(t,n){return t.data!==n.data?{data:t.data}:null}render(){let{data:t,name:n,keyPath:o,deep:r}=this.state,{isCollapsed:l,handleRemove:s,handleUpdateValue:i,onUpdate:c,onDeltaUpdate:d,readOnly:p,getStyle:m,addButtonElement:u,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,textareaElementGenerator:E,minusMenuElement:S,plusMenuElement:v,beforeRemoveAction:w,beforeAddAction:T,beforeUpdateAction:I,logger:P,onSubmitValueParser:B}=this.props,G=a(()=>!0,"readOnlyTrue"),N=q(t);switch(N){case $o:return x.createElement(ve,{data:t,name:n,isCollapsed:l,keyPath:o,deep:r,handleRemove:s,onUpdate:c,onDeltaUpdate:d,readOnly:G,dataType:N,getStyle:m,addButtonElement:u,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,textareaElementGenerator:E,minusMenuElement:S,plusMenuElement:v,beforeRemoveAction:w,beforeAddAction:T,beforeUpdateAction:I,logger:P,onSubmitValueParser:B});case Fo:return x.createElement(ve,{data:t,name:n,isCollapsed:l,keyPath:o,deep:r,handleRemove:s,onUpdate:c,onDeltaUpdate:d,readOnly:p,dataType:N,getStyle:m,addButtonElement:u,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,textareaElementGenerator:E,minusMenuElement:S,plusMenuElement:v,beforeRemoveAction:w,beforeAddAction:T,beforeUpdateAction:I,logger:P,onSubmitValueParser:B});case zo:return x.createElement(He,{data:t,name:n,isCollapsed:l,keyPath:o,deep:r,handleRemove:s,onUpdate:c,onDeltaUpdate:d,readOnly:p,dataType:N,getStyle:m,addButtonElement:u,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,textareaElementGenerator:E,minusMenuElement:S,plusMenuElement:v,beforeRemoveAction:w,beforeAddAction:T,beforeUpdateAction:I,logger:P,onSubmitValueParser:B});case Wo:return x.createElement(X,{name:n,value:`"${t}"`,originalValue:t,keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:p,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});case Ho:return x.createElement(X,{name:n,value:t,originalValue:t,keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:p,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});case Go:return x.createElement(X,{name:n,value:t?"true":"false",originalValue:t,keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:p,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});case Ko:return x.createElement(X,{name:n,value:t.toISOString(),originalValue:t,keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:G,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});case Yo:return x.createElement(X,{name:n,value:"null",originalValue:"null",keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:p,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});case Zo:return x.createElement(X,{name:n,value:"undefined",originalValue:"undefined",keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:p,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});case qo:return x.createElement(Ge,{name:n,value:t.toString(),originalValue:t,keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:p,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,textareaElementGenerator:E,minusMenuElement:S,logger:P,onSubmitValueParser:B});case Xo:return x.createElement(X,{name:n,value:t.toString(),originalValue:t,keyPath:o,deep:r,handleRemove:s,handleUpdateValue:i,readOnly:G,dataType:N,getStyle:m,cancelButtonElement:y,editButtonElement:h,inputElementGenerator:b,minusMenuElement:S,logger:P,onSubmitValueParser:B});default:return null}}};a(se,"JsonNode");se.defaultProps={keyPath:[],deep:0};var ve=class extends we{constructor(t){super(t);let n=t.deep===-1?[]:[...t.keyPath,t.name];this.state={name:t.name,data:t.data,keyPath:n,deep:t.deep,nextDeep:t.deep+1,collapsed:t.isCollapsed(n,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,n){return t.data!==n.data?{data:t.data}:null}onChildUpdate(t,n){let{data:o,keyPath:r}=this.state;o[t]=n,this.setState({data:o});let{onUpdate:l}=this.props,s=r.length;l(r[s-1],o)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:t,newValue:n}){let{data:o,keyPath:r,nextDeep:l}=this.state,{beforeAddAction:s,logger:i}=this.props;s(t,r,l,n).then(()=>{o[t]=n,this.setState({data:o}),this.handleAddValueCancel();let{onUpdate:c,onDeltaUpdate:d}=this.props;c(r[r.length-1],o),d({type:pn,keyPath:r,deep:l,key:t,newValue:n})}).catch(i.error)}handleRemoveValue(t){return()=>{let{beforeRemoveAction:n,logger:o}=this.props,{data:r,keyPath:l,nextDeep:s}=this.state,i=r[t];n(t,l,s,i).then(()=>{let c={keyPath:l,deep:s,key:t,oldValue:i,type:mn};delete r[t],this.setState({data:r});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(l[l.length-1],r),p(c)}).catch(o.error)}}handleCollapseMode(){this.setState(t=>({collapsed:!t.collapsed}))}handleEditValue({key:t,value:n}){return new Promise((o,r)=>{let{beforeUpdateAction:l}=this.props,{data:s,keyPath:i,nextDeep:c}=this.state,d=s[t];l(t,i,c,d,n).then(()=>{s[t]=n,this.setState({data:s});let{onUpdate:p,onDeltaUpdate:m}=this.props;p(i[i.length-1],s),m({type:un,keyPath:i,deep:c,key:t,newValue:n,oldValue:d}),o()}).catch(r)})}renderCollapsed(){let{name:t,keyPath:n,deep:o,data:r}=this.state,{handleRemove:l,readOnly:s,dataType:i,getStyle:c,minusMenuElement:d}=this.props,{minus:p,collapsed:m}=c(t,r,n,o,i),u=Object.getOwnPropertyNames(r),y=s(t,r,n,o,i),h=_(d,{onClick:l,className:"rejt-minus-menu",style:p});return x.createElement("span",{className:"rejt-collapsed"},x.createElement("span",{className:"rejt-collapsed-text",style:m,onClick:this.handleCollapseMode},"{...}"," ",u.length," ",u.length===1?"key":"keys"),!y&&h)}renderNotCollapsed(){let{name:t,data:n,keyPath:o,deep:r,nextDeep:l,addFormVisible:s}=this.state,{isCollapsed:i,handleRemove:c,onDeltaUpdate:d,readOnly:p,getStyle:m,dataType:u,addButtonElement:y,cancelButtonElement:h,editButtonElement:b,inputElementGenerator:E,textareaElementGenerator:S,minusMenuElement:v,plusMenuElement:w,beforeRemoveAction:T,beforeAddAction:I,beforeUpdateAction:P,logger:B,onSubmitValueParser:G}=this.props,{minus:N,plus:_e,addForm:K,ul:Y,delimiter:rt}=m(t,n,o,r,u),at=Object.getOwnPropertyNames(n),Ve=p(t,n,o,r,u),Mt=_(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:_e}),$t=_(v,{onClick:c,className:"rejt-minus-menu",style:N}),Ft=at.map(oe=>x.createElement(se,{key:oe,name:oe,data:n[oe],keyPath:o,deep:l,isCollapsed:i,handleRemove:this.handleRemoveValue(oe),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:d,readOnly:p,getStyle:m,addButtonElement:y,cancelButtonElement:h,editButtonElement:b,inputElementGenerator:E,textareaElementGenerator:S,minusMenuElement:v,plusMenuElement:w,beforeRemoveAction:T,beforeAddAction:I,beforeUpdateAction:P,logger:B,onSubmitValueParser:G})),zt="{",Wt="}";return x.createElement("span",{className:"rejt-not-collapsed"},x.createElement("span",{className:"rejt-not-collapsed-delimiter",style:rt},zt),!Ve&&Mt,x.createElement("ul",{className:"rejt-not-collapsed-list",style:Y},Ft),!Ve&&s&&x.createElement("div",{className:"rejt-add-form",style:K},x.createElement(Ce,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:y,cancelButtonElement:h,inputElementGenerator:E,keyPath:o,deep:r,onSubmitValueParser:G})),x.createElement("span",{className:"rejt-not-collapsed-delimiter",style:rt},Wt),!Ve&&$t)}render(){let{name:t,collapsed:n,data:o,keyPath:r,deep:l}=this.state,{getStyle:s,dataType:i}=this.props,c=n?this.renderCollapsed():this.renderNotCollapsed(),d=s(t,o,r,l,i);return x.createElement("div",{className:"rejt-object-node"},x.createElement("span",{onClick:this.handleCollapseMode},x.createElement("span",{className:"rejt-name",style:d.name},t," :"," ")),c)}};a(ve,"JsonObject");ve.defaultProps={keyPath:[],deep:0,minusMenuElement:x.createElement("span",null," - "),plusMenuElement:x.createElement("span",null," + ")};var X=class extends we{constructor(t){super(t);let n=[...t.keyPath,t.name];this.state={value:t.value,name:t.name,keyPath:n,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,n){return t.value!==n.value?{value:t.value}:null}componentDidUpdate(){let{editEnabled:t,inputRef:n,name:o,value:r,keyPath:l,deep:s}=this.state,{readOnly:i,dataType:c}=this.props,d=i(o,r,l,s,c);t&&!d&&typeof n.focus=="function"&&n.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:n,logger:o,onSubmitValueParser:r,keyPath:l}=this.props,{inputRef:s,name:i,deep:c}=this.state;if(!s)return;let d=r(!0,l,c,i,s.value);t({value:d,key:i}).then(()=>{fn(n,d)||this.handleCancelEdit()}).catch(o.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(t){this.state.inputRef=t}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:t,value:n,editEnabled:o,keyPath:r,deep:l}=this.state,{handleRemove:s,originalValue:i,readOnly:c,dataType:d,getStyle:p,editButtonElement:m,cancelButtonElement:u,inputElementGenerator:y,minusMenuElement:h,keyPath:b}=this.props,E=p(t,i,r,l,d),S=c(t,i,r,l,d),v=o&&!S,w=y(Et,b,l,t,i,d),T=_(m,{onClick:this.handleEdit}),I=_(u,{onClick:this.handleCancelEdit}),P=_(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),B=_(h,{onClick:s,className:"rejt-minus-menu",style:E.minus});return x.createElement("li",{className:"rejt-value-node",style:E.li},x.createElement("span",{className:"rejt-name",style:E.name},t," : "),v?x.createElement("span",{className:"rejt-edit-form",style:E.editForm},P," ",I,T):x.createElement("span",{className:"rejt-value",style:E.value,onClick:S?null:this.handleEditMode},String(n)),!S&&!v&&B)}};a(X,"JsonValue");X.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:x.createElement("button",null,"e"),cancelButtonElement:x.createElement("button",null,"c"),minusMenuElement:x.createElement("span",null," - ")};var Qo={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Jo={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},er={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function tr(string){let result=string;if(result.indexOf("function")===0)return eval(`(${result})`);try{result=JSON.parse(string)}catch(e){}return result}a(tr,"parse");var ke=class extends cs{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,n){return t.data!==n.data||t.rootName!==n.rootName?{data:t.data,rootName:t.rootName}:null}onUpdate(t,n){this.setState({data:n}),this.props.onFullyUpdate(n)}removeRoot(){this.onUpdate(null,null)}render(){let{data:t,rootName:n}=this.state,{isCollapsed:o,onDeltaUpdate:r,readOnly:l,getStyle:s,addButtonElement:i,cancelButtonElement:c,editButtonElement:d,inputElement:p,textareaElement:m,minusMenuElement:u,plusMenuElement:y,beforeRemoveAction:h,beforeAddAction:b,beforeUpdateAction:E,logger:S,onSubmitValueParser:v,fallback:w=null}=this.props,T=q(t),I=l;q(l)==="Boolean"&&(I=a(()=>l,"readOnlyFunction"));let P=p;p&&q(p)!=="Function"&&(P=a(()=>p,"inputElementFunction"));let B=m;return m&&q(m)!=="Function"&&(B=a(()=>m,"textareaElementFunction")),T==="Object"||T==="Array"?xt.createElement("div",{className:"rejt-tree"},xt.createElement(se,{data:t,name:n,deep:-1,isCollapsed:o,onUpdate:this.onUpdate,onDeltaUpdate:r,readOnly:I,getStyle:s,addButtonElement:i,cancelButtonElement:c,editButtonElement:d,inputElementGenerator:P,textareaElementGenerator:B,minusMenuElement:u,plusMenuElement:y,handleRemove:this.removeRoot,beforeRemoveAction:h,beforeAddAction:b,beforeUpdateAction:E,logger:S,onSubmitValueParser:v})):w}};a(ke,"JsonTree");ke.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,n,o,r)=>{switch(r){case"Object":case"Error":return Qo;case"Array":return Jo;default:return er}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,n,o,r)=>tr(r),inputElement:()=>xt.createElement("input",null),textareaElement:()=>xt.createElement("textarea",null),fallback:null};var{window:ys}=ds,bs=Re.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.background.app,borderColor:e.color.border}})),hn=Re.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})),or=Re(lr)(({theme:e,icon:t,disabled:n})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:n?"not-allowed":"pointer",color:e.color.mediumdark,"&:hover":n?{}:{color:t==="subtract"?e.color.negative:e.color.ancillary},"svg + &":{marginLeft:0}})),rr=Re.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.color.border}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Es=Re(hs)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.color.border}`,borderRadius:3,color:e.color.mediumdark,fontSize:"9px",fontWeight:"bold",span:{marginLeft:3,marginTop:1}})),xs=Re(ar.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"}})),Ss={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Cs=a(e=>{e.currentTarget.dispatchEvent(new ys.KeyboardEvent("keydown",Ss))},"dispatchEnterKey"),vs=a(e=>{e.currentTarget.select()},"selectValue"),ws=a(e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),"getCustomStyleFunction"),yn=a(({name:e,value:t,onChange:n})=>{let o=gs(),r=ms(()=>t&&ps(t),[t]),l=r!=null,[s,i]=gn(!l),[c,d]=gn(null),p=nr(E=>{try{E&&n(JSON.parse(E)),d(void 0)}catch(S){d(S)}},[n]),[m,u]=gn(!1),y=nr(()=>{n({}),u(!0)},[u]),h=fs(null);if(us(()=>{m&&h.current&&h.current.select()},[m]),!l)return $.createElement(ar.Button,{id:re(e),onClick:y},"Set object");let b=$.createElement(xs,{ref:h,id:j(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:E=>p(E.target.value),placeholder:"Edit JSON string...",autoFocus:m,valid:c?"error":null});return $.createElement(bs,null,["Object","Array"].includes(q(r))&&$.createElement(Es,{onClick:()=>i(E=>!E)},$.createElement(lr,{icon:s?"eyeclose":"eye"}),$.createElement("span",null,"RAW")),s?b:$.createElement(ke,{data:r,rootName:e,onFullyUpdate:n,getStyle:ws(o),cancelButtonElement:$.createElement(hn,{type:"button"},"Cancel"),editButtonElement:$.createElement(hn,{type:"submit"},"Save"),addButtonElement:$.createElement(hn,{type:"submit",primary:!0},"Save"),plusMenuElement:$.createElement(or,{icon:"add"}),minusMenuElement:$.createElement(or,{icon:"subtract"}),inputElement:(E,S,v,w)=>w?$.createElement(rr,{onFocus:vs,onBlur:Cs}):$.createElement(rr,null),fallback:b}))},"ObjectControl");import St,{useMemo as ks}from"react";import{styled as En}from"@storybook/theming";import{lighten as Te,darken as ie,rgba as Oe}from"polished";function bn(){return bn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},bn.apply(this,arguments)}a(bn,"_extends");var Rs=En.input(({theme:e,min:t,max:n,value:o})=>({"&":{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} ${(o-t)/(n-t)*100}%, 
+            ${ie(.02,e.input.background)} ${(o-t)/(n-t)*100}%, 
+            ${ie(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
+            ${e.color.green} 0%, ${e.color.green} ${(o-t)/(n-t)*100}%, 
+            ${Te(.02,e.input.background)} ${(o-t)/(n-t)*100}%, 
+            ${Te(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer"},"&::-webkit-slider-thumb":{marginTop:"-6px",width:16,height:16,border:`1px solid ${Oe(e.appBorderColor,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${Oe(e.appBorderColor,.2)}`,cursor:"grab",appearance:"none",background:`${e.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${ie(.05,e.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${e.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&:focus":{outline:"none","&::-webkit-slider-runnable-track":{borderColor:Oe(e.color.secondary,.4)},"&::-webkit-slider-thumb":{borderColor:e.color.secondary,boxShadow:`0 0px 5px 0px ${e.color.secondary}`}},"&::-moz-range-track":{background:e.base==="light"?`linear-gradient(to right, 
+            ${e.color.green} 0%, ${e.color.green} ${(o-t)/(n-t)*100}%, 
+            ${ie(.02,e.input.background)} ${(o-t)/(n-t)*100}%, 
+            ${ie(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
+            ${e.color.green} 0%, ${e.color.green} ${(o-t)/(n-t)*100}%, 
+            ${Te(.02,e.input.background)} ${(o-t)/(n-t)*100}%, 
+            ${Te(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:6,width:"100%",height:6,cursor:"pointer",outline:"none"},"&::-moz-range-thumb":{width:16,height:16,border:`1px solid ${Oe(e.color.border,.2)}`,borderRadius:"50px",boxShadow:`0 1px 3px 0px ${Oe(e.color.border,.2)}`,cursor:"grab",background:`${e.input.background}`,transition:"all 150ms ease-out","&:hover":{background:`${ie(.05,e.input.background)}`,transform:"scale3d(1.1, 1.1, 1.1) translateY(-1px)",transition:"all 50ms ease-out"},"&:active":{background:`${e.input.background}`,transform:"scale3d(1, 1, 1) translateY(0px)",cursor:"grabbing"}},"&::-ms-track":{background:e.base==="light"?`linear-gradient(to right, 
+            ${e.color.green} 0%, ${e.color.green} ${(o-t)/(n-t)*100}%, 
+            ${ie(.02,e.input.background)} ${(o-t)/(n-t)*100}%, 
+            ${ie(.02,e.input.background)} 100%)`:`linear-gradient(to right, 
+            ${e.color.green} 0%, ${e.color.green} ${(o-t)/(n-t)*100}%, 
+            ${Te(.02,e.input.background)} ${(o-t)/(n-t)*100}%, 
+            ${Te(.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 ${Oe(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),sr=En.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),Ts=En.div({display:"flex",alignItems:"center",width:"100%"});function Os(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}a(Os,"getNumberOfDecimalPlaces");var ir=a(({name:e,value:t,onChange:n,min:o=0,max:r=100,step:l=1,onBlur:s,onFocus:i})=>{let c=a(m=>{n(Do(m.target.value))},"handleChange"),d=t!==void 0,p=ks(()=>Os(l),[l]);return St.createElement(Ts,null,St.createElement(sr,null,o),St.createElement(Rs,bn({id:j(e),type:"range",onChange:c},{name:e,value:t,min:o,max:r,step:l,onFocus:i,onBlur:s})),St.createElement(sr,null,`${d?t.toFixed(p):"--"}`," / ",r))},"RangeControl");import xn,{useCallback as As,useState as Is}from"react";import{styled as Ps}from"@storybook/theming";import{Form as cr}from"@storybook/components";function Sn(){return Sn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Sn.apply(this,arguments)}a(Sn,"_extends");var Bs=Ps.label({display:"flex"}),dr=a(({name:e,value:t,onChange:n,onFocus:o,onBlur:r})=>{let l=a(p=>{n(p.target.value)},"handleChange"),[s,i]=Is(!1),c=As(()=>{n(""),i(!0)},[i]);if(t===void 0)return xn.createElement(cr.Button,{id:re(e),onClick:c},"Set string");let d=typeof t=="string";return xn.createElement(Bs,null,xn.createElement(cr.Textarea,Sn({id:j(e),onChange:l,size:"flex",placeholder:"Edit string...",autoFocus:s,valid:d?null:"error"},{name:e,value:d?t:"",onFocus:o,onBlur:r})))},"TextControl");import js from"react";import{styled as Ds}from"@storybook/theming";import{Form as Ns}from"@storybook/components";var _s=Ds(Ns.Input)({padding:10});function Vs(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}a(Vs,"revokeOldUrls");var pr=a(({onChange:e,name:t,accept:n="image/*",value:o})=>{function r(l){if(!l.target.files)return;let s=Array.from(l.target.files).map(i=>URL.createObjectURL(i));e(s),Vs(o)}return a(r,"handleFileChange"),js.createElement(_s,{id:j(t),type:"file",name:t,multiple:!0,onChange:r,accept:n,size:"flex"})},"FilesControl");function vn(){return vn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},vn.apply(this,arguments)}a(vn,"_extends");var Ms=Us(()=>import("./Color-Y7QPKMAJ.mjs")),mr=a(e=>Cn.createElement(Ls,{fallback:Cn.createElement("div",null)},Cn.createElement(Ms,vn({},e))),"ColorControl");function kn(){return kn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},kn.apply(this,arguments)}a(kn,"_extends");var Fs={array:yn,object:yn,boolean:To,color:mr,date:Io,number:No,check:ue,"inline-check":ue,radio:ue,"inline-radio":ue,select:ue,"multi-select":ue,range:ir,text:dr,file:pr},fr=a(()=>Ct.createElement(Ct.Fragment,null,"-"),"NoControl"),gr=a(({row:e,arg:t,updateArgs:n})=>{let{key:o,control:r}=e,[l,s]=ur(!1),[i,c]=ur({value:t});$s(()=>{l||c({value:t})},[l,t]);let d=wn(h=>(c({value:h}),n({[o]:h}),h),[n,o]),p=wn(()=>s(!1),[]),m=wn(()=>s(!0),[]);if(!r||r.disable)return Ct.createElement(fr,null);let u={name:o,argType:e,value:i.value,onChange:d,onBlur:p,onFocus:m},y=Fs[r.type]||fr;return Ct.createElement(y,kn({},u,r,{controlType:r.type}))},"ArgControl");function Rn(){return Rn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Rn.apply(this,arguments)}a(Rn,"_extends");var Hs=Ae.span({fontWeight:"bold"}),Gs=Ae.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Ks=Ae.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:R(C({},Ws({theme:e})),{fontSize:12,fontFamily:e.typography.fonts.mono}),"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Ys=Ae.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?vt(.1,e.color.defaultText):vt(.2,e.color.defaultText),marginTop:t?4:0})),Zs=Ae.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?vt(.1,e.color.defaultText):vt(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),qs=Ae.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Ke=a(e=>{var y;let{row:t,updateArgs:n,compact:o,expandable:r,initialExpandedArgs:l}=e,{name:s,description:i}=t,c=t.table||{},d=c.type||t.type,p=c.defaultValue||t.defaultValue,m=(y=t.type)==null?void 0:y.required,u=i!=null&&i!=="";return V.createElement("tr",null,V.createElement(qs,{expandable:r},V.createElement(Hs,null,s),m?V.createElement(Gs,{title:"Required"},"*"):null),o?null:V.createElement("td",null,u&&V.createElement(Ks,null,V.createElement(zs,null,i)),c.jsDocTags!=null?V.createElement(V.Fragment,null,V.createElement(Zs,{hasDescription:u},V.createElement(pt,{value:d,initialExpandedArgs:l})),V.createElement(So,{tags:c.jsDocTags})):V.createElement(Ys,{hasDescription:u},V.createElement(pt,{value:d,initialExpandedArgs:l}))),o?null:V.createElement("td",null,V.createElement(pt,{value:p,initialExpandedArgs:l})),n?V.createElement("td",null,V.createElement(gr,Rn({},e))):null)},"ArgRow");import ee,{useState as Xs}from"react";import{transparentize as wt}from"polished";import{styled as fe}from"@storybook/theming";import{Icons as Qs}from"@storybook/components";var Js=fe(Qs)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?wt(.25,e.color.defaultText):wt(.3,e.color.defaultText),border:"none",display:"inline-block"})),ei=fe.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),ti=fe.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"?wt(.4,e.color.defaultText):wt(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),ni=fe.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.content})),oi=fe.td(({theme:e})=>({position:"relative"})),ri=fe.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${e.background.hoverable} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),hr=fe.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"})),kt=a(({level:e="section",label:t,children:n,initialExpanded:o=!0,colSpan:r=3})=>{let[l,s]=Xs(o),i=e==="subsection"?ni:ti,c=(n==null?void 0:n.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=l?"arrowdown":"arrowright",m=`${l?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return ee.createElement(ee.Fragment,null,ee.createElement(ri,{title:m},ee.createElement(i,{colSpan:1},ee.createElement(hr,{onClick:u=>s(!l),tabIndex:0},m),ee.createElement(ei,null,ee.createElement(Js,{icon:p}),t)),ee.createElement(oi,{colSpan:r-1},ee.createElement(hr,{onClick:u=>s(!l),tabIndex:-1,style:{outline:"none"}},m),l?null:d)),l?n:null)},"SectionRow");function ge(){return ge=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},ge.apply(this,arguments)}a(ge,"_extends");var di=In.table(({theme:e,compact:t,inAddonPanel:n})=>({"&&":{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:n?0:25,marginBottom:n?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)":C({},t?null:{width:"35%"}),"td:nth-of-type(3)":C({},t?null:{width:"15%"}),"th:last-of-type, td:last-of-type":C({paddingRight:20},t?null:{width:"25%"}),th:{color:e.base==="light"?Rt(.25,e.color.defaultText):Rt(.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:n?0:1,marginRight:n?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:n?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:n?0:e.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:n?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:n?0:e.appBorderRadius}},tbody:{boxShadow:!n&&(e.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
+          ${Rt(.035,e.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
+          ${On(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":C(C({borderWidth:1,borderStyle:"solid"},n&&{borderColor:"transparent"}),!n&&{borderColor:e.base==="light"?Rt(.035,e.appBorderColor):On(.05,e.appBorderColor)})},tr:C({background:"transparent",overflow:"hidden"},n?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?An(.1,e.background.content):yr(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?An(.1,e.background.content):yr(.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}}:{}),pi=In.button(({theme:e})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:"3px 8px",transition:"all 150ms ease-out",verticalAlign:"top",userSelect:"none",margin:0,backgroundColor:e.base==="light"?"#EAF3FC":e.color.border,boxShadow:e.base==="light"?`${e.color.border} 0 0 0 1px inset`:`${e.color.darker}  0 0 0 1px inset`,color:e.color.secondary,"&:hover":{background:e.base==="light"?An(.03,"#EAF3FC"):On(.1,e.color.border)},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},svg:{display:"block",height:14,width:14}})),mi=In.span({display:"flex",justifyContent:"space-between"}),Ye;(function(e){e.NO_COMPONENT="No component found.",e.ARGS_UNSUPPORTED="Args unsupported. See Args documentation for your framework."})(Ye||(Ye={}));var ui={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var n,o;return Number(!!((n=t.type)!=null&&n.required))-Number(!!((o=e.type)!=null&&o.required))||e.name.localeCompare(t.name)},none:void 0},Tn=a(e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),"rowLoadingData"),fi={rows:{row1:Tn("row1"),row2:Tn("row2"),row3:Tn("row3")}},gi=a((e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([s,i])=>{let{category:c,subcategory:d}=(i==null?void 0:i.table)||{};if(c){let p=n.sections[c]||{ungrouped:[],subsections:{}};if(!d)p.ungrouped.push(C({key:s},i));else{let m=p.subsections[d]||[];m.push(C({key:s},i)),p.subsections[d]=m}n.sections[c]=p}else if(d){let p=n.ungroupedSubsections[d]||[];p.push(C({key:s},i)),n.ungroupedSubsections[d]=p}else n.ungrouped.push(C({key:s},i))});let o=ui[t],r=a(s=>o?Object.keys(s).reduce((i,c)=>R(C({},i),{[c]:s[c].sort(o)}),{}):s,"sortSubsection");return{ungrouped:n.ungrouped.sort(o),ungroupedSubsections:r(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((s,i)=>R(C({},s),{[i]:{ungrouped:n.sections[i].ungrouped.sort(o),subsections:r(n.sections[i].subsections)}}),{})}},"groupRows"),hi=a((e,t,n)=>{try{return li(e,t,n)}catch(o){return si.warn(o.message),!1}},"safeIncludeConditionalArg"),ce=a(e=>{if("error"in e)return A.createElement(ae,null,e.error,"\xA0",A.createElement(br,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:n,compact:o,inAddonPanel:r,initialExpandedArgs:l,sort:s="none"}=e,i="isLoading"in e,{rows:c,args:d,globals:p}="rows"in e?e:fi,m=gi(ai(c,b=>{var E;return!((E=b==null?void 0:b.table)!=null&&E.disable)&&hi(b,d||{},p||{})}),s);if(m.ungrouped.length===0&&Object.entries(m.sections).length===0&&Object.entries(m.ungroupedSubsections).length===0)return A.createElement(ae,null,"No inputs found for this component.\xA0",A.createElement(br,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let u=1;t&&(u+=1),o||(u+=2);let y=Object.keys(m.sections).length>0,h={updateArgs:t,compact:o,inAddonPanel:r,initialExpandedArgs:l};return A.createElement(ci,null,A.createElement(di,ge({"aria-hidden":i},{compact:o,inAddonPanel:r,isLoading:i},{className:"docblock-argstable"}),A.createElement("thead",{className:"docblock-argstable-head"},A.createElement("tr",null,A.createElement("th",null,A.createElement("span",null,"Name")),o?null:A.createElement("th",null,A.createElement("span",null,"Description")),o?null:A.createElement("th",null,A.createElement("span",null,"Default")),t?A.createElement("th",null,A.createElement(mi,null,"Control"," ",!i&&n&&A.createElement(pi,{onClick:()=>n(),title:"Reset controls"},A.createElement(ii,{icon:"undo","aria-hidden":!0})))):null)),A.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(b=>A.createElement(Ke,ge({key:b.key,row:b,arg:d&&d[b.key]},h))),Object.entries(m.ungroupedSubsections).map(([b,E])=>A.createElement(kt,{key:b,label:b,level:"subsection",colSpan:u},E.map(S=>A.createElement(Ke,ge({key:S.key,row:S,arg:d&&d[S.key],expandable:y},h))))),Object.entries(m.sections).map(([b,E])=>A.createElement(kt,{key:b,label:b,level:"section",colSpan:u},E.ungrouped.map(S=>A.createElement(Ke,ge({key:S.key,row:S,arg:d&&d[S.key]},h))),Object.entries(E.subsections).map(([S,v])=>A.createElement(kt,{key:S,label:S,level:"subsection",colSpan:u},v.map(w=>A.createElement(Ke,ge({key:w.key,row:w,arg:d&&d[w.key],expandable:y},h))))))))))},"ArgsTable");import Tt from"react";import{TabsState as yi}from"@storybook/components";function Ot(){return Ot=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Ot.apply(this,arguments)}a(Ot,"_extends");var Pn=a(n=>{var o=n,{tabs:e}=o,t=O(o,["tabs"]);let r=Object.entries(e);return r.length===1?Tt.createElement(ce,Ot({},r[0][1],t)):Tt.createElement(yi,null,r.map(l=>{let[s,i]=l,c=`prop_table_div_${s}`;return Tt.createElement("div",{key:c,id:c,title:s},({active:d})=>d?Tt.createElement(ce,Ot({key:`prop_table_${s}`},i,t)):null)}))},"TabbedArgsTable");import Er from"react";import{styled as bi}from"@storybook/theming";import{Link as Ei}from"@storybook/components";var xi=bi.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),Si=a(()=>Er.createElement(xi,null,"This story is not configured to handle controls."," ",Er.createElement(Ei,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls")),"NoControlsWarning");import At from"react";import{transparentize as xr}from"polished";import{styled as It}from"@storybook/theming";import{withReset as Ci}from"@storybook/components";function Bn(){return Bn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Bn.apply(this,arguments)}a(Bn,"_extends");var vi=It.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?xr(.4,e.color.defaultText):xr(.6,e.color.defaultText)})),wi=It.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),ki=It.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Ri=It.div(Ci,({theme:e})=>R(C({},le(e)),{margin:"25px 0 40px",padding:"30px 20px"})),Ti=a(l=>{var s=l,{fontFamily:e,fontSizes:t,fontWeight:n,sampleText:o}=s,r=O(s,["fontFamily","fontSizes","fontWeight","sampleText"]);return At.createElement(Ri,Bn({},r,{className:"docblock-typeset"}),t.map(i=>At.createElement(ki,{key:i},At.createElement(vi,null,i),At.createElement(wi,{style:{fontFamily:e,fontSize:i,fontWeight:n,lineHeight:1.2}},o||"Was he a beast if music could move him so?"))))},"Typeset");import D from"react";import{transparentize as Ie}from"polished";import{styled as F}from"@storybook/theming";import{ResetWrapper as Oi}from"@storybook/components";function jn(){return jn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},jn.apply(this,arguments)}a(jn,"_extends");var Ai=F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Ii=F.div(({theme:e})=>({color:e.base==="light"?Ie(.2,e.color.defaultText):Ie(.6,e.color.defaultText)})),Pi=F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),Bi=F.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"?Ie(.4,e.color.defaultText):Ie(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),Sr=F.div({display:"flex",flexDirection:"row"}),ji=F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),Cr=F.div(({theme:e})=>R(C({},le(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"})),vr=F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Di=F.div({flex:1,display:"flex",flexDirection:"row"}),Ni=F.div({display:"flex",alignItems:"flex-start"}),_i=F.div({flex:"0 0 30%"}),Vi=F.div({flex:1}),Ui=F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?Ie(.4,e.color.defaultText):Ie(.6,e.color.defaultText)})),Li=F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function wr(e,t){return D.createElement(ji,{key:`${e}-${t}`,title:e,background:e})}a(wr,"renderSwatch");function kr(e,t,n){return D.createElement(Bi,{key:`${e}-${t}`,title:e},D.createElement("div",null,e,n&&D.createElement("span",null,n)))}a(kr,"renderSwatchLabel");function Mi(e){return Array.isArray(e)?D.createElement(vr,null,D.createElement(Cr,null,e.map((t,n)=>wr(t,n))),D.createElement(Sr,null,e.map((t,n)=>kr(t,n)))):D.createElement(vr,null,D.createElement(Cr,null,Object.values(e).map((t,n)=>wr(t,n))),D.createElement(Sr,null,Object.keys(e).map((t,n)=>kr(t,n,e[t]))))}a(Mi,"renderSwatchSpecimen");var $i=a(({title:e,subtitle:t,colors:n})=>D.createElement(Ni,null,D.createElement(Pi,null,D.createElement(Ai,null,e),D.createElement(Ii,null,t)),D.createElement(Di,null,Mi(n))),"ColorItem"),Fi=a(n=>{var o=n,{children:e}=o,t=O(o,["children"]);return D.createElement(Oi,null,D.createElement(Li,jn({},t,{className:"docblock-colorpalette"}),D.createElement(Ui,null,D.createElement(_i,null,"Name"),D.createElement(Vi,null,"Swatches")),e))},"ColorPalette");import Ze from"react";import{styled as Pt}from"@storybook/theming";import{ResetWrapper as zi}from"@storybook/components";function Dn(){return Dn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Dn.apply(this,arguments)}a(Dn,"_extends");var Wi=Pt.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),Hi=Pt.div(({theme:e})=>R(C({},le(e)),{overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),Gi=Pt.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),Ki=Pt.div({display:"flex",flexFlow:"row wrap"}),Yi=a(({name:e,children:t})=>Ze.createElement(Gi,null,Ze.createElement(Hi,null,t),Ze.createElement(Wi,null,e)),"IconItem"),Zi=a(n=>{var o=n,{children:e}=o,t=O(o,["children"]);return Ze.createElement(zi,null,Ze.createElement(Ki,Dn({},t,{className:"docblock-icongallery"}),e))},"IconGallery");import qi from"react";var Nn=a(e=>`anchor--${e}`,"anchorBlockIdFromId"),Bt=a(({storyId:e,children:t})=>qi.createElement("div",{id:Nn(e)},t),"Anchor");import de,{useContext as Fn,useEffect as Br,useState as jr,useCallback as Ar}from"react";import ic from"lodash/mapValues";import{addons as Dr}from"@storybook/addons";import{filterArgTypes as Nr}from"@storybook/store";import je from"@storybook/core-events";import{createContext as Rr}from"react";import{window as Pe}from"global";Pe&&Pe.__DOCS_CONTEXT__===void 0&&(Pe.__DOCS_CONTEXT__=Rr(null),Pe.__DOCS_CONTEXT__.displayName="DocsContext");var k=Pe?Pe.__DOCS_CONTEXT__:Rr(null);var z=".",qe="^";var Xi=a(e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),"titleCase"),_n=a(e=>{if(!!e)return typeof e=="string"?e.includes("-")?Xi(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name},"getComponentName");function Vn(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}a(Vn,"scrollToElement");import te,{useContext as ec,useRef as tc,useEffect as nc,useState as oc}from"react";import{MDXProvider as Tr}from"@mdx-js/react";import{resetComponents as Or}from"@storybook/components";import{toId as rc,storyNameFromExport as ac}from"@storybook/csf";import{useState as Qi,useEffect as Ji}from"react";function jt(e,t){let n=Xe([e],t);return n&&n[0]}a(jt,"useStory");function Xe(e,t){let[n,o]=Qi({});return Ji(()=>{Promise.all(e.map(async r=>{let l=await t.loadStory(r);o(s=>s[r]===l?s:R(C({},s),{[r]:l}))}))}),e.map(r=>{if(n[r])return n[r];try{return t.storyById(r)}catch{return null}})}a(Xe,"useStories");function Un(){return Un=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Un.apply(this,arguments)}a(Un,"_extends");var Dt=a(e=>`story--${e}`,"storyBlockIdFromId"),Ln=a((e,{mdxStoryNameToKey:t,mdxComponentAnnotations:n})=>rc(n.id||n.title,ac(t[e])),"lookupStoryId"),lc=a((e,t)=>{let{id:n,of:o,meta:r}=e;if(o)return t.storyIdByModuleExport(o,r);let{name:l}=e;return(n===z?t.id:n)||Ln(l,t)},"getStoryId"),sc=a(({height:e,inline:t},n)=>{let{name:o,parameters:r={}}=n||{},{docs:l={}}=r;if(l.disable)return null;let{inlineStories:s=!1,iframeHeight:i=100}=l,c=typeof t=="boolean"?t:s;return C({inline:c,id:n==null?void 0:n.id,height:e||(c?void 0:i),title:o},c&&{parameters:r})},"getStoryProps"),Mn=a(e=>{let t=ec(k),n=tc(),o=lc(e,t),r=jt(o,t),[l,s]=oc(!0);if(nc(()=>{let d;if(r&&n.current){let p=n.current;d=t.renderStoryToElement(r,p),s(!1)}return()=>d&&d()},[r]),!r)return te.createElement($e,null);let i=sc(e,r);if(!i)return null;if(t.type==="external"||i.inline){let d="<span></span>",{height:p}=i;return te.createElement("div",{id:Dt(r.id)},te.createElement(Tr,{components:Or},p?te.createElement("style",null,`#story--${r.id} { min-height: ${p}px; transform: translateZ(0); overflow: auto }`):null,l&&te.createElement($e,null),te.createElement("div",{ref:n,"data-name":r.name,dangerouslySetInnerHTML:{__html:d}})))}return te.createElement("div",{id:Dt(r.id)},te.createElement(Tr,{components:Or},te.createElement(ho,Un({},i))))},"Story");Mn.defaultProps={children:null,name:null};function Be(){return Be=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Be.apply(this,arguments)}a(Be,"_extends");var _r=a((e,t)=>{let n=t.storyById(e);if(!n)throw new Error(`Unknown story: ${e}`);return t.getStoryContext(n)},"getContext"),cc=a((e,t)=>{let n=Dr.getChannel(),o=_r(e,t),[r,l]=jr(o.args);Br(()=>{let c=a(d=>{d.storyId===e&&l(d.args)},"cb");return n.on(je.STORY_ARGS_UPDATED,c),()=>n.off(je.STORY_ARGS_UPDATED,c)},[e]);let s=Ar(c=>n.emit(je.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:c}),[e]),i=Ar(c=>n.emit(je.RESET_STORY_ARGS,{storyId:e,argNames:c}),[e]);return[r,s,i]},"useArgs"),dc=a((e,t)=>{let n=Dr.getChannel(),o=_r(e,t),[r,l]=jr(o.globals);return Br(()=>{let s=a(i=>{l(i.globals)},"cb");return n.on(je.GLOBALS_UPDATED,s),()=>n.off(je.GLOBALS_UPDATED,s)},[]),[r]},"useGlobals"),Vr=a((e,{id:t,storyById:n},o,r)=>{let{parameters:l}=n(t),{extractArgTypes:s}=l.docs||{};if(!s)throw new Error(Ye.ARGS_UNSUPPORTED);let i=s(e);return i=Nr(i,o,r),i},"extractComponentArgTypes"),Ir=a(e=>e&&[z,qe].includes(e),"isShortcut"),pc=a((e={},{id:t,storyById:n})=>{let{of:o}=e,{story:r}=e,{component:l}=n(t);if(Ir(o)||Ir(r))return l||null;if(!o)throw new Error(Ye.NO_COMPONENT);return o},"getComponent"),$n=a((e,t,n,o,r,l)=>C(C({},e),ic(t,s=>({rows:Vr(s,n,o,r),sort:l}))),"addComponentTabs"),mc=a(e=>{let t=Fn(k),{id:n,componentStories:o}=t,{story:r,component:l,subcomponents:s,showComponent:i,include:c,exclude:d,sort:p}=e;try{let m;switch(r){case z:{m=n;break}case qe:{m=o()[0].id;break}default:m=Ln(r,t)}let u=jt(m,t),[y,h,b]=cc(m,t),[E]=dc(m,t);if(!u)return de.createElement(ce,{isLoading:!0,updateArgs:h,resetArgs:b});let S=Nr(u.argTypes,c,d),v=_n(l)||"Story",w={[v]:{rows:S,args:y,globals:E,updateArgs:h,resetArgs:b}},T=S&&Object.values(S).find(I=>!!(I!=null&&I.control));if(T||(h=null,b=null,w={}),l&&(!T||i)&&(w=$n(w,{[v]:l},t,c,d)),s){if(Array.isArray(s))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");w=$n(w,s,t,c,d)}return de.createElement(Pn,{tabs:w,sort:p})}catch(m){return de.createElement(ce,{error:m.message})}},"StoryTable"),Pr=a(e=>{let t=Fn(k),{components:n,include:o,exclude:r,sort:l}=e,s=$n({},n,t,o,r);return de.createElement(Pn,{tabs:s,sort:l})},"ComponentsTable"),Qe=a(e=>{let t=Fn(k),{id:n,storyById:o}=t,{parameters:{controls:r},subcomponents:l}=o(n),{include:s,exclude:i,components:c,sort:d}=e,{story:p}=e,m=d||(r==null?void 0:r.sort),u=pc(e,t);if(p)return de.createElement(mc,Be({},e,{component:u},{subcomponents:l,sort:m}));if(!c&&!l){let h;try{h={rows:Vr(u,t,s,i)}}catch(b){h={error:b.message}}return de.createElement(ce,Be({},h,{sort:m}))}if(c)return de.createElement(Pr,Be({},e,{components:c,sort:m}));let y=_n(u);return de.createElement(Pr,Be({},e,{components:C({[y]:u},l),sort:m}))},"ArgsTable");Qe.defaultProps={of:z};import Hn,{useContext as zr}from"react";import{MDXProvider as Rc}from"@mdx-js/react";import{toId as Tc,storyNameFromExport as Oc}from"@storybook/csf";import{resetComponents as Ac}from"@storybook/components";import uc,{createContext as fc,useEffect as gc,useState as hc}from"react";import yc from"fast-deep-equal";import{addons as bc}from"@storybook/addons";import{SNIPPET_RENDERED as Ur}from"@storybook/docs-tools";var Je=fc({sources:{}}),Lr=a(({children:e})=>{let[t,n]=hc({}),o=bc.getChannel();return gc(()=>{let r=a((l,s,i=!1)=>{t[l]&&t[l].code===s||n(c=>{let d=R(C({},c),{[l]:{code:s,format:i}});return yc(c,d)?c:d})},"handleSnippetRendered");return o.on(Ur,r),()=>o.off(Ur,r)},[]),uc.createElement(Je.Provider,{value:{sources:t}},e)},"SourceContainer");import vc,{useContext as $r}from"react";import{SourceType as zn}from"@storybook/docs-tools";import{combineParameters as Ec}from"@storybook/store";function xc(e,t){let{startBody:n,endBody:o}=e;if(n.line===o.line&&t[n.line-1]!==void 0)return t[n.line-1].substring(n.col,o.col);let r=t[n.line-1],l=t[o.line-1];return r===void 0||l===void 0?null:[r.substring(n.col),...t.slice(n.line,o.line-1),l.substring(0,o.col)].join(`
+`)}a(xc,"extractSource");var Sc=a(e=>e.replace(/^.*?--/,""),"storyIdToSanitizedStoryName"),Cc=a((e,{source:t,locationsMap:n})=>{if(!n)return t;let o=Sc(e),r=n[o];if(!r)return t;let l=t.split(`
+`);return xc(r,l)},"extract"),Mr=a(e=>{var c;let{id:t,parameters:n}=e,{storySource:o,docs:r={}}=n,{transformSource:l}=r;if(!(o!=null&&o.source)||((c=r.source)==null?void 0:c.code))return null;let s=Cc(t,o),i=l?l(s,e):s;return{docs:Ec(r,{source:{code:i}})}},"enhanceSource");function Wn(){return Wn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Wn.apply(this,arguments)}a(Wn,"_extends");var he;(function(e){e.OPEN="open",e.CLOSED="closed",e.NONE="none"})(he||(he={}));var wc=a(e=>{let t=e.map(n=>{var o,r;return(r=(o=n.parameters.docs)==null?void 0:o.source)==null?void 0:r.state}).filter(Boolean);return t.length===0?he.CLOSED:t[0]},"getSourceState"),Fr=a((e,t)=>{let{sources:n}=t;return(n==null?void 0:n[e])||{code:"",format:!1}},"getStorySource"),kc=a((e,t)=>{var i,c,d,p,m,u,y,h,b,E;if(!t)return e;let{parameters:n}=t,o=n.__isArgsStory,r=((c=(i=n.docs)==null?void 0:i.source)==null?void 0:c.type)||zn.AUTO,l=(p=(d=n.docs)==null?void 0:d.source)==null?void 0:p.code;if(l!==void 0)return l;if(r===zn.DYNAMIC)return((u=(m=n.docs)==null?void 0:m.transformSource)==null?void 0:u.call(m,e,t))||e;if(r===zn.AUTO&&e&&o)return((h=(y=n.docs)==null?void 0:y.transformSource)==null?void 0:h.call(y,e,t))||e;let s=Mr(t)||n;return((E=(b=s==null?void 0:s.docs)==null?void 0:b.source)==null?void 0:E.code)||""},"getSnippet"),Nt=a((e,t,n)=>{let{id:o,storyById:r}=t,l={};try{({parameters:l}=r(o))}catch{}let s=e,i=e,c=e,d=s.code,{format:p}=s,u=(c.ids||[i.id||o]).map(v=>v===z?o:v),y=Xe(u,t);if(!y.every(Boolean))return{error:Ue.SOURCE_UNAVAILABLE,state:he.NONE};d||({format:p}=Fr(u[0],n),d=u.map((v,w)=>{let{code:T}=Fr(v,n),I=y[w];return kc(T,I)}).join(`
+
+`));let h=wc(y),{docs:b={}}=l,{source:E={}}=b,{language:S=null}=E;return d?{code:d,state:h,format:p,language:e.language||S||"jsx",dark:e.dark||!1}:{error:Ue.SOURCE_UNAVAILABLE,state:h}},"getSourceProps"),dg=a(e=>{let t=$r(Je),n=$r(k),o=Nt(e,n,t);return vc.createElement(me,Wn({},o))},"Source");function Gn(){return Gn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Gn.apply(this,arguments)}a(Gn,"_extends");var Ic=a((s,r,l)=>{var i=s,{withSource:e,mdxSource:t,children:n}=i,o=O(i,["withSource","mdxSource","children"]);let{mdxComponentAnnotations:c,mdxStoryNameToKey:d}=r,p=e,m=!1;if(p===he.NONE)return{isLoading:m,previewProps:o};if(t)return{isLoading:m,previewProps:R(C({},o),{withSource:Nt({code:decodeURI(t)},r,l)})};let h=(Array.isArray(n)?n:[n]).filter(v=>v.props&&(v.props.id||v.props.name||v.props.of)).map(({props:{id:v,of:w,name:T}})=>v||(w?r.storyIdByModuleExport(w):Tc(c.id||c.title,Oc(d[T])))),b=Nt({ids:h},r,l);p||(p=b.state);let E=h.map(v=>v===z?r.id:v);return m=Xe(E,r).some(v=>!v),{isLoading:m,previewProps:R(C({},o),{withSource:b,isExpanded:p===he.OPEN})}},"getPreviewProps"),_t=a(e=>{let t=zr(k),n=zr(Je),{isLoading:o,previewProps:r}=Ic(e,t,n),{children:l}=e;return o?Hn.createElement(xo,null):Hn.createElement(Rc,{components:Ac},Hn.createElement(Jt,Gn({},r),l))},"Canvas");import Pc,{useContext as Bc}from"react";import{str as Kn}from"@storybook/docs-tools";var ye;(function(e){e.INFO="info",e.NOTES="notes",e.DOCGEN="docgen",e.LEGACY_5_2="legacy-5.2",e.AUTO="auto"})(ye||(ye={}));var Wr=a(e=>e&&(typeof e=="string"?e:Kn(e.markdown)||Kn(e.text)),"getNotes"),Hr=a(e=>e&&(typeof e=="string"?e:Kn(e.text)),"getInfo"),jc=a(e=>null,"noDescription"),Dc=a(({of:e,type:t,markdown:n,children:o},{id:r,storyById:l})=>{let{component:s,parameters:i}=l(r);if(o||n)return{markdown:o||n};let{notes:c,info:d,docs:p}=i,{extractComponentDescription:m=jc,description:u}=p||{},y=e===z?s:e,h=u==null?void 0:u.component;if(h)return{markdown:h};switch(t){case ye.INFO:return{markdown:Hr(d)};case ye.NOTES:return{markdown:Wr(c)};case ye.LEGACY_5_2:return{markdown:`
+${Wr(c)||Hr(d)||""}
+
+${m(y)||""}
+`.trim()};case ye.DOCGEN:case ye.AUTO:default:return{markdown:m(y,C({component:s},i))}}},"getDescriptionProps"),et=a(e=>{let t=Bc(k),{markdown:n}=Dc(e,t);return n?Pc.createElement(ao,{markdown:n}):null},"DescriptionContainer");et.defaultProps={of:"."};import ia from"react";import ca from"react-dom";import De,{useEffect as zc}from"react";import Wc from"global";import Hc from"util-deprecate";import Gc from"ts-dedent";import{MDXProvider as Kc}from"@mdx-js/react";import{ThemeProvider as Yc,ensure as Qr}from"@storybook/theming";import{components as Zc}from"@storybook/components";import M from"react";import{addons as Nc}from"@storybook/addons";import{NAVIGATE_URL as _c}from"@storybook/core-events";import{Code as Vc,components as Zn}from"@storybook/components";import Uc from"global";import{styled as Gr}from"@storybook/theming";function ne(){return ne=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},ne.apply(this,arguments)}a(ne,"_extends");var{document:Kr}=Uc,Vg=a(e=>{if(typeof e!="function")throw new Error(`Expected story function, got: ${e}`);return e},"assertIsFn"),Ug=a(e=>{let r=e,{children:t}=r,n=O(r,["children"]),o=M.useContext(k);return M.createElement(k.Provider,{value:C(C({},o),n)},t)},"AddContext"),Yr=a(o=>{var r=o,{className:e,children:t}=r,n=O(r,["className","children"]);if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return M.createElement(Vc,null,t);let l=e&&e.split("-");return M.createElement(me,ne({language:l&&l[1]||"plaintext",format:!1,code:t},n))},"CodeOrSourceMdx");function qn(e){Nc.getChannel().emit(_c,e)}a(qn,"navigate");var Yn=Zn.a,Lc=a(({hash:e,children:t})=>M.createElement(Yn,{href:e,target:"_self",onClick:n=>{let o=e.substring(1);Kr.getElementById(o)&&qn(e)}},t),"AnchorInPage"),Zr=a(e=>{let l=e,{href:t,target:n,children:o}=l,r=O(l,["href","target","children"]);if(t){if(t.startsWith("#"))return M.createElement(Lc,{hash:t},o);if(n!=="_blank"&&!t.startsWith("https://"))return M.createElement(Yn,ne({href:t,onClick:s=>{s.preventDefault(),qn(s.currentTarget.getAttribute("href"))},target:n},r),o)}return M.createElement(Yn,ne({},e))},"AnchorMdx"),qr=["h1","h2","h3","h4","h5","h6"],Mc=qr.reduce((e,t)=>R(C({},e),{[t]:Gr(Zn[t])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),$c=Gr.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),Fc=a(r=>{var l=r,{as:e,id:t,children:n}=l,o=O(l,["as","id","children"]);let s=Mc[e],i=`#${t}`;return M.createElement(s,ne({id:t},o),M.createElement($c,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{Kr.getElementById(t)&&qn(i)}},M.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},M.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"}))),n)},"HeaderWithOcticonAnchor"),tt=a(e=>{let s=e,{as:t,id:n,children:o}=s,r=O(s,["as","id","children"]);if(n)return M.createElement(Fc,ne({as:t,id:n},r),o);let l=Zn[t];return M.createElement(l,ne({},e))},"HeaderMdx"),Xr=qr.reduce((e,t)=>R(C({},e),{[t]:n=>M.createElement(tt,ne({as:t},n))}),{});var{document:Vt,window:qc}=Wc,Xc=C(R(C({},Zc),{code:Yr,a:Zr}),Xr),Qc=Hc(()=>{},Gc`
+    Deprecated parameter: options.theme => docs.theme
+
+    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming
+`),Jr=a(({context:e,children:t})=>{let{id:n,type:o,storyById:r}=e,l=C({},Xc),s=Qr(null);if(o==="legacy"){let{parameters:{options:i={},docs:c={}}}=r(n),d=c.theme;!d&&i.theme&&(Qc(),d=i.theme),s=Qr(d),Object.assign(l,c.components)}return zc(()=>{let i;try{i=new URL(qc.parent.location)}catch{return}if(i.hash){let c=Vt.getElementById(i.hash.substring(1));c&&setTimeout(()=>{Vn(c)},200)}else{let c=Vt.getElementById(Nn(n))||Vt.getElementById(Dt(n));if(c){let d=c.parentElement.querySelectorAll('[id|="anchor-"]'),p=c;d&&d[0]===c&&(p=Vt.getElementById("docs-root")),setTimeout(()=>{Vn(p,"start")},200)}}},[n]),De.createElement(k.Provider,{value:e},De.createElement(Lr,null,De.createElement(Yc,{theme:s},De.createElement(Kc,{components:l},De.createElement(po,{className:"sbdocs sbdocs-wrapper"},De.createElement(co,{className:"sbdocs sbdocs-content"},t))))))},"DocsContainer");import pe from"react";import Jc,{useContext as ed}from"react";var td=/\s*\/\s*/,nd=a(({title:e})=>{let t=e.trim().split(td);return t&&t[t.length-1]||e},"extractTitle"),ea=a(({children:e})=>{let t=ed(k),n=e;return n||(n=nd(t)),n?Jc.createElement(so,{className:"sbdocs-title"},n):null},"Title");import od,{useContext as rd}from"react";var ta=a(({children:e})=>{let{id:t,storyById:n}=rd(k),{parameters:o}=n(t),r=e;return r||(r=o==null?void 0:o.componentSubtitle),r?od.createElement(io,{className:"sbdocs-subtitle"},r):null},"Subtitle");import cd,{useContext as dd}from"react";import nt from"react";import ld from"util-deprecate";import sd from"ts-dedent";import na from"react";import{H3 as ad}from"@storybook/components";var oa=a(({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return na.createElement(ad,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return na.createElement(tt,{as:"h3",id:n},e)},"Subheading");var id=ld(()=>{},sd`
+    Deprecated parameter: docs.storyDescription => docs.description.story
+      
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
+  `),Ut=a(({id:e,name:t,expanded:n=!0,withToolbar:o=!1,parameters:r={}})=>{var c;let l,{docs:s}=r;n&&s&&(l=(c=s.description)==null?void 0:c.story,l||(l=s.storyDescription,l&&id()));let i=n&&t;return nt.createElement(Bt,{storyId:e},i&&nt.createElement(oa,null,i),l&&nt.createElement(et,{markdown:l}),nt.createElement(_t,{withToolbar:o},nt.createElement(Mn,{id:e,parameters:r})))},"DocsStory");function Xn(){return Xn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Xn.apply(this,arguments)}a(Xn,"_extends");var ra=a(({name:e})=>{let{componentStories:t}=dd(k),n=t(),o;return n&&(o=e?n.find(r=>r.name===e):n[0]),o?cd.createElement(Ut,Xn({},o,{expanded:!1,withToolbar:!0})):null},"Primary");import Lt,{useContext as md}from"react";import aa from"react";import{H2 as pd}from"@storybook/components";var la=a(({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return aa.createElement(pd,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return aa.createElement(tt,{as:"h2",id:n},e)},"Heading");function Qn(){return Qn=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},Qn.apply(this,arguments)}a(Qn,"_extends");var Jn=a(({title:e,includePrimary:t=!1})=>{let{componentStories:n}=md(k),o=n();return o=o.filter(r=>{var l,s;return!((s=(l=r.parameters)==null?void 0:l.docs)!=null&&s.disable)}),t||(o=o.slice(1)),!o||o.length===0?null:Lt.createElement(Lt.Fragment,null,Lt.createElement(la,null,e),o.map(r=>r&&Lt.createElement(Ut,Qn({key:r.id},r,{expanded:!0}))))},"Stories");Jn.defaultProps={title:"Stories"};var sa=a(()=>pe.createElement(pe.Fragment,null,pe.createElement(ea,null),pe.createElement(ta,null),pe.createElement(et,null),pe.createElement(ra,null),pe.createElement(Qe,{story:qe}),pe.createElement(Jn,null)),"DocsPage");var eo=class{constructor(){this.render=(t,n,o,r)=>{ud(t,n,o).then(r)},this.unmount=t=>{ca.unmountComponentAtNode(t)}}};a(eo,"DocsRenderer");async function ud(e,t,n){var s,i;let o=t.container||await((s=t.getContainer)==null?void 0:s.call(t))||Jr,r=t.page||await((i=t.getPage)==null?void 0:i.call(t))||sa,l=ia.createElement(o,{key:e.title,context:e},ia.createElement(r,null));await new Promise(c=>{ca.render(l,n,c)})}a(ud,"renderDocsAsync");import pa from"react";import{ThemeProvider as hd,themes as yd,ensure as bd}from"@storybook/theming";import{Preview as fd}from"@storybook/preview-web";import{toId as gd}from"@storybook/csf";var da=a(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)}},"ConstantMap"),ot=class extends fd{constructor(t){super(),this.projectAnnotations=t,this.initialized=!1,this.importPaths=new da("./importPath/"),this.titles=new da("title-"),this.storyIds=new Map,this.storyIndex={v:4,entries:{}},this.moduleExportsByImportPath={}}storyIdByModuleExport(t,n){return this.storyIds.has(t)||this.addStoryFromExports(t,n),this.storyIds.get(t)}addStoryFromExports(t,n){let o=this.importPaths.get(n);this.moduleExportsByImportPath[o]=n;let r=n.default.title||this.titles.get(n),l=Object.entries(n).find(([i,c])=>c===t);if(!l)throw new Error("Didn't find `of` used in Story block in the provided CSF exports");let s=gd(r,l[0]);return this.storyIds.set(t,s),this.storyIndex.entries[s]={id:s,importPath:o,title:r,name:"Name",type:"story"},this.initialized?this.onStoriesChanged({storyIndex:this.storyIndex}):(this.initialized=!0,this.initialize({getStoryIndex:()=>this.storyIndex,importFn:i=>Promise.resolve(this.moduleExportsByImportPath[i]),getProjectAnnotations:()=>this.projectAnnotations}))}storyById(t){let n=this.storyIndex.entries[t];if(!n)throw new Error(`Unknown storyId ${t}`);let{importPath:o,title:r}=n,l=this.moduleExportsByImportPath[o],s=this.storyStore.processCSFFileWithCache(l,o,r);return this.storyStore.storyFromCSFFile({storyId:t,csfFile:s})}};a(ot,"ExternalPreview");var Ne,oy=a(({projectAnnotations:e,children:t})=>{Ne||(Ne=new ot(e));let n,r={type:"external",id:"external-docs",title:"External",name:"Docs",storyIdByModuleExport:(l,s)=>Ne.storyIdByModuleExport(l,s||n),storyById:l=>Ne.storyById(l),getStoryContext:()=>{throw new Error("not implemented")},componentStories:()=>{throw new Error("not implemented")},loadStory:async l=>Ne.storyById(l),renderStoryToElement:(l,s)=>Ne.renderStoryToElement(l,s),setMeta:a(l=>{n=l},"setMeta")};return pa.createElement(k.Provider,{value:r},pa.createElement(hd,{theme:bd(yd.normal)},t))},"ExternalDocsContainer");import Ed,{useContext as ua}from"react";import xd from"global";var{document:ma}=xd;function Sd(e){let t=e.componentStories();return t.length>0?t[0].id:null}a(Sd,"getFirstStoryId");function Cd(){let e=ua(k);if(e.type!=="legacy")return null;let t=Sd(e)||e.id;return Ed.createElement(Bt,{storyId:t})}a(Cd,"renderAnchor");var cy=a(({of:e})=>{let t=!0;ma&&(t=new URL(ma.location).searchParams.get("viewMode")==="docs");let n=ua(k);return e&&n.setMeta(e),t?Cd():null},"Meta");import vd from"react";import wd from"util-deprecate";import kd from"ts-dedent";function to(){return to=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},to.apply(this,arguments)}a(to,"_extends");var gy=wd(e=>vd.createElement(_t,to({},e)),kd`
+    Preview doc block has been renamed to Canvas.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `);import Rd from"react";import Td from"util-deprecate";import Od from"ts-dedent";function no(){return no=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},no.apply(this,arguments)}a(no,"_extends");var Ad=Td(e=>Rd.createElement(Qe,no({},e)),Od`
+    Props doc block has been renamed to ArgsTable.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `);Ad.defaultProps={of:z};import Id from"react";var wy=a(({children:e})=>Id.createElement("div",{style:{fontFamily:"sans-serif"}},e),"Wrapper");export{Ug as AddContext,Bt as Anchor,Zr as AnchorMdx,Qe as ArgsTable,To as BooleanControl,z as CURRENT_SELECTION,_t as Canvas,Yr as CodeOrSourceMdx,mr as ColorControl,$i as ColorItem,Fi as ColorPalette,Pr as ComponentsTable,Io as DateControl,et as Description,ye as DescriptionType,Jr as DocsContainer,k as DocsContext,sa as DocsPage,eo as DocsRenderer,Ut as DocsStory,oy as ExternalDocsContainer,ot as ExternalPreview,pr as FilesControl,tt as HeaderMdx,Xr as HeadersMdx,la as Heading,Zi as IconGallery,Yi as IconItem,cy as Meta,Si as NoControlsWarning,No as NumberControl,yn as ObjectControl,ue as OptionsControl,qe as PRIMARY_STORY,gy as Preview,ra as Primary,Ad as Props,ce as PureArgsTable,ir as RangeControl,dg as Source,Lr as SourceContainer,Je as SourceContext,he as SourceState,Jn as Stories,Mn as Story,mc as StoryTable,oa as Subheading,ta as Subtitle,dr as TextControl,ea as Title,Ti as Typeset,wy as Wrapper,Nn as anchorBlockIdFromId,Vg as assertIsFn,Vr as extractComponentArgTypes,nd as extractTitle,qp as format,Nl as formatDate,_l as formatTime,pc as getComponent,Dc as getDescriptionProps,Nt as getSourceProps,lc as getStoryId,sc as getStoryProps,Ln as lookupStoryId,Do as parse,jl as parseDate,Dl as parseTime,Dt as storyBlockIdFromId};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@storybook/blocks",
+  "version": "7.0.0-alpha.8",
+  "description": "Storybook Doc Blocks",
+  "keywords": [
+    "storybook"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/lib/blocks",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "lib/blocks"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "prepare": "esrun ../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@mdx-js/react": "^1.6.22",
+    "@storybook/addons": "7.0.0-alpha.8",
+    "@storybook/api": "7.0.0-alpha.8",
+    "@storybook/client-logger": "7.0.0-alpha.8",
+    "@storybook/components": "7.0.0-alpha.8",
+    "@storybook/core-events": "7.0.0-alpha.8",
+    "@storybook/csf": "0.0.2--canary.7c6c115.0",
+    "@storybook/docs-tools": "7.0.0-alpha.8",
+    "@storybook/preview-web": "7.0.0-alpha.8",
+    "@storybook/store": "7.0.0-alpha.8",
+    "@storybook/theming": "7.0.0-alpha.8",
+    "color-convert": "^2.0.1",
+    "core-js": "^3.8.2",
+    "fast-deep-equal": "^3.1.3",
+    "global": "^4.4.0",
+    "lodash": "^4.17.21",
+    "markdown-to-jsx": "^7.1.3",
+    "memoizerific": "^1.11.3",
+    "polished": "^4.2.2",
+    "react-colorful": "^5.1.2",
+    "ts-dedent": "^2.0.0",
+    "util-deprecate": "^1.0.2"
+  },
+  "devDependencies": {
+    "@digitak/esrun": "^3.2.2"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundlerEntrypoint": [
+    "./src/index.ts"
+  ],
+  "gitHead": "24725501c32a073cebc6bf2674a47357136fbe3a"
+}