@storybook/blocks 7.0.0-alpha.38 → 7.0.0-alpha.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js +2 -2
  3. package/dist/index.mjs +5 -5
  4. package/package.json +13 -13
package/dist/index.d.ts CHANGED
@@ -304,6 +304,7 @@ declare const DocsPage: FC;
304
304
  interface DocsContainerProps<TFramework extends AnyFramework = AnyFramework> {
305
305
  context: DocsContextProps<TFramework>;
306
306
  theme?: ThemeVars;
307
+ children?: ReactNode;
307
308
  }
308
309
  declare const DocsContainer: FunctionComponent<DocsContainerProps>;
309
310
 
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- var ta=Object.create;var Ct=Object.defineProperty;var oa=Object.getOwnPropertyDescriptor;var ra=Object.getOwnPropertyNames;var na=Object.getPrototypeOf,sa=Object.prototype.hasOwnProperty;var hr=(e,t)=>()=>(e&&(t=e(e=0)),t);var br=(e,t)=>{for(var o in t)Ct(e,o,{get:t[o],enumerable:!0})},xr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ra(t))!sa.call(e,n)&&n!==o&&Ct(e,n,{get:()=>t[n],enumerable:!(r=oa(t,n))||r.enumerable});return e};var f=(e,t,o)=>(o=e!=null?ta(na(e)):{},xr(t||!e||!e.__esModule?Ct(o,"default",{value:e,enumerable:!0}):o,e)),aa=e=>xr(Ct({},"__esModule",{value:!0}),e);var F,Se,X=hr(()=>{F=e=>`control-${e.replace(/\s+/g,"-")}`,Se=e=>`set-${e.replace(/\s+/g,"-")}`});var Wn={};br(Wn,{ColorControl:()=>Hn,default:()=>Li});var E,_e,Y,Un,me,ge,xi,Ci,Si,Pi,Ei,ki,Ti,jn,wi,Ai,_n,$t,vi,Ii,Fi,jo,Bi,Di,Ut,$n,nt,Oi,Ni,_t,Vi,Hn,Li,Rn=hr(()=>{E=f(require("react")),_e=require("react-colorful"),Y=f(require("color-convert")),Un=f(require("lodash/throttle")),me=require("@storybook/theming"),ge=require("@storybook/components");X();xi=me.styled.div({position:"relative",maxWidth:250}),Ci=(0,me.styled)(ge.WithTooltip)({position:"absolute",zIndex:1,top:4,left:4}),Si=me.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Pi=(0,me.styled)(ge.TooltipNote)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Ei=me.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),ki=me.styled.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Ti=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,jn=({value:e,active:t,onClick:o,style:r,...n})=>{let s=`linear-gradient(${e}, ${e}), ${Ti}, linear-gradient(#fff, #fff)`;return E.default.createElement(ki,{...n,...{active:t,onClick:o},style:{...r,backgroundImage:s}})},wi=(0,me.styled)(ge.Form.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Ai=(0,me.styled)(ge.Icons)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),_n=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(_n||{}),$t=Object.values(_n),vi=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ii=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Fi=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,jo=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Bi=/^\s*#?([0-9a-f]{3})\s*$/i,Di={["hex"]:_e.HexColorPicker,["rgb"]:_e.RgbaStringColorPicker,["hsl"]:_e.HslaStringColorPicker},Ut={["hex"]:"transparent",["rgb"]:"rgba(0, 0, 0, 0)",["hsl"]:"hsla(0, 0%, 0%, 0)"},$n=e=>{let t=e==null?void 0:e.match(vi);if(!t)return[0,0,0,1];let[,o,r,n,s=1]=t;return[o,r,n,s].map(Number)},nt=e=>{if(!e)return;let t=!0;if(Ii.test(e)){let[a,i,l,p]=$n(e),[c,d,u]=Y.default.rgb.hsl([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:Y.default.rgb.keyword([a,i,l]),colorSpace:"rgb",["rgb"]:e,["hsl"]:`hsla(${c}, ${d}%, ${u}%, ${p})`,["hex"]:`#${Y.default.rgb.hex([a,i,l]).toLowerCase()}`}}if(Fi.test(e)){let[a,i,l,p]=$n(e),[c,d,u]=Y.default.hsl.rgb([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:Y.default.hsl.keyword([a,i,l]),colorSpace:"hsl",["rgb"]:`rgba(${c}, ${d}, ${u}, ${p})`,["hsl"]:e,["hex"]:`#${Y.default.hsl.hex([a,i,l]).toLowerCase()}`}}let o=e.replace("#",""),r=Y.default.keyword.rgb(o)||Y.default.hex.rgb(o),n=Y.default.rgb.hsl(r),s=e;if(/[^#a-f0-9]/i.test(e)?s=o:jo.test(e)&&(s=`#${o}`),s.startsWith("#"))t=jo.test(s);else try{Y.default.keyword.hex(s)}catch{t=!1}return{valid:t,value:s,keyword:Y.default.rgb.keyword(r),colorSpace:"hex",["rgb"]:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,["hsl"]:`hsla(${n[0]}, ${n[1]}%, ${n[2]}%, 1)`,["hex"]:s}},Oi=(e,t,o)=>{if(!e||!(t!=null&&t.valid))return Ut[o];if(o!=="hex")return(t==null?void 0:t[o])||Ut[o];if(!t.hex.startsWith("#"))try{return`#${Y.default.keyword.hex(t.hex)}`}catch{return Ut.hex}let r=t.hex.match(Bi);if(!r)return jo.test(t.hex)?t.hex:Ut.hex;let[n,s,a]=r[1].split("");return`#${n}${n}${s}${s}${a}${a}`},Ni=(e,t)=>{let[o,r]=(0,E.useState)(e||""),[n,s]=(0,E.useState)(()=>nt(o)),[a,i]=(0,E.useState)((n==null?void 0:n.colorSpace)||"hex");(0,E.useEffect)(()=>{e===void 0&&(r(""),s(void 0),i("hex"))},[e]);let l=(0,E.useMemo)(()=>Oi(o,n,a).toLowerCase(),[o,n,a]),p=(0,E.useCallback)(d=>{let u=nt(d),g=(u==null?void 0:u.value)||d||"";r(g),g===""&&(s(void 0),t(void 0)),u&&(s(u),i(u.colorSpace),t(u.value))},[t]),c=(0,E.useCallback)(()=>{let d=$t.indexOf(a)+1;d>=$t.length&&(d=0),i($t[d]);let u=(n==null?void 0:n[$t[d]])||"";r(u),t(u)},[n,a,t]);return{value:o,realValue:l,updateValue:p,color:n,colorSpace:a,cycleColorSpace:c}},_t=e=>e.replace(/\s*/,"").toLowerCase(),Vi=(e,t,o)=>{let[r,n]=(0,E.useState)(t!=null&&t.valid?[t]:[]);(0,E.useEffect)(()=>{t===void 0&&n([])},[t]);let s=(0,E.useMemo)(()=>(e||[]).map(l=>typeof l=="string"?nt(l):l.title?{...nt(l.color),keyword:l.title}:nt(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),a=(0,E.useCallback)(i=>{!(i!=null&&i.valid)||s.some(l=>_t(l[o])===_t(i[o]))||n(l=>l.concat(i))},[o,s]);return{presets:s,addPreset:a}},Hn=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,presetColors:s,startOpen:a})=>{let i=(0,E.useCallback)((0,Un.default)(o,200),[o]),{value:l,realValue:p,updateValue:c,color:d,colorSpace:u,cycleColorSpace:g}=Ni(t,i),{presets:y,addPreset:b}=Vi(s,d,u),x=Di[u];return E.default.createElement(xi,null,E.default.createElement(Ci,{trigger:"click",startOpen:a,closeOnClick:!0,onVisibilityChange:()=>b(d),tooltip:E.default.createElement(Si,null,E.default.createElement(x,{color:p==="transparent"?"#000000":p,...{onChange:c,onFocus:r,onBlur:n}}),y.length>0&&E.default.createElement(Ei,null,y.map((h,C)=>E.default.createElement(ge.WithTooltip,{key:`${h.value}-${C}`,hasChrome:!1,tooltip:E.default.createElement(Pi,{note:h.keyword||h.value})},E.default.createElement(jn,{value:h[u],active:d&&_t(h[u])===_t(d[u]),onClick:()=>c(h.value)})))))},E.default.createElement(jn,{value:p,style:{margin:4}})),E.default.createElement(wi,{id:F(e),value:l,onChange:h=>c(h.target.value),onFocus:h=>h.target.select(),placeholder:"Choose color..."}),l?E.default.createElement(Ai,{icon:"markup",onClick:g}):null)},Li=Hn});var ep={};br(ep,{AddContext:()=>Ul,Anchor:()=>ut,AnchorMdx:()=>Wl,ArgsTable:()=>We,BooleanControl:()=>bo,CURRENT_SELECTION:()=>_,Canvas:()=>Qo,CodeOrSourceMdx:()=>_l,ColorControl:()=>$o,ColorItem:()=>us,ColorPalette:()=>ms,ComponentsTable:()=>Go,DateControl:()=>Co,Description:()=>Je,DescriptionType:()=>Bs,Docs:()=>gr,DocsContainer:()=>er,DocsContext:()=>S,DocsPage:()=>ur,DocsStory:()=>ft,ExternalDocs:()=>Xl,ExternalDocsContainer:()=>Zl,FilesControl:()=>Mo,HeaderMdx:()=>Ke,HeadersMdx:()=>Gl,Heading:()=>cr,IconGallery:()=>fs,IconItem:()=>ys,Meta:()=>ql,NoControlsWarning:()=>rs,NumberControl:()=>Eo,ObjectControl:()=>Mt,OptionsControl:()=>Ee,PRIMARY_STORY:()=>Q,Primary:()=>pr,Props:()=>Qs,PureArgsTable:()=>fe,RangeControl:()=>Oo,Source:()=>Ol,SourceContainer:()=>Zo,SourceContext:()=>Re,SourceState:()=>qo,Stories:()=>eo,Story:()=>qt,StoryTable:()=>ks,Subheading:()=>ir,Subtitle:()=>or,TextControl:()=>Lo,Title:()=>tr,Typeset:()=>ss,Wrapper:()=>Ql,anchorBlockIdFromId:()=>bs,assertIsFn:()=>$l,currentSelectionWarning:()=>se,extractComponentArgTypes:()=>Yo,extractTitle:()=>Ns,format:()=>Wa,formatDate:()=>en,formatTime:()=>tn,getComponent:()=>Es,getDescriptionProps:()=>Ds,getSourceProps:()=>yt,getStoryId:()=>Us,getStoryProps:()=>_s,parse:()=>Po,parseDate:()=>qr,parseTime:()=>Qr,storyBlockIdFromId:()=>lr});module.exports=aa(ep);var ae=f(require("react")),oe=require("@storybook/theming"),kr=require("@storybook/components");var Cr=f(require("react")),Sr=require("polished"),Pr=require("@storybook/theming"),Er=require("@storybook/components"),ia=Pr.styled.div(Er.withReset,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:(0,Sr.transparentize)(.3,e.color.defaultText),fontSize:e.typography.size.s2})),xe=e=>Cr.default.createElement(ia,{...e,className:"docblock-emptyblock"});var la=(0,oe.styled)(kr.SyntaxHighlighter)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var pa=oe.styled.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),St=oe.styled.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",["&:first-child"]:{margin:0}})),da=()=>ae.default.createElement(pa,null,ae.default.createElement(St,null),ae.default.createElement(St,{style:{width:"80%"}}),ae.default.createElement(St,{style:{width:"30%"}}),ae.default.createElement(St,{style:{width:"80%"}})),Ie=e=>{let{isLoading:t,error:o}=e;if(t)return ae.default.createElement(da,null);if(o)return ae.default.createElement(xe,null,o);let{language:r,code:n,dark:s,format:a,...i}=e,l=ae.default.createElement(la,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source",...i},n);if(typeof s>"u")return l;let p=s?oe.themes.dark:oe.themes.light;return ae.default.createElement(oe.ThemeProvider,{theme:(0,oe.convert)(p)},l)};Ie.defaultProps={format:!1};var uo=f(require("react")),Tr=f(require("markdown-to-jsx")),Pt=require("@storybook/components"),wr=({markdown:e})=>uo.default.createElement(Pt.ResetWrapper,null,uo.default.createElement(Tr.default,{options:{forceBlock:!0,overrides:Pt.components}},e));var mo=require("@storybook/components"),Qe=require("@storybook/theming"),Ar=require("polished"),ca=f(require("react")),go=600,vr=Qe.styled.h1(mo.withReset,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${go}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),Ir=Qe.styled.h2(mo.withReset,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${go}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:(0,Ar.transparentize)(.25,e.color.defaultText)})),Fr=Qe.styled.div({maxWidth:1e3,width:"100%"}),Br=Qe.styled.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${go}px)`]:{}}));var I=f(require("react")),yo=require("polished"),Fe=require("@storybook/theming"),$r=f(require("global")),At=require("@storybook/components");var Ce=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`});var O=f(require("react")),Dr=require("@storybook/theming"),$=require("@storybook/components"),ua=({zoom:e,resetZoom:t})=>O.default.createElement(O.default.Fragment,null,O.default.createElement($.IconButton,{key:"zoomin",onClick:o=>{o.preventDefault(),e(.8)},title:"Zoom in"},O.default.createElement($.Icons,{icon:"zoom"})),O.default.createElement($.IconButton,{key:"zoomout",onClick:o=>{o.preventDefault(),e(1.25)},title:"Zoom out"},O.default.createElement($.Icons,{icon:"zoomout"})),O.default.createElement($.IconButton,{key:"zoomreset",onClick:o=>{o.preventDefault(),t()},title:"Reset zoom"},O.default.createElement($.Icons,{icon:"zoomreset"}))),ma=({baseUrl:e,storyId:t})=>O.default.createElement($.IconButton,{key:"opener",href:(0,$.getStoryHref)(e,t),target:"_blank",title:"Open canvas in new tab"},O.default.createElement($.Icons,{icon:"share"})),ga=(0,Dr.styled)($.FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Or=({isLoading:e,storyId:t,baseUrl:o,zoom:r,resetZoom:n,...s})=>O.default.createElement(ga,{...s},O.default.createElement(O.Fragment,{key:"left"},e?[1,2,3].map(a=>O.default.createElement($.IconButtonSkeleton,{key:a})):O.default.createElement(ua,{...{zoom:r,resetZoom:n}})),O.default.createElement(O.Fragment,{key:"right"},t&&(e?O.default.createElement($.IconButtonSkeleton,null):O.default.createElement(ma,{...{storyId:t,baseUrl:o}}))));var Nr=require("react"),Et=(0,Nr.createContext)({scale:1});var Lr=f(require("global")),U=f(require("react")),wt=require("@storybook/components");var Tt=f(require("react")),Vr=f(require("global")),{window:ya}=Vr.default,kt=class extends Tt.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{id:o}=this.props;this.iframe=ya.document.getElementById(o)}shouldComponentUpdate(o){let{scale:r}=o;return r!==this.props.scale&&this.setIframeBodyStyle({width:`${r*100}%`,height:`${r*100}%`,transform:`scale(${1/r})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(o){return Object.assign(this.iframe.contentDocument.body.style,o)}render(){let{id:o,title:r,src:n,allowFullScreen:s,scale:a,...i}=this.props;return Tt.default.createElement("iframe",{id:o,title:r,src:n,...s?{allow:"fullscreen"}:{},loading:"lazy",...i})}};var{PREVIEW_URL:fa}=Lr.default,ha=fa||"iframe.html";var ba=e=>e?`Story "${e}" doesn't exist.`:"No component or story to display",xa=({storyFn:e,height:t,id:o})=>U.default.createElement(U.Fragment,null,t?U.default.createElement("style",null,`#story--${o} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,U.default.createElement(U.Fragment,null,e?(0,U.createElement)(e):U.default.createElement(xe,null,ba(o)))),Ca=({id:e,title:t,height:o="500px"})=>U.default.createElement("div",{style:{width:"100%",height:o}},U.default.createElement(Et.Consumer,null,({scale:r})=>U.default.createElement(kt,{key:"iframe",id:`iframe--${e}`,title:t,src:(0,wt.getStoryHref)(ha,e,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Mr=({children:e,error:t,inline:o,...r})=>{let{id:n,title:s,height:a}=r;return t?U.default.createElement(xe,null,t):o?U.default.createElement(xa,{...r}):U.default.createElement(Ca,{id:n,title:s,height:a})},et=()=>U.default.createElement(wt.Loader,null);var Sa=Fe.styled.div(({isColumn:e,columns:t,layout:o})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),jr=(0,Fe.styled)(Ie)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content)}})),Pa=Fe.styled.div(({theme:e,withSource:t,isExpanded:o})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ce(e),borderBottomLeftRadius:t&&o&&0,borderBottomRightRadius:t&&o&&0,borderBottomWidth:o&&0}),({withToolbar:e})=>e&&{paddingTop:40}),Ea=(e,t,o)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>o(!1)}};case t:return{source:I.default.createElement(jr,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>o(!1)}};default:return{source:I.default.createElement(jr,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>o(!0)}}}};function ka(e){if(I.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var Ta=(0,Fe.styled)(Or)({position:"absolute",top:0,left:0,right:0,height:40}),wa=Fe.styled.div({overflow:"hidden",position:"relative"}),Aa=e=>e.reduce((t,o)=>t||(typeof o=="string"||typeof o=="number"?"padded":o.props&&o.props.parameters&&o.props.parameters.layout||"padded"),void 0),fo=({isLoading:e,isColumn:t,columns:o,children:r,withSource:n,withToolbar:s=!1,isExpanded:a=!1,additionalActions:i,className:l,...p})=>{let[c,d]=(0,I.useState)(a),{source:u,actionItem:g}=Ea(n,c,d),[y,b]=(0,I.useState)(1),x=[l].concat(["sbdocs","sbdocs-preview"]),h=n?[g]:[],[C,P]=(0,I.useState)(i?[...i]:[]),V=[...h,...C],H=Aa(I.Children.count(r)===1?[r]:r),{window:w}=$r.default,A=(0,I.useCallback)(async v=>{let{createCopyToClipboardFunction:te}=await import("@storybook/components");te()},[]),ee=v=>{v.preventDefault(),C.filter(te=>te.title==="Copied").length===0&&A(u.props.code).then(()=>{P([...C,{title:"Copied",onClick:()=>{}}]),w.setTimeout(()=>P(C.filter(te=>te.title!=="Copied")),1500)})};return I.default.createElement(Pa,{...{withSource:n,withToolbar:s},...p,className:x.join(" ")},s&&I.default.createElement(Ta,{isLoading:e,border:!0,zoom:v=>b(y*v),resetZoom:()=>b(1),storyId:ka(r),baseUrl:"./iframe.html"}),I.default.createElement(Et.Provider,{value:{scale:y}},I.default.createElement(wa,{className:"docs-story",onCopyCapture:n&&ee},I.default.createElement(Sa,{isColumn:t||!Array.isArray(r),columns:o,layout:H},I.default.createElement(At.Zoom.Element,{scale:y},Array.isArray(r)?r.map((v,te)=>I.default.createElement("div",{key:te},v)):I.default.createElement("div",null,r))),I.default.createElement(At.ActionBar,{actionItems:V}))),n&&c&&u)},va=(0,Fe.styled)(fo)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Ur=()=>I.default.createElement(va,{isLoading:!0,withToolbar:!0},I.default.createElement(et,null));var T=f(require("react")),Zn=f(require("lodash/pickBy")),Wt=require("@storybook/theming"),G=require("polished"),qn=require("@storybook/csf"),Qn=require("@storybook/client-logger"),ye=require("@storybook/components");var j=f(require("react")),Gn=f(require("markdown-to-jsx")),st=require("polished"),Me=require("@storybook/theming"),Kn=require("@storybook/components");var re=f(require("react")),_r=require("@storybook/theming"),Hr=require("@storybook/components"),Ia=_r.styled.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,Hr.codeCommon)({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),Wr=({tags:e})=>{let t=(e.params||[]).filter(n=>n.description),o=t.length!==0,r=e.returns!=null&&e.returns.description!=null;return!o&&!r?null:re.default.createElement(Ia,null,re.default.createElement("tbody",null,o&&t.map(n=>re.default.createElement("tr",{key:n.name},re.default.createElement("td",null,re.default.createElement("code",null,n.name)),re.default.createElement("td",null,n.description))),r&&re.default.createElement("tr",{key:"returns"},re.default.createElement("td",null,re.default.createElement("code",null,"Returns")),re.default.createElement("td",null,e.returns.description))))};var M=f(require("react")),Jr=f(require("memoizerific")),Gr=f(require("lodash/uniq")),Be=require("@storybook/theming"),pe=require("@storybook/components"),ho=8,Rr=Be.styled.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Fa=Be.styled.span(pe.codeCommon,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Ba=Be.styled.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Da=Be.styled.div(pe.codeCommon,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Oa=Be.styled.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Na=(0,Be.styled)(pe.Icons)({height:10,width:10,minWidth:10,marginLeft:4}),Va=()=>M.default.createElement("span",null,"-"),Kr=({text:e,simple:t})=>M.default.createElement(Fa,{simple:t},e),La=(0,Jr.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(o=>o.length))}ch`}),Ma=e=>{if(!e)return[e];let o=e.split("|").map(r=>r.trim());return(0,Gr.default)(o)},zr=(e,t=!0)=>{let o=e;return t||(o=e.slice(0,ho)),o.map(r=>M.default.createElement(Kr,{key:r,text:r===""?'""':r}))},ja=({value:e,initialExpandedArgs:t})=>{let{summary:o,detail:r}=e,[n,s]=(0,M.useState)(!1),[a,i]=(0,M.useState)(t||!1);if(o==null)return null;let l=typeof o.toString=="function"?o.toString():o;if(r==null){if(/[(){}[\]<>]/.test(l))return M.default.createElement(Kr,{text:l});let c=Ma(l),d=c.length;return d>ho?M.default.createElement(Rr,{isExpanded:a},zr(c,a),M.default.createElement(Ba,{onClick:()=>i(!a)},a?"Show less...":`Show ${d-ho} more...`)):M.default.createElement(Rr,null,zr(c))}return M.default.createElement(pe.WithTooltipPure,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:n,onVisibilityChange:p=>{s(p)},tooltip:M.default.createElement(Oa,{width:La(r)},M.default.createElement(pe.SyntaxHighlighter,{language:"jsx",format:!1},r))},M.default.createElement(Da,{className:"sbdocs-expandable"},M.default.createElement("span",null,l),M.default.createElement(Na,{icon:n?"arrowup":"arrowdown"})))},vt=({value:e,initialExpandedArgs:t})=>e==null?M.default.createElement(Va,null):M.default.createElement(ja,{value:e,initialExpandedArgs:t});var J=f(require("react"));var Te=f(require("react"));var Pe=f(require("react")),De=require("polished"),Yr=require("@storybook/theming"),Xr=require("@storybook/components");X();var $a=Yr.styled.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:(0,De.transparentize)(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${(0,De.opacify)(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${(0,De.opacify)(.05,e.appBorderColor)} 0 0 0 2px inset`,color:(0,De.opacify)(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${(0,De.opacify)(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Ua=e=>e==="true",bo=({name:e,value:t,onChange:o,onBlur:r,onFocus:n})=>{let s=(0,Pe.useCallback)(()=>o(!1),[o]);if(t===void 0)return Pe.default.createElement(Xr.Form.Button,{id:Se(e),onClick:s},"Set boolean");let a=typeof t=="string"?Ua(t):t;return Pe.default.createElement($a,{htmlFor:e,title:a?"Change to false":"Change to true"},Pe.default.createElement("input",{id:F(e),type:"checkbox",onChange:i=>o(i.target.checked),checked:a,...{name:e,onBlur:r,onFocus:n}}),Pe.default.createElement("span",null,"False"),Pe.default.createElement("span",null,"True"))};var Z=f(require("react")),Zr=require("@storybook/theming"),xo=require("@storybook/components");X();var qr=e=>{let[t,o,r]=e.split("-"),n=new Date;return n.setFullYear(parseInt(t,10),parseInt(o,10)-1,parseInt(r,10)),n},Qr=e=>{let[t,o]=e.split(":"),r=new Date;return r.setHours(parseInt(t,10)),r.setMinutes(parseInt(o,10)),r},en=e=>{let t=new Date(e),o=`000${t.getFullYear()}`.slice(-4),r=`0${t.getMonth()+1}`.slice(-2),n=`0${t.getDate()}`.slice(-2);return`${o}-${r}-${n}`},tn=e=>{let t=new Date(e),o=`0${t.getHours()}`.slice(-2),r=`0${t.getMinutes()}`.slice(-2);return`${o}:${r}`},_a=Zr.styled.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),Co=({name:e,value:t,onChange:o,onFocus:r,onBlur:n})=>{let[s,a]=(0,Z.useState)(!0),i=(0,Z.useRef)(),l=(0,Z.useRef)();(0,Z.useEffect)(()=>{s!==!1&&(i&&i.current&&(i.current.value=en(t)),l&&l.current&&(l.current.value=tn(t)))},[t]);let p=u=>{let g=qr(u.target.value),y=new Date(t);y.setFullYear(g.getFullYear(),g.getMonth(),g.getDate());let b=y.getTime();b&&o(b),a(!!b)},c=u=>{let g=Qr(u.target.value),y=new Date(t);y.setHours(g.getHours()),y.setMinutes(g.getMinutes());let b=y.getTime();b&&o(b),a(!!b)},d=F(e);return Z.default.createElement(_a,null,Z.default.createElement(xo.Form.Input,{type:"date",max:"9999-12-31",ref:i,id:`${d}-date`,name:`${d}-date`,onChange:p,...{onFocus:r,onBlur:n}}),Z.default.createElement(xo.Form.Input,{type:"time",id:`${d}-time`,name:`${d}-time`,ref:l,onChange:c,...{onFocus:r,onBlur:n}}),s?null:Z.default.createElement("div",null,"invalid"))};var W=f(require("react")),on=require("@storybook/theming"),So=require("@storybook/components");X();var Ha=on.styled.label({display:"flex"}),Po=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Wa=e=>e!=null?String(e):"",Eo=({name:e,value:t,onChange:o,min:r,max:n,step:s,onBlur:a,onFocus:i})=>{let[l,p]=(0,W.useState)(typeof t=="number"?t:""),[c,d]=(0,W.useState)(!1),[u,g]=(0,W.useState)(null),y=(0,W.useCallback)(h=>{p(h.target.value);let C=parseFloat(h.target.value);Number.isNaN(C)?g(new Error(`'${h.target.value}' is not a number`)):(o(C),g(null))},[o,g]),b=(0,W.useCallback)(()=>{p("0"),o(0),d(!0)},[d]),x=(0,W.useRef)(null);return(0,W.useEffect)(()=>{c&&x.current&&x.current.select()},[c]),(0,W.useEffect)(()=>{l!==(typeof t=="number"?t:"")&&p(t)},[t]),!c&&t===void 0?W.default.createElement(So.Form.Button,{id:Se(e),onClick:b},"Set number"):W.default.createElement(Ha,null,W.default.createElement(So.Form.Input,{ref:x,id:F(e),type:"number",onChange:y,size:"flex",placeholder:"Edit number...",value:l,valid:u?"error":null,autoFocus:c,...{name:e,min:r,max:n,step:s,onFocus:i,onBlur:a}}))};var cn=f(require("react")),un=require("ts-dedent"),mn=require("@storybook/client-logger");var de=f(require("react")),Dt=require("@storybook/theming"),rn=require("@storybook/client-logger");var It=(e,t)=>{let o=t&&Object.entries(t).find(([r,n])=>n===e);return o?o[0]:void 0},Ft=(e,t)=>e&&t?Object.entries(t).filter(o=>e.includes(o[1])).map(o=>o[0]):[],Bt=(e,t)=>e&&t&&e.map(o=>t[o]);X();var Ra=Dt.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),za=Dt.styled.span({}),Ja=Dt.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),ko=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return rn.logger.warn(`Checkbox with no options: ${e}`),de.default.createElement(de.default.Fragment,null,"-");let s=Ft(o,t),[a,i]=(0,de.useState)(s),l=c=>{let d=c.target.value,u=[...a];u.includes(d)?u.splice(u.indexOf(d),1):u.push(d),r(Bt(u,t)),i(u)},p=F(e);return de.default.createElement(Ra,{isInline:n},Object.keys(t).map((c,d)=>{let u=`${p}-${d}`;return de.default.createElement(Ja,{key:u,htmlFor:u},de.default.createElement("input",{type:"checkbox",id:u,name:u,value:c,onChange:l,checked:a==null?void 0:a.includes(c)}),de.default.createElement(za,null,c))}))};var Oe=f(require("react")),Ot=require("@storybook/theming"),nn=require("@storybook/client-logger");X();var Ga=Ot.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Ka=Ot.styled.span({}),Ya=Ot.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),To=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return nn.logger.warn(`Radio with no options: ${e}`),Oe.default.createElement(Oe.default.Fragment,null,"-");let s=It(o,t),a=F(e);return Oe.default.createElement(Ga,{isInline:n},Object.keys(t).map((i,l)=>{let p=`${a}-${l}`;return Oe.default.createElement(Ya,{key:p,htmlFor:p},Oe.default.createElement("input",{type:"radio",id:p,name:p,value:i,onChange:c=>r(t[c.currentTarget.value]),checked:i===s}),Oe.default.createElement(Ka,null,i))}))};var K=f(require("react")),wo=require("@storybook/theming"),an=require("@storybook/client-logger"),ln=require("@storybook/components");X();var Xa={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},pn=wo.styled.select(({theme:e})=>({...Xa,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),dn=wo.styled.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),sn="Choose option...",Za=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{r(o[i.currentTarget.value])},s=It(t,o)||sn,a=F(e);return K.default.createElement(dn,null,K.default.createElement(ln.Icons,{icon:"arrowdown"}),K.default.createElement(pn,{id:a,value:s,onChange:n},K.default.createElement("option",{key:"no-selection",disabled:!0},sn),Object.keys(o).map(i=>K.default.createElement("option",{key:i},i))))},qa=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{let l=Array.from(i.currentTarget.options).filter(p=>p.selected).map(p=>p.value);r(Bt(l,o))},s=Ft(t,o),a=F(e);return K.default.createElement(dn,null,K.default.createElement(pn,{id:a,multiple:!0,value:s,onChange:n},Object.keys(o).map(i=>K.default.createElement("option",{key:i},i))))},Ao=e=>{let{name:t,options:o}=e;return o?e.isMulti?K.default.createElement(qa,{...e}):K.default.createElement(Za,{...e}):(an.logger.warn(`Select with no options: ${t}`),K.default.createElement(K.default.Fragment,null,"-"))};var Qa=(e,t)=>Array.isArray(e)?e.reduce((o,r)=>(o[(t==null?void 0:t[r])||String(r)]=r,o),{}):e,ei={check:ko,"inline-check":ko,radio:To,"inline-radio":To,select:Ao,"multi-select":Ao},Ee=e=>{let{type:t="select",options:o,labels:r,argType:n}=e,s={...e,options:Qa(o||n.options,r),isInline:t.includes("inline"),isMulti:t.includes("multi")};o&&mn.once.warn(un.dedent`
1
+ var ta=Object.create;var Ct=Object.defineProperty;var oa=Object.getOwnPropertyDescriptor;var ra=Object.getOwnPropertyNames;var na=Object.getPrototypeOf,sa=Object.prototype.hasOwnProperty;var hr=(e,t)=>()=>(e&&(t=e(e=0)),t);var br=(e,t)=>{for(var o in t)Ct(e,o,{get:t[o],enumerable:!0})},xr=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ra(t))!sa.call(e,n)&&n!==o&&Ct(e,n,{get:()=>t[n],enumerable:!(r=oa(t,n))||r.enumerable});return e};var f=(e,t,o)=>(o=e!=null?ta(na(e)):{},xr(t||!e||!e.__esModule?Ct(o,"default",{value:e,enumerable:!0}):o,e)),aa=e=>xr(Ct({},"__esModule",{value:!0}),e);var F,Se,X=hr(()=>{F=e=>`control-${e.replace(/\s+/g,"-")}`,Se=e=>`set-${e.replace(/\s+/g,"-")}`});var Wn={};br(Wn,{ColorControl:()=>Hn,default:()=>Li});var E,_e,Y,Un,me,ge,xi,Ci,Si,Pi,Ei,ki,Ti,jn,wi,Ai,_n,$t,vi,Ii,Fi,jo,Bi,Di,Ut,$n,nt,Oi,Ni,_t,Vi,Hn,Li,Rn=hr(()=>{E=f(require("react")),_e=require("react-colorful"),Y=f(require("color-convert")),Un=f(require("lodash/throttle")),me=require("@storybook/theming"),ge=require("@storybook/components");X();xi=me.styled.div({position:"relative",maxWidth:250}),Ci=(0,me.styled)(ge.WithTooltip)({position:"absolute",zIndex:1,top:4,left:4}),Si=me.styled.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Pi=(0,me.styled)(ge.TooltipNote)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Ei=me.styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),ki=me.styled.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Ti=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,jn=({value:e,active:t,onClick:o,style:r,...n})=>{let s=`linear-gradient(${e}, ${e}), ${Ti}, linear-gradient(#fff, #fff)`;return E.default.createElement(ki,{...n,...{active:t,onClick:o},style:{...r,backgroundImage:s}})},wi=(0,me.styled)(ge.Form.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Ai=(0,me.styled)(ge.Icons)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),_n=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(_n||{}),$t=Object.values(_n),vi=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ii=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Fi=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,jo=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Bi=/^\s*#?([0-9a-f]{3})\s*$/i,Di={["hex"]:_e.HexColorPicker,["rgb"]:_e.RgbaStringColorPicker,["hsl"]:_e.HslaStringColorPicker},Ut={["hex"]:"transparent",["rgb"]:"rgba(0, 0, 0, 0)",["hsl"]:"hsla(0, 0%, 0%, 0)"},$n=e=>{let t=e==null?void 0:e.match(vi);if(!t)return[0,0,0,1];let[,o,r,n,s=1]=t;return[o,r,n,s].map(Number)},nt=e=>{if(!e)return;let t=!0;if(Ii.test(e)){let[a,i,l,p]=$n(e),[c,d,u]=Y.default.rgb.hsl([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:Y.default.rgb.keyword([a,i,l]),colorSpace:"rgb",["rgb"]:e,["hsl"]:`hsla(${c}, ${d}%, ${u}%, ${p})`,["hex"]:`#${Y.default.rgb.hex([a,i,l]).toLowerCase()}`}}if(Fi.test(e)){let[a,i,l,p]=$n(e),[c,d,u]=Y.default.hsl.rgb([a,i,l])||[0,0,0];return{valid:t,value:e,keyword:Y.default.hsl.keyword([a,i,l]),colorSpace:"hsl",["rgb"]:`rgba(${c}, ${d}, ${u}, ${p})`,["hsl"]:e,["hex"]:`#${Y.default.hsl.hex([a,i,l]).toLowerCase()}`}}let o=e.replace("#",""),r=Y.default.keyword.rgb(o)||Y.default.hex.rgb(o),n=Y.default.rgb.hsl(r),s=e;if(/[^#a-f0-9]/i.test(e)?s=o:jo.test(e)&&(s=`#${o}`),s.startsWith("#"))t=jo.test(s);else try{Y.default.keyword.hex(s)}catch{t=!1}return{valid:t,value:s,keyword:Y.default.rgb.keyword(r),colorSpace:"hex",["rgb"]:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,["hsl"]:`hsla(${n[0]}, ${n[1]}%, ${n[2]}%, 1)`,["hex"]:s}},Oi=(e,t,o)=>{if(!e||!(t!=null&&t.valid))return Ut[o];if(o!=="hex")return(t==null?void 0:t[o])||Ut[o];if(!t.hex.startsWith("#"))try{return`#${Y.default.keyword.hex(t.hex)}`}catch{return Ut.hex}let r=t.hex.match(Bi);if(!r)return jo.test(t.hex)?t.hex:Ut.hex;let[n,s,a]=r[1].split("");return`#${n}${n}${s}${s}${a}${a}`},Ni=(e,t)=>{let[o,r]=(0,E.useState)(e||""),[n,s]=(0,E.useState)(()=>nt(o)),[a,i]=(0,E.useState)((n==null?void 0:n.colorSpace)||"hex");(0,E.useEffect)(()=>{e===void 0&&(r(""),s(void 0),i("hex"))},[e]);let l=(0,E.useMemo)(()=>Oi(o,n,a).toLowerCase(),[o,n,a]),p=(0,E.useCallback)(d=>{let u=nt(d),g=(u==null?void 0:u.value)||d||"";r(g),g===""&&(s(void 0),t(void 0)),u&&(s(u),i(u.colorSpace),t(u.value))},[t]),c=(0,E.useCallback)(()=>{let d=$t.indexOf(a)+1;d>=$t.length&&(d=0),i($t[d]);let u=(n==null?void 0:n[$t[d]])||"";r(u),t(u)},[n,a,t]);return{value:o,realValue:l,updateValue:p,color:n,colorSpace:a,cycleColorSpace:c}},_t=e=>e.replace(/\s*/,"").toLowerCase(),Vi=(e,t,o)=>{let[r,n]=(0,E.useState)(t!=null&&t.valid?[t]:[]);(0,E.useEffect)(()=>{t===void 0&&n([])},[t]);let s=(0,E.useMemo)(()=>(e||[]).map(l=>typeof l=="string"?nt(l):l.title?{...nt(l.color),keyword:l.title}:nt(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),a=(0,E.useCallback)(i=>{!(i!=null&&i.valid)||s.some(l=>_t(l[o])===_t(i[o]))||n(l=>l.concat(i))},[o,s]);return{presets:s,addPreset:a}},Hn=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,presetColors:s,startOpen:a})=>{let i=(0,E.useCallback)((0,Un.default)(o,200),[o]),{value:l,realValue:p,updateValue:c,color:d,colorSpace:u,cycleColorSpace:g}=Ni(t,i),{presets:y,addPreset:b}=Vi(s,d,u),x=Di[u];return E.default.createElement(xi,null,E.default.createElement(Ci,{trigger:"click",startOpen:a,closeOnClick:!0,onVisibilityChange:()=>b(d),tooltip:E.default.createElement(Si,null,E.default.createElement(x,{color:p==="transparent"?"#000000":p,...{onChange:c,onFocus:r,onBlur:n}}),y.length>0&&E.default.createElement(Ei,null,y.map((h,C)=>E.default.createElement(ge.WithTooltip,{key:`${h.value}-${C}`,hasChrome:!1,tooltip:E.default.createElement(Pi,{note:h.keyword||h.value})},E.default.createElement(jn,{value:h[u],active:d&&_t(h[u])===_t(d[u]),onClick:()=>c(h.value)})))))},E.default.createElement(jn,{value:p,style:{margin:4}})),E.default.createElement(wi,{id:F(e),value:l,onChange:h=>c(h.target.value),onFocus:h=>h.target.select(),placeholder:"Choose color..."}),l?E.default.createElement(Ai,{icon:"markup",onClick:g}):null)},Li=Hn});var ep={};br(ep,{AddContext:()=>Ul,Anchor:()=>ut,AnchorMdx:()=>Wl,ArgsTable:()=>We,BooleanControl:()=>bo,CURRENT_SELECTION:()=>_,Canvas:()=>Qo,CodeOrSourceMdx:()=>_l,ColorControl:()=>$o,ColorItem:()=>us,ColorPalette:()=>ms,ComponentsTable:()=>Go,DateControl:()=>Co,Description:()=>Je,DescriptionType:()=>Bs,Docs:()=>gr,DocsContainer:()=>er,DocsContext:()=>S,DocsPage:()=>ur,DocsStory:()=>ft,ExternalDocs:()=>Xl,ExternalDocsContainer:()=>Zl,FilesControl:()=>Mo,HeaderMdx:()=>Ke,HeadersMdx:()=>Gl,Heading:()=>cr,IconGallery:()=>fs,IconItem:()=>ys,Meta:()=>ql,NoControlsWarning:()=>rs,NumberControl:()=>Eo,ObjectControl:()=>Mt,OptionsControl:()=>Ee,PRIMARY_STORY:()=>Q,Primary:()=>pr,Props:()=>Qs,PureArgsTable:()=>fe,RangeControl:()=>Oo,Source:()=>Ol,SourceContainer:()=>Zo,SourceContext:()=>Re,SourceState:()=>qo,Stories:()=>eo,Story:()=>qt,StoryTable:()=>ks,Subheading:()=>ir,Subtitle:()=>or,TextControl:()=>Lo,Title:()=>tr,Typeset:()=>ss,Wrapper:()=>Ql,anchorBlockIdFromId:()=>bs,assertIsFn:()=>$l,currentSelectionWarning:()=>se,extractComponentArgTypes:()=>Yo,extractTitle:()=>Ns,format:()=>Wa,formatDate:()=>en,formatTime:()=>tn,getComponent:()=>Es,getDescriptionProps:()=>Ds,getSourceProps:()=>yt,getStoryId:()=>Us,getStoryProps:()=>_s,parse:()=>Po,parseDate:()=>qr,parseTime:()=>Qr,storyBlockIdFromId:()=>lr});module.exports=aa(ep);var ae=f(require("react")),oe=require("@storybook/theming"),kr=require("@storybook/components");var Cr=f(require("react")),Sr=require("polished"),Pr=require("@storybook/theming"),Er=require("@storybook/components"),ia=Pr.styled.div(Er.withReset,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:(0,Sr.transparentize)(.3,e.color.defaultText),fontSize:e.typography.size.s2})),xe=e=>Cr.default.createElement(ia,{...e,className:"docblock-emptyblock"});var la=(0,oe.styled)(kr.SyntaxHighlighter)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var pa=oe.styled.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),St=oe.styled.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",["&:first-child"]:{margin:0}})),da=()=>ae.default.createElement(pa,null,ae.default.createElement(St,null),ae.default.createElement(St,{style:{width:"80%"}}),ae.default.createElement(St,{style:{width:"30%"}}),ae.default.createElement(St,{style:{width:"80%"}})),Ie=e=>{let{isLoading:t,error:o}=e;if(t)return ae.default.createElement(da,null);if(o)return ae.default.createElement(xe,null,o);let{language:r,code:n,dark:s,format:a,...i}=e,l=ae.default.createElement(la,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source",...i},n);if(typeof s>"u")return l;let p=s?oe.themes.dark:oe.themes.light;return ae.default.createElement(oe.ThemeProvider,{theme:(0,oe.convert)(p)},l)};Ie.defaultProps={format:!1};var uo=f(require("react")),Tr=f(require("markdown-to-jsx")),Pt=require("@storybook/components"),wr=({markdown:e})=>uo.default.createElement(Pt.ResetWrapper,null,uo.default.createElement(Tr.default,{options:{forceBlock:!0,overrides:Pt.components}},e));var mo=require("@storybook/components"),Qe=require("@storybook/theming"),Ar=require("polished"),ca=f(require("react")),go=600,vr=Qe.styled.h1(mo.withReset,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${go}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),Ir=Qe.styled.h2(mo.withReset,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${go}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:(0,Ar.transparentize)(.25,e.color.defaultText)})),Fr=Qe.styled.div({maxWidth:1e3,width:"100%"}),Br=Qe.styled.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${go}px)`]:{}}));var I=f(require("react")),yo=require("polished"),Fe=require("@storybook/theming"),$r=f(require("global")),At=require("@storybook/components");var Ce=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`});var O=f(require("react")),Dr=require("@storybook/theming"),$=require("@storybook/components"),ua=({zoom:e,resetZoom:t})=>O.default.createElement(O.default.Fragment,null,O.default.createElement($.IconButton,{key:"zoomin",onClick:o=>{o.preventDefault(),e(.8)},title:"Zoom in"},O.default.createElement($.Icons,{icon:"zoom"})),O.default.createElement($.IconButton,{key:"zoomout",onClick:o=>{o.preventDefault(),e(1.25)},title:"Zoom out"},O.default.createElement($.Icons,{icon:"zoomout"})),O.default.createElement($.IconButton,{key:"zoomreset",onClick:o=>{o.preventDefault(),t()},title:"Reset zoom"},O.default.createElement($.Icons,{icon:"zoomreset"}))),ma=({baseUrl:e,storyId:t})=>O.default.createElement($.IconButton,{key:"opener",href:(0,$.getStoryHref)(e,t),target:"_blank",title:"Open canvas in new tab"},O.default.createElement($.Icons,{icon:"share"})),ga=(0,Dr.styled)($.FlexBar)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Or=({isLoading:e,storyId:t,baseUrl:o,zoom:r,resetZoom:n,...s})=>O.default.createElement(ga,{...s},O.default.createElement(O.Fragment,{key:"left"},e?[1,2,3].map(a=>O.default.createElement($.IconButtonSkeleton,{key:a})):O.default.createElement(ua,{...{zoom:r,resetZoom:n}})),O.default.createElement(O.Fragment,{key:"right"},t&&(e?O.default.createElement($.IconButtonSkeleton,null):O.default.createElement(ma,{...{storyId:t,baseUrl:o}}))));var Nr=require("react"),Et=(0,Nr.createContext)({scale:1});var Lr=f(require("global")),U=f(require("react")),wt=require("@storybook/components");var Tt=f(require("react")),Vr=f(require("global")),{window:ya}=Vr.default,kt=class extends Tt.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{id:o}=this.props;this.iframe=ya.document.getElementById(o)}shouldComponentUpdate(o){let{scale:r}=o;return r!==this.props.scale&&this.setIframeBodyStyle({width:`${r*100}%`,height:`${r*100}%`,transform:`scale(${1/r})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(o){return Object.assign(this.iframe.contentDocument.body.style,o)}render(){let{id:o,title:r,src:n,allowFullScreen:s,scale:a,...i}=this.props;return Tt.default.createElement("iframe",{id:o,title:r,src:n,...s?{allow:"fullscreen"}:{},loading:"lazy",...i})}};var{PREVIEW_URL:fa}=Lr.default,ha=fa||"iframe.html";var ba=e=>e?`Story "${e}" doesn't exist.`:"No component or story to display",xa=({storyFn:e,height:t,id:o})=>U.default.createElement(U.Fragment,null,t?U.default.createElement("style",null,`#story--${o} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,U.default.createElement(U.Fragment,null,e?(0,U.createElement)(e):U.default.createElement(xe,null,ba(o)))),Ca=({id:e,title:t,height:o="500px"})=>U.default.createElement("div",{style:{width:"100%",height:o}},U.default.createElement(Et.Consumer,null,({scale:r})=>U.default.createElement(kt,{key:"iframe",id:`iframe--${e}`,title:t,src:(0,wt.getStoryHref)(ha,e,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Mr=({children:e,error:t,inline:o,...r})=>{let{id:n,title:s,height:a}=r;return t?U.default.createElement(xe,null,t):o?U.default.createElement(xa,{...r}):U.default.createElement(Ca,{id:n,title:s,height:a})},et=()=>U.default.createElement(wt.Loader,null);var Sa=Fe.styled.div(({isColumn:e,columns:t,layout:o})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),jr=(0,Fe.styled)(Ie)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":(0,yo.darken)(.05,e.background.content)}})),Pa=Fe.styled.div(({theme:e,withSource:t,isExpanded:o})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ce(e),borderBottomLeftRadius:t&&o&&0,borderBottomRightRadius:t&&o&&0,borderBottomWidth:o&&0}),({withToolbar:e})=>e&&{paddingTop:40}),Ea=(e,t,o)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>o(!1)}};case t:return{source:I.default.createElement(jr,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>o(!1)}};default:return{source:I.default.createElement(jr,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>o(!0)}}}};function ka(e){if(I.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var Ta=(0,Fe.styled)(Or)({position:"absolute",top:0,left:0,right:0,height:40}),wa=Fe.styled.div({overflow:"hidden",position:"relative"}),Aa=e=>e.reduce((t,o)=>t||(typeof o=="string"||typeof o=="number"?"padded":o.props&&o.props.parameters&&o.props.parameters.layout||"padded"),void 0),fo=({isLoading:e,isColumn:t,columns:o,children:r,withSource:n,withToolbar:s=!1,isExpanded:a=!1,additionalActions:i,className:l,...p})=>{let[c,d]=(0,I.useState)(a),{source:u,actionItem:g}=Ea(n,c,d),[y,b]=(0,I.useState)(1),x=[l].concat(["sbdocs","sbdocs-preview"]),h=n?[g]:[],[C,P]=(0,I.useState)(i?[...i]:[]),V=[...h,...C],H=Aa(I.Children.count(r)===1?[r]:r),{window:w}=$r.default,A=(0,I.useCallback)(async v=>{let{createCopyToClipboardFunction:te}=await import("@storybook/components");te()},[]),ee=v=>{v.preventDefault(),C.filter(te=>te.title==="Copied").length===0&&A(u.props.code).then(()=>{P([...C,{title:"Copied",onClick:()=>{}}]),w.setTimeout(()=>P(C.filter(te=>te.title!=="Copied")),1500)})};return I.default.createElement(Pa,{...{withSource:n,withToolbar:s},...p,className:x.join(" ")},s&&I.default.createElement(Ta,{isLoading:e,border:!0,zoom:v=>b(y*v),resetZoom:()=>b(1),storyId:ka(r),baseUrl:"./iframe.html"}),I.default.createElement(Et.Provider,{value:{scale:y}},I.default.createElement(wa,{className:"docs-story",onCopyCapture:n&&ee},I.default.createElement(Sa,{isColumn:t||!Array.isArray(r),columns:o,layout:H},I.default.createElement(At.Zoom.Element,{scale:y},Array.isArray(r)?r.map((v,te)=>I.default.createElement("div",{key:te},v)):I.default.createElement("div",null,r))),I.default.createElement(At.ActionBar,{actionItems:V}))),n&&c&&u)},va=(0,Fe.styled)(fo)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Ur=()=>I.default.createElement(va,{isLoading:!0,withToolbar:!0},I.default.createElement(et,null));var T=f(require("react")),Zn=f(require("lodash/pickBy")),Wt=require("@storybook/theming"),G=require("polished"),qn=require("@storybook/csf"),Qn=require("@storybook/client-logger"),ye=require("@storybook/components");var j=f(require("react")),Gn=f(require("markdown-to-jsx")),st=require("polished"),Me=require("@storybook/theming"),Kn=require("@storybook/components");var re=f(require("react")),_r=require("@storybook/theming"),Hr=require("@storybook/components"),Ia=_r.styled.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:(0,Hr.codeCommon)({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),Wr=({tags:e})=>{let t=(e.params||[]).filter(n=>n.description),o=t.length!==0,r=e.returns!=null&&e.returns.description!=null;return!o&&!r?null:re.default.createElement(Ia,null,re.default.createElement("tbody",null,o&&t.map(n=>re.default.createElement("tr",{key:n.name},re.default.createElement("td",null,re.default.createElement("code",null,n.name)),re.default.createElement("td",null,n.description))),r&&re.default.createElement("tr",{key:"returns"},re.default.createElement("td",null,re.default.createElement("code",null,"Returns")),re.default.createElement("td",null,e.returns.description))))};var M=f(require("react")),Jr=f(require("memoizerific")),Gr=f(require("lodash/uniq")),Be=require("@storybook/theming"),pe=require("@storybook/components"),ho=8,Rr=Be.styled.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Fa=Be.styled.span(pe.codeCommon,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Ba=Be.styled.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Da=Be.styled.div(pe.codeCommon,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Oa=Be.styled.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),Na=(0,Be.styled)(pe.Icons)({height:10,width:10,minWidth:10,marginLeft:4}),Va=()=>M.default.createElement("span",null,"-"),Kr=({text:e,simple:t})=>M.default.createElement(Fa,{simple:t},e),La=(0,Jr.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(o=>o.length))}ch`}),Ma=e=>{if(!e)return[e];let o=e.split("|").map(r=>r.trim());return(0,Gr.default)(o)},zr=(e,t=!0)=>{let o=e;return t||(o=e.slice(0,ho)),o.map(r=>M.default.createElement(Kr,{key:r,text:r===""?'""':r}))},ja=({value:e,initialExpandedArgs:t})=>{let{summary:o,detail:r}=e,[n,s]=(0,M.useState)(!1),[a,i]=(0,M.useState)(t||!1);if(o==null)return null;let l=typeof o.toString=="function"?o.toString():o;if(r==null){if(/[(){}[\]<>]/.test(l))return M.default.createElement(Kr,{text:l});let c=Ma(l),d=c.length;return d>ho?M.default.createElement(Rr,{isExpanded:a},zr(c,a),M.default.createElement(Ba,{onClick:()=>i(!a)},a?"Show less...":`Show ${d-ho} more...`)):M.default.createElement(Rr,null,zr(c))}return M.default.createElement(pe.WithTooltipPure,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:n,onVisibilityChange:p=>{s(p)},tooltip:M.default.createElement(Oa,{width:La(r)},M.default.createElement(pe.SyntaxHighlighter,{language:"jsx",format:!1},r))},M.default.createElement(Da,{className:"sbdocs-expandable"},M.default.createElement("span",null,l),M.default.createElement(Na,{icon:n?"arrowup":"arrowdown"})))},vt=({value:e,initialExpandedArgs:t})=>e==null?M.default.createElement(Va,null):M.default.createElement(ja,{value:e,initialExpandedArgs:t});var J=f(require("react"));var Te=f(require("react"));var Pe=f(require("react")),De=require("polished"),Yr=require("@storybook/theming"),Xr=require("@storybook/components");X();var $a=Yr.styled.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:(0,De.transparentize)(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${(0,De.opacify)(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${(0,De.opacify)(.05,e.appBorderColor)} 0 0 0 2px inset`,color:(0,De.opacify)(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${(0,De.opacify)(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Ua=e=>e==="true",bo=({name:e,value:t,onChange:o,onBlur:r,onFocus:n})=>{let s=(0,Pe.useCallback)(()=>o(!1),[o]);if(t===void 0)return Pe.default.createElement(Xr.Form.Button,{id:Se(e),onClick:s},"Set boolean");let a=typeof t=="string"?Ua(t):t;return Pe.default.createElement($a,{htmlFor:e,title:a?"Change to false":"Change to true"},Pe.default.createElement("input",{id:F(e),type:"checkbox",onChange:i=>o(i.target.checked),checked:a,...{name:e,onBlur:r,onFocus:n}}),Pe.default.createElement("span",null,"False"),Pe.default.createElement("span",null,"True"))};var Z=f(require("react")),Zr=require("@storybook/theming"),xo=require("@storybook/components");X();var qr=e=>{let[t,o,r]=e.split("-"),n=new Date;return n.setFullYear(parseInt(t,10),parseInt(o,10)-1,parseInt(r,10)),n},Qr=e=>{let[t,o]=e.split(":"),r=new Date;return r.setHours(parseInt(t,10)),r.setMinutes(parseInt(o,10)),r},en=e=>{let t=new Date(e),o=`000${t.getFullYear()}`.slice(-4),r=`0${t.getMonth()+1}`.slice(-2),n=`0${t.getDate()}`.slice(-2);return`${o}-${r}-${n}`},tn=e=>{let t=new Date(e),o=`0${t.getHours()}`.slice(-2),r=`0${t.getMinutes()}`.slice(-2);return`${o}:${r}`},_a=Zr.styled.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),Co=({name:e,value:t,onChange:o,onFocus:r,onBlur:n})=>{let[s,a]=(0,Z.useState)(!0),i=(0,Z.useRef)(),l=(0,Z.useRef)();(0,Z.useEffect)(()=>{s!==!1&&(i&&i.current&&(i.current.value=en(t)),l&&l.current&&(l.current.value=tn(t)))},[t]);let p=u=>{let g=qr(u.target.value),y=new Date(t);y.setFullYear(g.getFullYear(),g.getMonth(),g.getDate());let b=y.getTime();b&&o(b),a(!!b)},c=u=>{let g=Qr(u.target.value),y=new Date(t);y.setHours(g.getHours()),y.setMinutes(g.getMinutes());let b=y.getTime();b&&o(b),a(!!b)},d=F(e);return Z.default.createElement(_a,null,Z.default.createElement(xo.Form.Input,{type:"date",max:"9999-12-31",ref:i,id:`${d}-date`,name:`${d}-date`,onChange:p,...{onFocus:r,onBlur:n}}),Z.default.createElement(xo.Form.Input,{type:"time",id:`${d}-time`,name:`${d}-time`,ref:l,onChange:c,...{onFocus:r,onBlur:n}}),s?null:Z.default.createElement("div",null,"invalid"))};var W=f(require("react")),on=require("@storybook/theming"),So=require("@storybook/components");X();var Ha=on.styled.label({display:"flex"}),Po=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},Wa=e=>e!=null?String(e):"",Eo=({name:e,value:t,onChange:o,min:r,max:n,step:s,onBlur:a,onFocus:i})=>{let[l,p]=(0,W.useState)(typeof t=="number"?t:""),[c,d]=(0,W.useState)(!1),[u,g]=(0,W.useState)(null),y=(0,W.useCallback)(h=>{p(h.target.value);let C=parseFloat(h.target.value);Number.isNaN(C)?g(new Error(`'${h.target.value}' is not a number`)):(o(C),g(null))},[o,g]),b=(0,W.useCallback)(()=>{p("0"),o(0),d(!0)},[d]),x=(0,W.useRef)(null);return(0,W.useEffect)(()=>{c&&x.current&&x.current.select()},[c]),(0,W.useEffect)(()=>{l!==(typeof t=="number"?t:"")&&p(t)},[t]),!c&&t===void 0?W.default.createElement(So.Form.Button,{id:Se(e),onClick:b},"Set number"):W.default.createElement(Ha,null,W.default.createElement(So.Form.Input,{ref:x,id:F(e),type:"number",onChange:y,size:"flex",placeholder:"Edit number...",value:l,valid:u?"error":null,autoFocus:c,...{name:e,min:r,max:n,step:s,onFocus:i,onBlur:a}}))};var cn=f(require("react")),un=require("ts-dedent"),mn=require("@storybook/client-logger");var de=f(require("react")),Dt=require("@storybook/theming"),rn=require("@storybook/client-logger");var It=(e,t)=>{let o=t&&Object.entries(t).find(([r,n])=>n===e);return o?o[0]:void 0},Ft=(e,t)=>e&&t?Object.entries(t).filter(o=>e.includes(o[1])).map(o=>o[0]):[],Bt=(e,t)=>e&&t&&e.map(o=>t[o]);X();var Ra=Dt.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),za=Dt.styled.span({}),Ja=Dt.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),ko=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return rn.logger.warn(`Checkbox with no options: ${e}`),de.default.createElement(de.default.Fragment,null,"-");let s=Ft(o,t),[a,i]=(0,de.useState)(s),l=c=>{let d=c.target.value,u=[...a];u.includes(d)?u.splice(u.indexOf(d),1):u.push(d),r(Bt(u,t)),i(u)},p=F(e);return de.default.createElement(Ra,{isInline:n},Object.keys(t).map((c,d)=>{let u=`${p}-${d}`;return de.default.createElement(Ja,{key:u,htmlFor:u},de.default.createElement("input",{type:"checkbox",id:u,name:u,value:c,onChange:l,checked:a==null?void 0:a.includes(c)}),de.default.createElement(za,null,c))}))};var Oe=f(require("react")),Ot=require("@storybook/theming"),nn=require("@storybook/client-logger");X();var Ga=Ot.styled.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Ka=Ot.styled.span({}),Ya=Ot.styled.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),To=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return nn.logger.warn(`Radio with no options: ${e}`),Oe.default.createElement(Oe.default.Fragment,null,"-");let s=It(o,t),a=F(e);return Oe.default.createElement(Ga,{isInline:n},Object.keys(t).map((i,l)=>{let p=`${a}-${l}`;return Oe.default.createElement(Ya,{key:p,htmlFor:p},Oe.default.createElement("input",{type:"radio",id:p,name:p,value:i,onChange:c=>r(t[c.currentTarget.value]),checked:i===s}),Oe.default.createElement(Ka,null,i))}))};var K=f(require("react")),wo=require("@storybook/theming"),an=require("@storybook/client-logger"),ln=require("@storybook/components");X();var Xa={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},pn=wo.styled.select(({theme:e})=>({...Xa,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),dn=wo.styled.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),sn="Choose option...",Za=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{r(o[i.currentTarget.value])},s=It(t,o)||sn,a=F(e);return K.default.createElement(dn,null,K.default.createElement(ln.Icons,{icon:"arrowdown"}),K.default.createElement(pn,{id:a,value:s,onChange:n},K.default.createElement("option",{key:"no-selection",disabled:!0},sn),Object.keys(o).map(i=>K.default.createElement("option",{key:i},i))))},qa=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{let l=Array.from(i.currentTarget.options).filter(p=>p.selected).map(p=>p.value);r(Bt(l,o))},s=Ft(t,o),a=F(e);return K.default.createElement(dn,null,K.default.createElement(pn,{id:a,multiple:!0,value:s,onChange:n},Object.keys(o).map(i=>K.default.createElement("option",{key:i},i))))},Ao=e=>{let{name:t,options:o}=e;return o?e.isMulti?K.default.createElement(qa,{...e}):K.default.createElement(Za,{...e}):(an.logger.warn(`Select with no options: ${t}`),K.default.createElement(K.default.Fragment,null,"-"))};var Qa=(e,t)=>Array.isArray(e)?e.reduce((o,r)=>(o[(t==null?void 0:t[r])||String(r)]=r,o),{}):e,ei={check:ko,"inline-check":ko,radio:To,"inline-radio":To,select:Ao,"multi-select":Ao},Ee=e=>{let{type:t="select",options:o,labels:r,argType:n}=e,s={...e,options:Qa(o||n.options,r),isInline:t.includes("inline"),isMulti:t.includes("multi")};o&&(0,mn.deprecate)(un.dedent`
2
2
  '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.
3
3
 
4
4
  More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-controloptions
@@ -22,7 +22,7 @@ var ta=Object.create;var Ct=Object.defineProperty;var oa=Object.getOwnPropertyDe
22
22
  ${(0,B.lighten)(.02,e.input.background)} ${(r-t)/(o-t)*100}%,
23
23
  ${(0,B.lighten)(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${(0,B.rgba)(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Nn=jt.styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),mi=jt.styled.div({display:"flex",alignItems:"center",width:"100%"});function gi(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var Oo=({name:e,value:t,onChange:o,min:r=0,max:n=100,step:s=1,onBlur:a,onFocus:i})=>{let l=d=>{o(Po(d.target.value))},p=t!==void 0,c=(0,Le.useMemo)(()=>gi(s),[s]);return Le.default.createElement(mi,null,Le.default.createElement(Nn,null,r),Le.default.createElement(ui,{id:F(e),type:"range",onChange:l,...{name:e,value:t,min:r,max:n,step:s,onFocus:i,onBlur:a}}),Le.default.createElement(Nn,null,`${p?t.toFixed(c):"--"}`," / ",n))};var ue=f(require("react")),Vo=require("@storybook/theming"),No=require("@storybook/components");X();var yi=Vo.styled.label({display:"flex"}),fi=Vo.styled.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Lo=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,maxLength:s})=>{let a=d=>{o(d.target.value)},[i,l]=(0,ue.useState)(!1),p=(0,ue.useCallback)(()=>{o(""),l(!0)},[l]);if(t===void 0)return ue.default.createElement(No.Form.Button,{id:Se(e),onClick:p},"Set string");let c=typeof t=="string";return ue.default.createElement(yi,null,ue.default.createElement(No.Form.Textarea,{id:F(e),maxLength:s,onChange:a,size:"flex",placeholder:"Edit string...",autoFocus:i,valid:c?null:"error",...{name:e,value:c?t:"",onFocus:r,onBlur:n}}),s&&ue.default.createElement(fi,{isMaxed:(t==null?void 0:t.length)===s},(t==null?void 0:t.length)??0," / ",s))};var Vn=f(require("react")),Ln=require("@storybook/theming"),Mn=require("@storybook/components");X();var hi=(0,Ln.styled)(Mn.Form.Input)({padding:10});function bi(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Mo=({onChange:e,name:t,accept:o="image/*",value:r})=>{function n(s){if(!s.target.files)return;let a=Array.from(s.target.files).map(i=>URL.createObjectURL(i));e(a),bi(r)}return Vn.default.createElement(hi,{id:F(t),type:"file",name:t,multiple:!0,onChange:n,accept:o,size:"flex"})};var Mi=(0,Te.lazy)(()=>Promise.resolve().then(()=>(Rn(),Wn))),$o=e=>Te.default.createElement(Te.Suspense,{fallback:Te.default.createElement("div",null)},Te.default.createElement(Mi,{...e}));var ji={array:Mt,object:Mt,boolean:bo,color:$o,date:Co,number:Eo,check:Ee,"inline-check":Ee,radio:Ee,"inline-radio":Ee,select:Ee,"multi-select":Ee,range:Oo,text:Lo,file:Mo},zn=()=>J.default.createElement(J.default.Fragment,null,"-"),Jn=({row:e,arg:t,updateArgs:o})=>{let{key:r,control:n}=e,[s,a]=(0,J.useState)(!1),[i,l]=(0,J.useState)({value:t});(0,J.useEffect)(()=>{s||l({value:t})},[s,t]);let p=(0,J.useCallback)(y=>(l({value:y}),o({[r]:y}),y),[o,r]),c=(0,J.useCallback)(()=>a(!1),[]),d=(0,J.useCallback)(()=>a(!0),[]);if(!n||n.disable)return J.default.createElement(zn,null);let u={name:r,argType:e,value:i.value,onChange:p,onBlur:c,onFocus:d},g=ji[n.type]||zn;return J.default.createElement(g,{...u,...n,controlType:n.type})};var $i=Me.styled.span({fontWeight:"bold"}),Ui=Me.styled.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),_i=Me.styled.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...(0,Kn.codeCommon)({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Hi=Me.styled.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?(0,st.transparentize)(.1,e.color.defaultText):(0,st.transparentize)(.2,e.color.defaultText),marginTop:t?4:0})),Wi=Me.styled.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?(0,st.transparentize)(.1,e.color.defaultText):(0,st.transparentize)(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Ri=Me.styled.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),at=e=>{var g;let{row:t,updateArgs:o,compact:r,expandable:n,initialExpandedArgs:s}=e,{name:a,description:i}=t,l=t.table||{},p=l.type||t.type,c=l.defaultValue||t.defaultValue,d=(g=t.type)==null?void 0:g.required,u=i!=null&&i!=="";return j.default.createElement("tr",null,j.default.createElement(Ri,{expandable:n},j.default.createElement($i,null,a),d?j.default.createElement(Ui,{title:"Required"},"*"):null),r?null:j.default.createElement("td",null,u&&j.default.createElement(_i,null,j.default.createElement(Gn.default,null,i)),l.jsDocTags!=null?j.default.createElement(j.default.Fragment,null,j.default.createElement(Wi,{hasDescription:u},j.default.createElement(vt,{value:p,initialExpandedArgs:s})),j.default.createElement(Wr,{tags:l.jsDocTags})):j.default.createElement(Hi,{hasDescription:u},j.default.createElement(vt,{value:p,initialExpandedArgs:s}))),r?null:j.default.createElement("td",null,j.default.createElement(vt,{value:c,initialExpandedArgs:s})),o?j.default.createElement("td",null,j.default.createElement(Jn,{...e})):null)};var q=f(require("react")),it=require("polished"),we=require("@storybook/theming"),Xn=require("@storybook/components"),zi=(0,we.styled)(Xn.Icons)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?(0,it.transparentize)(.25,e.color.defaultText):(0,it.transparentize)(.3,e.color.defaultText),border:"none",display:"inline-block"})),Ji=we.styled.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Gi=we.styled.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.black,fontSize:e.typography.size.s1-1,color:e.base==="light"?(0,it.transparentize)(.4,e.color.defaultText):(0,it.transparentize)(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Ki=we.styled.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.content})),Yi=we.styled.td(({theme:e})=>({position:"relative"})),Xi=we.styled.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${e.background.hoverable} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Yn=we.styled.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Ht=({level:e="section",label:t,children:o,initialExpanded:r=!0,colSpan:n=3})=>{let[s,a]=(0,q.useState)(r),i=e==="subsection"?Ki:Gi,l=(o==null?void 0:o.length)||0,p=e==="subsection"?`${l} item${l!==1?"s":""}`:"",c=s?"arrowdown":"arrowright",d=`${s?"Hide":"Show"} ${e==="subsection"?l:t} item${l!==1?"s":""}`;return q.default.createElement(q.default.Fragment,null,q.default.createElement(Xi,{title:d},q.default.createElement(i,{colSpan:1},q.default.createElement(Yn,{onClick:u=>a(!s),tabIndex:0},d),q.default.createElement(Ji,null,q.default.createElement(zi,{icon:c}),t)),q.default.createElement(Yi,{colSpan:n-1},q.default.createElement(Yn,{onClick:u=>a(!s),tabIndex:-1,style:{outline:"none"}},d),s?null:p)),s?o:null)};var Zi=Wt.styled.table(({theme:e,compact:t,inAddonPanel:o})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:o?0:25,marginBottom:o?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?(0,G.transparentize)(.25,e.color.defaultText):(0,G.transparentize)(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:o?0:1,marginRight:o?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:o?0:e.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:o?0:e.appBorderRadius}},tbody:{boxShadow:!o&&(e.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
24
24
  ${(0,G.transparentize)(.035,e.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
25
- ${(0,G.opacify)(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...o&&{borderColor:"transparent"},...!o&&{borderColor:e.base==="light"?(0,G.transparentize)(.035,e.appBorderColor):(0,G.opacify)(.05,e.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...o?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,G.darken)(.1,e.background.content):(0,G.lighten)(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,G.darken)(.1,e.background.content):(0,G.lighten)(.05,e.background.content)}}},td:{background:e.background.content}}}}),({isLoading:e,theme:t})=>e?{"th span, td span, td button":{display:"inline",backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`,color:"transparent",boxShadow:"none",borderRadius:0}}:{}),qi=(0,Wt.styled)(ye.IconButton)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),Qi=Wt.styled.span({display:"flex",justifyContent:"space-between"});var el={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var o,r;return Number(!!((o=t.type)!=null&&o.required))-Number(!!((r=e.type)!=null&&r.required))||e.name.localeCompare(t.name)},none:void 0},Uo=e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),tl={rows:{row1:Uo("row1"),row2:Uo("row2"),row3:Uo("row3")}},ol=(e,t)=>{let o={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return o;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:p}=(i==null?void 0:i.table)||{};if(l){let c=o.sections[l]||{ungrouped:[],subsections:{}};if(!p)c.ungrouped.push({key:a,...i});else{let d=c.subsections[p]||[];d.push({key:a,...i}),c.subsections[p]=d}o.sections[l]=c}else if(p){let c=o.ungroupedSubsections[p]||[];c.push({key:a,...i}),o.ungroupedSubsections[p]=c}else o.ungrouped.push({key:a,...i})});let r=el[t],n=a=>r?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(r)}),{}):a;return{ungrouped:o.ungrouped.sort(r),ungroupedSubsections:n(o.ungroupedSubsections),sections:Object.keys(o.sections).reduce((a,i)=>({...a,[i]:{ungrouped:o.sections[i].ungrouped.sort(r),subsections:n(o.sections[i].subsections)}}),{})}},rl=(e,t,o)=>{try{return(0,qn.includeConditionalArg)(e,t,o)}catch(r){return Qn.once.warn(r.message),!1}},fe=e=>{if("error"in e)return T.default.createElement(xe,null,e.error,"\xA0",T.default.createElement(ye.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:o,compact:r,inAddonPanel:n,initialExpandedArgs:s,sort:a="none"}=e,i="isLoading"in e,{rows:l,args:p,globals:c}="rows"in e?e:tl,d=ol((0,Zn.default)(l,b=>{var x;return!((x=b==null?void 0:b.table)!=null&&x.disable)&&rl(b,p||{},c||{})}),a);if(d.ungrouped.length===0&&Object.entries(d.sections).length===0&&Object.entries(d.ungroupedSubsections).length===0)return T.default.createElement(xe,null,"No inputs found for this component.\xA0",T.default.createElement(ye.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let u=1;t&&(u+=1),r||(u+=2);let g=Object.keys(d.sections).length>0,y={updateArgs:t,compact:r,inAddonPanel:n,initialExpandedArgs:s};return T.default.createElement(ye.ResetWrapper,null,T.default.createElement(Zi,{"aria-hidden":i,...{compact:r,inAddonPanel:n,isLoading:i},className:"docblock-argstable"},T.default.createElement("thead",{className:"docblock-argstable-head"},T.default.createElement("tr",null,T.default.createElement("th",null,T.default.createElement("span",null,"Name")),r?null:T.default.createElement("th",null,T.default.createElement("span",null,"Description")),r?null:T.default.createElement("th",null,T.default.createElement("span",null,"Default")),t?T.default.createElement("th",null,T.default.createElement(Qi,null,"Control"," ",!i&&o&&T.default.createElement(qi,{onClick:()=>o(),title:"Reset controls"},T.default.createElement(ye.Icons,{icon:"undo","aria-hidden":!0})))):null)),T.default.createElement("tbody",{className:"docblock-argstable-body"},d.ungrouped.map(b=>T.default.createElement(at,{key:b.key,row:b,arg:p&&p[b.key],...y})),Object.entries(d.ungroupedSubsections).map(([b,x])=>T.default.createElement(Ht,{key:b,label:b,level:"subsection",colSpan:u},x.map(h=>T.default.createElement(at,{key:h.key,row:h,arg:p&&p[h.key],expandable:g,...y})))),Object.entries(d.sections).map(([b,x])=>T.default.createElement(Ht,{key:b,label:b,level:"section",colSpan:u},x.ungrouped.map(h=>T.default.createElement(at,{key:h.key,row:h,arg:p&&p[h.key],...y})),Object.entries(x.subsections).map(([h,C])=>T.default.createElement(Ht,{key:h,label:h,level:"subsection",colSpan:u},C.map(P=>T.default.createElement(at,{key:P.key,row:P,arg:p&&p[P.key],expandable:g,...y})))))))))};var lt=f(require("react")),es=require("@storybook/components");var _o=({tabs:e,...t})=>{let o=Object.entries(e);return o.length===1?lt.default.createElement(fe,{...o[0][1],...t}):lt.default.createElement(es.TabsState,null,o.map(r=>{let[n,s]=r,a=`prop_table_div_${n}`;return lt.default.createElement("div",{key:a,id:a,title:n},({active:l})=>l?lt.default.createElement(fe,{key:`prop_table_${n}`,...s,...t}):null)}))};var Ho=f(require("react")),ts=require("@storybook/theming"),os=require("@storybook/components"),nl=ts.styled.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),rs=()=>Ho.default.createElement(nl,null,"This story is not configured to handle controls."," ",Ho.default.createElement(os.Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));var pt=f(require("react")),Wo=require("polished"),dt=require("@storybook/theming"),ns=require("@storybook/components");var sl=dt.styled.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?(0,Wo.transparentize)(.4,e.color.defaultText):(0,Wo.transparentize)(.6,e.color.defaultText)})),al=dt.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),il=dt.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),ll=dt.styled.div(ns.withReset,({theme:e})=>({...Ce(e),margin:"25px 0 40px",padding:"30px 20px"})),ss=({fontFamily:e,fontSizes:t,fontWeight:o,sampleText:r,...n})=>pt.default.createElement(ll,{...n,className:"docblock-typeset"},t.map(s=>pt.default.createElement(il,{key:s},pt.default.createElement(sl,null,s),pt.default.createElement(al,{style:{fontFamily:e,fontSize:s,fontWeight:o,lineHeight:1.2}},r||"Was he a beast if music could move him so?"))));var N=f(require("react")),je=require("polished"),z=require("@storybook/theming"),cs=require("@storybook/components");var pl=z.styled.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),dl=z.styled.div(({theme:e})=>({color:e.base==="light"?(0,je.transparentize)(.2,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText)})),cl=z.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),ul=z.styled.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?(0,je.transparentize)(.4,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),as=z.styled.div({display:"flex",flexDirection:"row"}),ml=z.styled.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),is=z.styled.div(({theme:e})=>({...Ce(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"})),ls=z.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),gl=z.styled.div({flex:1,display:"flex",flexDirection:"row"}),yl=z.styled.div({display:"flex",alignItems:"flex-start"}),fl=z.styled.div({flex:"0 0 30%"}),hl=z.styled.div({flex:1}),bl=z.styled.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?(0,je.transparentize)(.4,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText)})),xl=z.styled.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function ps(e,t){return N.default.createElement(ml,{key:`${e}-${t}`,title:e,background:e})}function ds(e,t,o){return N.default.createElement(ul,{key:`${e}-${t}`,title:e},N.default.createElement("div",null,e,o&&N.default.createElement("span",null,o)))}function Cl(e){return Array.isArray(e)?N.default.createElement(ls,null,N.default.createElement(is,null,e.map((t,o)=>ps(t,o))),N.default.createElement(as,null,e.map((t,o)=>ds(t,o)))):N.default.createElement(ls,null,N.default.createElement(is,null,Object.values(e).map((t,o)=>ps(t,o))),N.default.createElement(as,null,Object.keys(e).map((t,o)=>ds(t,o,e[t]))))}var us=({title:e,subtitle:t,colors:o})=>N.default.createElement(yl,null,N.default.createElement(cl,null,N.default.createElement(pl,null,e),N.default.createElement(dl,null,t)),N.default.createElement(gl,null,Cl(o))),ms=({children:e,...t})=>N.default.createElement(cs.ResetWrapper,null,N.default.createElement(xl,{...t,className:"docblock-colorpalette"},N.default.createElement(bl,null,N.default.createElement(fl,null,"Name"),N.default.createElement(hl,null,"Swatches")),e));var He=f(require("react")),ct=require("@storybook/theming"),gs=require("@storybook/components");var Sl=ct.styled.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),Pl=ct.styled.div(({theme:e})=>({...Ce(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),El=ct.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),kl=ct.styled.div({display:"flex",flexFlow:"row wrap"}),ys=({name:e,children:t})=>He.default.createElement(El,null,He.default.createElement(Pl,null,t),He.default.createElement(Sl,null,e)),fs=({children:e,...t})=>He.default.createElement(gs.ResetWrapper,null,He.default.createElement(kl,{...t,className:"docblock-icongallery"},e));var hs=f(require("react")),bs=e=>`anchor--${e}`,ut=({storyId:e,children:t})=>hs.default.createElement("div",{id:bs(e)},t);var D=f(require("react")),Ps=f(require("lodash/mapValues")),Ko=require("@storybook/store"),le=require("@storybook/core-events");var Ro=require("react"),$e=require("global");$e.window&&$e.window.__DOCS_CONTEXT__===void 0&&($e.window.__DOCS_CONTEXT__=(0,Ro.createContext)(null),$e.window.__DOCS_CONTEXT__.displayName="DocsContext");var S=$e.window?$e.window.__DOCS_CONTEXT__:(0,Ro.createContext)(null);var xs=require("@storybook/client-logger"),_=".",se=()=>xs.once.warn('`of="."` (current selection) is no longer supported in doc blocks. Falling back to primary story'),Q="^";var Tl=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),zo=e=>{if(!!e)return typeof e=="string"?e.includes("-")?Tl(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Cs(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var Rt=require("react");function zt(e,t){let o=mt([e],t);return o&&o[0]}function mt(e,t){let[o,r]=(0,Rt.useState)({});return(0,Rt.useEffect)(()=>{Promise.all(e.map(async n=>{let s=await t.loadStory(n);r(a=>a[n]===s?a:{...a,[n]:s})}))}),e.map(n=>{if(o[n])return o[n];try{return t.storyById(n)}catch{return null}})}var wl=(e,t)=>{let o=t.getStoryContext(t.storyById()),[r,n]=(0,D.useState)(o.args);(0,D.useEffect)(()=>{let i=l=>{l.storyId===e&&n(l.args)};return t.channel.on(le.STORY_ARGS_UPDATED,i),()=>t.channel.off(le.STORY_ARGS_UPDATED,i)},[e]);let s=(0,D.useCallback)(i=>t.channel.emit(le.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:i}),[e]),a=(0,D.useCallback)(i=>t.channel.emit(le.RESET_STORY_ARGS,{storyId:e,argNames:i}),[e]);return[r,s,a]},Al=e=>{let t=e.getStoryContext(e.storyById()),[o,r]=(0,D.useState)(t.globals);return(0,D.useEffect)(()=>{let n=s=>{r(s.globals)};return e.channel.on(le.GLOBALS_UPDATED,n),()=>e.channel.off(le.GLOBALS_UPDATED,n)},[]),[o]},Yo=(e,t,o,r)=>{let{parameters:n}=t.storyById(),{extractArgTypes:s}=n.docs||{};if(!s)throw new Error("Args unsupported. See Args documentation for your framework.");let a=s(e);return a=(0,Ko.filterArgTypes)(a,o,r),a},Ss=e=>e&&[_,Q].includes(e),Es=(e={},t)=>{let{of:o}=e,{story:r}=e,{component:n}=t.storyById();if(Ss(o)||Ss(r))return n||null;if(!o)throw new Error("No component found.");return o},Jo=(e,t,o,r,n,s)=>({...e,...(0,Ps.default)(t,a=>({rows:Yo(a,o,r,n),sort:s}))}),ks=e=>{let t=(0,D.useContext)(S),{story:o,component:r,subcomponents:n,showComponent:s,include:a,exclude:i,sort:l}=e;try{let p;switch(o){case _:case Q:{o===_&&se(),p=t.storyById().id;break}default:p=t.storyIdByName(o)}let c=zt(p,t),[d,u,g]=wl(p,t),[y]=Al(t);if(!c)return D.default.createElement(fe,{isLoading:!0,updateArgs:u,resetArgs:g});let b=(0,Ko.filterArgTypes)(c.argTypes,a,i),x=zo(r)||"Story",h={[x]:{rows:b,args:d,globals:y,updateArgs:u,resetArgs:g}},C=b&&Object.values(b).find(P=>!!(P!=null&&P.control));if(C||(u=null,g=null,h={}),r&&(!C||s)&&(h=Jo(h,{[x]:r},t,a,i)),n){if(Array.isArray(n))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");h=Jo(h,n,t,a,i)}return D.default.createElement(_o,{tabs:h,sort:l})}catch(p){return D.default.createElement(fe,{error:p.message})}},Go=e=>{let t=(0,D.useContext)(S),{components:o,include:r,exclude:n,sort:s}=e,a=Jo({},o,t,r,n);return D.default.createElement(_o,{tabs:a,sort:s})},We=e=>{let t=(0,D.useContext)(S),{parameters:{controls:o},subcomponents:r}=t.storyById(),{include:n,exclude:s,components:a,sort:i}=e,{story:l}=e,p=i||(o==null?void 0:o.sort),c=Es(e,t);if(l)return D.default.createElement(ks,{...e,component:c,...{subcomponents:r,sort:p}});if(!a&&!r){let u;try{u={rows:Yo(c,t,n,s)}}catch(g){u={error:g.message}}return D.default.createElement(fe,{...u,sort:p})}if(a)return D.default.createElement(Go,{...e,...{components:a,sort:p}});let d=zo(c);return D.default.createElement(Go,{...e,components:{[d]:c,...r},sort:p})};We.defaultProps={of:Q};var ze=f(require("react"));var Ae=f(require("react")),Ts=require("dequal"),Xo=require("@storybook/docs-tools"),Re=(0,Ae.createContext)({sources:{}}),Zo=({children:e,channel:t})=>{let[o,r]=(0,Ae.useState)({});return(0,Ae.useEffect)(()=>{let n=(s,a,i=!1)=>{o[s]&&o[s].code===a||r(l=>{let p={...l,[s]:{code:a,format:i}};return(0,Ts.dequal)(l,p)?l:p})};return t.on(Xo.SNIPPET_RENDERED,n),()=>t.off(Xo.SNIPPET_RENDERED,n)},[]),Ae.default.createElement(Re.Provider,{value:{sources:o}},e)};var gt=f(require("react")),Jt=require("@storybook/docs-tools");var ws=require("@storybook/store");function vl(e,t){let{startBody:o,endBody:r}=e;if(o.line===r.line&&t[o.line-1]!==void 0)return t[o.line-1].substring(o.col,r.col);let n=t[o.line-1],s=t[r.line-1];return n===void 0||s===void 0?null:[n.substring(o.col),...t.slice(o.line,r.line-1),s.substring(0,r.col)].join(`
25
+ ${(0,G.opacify)(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...o&&{borderColor:"transparent"},...!o&&{borderColor:e.base==="light"?(0,G.transparentize)(.035,e.appBorderColor):(0,G.opacify)(.05,e.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...o?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,G.darken)(.1,e.background.content):(0,G.lighten)(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?(0,G.darken)(.1,e.background.content):(0,G.lighten)(.05,e.background.content)}}},td:{background:e.background.content}}}}),({isLoading:e,theme:t})=>e?{"th span, td span, td button":{display:"inline",backgroundColor:t.appBorderColor,animation:`${t.animation.glow} 1.5s ease-in-out infinite`,color:"transparent",boxShadow:"none",borderRadius:0}}:{}),qi=(0,Wt.styled)(ye.IconButton)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),Qi=Wt.styled.span({display:"flex",justifyContent:"space-between"});var el={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var o,r;return Number(!!((o=t.type)!=null&&o.required))-Number(!!((r=e.type)!=null&&r.required))||e.name.localeCompare(t.name)},none:void 0},Uo=e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),tl={rows:{row1:Uo("row1"),row2:Uo("row2"),row3:Uo("row3")}},ol=(e,t)=>{let o={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return o;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:p}=(i==null?void 0:i.table)||{};if(l){let c=o.sections[l]||{ungrouped:[],subsections:{}};if(!p)c.ungrouped.push({key:a,...i});else{let d=c.subsections[p]||[];d.push({key:a,...i}),c.subsections[p]=d}o.sections[l]=c}else if(p){let c=o.ungroupedSubsections[p]||[];c.push({key:a,...i}),o.ungroupedSubsections[p]=c}else o.ungrouped.push({key:a,...i})});let r=el[t],n=a=>r?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(r)}),{}):a;return{ungrouped:o.ungrouped.sort(r),ungroupedSubsections:n(o.ungroupedSubsections),sections:Object.keys(o.sections).reduce((a,i)=>({...a,[i]:{ungrouped:o.sections[i].ungrouped.sort(r),subsections:n(o.sections[i].subsections)}}),{})}},rl=(e,t,o)=>{try{return(0,qn.includeConditionalArg)(e,t,o)}catch(r){return Qn.once.warn(r.message),!1}},fe=e=>{if("error"in e)return T.default.createElement(xe,null,e.error,"\xA0",T.default.createElement(ye.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:o,compact:r,inAddonPanel:n,initialExpandedArgs:s,sort:a="none"}=e,i="isLoading"in e,{rows:l,args:p,globals:c}="rows"in e?e:tl,d=ol((0,Zn.default)(l,b=>{var x;return!((x=b==null?void 0:b.table)!=null&&x.disable)&&rl(b,p||{},c||{})}),a);if(d.ungrouped.length===0&&Object.entries(d.sections).length===0&&Object.entries(d.ungroupedSubsections).length===0)return T.default.createElement(xe,null,"No inputs found for this component.\xA0",T.default.createElement(ye.Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let u=1;t&&(u+=1),r||(u+=2);let g=Object.keys(d.sections).length>0,y={updateArgs:t,compact:r,inAddonPanel:n,initialExpandedArgs:s};return T.default.createElement(ye.ResetWrapper,null,T.default.createElement(Zi,{"aria-hidden":i,...{compact:r,inAddonPanel:n,isLoading:i},className:"docblock-argstable"},T.default.createElement("thead",{className:"docblock-argstable-head"},T.default.createElement("tr",null,T.default.createElement("th",null,T.default.createElement("span",null,"Name")),r?null:T.default.createElement("th",null,T.default.createElement("span",null,"Description")),r?null:T.default.createElement("th",null,T.default.createElement("span",null,"Default")),t?T.default.createElement("th",null,T.default.createElement(Qi,null,"Control"," ",!i&&o&&T.default.createElement(qi,{onClick:()=>o(),title:"Reset controls"},T.default.createElement(ye.Icons,{icon:"undo","aria-hidden":!0})))):null)),T.default.createElement("tbody",{className:"docblock-argstable-body"},d.ungrouped.map(b=>T.default.createElement(at,{key:b.key,row:b,arg:p&&p[b.key],...y})),Object.entries(d.ungroupedSubsections).map(([b,x])=>T.default.createElement(Ht,{key:b,label:b,level:"subsection",colSpan:u},x.map(h=>T.default.createElement(at,{key:h.key,row:h,arg:p&&p[h.key],expandable:g,...y})))),Object.entries(d.sections).map(([b,x])=>T.default.createElement(Ht,{key:b,label:b,level:"section",colSpan:u},x.ungrouped.map(h=>T.default.createElement(at,{key:h.key,row:h,arg:p&&p[h.key],...y})),Object.entries(x.subsections).map(([h,C])=>T.default.createElement(Ht,{key:h,label:h,level:"subsection",colSpan:u},C.map(P=>T.default.createElement(at,{key:P.key,row:P,arg:p&&p[P.key],expandable:g,...y})))))))))};var lt=f(require("react")),es=require("@storybook/components");var _o=({tabs:e,...t})=>{let o=Object.entries(e);return o.length===1?lt.default.createElement(fe,{...o[0][1],...t}):lt.default.createElement(es.TabsState,null,o.map(r=>{let[n,s]=r,a=`prop_table_div_${n}`;return lt.default.createElement("div",{key:a,id:a,title:n},({active:l})=>l?lt.default.createElement(fe,{key:`prop_table_${n}`,...s,...t}):null)}))};var Ho=f(require("react")),ts=require("@storybook/theming"),os=require("@storybook/components"),nl=ts.styled.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),rs=()=>Ho.default.createElement(nl,null,"This story is not configured to handle controls."," ",Ho.default.createElement(os.Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));var pt=f(require("react")),Wo=require("polished"),dt=require("@storybook/theming"),ns=require("@storybook/components");var sl=dt.styled.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?(0,Wo.transparentize)(.4,e.color.defaultText):(0,Wo.transparentize)(.6,e.color.defaultText)})),al=dt.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),il=dt.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),ll=dt.styled.div(ns.withReset,({theme:e})=>({...Ce(e),margin:"25px 0 40px",padding:"30px 20px"})),ss=({fontFamily:e,fontSizes:t,fontWeight:o,sampleText:r,...n})=>pt.default.createElement(ll,{...n,className:"docblock-typeset"},t.map(s=>pt.default.createElement(il,{key:s},pt.default.createElement(sl,null,s),pt.default.createElement(al,{style:{fontFamily:e,fontSize:s,fontWeight:o,lineHeight:1.2}},r||"Was he a beast if music could move him so?"))));var N=f(require("react")),je=require("polished"),z=require("@storybook/theming"),cs=require("@storybook/components");var pl=z.styled.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),dl=z.styled.div(({theme:e})=>({color:e.base==="light"?(0,je.transparentize)(.2,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText)})),cl=z.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),ul=z.styled.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?(0,je.transparentize)(.4,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),as=z.styled.div({display:"flex",flexDirection:"row"}),ml=z.styled.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),is=z.styled.div(({theme:e})=>({...Ce(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"})),ls=z.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),gl=z.styled.div({flex:1,display:"flex",flexDirection:"row"}),yl=z.styled.div({display:"flex",alignItems:"flex-start"}),fl=z.styled.div({flex:"0 0 30%"}),hl=z.styled.div({flex:1}),bl=z.styled.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?(0,je.transparentize)(.4,e.color.defaultText):(0,je.transparentize)(.6,e.color.defaultText)})),xl=z.styled.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function ps(e,t){return N.default.createElement(ml,{key:`${e}-${t}`,title:e,background:e})}function ds(e,t,o){return N.default.createElement(ul,{key:`${e}-${t}`,title:e},N.default.createElement("div",null,e,o&&N.default.createElement("span",null,o)))}function Cl(e){return Array.isArray(e)?N.default.createElement(ls,null,N.default.createElement(is,null,e.map((t,o)=>ps(t,o))),N.default.createElement(as,null,e.map((t,o)=>ds(t,o)))):N.default.createElement(ls,null,N.default.createElement(is,null,Object.values(e).map((t,o)=>ps(t,o))),N.default.createElement(as,null,Object.keys(e).map((t,o)=>ds(t,o,e[t]))))}var us=({title:e,subtitle:t,colors:o})=>N.default.createElement(yl,null,N.default.createElement(cl,null,N.default.createElement(pl,null,e),N.default.createElement(dl,null,t)),N.default.createElement(gl,null,Cl(o))),ms=({children:e,...t})=>N.default.createElement(cs.ResetWrapper,null,N.default.createElement(xl,{...t,className:"docblock-colorpalette"},N.default.createElement(bl,null,N.default.createElement(fl,null,"Name"),N.default.createElement(hl,null,"Swatches")),e));var He=f(require("react")),ct=require("@storybook/theming"),gs=require("@storybook/components");var Sl=ct.styled.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),Pl=ct.styled.div(({theme:e})=>({...Ce(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),El=ct.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),kl=ct.styled.div({display:"flex",flexFlow:"row wrap"}),ys=({name:e,children:t})=>He.default.createElement(El,null,He.default.createElement(Pl,null,t),He.default.createElement(Sl,null,e)),fs=({children:e,...t})=>He.default.createElement(gs.ResetWrapper,null,He.default.createElement(kl,{...t,className:"docblock-icongallery"},e));var hs=f(require("react")),bs=e=>`anchor--${e}`,ut=({storyId:e,children:t})=>hs.default.createElement("div",{id:bs(e)},t);var D=f(require("react")),Ps=f(require("lodash/mapValues")),Ko=require("@storybook/store"),le=require("@storybook/core-events");var Ro=require("react"),$e=require("global");$e.window&&$e.window.__DOCS_CONTEXT__===void 0&&($e.window.__DOCS_CONTEXT__=(0,Ro.createContext)(null),$e.window.__DOCS_CONTEXT__.displayName="DocsContext");var S=$e.window?$e.window.__DOCS_CONTEXT__:(0,Ro.createContext)(null);var xs=require("@storybook/client-logger"),_=".",se=()=>(0,xs.deprecate)('`of="."` (current selection) is no longer supported in doc blocks. Falling back to primary story'),Q="^";var Tl=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),zo=e=>{if(!!e)return typeof e=="string"?e.includes("-")?Tl(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Cs(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var Rt=require("react");function zt(e,t){let o=mt([e],t);return o&&o[0]}function mt(e,t){let[o,r]=(0,Rt.useState)({});return(0,Rt.useEffect)(()=>{Promise.all(e.map(async n=>{let s=await t.loadStory(n);r(a=>a[n]===s?a:{...a,[n]:s})}))}),e.map(n=>{if(o[n])return o[n];try{return t.storyById(n)}catch{return null}})}var wl=(e,t)=>{let o=t.getStoryContext(t.storyById()),[r,n]=(0,D.useState)(o.args);(0,D.useEffect)(()=>{let i=l=>{l.storyId===e&&n(l.args)};return t.channel.on(le.STORY_ARGS_UPDATED,i),()=>t.channel.off(le.STORY_ARGS_UPDATED,i)},[e]);let s=(0,D.useCallback)(i=>t.channel.emit(le.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:i}),[e]),a=(0,D.useCallback)(i=>t.channel.emit(le.RESET_STORY_ARGS,{storyId:e,argNames:i}),[e]);return[r,s,a]},Al=e=>{let t=e.getStoryContext(e.storyById()),[o,r]=(0,D.useState)(t.globals);return(0,D.useEffect)(()=>{let n=s=>{r(s.globals)};return e.channel.on(le.GLOBALS_UPDATED,n),()=>e.channel.off(le.GLOBALS_UPDATED,n)},[]),[o]},Yo=(e,t,o,r)=>{let{parameters:n}=t.storyById(),{extractArgTypes:s}=n.docs||{};if(!s)throw new Error("Args unsupported. See Args documentation for your framework.");let a=s(e);return a=(0,Ko.filterArgTypes)(a,o,r),a},Ss=e=>e&&[_,Q].includes(e),Es=(e={},t)=>{let{of:o}=e,{story:r}=e,{component:n}=t.storyById();if(Ss(o)||Ss(r))return n||null;if(!o)throw new Error("No component found.");return o},Jo=(e,t,o,r,n,s)=>({...e,...(0,Ps.default)(t,a=>({rows:Yo(a,o,r,n),sort:s}))}),ks=e=>{let t=(0,D.useContext)(S),{story:o,component:r,subcomponents:n,showComponent:s,include:a,exclude:i,sort:l}=e;try{let p;switch(o){case _:case Q:{o===_&&se(),p=t.storyById().id;break}default:p=t.storyIdByName(o)}let c=zt(p,t),[d,u,g]=wl(p,t),[y]=Al(t);if(!c)return D.default.createElement(fe,{isLoading:!0,updateArgs:u,resetArgs:g});let b=(0,Ko.filterArgTypes)(c.argTypes,a,i),x=zo(r)||"Story",h={[x]:{rows:b,args:d,globals:y,updateArgs:u,resetArgs:g}},C=b&&Object.values(b).find(P=>!!(P!=null&&P.control));if(C||(u=null,g=null,h={}),r&&(!C||s)&&(h=Jo(h,{[x]:r},t,a,i)),n){if(Array.isArray(n))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");h=Jo(h,n,t,a,i)}return D.default.createElement(_o,{tabs:h,sort:l})}catch(p){return D.default.createElement(fe,{error:p.message})}},Go=e=>{let t=(0,D.useContext)(S),{components:o,include:r,exclude:n,sort:s}=e,a=Jo({},o,t,r,n);return D.default.createElement(_o,{tabs:a,sort:s})},We=e=>{let t=(0,D.useContext)(S),{parameters:{controls:o},subcomponents:r}=t.storyById(),{include:n,exclude:s,components:a,sort:i}=e,{story:l}=e,p=i||(o==null?void 0:o.sort),c=Es(e,t);if(l)return D.default.createElement(ks,{...e,component:c,...{subcomponents:r,sort:p}});if(!a&&!r){let u;try{u={rows:Yo(c,t,n,s)}}catch(g){u={error:g.message}}return D.default.createElement(fe,{...u,sort:p})}if(a)return D.default.createElement(Go,{...e,...{components:a,sort:p}});let d=zo(c);return D.default.createElement(Go,{...e,components:{[d]:c,...r},sort:p})};We.defaultProps={of:Q};var ze=f(require("react"));var Ae=f(require("react")),Ts=require("dequal"),Xo=require("@storybook/docs-tools"),Re=(0,Ae.createContext)({sources:{}}),Zo=({children:e,channel:t})=>{let[o,r]=(0,Ae.useState)({});return(0,Ae.useEffect)(()=>{let n=(s,a,i=!1)=>{o[s]&&o[s].code===a||r(l=>{let p={...l,[s]:{code:a,format:i}};return(0,Ts.dequal)(l,p)?l:p})};return t.on(Xo.SNIPPET_RENDERED,n),()=>t.off(Xo.SNIPPET_RENDERED,n)},[]),Ae.default.createElement(Re.Provider,{value:{sources:o}},e)};var gt=f(require("react")),Jt=require("@storybook/docs-tools");var ws=require("@storybook/store");function vl(e,t){let{startBody:o,endBody:r}=e;if(o.line===r.line&&t[o.line-1]!==void 0)return t[o.line-1].substring(o.col,r.col);let n=t[o.line-1],s=t[r.line-1];return n===void 0||s===void 0?null:[n.substring(o.col),...t.slice(o.line,r.line-1),s.substring(0,r.col)].join(`
26
26
  `)}var Il=e=>e.replace(/^.*?--/,""),Fl=(e,{source:t,locationsMap:o})=>{if(!o)return t;let r=Il(e),n=o[r];if(!n)return t;let s=t.split(`
27
27
  `);return vl(n,s)},As=e=>{var l;let{id:t,parameters:o}=e,{storySource:r,docs:n={}}=o,{transformSource:s}=n;if(!(r!=null&&r.source)||((l=n.source)==null?void 0:l.code))return null;let a=Fl(t,r),i=s?s(a,e):a;return{docs:(0,ws.combineParameters)(n,{source:{code:i}})}};var qo=(r=>(r.OPEN="open",r.CLOSED="closed",r.NONE="none",r))(qo||{}),Bl=e=>{let t=e.map(o=>{var r,n;return(n=(r=o.parameters.docs)==null?void 0:r.source)==null?void 0:n.state}).filter(Boolean);return t.length===0?"closed":t[0]},vs=(e,t)=>{let{sources:o}=t;return(o==null?void 0:o[e])||{code:"",format:!1}},Dl=(e,t)=>{var i,l,p,c,d,u,g,y,b,x;if(!t)return e;let{parameters:o}=t,r=o.__isArgsStory,n=((l=(i=o.docs)==null?void 0:i.source)==null?void 0:l.type)||Jt.SourceType.AUTO,s=(c=(p=o.docs)==null?void 0:p.source)==null?void 0:c.code;if(s!==void 0)return s;if(n===Jt.SourceType.DYNAMIC)return((u=(d=o.docs)==null?void 0:d.transformSource)==null?void 0:u.call(d,e,t))||e;if(n===Jt.SourceType.AUTO&&e&&r)return((y=(g=o.docs)==null?void 0:g.transformSource)==null?void 0:y.call(g,e,t))||e;let a=As(t)||o;return((x=(b=a==null?void 0:a.docs)==null?void 0:b.source)==null?void 0:x.code)||""},yt=(e,t,o)=>{let{id:r,parameters:n}=t.storyById(),s=e,a=e,i=e,l=s.code,{format:p}=s,d=(i.ids||[a.id||r]).map(h=>(h===_&&se(),h===_?r:h)),u=mt(d,t);if(!u.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};l||({format:p}=vs(d[0],o),l=d.map((h,C)=>{let{code:P}=vs(h,o),V=u[C];return Dl(P,V)}).join(`
28
28
 
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import{a as w,b as q}from"./chunk-PN7NPRFU.mjs";import Y from"react";import{styled as At,ThemeProvider as kn,convert as An,themes as po}from"@storybook/theming";import{SyntaxHighlighter as wn}from"@storybook/components";import Cn from"react";import{transparentize as Sn}from"polished";import{styled as Pn}from"@storybook/theming";import{withReset as En}from"@storybook/components";var Tn=Pn.div(En,({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:Sn(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Q=e=>Cn.createElement(Tn,{...e,className:"docblock-emptyblock"});var vn=At(wn)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var In=At.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"})),$e=At.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}})),Fn=()=>Y.createElement(In,null,Y.createElement($e,null),Y.createElement($e,{style:{width:"80%"}}),Y.createElement($e,{style:{width:"30%"}}),Y.createElement($e,{style:{width:"80%"}})),se=e=>{let{isLoading:t,error:o}=e;if(t)return Y.createElement(Fn,null);if(o)return Y.createElement(Q,null,o);let{language:r,code:n,dark:s,format:a,...i}=e,l=Y.createElement(vn,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source",...i},n);if(typeof s>"u")return l;let p=s?po.dark:po.light;return Y.createElement(kn,{theme:An(p)},l)};se.defaultProps={format:!1};import co from"react";import Dn from"markdown-to-jsx";import{components as Bn,ResetWrapper as On}from"@storybook/components";var uo=({markdown:e})=>co.createElement(On,null,co.createElement(Dn,{options:{forceBlock:!0,overrides:Bn}},e));import{withReset as mo}from"@storybook/components";import{styled as _e}from"@storybook/theming";import{transparentize as Nn}from"polished";import qp from"react";var wt=600,yo=_e.h1(mo,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${wt}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),go=_e.h2(mo,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${wt}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:Nn(.25,e.color.defaultText)})),fo=_e.div({maxWidth:1e3,width:"100%"}),ho=_e.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${wt}px)`]:{}}));import U,{Children as ko,useCallback as ts,useState as vt}from"react";import{darken as Eo}from"polished";import{styled as de}from"@storybook/theming";import os from"global";import{ActionBar as rs,Zoom as ns}from"@storybook/components";var ee=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}`});import B,{Fragment as bo}from"react";import{styled as Vn}from"@storybook/theming";import{FlexBar as Mn,Icons as We,IconButton as He,IconButtonSkeleton as xo,getStoryHref as Ln}from"@storybook/components";var jn=({zoom:e,resetZoom:t})=>B.createElement(B.Fragment,null,B.createElement(He,{key:"zoomin",onClick:o=>{o.preventDefault(),e(.8)},title:"Zoom in"},B.createElement(We,{icon:"zoom"})),B.createElement(He,{key:"zoomout",onClick:o=>{o.preventDefault(),e(1.25)},title:"Zoom out"},B.createElement(We,{icon:"zoomout"})),B.createElement(He,{key:"zoomreset",onClick:o=>{o.preventDefault(),t()},title:"Reset zoom"},B.createElement(We,{icon:"zoomreset"}))),Un=({baseUrl:e,storyId:t})=>B.createElement(He,{key:"opener",href:Ln(e,t),target:"_blank",title:"Open canvas in new tab"},B.createElement(We,{icon:"share"})),$n=Vn(Mn)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Co=({isLoading:e,storyId:t,baseUrl:o,zoom:r,resetZoom:n,...s})=>B.createElement($n,{...s},B.createElement(bo,{key:"left"},e?[1,2,3].map(a=>B.createElement(xo,{key:a})):B.createElement(jn,{...{zoom:r,resetZoom:n}})),B.createElement(bo,{key:"right"},t&&(e?B.createElement(xo,null):B.createElement(Un,{...{storyId:t,baseUrl:o}}))));import{createContext as _n}from"react";var Re=_n({scale:1});import Jn from"global";import H,{createElement as Gn,Fragment as So}from"react";import{Loader as Kn,getStoryHref as Yn}from"@storybook/components";import Wn,{Component as Hn}from"react";import Rn from"global";var{window:zn}=Rn,ze=class extends Hn{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{id:o}=this.props;this.iframe=zn.document.getElementById(o)}shouldComponentUpdate(o){let{scale:r}=o;return r!==this.props.scale&&this.setIframeBodyStyle({width:`${r*100}%`,height:`${r*100}%`,transform:`scale(${1/r})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(o){return Object.assign(this.iframe.contentDocument.body.style,o)}render(){let{id:o,title:r,src:n,allowFullScreen:s,scale:a,...i}=this.props;return Wn.createElement("iframe",{id:o,title:r,src:n,...s?{allow:"fullscreen"}:{},loading:"lazy",...i})}};var{PREVIEW_URL:Zn}=Jn,Xn=Zn||"iframe.html";var qn=e=>e?`Story "${e}" doesn't exist.`:"No component or story to display",Qn=({storyFn:e,height:t,id:o})=>H.createElement(So,null,t?H.createElement("style",null,`#story--${o} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,H.createElement(So,null,e?Gn(e):H.createElement(Q,null,qn(o)))),es=({id:e,title:t,height:o="500px"})=>H.createElement("div",{style:{width:"100%",height:o}},H.createElement(Re.Consumer,null,({scale:r})=>H.createElement(ze,{key:"iframe",id:`iframe--${e}`,title:t,src:Yn(Xn,e,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Po=({children:e,error:t,inline:o,...r})=>{let{id:n,title:s,height:a}=r;return t?H.createElement(Q,null,t):o?H.createElement(Qn,{...r}):H.createElement(es,{id:n,title:s,height:a})},Ee=()=>H.createElement(Kn,null);var ss=de.div(({isColumn:e,columns:t,layout:o})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),To=de(se)(({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)":Eo(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Eo(.05,e.background.content)}})),as=de.div(({theme:e,withSource:t,isExpanded:o})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...ee(e),borderBottomLeftRadius:t&&o&&0,borderBottomRightRadius:t&&o&&0,borderBottomWidth:o&&0}),({withToolbar:e})=>e&&{paddingTop:40}),is=(e,t,o)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>o(!1)}};case t:return{source:U.createElement(To,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>o(!1)}};default:return{source:U.createElement(To,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>o(!0)}}}};function ls(e){if(ko.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var ps=de(Co)({position:"absolute",top:0,left:0,right:0,height:40}),ds=de.div({overflow:"hidden",position:"relative"}),cs=e=>e.reduce((t,o)=>t||(typeof o=="string"||typeof o=="number"?"padded":o.props&&o.props.parameters&&o.props.parameters.layout||"padded"),void 0),It=({isLoading:e,isColumn:t,columns:o,children:r,withSource:n,withToolbar:s=!1,isExpanded:a=!1,additionalActions:i,className:l,...p})=>{let[d,c]=vt(a),{source:u,actionItem:g}=is(n,d,c),[y,h]=vt(1),x=[l].concat(["sbdocs","sbdocs-preview"]),f=n?[g]:[],[C,P]=vt(i?[...i]:[]),v=[...f,...C],O=cs(ko.count(r)===1?[r]:r),{window:T}=os,k=ts(async A=>{let{createCopyToClipboardFunction:W}=await import("@storybook/components");W()},[]),_=A=>{A.preventDefault(),C.filter(W=>W.title==="Copied").length===0&&k(u.props.code).then(()=>{P([...C,{title:"Copied",onClick:()=>{}}]),T.setTimeout(()=>P(C.filter(W=>W.title!=="Copied")),1500)})};return U.createElement(as,{...{withSource:n,withToolbar:s},...p,className:x.join(" ")},s&&U.createElement(ps,{isLoading:e,border:!0,zoom:A=>h(y*A),resetZoom:()=>h(1),storyId:ls(r),baseUrl:"./iframe.html"}),U.createElement(Re.Provider,{value:{scale:y}},U.createElement(ds,{className:"docs-story",onCopyCapture:n&&_},U.createElement(ss,{isColumn:t||!Array.isArray(r),columns:o,layout:O},U.createElement(ns.Element,{scale:y},Array.isArray(r)?r.map((A,W)=>U.createElement("div",{key:W},A)):U.createElement("div",null,r))),U.createElement(rs,{actionItems:v}))),n&&d&&u)},us=de(It)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Ao=()=>U.createElement(us,{isLoading:!0,withToolbar:!0},U.createElement(Ee,null));import E from"react";import ci from"lodash/pickBy";import{styled as Yt}from"@storybook/theming";import{opacify as Tr,transparentize as lt,darken as kr,lighten as Ar}from"polished";import{includeConditionalArg as ui}from"@storybook/csf";import{once as mi}from"@storybook/client-logger";import{IconButton as yi,Icons as gi,Link as wr,ResetWrapper as fi}from"@storybook/components";import D from"react";import Ya from"markdown-to-jsx";import{transparentize as st}from"polished";import{styled as be}from"@storybook/theming";import{codeCommon as Za}from"@storybook/components";import J from"react";import{styled as ms}from"@storybook/theming";import{codeCommon as ys}from"@storybook/components";var gs=ms.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:ys({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),wo=({tags:e})=>{let t=(e.params||[]).filter(n=>n.description),o=t.length!==0,r=e.returns!=null&&e.returns.description!=null;return!o&&!r?null:J.createElement(gs,null,J.createElement("tbody",null,o&&t.map(n=>J.createElement("tr",{key:n.name},J.createElement("td",null,J.createElement("code",null,n.name)),J.createElement("td",null,n.description))),r&&J.createElement("tr",{key:"returns"},J.createElement("td",null,J.createElement("code",null,"Returns")),J.createElement("td",null,e.returns.description))))};import V,{useState as vo}from"react";import fs from"memoizerific";import hs from"lodash/uniq";import{styled as ce}from"@storybook/theming";import{WithTooltipPure as bs,Icons as xs,SyntaxHighlighter as Cs,codeCommon as Do}from"@storybook/components";var Ft=8,Io=ce.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Ss=ce.span(Do,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Ps=ce.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Es=ce.div(Do,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Ts=ce.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"}})),ks=ce(xs)({height:10,width:10,minWidth:10,marginLeft:4}),As=()=>V.createElement("span",null,"-"),Bo=({text:e,simple:t})=>V.createElement(Ss,{simple:t},e),ws=fs(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(o=>o.length))}ch`}),vs=e=>{if(!e)return[e];let o=e.split("|").map(r=>r.trim());return hs(o)},Fo=(e,t=!0)=>{let o=e;return t||(o=e.slice(0,Ft)),o.map(r=>V.createElement(Bo,{key:r,text:r===""?'""':r}))},Is=({value:e,initialExpandedArgs:t})=>{let{summary:o,detail:r}=e,[n,s]=vo(!1),[a,i]=vo(t||!1);if(o==null)return null;let l=typeof o.toString=="function"?o.toString():o;if(r==null){if(/[(){}[\]<>]/.test(l))return V.createElement(Bo,{text:l});let d=vs(l),c=d.length;return c>Ft?V.createElement(Io,{isExpanded:a},Fo(d,a),V.createElement(Ps,{onClick:()=>i(!a)},a?"Show less...":`Show ${c-Ft} more...`)):V.createElement(Io,null,Fo(d))}return V.createElement(bs,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:n,onVisibilityChange:p=>{s(p)},tooltip:V.createElement(Ts,{width:ws(r)},V.createElement(Cs,{language:"jsx",format:!1},r))},V.createElement(Es,{className:"sbdocs-expandable"},V.createElement("span",null,l),V.createElement(ks,{icon:n?"arrowup":"arrowdown"})))},Je=({value:e,initialExpandedArgs:t})=>e==null?V.createElement(As,null):V.createElement(Is,{value:e,initialExpandedArgs:t});import nt,{useCallback as Gt,useState as Cr,useEffect as Ga}from"react";import Jt,{lazy as Ra,Suspense as za}from"react";import Te,{useCallback as Fs}from"react";import{opacify as Ge,transparentize as Ds}from"polished";import{styled as Bs}from"@storybook/theming";import{Form as Os}from"@storybook/components";var Ns=Bs.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:Ds(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Ge(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Ge(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Ge(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Ge(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Vs=e=>e==="true",Oo=({name:e,value:t,onChange:o,onBlur:r,onFocus:n})=>{let s=Fs(()=>o(!1),[o]);if(t===void 0)return Te.createElement(Os.Button,{id:q(e),onClick:s},"Set boolean");let a=typeof t=="string"?Vs(t):t;return Te.createElement(Ns,{htmlFor:e,title:a?"Change to false":"Change to true"},Te.createElement("input",{id:w(e),type:"checkbox",onChange:i=>o(i.target.checked),checked:a,...{name:e,onBlur:r,onFocus:n}}),Te.createElement("span",null,"False"),Te.createElement("span",null,"True"))};import Ke,{useState as Ms,useRef as No,useEffect as Ls}from"react";import{styled as js}from"@storybook/theming";import{Form as Vo}from"@storybook/components";var Us=e=>{let[t,o,r]=e.split("-"),n=new Date;return n.setFullYear(parseInt(t,10),parseInt(o,10)-1,parseInt(r,10)),n},$s=e=>{let[t,o]=e.split(":"),r=new Date;return r.setHours(parseInt(t,10)),r.setMinutes(parseInt(o,10)),r},_s=e=>{let t=new Date(e),o=`000${t.getFullYear()}`.slice(-4),r=`0${t.getMonth()+1}`.slice(-2),n=`0${t.getDate()}`.slice(-2);return`${o}-${r}-${n}`},Ws=e=>{let t=new Date(e),o=`0${t.getHours()}`.slice(-2),r=`0${t.getMinutes()}`.slice(-2);return`${o}:${r}`},Hs=js.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}})),Mo=({name:e,value:t,onChange:o,onFocus:r,onBlur:n})=>{let[s,a]=Ms(!0),i=No(),l=No();Ls(()=>{s!==!1&&(i&&i.current&&(i.current.value=_s(t)),l&&l.current&&(l.current.value=Ws(t)))},[t]);let p=u=>{let g=Us(u.target.value),y=new Date(t);y.setFullYear(g.getFullYear(),g.getMonth(),g.getDate());let h=y.getTime();h&&o(h),a(!!h)},d=u=>{let g=$s(u.target.value),y=new Date(t);y.setHours(g.getHours()),y.setMinutes(g.getMinutes());let h=y.getTime();h&&o(h),a(!!h)},c=w(e);return Ke.createElement(Hs,null,Ke.createElement(Vo.Input,{type:"date",max:"9999-12-31",ref:i,id:`${c}-date`,name:`${c}-date`,onChange:p,...{onFocus:r,onBlur:n}}),Ke.createElement(Vo.Input,{type:"time",id:`${c}-time`,name:`${c}-time`,ref:l,onChange:d,...{onFocus:r,onBlur:n}}),s?null:Ke.createElement("div",null,"invalid"))};import Dt,{useState as Bt,useCallback as Lo,useEffect as jo,useRef as Rs}from"react";import{styled as zs}from"@storybook/theming";import{Form as Uo}from"@storybook/components";var Js=zs.label({display:"flex"}),$o=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},bc=e=>e!=null?String(e):"",_o=({name:e,value:t,onChange:o,min:r,max:n,step:s,onBlur:a,onFocus:i})=>{let[l,p]=Bt(typeof t=="number"?t:""),[d,c]=Bt(!1),[u,g]=Bt(null),y=Lo(f=>{p(f.target.value);let C=parseFloat(f.target.value);Number.isNaN(C)?g(new Error(`'${f.target.value}' is not a number`)):(o(C),g(null))},[o,g]),h=Lo(()=>{p("0"),o(0),c(!0)},[c]),x=Rs(null);return jo(()=>{d&&x.current&&x.current.select()},[d]),jo(()=>{l!==(typeof t=="number"?t:"")&&p(t)},[t]),!d&&t===void 0?Dt.createElement(Uo.Button,{id:q(e),onClick:h},"Set number"):Dt.createElement(Js,null,Dt.createElement(Uo.Input,{ref:x,id:w(e),type:"number",onChange:y,size:"flex",placeholder:"Edit number...",value:l,valid:u?"error":null,autoFocus:d,...{name:e,min:r,max:n,step:s,onFocus:i,onBlur:a}}))};import ia from"react";import{dedent as la}from"ts-dedent";import{once as pa}from"@storybook/client-logger";import ue,{useState as Gs}from"react";import{styled as Ot}from"@storybook/theming";import{logger as Ks}from"@storybook/client-logger";var Ye=(e,t)=>{let o=t&&Object.entries(t).find(([r,n])=>n===e);return o?o[0]:void 0},Ze=(e,t)=>e&&t?Object.entries(t).filter(o=>e.includes(o[1])).map(o=>o[0]):[],Xe=(e,t)=>e&&t&&e.map(o=>t[o]);var Ys=Ot.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Zs=Ot.span({}),Xs=Ot.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Nt=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return Ks.warn(`Checkbox with no options: ${e}`),ue.createElement(ue.Fragment,null,"-");let s=Ze(o,t),[a,i]=Gs(s),l=d=>{let c=d.target.value,u=[...a];u.includes(c)?u.splice(u.indexOf(c),1):u.push(c),r(Xe(u,t)),i(u)},p=w(e);return ue.createElement(Ys,{isInline:n},Object.keys(t).map((d,c)=>{let u=`${p}-${c}`;return ue.createElement(Xs,{key:u,htmlFor:u},ue.createElement("input",{type:"checkbox",id:u,name:u,value:d,onChange:l,checked:a?.includes(d)}),ue.createElement(Zs,null,d))}))};import me from"react";import{styled as Vt}from"@storybook/theming";import{logger as qs}from"@storybook/client-logger";var Qs=Vt.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),ea=Vt.span({}),ta=Vt.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Mt=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return qs.warn(`Radio with no options: ${e}`),me.createElement(me.Fragment,null,"-");let s=Ye(o,t),a=w(e);return me.createElement(Qs,{isInline:n},Object.keys(t).map((i,l)=>{let p=`${a}-${l}`;return me.createElement(ta,{key:p,htmlFor:p},me.createElement("input",{type:"radio",id:p,name:p,value:i,onChange:d=>r(t[d.currentTarget.value]),checked:i===s}),me.createElement(ea,null,i))}))};import $ from"react";import{styled as Ho}from"@storybook/theming";import{logger as oa}from"@storybook/client-logger";import{Icons as ra}from"@storybook/components";var na={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Ro=Ho.select(({theme:e})=>({...na,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),zo=Ho.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),Wo="Choose option...",sa=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{r(o[i.currentTarget.value])},s=Ye(t,o)||Wo,a=w(e);return $.createElement(zo,null,$.createElement(ra,{icon:"arrowdown"}),$.createElement(Ro,{id:a,value:s,onChange:n},$.createElement("option",{key:"no-selection",disabled:!0},Wo),Object.keys(o).map(i=>$.createElement("option",{key:i},i))))},aa=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{let l=Array.from(i.currentTarget.options).filter(p=>p.selected).map(p=>p.value);r(Xe(l,o))},s=Ze(t,o),a=w(e);return $.createElement(zo,null,$.createElement(Ro,{id:a,multiple:!0,value:s,onChange:n},Object.keys(o).map(i=>$.createElement("option",{key:i},i))))},Lt=e=>{let{name:t,options:o}=e;return o?e.isMulti?$.createElement(aa,{...e}):$.createElement(sa,{...e}):(oa.warn(`Select with no options: ${t}`),$.createElement($.Fragment,null,"-"))};var da=(e,t)=>Array.isArray(e)?e.reduce((o,r)=>(o[t?.[r]||String(r)]=r,o),{}):e,ca={check:Nt,"inline-check":Nt,radio:Mt,"inline-radio":Mt,select:Lt,"multi-select":Lt},ae=e=>{let{type:t="select",options:o,labels:r,argType:n}=e,s={...e,options:da(o||n.options,r),isInline:t.includes("inline"),isMulti:t.includes("multi")};o&&pa.warn(la`
1
+ import{a as w,b as q}from"./chunk-PN7NPRFU.mjs";import Y from"react";import{styled as At,ThemeProvider as kn,convert as An,themes as po}from"@storybook/theming";import{SyntaxHighlighter as wn}from"@storybook/components";import Cn from"react";import{transparentize as Sn}from"polished";import{styled as Pn}from"@storybook/theming";import{withReset as En}from"@storybook/components";var Tn=Pn.div(En,({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:Sn(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Q=e=>Cn.createElement(Tn,{...e,className:"docblock-emptyblock"});var vn=At(wn)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}}));var In=At.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"})),$e=At.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}})),Fn=()=>Y.createElement(In,null,Y.createElement($e,null),Y.createElement($e,{style:{width:"80%"}}),Y.createElement($e,{style:{width:"30%"}}),Y.createElement($e,{style:{width:"80%"}})),se=e=>{let{isLoading:t,error:o}=e;if(t)return Y.createElement(Fn,null);if(o)return Y.createElement(Q,null,o);let{language:r,code:n,dark:s,format:a,...i}=e,l=Y.createElement(vn,{bordered:!0,copyable:!0,format:a,language:r,className:"docblock-source",...i},n);if(typeof s>"u")return l;let p=s?po.dark:po.light;return Y.createElement(kn,{theme:An(p)},l)};se.defaultProps={format:!1};import co from"react";import Dn from"markdown-to-jsx";import{components as Bn,ResetWrapper as On}from"@storybook/components";var uo=({markdown:e})=>co.createElement(On,null,co.createElement(Dn,{options:{forceBlock:!0,overrides:Bn}},e));import{withReset as mo}from"@storybook/components";import{styled as _e}from"@storybook/theming";import{transparentize as Nn}from"polished";import qp from"react";var wt=600,yo=_e.h1(mo,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.black,lineHeight:"32px",[`@media (min-width: ${wt}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:".5rem"}})),go=_e.h2(mo,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${wt}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:Nn(.25,e.color.defaultText)})),fo=_e.div({maxWidth:1e3,width:"100%"}),ho=_e.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",[`@media (min-width: ${wt}px)`]:{}}));import U,{Children as ko,useCallback as ts,useState as vt}from"react";import{darken as Eo}from"polished";import{styled as de}from"@storybook/theming";import os from"global";import{ActionBar as rs,Zoom as ns}from"@storybook/components";var ee=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}`});import B,{Fragment as bo}from"react";import{styled as Vn}from"@storybook/theming";import{FlexBar as Mn,Icons as We,IconButton as He,IconButtonSkeleton as xo,getStoryHref as Ln}from"@storybook/components";var jn=({zoom:e,resetZoom:t})=>B.createElement(B.Fragment,null,B.createElement(He,{key:"zoomin",onClick:o=>{o.preventDefault(),e(.8)},title:"Zoom in"},B.createElement(We,{icon:"zoom"})),B.createElement(He,{key:"zoomout",onClick:o=>{o.preventDefault(),e(1.25)},title:"Zoom out"},B.createElement(We,{icon:"zoomout"})),B.createElement(He,{key:"zoomreset",onClick:o=>{o.preventDefault(),t()},title:"Reset zoom"},B.createElement(We,{icon:"zoomreset"}))),Un=({baseUrl:e,storyId:t})=>B.createElement(He,{key:"opener",href:Ln(e,t),target:"_blank",title:"Open canvas in new tab"},B.createElement(We,{icon:"share"})),$n=Vn(Mn)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),Co=({isLoading:e,storyId:t,baseUrl:o,zoom:r,resetZoom:n,...s})=>B.createElement($n,{...s},B.createElement(bo,{key:"left"},e?[1,2,3].map(a=>B.createElement(xo,{key:a})):B.createElement(jn,{...{zoom:r,resetZoom:n}})),B.createElement(bo,{key:"right"},t&&(e?B.createElement(xo,null):B.createElement(Un,{...{storyId:t,baseUrl:o}}))));import{createContext as _n}from"react";var Re=_n({scale:1});import Jn from"global";import H,{createElement as Gn,Fragment as So}from"react";import{Loader as Kn,getStoryHref as Yn}from"@storybook/components";import Wn,{Component as Hn}from"react";import Rn from"global";var{window:zn}=Rn,ze=class extends Hn{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{id:o}=this.props;this.iframe=zn.document.getElementById(o)}shouldComponentUpdate(o){let{scale:r}=o;return r!==this.props.scale&&this.setIframeBodyStyle({width:`${r*100}%`,height:`${r*100}%`,transform:`scale(${1/r})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(o){return Object.assign(this.iframe.contentDocument.body.style,o)}render(){let{id:o,title:r,src:n,allowFullScreen:s,scale:a,...i}=this.props;return Wn.createElement("iframe",{id:o,title:r,src:n,...s?{allow:"fullscreen"}:{},loading:"lazy",...i})}};var{PREVIEW_URL:Zn}=Jn,Xn=Zn||"iframe.html";var qn=e=>e?`Story "${e}" doesn't exist.`:"No component or story to display",Qn=({storyFn:e,height:t,id:o})=>H.createElement(So,null,t?H.createElement("style",null,`#story--${o} { min-height: ${t}; transform: translateZ(0); overflow: auto }`):null,H.createElement(So,null,e?Gn(e):H.createElement(Q,null,qn(o)))),es=({id:e,title:t,height:o="500px"})=>H.createElement("div",{style:{width:"100%",height:o}},H.createElement(Re.Consumer,null,({scale:r})=>H.createElement(ze,{key:"iframe",id:`iframe--${e}`,title:t,src:Yn(Xn,e,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),Po=({children:e,error:t,inline:o,...r})=>{let{id:n,title:s,height:a}=r;return t?H.createElement(Q,null,t):o?H.createElement(Qn,{...r}):H.createElement(es,{id:n,title:s,height:a})},Ee=()=>H.createElement(Kn,null);var ss=de.div(({isColumn:e,columns:t,layout:o})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:o!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px",margin:-10,"& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),To=de(se)(({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)":Eo(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Eo(.05,e.background.content)}})),as=de.div(({theme:e,withSource:t,isExpanded:o})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...ee(e),borderBottomLeftRadius:t&&o&&0,borderBottomRightRadius:t&&o&&0,borderBottomWidth:o&&0}),({withToolbar:e})=>e&&{paddingTop:40}),is=(e,t,o)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>o(!1)}};case t:return{source:U.createElement(To,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>o(!1)}};default:return{source:U.createElement(To,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>o(!0)}}}};function ls(e){if(ko.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var ps=de(Co)({position:"absolute",top:0,left:0,right:0,height:40}),ds=de.div({overflow:"hidden",position:"relative"}),cs=e=>e.reduce((t,o)=>t||(typeof o=="string"||typeof o=="number"?"padded":o.props&&o.props.parameters&&o.props.parameters.layout||"padded"),void 0),It=({isLoading:e,isColumn:t,columns:o,children:r,withSource:n,withToolbar:s=!1,isExpanded:a=!1,additionalActions:i,className:l,...p})=>{let[d,c]=vt(a),{source:u,actionItem:g}=is(n,d,c),[y,h]=vt(1),x=[l].concat(["sbdocs","sbdocs-preview"]),f=n?[g]:[],[C,P]=vt(i?[...i]:[]),v=[...f,...C],O=cs(ko.count(r)===1?[r]:r),{window:T}=os,k=ts(async A=>{let{createCopyToClipboardFunction:W}=await import("@storybook/components");W()},[]),_=A=>{A.preventDefault(),C.filter(W=>W.title==="Copied").length===0&&k(u.props.code).then(()=>{P([...C,{title:"Copied",onClick:()=>{}}]),T.setTimeout(()=>P(C.filter(W=>W.title!=="Copied")),1500)})};return U.createElement(as,{...{withSource:n,withToolbar:s},...p,className:x.join(" ")},s&&U.createElement(ps,{isLoading:e,border:!0,zoom:A=>h(y*A),resetZoom:()=>h(1),storyId:ls(r),baseUrl:"./iframe.html"}),U.createElement(Re.Provider,{value:{scale:y}},U.createElement(ds,{className:"docs-story",onCopyCapture:n&&_},U.createElement(ss,{isColumn:t||!Array.isArray(r),columns:o,layout:O},U.createElement(ns.Element,{scale:y},Array.isArray(r)?r.map((A,W)=>U.createElement("div",{key:W},A)):U.createElement("div",null,r))),U.createElement(rs,{actionItems:v}))),n&&d&&u)},us=de(It)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}})),Ao=()=>U.createElement(us,{isLoading:!0,withToolbar:!0},U.createElement(Ee,null));import E from"react";import ci from"lodash/pickBy";import{styled as Yt}from"@storybook/theming";import{opacify as Tr,transparentize as lt,darken as kr,lighten as Ar}from"polished";import{includeConditionalArg as ui}from"@storybook/csf";import{once as mi}from"@storybook/client-logger";import{IconButton as yi,Icons as gi,Link as wr,ResetWrapper as fi}from"@storybook/components";import D from"react";import Ya from"markdown-to-jsx";import{transparentize as st}from"polished";import{styled as be}from"@storybook/theming";import{codeCommon as Za}from"@storybook/components";import J from"react";import{styled as ms}from"@storybook/theming";import{codeCommon as ys}from"@storybook/components";var gs=ms.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:ys({theme:e}),"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),wo=({tags:e})=>{let t=(e.params||[]).filter(n=>n.description),o=t.length!==0,r=e.returns!=null&&e.returns.description!=null;return!o&&!r?null:J.createElement(gs,null,J.createElement("tbody",null,o&&t.map(n=>J.createElement("tr",{key:n.name},J.createElement("td",null,J.createElement("code",null,n.name)),J.createElement("td",null,n.description))),r&&J.createElement("tr",{key:"returns"},J.createElement("td",null,J.createElement("code",null,"Returns")),J.createElement("td",null,e.returns.description))))};import V,{useState as vo}from"react";import fs from"memoizerific";import hs from"lodash/uniq";import{styled as ce}from"@storybook/theming";import{WithTooltipPure as bs,Icons as xs,SyntaxHighlighter as Cs,codeCommon as Do}from"@storybook/components";var Ft=8,Io=ce.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),Ss=ce.span(Do,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),Ps=ce.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),Es=ce.div(Do,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),Ts=ce.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"}})),ks=ce(xs)({height:10,width:10,minWidth:10,marginLeft:4}),As=()=>V.createElement("span",null,"-"),Bo=({text:e,simple:t})=>V.createElement(Ss,{simple:t},e),ws=fs(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(o=>o.length))}ch`}),vs=e=>{if(!e)return[e];let o=e.split("|").map(r=>r.trim());return hs(o)},Fo=(e,t=!0)=>{let o=e;return t||(o=e.slice(0,Ft)),o.map(r=>V.createElement(Bo,{key:r,text:r===""?'""':r}))},Is=({value:e,initialExpandedArgs:t})=>{let{summary:o,detail:r}=e,[n,s]=vo(!1),[a,i]=vo(t||!1);if(o==null)return null;let l=typeof o.toString=="function"?o.toString():o;if(r==null){if(/[(){}[\]<>]/.test(l))return V.createElement(Bo,{text:l});let d=vs(l),c=d.length;return c>Ft?V.createElement(Io,{isExpanded:a},Fo(d,a),V.createElement(Ps,{onClick:()=>i(!a)},a?"Show less...":`Show ${c-Ft} more...`)):V.createElement(Io,null,Fo(d))}return V.createElement(bs,{closeOnClick:!0,trigger:"click",placement:"bottom",tooltipShown:n,onVisibilityChange:p=>{s(p)},tooltip:V.createElement(Ts,{width:ws(r)},V.createElement(Cs,{language:"jsx",format:!1},r))},V.createElement(Es,{className:"sbdocs-expandable"},V.createElement("span",null,l),V.createElement(ks,{icon:n?"arrowup":"arrowdown"})))},Je=({value:e,initialExpandedArgs:t})=>e==null?V.createElement(As,null):V.createElement(Is,{value:e,initialExpandedArgs:t});import nt,{useCallback as Gt,useState as Cr,useEffect as Ga}from"react";import Jt,{lazy as Ra,Suspense as za}from"react";import Te,{useCallback as Fs}from"react";import{opacify as Ge,transparentize as Ds}from"polished";import{styled as Bs}from"@storybook/theming";import{Form as Os}from"@storybook/components";var Ns=Bs.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:Ds(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Ge(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Ge(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Ge(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Ge(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),Vs=e=>e==="true",Oo=({name:e,value:t,onChange:o,onBlur:r,onFocus:n})=>{let s=Fs(()=>o(!1),[o]);if(t===void 0)return Te.createElement(Os.Button,{id:q(e),onClick:s},"Set boolean");let a=typeof t=="string"?Vs(t):t;return Te.createElement(Ns,{htmlFor:e,title:a?"Change to false":"Change to true"},Te.createElement("input",{id:w(e),type:"checkbox",onChange:i=>o(i.target.checked),checked:a,...{name:e,onBlur:r,onFocus:n}}),Te.createElement("span",null,"False"),Te.createElement("span",null,"True"))};import Ke,{useState as Ms,useRef as No,useEffect as Ls}from"react";import{styled as js}from"@storybook/theming";import{Form as Vo}from"@storybook/components";var Us=e=>{let[t,o,r]=e.split("-"),n=new Date;return n.setFullYear(parseInt(t,10),parseInt(o,10)-1,parseInt(r,10)),n},$s=e=>{let[t,o]=e.split(":"),r=new Date;return r.setHours(parseInt(t,10)),r.setMinutes(parseInt(o,10)),r},_s=e=>{let t=new Date(e),o=`000${t.getFullYear()}`.slice(-4),r=`0${t.getMonth()+1}`.slice(-2),n=`0${t.getDate()}`.slice(-2);return`${o}-${r}-${n}`},Ws=e=>{let t=new Date(e),o=`0${t.getHours()}`.slice(-2),r=`0${t.getMinutes()}`.slice(-2);return`${o}:${r}`},Hs=js.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}})),Mo=({name:e,value:t,onChange:o,onFocus:r,onBlur:n})=>{let[s,a]=Ms(!0),i=No(),l=No();Ls(()=>{s!==!1&&(i&&i.current&&(i.current.value=_s(t)),l&&l.current&&(l.current.value=Ws(t)))},[t]);let p=u=>{let g=Us(u.target.value),y=new Date(t);y.setFullYear(g.getFullYear(),g.getMonth(),g.getDate());let h=y.getTime();h&&o(h),a(!!h)},d=u=>{let g=$s(u.target.value),y=new Date(t);y.setHours(g.getHours()),y.setMinutes(g.getMinutes());let h=y.getTime();h&&o(h),a(!!h)},c=w(e);return Ke.createElement(Hs,null,Ke.createElement(Vo.Input,{type:"date",max:"9999-12-31",ref:i,id:`${c}-date`,name:`${c}-date`,onChange:p,...{onFocus:r,onBlur:n}}),Ke.createElement(Vo.Input,{type:"time",id:`${c}-time`,name:`${c}-time`,ref:l,onChange:d,...{onFocus:r,onBlur:n}}),s?null:Ke.createElement("div",null,"invalid"))};import Dt,{useState as Bt,useCallback as Lo,useEffect as jo,useRef as Rs}from"react";import{styled as zs}from"@storybook/theming";import{Form as Uo}from"@storybook/components";var Js=zs.label({display:"flex"}),$o=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},bc=e=>e!=null?String(e):"",_o=({name:e,value:t,onChange:o,min:r,max:n,step:s,onBlur:a,onFocus:i})=>{let[l,p]=Bt(typeof t=="number"?t:""),[d,c]=Bt(!1),[u,g]=Bt(null),y=Lo(f=>{p(f.target.value);let C=parseFloat(f.target.value);Number.isNaN(C)?g(new Error(`'${f.target.value}' is not a number`)):(o(C),g(null))},[o,g]),h=Lo(()=>{p("0"),o(0),c(!0)},[c]),x=Rs(null);return jo(()=>{d&&x.current&&x.current.select()},[d]),jo(()=>{l!==(typeof t=="number"?t:"")&&p(t)},[t]),!d&&t===void 0?Dt.createElement(Uo.Button,{id:q(e),onClick:h},"Set number"):Dt.createElement(Js,null,Dt.createElement(Uo.Input,{ref:x,id:w(e),type:"number",onChange:y,size:"flex",placeholder:"Edit number...",value:l,valid:u?"error":null,autoFocus:d,...{name:e,min:r,max:n,step:s,onFocus:i,onBlur:a}}))};import ia from"react";import{dedent as la}from"ts-dedent";import{deprecate as pa}from"@storybook/client-logger";import ue,{useState as Gs}from"react";import{styled as Ot}from"@storybook/theming";import{logger as Ks}from"@storybook/client-logger";var Ye=(e,t)=>{let o=t&&Object.entries(t).find(([r,n])=>n===e);return o?o[0]:void 0},Ze=(e,t)=>e&&t?Object.entries(t).filter(o=>e.includes(o[1])).map(o=>o[0]):[],Xe=(e,t)=>e&&t&&e.map(o=>t[o]);var Ys=Ot.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),Zs=Ot.span({}),Xs=Ot.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Nt=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return Ks.warn(`Checkbox with no options: ${e}`),ue.createElement(ue.Fragment,null,"-");let s=Ze(o,t),[a,i]=Gs(s),l=d=>{let c=d.target.value,u=[...a];u.includes(c)?u.splice(u.indexOf(c),1):u.push(c),r(Xe(u,t)),i(u)},p=w(e);return ue.createElement(Ys,{isInline:n},Object.keys(t).map((d,c)=>{let u=`${p}-${c}`;return ue.createElement(Xs,{key:u,htmlFor:u},ue.createElement("input",{type:"checkbox",id:u,name:u,value:d,onChange:l,checked:a?.includes(d)}),ue.createElement(Zs,null,d))}))};import me from"react";import{styled as Vt}from"@storybook/theming";import{logger as qs}from"@storybook/client-logger";var Qs=Vt.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}}),ea=Vt.span({}),ta=Vt.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),Mt=({name:e,options:t,value:o,onChange:r,isInline:n})=>{if(!t)return qs.warn(`Radio with no options: ${e}`),me.createElement(me.Fragment,null,"-");let s=Ye(o,t),a=w(e);return me.createElement(Qs,{isInline:n},Object.keys(t).map((i,l)=>{let p=`${a}-${l}`;return me.createElement(ta,{key:p,htmlFor:p},me.createElement("input",{type:"radio",id:p,name:p,value:i,onChange:d=>r(t[d.currentTarget.value]),checked:i===s}),me.createElement(ea,null,i))}))};import $ from"react";import{styled as Ho}from"@storybook/theming";import{logger as oa}from"@storybook/client-logger";import{Icons as ra}from"@storybook/components";var na={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Ro=Ho.select(({theme:e})=>({...na,boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),zo=Ho.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),Wo="Choose option...",sa=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{r(o[i.currentTarget.value])},s=Ye(t,o)||Wo,a=w(e);return $.createElement(zo,null,$.createElement(ra,{icon:"arrowdown"}),$.createElement(Ro,{id:a,value:s,onChange:n},$.createElement("option",{key:"no-selection",disabled:!0},Wo),Object.keys(o).map(i=>$.createElement("option",{key:i},i))))},aa=({name:e,value:t,options:o,onChange:r})=>{let n=i=>{let l=Array.from(i.currentTarget.options).filter(p=>p.selected).map(p=>p.value);r(Xe(l,o))},s=Ze(t,o),a=w(e);return $.createElement(zo,null,$.createElement(Ro,{id:a,multiple:!0,value:s,onChange:n},Object.keys(o).map(i=>$.createElement("option",{key:i},i))))},Lt=e=>{let{name:t,options:o}=e;return o?e.isMulti?$.createElement(aa,{...e}):$.createElement(sa,{...e}):(oa.warn(`Select with no options: ${t}`),$.createElement($.Fragment,null,"-"))};var da=(e,t)=>Array.isArray(e)?e.reduce((o,r)=>(o[t?.[r]||String(r)]=r,o),{}):e,ca={check:Nt,"inline-check":Nt,radio:Mt,"inline-radio":Mt,select:Lt,"multi-select":Lt},ae=e=>{let{type:t="select",options:o,labels:r,argType:n}=e,s={...e,options:da(o||n.options,r),isInline:t.includes("inline"),isMulti:t.includes("multi")};o&&pa(la`
2
2
  '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.
