@storybook/blocks 7.0.0-alpha.10

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 xa,convert as Sa,themes as oo}from"@storybook/theming";import{SyntaxHighlighter as Ca}from"@storybook/components";import ga from"react";import{transparentize as ha}from"polished";import{styled as ya}from"@storybook/theming";import{withReset as ba}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 Ea=ya.div(ba,({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:ha(.3,e.color.defaultText),fontSize:e.typography.size.s2})),ae=a(e=>ga.createElement(Ea,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 va=Kt(Ca)(({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 wa=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}})),ka=a(()=>J.createElement(wa,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(ka,null);if(n)return J.createElement(ae,null,n);let m=e,{language:o,code:r,dark:l,format:s}=m,i=O(m,["language","code","dark","format"]),c=J.createElement(va,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(xa,{theme:Sa(d)},c)},"Source");me.defaultProps={format:!1};import ro from"react";import Ra from"markdown-to-jsx";import{components as Ta,ResetWrapper as Oa}from"@storybook/components";var ao=a(({markdown:e})=>ro.createElement(Oa,null,ro.createElement(Ra,{options:{forceBlock:!0,overrides:Ta}},e)),"Description");import Kd from"react";import{transparentize as Aa}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:Aa(.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 qa,useState as Qt}from"react";import{darken as yo}from"polished";import{styled as be}from"@storybook/theming";import Xa from"global";import{ActionBar as Qa,Zoom as Ja}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 Ia}from"@storybook/theming";import{FlexBar as Pa,Icons as it,IconButton as ct,IconButtonSkeleton as uo,getStoryHref as Ba}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 ja=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"),Da=a(({baseUrl:e,storyId:t})=>U.createElement(ct,{key:"opener",href:Ba(e,t),target:"_blank",title:"Open canvas in new tab"},U.createElement(it,{icon:"share"})),"Eject"),Na=Ia(Pa)({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(Na,Le({},l),U.createElement(mo,{key:"left"},e?[1,2,3].map(c=>U.createElement(uo,{key:c})):U.createElement(ja,Le({},{zoom:o,resetZoom:r}))),U.createElement(mo,{key:"right"},t&&(e?U.createElement(uo,null):U.createElement(Da,Le({},{storyId:t,baseUrl:n})))))},"Toolbar");import{createContext as _a}from"react";var dt=_a({scale:1});import $a from"global";import Z,{createElement as Fa,Fragment as go}from"react";import{Loader as za,getStoryHref as Wa}from"@storybook/components";import Va,{Component as Ua}from"react";import La 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:Ma}=La,Me=class extends Ua{iframe=null;componentDidMount(){let{id:t}=this.props;this.iframe=Ma.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 Va.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:Ha}=$a,Ga=Ha||"iframe.html",Xt;(function(e){e.NO_STORY="No component or story to display"})(Xt||(Xt={}));var Ka=a(e=>e?`Story "${e}" doesn't exist.`:Xt.NO_STORY,"MISSING_STORY"),Ya=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?Fa(e):Z.createElement(ae,null,Ka(n)))),"InlineStory"),Za=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:Wa(Ga,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(Ya,qt({},o)):Z.createElement(Za,{id:s,title:i,height:c})},"Story"),$e=a(()=>Z.createElement(za,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 el=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)}})),tl=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}),nl=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 ol(e){if(Eo.count(e)===1){let t=e;if(t.props)return t.props.id}return null}a(ol,"getStoryId");var rl=be(fo)({position:"absolute",top:0,left:0,right:0,height:40}),al=be.div({overflow:"hidden",position:"relative"}),ll=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(m=>{var p=m,{isLoading:e,isColumn:t,columns:n,children:o,withSource:r,withToolbar:l=!1,isExpanded:s=!1,additionalActions:i,className:c}=p,d=O(p,["isLoading","isColumn","columns","children","withSource","withToolbar","isExpanded","additionalActions","className"]);let[u,y]=Qt(s),{source:h,actionItem:b}=nl(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=ll(Eo.count(o)===1?[o]:o),{window:G}=Xa,N=qa(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(tl,Fe({},{withSource:r,withToolbar:l},d,{className:v.join(" ")}),l&&W.createElement(rl,{isLoading:e,border:!0,zoom:K=>S(E*K),resetZoom:()=>S(1),storyId:ol(o),baseUrl:"./iframe.html"}),W.createElement(dt.Provider,{value:{scale:E}},W.createElement(al,{className:"docs-story",onCopyCapture:r&&_e},W.createElement(el,{isColumn:t||!Array.isArray(o),columns:n,layout:B},W.createElement(Ja.Element,{scale:E},Array.isArray(o)?o.map((K,Y)=>W.createElement("div",{key:Y},K)):W.createElement("div",null,o))),W.createElement(Qa,{actionItems:P}))),r&&u&&h)},"Preview"),sl=be(Jt)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),xo=a(()=>W.createElement(sl,{isLoading:!0,withToolbar:!0},W.createElement($e,null)),"PreviewSkeleton");import A from"react";import li from"lodash/pickBy";import{styled as In}from"@storybook/theming";import{opacify as On,transparentize as Rt,darken as An,lighten as br}from"polished";import{includeConditionalArg as si}from"@storybook/csf";import{once as ii}from"@storybook/client-logger";import{Icons as ci,Link as Er,ResetWrapper as di}from"@storybook/components";import V from"react";import Ws from"markdown-to-jsx";import{transparentize as vt}from"polished";import{styled as Ae}from"@storybook/theming";import{codeCommon as Hs}from"@storybook/components";import Q from"react";import{styled as il}from"@storybook/theming";import{codeCommon as cl}from"@storybook/components";var dl=il.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:cl({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(dl,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 pl from"memoizerific";import ml from"lodash/uniq";import{styled as Ee}from"@storybook/theming";import{WithTooltipPure as ul,Icons as fl,SyntaxHighlighter as gl,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})),hl=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})),yl=Ee.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),bl=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"})),El=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"}})),xl=Ee(fl)({height:10,width:10,minWidth:10,marginLeft:4}),Sl=a(()=>L.createElement("span",null,"-"),"EmptyArg"),Ro=a(({text:e,simple:t})=>L.createElement(hl,{simple:t},e),"ArgText"),Cl=pl(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(n=>n.length))}ch`}),vl=a(e=>{if(!e)return[e];let n=e.split("|").map(o=>o.trim());return ml(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"),wl=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 m=vl(c),p=m.length;return p>en?L.createElement(vo,{isExpanded:s},wo(m,s),L.createElement(yl,{onClick:()=>i(!s)},s?"Show less...":`Show ${p-en} more...`)):L.createElement(vo,null,wo(m))}return L.createElement(ul,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:r,onVisibilityChange:d=>{l(d)},tooltip:L.createElement(El,{width:Cl(o)},L.createElement(gl,{language:"jsx",format:!1},o))},L.createElement(bl,{className:"sbdocs-expandable"},L.createElement("span",null,c),L.createElement(xl,{icon:r?"arrowup":"arrowdown"})))},"ArgSummary"),pt=a(({value:e,initialExpandedArgs:t})=>e==null?L.createElement(Sl,null):L.createElement(wl,{value:e,initialExpandedArgs:t}),"ArgValue");import Ct,{useCallback as wn,useState as fr,useEffect as Fs}from"react";import Cn,{lazy as Ls,Suspense as Ms}from"react";import ze,{useCallback as kl}from"react";import{opacify as We,transparentize as Rl}from"polished";import{styled as Tl}from"@storybook/theming";import{Form as Ol}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 Al=Tl.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:Rl(.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"}})),Il=a(e=>e==="true","parse"),To=a(({name:e,value:t,onChange:n,onBlur:o,onFocus:r})=>{let l=kl(()=>n(!1),[n]);if(t===void 0)return ze.createElement(Ol.Button,{id:re(e),onClick:l},"Set boolean");let s=typeof t=="string"?Il(t):t;return ze.createElement(Al,{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 Pl,useRef as Oo,useEffect as Bl}from"react";import{styled as jl}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 Dl=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"),Nl=a(e=>{let[t,n]=e.split(":"),o=new Date;return o.setHours(parseInt(t,10)),o.setMinutes(parseInt(n,10)),o},"parseTime"),_l=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"),Vl=a(e=>{let t=new Date(e),n=`0${t.getHours()}`.slice(-2),o=`0${t.getMinutes()}`.slice(-2);return`${n}:${o}`},"formatTime"),Ul=jl.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]=Pl(!0),i=Oo(),c=Oo();Bl(()=>{l!==!1&&(i&&i.current&&(i.current.value=_l(t)),c&&c.current&&(c.current.value=Vl(t)))},[t]);let d=a(u=>{let y=Dl(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"),m=a(u=>{let y=Nl(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"),p=j(e);return mt.createElement(Ul,null,mt.createElement(Ao.Input,ut({type:"date",max:"9999-12-31",ref:i,id:`${p}-date`,name:`${p}-date`,onChange:d},{onFocus:o,onBlur:r})),mt.createElement(Ao.Input,ut({type:"time",id:`${p}-time`,name:`${p}-time`,ref:c,onChange:m},{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 Ll}from"react";import{styled as Ml}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 $l=Ml.label({display:"flex"}),Do=a(e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},"parse"),Xp=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:""),[m,p]=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),p(!0)},[p]),E=Ll(null);return Bo(()=>{m&&E.current&&E.current.select()},[m]),Bo(()=>{c!==(typeof t=="number"?t:"")&&d(t)},[t]),!m&&t===void 0?nn.createElement(jo.Button,{id:re(e),onClick:b},"Set number"):nn.createElement($l,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:m},{name:e,min:o,max:r,step:l,onFocus:i,onBlur:s})))},"NumberControl");import ns from"react";import os from"ts-dedent";import{once as rs}from"@storybook/client-logger";import xe,{useState as Fl}from"react";import{styled as an}from"@storybook/theming";import{logger as zl}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 Wl=an.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Hl=an.span({}),Gl=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 zl.warn(`Checkbox with no options: ${e}`),xe.createElement(xe.Fragment,null,"-");let l=gt(n,t),[s,i]=Fl(l),c=a(m=>{let p=m.target.value,u=[...s];u.includes(p)?u.splice(u.indexOf(p),1):u.push(p),o(ht(u,t)),i(u)},"handleChange"),d=j(e);return xe.createElement(Wl,{isInline:r},Object.keys(t).map((m,p)=>{let u=`${d}-${p}`;return xe.createElement(Gl,{key:u,htmlFor:u},xe.createElement("input",{type:"checkbox",id:u,name:u,value:m,onChange:c,checked:s==null?void 0:s.includes(m)}),xe.createElement(Hl,null,m))}))},"CheckboxControl");import Se from"react";import{styled as sn}from"@storybook/theming";import{logger as Kl}from"@storybook/client-logger";var Yl=sn.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Zl=sn.span({}),ql=sn.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),cn=a(({name:e,options:t,value:n,onChange:o,isInline:r})=>{if(!t)return Kl.warn(`Radio with no options: ${e}`),Se.createElement(Se.Fragment,null,"-");let l=ft(n,t),s=j(e);return Se.createElement(Yl,{isInline:r},Object.keys(t).map((i,c)=>{let d=`${s}-${c}`;return Se.createElement(ql,{key:d,htmlFor:d},Se.createElement("input",{type:"radio",id:d,name:d,value:i,onChange:m=>o(t[m.currentTarget.value]),checked:i===l}),Se.createElement(Zl,null,i))}))},"RadioControl");import H from"react";import{styled as Vo}from"@storybook/theming";import{logger as Xl}from"@storybook/client-logger";import{Icons as Ql}from"@storybook/components";function yt(){return yt=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},yt.apply(this,arguments)}a(yt,"_extends");var Jl={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({},Jl),{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...",es=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(Ql,{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"),ts=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"),dn=a(e=>{let{name:t,options:n}=e;return n?e.isMulti?H.createElement(ts,yt({},e)):H.createElement(es,yt({},e)):(Xl.warn(`Select with no options: ${t}`),H.createElement(H.Fragment,null,"-"))},"SelectControl");function pn(){return pn=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},pn.apply(this,arguments)}a(pn,"_extends");var as=a((e,t)=>Array.isArray(e)?e.reduce((n,o)=>(n[(t==null?void 0:t[o])||String(o)]=o,n),{}):e,"normalizeOptions"),ls={check:ln,"inline-check":ln,radio:cn,"inline-radio":cn,select:dn,"multi-select":dn},ue=a(e=>{let{type:t="select",options:n,labels:o,argType:r}=e,l=R(C({},e),{options:as(n||r.options,o),isInline:t.includes("inline"),isMulti:t.includes("multi")});n&&rs.warn(os`
+      '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=ls[t];if(s)return ns.createElement(s,pn({},l));throw new Error(`Unknown options type: ${t}`)},"OptionsControl");import ps from"global";import ms from"lodash/cloneDeep";import $,{useCallback as nr,useMemo as us,useState as hn,useEffect as fs,useRef as gs}from"react";import{styled as Re,useTheme as hs}from"@storybook/theming";import{Form as ar,Icons as lr,IconButton as ys}from"@storybook/components";import Et,{Component as ds}from"react";import x,{cloneElement as _,Component as we}from"react";var bt="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 mn="ADD_DELTA_TYPE",un="REMOVE_DELTA_TYPE",fn="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 gn(e,t){let n=q(e),o=q(t);return(n==="Function"||o==="Function")&&o!==n}a(gn,"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}),m=l(bt,s,i),p=_(m,{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,p,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:un};r.splice(t,1),this.setState({data:r});let{onUpdate:d,onDeltaUpdate:m}=this.props;d(l[l.length-1],r),m(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:mn,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:m,onDeltaUpdate:p}=this.props;m(i[i.length-1],s),p({type:fn,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:m,collapsed:p}=i(t,n,o,r,c),u=s(t,n,o,r,c),y=_(d,{onClick:l,className:"rejt-minus-menu",style:m});return x.createElement("span",{className:"rejt-collapsed"},x.createElement("span",{className:"rejt-collapsed-text",style:p,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:m,getStyle:p,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}=p(t,n,o,r,u),at=m(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:m,getStyle:p,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(()=>{gn(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:m,editButtonElement:p,cancelButtonElement:u,textareaElementGenerator:y,minusMenuElement:h,keyPath:b}=this.props,E=m(t,i,r,l,d),S=null,v=null,w=c(t,i,r,l,d);if(o&&!w){let T=y(bt,b,l,t,i,d),I=_(p,{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:m,getStyle:p,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:p,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:m,dataType:N,getStyle:p,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:m,dataType:N,getStyle:p,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:m,dataType:N,getStyle:p,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:m,dataType:N,getStyle:p,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:m,dataType:N,getStyle:p,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:p,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:m,dataType:N,getStyle:p,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:m,dataType:N,getStyle:p,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:m,dataType:N,getStyle:p,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:p,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:mn,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:un};delete r[t],this.setState({data:r});let{onUpdate:d,onDeltaUpdate:m}=this.props;d(l[l.length-1],r),m(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:m,onDeltaUpdate:p}=this.props;m(i[i.length-1],s),p({type:fn,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:m,collapsed:p}=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:m});return x.createElement("span",{className:"rejt-collapsed"},x.createElement("span",{className:"rejt-collapsed-text",style:p,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:m,getStyle:p,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}=p(t,n,o,r,u),at=Object.getOwnPropertyNames(n),Ve=m(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:m,getStyle:p,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(()=>{gn(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:m,editButtonElement:p,cancelButtonElement:u,inputElementGenerator:y,minusMenuElement:h,keyPath:b}=this.props,E=m(t,i,r,l,d),S=c(t,i,r,l,d),v=o&&!S,w=y(bt,b,l,t,i,d),T=_(p,{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 ds{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:m,textareaElement:p,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=m;m&&q(m)!=="Function"&&(P=a(()=>m,"inputElementFunction"));let B=p;return p&&q(p)!=="Function"&&(B=a(()=>p,"textareaElementFunction")),T==="Object"||T==="Array"?Et.createElement("div",{className:"rejt-tree"},Et.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:()=>Et.createElement("input",null),textareaElement:()=>Et.createElement("textarea",null),fallback:null};var{window:bs}=ps,Es=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}})),yn=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}`}})),xs=Re(ys)(({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}})),Ss=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"}})),Cs={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},vs=a(e=>{e.currentTarget.dispatchEvent(new bs.KeyboardEvent("keydown",Cs))},"dispatchEnterKey"),ws=a(e=>{e.currentTarget.select()},"selectValue"),ks=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"),bn=a(({name:e,value:t,onChange:n})=>{let o=hs(),r=us(()=>t&&ms(t),[t]),l=r!=null,[s,i]=hn(!l),[c,d]=hn(null),m=nr(E=>{try{E&&n(JSON.parse(E)),d(void 0)}catch(S){d(S)}},[n]),[p,u]=hn(!1),y=nr(()=>{n({}),u(!0)},[u]),h=gs(null);if(fs(()=>{p&&h.current&&h.current.select()},[p]),!l)return $.createElement(ar.Button,{id:re(e),onClick:y},"Set object");let b=$.createElement(Ss,{ref:h,id:j(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:E=>m(E.target.value),placeholder:"Edit JSON string...",autoFocus:p,valid:c?"error":null});return $.createElement(Es,null,["Object","Array"].includes(q(r))&&$.createElement(xs,{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:ks(o),cancelButtonElement:$.createElement(yn,{type:"button"},"Cancel"),editButtonElement:$.createElement(yn,{type:"submit"},"Save"),addButtonElement:$.createElement(yn,{type:"submit",primary:!0},"Save"),plusMenuElement:$.createElement(or,{icon:"add"}),minusMenuElement:$.createElement(or,{icon:"subtract"}),inputElement:(E,S,v,w)=>w?$.createElement(rr,{onFocus:ws,onBlur:vs}):$.createElement(rr,null),fallback:b}))},"ObjectControl");import xt,{useMemo as Rs}from"react";import{styled as xn}from"@storybook/theming";import{lighten as Te,darken as ie,rgba as Oe}from"polished";function En(){return En=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},En.apply(this,arguments)}a(En,"_extends");var Ts=xn.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=xn.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),Os=xn.div({display:"flex",alignItems:"center",width:"100%"});function As(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(As,"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(p=>{n(Do(p.target.value))},"handleChange"),d=t!==void 0,m=Rs(()=>As(l),[l]);return xt.createElement(Os,null,xt.createElement(sr,null,o),xt.createElement(Ts,En({id:j(e),type:"range",onChange:c},{name:e,value:t,min:o,max:r,step:l,onFocus:i,onBlur:s})),xt.createElement(sr,null,`${d?t.toFixed(m):"--"}`," / ",r))},"RangeControl");import St,{useCallback as Is,useState as Ps}from"react";import{styled as dr}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=dr.label({display:"flex"}),js=dr.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),pr=a(({name:e,value:t,onChange:n,onFocus:o,onBlur:r,maxLength:l})=>{let s=a(p=>{n(p.target.value)},"handleChange"),[i,c]=Ps(!1),d=Is(()=>{n(""),c(!0)},[c]);if(t===void 0)return St.createElement(cr.Button,{id:re(e),onClick:d},"Set string");let m=typeof t=="string";return St.createElement(Bs,null,St.createElement(cr.Textarea,Sn({id:j(e),maxLength:l,onChange:s,size:"flex",placeholder:"Edit string...",autoFocus:i,valid:m?null:"error"},{name:e,value:m?t:"",onFocus:o,onBlur:r})),l&&St.createElement(js,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},"TextControl");import Ds from"react";import{styled as Ns}from"@storybook/theming";import{Form as _s}from"@storybook/components";var Vs=Ns(_s.Input)({padding:10});function Us(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}a(Us,"revokeOldUrls");var mr=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),Us(o)}return a(r,"handleFileChange"),Ds.createElement(Vs,{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 $s=Ls(()=>import("./Color-XEEAFY74.mjs")),ur=a(e=>Cn.createElement(Ms,{fallback:Cn.createElement("div",null)},Cn.createElement($s,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 zs={array:bn,object:bn,boolean:To,color:ur,date:Io,number:No,check:ue,"inline-check":ue,radio:ue,"inline-radio":ue,select:ue,"multi-select":ue,range:ir,text:pr,file:mr},gr=a(()=>Ct.createElement(Ct.Fragment,null,"-"),"NoControl"),hr=a(({row:e,arg:t,updateArgs:n})=>{let{key:o,control:r}=e,[l,s]=fr(!1),[i,c]=fr({value:t});Fs(()=>{l||c({value:t})},[l,t]);let d=wn(h=>(c({value:h}),n({[o]:h}),h),[n,o]),m=wn(()=>s(!1),[]),p=wn(()=>s(!0),[]);if(!r||r.disable)return Ct.createElement(gr,null);let u={name:o,argType:e,value:i.value,onChange:d,onBlur:m,onFocus:p},y=zs[r.type]||gr;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 Gs=Ae.span({fontWeight:"bold"}),Ks=Ae.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Ys=Ae.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:R(C({},Hs({theme:e})),{fontSize:12,fontFamily:e.typography.fonts.mono}),"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Zs=Ae.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?vt(.1,e.color.defaultText):vt(.2,e.color.defaultText),marginTop:t?4:0})),qs=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})),Xs=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,m=c.defaultValue||t.defaultValue,p=(y=t.type)==null?void 0:y.required,u=i!=null&&i!=="";return V.createElement("tr",null,V.createElement(Xs,{expandable:r},V.createElement(Gs,null,s),p?V.createElement(Ks,{title:"Required"},"*"):null),o?null:V.createElement("td",null,u&&V.createElement(Ys,null,V.createElement(Ws,null,i)),c.jsDocTags!=null?V.createElement(V.Fragment,null,V.createElement(qs,{hasDescription:u},V.createElement(pt,{value:d,initialExpandedArgs:l})),V.createElement(So,{tags:c.jsDocTags})):V.createElement(Zs,{hasDescription:u},V.createElement(pt,{value:d,initialExpandedArgs:l}))),o?null:V.createElement("td",null,V.createElement(pt,{value:m,initialExpandedArgs:l})),n?V.createElement("td",null,V.createElement(hr,Rn({},e))):null)},"ArgRow");import ee,{useState as Qs}from"react";import{transparentize as wt}from"polished";import{styled as fe}from"@storybook/theming";import{Icons as Js}from"@storybook/components";var ei=fe(Js)(({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"})),ti=fe.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),ni=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`}})),oi=fe.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.content})),ri=fe.td(({theme:e})=>({position:"relative"})),ai=fe.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${e.background.hoverable} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),yr=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]=Qs(o),i=e==="subsection"?oi:ni,c=(n==null?void 0:n.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",m=l?"arrowdown":"arrowright",p=`${l?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return ee.createElement(ee.Fragment,null,ee.createElement(ai,{title:p},ee.createElement(i,{colSpan:1},ee.createElement(yr,{onClick:u=>s(!l),tabIndex:0},p),ee.createElement(ti,null,ee.createElement(ei,{icon:m}),t)),ee.createElement(ri,{colSpan:r-1},ee.createElement(yr,{onClick:u=>s(!l),tabIndex:-1,style:{outline:"none"}},p),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 pi=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):br(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?An(.1,e.background.content):br(.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}}:{}),mi=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}})),ui=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 fi={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"),gi={rows:{row1:Tn("row1"),row2:Tn("row2"),row3:Tn("row3")}},hi=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 m=n.sections[c]||{ungrouped:[],subsections:{}};if(!d)m.ungrouped.push(C({key:s},i));else{let p=m.subsections[d]||[];p.push(C({key:s},i)),m.subsections[d]=p}n.sections[c]=m}else if(d){let m=n.ungroupedSubsections[d]||[];m.push(C({key:s},i)),n.ungroupedSubsections[d]=m}else n.ungrouped.push(C({key:s},i))});let o=fi[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"),yi=a((e,t,n)=>{try{return si(e,t,n)}catch(o){return ii.warn(o.message),!1}},"safeIncludeConditionalArg"),ce=a(e=>{if("error"in e)return A.createElement(ae,null,e.error,"\xA0",A.createElement(Er,{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:m}="rows"in e?e:gi,p=hi(li(c,b=>{var E;return!((E=b==null?void 0:b.table)!=null&&E.disable)&&yi(b,d||{},m||{})}),s);if(p.ungrouped.length===0&&Object.entries(p.sections).length===0&&Object.entries(p.ungroupedSubsections).length===0)return A.createElement(ae,null,"No inputs found for this component.\xA0",A.createElement(Er,{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(p.sections).length>0,h={updateArgs:t,compact:o,inAddonPanel:r,initialExpandedArgs:l};return A.createElement(di,null,A.createElement(pi,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(ui,null,"Control"," ",!i&&n&&A.createElement(mi,{onClick:()=>n(),title:"Reset controls"},A.createElement(ci,{icon:"undo","aria-hidden":!0})))):null)),A.createElement("tbody",{className:"docblock-argstable-body"},p.ungrouped.map(b=>A.createElement(Ke,ge({key:b.key,row:b,arg:d&&d[b.key]},h))),Object.entries(p.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(p.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 bi}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(bi,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 xr from"react";import{styled as Ei}from"@storybook/theming";import{Link as xi}from"@storybook/components";var Si=Ei.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),Ci=a(()=>xr.createElement(Si,null,"This story is not configured to handle controls."," ",xr.createElement(xi,{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 Sr}from"polished";import{styled as It}from"@storybook/theming";import{withReset as vi}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 wi=It.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?Sr(.4,e.color.defaultText):Sr(.6,e.color.defaultText)})),ki=It.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Ri=It.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Ti=It.div(vi,({theme:e})=>R(C({},le(e)),{margin:"25px 0 40px",padding:"30px 20px"})),Oi=a(l=>{var s=l,{fontFamily:e,fontSizes:t,fontWeight:n,sampleText:o}=s,r=O(s,["fontFamily","fontSizes","fontWeight","sampleText"]);return At.createElement(Ti,Bn({},r,{className:"docblock-typeset"}),t.map(i=>At.createElement(Ri,{key:i},At.createElement(wi,null,i),At.createElement(ki,{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 Ai}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 Ii=F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Pi=F.div(({theme:e})=>({color:e.base==="light"?Ie(.2,e.color.defaultText):Ie(.6,e.color.defaultText)})),Bi=F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),ji=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}})),Cr=F.div({display:"flex",flexDirection:"row"}),Di=F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),vr=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"})),wr=F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Ni=F.div({flex:1,display:"flex",flexDirection:"row"}),_i=F.div({display:"flex",alignItems:"flex-start"}),Vi=F.div({flex:"0 0 30%"}),Ui=F.div({flex:1}),Li=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)})),Mi=F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function kr(e,t){return D.createElement(Di,{key:`${e}-${t}`,title:e,background:e})}a(kr,"renderSwatch");function Rr(e,t,n){return D.createElement(ji,{key:`${e}-${t}`,title:e},D.createElement("div",null,e,n&&D.createElement("span",null,n)))}a(Rr,"renderSwatchLabel");function $i(e){return Array.isArray(e)?D.createElement(wr,null,D.createElement(vr,null,e.map((t,n)=>kr(t,n))),D.createElement(Cr,null,e.map((t,n)=>Rr(t,n)))):D.createElement(wr,null,D.createElement(vr,null,Object.values(e).map((t,n)=>kr(t,n))),D.createElement(Cr,null,Object.keys(e).map((t,n)=>Rr(t,n,e[t]))))}a($i,"renderSwatchSpecimen");var Fi=a(({title:e,subtitle:t,colors:n})=>D.createElement(_i,null,D.createElement(Bi,null,D.createElement(Ii,null,e),D.createElement(Pi,null,t)),D.createElement(Ni,null,$i(n))),"ColorItem"),zi=a(n=>{var o=n,{children:e}=o,t=O(o,["children"]);return D.createElement(Ai,null,D.createElement(Mi,jn({},t,{className:"docblock-colorpalette"}),D.createElement(Li,null,D.createElement(Vi,null,"Name"),D.createElement(Ui,null,"Swatches")),e))},"ColorPalette");import Ze from"react";import{styled as Pt}from"@storybook/theming";import{ResetWrapper as Wi}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 Hi=Pt.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),Gi=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}})),Ki=Pt.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),Yi=Pt.div({display:"flex",flexFlow:"row wrap"}),Zi=a(({name:e,children:t})=>Ze.createElement(Ki,null,Ze.createElement(Gi,null,t),Ze.createElement(Hi,null,e)),"IconItem"),qi=a(n=>{var o=n,{children:e}=o,t=O(o,["children"]);return Ze.createElement(Wi,null,Ze.createElement(Yi,Dn({},t,{className:"docblock-icongallery"}),e))},"IconGallery");import Xi from"react";var Nn=a(e=>`anchor--${e}`,"anchorBlockIdFromId"),Bt=a(({storyId:e,children:t})=>Xi.createElement("div",{id:Nn(e)},t),"Anchor");import de,{useContext as Fn,useEffect as jr,useState as Dr,useCallback as Ir}from"react";import cc from"lodash/mapValues";import{addons as Nr}from"@storybook/addons";import{filterArgTypes as _r}from"@storybook/store";import je from"@storybook/core-events";import{createContext as Tr}from"react";import{window as Pe}from"global";Pe&&Pe.__DOCS_CONTEXT__===void 0&&(Pe.__DOCS_CONTEXT__=Tr(null),Pe.__DOCS_CONTEXT__.displayName="DocsContext");var k=Pe?Pe.__DOCS_CONTEXT__:Tr(null);var z=".",qe="^";var Qi=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("-")?Qi(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 tc,useRef as nc,useEffect as oc,useState as rc}from"react";import{MDXProvider as Or}from"@mdx-js/react";import{resetComponents as Ar}from"@storybook/components";import{toId as ac,storyNameFromExport as lc}from"@storybook/csf";import{useState as Ji,useEffect as ec}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]=Ji({});return ec(()=>{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})=>ac(n.id||n.title,lc(t[e])),"lookupStoryId"),sc=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"),ic=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=tc(k),n=nc(),o=sc(e,t),r=jt(o,t),[l,s]=rc(!0);if(oc(()=>{let d;if(r&&n.current){let m=n.current;d=t.renderStoryToElement(r,m),s(!1)}return()=>d&&d()},[r]),!r)return te.createElement($e,null);let i=ic(e,r);if(!i)return null;if(t.type==="external"||i.inline){let d="<span></span>",{height:m}=i;return te.createElement("div",{id:Dt(r.id)},te.createElement(Or,{components:Ar},m?te.createElement("style",null,`#story--${r.id} { min-height: ${m}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(Or,{components:Ar},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 Vr=a((e,t)=>{let n=t.storyById(e);if(!n)throw new Error(`Unknown story: ${e}`);return t.getStoryContext(n)},"getContext"),dc=a((e,t)=>{let n=Nr.getChannel(),o=Vr(e,t),[r,l]=Dr(o.args);jr(()=>{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=Ir(c=>n.emit(je.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:c}),[e]),i=Ir(c=>n.emit(je.RESET_STORY_ARGS,{storyId:e,argNames:c}),[e]);return[r,s,i]},"useArgs"),pc=a((e,t)=>{let n=Nr.getChannel(),o=Vr(e,t),[r,l]=Dr(o.globals);return jr(()=>{let s=a(i=>{l(i.globals)},"cb");return n.on(je.GLOBALS_UPDATED,s),()=>n.off(je.GLOBALS_UPDATED,s)},[]),[r]},"useGlobals"),Ur=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=_r(i,o,r),i},"extractComponentArgTypes"),Pr=a(e=>e&&[z,qe].includes(e),"isShortcut"),mc=a((e={},{id:t,storyById:n})=>{let{of:o}=e,{story:r}=e,{component:l}=n(t);if(Pr(o)||Pr(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),cc(t,s=>({rows:Ur(s,n,o,r),sort:l}))),"addComponentTabs"),uc=a(e=>{let t=Fn(k),{id:n,componentStories:o}=t,{story:r,component:l,subcomponents:s,showComponent:i,include:c,exclude:d,sort:m}=e;try{let p;switch(r){case z:{p=n;break}case qe:{p=o()[0].id;break}default:p=Ln(r,t)}let u=jt(p,t),[y,h,b]=dc(p,t),[E]=pc(p,t);if(!u)return de.createElement(ce,{isLoading:!0,updateArgs:h,resetArgs:b});let S=_r(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:m})}catch(p){return de.createElement(ce,{error:p.message})}},"StoryTable"),Br=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:m}=e,p=d||(r==null?void 0:r.sort),u=mc(e,t);if(m)return de.createElement(uc,Be({},e,{component:u},{subcomponents:l,sort:p}));if(!c&&!l){let h;try{h={rows:Ur(u,t,s,i)}}catch(b){h={error:b.message}}return de.createElement(ce,Be({},h,{sort:p}))}if(c)return de.createElement(Br,Be({},e,{components:c,sort:p}));let y=_n(u);return de.createElement(Br,Be({},e,{components:C({[y]:u},l),sort:p}))},"ArgsTable");Qe.defaultProps={of:z};import Hn,{useContext as Wr}from"react";import{MDXProvider as Tc}from"@mdx-js/react";import{toId as Oc,storyNameFromExport as Ac}from"@storybook/csf";import{resetComponents as Ic}from"@storybook/components";import fc,{createContext as gc,useEffect as hc,useState as yc}from"react";import bc from"fast-deep-equal";import{addons as Ec}from"@storybook/addons";import{SNIPPET_RENDERED as Lr}from"@storybook/docs-tools";var Je=gc({sources:{}}),Mr=a(({children:e})=>{let[t,n]=yc({}),o=Ec.getChannel();return hc(()=>{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 bc(c,d)?c:d})},"handleSnippetRendered");return o.on(Lr,r),()=>o.off(Lr,r)},[]),fc.createElement(Je.Provider,{value:{sources:t}},e)},"SourceContainer");import wc,{useContext as Fr}from"react";import{SourceType as zn}from"@storybook/docs-tools";import{combineParameters as xc}from"@storybook/store";function Sc(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(Sc,"extractSource");var Cc=a(e=>e.replace(/^.*?--/,""),"storyIdToSanitizedStoryName"),vc=a((e,{source:t,locationsMap:n})=>{if(!n)return t;let o=Cc(e),r=n[o];if(!r)return t;let l=t.split(`
+`);return Sc(r,l)},"extract"),$r=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=vc(t,o),i=l?l(s,e):s;return{docs:xc(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 kc=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"),zr=a((e,t)=>{let{sources:n}=t;return(n==null?void 0:n[e])||{code:"",format:!1}},"getStorySource"),Rc=a((e,t)=>{var i,c,d,m,p,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=(m=(d=n.docs)==null?void 0:d.source)==null?void 0:m.code;if(l!==void 0)return l;if(r===zn.DYNAMIC)return((u=(p=n.docs)==null?void 0:p.transformSource)==null?void 0:u.call(p,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=$r(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:m}=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:m}=zr(u[0],n),d=u.map((v,w)=>{let{code:T}=zr(v,n),I=y[w];return Rc(T,I)}).join(`
+
+`));let h=kc(y),{docs:b={}}=l,{source:E={}}=b,{language:S=null}=E;return d?{code:d,state:h,format:m,language:e.language||S||"jsx",dark:e.dark||!1}:{error:Ue.SOURCE_UNAVAILABLE,state:h}},"getSourceProps"),dg=a(e=>{let t=Fr(Je),n=Fr(k),o=Nt(e,n,t);return wc.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 Pc=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,m=e,p=!1;if(m===he.NONE)return{isLoading:p,previewProps:o};if(t)return{isLoading:p,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):Oc(c.id||c.title,Ac(d[T])))),b=Nt({ids:h},r,l);m||(m=b.state);let E=h.map(v=>v===z?r.id:v);return p=Xe(E,r).some(v=>!v),{isLoading:p,previewProps:R(C({},o),{withSource:b,isExpanded:m===he.OPEN})}},"getPreviewProps"),_t=a(e=>{let t=Wr(k),n=Wr(Je),{isLoading:o,previewProps:r}=Pc(e,t,n),{children:l}=e;return o?Hn.createElement(xo,null):Hn.createElement(Tc,{components:Ic},Hn.createElement(Jt,Gn({},r),l))},"Canvas");import Bc,{useContext as jc}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 Hr=a(e=>e&&(typeof e=="string"?e:Kn(e.markdown)||Kn(e.text)),"getNotes"),Gr=a(e=>e&&(typeof e=="string"?e:Kn(e.text)),"getInfo"),Dc=a(e=>null,"noDescription"),Nc=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:m}=i,{extractComponentDescription:p=Dc,description:u}=m||{},y=e===z?s:e,h=u==null?void 0:u.component;if(h)return{markdown:h};switch(t){case ye.INFO:return{markdown:Gr(d)};case ye.NOTES:return{markdown:Hr(c)};case ye.LEGACY_5_2:return{markdown:`
+${Hr(c)||Gr(d)||""}
+
+${p(y)||""}
+`.trim()};case ye.DOCGEN:case ye.AUTO:default:return{markdown:p(y,C({component:s},i))}}},"getDescriptionProps"),et=a(e=>{let t=jc(k),{markdown:n}=Nc(e,t);return n?Bc.createElement(ao,{markdown:n}):null},"DescriptionContainer");et.defaultProps={of:"."};import ca from"react";import da from"react-dom";import De,{useEffect as Wc}from"react";import Hc from"global";import Gc from"util-deprecate";import Kc from"ts-dedent";import{MDXProvider as Yc}from"@mdx-js/react";import{ThemeProvider as Zc,ensure as Jr}from"@storybook/theming";import{components as qc}from"@storybook/components";import M from"react";import{addons as _c}from"@storybook/addons";import{NAVIGATE_URL as Vc}from"@storybook/core-events";import{Code as Uc,components as Zn}from"@storybook/components";import Lc from"global";import{styled as Kr}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:Yr}=Lc,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"),Zr=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(Uc,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){_c.getChannel().emit(Vc,e)}a(qn,"navigate");var Yn=Zn.a,Mc=a(({hash:e,children:t})=>M.createElement(Yn,{href:e,target:"_self",onClick:n=>{let o=e.substring(1);Yr.getElementById(o)&&qn(e)}},t),"AnchorInPage"),qr=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(Mc,{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"),Xr=["h1","h2","h3","h4","h5","h6"],$c=Xr.reduce((e,t)=>R(C({},e),{[t]:Kr(Zn[t])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Fc=Kr.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),zc=a(r=>{var l=r,{as:e,id:t,children:n}=l,o=O(l,["as","id","children"]);let s=$c[e],i=`#${t}`;return M.createElement(s,ne({id:t},o),M.createElement(Fc,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{Yr.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(zc,ne({as:t,id:n},r),o);let l=Zn[t];return M.createElement(l,ne({},e))},"HeaderMdx"),Qr=Xr.reduce((e,t)=>R(C({},e),{[t]:n=>M.createElement(tt,ne({as:t},n))}),{});var{document:Vt,window:Xc}=Hc,Qc=C(R(C({},qc),{code:Zr,a:qr}),Qr),Jc=Gc(()=>{},Kc`
+    Deprecated parameter: options.theme => docs.theme
+
+    https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/theming.md#storybook-theming
+`),ea=a(({context:e,children:t})=>{let{id:n,type:o,storyById:r}=e,l=C({},Qc),s=Jr(null);if(o==="legacy"){let{parameters:{options:i={},docs:c={}}}=r(n),d=c.theme;!d&&i.theme&&(Jc(),d=i.theme),s=Jr(d),Object.assign(l,c.components)}return Wc(()=>{let i;try{i=new URL(Xc.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-"]'),m=c;d&&d[0]===c&&(m=Vt.getElementById("docs-root")),setTimeout(()=>{Vn(m,"start")},200)}}},[n]),De.createElement(k.Provider,{value:e},De.createElement(Mr,null,De.createElement(Zc,{theme:s},De.createElement(Yc,{components:l},De.createElement(po,{className:"sbdocs sbdocs-wrapper"},De.createElement(co,{className:"sbdocs sbdocs-content"},t))))))},"DocsContainer");import pe from"react";import ed,{useContext as td}from"react";var nd=/\s*\/\s*/,od=a(({title:e})=>{let t=e.trim().split(nd);return t&&t[t.length-1]||e},"extractTitle"),ta=a(({children:e})=>{let t=td(k),n=e;return n||(n=od(t)),n?ed.createElement(so,{className:"sbdocs-title"},n):null},"Title");import rd,{useContext as ad}from"react";var na=a(({children:e})=>{let{id:t,storyById:n}=ad(k),{parameters:o}=n(t),r=e;return r||(r=o==null?void 0:o.componentSubtitle),r?rd.createElement(io,{className:"sbdocs-subtitle"},r):null},"Subtitle");import dd,{useContext as pd}from"react";import nt from"react";import sd from"util-deprecate";import id from"ts-dedent";import oa from"react";import{H3 as ld}from"@storybook/components";var ra=a(({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return oa.createElement(ld,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return oa.createElement(tt,{as:"h3",id:n},e)},"Subheading");var cd=sd(()=>{},id`
+    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&&cd()));let i=n&&t;return nt.createElement(Bt,{storyId:e},i&&nt.createElement(ra,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 aa=a(({name:e})=>{let{componentStories:t}=pd(k),n=t(),o;return n&&(o=e?n.find(r=>r.name===e):n[0]),o?dd.createElement(Ut,Xn({},o,{expanded:!1,withToolbar:!0})):null},"Primary");import Lt,{useContext as ud}from"react";import la from"react";import{H2 as md}from"@storybook/components";var sa=a(({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return la.createElement(md,null,e);let n=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return la.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}=ud(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(sa,null,e),o.map(r=>r&&Lt.createElement(Ut,Qn({key:r.id},r,{expanded:!0}))))},"Stories");Jn.defaultProps={title:"Stories"};var ia=a(()=>pe.createElement(pe.Fragment,null,pe.createElement(ta,null),pe.createElement(na,null),pe.createElement(et,null),pe.createElement(aa,null),pe.createElement(Qe,{story:qe}),pe.createElement(Jn,null)),"DocsPage");var eo=class{constructor(){this.render=(t,n,o,r)=>{fd(t,n,o).then(r)},this.unmount=t=>{da.unmountComponentAtNode(t)}}};a(eo,"DocsRenderer");async function fd(e,t,n){var s,i;let o=t.container||await((s=t.getContainer)==null?void 0:s.call(t))||ea,r=t.page||await((i=t.getPage)==null?void 0:i.call(t))||ia,l=ca.createElement(o,{key:e.title,context:e},ca.createElement(r,null));await new Promise(c=>{da.render(l,n,c)})}a(fd,"renderDocsAsync");import ma from"react";import{ThemeProvider as yd,themes as bd,ensure as Ed}from"@storybook/theming";import{Preview as gd}from"@storybook/preview-web";import{toId as hd}from"@storybook/csf";var pa=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 gd{constructor(t){super(),this.projectAnnotations=t,this.initialized=!1,this.importPaths=new pa("./importPath/"),this.titles=new pa("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=hd(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 ma.createElement(k.Provider,{value:r},ma.createElement(yd,{theme:Ed(bd.light)},t))},"ExternalDocsContainer");import xd,{useContext as fa}from"react";import Sd from"global";var{document:ua}=Sd;function Cd(e){let t=e.componentStories();return t.length>0?t[0].id:null}a(Cd,"getFirstStoryId");function vd(){let e=fa(k);if(e.type!=="legacy")return null;let t=Cd(e)||e.id;return xd.createElement(Bt,{storyId:t})}a(vd,"renderAnchor");var cy=a(({of:e})=>{let t=!0;ua&&(t=new URL(ua.location).searchParams.get("viewMode")==="docs");let n=fa(k);return e&&n.setMeta(e),t?vd():null},"Meta");import wd from"react";import kd from"util-deprecate";import Rd 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=kd(e=>wd.createElement(_t,to({},e)),Rd`
+    Preview doc block has been renamed to Canvas.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `);import Td from"react";import Od from"util-deprecate";import Ad 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 Id=Od(e=>Td.createElement(Qe,no({},e)),Ad`
+    Props doc block has been renamed to ArgsTable.
+
+    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
+  `);Id.defaultProps={of:z};import Pd from"react";var wy=a(({children:e})=>Pd.createElement("div",{style:{fontFamily:"sans-serif"}},e),"Wrapper");export{Ug as AddContext,Bt as Anchor,qr as AnchorMdx,Qe as ArgsTable,To as BooleanControl,z as CURRENT_SELECTION,_t as Canvas,Zr as CodeOrSourceMdx,ur as ColorControl,Fi as ColorItem,zi as ColorPalette,Br as ComponentsTable,Io as DateControl,et as Description,ye as DescriptionType,ea as DocsContainer,k as DocsContext,ia as DocsPage,eo as DocsRenderer,Ut as DocsStory,oy as ExternalDocsContainer,ot as ExternalPreview,mr as FilesControl,tt as HeaderMdx,Qr as HeadersMdx,sa as Heading,qi as IconGallery,Zi as IconItem,cy as Meta,Ci as NoControlsWarning,No as NumberControl,bn as ObjectControl,ue as OptionsControl,qe as PRIMARY_STORY,gy as Preview,aa as Primary,Id as Props,ce as PureArgsTable,ir as RangeControl,dg as Source,Mr as SourceContainer,Je as SourceContext,he as SourceState,Jn as Stories,Mn as Story,uc as StoryTable,ra as Subheading,na as Subtitle,pr as TextControl,ta as Title,Oi as Typeset,wy as Wrapper,Nn as anchorBlockIdFromId,Vg as assertIsFn,Ur as extractComponentArgTypes,od as extractTitle,Xp as format,_l as formatDate,Vl as formatTime,mc as getComponent,Nc as getDescriptionProps,Nt as getSourceProps,sc as getStoryId,ic as getStoryProps,Ln as lookupStoryId,Do as parse,Dl as parseDate,Nl as parseTime,Dt as storyBlockIdFromId};

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@storybook/blocks",
+  "version": "7.0.0-alpha.10",
+  "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.10",
+    "@storybook/api": "7.0.0-alpha.10",
+    "@storybook/client-logger": "7.0.0-alpha.10",
+    "@storybook/components": "7.0.0-alpha.10",
+    "@storybook/core-events": "7.0.0-alpha.10",
+    "@storybook/csf": "0.0.2--canary.7c6c115.0",
+    "@storybook/docs-tools": "7.0.0-alpha.10",
+    "@storybook/preview-web": "7.0.0-alpha.10",
+    "@storybook/store": "7.0.0-alpha.10",
+    "@storybook/theming": "7.0.0-alpha.10",
+    "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": "b13dd8fb52819d73d4983148af8ffc5d683e8b75"
+}