@storybook/blocks 7.0.0-alpha.54 → 7.0.0-alpha.56

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { Conditional, Parameters, DocsContextProps, Renderer, Store_PropDescriptor, StrictArgTypes, StoryId, ProjectAnnotations, BaseAnnotations, Store_ModuleExports, Store_Story, StoryAnnotations, Store_ModuleExport, ComponentTitle } from '@storybook/types';
+import { Conditional, Parameters, DocsContextProps, Renderer, StrictArgTypes, StoryId, ProjectAnnotations, BaseAnnotations, ModuleExports, PreparedStory, StoryAnnotations, ModuleExport, ComponentTitle } from '@storybook/types';
 export { DocsContextProps } from '@storybook/types';
 import React, { FunctionComponent, ComponentProps, ReactNode, FC, ElementType, Context } from 'react';
+import { PropDescriptor } from '@storybook/preview-api';
 import { SyntaxHighlighter, ActionItem, SyntaxHighlighterFormatTypes } from '@storybook/components';
 import { Channel } from '@storybook/channels';
 import { ThemeVars } from '@storybook/theming';
@@ -189,8 +190,8 @@ type DocsStoryProps = StoryData & {
 };
 
 interface BaseProps {
-    include?: Store_PropDescriptor;
-    exclude?: Store_PropDescriptor;
+    include?: PropDescriptor;
+    exclude?: PropDescriptor;
     sort?: SortType;
 }
 type OfProps = BaseProps & {
@@ -206,7 +207,7 @@ type StoryProps$1 = BaseProps & {
     showComponent?: boolean;
 };
 type ArgsTableProps = BaseProps | OfProps | ComponentsProps | StoryProps$1;
-declare const extractComponentArgTypes: (component: Component, context: DocsContextProps, include?: Store_PropDescriptor, exclude?: Store_PropDescriptor) => StrictArgTypes;
+declare const extractComponentArgTypes: (component: Component, context: DocsContextProps, include?: PropDescriptor, exclude?: PropDescriptor) => StrictArgTypes;
 declare const getComponent: (props: ArgsTableProps, context: DocsContextProps) => Component;
 declare const StoryTable: FC<StoryProps$1 & {
     component: Component;
@@ -263,7 +264,7 @@ declare const useSourceProps: (props: SourceProps, docsContext: DocsContextProps
  */
 declare const Source: FC<PureSourceProps>;
 
-type CanvasProps = Omit<PreviewProps, 'isExpanded'> & {
+type CanvasProps = Omit<PreviewProps, 'isExpanded' | 'isLoading'> & {
     withSource?: SourceState;
     mdxSource?: string;
 };
@@ -273,16 +274,24 @@ declare enum DescriptionType {
     INFO = "info",
     NOTES = "notes",
     DOCGEN = "docgen",
-    LEGACY_5_2 = "legacy-5.2",
     AUTO = "auto"
 }
 interface DescriptionProps {
     of?: '.' | Component;
+    /**
+     * @deprecated Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component.
+     */
     type?: DescriptionType;
+    /**
+     * @deprecated The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead
+     */
     markdown?: string;
+    /**
+     * @deprecated The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead
+     */
     children?: string;
 }
-declare const getDescriptionProps: ({ of, type, markdown, children }: DescriptionProps, { storyById }: DocsContextProps<any>) => DescriptionProps$1;
+declare const useDescriptionProps: ({ of, type, markdown, children }: DescriptionProps, { storyById }: DocsContextProps<any>) => DescriptionProps$1;
 declare const DescriptionContainer: FC<DescriptionProps>;
 
 type DocsProps<TFramework extends Renderer = Renderer> = {
@@ -318,7 +327,7 @@ interface HeadingProps {
 declare const Heading: FC<HeadingProps>;
 
 type MetaProps = BaseAnnotations & {
-    of?: Store_ModuleExports;
+    of?: ModuleExports;
 };
 /**
  * This component is used to declare component metadata in docs
@@ -348,15 +357,15 @@ type StoryDefProps = {
 };
 type StoryRefProps = {
     id?: string;
-    of?: Store_ModuleExport;
-    meta?: Store_ModuleExports;
+    of?: ModuleExport;
+    meta?: ModuleExports;
 };
 type StoryImportProps = {
     name: string;
 };
 type StoryProps = (StoryDefProps | StoryRefProps | StoryImportProps) & CommonProps;
 declare const getStoryId: (props: StoryProps, context: DocsContextProps) => StoryId;
-declare const getStoryProps: <TFramework extends Renderer>({ height, inline }: StoryProps, story: Store_Story<TFramework>) => PureStoryProps;
+declare const getStoryProps: <TFramework extends Renderer>({ height, inline }: StoryProps, story: PreparedStory<TFramework>) => PureStoryProps;
 declare const Story: FC<StoryProps>;
 
 declare const Subheading: FC<HeadingProps>;
@@ -456,9 +465,16 @@ type ColorControlProps = ControlProps<ColorValue> & ColorConfig;
 
 type BooleanProps = ControlProps<BooleanValue> & BooleanConfig;
 /**
- * # Boolean control
+ * # Boolean Control
  * Renders a switch toggle with "True" or "False".
  * or if the value is `undefined`, renders a button to set the boolean.
+ *
+ * ## Example usage
+ *
+ * ```
+ *
+ * <BooleanControl name="isTrue" value={value} onChange={handleValueChange}/>
+ * ```
  */
 declare const BooleanControl: FC<BooleanProps>;
 
@@ -508,4 +524,4 @@ type ColorProps = ColorControlProps;
 declare const LazyColorControl: React.LazyExoticComponent<React.FC<ColorControlProps>>;
 declare const ColorControl: (props: ComponentProps<typeof LazyColorControl>) => JSX.Element;
 
-export { AddContext, Anchor, AnchorMdx, AnchorProps, ArgsTable, BooleanConfig, BooleanControl, BooleanProps, BooleanValue, Canvas, CodeOrSourceMdx, ColorConfig, ColorControl, ColorItem, ColorPalette, ColorProps, ColorValue, Component, ComponentsTable, Control, ControlProps, ControlType, Controls, DateConfig, DateControl, DateProps, DateValue, DescriptionContainer as Description, DescriptionType, Docs, DocsContainer, DocsContainerProps, DocsContext, DocsPage, DocsProps, DocsStory, DocsStoryProps, ExternalDocs, ExternalDocsContainer, ExternalDocsProps, FilesControl, FilesControlProps, HeaderMdx, HeadersMdx, Heading, HeadingProps, IconGallery, IconItem, Meta, NoControlsWarning, NormalizedOptionsConfig, NumberConfig, NumberControl, NumberValue, ObjectConfig, ObjectControl, ObjectProps, ObjectValue, Options, OptionsArray, OptionsConfig, OptionsControl, OptionsControlType, OptionsMultiSelection, OptionsObject, OptionsProps, OptionsSelection, OptionsSingleSelection, PRIMARY_STORY, PresetColor, Primary, ArgsTable$1 as PureArgsTable, RangeConfig, RangeControl, SortType, Source, SourceContainer, SourceContext, SourceContextProps, SourceItem, SourceState, Stories, Story, StoryData, StoryProps, StorySources, StoryTable, Subheading, Subtitle, TextConfig, TextControl, TextProps, TextValue, Title, Typeset, Wrapper, anchorBlockIdFromId, assertIsFn, extractComponentArgTypes, extractTitle, format, formatDate, formatTime, getComponent, getDescriptionProps, getStoryId, getStoryProps, parse, parseDate, parseTime, storyBlockIdFromId, useSourceProps };
+export { AddContext, Anchor, AnchorMdx, AnchorProps, ArgsTable, BooleanConfig, BooleanControl, BooleanProps, BooleanValue, Canvas, CodeOrSourceMdx, ColorConfig, ColorControl, ColorItem, ColorPalette, ColorProps, ColorValue, Component, ComponentsTable, Control, ControlProps, ControlType, Controls, DateConfig, DateControl, DateProps, DateValue, DescriptionContainer as Description, DescriptionType, Docs, DocsContainer, DocsContainerProps, DocsContext, DocsPage, DocsProps, DocsStory, DocsStoryProps, ExternalDocs, ExternalDocsContainer, ExternalDocsProps, FilesControl, FilesControlProps, HeaderMdx, HeadersMdx, Heading, HeadingProps, IconGallery, IconItem, Meta, NoControlsWarning, NormalizedOptionsConfig, NumberConfig, NumberControl, NumberValue, ObjectConfig, ObjectControl, ObjectProps, ObjectValue, Options, OptionsArray, OptionsConfig, OptionsControl, OptionsControlType, OptionsMultiSelection, OptionsObject, OptionsProps, OptionsSelection, OptionsSingleSelection, PRIMARY_STORY, PresetColor, Primary, ArgsTable$1 as PureArgsTable, RangeConfig, RangeControl, SortType, Source, SourceContainer, SourceContext, SourceContextProps, SourceItem, SourceState, Stories, Story, StoryData, StoryProps, StorySources, StoryTable, Subheading, Subtitle, TextConfig, TextControl, TextProps, TextValue, Title, Typeset, Wrapper, anchorBlockIdFromId, assertIsFn, extractComponentArgTypes, extractTitle, format, formatDate, formatTime, getComponent, getStoryId, getStoryProps, parse, parseDate, parseTime, storyBlockIdFromId, useDescriptionProps, useSourceProps };

package/dist/index.js

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

package/dist/index.mjs

@@ -22,8 +22,4 @@ import{getControlId,getControlSetterButtonId}from"./chunk-GWAJ4KRU.mjs";import R
 `)}var storyIdToSanitizedStoryName=id=>id.replace(/^.*?--/,""),extract=(targetId,{source,locationsMap})=>{if(!locationsMap)return source;let sanitizedStoryName=storyIdToSanitizedStoryName(targetId),location=locationsMap[sanitizedStoryName];if(!location)return source;let lines=source.split(`
 `);return extractSource(location,lines)},enhanceSource=story=>{let{id,parameters}=story,{storySource,docs={}}=parameters,{transformSource}=docs;if(!storySource?.source||docs.source?.code)return null;let input=extract(id,storySource),code=transformSource?transformSource(input,story):input;return{docs:combineParameters(docs,{source:{code}})}};var SourceState=(SourceState2=>(SourceState2.OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>story.parameters.docs?.source?.state).filter(Boolean);return states.length===0?"closed":states[0]},getStorySource=(storyId,sourceContext)=>{let{sources}=sourceContext;return sources?.[storyId]||{code:"",format:!1}},getSnippet=(snippet,story)=>{if(!story)return snippet;let{parameters}=story,isArgsStory=parameters.__isArgsStory,type=parameters.docs?.source?.type||SourceType.AUTO,userCode=parameters.docs?.source?.code;return userCode!==void 0?userCode:type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?parameters.docs?.transformSource?.(snippet,story)||snippet:(enhanceSource(story)||parameters)?.docs?.source?.code||""},useSourceProps=(props,docsContext,sourceContext)=>{let{id:primaryId,parameters}=docsContext.storyById(),codeProps=props,singleProps=props,multiProps=props,{format:format2,code:source}=codeProps,storyIds=(multiProps.ids||[singleProps.id||primaryId]).map(targetId=>targetId),stories=useStories(storyIds,docsContext);if(!stories.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};source||({format:format2}=getStorySource(storyIds[0],sourceContext),source=storyIds.map((storyId,idx)=>{let{code:storySource}=getStorySource(storyId,sourceContext),storyObj=stories[idx];return getSnippet(storySource,storyObj)}).join(`
 
-`));let state=getSourceState(stories),{docs:docsParameters={}}=parameters,{source:sourceParameters={}}=docsParameters,{language:docsLanguage=null}=sourceParameters;return source?{code:source,state,format:format2,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:"Oh no! The source is not available.",state}},Source2=props=>{let sourceContext=useContext2(SourceContext),docsContext=useContext2(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return React37.createElement(Source,{...sourceProps})};var usePreviewProps=({withSource,mdxSource,children,...props},docsContext,sourceContext)=>{let storyIds=Children2.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(({props:{id,of,name}})=>id||(of?docsContext.storyIdByModuleExport(of):docsContext.storyIdByName(name))),isLoading=useStories(storyIds,docsContext).some(s=>!s),sourceProps=useSourceProps(mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},docsContext,sourceContext);return withSource==="none"?{isLoading,previewProps:props}:{isLoading,previewProps:{...props,withSource:sourceProps,isExpanded:(withSource||sourceProps.state)==="open"}}},Canvas=props=>{let docsContext=useContext3(DocsContext),sourceContext=useContext3(SourceContext),{isLoading,previewProps}=usePreviewProps(props,docsContext,sourceContext),{children}=props;return isLoading?React38.createElement(PreviewSkeleton,null):React38.createElement(Preview,{...previewProps},children)};import React39,{useContext as useContext4}from"react";import{str}from"@storybook/docs-tools";var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.LEGACY_5_2="legacy-5.2",DescriptionType2.AUTO="auto",DescriptionType2))(DescriptionType||{}),getNotes=notes=>notes&&(typeof notes=="string"?notes:str(notes.markdown)||str(notes.text)),getInfo=info=>info&&(typeof info=="string"?info:str(info.text)),noDescription=component=>null,getDescriptionProps=({of,type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return{markdown:children||markdown};let{notes,info,docs}=parameters,{extractComponentDescription=noDescription,description}=docs||{},target=[PRIMARY_STORY].includes(of)?component:of,componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case"info":return{markdown:getInfo(info)};case"notes":return{markdown:getNotes(notes)};case"legacy-5.2":return{markdown:`
-${getNotes(notes)||getInfo(info)||""}
-
-${extractComponentDescription(target)||""}
-`.trim()};case"docgen":case"auto":default:return{markdown:extractComponentDescription(target,{component,...parameters})}}},DescriptionContainer=props=>{let context=useContext4(DocsContext),{markdown}=getDescriptionProps(props,context);return markdown?React39.createElement(Description,{markdown}):null};DescriptionContainer.defaultProps={of:PRIMARY_STORY};import React51 from"react";import React40,{useEffect as useEffect9}from"react";import global5 from"global";import{ThemeProvider as ThemeProvider2,ensure as ensureTheme}from"@storybook/theming";var{document:document2,window:globalWindow4}=global5,DocsContainer=({context,theme,children})=>(useEffect9(()=>{let url;try{if(url=new URL(globalWindow4.parent.location),url.hash){let element=document2.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element)},200)}}catch{}}),React40.createElement(DocsContext.Provider,{value:context},React40.createElement(SourceContainer,{channel:context.channel},React40.createElement(ThemeProvider2,{theme:ensureTheme(theme)},React40.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},React40.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children))))));import React50 from"react";import React41,{useContext as useContext5}from"react";var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=useContext5(DocsContext),text=children;return text||(text=extractTitle(context.storyById().title)),text?React41.createElement(Title,{className:"sbdocs-title"},text):null};import React42,{useContext as useContext6}from"react";var Subtitle2=({children})=>{let docsContext=useContext6(DocsContext),{parameters}=docsContext.storyById(),text=children;return text||(text=parameters?.componentSubtitle),text?React42.createElement(Subtitle,{className:"sbdocs-subtitle"},text):null};import React47,{useContext as useContext9}from"react";import React46 from"react";import React44 from"react";import{H3}from"@storybook/components";import React43,{useContext as useContext7}from"react";import{NAVIGATE_URL}from"@storybook/core-events";import{Code,components as components2}from"@storybook/components";import global6 from"global";import{styled as styled25}from"@storybook/theming";var{document:document3}=global6,assertIsFn=val=>{if(typeof val!="function")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React43.useContext(DocsContext);return React43.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!="string"&&(typeof children!="string"||!children.match(/[\n\r]/g)))return React43.createElement(Code,null,children);let language=className&&className.split("-");return React43.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url)}var A=components2.a,AnchorInPage=({hash,children})=>{let context=useContext7(DocsContext);return React43.createElement(A,{href:hash,target:"_self",onClick:event=>{let id=hash.substring(1);document3.getElementById(id)&&navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext7(DocsContext);if(href){if(href.startsWith("#"))return React43.createElement(AnchorInPage,{hash:href},children);if(target!=="_blank"&&!href.startsWith("https://"))return React43.createElement(A,{href,onClick:event=>{event.preventDefault(),navigate(context,event.currentTarget.getAttribute("href"))},target,...rest},children)}return React43.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled25(components2[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),OcticonAnchor=styled25.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext7(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React43.createElement(OcticonHeader,{id,...rest},React43.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document3.getElementById(id)&&navigate(context,hash)}},React43.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},React43.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"}))),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React43.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Header=components2[as];return React43.createElement(Header,{...props})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React43.createElement(HeaderMdx,{as:headerType,...props})}),{});var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React44.createElement(H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React44.createElement(HeaderMdx,{as:"h3",id:tagID},children)};import React45,{useContext as useContext8,useRef as useRef4,useEffect as useEffect10,useState as useState13}from"react";var storyBlockIdFromId=storyId=>`story--${storyId}`,getStoryId2=(props,context)=>{let{id,of,meta}=props;if(of)return context.storyIdByModuleExport(of,meta);let{name}=props;return id||context.storyIdByName(name)},getStoryProps=({height,inline},story)=>{let{name:storyName,parameters={}}=story||{},{docs={}}=parameters;if(docs.disable)return null;let{inlineStories=!1,iframeHeight=100}=docs,storyIsInline=typeof inline=="boolean"?inline:inlineStories;return{inline:storyIsInline,id:story?.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName,...storyIsInline&&{parameters}}},Story2=props=>{let context=useContext8(DocsContext),storyRef=useRef4(),storyId=getStoryId2(props,context),story=useStory(storyId,context),[showLoader,setShowLoader]=useState13(!0);if(useEffect10(()=>{if(!(story&&storyRef.current))return()=>{};let element=storyRef.current,{autoplay}=story.parameters.docs||{},cleanup=context.renderStoryToElement(story,element,{autoplay});return setShowLoader(!1),()=>{cleanup()}},[context,story]),!story)return React45.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story);if(!storyProps)return null;if(storyProps.inline){let htmlContents="<span></span>",{height}=storyProps;return React45.createElement("div",{id:storyBlockIdFromId(story.id)},height?React45.createElement("style",null,`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React45.createElement(StorySkeleton,null),React45.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:htmlContents}}))}return React45.createElement("div",{id:storyBlockIdFromId(story.id)},React45.createElement(Story,{...storyProps}))};var DocsStory=({id,name,expanded=!0,withToolbar=!1,parameters={}})=>{let description,{docs}=parameters;expanded&&docs&&(description=docs.description?.story);let subheading=expanded&&name;return React46.createElement(Anchor,{storyId:id},subheading&&React46.createElement(Subheading,null,subheading),description&&React46.createElement(DescriptionContainer,{markdown:description}),React46.createElement(Canvas,{withToolbar},React46.createElement(Story2,{id,parameters})))};var Primary=({name})=>{let docsContext=useContext9(DocsContext),storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?React47.createElement(DocsStory,{...story,expanded:!1,withToolbar:!0}):null};import React49,{useContext as useContext10}from"react";import React48 from"react";import{H2}from"@storybook/components";var Heading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React48.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React48.createElement(HeaderMdx,{as:"h2",id:tagID},children)};var Stories=({title,includePrimary=!1})=>{let{componentStories}=useContext10(DocsContext),stories=componentStories();return stories=stories.filter(story=>!story.parameters?.docs?.disable),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React49.createElement(React49.Fragment,null,React49.createElement(Heading,null,title),stories.map(story=>story&&React49.createElement(DocsStory,{key:story.id,...story,expanded:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>React50.createElement(React50.Fragment,null,React50.createElement(Title2,null),React50.createElement(Subtitle2,null),React50.createElement(DescriptionContainer,null),React50.createElement(Primary,null),React50.createElement(ArgsTable2,{story:PRIMARY_STORY}),React50.createElement(Stories,null));var Docs=({docsParameter,context})=>{let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React51.createElement(Container,{context,theme:docsParameter.theme},React51.createElement(Page,null))};import React52,{useRef as useRef5}from"react";import{composeConfigs as composeConfigs2}from"@storybook/preview-api";import{Preview as Preview2,composeConfigs}from"@storybook/preview-api";import{Channel}from"@storybook/channels";import{DocsContext as DocsContext2}from"@storybook/preview-api";var ExternalDocsContext=class extends DocsContext2{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[],!0);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.setMeta=metaExports=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!0)}}storyIdByModuleExport(storyExport,metaExports){if(metaExports){let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!1)}return super.storyIdByModuleExport(storyExport)}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends Preview2{constructor(projectAnnotations){super(new Channel);this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>composeConfigs([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function usePreview(projectAnnotations){let previewRef=useRef5();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}var ExternalDocs=({projectAnnotationsList,children})=>{let projectAnnotations=composeConfigs2(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React52.createElement(Docs,{docsParameter,context:preview2.docsContext()})};import React53 from"react";import{ThemeProvider as ThemeProvider3,themes as themes2,ensure}from"@storybook/theming";var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React53.createElement(DocsContext.Provider,{value:preview.docsContext()},React53.createElement(ThemeProvider3,{theme:ensure(themes2.light)},children)));import React54,{useContext as useContext11}from"react";var Meta=({of})=>{let context=useContext11(DocsContext);of&&context.setMeta(of);try{let primary=context.storyById();return React54.createElement(Anchor,{storyId:primary.id})}catch{return null}};import React55 from"react";var Wrapper8=({children})=>React55.createElement("div",{style:{fontFamily:"sans-serif"}},children);export{AddContext,Anchor,AnchorMdx,ArgsTable2 as ArgsTable,BooleanControl,Canvas,CodeOrSourceMdx,ColorControl,ColorItem,ColorPalette,ComponentsTable,DateControl,DescriptionContainer as Description,DescriptionType,Docs,DocsContainer,DocsContext,DocsPage,DocsStory,ExternalDocs,ExternalDocsContainer,FilesControl,HeaderMdx,HeadersMdx,Heading,IconGallery,IconItem,Meta,NoControlsWarning,NumberControl,ObjectControl,OptionsControl,PRIMARY_STORY,Primary,ArgsTable as PureArgsTable,RangeControl,Source2 as Source,SourceContainer,SourceContext,SourceState,Stories,Story2 as Story,StoryTable,Subheading,Subtitle2 as Subtitle,TextControl,Title2 as Title,Typeset,Wrapper8 as Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getDescriptionProps,getStoryId2 as getStoryId,getStoryProps,parse2 as parse,parseDate,parseTime,storyBlockIdFromId,useSourceProps};
+`));let state=getSourceState(stories),{docs:docsParameters={}}=parameters,{source:sourceParameters={}}=docsParameters,{language:docsLanguage=null}=sourceParameters;return source?{code:source,state,format:format2,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:"Oh no! The source is not available.",state}},Source2=props=>{let sourceContext=useContext2(SourceContext),docsContext=useContext2(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return React37.createElement(Source,{...sourceProps})};var usePreviewProps=({withSource,mdxSource,children,...props},docsContext,sourceContext)=>{let storyIds=Children2.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(({props:{id,of,name}})=>id||(of?docsContext.storyIdByModuleExport(of):docsContext.storyIdByName(name))),isLoading=useStories(storyIds,docsContext).some(s=>!s),sourceProps=useSourceProps(mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},docsContext,sourceContext);return withSource==="none"?{isLoading,previewProps:props}:{isLoading,previewProps:{...props,withSource:sourceProps,isExpanded:(withSource||sourceProps.state)==="open"}}},Canvas=props=>{let docsContext=useContext3(DocsContext),sourceContext=useContext3(SourceContext),{isLoading,previewProps}=usePreviewProps(props,docsContext,sourceContext),{children}=props;return isLoading?React38.createElement(PreviewSkeleton,null):React38.createElement(Preview,{...previewProps},children)};import React39,{useContext as useContext4}from"react";import{str}from"@storybook/docs-tools";import{deprecate}from"@storybook/client-logger";var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.AUTO="auto",DescriptionType2))(DescriptionType||{}),getNotes=notes=>notes&&(typeof notes=="string"?notes:str(notes.markdown)||str(notes.text)),getInfo=info=>info&&(typeof info=="string"?info:str(info.text)),noDescription=component=>null,useDescriptionProps=({of,type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return{markdown:children||markdown};let{notes,info,docs}=parameters;(Boolean(notes)||Boolean(info))&&deprecate("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription=noDescription,description}=docs||{},target=[PRIMARY_STORY].includes(of)?component:of,componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case"info":return{markdown:getInfo(info)};case"notes":return{markdown:getNotes(notes)};case"docgen":case"auto":default:return{markdown:extractComponentDescription(target,{component,...parameters})}}},DescriptionContainer=(props={of:PRIMARY_STORY})=>{let context=useContext4(DocsContext),{markdown}=useDescriptionProps(props,context);return props.type&&deprecate("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),props.markdown&&deprecate("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),props.children&&deprecate("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),markdown?React39.createElement(Description,{markdown}):null};import React51 from"react";import React40,{useEffect as useEffect9}from"react";import global5 from"global";import{ThemeProvider as ThemeProvider2,ensure as ensureTheme}from"@storybook/theming";var{document:document2,window:globalWindow4}=global5,DocsContainer=({context,theme,children})=>(useEffect9(()=>{let url;try{if(url=new URL(globalWindow4.parent.location),url.hash){let element=document2.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element)},200)}}catch{}}),React40.createElement(DocsContext.Provider,{value:context},React40.createElement(SourceContainer,{channel:context.channel},React40.createElement(ThemeProvider2,{theme:ensureTheme(theme)},React40.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},React40.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children))))));import React50 from"react";import React41,{useContext as useContext5}from"react";var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=useContext5(DocsContext),text=children;return text||(text=extractTitle(context.storyById().title)),text?React41.createElement(Title,{className:"sbdocs-title"},text):null};import React42,{useContext as useContext6}from"react";var Subtitle2=({children})=>{let docsContext=useContext6(DocsContext),{parameters}=docsContext.storyById(),text=children;return text||(text=parameters?.componentSubtitle),text?React42.createElement(Subtitle,{className:"sbdocs-subtitle"},text):null};import React47,{useContext as useContext9}from"react";import React46 from"react";import React44 from"react";import{H3}from"@storybook/components";import React43,{useContext as useContext7}from"react";import{NAVIGATE_URL}from"@storybook/core-events";import{Code,components as components2}from"@storybook/components";import global6 from"global";import{styled as styled25}from"@storybook/theming";var{document:document3}=global6,assertIsFn=val=>{if(typeof val!="function")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React43.useContext(DocsContext);return React43.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!="string"&&(typeof children!="string"||!children.match(/[\n\r]/g)))return React43.createElement(Code,null,children);let language=className&&className.split("-");return React43.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url)}var A=components2.a,AnchorInPage=({hash,children})=>{let context=useContext7(DocsContext);return React43.createElement(A,{href:hash,target:"_self",onClick:event=>{let id=hash.substring(1);document3.getElementById(id)&&navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext7(DocsContext);if(href){if(href.startsWith("#"))return React43.createElement(AnchorInPage,{hash:href},children);if(target!=="_blank"&&!href.startsWith("https://"))return React43.createElement(A,{href,onClick:event=>{event.preventDefault(),navigate(context,event.currentTarget.getAttribute("href"))},target,...rest},children)}return React43.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled25(components2[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),OcticonAnchor=styled25.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext7(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React43.createElement(OcticonHeader,{id,...rest},React43.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document3.getElementById(id)&&navigate(context,hash)}},React43.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},React43.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"}))),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React43.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Header=components2[as];return React43.createElement(Header,{...props})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React43.createElement(HeaderMdx,{as:headerType,...props})}),{});var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React44.createElement(H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React44.createElement(HeaderMdx,{as:"h3",id:tagID},children)};import React45,{useContext as useContext8,useRef as useRef4,useEffect as useEffect10,useState as useState13}from"react";var storyBlockIdFromId=storyId=>`story--${storyId}`,getStoryId2=(props,context)=>{let{id,of,meta}=props;if(of)return context.storyIdByModuleExport(of,meta);let{name}=props;return id||context.storyIdByName(name)},getStoryProps=({height,inline},story)=>{let{name:storyName,parameters={}}=story||{},{docs={}}=parameters;if(docs.disable)return null;let{inlineStories=!1,iframeHeight=100}=docs,storyIsInline=typeof inline=="boolean"?inline:inlineStories;return{inline:storyIsInline,id:story?.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName,...storyIsInline&&{parameters}}},Story2=props=>{let context=useContext8(DocsContext),storyRef=useRef4(),storyId=getStoryId2(props,context),story=useStory(storyId,context),[showLoader,setShowLoader]=useState13(!0);if(useEffect10(()=>{if(!(story&&storyRef.current))return()=>{};let element=storyRef.current,{autoplay}=story.parameters.docs||{},cleanup=context.renderStoryToElement(story,element,{autoplay});return setShowLoader(!1),()=>{cleanup()}},[context,story]),!story)return React45.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story);if(!storyProps)return null;if(storyProps.inline){let htmlContents="<span></span>",{height}=storyProps;return React45.createElement("div",{id:storyBlockIdFromId(story.id)},height?React45.createElement("style",null,`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React45.createElement(StorySkeleton,null),React45.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:htmlContents}}))}return React45.createElement("div",{id:storyBlockIdFromId(story.id)},React45.createElement(Story,{...storyProps}))};var DocsStory=({id,name,expanded=!0,withToolbar=!1,parameters={}})=>{let description,{docs}=parameters;expanded&&docs&&(description=docs.description?.story);let subheading=expanded&&name;return React46.createElement(Anchor,{storyId:id},subheading&&React46.createElement(Subheading,null,subheading),description&&React46.createElement(DescriptionContainer,{markdown:description}),React46.createElement(Canvas,{withToolbar},React46.createElement(Story2,{id,parameters})))};var Primary=({name})=>{let docsContext=useContext9(DocsContext),storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?React47.createElement(DocsStory,{...story,expanded:!1,withToolbar:!0}):null};import React49,{useContext as useContext10}from"react";import React48 from"react";import{H2}from"@storybook/components";var Heading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React48.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React48.createElement(HeaderMdx,{as:"h2",id:tagID},children)};var Stories=({title,includePrimary=!1})=>{let{componentStories}=useContext10(DocsContext),stories=componentStories();return stories=stories.filter(story=>!story.parameters?.docs?.disable),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React49.createElement(React49.Fragment,null,React49.createElement(Heading,null,title),stories.map(story=>story&&React49.createElement(DocsStory,{key:story.id,...story,expanded:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>React50.createElement(React50.Fragment,null,React50.createElement(Title2,null),React50.createElement(Subtitle2,null),React50.createElement(DescriptionContainer,null),React50.createElement(Primary,null),React50.createElement(ArgsTable2,{story:PRIMARY_STORY}),React50.createElement(Stories,null));var Docs=({docsParameter,context})=>{let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React51.createElement(Container,{context,theme:docsParameter.theme},React51.createElement(Page,null))};import React52,{useRef as useRef5}from"react";import{composeConfigs as composeConfigs2}from"@storybook/preview-api";import{Preview as Preview2,composeConfigs}from"@storybook/preview-api";import{Channel}from"@storybook/channels";import{DocsContext as DocsContext2}from"@storybook/preview-api";var ExternalDocsContext=class extends DocsContext2{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[],!0);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.setMeta=metaExports=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!0)}}storyIdByModuleExport(storyExport,metaExports){if(metaExports){let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!1)}return super.storyIdByModuleExport(storyExport)}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends Preview2{constructor(projectAnnotations){super(new Channel);this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>composeConfigs([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function usePreview(projectAnnotations){let previewRef=useRef5();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}var ExternalDocs=({projectAnnotationsList,children})=>{let projectAnnotations=composeConfigs2(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React52.createElement(Docs,{docsParameter,context:preview2.docsContext()})};import React53 from"react";import{ThemeProvider as ThemeProvider3,themes as themes2,ensure}from"@storybook/theming";var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React53.createElement(DocsContext.Provider,{value:preview.docsContext()},React53.createElement(ThemeProvider3,{theme:ensure(themes2.light)},children)));import React54,{useContext as useContext11}from"react";var Meta=({of})=>{let context=useContext11(DocsContext);of&&context.setMeta(of);try{let primary=context.storyById();return React54.createElement(Anchor,{storyId:primary.id})}catch{return null}};import React55 from"react";var Wrapper8=({children})=>React55.createElement("div",{style:{fontFamily:"sans-serif"}},children);export{AddContext,Anchor,AnchorMdx,ArgsTable2 as ArgsTable,BooleanControl,Canvas,CodeOrSourceMdx,ColorControl,ColorItem,ColorPalette,ComponentsTable,DateControl,DescriptionContainer as Description,DescriptionType,Docs,DocsContainer,DocsContext,DocsPage,DocsStory,ExternalDocs,ExternalDocsContainer,FilesControl,HeaderMdx,HeadersMdx,Heading,IconGallery,IconItem,Meta,NoControlsWarning,NumberControl,ObjectControl,OptionsControl,PRIMARY_STORY,Primary,ArgsTable as PureArgsTable,RangeControl,Source2 as Source,SourceContainer,SourceContext,SourceState,Stories,Story2 as Story,StoryTable,Subheading,Subtitle2 as Subtitle,TextControl,Title2 as Title,Typeset,Wrapper8 as Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId2 as getStoryId,getStoryProps,parse2 as parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/blocks",
-  "version": "7.0.0-alpha.54",
+  "version": "7.0.0-alpha.56",
   "description": "Storybook Doc Blocks",
   "keywords": [
     "storybook"
@@ -42,16 +42,16 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/channels": "7.0.0-alpha.54",
-    "@storybook/client-logger": "7.0.0-alpha.54",
-    "@storybook/components": "7.0.0-alpha.54",
-    "@storybook/core-events": "7.0.0-alpha.54",
+    "@storybook/channels": "7.0.0-alpha.56",
+    "@storybook/client-logger": "7.0.0-alpha.56",
+    "@storybook/components": "7.0.0-alpha.56",
+    "@storybook/core-events": "7.0.0-alpha.56",
     "@storybook/csf": "next",
-    "@storybook/docs-tools": "7.0.0-alpha.54",
-    "@storybook/manager-api": "7.0.0-alpha.54",
-    "@storybook/preview-api": "7.0.0-alpha.54",
-    "@storybook/theming": "7.0.0-alpha.54",
-    "@storybook/types": "7.0.0-alpha.54",
+    "@storybook/docs-tools": "7.0.0-alpha.56",
+    "@storybook/manager-api": "7.0.0-alpha.56",
+    "@storybook/preview-api": "7.0.0-alpha.56",
+    "@storybook/theming": "7.0.0-alpha.56",
+    "@storybook/types": "7.0.0-alpha.56",
     "@types/lodash": "^4.14.167",
     "color-convert": "^2.0.1",
     "dequal": "^2.0.2",
@@ -65,7 +65,7 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "7.0.0-alpha.54",
+    "@storybook/addon-actions": "7.0.0-alpha.56",
     "@types/color-convert": "^2.0.0"
   },
   "peerDependencies": {
@@ -80,5 +80,5 @@
       "./src/index.ts"
     ]
   },
-  "gitHead": "91177d4e27daec556a24ae6223c3cbe17a998d9b"
+  "gitHead": "c8e9a862bb83c4a0d6b5975e795b4ca7f7ff7bc2"
 }