3
3
 
4
4
  More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-controloptions
@@ -22,7 +22,7 @@ import{a as w,b as q}from"./chunk-PN7NPRFU.mjs";import Y from"react";import{styl
22
22
  ${fe(.02,e.input.background)} ${(r-t)/(o-t)*100}%,
23
23
  ${fe(.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 ${he(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),mr=zt.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),Oa=zt.div({display:"flex",alignItems:"center",width:"100%"});function Na(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var yr=({name:e,value:t,onChange:o,min:r=0,max:n=100,step:s=1,onBlur:a,onFocus:i})=>{let l=c=>{o($o(c.target.value))},p=t!==void 0,d=Da(()=>Na(s),[s]);return ot.createElement(Oa,null,ot.createElement(mr,null,r),ot.createElement(Ba,{id:w(e),type:"range",onChange:l,...{name:e,value:t,min:r,max:n,step:s,onFocus:i,onBlur:a}}),ot.createElement(mr,null,`${p?t.toFixed(d):"--"}`," / ",n))};import rt,{useCallback as Va,useState as Ma}from"react";import{styled as fr}from"@storybook/theming";import{Form as gr}from"@storybook/components";var La=fr.label({display:"flex"}),ja=fr.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),hr=({name:e,value:t,onChange:o,onFocus:r,onBlur:n,maxLength:s})=>{let a=c=>{o(c.target.value)},[i,l]=Ma(!1),p=Va(()=>{o(""),l(!0)},[l]);if(t===void 0)return rt.createElement(gr.Button,{id:q(e),onClick:p},"Set string");let d=typeof t=="string";return rt.createElement(La,null,rt.createElement(gr.Textarea,{id:w(e),maxLength:s,onChange:a,size:"flex",placeholder:"Edit string...",autoFocus:i,valid:d?null:"error",...{name:e,value:d?t:"",onFocus:r,onBlur:n}}),s&&rt.createElement(ja,{isMaxed:t?.length===s},t?.length??0," / ",s))};import Ua from"react";import{styled as $a}from"@storybook/theming";import{Form as _a}from"@storybook/components";var Wa=$a(_a.Input)({padding:10});function Ha(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var br=({onChange:e,name:t,accept:o="image/*",value:r})=>{function n(s){if(!s.target.files)return;let a=Array.from(s.target.files).map(i=>URL.createObjectURL(i));e(a),Ha(r)}return Ua.createElement(Wa,{id:w(t),type:"file",name:t,multiple:!0,onChange:n,accept:o,size:"flex"})};var Ja=Ra(()=>import("./Color-7AWD7OUH.mjs")),xr=e=>Jt.createElement(za,{fallback:Jt.createElement("div",null)},Jt.createElement(Ja,{...e}));var Ka={array:Rt,object:Rt,boolean:Oo,color:xr,date:Mo,number:_o,check:ae,"inline-check":ae,radio:ae,"inline-radio":ae,select:ae,"multi-select":ae,range:yr,text:hr,file:br},Sr=()=>nt.createElement(nt.Fragment,null,"-"),Pr=({row:e,arg:t,updateArgs:o})=>{let{key:r,control:n}=e,[s,a]=Cr(!1),[i,l]=Cr({value:t});Ga(()=>{s||l({value:t})},[s,t]);let p=Gt(y=>(l({value:y}),o({[r]:y}),y),[o,r]),d=Gt(()=>a(!1),[]),c=Gt(()=>a(!0),[]);if(!n||n.disable)return nt.createElement(Sr,null);let u={name:r,argType:e,value:i.value,onChange:p,onBlur:d,onFocus:c},g=Ka[n.type]||Sr;return nt.createElement(g,{...u,...n,controlType:n.type})};var Xa=be.span({fontWeight:"bold"}),qa=be.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Qa=be.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Za({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),ei=be.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?st(.1,e.color.defaultText):st(.2,e.color.defaultText),marginTop:t?4:0})),ti=be.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?st(.1,e.color.defaultText):st(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),oi=be.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),ve=e=>{let{row:t,updateArgs:o,compact:r,expandable:n,initialExpandedArgs:s}=e,{name:a,description:i}=t,l=t.table||{},p=l.type||t.type,d=l.defaultValue||t.defaultValue,c=t.type?.required,u=i!=null&&i!=="";return D.createElement("tr",null,D.createElement(oi,{expandable:n},D.createElement(Xa,null,a),c?D.createElement(qa,{title:"Required"},"*"):null),r?null:D.createElement("td",null,u&&D.createElement(Qa,null,D.createElement(Ya,null,i)),l.jsDocTags!=null?D.createElement(D.Fragment,null,D.createElement(ti,{hasDescription:u},D.createElement(Je,{value:p,initialExpandedArgs:s})),D.createElement(wo,{tags:l.jsDocTags})):D.createElement(ei,{hasDescription:u},D.createElement(Je,{value:p,initialExpandedArgs:s}))),r?null:D.createElement("td",null,D.createElement(Je,{value:d,initialExpandedArgs:s})),o?D.createElement("td",null,D.createElement(Pr,{...e})):null)};import Z,{useState as ri}from"react";import{transparentize as at}from"polished";import{styled as le}from"@storybook/theming";import{Icons as ni}from"@storybook/components";var si=le(ni)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?at(.25,e.color.defaultText):at(.3,e.color.defaultText),border:"none",display:"inline-block"})),ai=le.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),ii=le.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"?at(.4,e.color.defaultText):at(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),li=le.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.content})),pi=le.td(({theme:e})=>({position:"relative"})),di=le.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${e.background.hoverable} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),Er=le.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"})),it=({level:e="section",label:t,children:o,initialExpanded:r=!0,colSpan:n=3})=>{let[s,a]=ri(r),i=e==="subsection"?li:ii,l=o?.length||0,p=e==="subsection"?`${l} item${l!==1?"s":""}`:"",d=s?"arrowdown":"arrowright",c=`${s?"Hide":"Show"} ${e==="subsection"?l:t} item${l!==1?"s":""}`;return Z.createElement(Z.Fragment,null,Z.createElement(di,{title:c},Z.createElement(i,{colSpan:1},Z.createElement(Er,{onClick:u=>a(!s),tabIndex:0},c),Z.createElement(ai,null,Z.createElement(si,{icon:d}),t)),Z.createElement(pi,{colSpan:n-1},Z.createElement(Er,{onClick:u=>a(!s),tabIndex:-1,style:{outline:"none"}},c),s?null:p)),s?o:null)};var hi=Yt.table(({theme:e,compact:t,inAddonPanel:o})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:o?0:25,marginBottom:o?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?lt(.25,e.color.defaultText):lt(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:o?0:1,marginRight:o?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:o?0:e.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:o?0:e.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:o?0:e.appBorderRadius}},tbody:{boxShadow:!o&&(e.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
24
24
  ${lt(.035,e.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
25
- ${Tr(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...o&&{borderColor:"transparent"},...!o&&{borderColor:e.base==="light"?lt(.035,e.appBorderColor):Tr(.05,e.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...o?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?kr(.1,e.background.content):Ar(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?kr(.1,e.background.content):Ar(.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}}:{}),bi=Yt(yi)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),xi=Yt.span({display:"flex",justifyContent:"space-between"});var Ci={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>Number(!!t.type?.required)-Number(!!e.type?.required)||e.name.localeCompare(t.name),none:void 0},Kt=e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),Si={rows:{row1:Kt("row1"),row2:Kt("row2"),row3:Kt("row3")}},Pi=(e,t)=>{let o={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return o;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:p}=i?.table||{};if(l){let d=o.sections[l]||{ungrouped:[],subsections:{}};if(!p)d.ungrouped.push({key:a,...i});else{let c=d.subsections[p]||[];c.push({key:a,...i}),d.subsections[p]=c}o.sections[l]=d}else if(p){let d=o.ungroupedSubsections[p]||[];d.push({key:a,...i}),o.ungroupedSubsections[p]=d}else o.ungrouped.push({key:a,...i})});let r=Ci[t],n=a=>r?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(r)}),{}):a;return{ungrouped:o.ungrouped.sort(r),ungroupedSubsections:n(o.ungroupedSubsections),sections:Object.keys(o.sections).reduce((a,i)=>({...a,[i]:{ungrouped:o.sections[i].ungrouped.sort(r),subsections:n(o.sections[i].subsections)}}),{})}},Ei=(e,t,o)=>{try{return ui(e,t,o)}catch(r){return mi.warn(r.message),!1}},oe=e=>{if("error"in e)return E.createElement(Q,null,e.error,"\xA0",E.createElement(wr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:o,compact:r,inAddonPanel:n,initialExpandedArgs:s,sort:a="none"}=e,i="isLoading"in e,{rows:l,args:p,globals:d}="rows"in e?e:Si,c=Pi(ci(l,h=>!h?.table?.disable&&Ei(h,p||{},d||{})),a);if(c.ungrouped.length===0&&Object.entries(c.sections).length===0&&Object.entries(c.ungroupedSubsections).length===0)return E.createElement(Q,null,"No inputs found for this component.\xA0",E.createElement(wr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let u=1;t&&(u+=1),r||(u+=2);let g=Object.keys(c.sections).length>0,y={updateArgs:t,compact:r,inAddonPanel:n,initialExpandedArgs:s};return E.createElement(fi,null,E.createElement(hi,{"aria-hidden":i,...{compact:r,inAddonPanel:n,isLoading:i},className:"docblock-argstable"},E.createElement("thead",{className:"docblock-argstable-head"},E.createElement("tr",null,E.createElement("th",null,E.createElement("span",null,"Name")),r?null:E.createElement("th",null,E.createElement("span",null,"Description")),r?null:E.createElement("th",null,E.createElement("span",null,"Default")),t?E.createElement("th",null,E.createElement(xi,null,"Control"," ",!i&&o&&E.createElement(bi,{onClick:()=>o(),title:"Reset controls"},E.createElement(gi,{icon:"undo","aria-hidden":!0})))):null)),E.createElement("tbody",{className:"docblock-argstable-body"},c.ungrouped.map(h=>E.createElement(ve,{key:h.key,row:h,arg:p&&p[h.key],...y})),Object.entries(c.ungroupedSubsections).map(([h,x])=>E.createElement(it,{key:h,label:h,level:"subsection",colSpan:u},x.map(f=>E.createElement(ve,{key:f.key,row:f,arg:p&&p[f.key],expandable:g,...y})))),Object.entries(c.sections).map(([h,x])=>E.createElement(it,{key:h,label:h,level:"section",colSpan:u},x.ungrouped.map(f=>E.createElement(ve,{key:f.key,row:f,arg:p&&p[f.key],...y})),Object.entries(x.subsections).map(([f,C])=>E.createElement(it,{key:f,label:f,level:"subsection",colSpan:u},C.map(P=>E.createElement(ve,{key:P.key,row:P,arg:p&&p[P.key],expandable:g,...y})))))))))};import pt from"react";import{TabsState as Ti}from"@storybook/components";var Zt=({tabs:e,...t})=>{let o=Object.entries(e);return o.length===1?pt.createElement(oe,{...o[0][1],...t}):pt.createElement(Ti,null,o.map(r=>{let[n,s]=r,a=`prop_table_div_${n}`;return pt.createElement("div",{key:a,id:a,title:n},({active:l})=>l?pt.createElement(oe,{key:`prop_table_${n}`,...s,...t}):null)}))};import vr from"react";import{styled as ki}from"@storybook/theming";import{Link as Ai}from"@storybook/components";var wi=ki.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),vi=()=>vr.createElement(wi,null,"This story is not configured to handle controls."," ",vr.createElement(Ai,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));import dt from"react";import{transparentize as Ir}from"polished";import{styled as ct}from"@storybook/theming";import{withReset as Ii}from"@storybook/components";var Fi=ct.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?Ir(.4,e.color.defaultText):Ir(.6,e.color.defaultText)})),Di=ct.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Bi=ct.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Oi=ct.div(Ii,({theme:e})=>({...ee(e),margin:"25px 0 40px",padding:"30px 20px"})),Ni=({fontFamily:e,fontSizes:t,fontWeight:o,sampleText:r,...n})=>dt.createElement(Oi,{...n,className:"docblock-typeset"},t.map(s=>dt.createElement(Bi,{key:s},dt.createElement(Fi,null,s),dt.createElement(Di,{style:{fontFamily:e,fontSize:s,fontWeight:o,lineHeight:1.2}},r||"Was he a beast if music could move him so?"))));import I from"react";import{transparentize as xe}from"polished";import{styled as j}from"@storybook/theming";import{ResetWrapper as Vi}from"@storybook/components";var Mi=j.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Li=j.div(({theme:e})=>({color:e.base==="light"?xe(.2,e.color.defaultText):xe(.6,e.color.defaultText)})),ji=j.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),Ui=j.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"?xe(.4,e.color.defaultText):xe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),Fr=j.div({display:"flex",flexDirection:"row"}),$i=j.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),Dr=j.div(({theme:e})=>({...ee(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"})),Br=j.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),_i=j.div({flex:1,display:"flex",flexDirection:"row"}),Wi=j.div({display:"flex",alignItems:"flex-start"}),Hi=j.div({flex:"0 0 30%"}),Ri=j.div({flex:1}),zi=j.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?xe(.4,e.color.defaultText):xe(.6,e.color.defaultText)})),Ji=j.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function Or(e,t){return I.createElement($i,{key:`${e}-${t}`,title:e,background:e})}function Nr(e,t,o){return I.createElement(Ui,{key:`${e}-${t}`,title:e},I.createElement("div",null,e,o&&I.createElement("span",null,o)))}function Gi(e){return Array.isArray(e)?I.createElement(Br,null,I.createElement(Dr,null,e.map((t,o)=>Or(t,o))),I.createElement(Fr,null,e.map((t,o)=>Nr(t,o)))):I.createElement(Br,null,I.createElement(Dr,null,Object.values(e).map((t,o)=>Or(t,o))),I.createElement(Fr,null,Object.keys(e).map((t,o)=>Nr(t,o,e[t]))))}var Ki=({title:e,subtitle:t,colors:o})=>I.createElement(Wi,null,I.createElement(ji,null,I.createElement(Mi,null,e),I.createElement(Li,null,t)),I.createElement(_i,null,Gi(o))),Yi=({children:e,...t})=>I.createElement(Vi,null,I.createElement(Ji,{...t,className:"docblock-colorpalette"},I.createElement(zi,null,I.createElement(Hi,null,"Name"),I.createElement(Ri,null,"Swatches")),e));import Ie from"react";import{styled as ut}from"@storybook/theming";import{ResetWrapper as Zi}from"@storybook/components";var Xi=ut.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),qi=ut.div(({theme:e})=>({...ee(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),Qi=ut.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),el=ut.div({display:"flex",flexFlow:"row wrap"}),tl=({name:e,children:t})=>Ie.createElement(Qi,null,Ie.createElement(qi,null,t),Ie.createElement(Xi,null,e)),ol=({children:e,...t})=>Ie.createElement(Zi,null,Ie.createElement(el,{...t,className:"docblock-icongallery"},e));import rl from"react";var nl=e=>`anchor--${e}`,mt=({storyId:e,children:t})=>rl.createElement("div",{id:nl(e)},t);import re,{useContext as Qt,useEffect as Wr,useState as Hr,useCallback as Lr}from"react";import pl from"lodash/mapValues";import{filterArgTypes as Rr}from"@storybook/store";import{STORY_ARGS_UPDATED as jr,UPDATE_STORY_ARGS as dl,RESET_STORY_ARGS as cl,GLOBALS_UPDATED as Ur}from"@storybook/core-events";import{createContext as Vr}from"react";import{window as Ce}from"global";Ce&&Ce.__DOCS_CONTEXT__===void 0&&(Ce.__DOCS_CONTEXT__=Vr(null),Ce.__DOCS_CONTEXT__.displayName="DocsContext");var S=Ce?Ce.__DOCS_CONTEXT__:Vr(null);import{once as sl}from"@storybook/client-logger";var N=".",K=()=>sl.warn('`of="."` (current selection) is no longer supported in doc blocks. Falling back to primary story'),z="^";var al=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Xt=e=>{if(!!e)return typeof e=="string"?e.includes("-")?al(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Mr(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}import{useState as il,useEffect as ll}from"react";function yt(e,t){let o=Fe([e],t);return o&&o[0]}function Fe(e,t){let[o,r]=il({});return ll(()=>{Promise.all(e.map(async n=>{let s=await t.loadStory(n);r(a=>a[n]===s?a:{...a,[n]:s})}))}),e.map(n=>{if(o[n])return o[n];try{return t.storyById(n)}catch{return null}})}var ul=(e,t)=>{let o=t.getStoryContext(t.storyById()),[r,n]=Hr(o.args);Wr(()=>{let i=l=>{l.storyId===e&&n(l.args)};return t.channel.on(jr,i),()=>t.channel.off(jr,i)},[e]);let s=Lr(i=>t.channel.emit(dl,{storyId:e,updatedArgs:i}),[e]),a=Lr(i=>t.channel.emit(cl,{storyId:e,argNames:i}),[e]);return[r,s,a]},ml=e=>{let t=e.getStoryContext(e.storyById()),[o,r]=Hr(t.globals);return Wr(()=>{let n=s=>{r(s.globals)};return e.channel.on(Ur,n),()=>e.channel.off(Ur,n)},[]),[o]},zr=(e,t,o,r)=>{let{parameters:n}=t.storyById(),{extractArgTypes:s}=n.docs||{};if(!s)throw new Error("Args unsupported. See Args documentation for your framework.");let a=s(e);return a=Rr(a,o,r),a},$r=e=>e&&[N,z].includes(e),yl=(e={},t)=>{let{of:o}=e,{story:r}=e,{component:n}=t.storyById();if($r(o)||$r(r))return n||null;if(!o)throw new Error("No component found.");return o},qt=(e,t,o,r,n,s)=>({...e,...pl(t,a=>({rows:zr(a,o,r,n),sort:s}))}),gl=e=>{let t=Qt(S),{story:o,component:r,subcomponents:n,showComponent:s,include:a,exclude:i,sort:l}=e;try{let p;switch(o){case N:case z:{o===N&&K(),p=t.storyById().id;break}default:p=t.storyIdByName(o)}let d=yt(p,t),[c,u,g]=ul(p,t),[y]=ml(t);if(!d)return re.createElement(oe,{isLoading:!0,updateArgs:u,resetArgs:g});let h=Rr(d.argTypes,a,i),x=Xt(r)||"Story",f={[x]:{rows:h,args:c,globals:y,updateArgs:u,resetArgs:g}},C=h&&Object.values(h).find(P=>!!P?.control);if(C||(u=null,g=null,f={}),r&&(!C||s)&&(f=qt(f,{[x]:r},t,a,i)),n){if(Array.isArray(n))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");f=qt(f,n,t,a,i)}return re.createElement(Zt,{tabs:f,sort:l})}catch(p){return re.createElement(oe,{error:p.message})}},_r=e=>{let t=Qt(S),{components:o,include:r,exclude:n,sort:s}=e,a=qt({},o,t,r,n);return re.createElement(Zt,{tabs:a,sort:s})},De=e=>{let t=Qt(S),{parameters:{controls:o},subcomponents:r}=t.storyById(),{include:n,exclude:s,components:a,sort:i}=e,{story:l}=e,p=i||o?.sort,d=yl(e,t);if(l)return re.createElement(gl,{...e,component:d,...{subcomponents:r,sort:p}});if(!a&&!r){let u;try{u={rows:zr(d,t,n,s)}}catch(g){u={error:g.message}}return re.createElement(oe,{...u,sort:p})}if(a)return re.createElement(_r,{...e,...{components:a,sort:p}});let c=Xt(d);return re.createElement(_r,{...e,components:{[c]:d,...r},sort:p})};De.defaultProps={of:z};import qr,{useContext as Qr}from"react";import fl,{createContext as hl,useEffect as bl,useState as xl}from"react";import{dequal as Cl}from"dequal";import{SNIPPET_RENDERED as Jr}from"@storybook/docs-tools";var Be=hl({sources:{}}),Gr=({children:e,channel:t})=>{let[o,r]=xl({});return bl(()=>{let n=(s,a,i=!1)=>{o[s]&&o[s].code===a||r(l=>{let p={...l,[s]:{code:a,format:i}};return Cl(l,p)?l:p})};return t.on(Jr,n),()=>t.off(Jr,n)},[]),fl.createElement(Be.Provider,{value:{sources:o}},e)};import kl,{useContext as Yr}from"react";import{SourceType as eo}from"@storybook/docs-tools";import{combineParameters as Sl}from"@storybook/store";function Pl(e,t){let{startBody:o,endBody:r}=e;if(o.line===r.line&&t[o.line-1]!==void 0)return t[o.line-1].substring(o.col,r.col);let n=t[o.line-1],s=t[r.line-1];return n===void 0||s===void 0?null:[n.substring(o.col),...t.slice(o.line,r.line-1),s.substring(0,r.col)].join(`
25
+ ${Tr(.05,e.appBorderColor)} 0 0 0 1px`),borderRadius:e.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...o&&{borderColor:"transparent"},...!o&&{borderColor:e.base==="light"?lt(.035,e.appBorderColor):Tr(.05,e.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...o?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?kr(.1,e.background.content):Ar(.05,e.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:e.base==="light"?kr(.1,e.background.content):Ar(.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}}:{}),bi=Yt(yi)(({theme:e})=>({color:e.barTextColor,margin:"-4px -12px -4px 0"})),xi=Yt.span({display:"flex",justifyContent:"space-between"});var Ci={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>Number(!!t.type?.required)-Number(!!e.type?.required)||e.name.localeCompare(t.name),none:void 0},Kt=e=>({key:e,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),Si={rows:{row1:Kt("row1"),row2:Kt("row2"),row3:Kt("row3")}},Pi=(e,t)=>{let o={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return o;Object.entries(e).forEach(([a,i])=>{let{category:l,subcategory:p}=i?.table||{};if(l){let d=o.sections[l]||{ungrouped:[],subsections:{}};if(!p)d.ungrouped.push({key:a,...i});else{let c=d.subsections[p]||[];c.push({key:a,...i}),d.subsections[p]=c}o.sections[l]=d}else if(p){let d=o.ungroupedSubsections[p]||[];d.push({key:a,...i}),o.ungroupedSubsections[p]=d}else o.ungrouped.push({key:a,...i})});let r=Ci[t],n=a=>r?Object.keys(a).reduce((i,l)=>({...i,[l]:a[l].sort(r)}),{}):a;return{ungrouped:o.ungrouped.sort(r),ungroupedSubsections:n(o.ungroupedSubsections),sections:Object.keys(o.sections).reduce((a,i)=>({...a,[i]:{ungrouped:o.sections[i].ungrouped.sort(r),subsections:n(o.sections[i].subsections)}}),{})}},Ei=(e,t,o)=>{try{return ui(e,t,o)}catch(r){return mi.warn(r.message),!1}},oe=e=>{if("error"in e)return E.createElement(Q,null,e.error,"\xA0",E.createElement(wr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs:t,resetArgs:o,compact:r,inAddonPanel:n,initialExpandedArgs:s,sort:a="none"}=e,i="isLoading"in e,{rows:l,args:p,globals:d}="rows"in e?e:Si,c=Pi(ci(l,h=>!h?.table?.disable&&Ei(h,p||{},d||{})),a);if(c.ungrouped.length===0&&Object.entries(c.sections).length===0&&Object.entries(c.ungroupedSubsections).length===0)return E.createElement(Q,null,"No inputs found for this component.\xA0",E.createElement(wr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let u=1;t&&(u+=1),r||(u+=2);let g=Object.keys(c.sections).length>0,y={updateArgs:t,compact:r,inAddonPanel:n,initialExpandedArgs:s};return E.createElement(fi,null,E.createElement(hi,{"aria-hidden":i,...{compact:r,inAddonPanel:n,isLoading:i},className:"docblock-argstable"},E.createElement("thead",{className:"docblock-argstable-head"},E.createElement("tr",null,E.createElement("th",null,E.createElement("span",null,"Name")),r?null:E.createElement("th",null,E.createElement("span",null,"Description")),r?null:E.createElement("th",null,E.createElement("span",null,"Default")),t?E.createElement("th",null,E.createElement(xi,null,"Control"," ",!i&&o&&E.createElement(bi,{onClick:()=>o(),title:"Reset controls"},E.createElement(gi,{icon:"undo","aria-hidden":!0})))):null)),E.createElement("tbody",{className:"docblock-argstable-body"},c.ungrouped.map(h=>E.createElement(ve,{key:h.key,row:h,arg:p&&p[h.key],...y})),Object.entries(c.ungroupedSubsections).map(([h,x])=>E.createElement(it,{key:h,label:h,level:"subsection",colSpan:u},x.map(f=>E.createElement(ve,{key:f.key,row:f,arg:p&&p[f.key],expandable:g,...y})))),Object.entries(c.sections).map(([h,x])=>E.createElement(it,{key:h,label:h,level:"section",colSpan:u},x.ungrouped.map(f=>E.createElement(ve,{key:f.key,row:f,arg:p&&p[f.key],...y})),Object.entries(x.subsections).map(([f,C])=>E.createElement(it,{key:f,label:f,level:"subsection",colSpan:u},C.map(P=>E.createElement(ve,{key:P.key,row:P,arg:p&&p[P.key],expandable:g,...y})))))))))};import pt from"react";import{TabsState as Ti}from"@storybook/components";var Zt=({tabs:e,...t})=>{let o=Object.entries(e);return o.length===1?pt.createElement(oe,{...o[0][1],...t}):pt.createElement(Ti,null,o.map(r=>{let[n,s]=r,a=`prop_table_div_${n}`;return pt.createElement("div",{key:a,id:a,title:n},({active:l})=>l?pt.createElement(oe,{key:`prop_table_${n}`,...s,...t}):null)}))};import vr from"react";import{styled as ki}from"@storybook/theming";import{Link as Ai}from"@storybook/components";var wi=ki.div(({theme:e})=>({background:e.background.warning,color:e.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`})),vi=()=>vr.createElement(wi,null,"This story is not configured to handle controls."," ",vr.createElement(Ai,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));import dt from"react";import{transparentize as Ir}from"polished";import{styled as ct}from"@storybook/theming";import{withReset as Ii}from"@storybook/components";var Fi=ct.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?Ir(.4,e.color.defaultText):Ir(.6,e.color.defaultText)})),Di=ct.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Bi=ct.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Oi=ct.div(Ii,({theme:e})=>({...ee(e),margin:"25px 0 40px",padding:"30px 20px"})),Ni=({fontFamily:e,fontSizes:t,fontWeight:o,sampleText:r,...n})=>dt.createElement(Oi,{...n,className:"docblock-typeset"},t.map(s=>dt.createElement(Bi,{key:s},dt.createElement(Fi,null,s),dt.createElement(Di,{style:{fontFamily:e,fontSize:s,fontWeight:o,lineHeight:1.2}},r||"Was he a beast if music could move him so?"))));import I from"react";import{transparentize as xe}from"polished";import{styled as j}from"@storybook/theming";import{ResetWrapper as Vi}from"@storybook/components";var Mi=j.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText})),Li=j.div(({theme:e})=>({color:e.base==="light"?xe(.2,e.color.defaultText):xe(.6,e.color.defaultText)})),ji=j.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),Ui=j.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"?xe(.4,e.color.defaultText):xe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),Fr=j.div({display:"flex",flexDirection:"row"}),$i=j.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}})),Dr=j.div(({theme:e})=>({...ee(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"})),Br=j.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),_i=j.div({flex:1,display:"flex",flexDirection:"row"}),Wi=j.div({display:"flex",alignItems:"flex-start"}),Hi=j.div({flex:"0 0 30%"}),Ri=j.div({flex:1}),zi=j.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?xe(.4,e.color.defaultText):xe(.6,e.color.defaultText)})),Ji=j.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function Or(e,t){return I.createElement($i,{key:`${e}-${t}`,title:e,background:e})}function Nr(e,t,o){return I.createElement(Ui,{key:`${e}-${t}`,title:e},I.createElement("div",null,e,o&&I.createElement("span",null,o)))}function Gi(e){return Array.isArray(e)?I.createElement(Br,null,I.createElement(Dr,null,e.map((t,o)=>Or(t,o))),I.createElement(Fr,null,e.map((t,o)=>Nr(t,o)))):I.createElement(Br,null,I.createElement(Dr,null,Object.values(e).map((t,o)=>Or(t,o))),I.createElement(Fr,null,Object.keys(e).map((t,o)=>Nr(t,o,e[t]))))}var Ki=({title:e,subtitle:t,colors:o})=>I.createElement(Wi,null,I.createElement(ji,null,I.createElement(Mi,null,e),I.createElement(Li,null,t)),I.createElement(_i,null,Gi(o))),Yi=({children:e,...t})=>I.createElement(Vi,null,I.createElement(Ji,{...t,className:"docblock-colorpalette"},I.createElement(zi,null,I.createElement(Hi,null,"Name"),I.createElement(Ri,null,"Swatches")),e));import Ie from"react";import{styled as ut}from"@storybook/theming";import{ResetWrapper as Zi}from"@storybook/components";var Xi=ut.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),qi=ut.div(({theme:e})=>({...ee(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),Qi=ut.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),el=ut.div({display:"flex",flexFlow:"row wrap"}),tl=({name:e,children:t})=>Ie.createElement(Qi,null,Ie.createElement(qi,null,t),Ie.createElement(Xi,null,e)),ol=({children:e,...t})=>Ie.createElement(Zi,null,Ie.createElement(el,{...t,className:"docblock-icongallery"},e));import rl from"react";var nl=e=>`anchor--${e}`,mt=({storyId:e,children:t})=>rl.createElement("div",{id:nl(e)},t);import re,{useContext as Qt,useEffect as Wr,useState as Hr,useCallback as Lr}from"react";import pl from"lodash/mapValues";import{filterArgTypes as Rr}from"@storybook/store";import{STORY_ARGS_UPDATED as jr,UPDATE_STORY_ARGS as dl,RESET_STORY_ARGS as cl,GLOBALS_UPDATED as Ur}from"@storybook/core-events";import{createContext as Vr}from"react";import{window as Ce}from"global";Ce&&Ce.__DOCS_CONTEXT__===void 0&&(Ce.__DOCS_CONTEXT__=Vr(null),Ce.__DOCS_CONTEXT__.displayName="DocsContext");var S=Ce?Ce.__DOCS_CONTEXT__:Vr(null);import{deprecate as sl}from"@storybook/client-logger";var N=".",K=()=>sl('`of="."` (current selection) is no longer supported in doc blocks. Falling back to primary story'),z="^";var al=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Xt=e=>{if(!!e)return typeof e=="string"?e.includes("-")?al(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Mr(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}import{useState as il,useEffect as ll}from"react";function yt(e,t){let o=Fe([e],t);return o&&o[0]}function Fe(e,t){let[o,r]=il({});return ll(()=>{Promise.all(e.map(async n=>{let s=await t.loadStory(n);r(a=>a[n]===s?a:{...a,[n]:s})}))}),e.map(n=>{if(o[n])return o[n];try{return t.storyById(n)}catch{return null}})}var ul=(e,t)=>{let o=t.getStoryContext(t.storyById()),[r,n]=Hr(o.args);Wr(()=>{let i=l=>{l.storyId===e&&n(l.args)};return t.channel.on(jr,i),()=>t.channel.off(jr,i)},[e]);let s=Lr(i=>t.channel.emit(dl,{storyId:e,updatedArgs:i}),[e]),a=Lr(i=>t.channel.emit(cl,{storyId:e,argNames:i}),[e]);return[r,s,a]},ml=e=>{let t=e.getStoryContext(e.storyById()),[o,r]=Hr(t.globals);return Wr(()=>{let n=s=>{r(s.globals)};return e.channel.on(Ur,n),()=>e.channel.off(Ur,n)},[]),[o]},zr=(e,t,o,r)=>{let{parameters:n}=t.storyById(),{extractArgTypes:s}=n.docs||{};if(!s)throw new Error("Args unsupported. See Args documentation for your framework.");let a=s(e);return a=Rr(a,o,r),a},$r=e=>e&&[N,z].includes(e),yl=(e={},t)=>{let{of:o}=e,{story:r}=e,{component:n}=t.storyById();if($r(o)||$r(r))return n||null;if(!o)throw new Error("No component found.");return o},qt=(e,t,o,r,n,s)=>({...e,...pl(t,a=>({rows:zr(a,o,r,n),sort:s}))}),gl=e=>{let t=Qt(S),{story:o,component:r,subcomponents:n,showComponent:s,include:a,exclude:i,sort:l}=e;try{let p;switch(o){case N:case z:{o===N&&K(),p=t.storyById().id;break}default:p=t.storyIdByName(o)}let d=yt(p,t),[c,u,g]=ul(p,t),[y]=ml(t);if(!d)return re.createElement(oe,{isLoading:!0,updateArgs:u,resetArgs:g});let h=Rr(d.argTypes,a,i),x=Xt(r)||"Story",f={[x]:{rows:h,args:c,globals:y,updateArgs:u,resetArgs:g}},C=h&&Object.values(h).find(P=>!!P?.control);if(C||(u=null,g=null,f={}),r&&(!C||s)&&(f=qt(f,{[x]:r},t,a,i)),n){if(Array.isArray(n))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");f=qt(f,n,t,a,i)}return re.createElement(Zt,{tabs:f,sort:l})}catch(p){return re.createElement(oe,{error:p.message})}},_r=e=>{let t=Qt(S),{components:o,include:r,exclude:n,sort:s}=e,a=qt({},o,t,r,n);return re.createElement(Zt,{tabs:a,sort:s})},De=e=>{let t=Qt(S),{parameters:{controls:o},subcomponents:r}=t.storyById(),{include:n,exclude:s,components:a,sort:i}=e,{story:l}=e,p=i||o?.sort,d=yl(e,t);if(l)return re.createElement(gl,{...e,component:d,...{subcomponents:r,sort:p}});if(!a&&!r){let u;try{u={rows:zr(d,t,n,s)}}catch(g){u={error:g.message}}return re.createElement(oe,{...u,sort:p})}if(a)return re.createElement(_r,{...e,...{components:a,sort:p}});let c=Xt(d);return re.createElement(_r,{...e,components:{[c]:d,...r},sort:p})};De.defaultProps={of:z};import qr,{useContext as Qr}from"react";import fl,{createContext as hl,useEffect as bl,useState as xl}from"react";import{dequal as Cl}from"dequal";import{SNIPPET_RENDERED as Jr}from"@storybook/docs-tools";var Be=hl({sources:{}}),Gr=({children:e,channel:t})=>{let[o,r]=xl({});return bl(()=>{let n=(s,a,i=!1)=>{o[s]&&o[s].code===a||r(l=>{let p={...l,[s]:{code:a,format:i}};return Cl(l,p)?l:p})};return t.on(Jr,n),()=>t.off(Jr,n)},[]),fl.createElement(Be.Provider,{value:{sources:o}},e)};import kl,{useContext as Yr}from"react";import{SourceType as eo}from"@storybook/docs-tools";import{combineParameters as Sl}from"@storybook/store";function Pl(e,t){let{startBody:o,endBody:r}=e;if(o.line===r.line&&t[o.line-1]!==void 0)return t[o.line-1].substring(o.col,r.col);let n=t[o.line-1],s=t[r.line-1];return n===void 0||s===void 0?null:[n.substring(o.col),...t.slice(o.line,r.line-1),s.substring(0,r.col)].join(`
26
26
  `)}var El=e=>e.replace(/^.*?--/,""),Tl=(e,{source:t,locationsMap:o})=>{if(!o)return t;let r=El(e),n=o[r];if(!n)return t;let s=t.split(`
27
27
  `);return Pl(n,s)},Kr=e=>{let{id:t,parameters:o}=e,{storySource:r,docs:n={}}=o,{transformSource:s}=n;if(!r?.source||n.source?.code)return null;let a=Tl(t,r),i=s?s(a,e):a;return{docs:Sl(n,{source:{code:i}})}};var Xr=(r=>(r.OPEN="open",r.CLOSED="closed",r.NONE="none",r))(Xr||{}),Al=e=>{let t=e.map(o=>o.parameters.docs?.source?.state).filter(Boolean);return t.length===0?"closed":t[0]},Zr=(e,t)=>{let{sources:o}=t;return o?.[e]||{code:"",format:!1}},wl=(e,t)=>{if(!t)return e;let{parameters:o}=t,r=o.__isArgsStory,n=o.docs?.source?.type||eo.AUTO,s=o.docs?.source?.code;return s!==void 0?s:n===eo.DYNAMIC||n===eo.AUTO&&e&&r?o.docs?.transformSource?.(e,t)||e:(Kr(t)||o)?.docs?.source?.code||""},gt=(e,t,o)=>{let{id:r,parameters:n}=t.storyById(),s=e,a=e,i=e,l=s.code,{format:p}=s,c=(i.ids||[a.id||r]).map(f=>(f===N&&K(),f===N?r:f)),u=Fe(c,t);if(!u.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};l||({format:p}=Zr(c[0],o),l=c.map((f,C)=>{let{code:P}=Zr(f,o),v=u[C];return wl(P,v)}).join(`
28
28
 
@@ -30,12 +30,12 @@ import{a as w,b as q}from"./chunk-PN7NPRFU.mjs";import Y from"react";import{styl
30
30
  ${tn(i)||on(l)||""}
31
31
 
32
32
  ${d(u)||""}
33
- `.trim()};case"docgen":case"auto":default:return{markdown:d(u,{component:s,...a})}}},Oe=e=>{let t=Fl(S),{markdown:o}=Ol(e,t);return o?Il.createElement(uo,{markdown:o}):null};Oe.defaultProps={of:z};import hn from"react";import Ne,{useEffect as Nl}from"react";import Vl from"global";import{ThemeProvider as Ml,ensure as Ll}from"@storybook/theming";var{document:jl,window:Ul}=Vl,rn=({context:e,theme:t,children:o})=>(Nl(()=>{let r;try{if(r=new URL(Ul.parent.location),r.hash){let n=jl.getElementById(r.hash.substring(1));n&&setTimeout(()=>{Mr(n)},200)}}catch{}}),Ne.createElement(S.Provider,{value:e},Ne.createElement(Gr,{channel:e.channel},Ne.createElement(Ml,{theme:Ll(t)},Ne.createElement(ho,{className:"sbdocs sbdocs-wrapper"},Ne.createElement(fo,{className:"sbdocs sbdocs-content"},o))))));import ne from"react";import $l,{useContext as _l}from"react";var Wl=/\s*\/\s*/,Hl=e=>{let t=e.trim().split(Wl);return t&&t[t.length-1]||e},nn=({children:e})=>{let t=_l(S),o=e;return o||(o=Hl(t.storyById().title)),o?$l.createElement(yo,{className:"sbdocs-title"},o):null};import Rl,{useContext as zl}from"react";var sn=({children:e})=>{let t=zl(S),{parameters:o}=t.storyById(),r=e;return r||(r=o?.componentSubtitle),r?Rl.createElement(go,{className:"sbdocs-subtitle"},r):null};import pp,{useContext as dp}from"react";import Me from"react";import ap from"util-deprecate";import{dedent as ip}from"ts-dedent";import dn from"react";import{H3 as Ql}from"@storybook/components";import M,{useContext as ro}from"react";import{NAVIGATE_URL as Jl}from"@storybook/core-events";import{Code as Gl,components as no}from"@storybook/components";import Kl from"global";import{styled as an}from"@storybook/theming";var{document:ln}=Kl,bf=e=>{if(typeof e!="function")throw new Error(`Expected story function, got: ${e}`);return e},xf=e=>{let{children:t,...o}=e,r=M.useContext(S);return M.createElement(S.Provider,{value:{...r,...o}},t)},Cf=({className:e,children:t,...o})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return M.createElement(Gl,null,t);let r=e&&e.split("-");return M.createElement(se,{language:r&&r[1]||"plaintext",format:!1,code:t,...o})};function so(e,t){e.channel.emit(Jl,t)}var oo=no.a,Yl=({hash:e,children:t})=>{let o=ro(S);return M.createElement(oo,{href:e,target:"_self",onClick:r=>{let n=e.substring(1);ln.getElementById(n)&&so(o,e)}},t)},Sf=e=>{let{href:t,target:o,children:r,...n}=e,s=ro(S);if(t){if(t.startsWith("#"))return M.createElement(Yl,{hash:t},r);if(o!=="_blank"&&!t.startsWith("https://"))return M.createElement(oo,{href:t,onClick:a=>{a.preventDefault(),so(s,a.currentTarget.getAttribute("href"))},target:o,...n},r)}return M.createElement(oo,{...e})},pn=["h1","h2","h3","h4","h5","h6"],Zl=pn.reduce((e,t)=>({...e,[t]:an(no[t])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Xl=an.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),ql=({as:e,id:t,children:o,...r})=>{let n=ro(S),s=Zl[e],a=`#${t}`;return M.createElement(s,{id:t,...r},M.createElement(Xl,{"aria-hidden":"true",href:a,tabIndex:-1,target:"_self",onClick:i=>{ln.getElementById(t)&&so(n,a)}},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"}))),o)},Ve=e=>{let{as:t,id:o,children:r,...n}=e;if(o)return M.createElement(ql,{as:t,id:o,...n},r);let s=no[t];return M.createElement(s,{...e})},Pf=pn.reduce((e,t)=>({...e,[t]:o=>M.createElement(Ve,{as:t,...o})}),{});var cn=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return dn.createElement(Ql,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return dn.createElement(Ve,{as:"h3",id:o},e)};import pe,{useContext as ep,useRef as tp,useEffect as op,useState as rp}from"react";var un=e=>`story--${e}`,np=(e,t)=>{let{id:o,of:r,meta:n}=e;if(r)return t.storyIdByModuleExport(r,n);let{name:s}=e;return o===N&&K(),(o===N?t.storyById().id:o)||t.storyIdByName(s)},sp=({height:e,inline:t},o)=>{let{name:r,parameters:n={}}=o||{},{docs:s={}}=n;if(s.disable)return null;let{inlineStories:a=!1,iframeHeight:i=100}=s,l=typeof t=="boolean"?t:a;return{inline:l,id:o?.id,height:e||(l?void 0:i),title:r,...l&&{parameters:n}}},ao=e=>{let t=ep(S),o=tp(),r=np(e,t),n=yt(r,t),[s,a]=rp(!0);if(op(()=>{let l;if(n&&o.current){let p=o.current;l=t.renderStoryToElement(n,p),a(!1)}return()=>l&&l()},[n]),!n)return pe.createElement(Ee,null);let i=sp(e,n);if(!i)return null;if(i.inline){let l="<span></span>",{height:p}=i;return pe.createElement("div",{id:un(n.id)},p?pe.createElement("style",null,`#story--${n.id} { min-height: ${p}px; transform: translateZ(0); overflow: auto }`):null,s&&pe.createElement(Ee,null),pe.createElement("div",{ref:o,"data-name":n.name,dangerouslySetInnerHTML:{__html:l}}))}return pe.createElement("div",{id:un(n.id)},pe.createElement(Po,{...i}))};ao.defaultProps={children:null,name:null};var lp=ap(()=>{},ip`
33
+ `.trim()};case"docgen":case"auto":default:return{markdown:d(u,{component:s,...a})}}},Oe=e=>{let t=Fl(S),{markdown:o}=Ol(e,t);return o?Il.createElement(uo,{markdown:o}):null};Oe.defaultProps={of:z};import hn from"react";import Ne,{useEffect as Nl}from"react";import Vl from"global";import{ThemeProvider as Ml,ensure as Ll}from"@storybook/theming";var{document:jl,window:Ul}=Vl,rn=({context:e,theme:t,children:o})=>(Nl(()=>{let r;try{if(r=new URL(Ul.parent.location),r.hash){let n=jl.getElementById(r.hash.substring(1));n&&setTimeout(()=>{Mr(n)},200)}}catch{}}),Ne.createElement(S.Provider,{value:e},Ne.createElement(Gr,{channel:e.channel},Ne.createElement(Ml,{theme:Ll(t)},Ne.createElement(ho,{className:"sbdocs sbdocs-wrapper"},Ne.createElement(fo,{className:"sbdocs sbdocs-content"},o))))));import ne from"react";import $l,{useContext as _l}from"react";var Wl=/\s*\/\s*/,Hl=e=>{let t=e.trim().split(Wl);return t&&t[t.length-1]||e},nn=({children:e})=>{let t=_l(S),o=e;return o||(o=Hl(t.storyById().title)),o?$l.createElement(yo,{className:"sbdocs-title"},o):null};import Rl,{useContext as zl}from"react";var sn=({children:e})=>{let t=zl(S),{parameters:o}=t.storyById(),r=e;return r||(r=o?.componentSubtitle),r?Rl.createElement(go,{className:"sbdocs-subtitle"},r):null};import pp,{useContext as dp}from"react";import Me from"react";import ap from"util-deprecate";import{dedent as ip}from"ts-dedent";import dn from"react";import{H3 as Ql}from"@storybook/components";import M,{useContext as ro}from"react";import{NAVIGATE_URL as Jl}from"@storybook/core-events";import{Code as Gl,components as no}from"@storybook/components";import Kl from"global";import{styled as an}from"@storybook/theming";var{document:ln}=Kl,xf=e=>{if(typeof e!="function")throw new Error(`Expected story function, got: ${e}`);return e},Cf=e=>{let{children:t,...o}=e,r=M.useContext(S);return M.createElement(S.Provider,{value:{...r,...o}},t)},Sf=({className:e,children:t,...o})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return M.createElement(Gl,null,t);let r=e&&e.split("-");return M.createElement(se,{language:r&&r[1]||"plaintext",format:!1,code:t,...o})};function so(e,t){e.channel.emit(Jl,t)}var oo=no.a,Yl=({hash:e,children:t})=>{let o=ro(S);return M.createElement(oo,{href:e,target:"_self",onClick:r=>{let n=e.substring(1);ln.getElementById(n)&&so(o,e)}},t)},Pf=e=>{let{href:t,target:o,children:r,...n}=e,s=ro(S);if(t){if(t.startsWith("#"))return M.createElement(Yl,{hash:t},r);if(o!=="_blank"&&!t.startsWith("https://"))return M.createElement(oo,{href:t,onClick:a=>{a.preventDefault(),so(s,a.currentTarget.getAttribute("href"))},target:o,...n},r)}return M.createElement(oo,{...e})},pn=["h1","h2","h3","h4","h5","h6"],Zl=pn.reduce((e,t)=>({...e,[t]:an(no[t])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Xl=an.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),ql=({as:e,id:t,children:o,...r})=>{let n=ro(S),s=Zl[e],a=`#${t}`;return M.createElement(s,{id:t,...r},M.createElement(Xl,{"aria-hidden":"true",href:a,tabIndex:-1,target:"_self",onClick:i=>{ln.getElementById(t)&&so(n,a)}},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"}))),o)},Ve=e=>{let{as:t,id:o,children:r,...n}=e;if(o)return M.createElement(ql,{as:t,id:o,...n},r);let s=no[t];return M.createElement(s,{...e})},Ef=pn.reduce((e,t)=>({...e,[t]:o=>M.createElement(Ve,{as:t,...o})}),{});var cn=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return dn.createElement(Ql,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return dn.createElement(Ve,{as:"h3",id:o},e)};import pe,{useContext as ep,useRef as tp,useEffect as op,useState as rp}from"react";var un=e=>`story--${e}`,np=(e,t)=>{let{id:o,of:r,meta:n}=e;if(r)return t.storyIdByModuleExport(r,n);let{name:s}=e;return o===N&&K(),(o===N?t.storyById().id:o)||t.storyIdByName(s)},sp=({height:e,inline:t},o)=>{let{name:r,parameters:n={}}=o||{},{docs:s={}}=n;if(s.disable)return null;let{inlineStories:a=!1,iframeHeight:i=100}=s,l=typeof t=="boolean"?t:a;return{inline:l,id:o?.id,height:e||(l?void 0:i),title:r,...l&&{parameters:n}}},ao=e=>{let t=ep(S),o=tp(),r=np(e,t),n=yt(r,t),[s,a]=rp(!0);if(op(()=>{let l;if(n&&o.current){let p=o.current;l=t.renderStoryToElement(n,p),a(!1)}return()=>l&&l()},[n]),!n)return pe.createElement(Ee,null);let i=sp(e,n);if(!i)return null;if(i.inline){let l="<span></span>",{height:p}=i;return pe.createElement("div",{id:un(n.id)},p?pe.createElement("style",null,`#story--${n.id} { min-height: ${p}px; transform: translateZ(0); overflow: auto }`):null,s&&pe.createElement(Ee,null),pe.createElement("div",{ref:o,"data-name":n.name,dangerouslySetInnerHTML:{__html:l}}))}return pe.createElement("div",{id:un(n.id)},pe.createElement(Po,{...i}))};ao.defaultProps={children:null,name:null};var lp=ap(()=>{},ip`
34
34
  Deprecated parameter: docs.storyDescription => docs.description.story
35
35
 
36
36
  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#docs-description-parameter
37
- `),ft=({id:e,name:t,expanded:o=!0,withToolbar:r=!1,parameters:n={}})=>{let s,{docs:a}=n;o&&a&&(s=a.description?.story,s||(s=a.storyDescription,s&&lp()));let i=o&&t;return Me.createElement(mt,{storyId:e},i&&Me.createElement(cn,null,i),s&&Me.createElement(Oe,{markdown:s}),Me.createElement(en,{withToolbar:r},Me.createElement(ao,{id:e,parameters:n})))};var mn=({name:e})=>{let t=dp(S),o=e&&t.storyIdByName(e),r=t.storyById(o);return r?pp.createElement(ft,{...r,expanded:!1,withToolbar:!0}):null};import ht,{useContext as up}from"react";import yn from"react";import{H2 as cp}from"@storybook/components";var gn=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return yn.createElement(cp,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return yn.createElement(Ve,{as:"h2",id:o},e)};var io=({title:e,includePrimary:t=!1})=>{let{componentStories:o}=up(S),r=o();return r=r.filter(n=>!n.parameters?.docs?.disable),t||(r=r.slice(1)),!r||r.length===0?null:ht.createElement(ht.Fragment,null,ht.createElement(gn,null,e),r.map(n=>n&&ht.createElement(ft,{key:n.id,...n,expanded:!0})))};io.defaultProps={title:"Stories"};var fn=()=>ne.createElement(ne.Fragment,null,ne.createElement(nn,null),ne.createElement(sn,null),ne.createElement(Oe,null),ne.createElement(mn,null),ne.createElement(De,{story:z}),ne.createElement(io,null));var bn=({docsParameter:e,context:t})=>{let o=e.container||rn,r=e.page||fn;return hn.createElement(o,{context:t,theme:e.theme},hn.createElement(r,null))};import hp,{useRef as bp}from"react";import{composeConfigs as xp}from"@storybook/store";import{Preview as yp}from"@storybook/preview-web";import{composeConfigs as gp}from"@storybook/store";import{Channel as fp}from"@storybook/channels";import{DocsContext as mp}from"@storybook/preview-web";var bt=class extends mp{constructor(o,r,n,s){super(o,r,n,[],!0);this.channel=o;this.store=r;this.renderStoryToElement=n;this.processMetaExports=s;this.setMeta=o=>{let r=this.processMetaExports(o);this.referenceCSFFile(r,!0)}}storyIdByModuleExport(o,r){if(r){let n=this.processMetaExports(r);this.referenceCSFFile(n,!1)}return super.storyIdByModuleExport(o)}};var xt=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)}},Se=class extends yp{constructor(o){super(new fp);this.projectAnnotations=o;this.importPaths=new xt("./importPath/");this.titles=new xt("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=o=>{let r=this.importPaths.get(o);this.moduleExportsByImportPath[r]=o;let n=o.default.title||this.titles.get(o),s=this.storyStore.processCSFFileWithCache(o,r,n);return Object.values(s.stories).forEach(({id:a,name:i})=>{this.storyIndex.entries[a]={id:a,importPath:r,title:n,name:i,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),s};this.docsContext=()=>new bt(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:r=>Promise.resolve(this.moduleExportsByImportPath[r]),getProjectAnnotations:()=>gp([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function Cp(e){let t=bp();return t.current||(t.current=new Se(e)),t.current}var _h=({projectAnnotationsList:e,children:t})=>{let o=xp(e),r=Cp(o),n={...o.parameters?.docs,page:()=>t};return hp.createElement(bn,{docsParameter:n,context:r.docsContext()})};import xn from"react";import{ThemeProvider as Sp,themes as Pp,ensure as Ep}from"@storybook/theming";var lo,Gh=({projectAnnotations:e,children:t})=>(lo||(lo=new Se(e)),xn.createElement(S.Provider,{value:lo.docsContext()},xn.createElement(Sp,{theme:Ep(Pp.light)},t)));import Tp,{useContext as kp}from"react";var Qh=({of:e})=>{let t=kp(S);console.log(S,t),e&&t.setMeta(e);try{let o=t.storyById();return Tp.createElement(mt,{storyId:o.id})}catch{return null}};import Ap from"react";import wp from"util-deprecate";import{dedent as vp}from"ts-dedent";var Ip=wp(e=>Ap.createElement(De,{...e}),vp`
37
+ `),ft=({id:e,name:t,expanded:o=!0,withToolbar:r=!1,parameters:n={}})=>{let s,{docs:a}=n;o&&a&&(s=a.description?.story,s||(s=a.storyDescription,s&&lp()));let i=o&&t;return Me.createElement(mt,{storyId:e},i&&Me.createElement(cn,null,i),s&&Me.createElement(Oe,{markdown:s}),Me.createElement(en,{withToolbar:r},Me.createElement(ao,{id:e,parameters:n})))};var mn=({name:e})=>{let t=dp(S),o=e&&t.storyIdByName(e),r=t.storyById(o);return r?pp.createElement(ft,{...r,expanded:!1,withToolbar:!0}):null};import ht,{useContext as up}from"react";import yn from"react";import{H2 as cp}from"@storybook/components";var gn=({children:e,disableAnchor:t})=>{if(t||typeof e!="string")return yn.createElement(cp,null,e);let o=e.toLowerCase().replace(/[^a-z0-9]/gi,"-");return yn.createElement(Ve,{as:"h2",id:o},e)};var io=({title:e,includePrimary:t=!1})=>{let{componentStories:o}=up(S),r=o();return r=r.filter(n=>!n.parameters?.docs?.disable),t||(r=r.slice(1)),!r||r.length===0?null:ht.createElement(ht.Fragment,null,ht.createElement(gn,null,e),r.map(n=>n&&ht.createElement(ft,{key:n.id,...n,expanded:!0})))};io.defaultProps={title:"Stories"};var fn=()=>ne.createElement(ne.Fragment,null,ne.createElement(nn,null),ne.createElement(sn,null),ne.createElement(Oe,null),ne.createElement(mn,null),ne.createElement(De,{story:z}),ne.createElement(io,null));var bn=({docsParameter:e,context:t})=>{let o=e.container||rn,r=e.page||fn;return hn.createElement(o,{context:t,theme:e.theme},hn.createElement(r,null))};import hp,{useRef as bp}from"react";import{composeConfigs as xp}from"@storybook/store";import{Preview as yp}from"@storybook/preview-web";import{composeConfigs as gp}from"@storybook/store";import{Channel as fp}from"@storybook/channels";import{DocsContext as mp}from"@storybook/preview-web";var bt=class extends mp{constructor(o,r,n,s){super(o,r,n,[],!0);this.channel=o;this.store=r;this.renderStoryToElement=n;this.processMetaExports=s;this.setMeta=o=>{let r=this.processMetaExports(o);this.referenceCSFFile(r,!0)}}storyIdByModuleExport(o,r){if(r){let n=this.processMetaExports(r);this.referenceCSFFile(n,!1)}return super.storyIdByModuleExport(o)}};var xt=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)}},Se=class extends yp{constructor(o){super(new fp);this.projectAnnotations=o;this.importPaths=new xt("./importPath/");this.titles=new xt("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=o=>{let r=this.importPaths.get(o);this.moduleExportsByImportPath[r]=o;let n=o.default.title||this.titles.get(o),s=this.storyStore.processCSFFileWithCache(o,r,n);return Object.values(s.stories).forEach(({id:a,name:i})=>{this.storyIndex.entries[a]={id:a,importPath:r,title:n,name:i,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),s};this.docsContext=()=>new bt(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:r=>Promise.resolve(this.moduleExportsByImportPath[r]),getProjectAnnotations:()=>gp([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function Cp(e){let t=bp();return t.current||(t.current=new Se(e)),t.current}var Wh=({projectAnnotationsList:e,children:t})=>{let o=xp(e),r=Cp(o),n={...o.parameters?.docs,page:()=>t};return hp.createElement(bn,{docsParameter:n,context:r.docsContext()})};import xn from"react";import{ThemeProvider as Sp,themes as Pp,ensure as Ep}from"@storybook/theming";var lo,Kh=({projectAnnotations:e,children:t})=>(lo||(lo=new Se(e)),xn.createElement(S.Provider,{value:lo.docsContext()},xn.createElement(Sp,{theme:Ep(Pp.light)},t)));import Tp,{useContext as kp}from"react";var eb=({of:e})=>{let t=kp(S);console.log(S,t),e&&t.setMeta(e);try{let o=t.storyById();return Tp.createElement(mt,{storyId:o.id})}catch{return null}};import Ap from"react";import wp from"util-deprecate";import{dedent as vp}from"ts-dedent";var Ip=wp(e=>Ap.createElement(De,{...e}),vp`
38
38
  Props doc block has been renamed to ArgsTable.
39
39
 
40
40
  https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#previewprops-renamed
41
- `);Ip.defaultProps={of:z};import Fp from"react";var db=({children:e})=>Fp.createElement("div",{style:{fontFamily:"sans-serif"}},e);export{xf as AddContext,mt as Anchor,Sf as AnchorMdx,De as ArgsTable,Oo as BooleanControl,N as CURRENT_SELECTION,en as Canvas,Cf as CodeOrSourceMdx,xr as ColorControl,Ki as ColorItem,Yi as ColorPalette,_r as ComponentsTable,Mo as DateControl,Oe as Description,Dl as DescriptionType,bn as Docs,rn as DocsContainer,S as DocsContext,fn as DocsPage,ft as DocsStory,_h as ExternalDocs,Gh as ExternalDocsContainer,br as FilesControl,Ve as HeaderMdx,Pf as HeadersMdx,gn as Heading,ol as IconGallery,tl as IconItem,Qh as Meta,vi as NoControlsWarning,_o as NumberControl,Rt as ObjectControl,ae as OptionsControl,z as PRIMARY_STORY,mn as Primary,Ip as Props,oe as PureArgsTable,yr as RangeControl,yg as Source,Gr as SourceContainer,Be as SourceContext,Xr as SourceState,io as Stories,ao as Story,gl as StoryTable,cn as Subheading,sn as Subtitle,hr as TextControl,nn as Title,Ni as Typeset,db as Wrapper,nl as anchorBlockIdFromId,bf as assertIsFn,K as currentSelectionWarning,zr as extractComponentArgTypes,Hl as extractTitle,bc as format,_s as formatDate,Ws as formatTime,yl as getComponent,Ol as getDescriptionProps,gt as getSourceProps,np as getStoryId,sp as getStoryProps,$o as parse,Us as parseDate,$s as parseTime,un as storyBlockIdFromId};
41
+ `);Ip.defaultProps={of:z};import Fp from"react";var cb=({children:e})=>Fp.createElement("div",{style:{fontFamily:"sans-serif"}},e);export{Cf as AddContext,mt as Anchor,Pf as AnchorMdx,De as ArgsTable,Oo as BooleanControl,N as CURRENT_SELECTION,en as Canvas,Sf as CodeOrSourceMdx,xr as ColorControl,Ki as ColorItem,Yi as ColorPalette,_r as ComponentsTable,Mo as DateControl,Oe as Description,Dl as DescriptionType,bn as Docs,rn as DocsContainer,S as DocsContext,fn as DocsPage,ft as DocsStory,Wh as ExternalDocs,Kh as ExternalDocsContainer,br as FilesControl,Ve as HeaderMdx,Ef as HeadersMdx,gn as Heading,ol as IconGallery,tl as IconItem,eb as Meta,vi as NoControlsWarning,_o as NumberControl,Rt as ObjectControl,ae as OptionsControl,z as PRIMARY_STORY,mn as Primary,Ip as Props,oe as PureArgsTable,yr as RangeControl,yg as Source,Gr as SourceContainer,Be as SourceContext,Xr as SourceState,io as Stories,ao as Story,gl as StoryTable,cn as Subheading,sn as Subtitle,hr as TextControl,nn as Title,Ni as Typeset,cb as Wrapper,nl as anchorBlockIdFromId,xf as assertIsFn,K as currentSelectionWarning,zr as extractComponentArgTypes,Hl as extractTitle,bc as format,_s as formatDate,Ws as formatTime,yl as getComponent,Ol as getDescriptionProps,gt as getSourceProps,np as getStoryId,sp as getStoryProps,$o as parse,Us as parseDate,$s as parseTime,un as storyBlockIdFromId};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/blocks",
3
- "version": "7.0.0-alpha.38",
3
+ "version": "7.0.0-alpha.39",
4
4
  "description": "Storybook Doc Blocks",
5
5
  "keywords": [
6
6
  "storybook"
@@ -41,16 +41,16 @@
41
41
  "prep": "../../../scripts/prepare/bundle.ts"
42
42
  },
43
43
  "dependencies": {
44
- "@storybook/api": "7.0.0-alpha.38",
45
- "@storybook/channels": "7.0.0-alpha.38",
46
- "@storybook/client-logger": "7.0.0-alpha.38",
47
- "@storybook/components": "7.0.0-alpha.38",
48
- "@storybook/core-events": "7.0.0-alpha.38",
44
+ "@storybook/api": "7.0.0-alpha.39",
45
+ "@storybook/channels": "7.0.0-alpha.39",
46
+ "@storybook/client-logger": "7.0.0-alpha.39",
47
+ "@storybook/components": "7.0.0-alpha.39",
48
+ "@storybook/core-events": "7.0.0-alpha.39",
49
49
  "@storybook/csf": "0.0.2--canary.49.258942b.0",
50
- "@storybook/docs-tools": "7.0.0-alpha.38",
51
- "@storybook/preview-web": "7.0.0-alpha.38",
52
- "@storybook/store": "7.0.0-alpha.38",
53
- "@storybook/theming": "7.0.0-alpha.38",
50
+ "@storybook/docs-tools": "7.0.0-alpha.39",
51
+ "@storybook/preview-web": "7.0.0-alpha.39",
52
+ "@storybook/store": "7.0.0-alpha.39",
53
+ "@storybook/theming": "7.0.0-alpha.39",
54
54
  "color-convert": "^2.0.1",
55
55
  "dequal": "^2.0.2",
56
56
  "global": "^4.4.0",
@@ -63,8 +63,8 @@
63
63
  "util-deprecate": "^1.0.2"
64
64
  },
65
65
  "devDependencies": {
66
- "@storybook/addon-actions": "7.0.0-alpha.38",
67
- "@storybook/addons": "7.0.0-alpha.38",
66
+ "@storybook/addon-actions": "7.0.0-alpha.39",
67
+ "@storybook/addons": "7.0.0-alpha.39",
68
68
  "@types/color-convert": "^2.0.0"
69
69
  },
70
70
  "peerDependencies": {
@@ -78,5 +78,5 @@
78
78
  "./src/index.ts"
79
79
  ]
80
80
  },
81
- "gitHead": "438114fcf62a763f0e8c07e2c34890dd987ca431"
81
+ "gitHead": "47386bd49d141ea70daac41ab3e4d52749fc5da9"
82
82
  }