npm - @storybook/blocks - Versions diffs - 7.0.0-beta.1 → 7.0.0-beta.3 - Mend

@storybook/blocks 7.0.0-beta.1 → 7.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/{Color-CUYN57MU.mjs → Color-SA7YPPUW.mjs} +1 -1
package/dist/index.js +5 -5
package/dist/index.mjs +1 -1
package/package.json +12 -12

package/dist/{Color-CUYN57MU.mjs → Color-SA7YPPUW.mjs} RENAMED Viewed

	@@ -1 +1 @@
1	- import{getControlId}from"./chunk-GWAJ4KRU.mjs";import React,{useCallback,useEffect,useMemo,useState}from"react";import{HexColorPicker,HslaStringColorPicker,RgbaStringColorPicker}from"react-colorful";import convert from"color-convert";import throttle from"lodash/throttle";import{styled}from"@storybook/theming";import{TooltipNote,WithTooltip,Form,Icons}from"@storybook/components";var Wrapper=styled.div({position:"relative",maxWidth:250}),PickerTooltip=styled(WithTooltip)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=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"}}),Note=styled(TooltipNote)(({theme})=>({fontFamily:theme.typography.fonts.base})),Swatches=styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=styled.div(({theme,active})=>({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius})),swatchBackground=`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>')`,Swatch=({value,active,onClick,style,...props})=>{let backgroundImage=`linear-gradient(${value}, ${value}), ${swatchBackground}, linear-gradient(#fff, #fff)`;return React.createElement(SwatchColor,{...props,...{active,onClick},style:{...style,backgroundImage}})},Input=styled(Form.Input)(({theme})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base})),ToggleIcon=styled(Icons)(({theme})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color})),ColorSpace=(ColorSpace2=>(ColorSpace2.RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2))(ColorSpace\|\|{}),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/$([0-9]+),\s([0-9]+)%?,\s([0-9]+)%?,?\s([0-9.]+)?$/,RGB_REGEXP=/^\srgba?$([0-9]+),\s([0-9]+),\s([0-9]+),?\s([0-9.]+)?$\s$/i,HSL_REGEXP=/^\shsla?$([0-9]+),\s([0-9]+)%,\s([0-9]+)%,?\s([0-9.]+)?$\s$/i,HEX_REGEXP=/^\s#?([0-9a-f]{3}\|[0-9a-f]{6})\s$/i,SHORTHEX_REGEXP=/^\s#?([0-9a-f]{3})\s$/i,ColorPicker={["hex"]:HexColorPicker,["rgb"]:RgbaStringColorPicker,["hsl"]:HslaStringColorPicker},fallbackColor={["hex"]:"transparent",["rgb"]:"rgba(0, 0, 0, 0)",["hsl"]:"hsla(0, 0%, 0%, 0)"},stringToArgs=value=>{let match=value?.match(COLOR_REGEXP);if(!match)return[0,0,0,1];let[,x,y,z,a=1]=match;return[x,y,z,a].map(Number)},parseValue=value=>{if(!value)return;let valid=!0;if(RGB_REGEXP.test(value)){let[r,g,b,a]=stringToArgs(value),[h,s,l]=convert.rgb.hsl([r,g,b])\|\|[0,0,0];return{valid,value,keyword:convert.rgb.keyword([r,g,b]),colorSpace:"rgb",["rgb"]:value,["hsl"]:`hsla(${h}, ${s}%, ${l}%, ${a})`,["hex"]:`#${convert.rgb.hex([r,g,b]).toLowerCase()}`}}if(HSL_REGEXP.test(value)){let[h,s,l,a]=stringToArgs(value),[r,g,b]=convert.hsl.rgb([h,s,l])\|\|[0,0,0];return{valid,value,keyword:convert.hsl.keyword([h,s,l]),colorSpace:"hsl",["rgb"]:`rgba(${r}, ${g}, ${b}, ${a})`,["hsl"]:value,["hex"]:`#${convert.hsl.hex([h,s,l]).toLowerCase()}`}}let plain=value.replace("#",""),rgb=convert.keyword.rgb(plain)\|\|convert.hex.rgb(plain),hsl=convert.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped=`#${plain}`),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{convert.keyword.hex(mapped)}catch{valid=!1}return{valid,value:mapped,keyword:convert.rgb.keyword(rgb),colorSpace:"hex",["rgb"]:`rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 1)`,["hsl"]:`hsla(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%, 1)`,["hex"]:mapped}},getRealValue=(value,color,colorSpace)=>{if(!value\|\|!color?.valid)return fallbackColor[colorSpace];if(colorSpace!=="hex")return color?.[colorSpace]\|\|fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return`#${convert.keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r,g,b]=short[1].split("");return`#${r}${r}${g}${g}${b}${b}`},useColorInput=(initialValue,onChange)=>{let[value,setValue]=useState(initialValue\|\|""),[color,setColor]=useState(()=>parseValue(value)),[colorSpace,setColorSpace]=useState(color?.colorSpace\|\|"hex");useEffect(()=>{initialValue~~===void 0&&~~(setValue(""),setColor(~~void 0~~),setColorSpace("hex"))},[initialValue]);let realValue=useMemo(()=>getRealValue(value,color,colorSpace).toLowerCase(),[value,color,colorSpace]),updateValue=useCallback(update=>{let parsed=parseValue(update),v=parsed?.value\|\|update\|\|"";setValue(v),v===""&&(setColor(void 0),onChange(void 0)),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))},[onChange]),cycleColorSpace=useCallback(()=>{let next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);let update=color?.[COLOR_SPACES[next]]\|\|"";setValue(update),onChange(update)},[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value=>value.replace(/\s/,"").toLowerCase(),usePresets=(presetColors,currentColor,colorSpace)=>{let[selectedColors,setSelectedColors]=useState(currentColor?.valid?[currentColor]:[]);useEffect(()=>{currentColor===void 0&&setSelectedColors([])},[currentColor]);let presets=useMemo(()=>(presetColors\|\|[]).map(preset=>typeof preset=="string"?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color)).concat(selectedColors).filter(Boolean).slice(-27),[presetColors,selectedColors]),addPreset=useCallback(color=>{!color?.valid\|\|presets.some(preset=>id(preset[colorSpace])===id(color[colorSpace]))\|\|setSelectedColors(arr=>arr.concat(color))},[colorSpace,presets]);return{presets,addPreset}},ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1})=>{let throttledOnChange=useCallback(throttle(onChange,200),[onChange]),{value,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,throttledOnChange),{presets,addPreset}=usePresets(presetColors,color,colorSpace),Picker=ColorPicker[colorSpace];return React.createElement(Wrapper,null,React.createElement(PickerTooltip,{trigger:"click",startOpen,closeOnClick:!0,onVisibilityChange:()=>addPreset(color),tooltip:React.createElement(TooltipContent,null,React.createElement(Picker,{color:realValue==="transparent"?"#000000":realValue,...{onChange:updateValue,onFocus,onBlur}}),presets.length>0&&React.createElement(Swatches,null,presets.map((preset,index)=>React.createElement(WithTooltip,{key:`${preset.value}-${index}`,hasChrome:!1,tooltip:React.createElement(Note,{note:preset.keyword\|\|preset.value})},React.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:()=>updateValue(preset.value)})))))},React.createElement(Swatch,{value:realValue,style:{margin:4}})),React.createElement(Input,{id:getControlId(name),value,onChange:e=>updateValue(e.target.value),onFocus:e=>e.target.select(),placeholder:"Choose color..."}),value?React.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)},Color_default=ColorControl;export{ColorControl,Color_default as default};
1	+ import{getControlId}from"./chunk-GWAJ4KRU.mjs";import React,{useCallback,useEffect,useMemo,useState}from"react";import{HexColorPicker,HslaStringColorPicker,RgbaStringColorPicker}from"react-colorful";import convert from"color-convert";import throttle from"lodash/throttle";import{styled}from"@storybook/theming";import{TooltipNote,WithTooltip,Form,Icons}from"@storybook/components";var Wrapper=styled.div({position:"relative",maxWidth:250}),PickerTooltip=styled(WithTooltip)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=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"}}),Note=styled(TooltipNote)(({theme})=>({fontFamily:theme.typography.fonts.base})),Swatches=styled.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=styled.div(({theme,active})=>({width:16,height:16,boxShadow:active?`${theme.appBorderColor} 0 0 0 1px inset, ${theme.textMutedColor}50 0 0 0 4px`:`${theme.appBorderColor} 0 0 0 1px inset`,borderRadius:theme.appBorderRadius})),swatchBackground=`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>')`,Swatch=({value,active,onClick,style,...props})=>{let backgroundImage=`linear-gradient(${value}, ${value}), ${swatchBackground}, linear-gradient(#fff, #fff)`;return React.createElement(SwatchColor,{...props,...{active,onClick},style:{...style,backgroundImage}})},Input=styled(Form.Input)(({theme})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:theme.typography.fonts.base})),ToggleIcon=styled(Icons)(({theme})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:theme.input.color})),ColorSpace=(ColorSpace2=>(ColorSpace2.RGB="rgb",ColorSpace2.HSL="hsl",ColorSpace2.HEX="hex",ColorSpace2))(ColorSpace\|\|{}),COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/$([0-9]+),\s([0-9]+)%?,\s([0-9]+)%?,?\s([0-9.]+)?$/,RGB_REGEXP=/^\srgba?$([0-9]+),\s([0-9]+),\s([0-9]+),?\s([0-9.]+)?$\s$/i,HSL_REGEXP=/^\shsla?$([0-9]+),\s([0-9]+)%,\s([0-9]+)%,?\s([0-9.]+)?$\s$/i,HEX_REGEXP=/^\s#?([0-9a-f]{3}\|[0-9a-f]{6})\s$/i,SHORTHEX_REGEXP=/^\s#?([0-9a-f]{3})\s$/i,ColorPicker={["hex"]:HexColorPicker,["rgb"]:RgbaStringColorPicker,["hsl"]:HslaStringColorPicker},fallbackColor={["hex"]:"transparent",["rgb"]:"rgba(0, 0, 0, 0)",["hsl"]:"hsla(0, 0%, 0%, 0)"},stringToArgs=value=>{let match=value?.match(COLOR_REGEXP);if(!match)return[0,0,0,1];let[,x,y,z,a=1]=match;return[x,y,z,a].map(Number)},parseValue=value=>{if(!value)return;let valid=!0;if(RGB_REGEXP.test(value)){let[r,g,b,a]=stringToArgs(value),[h,s,l]=convert.rgb.hsl([r,g,b])\|\|[0,0,0];return{valid,value,keyword:convert.rgb.keyword([r,g,b]),colorSpace:"rgb",["rgb"]:value,["hsl"]:`hsla(${h}, ${s}%, ${l}%, ${a})`,["hex"]:`#${convert.rgb.hex([r,g,b]).toLowerCase()}`}}if(HSL_REGEXP.test(value)){let[h,s,l,a]=stringToArgs(value),[r,g,b]=convert.hsl.rgb([h,s,l])\|\|[0,0,0];return{valid,value,keyword:convert.hsl.keyword([h,s,l]),colorSpace:"hsl",["rgb"]:`rgba(${r}, ${g}, ${b}, ${a})`,["hsl"]:value,["hex"]:`#${convert.hsl.hex([h,s,l]).toLowerCase()}`}}let plain=value.replace("#",""),rgb=convert.keyword.rgb(plain)\|\|convert.hex.rgb(plain),hsl=convert.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped=`#${plain}`),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{convert.keyword.hex(mapped)}catch{valid=!1}return{valid,value:mapped,keyword:convert.rgb.keyword(rgb),colorSpace:"hex",["rgb"]:`rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 1)`,["hsl"]:`hsla(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%, 1)`,["hex"]:mapped}},getRealValue=(value,color,colorSpace)=>{if(!value\|\|!color?.valid)return fallbackColor[colorSpace];if(colorSpace!=="hex")return color?.[colorSpace]\|\|fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return`#${convert.keyword.hex(color.hex)}`}catch{return fallbackColor.hex}let short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;let[r,g,b]=short[1].split("");return`#${r}${r}${g}${g}${b}${b}`},useColorInput=(initialValue,onChange)=>{let[value,setValue]=useState(initialValue\|\|""),[color,setColor]=useState(()=>parseValue(value)),[colorSpace,setColorSpace]=useState(color?.colorSpace\|\|"hex");useEffect(()=>{let nextValue=initialValue\|\|"",nextColor=parseValue(nextValue);setValue(nextValue),setColor(nextColor),setColorSpace(nextColor?.colorSpace\|\|"hex")},[initialValue]);let realValue=useMemo(()=>getRealValue(value,color,colorSpace).toLowerCase(),[value,color,colorSpace]),updateValue=useCallback(update=>{let parsed=parseValue(update),v=parsed?.value\|\|update\|\|"";setValue(v),v===""&&(setColor(void 0),onChange(void 0)),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))},[onChange]),cycleColorSpace=useCallback(()=>{let next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);let update=color?.[COLOR_SPACES[next]]\|\|"";setValue(update),onChange(update)},[color,colorSpace,onChange]);return{value,realValue,updateValue,color,colorSpace,cycleColorSpace}},id=value=>value.replace(/\s/,"").toLowerCase(),usePresets=(presetColors,currentColor,colorSpace)=>{let[selectedColors,setSelectedColors]=useState(currentColor?.valid?[currentColor]:[]);useEffect(()=>{currentColor===void 0&&setSelectedColors([])},[currentColor]);let presets=useMemo(()=>(presetColors\|\|[]).map(preset=>typeof preset=="string"?parseValue(preset):preset.title?{...parseValue(preset.color),keyword:preset.title}:parseValue(preset.color)).concat(selectedColors).filter(Boolean).slice(-27),[presetColors,selectedColors]),addPreset=useCallback(color=>{!color?.valid\|\|presets.some(preset=>id(preset[colorSpace])===id(color[colorSpace]))\|\|setSelectedColors(arr=>arr.concat(color))},[colorSpace,presets]);return{presets,addPreset}},ColorControl=({name,value:initialValue,onChange,onFocus,onBlur,presetColors,startOpen=!1})=>{let throttledOnChange=useCallback(throttle(onChange,200),[onChange]),{value,realValue,updateValue,color,colorSpace,cycleColorSpace}=useColorInput(initialValue,throttledOnChange),{presets,addPreset}=usePresets(presetColors,color,colorSpace),Picker=ColorPicker[colorSpace];return React.createElement(Wrapper,null,React.createElement(PickerTooltip,{trigger:"click",startOpen,closeOnClick:!0,onVisibilityChange:()=>addPreset(color),tooltip:React.createElement(TooltipContent,null,React.createElement(Picker,{color:realValue==="transparent"?"#000000":realValue,...{onChange:updateValue,onFocus,onBlur}}),presets.length>0&&React.createElement(Swatches,null,presets.map((preset,index)=>React.createElement(WithTooltip,{key:`${preset.value}-${index}`,hasChrome:!1,tooltip:React.createElement(Note,{note:preset.keyword\|\|preset.value})},React.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:()=>updateValue(preset.value)})))))},React.createElement(Swatch,{value:realValue,style:{margin:4}})),React.createElement(Input,{id:getControlId(name),value,onChange:e=>updateValue(e.target.value),onFocus:e=>e.target.select(),placeholder:"Choose color..."}),value?React.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)},Color_default=ColorControl;export{ColorControl,Color_default as default};

package/dist/index.js CHANGED Viewed

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

package/dist/index.mjs CHANGED Viewed

@@ -16,7 +16,7 @@ import{getControlId,getControlSetterButtonId}from"./chunk-GWAJ4KRU.mjs";import R
             ${darken2(.02,theme.input.background)} 100%)`:`linear-gradient(to right,
             ${theme.color.green} 0%, ${theme.color.green} ${(value2-min)/(max-min)*100}%,
             ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%,
-            ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.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:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=styled15.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeWrapper=styled15.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value))},hasValue=value2!==void 0,numberOFDecimalsPlaces=useMemo2(()=>getNumberOfDecimalPlaces(step),[step]);return React21.createElement(RangeWrapper,null,React21.createElement(RangeLabel,null,min),React21.createElement(RangeInput,{id:getControlId(name),type:"range",onChange:handleChange,...{name,value:value2,min,max,step,onFocus,onBlur}}),React21.createElement(RangeLabel,null,`${hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"}`," / ",max))};import React22,{useCallback as useCallback5,useState as useState7}from"react";import{styled as styled16}from"@storybook/theming";import{Form as Form5}from"@storybook/components";var Wrapper6=styled16.label({display:"flex"}),MaxLength=styled16.div(({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value)},[forceVisible,setForceVisible]=useState7(!1),onForceVisible=useCallback5(()=>{onChange(""),setForceVisible(!0)},[setForceVisible]);if(value2===void 0)return React22.createElement(Form5.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");let isValid=typeof value2=="string";return React22.createElement(Wrapper6,null,React22.createElement(Form5.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",...{name,value:isValid?value2:"",onFocus,onBlur}}),maxLength&&React22.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))};import React23,{useEffect as useEffect5,useRef as useRef4}from"react";import{styled as styled17}from"@storybook/theming";import{Form as Form6}from"@storybook/components";var FileInput=styled17(Form6.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url)})}var FilesControl=({onChange,name,accept="image/*",value:value2})=>{let inputElement=useRef4(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2)}return useEffect5(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null)},[value2,name]),React23.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:"file",name,multiple:!0,onChange:handleFileChange,accept,size:"flex"})};var LazyColorControl=lazy(()=>import("./Color-CUYN57MU.mjs")),ColorControl=props=>React24.createElement(Suspense,{fallback:React24.createElement("div",null)},React24.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>React25.createElement(React25.Fragment,null,"-"),ArgControl=({row,arg,updateArgs})=>{let{key,control}=row,[isFocused,setFocused]=useState8(!1),[boxedValue,setBoxedValue]=useState8({value:arg});useEffect6(()=>{isFocused||setBoxedValue({value:arg})},[isFocused,arg]);let onChange=useCallback6(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=useCallback6(()=>setFocused(!1),[]),onFocus=useCallback6(()=>setFocused(!0),[]);if(!control||control.disable)return React25.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return React25.createElement(Control,{...props,...control,controlType:control.type})};var Name=styled18.span({fontWeight:"bold"}),Required=styled18.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"})),Description2=styled18.div(({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...codeCommon3({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=styled18.div(({theme,hasDescription})=>({color:theme.base==="light"?transparentize4(.1,theme.color.defaultText):transparentize4(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=styled18.div(({theme,hasDescription})=>({color:theme.base==="light"?transparentize4(.1,theme.color.defaultText):transparentize4(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=styled18.td(({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"})),ArgRow=props=>{let{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!=="";return React26.createElement("tr",null,React26.createElement(StyledTd,{expandable},React26.createElement(Name,null,name),required?React26.createElement(Required,{title:"Required"},"*"):null),compact?null:React26.createElement("td",null,hasDescription&&React26.createElement(Description2,null,React26.createElement(Markdown2,null,description)),table.jsDocTags!=null?React26.createElement(React26.Fragment,null,React26.createElement(TypeWithJsDoc,{hasDescription},React26.createElement(ArgValue,{value:type,initialExpandedArgs})),React26.createElement(ArgJsDoc,{tags:table.jsDocTags})):React26.createElement(Type,{hasDescription},React26.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:React26.createElement("td",null,React26.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?React26.createElement("td",null,React26.createElement(ArgControl,{...props})):null)};import React27,{useState as useState9}from"react";import{transparentize as transparentize5}from"polished";import{styled as styled19}from"@storybook/theming";import{Icons as Icons5}from"@storybook/components";var ExpanderIcon=styled19(Icons5)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base==="light"?transparentize5(.25,theme.color.defaultText):transparentize5(.3,theme.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=styled19.span(({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=styled19.td(({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.black,fontSize:theme.typography.size.s1-1,color:theme.base==="light"?transparentize5(.4,theme.color.defaultText):transparentize5(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}})),Subsection=styled19.td(({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.content})),StyledTd2=styled19.td(({theme})=>({position:"relative"})),StyledTr=styled19.tr(({theme})=>({"&:hover > td":{backgroundColor:`${theme.background.hoverable} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=styled19.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"})),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=useState9(initialExpanded),Level=level==="subsection"?Subsection:Section,itemCount=children?.length||0,caption=level==="subsection"?`${itemCount} item${itemCount!==1?"s":""}`:"",icon=expanded?"arrowdown":"arrowright",helperText=`${expanded?"Hide":"Show"} ${level==="subsection"?itemCount:label} item${itemCount!==1?"s":""}`;return React27.createElement(React27.Fragment,null,React27.createElement(StyledTr,{title:helperText},React27.createElement(Level,{colSpan:1},React27.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),React27.createElement(FlexWrapper,null,React27.createElement(ExpanderIcon,{icon}),label)),React27.createElement(StyledTd2,{colSpan:colSpan-1},React27.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)};var TableWrapper=styled20.table(({theme,compact,inAddonPanel})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?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)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:theme.base==="light"?transparentize6(.25,theme.color.defaultText):transparentize6(.45,theme.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:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:inAddonPanel?0:theme.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:inAddonPanel?0:theme.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:inAddonPanel?0:theme.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:inAddonPanel?0:theme.appBorderRadius}},tbody:{boxShadow:!inAddonPanel&&(theme.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
+            ${lighten(.02,theme.input.background)} 100%)`,boxShadow:`${theme.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:`${theme.input.background}`,border:`1px solid ${rgba(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=styled15.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeWrapper=styled15.div({display:"flex",alignItems:"center",width:"100%"});function getNumberOfDecimalPlaces(number){let match=number.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return match?Math.max(0,(match[1]?match[1].length:0)-(match[2]?+match[2]:0)):0}var RangeControl=({name,value:value2,onChange,min=0,max=100,step=1,onBlur,onFocus})=>{let handleChange=event=>{onChange(parse2(event.target.value))},hasValue=value2!==void 0,numberOFDecimalsPlaces=useMemo2(()=>getNumberOfDecimalPlaces(step),[step]);return React21.createElement(RangeWrapper,null,React21.createElement(RangeLabel,null,min),React21.createElement(RangeInput,{id:getControlId(name),type:"range",onChange:handleChange,...{name,value:value2,min,max,step,onFocus,onBlur}}),React21.createElement(RangeLabel,null,`${hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"}`," / ",max))};import React22,{useCallback as useCallback5,useState as useState7}from"react";import{styled as styled16}from"@storybook/theming";import{Form as Form5}from"@storybook/components";var Wrapper6=styled16.label({display:"flex"}),MaxLength=styled16.div(({isMaxed})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:isMaxed?"red":void 0})),TextControl=({name,value:value2,onChange,onFocus,onBlur,maxLength})=>{let handleChange=event=>{onChange(event.target.value)},[forceVisible,setForceVisible]=useState7(!1),onForceVisible=useCallback5(()=>{onChange(""),setForceVisible(!0)},[setForceVisible]);if(value2===void 0)return React22.createElement(Form5.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");let isValid=typeof value2=="string";return React22.createElement(Wrapper6,null,React22.createElement(Form5.Textarea,{id:getControlId(name),maxLength,onChange:handleChange,size:"flex",placeholder:"Edit string...",autoFocus:forceVisible,valid:isValid?null:"error",...{name,value:isValid?value2:"",onFocus,onBlur}}),maxLength&&React22.createElement(MaxLength,{isMaxed:value2?.length===maxLength},value2?.length??0," / ",maxLength))};import React23,{useEffect as useEffect5,useRef as useRef4}from"react";import{styled as styled17}from"@storybook/theming";import{Form as Form6}from"@storybook/components";var FileInput=styled17(Form6.Input)({padding:10});function revokeOldUrls(urls){urls.forEach(url=>{url.startsWith("blob:")&&URL.revokeObjectURL(url)})}var FilesControl=({onChange,name,accept="image/*",value:value2})=>{let inputElement=useRef4(null);function handleFileChange(e){if(!e.target.files)return;let fileUrls=Array.from(e.target.files).map(file=>URL.createObjectURL(file));onChange(fileUrls),revokeOldUrls(value2)}return useEffect5(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null)},[value2,name]),React23.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:"file",name,multiple:!0,onChange:handleFileChange,accept,size:"flex"})};var LazyColorControl=lazy(()=>import("./Color-SA7YPPUW.mjs")),ColorControl=props=>React24.createElement(Suspense,{fallback:React24.createElement("div",null)},React24.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl,date:DateControl,number:NumberControl,check:OptionsControl,"inline-check":OptionsControl,radio:OptionsControl,"inline-radio":OptionsControl,select:OptionsControl,"multi-select":OptionsControl,range:RangeControl,text:TextControl,file:FilesControl},NoControl=()=>React25.createElement(React25.Fragment,null,"-"),ArgControl=({row,arg,updateArgs})=>{let{key,control}=row,[isFocused,setFocused]=useState8(!1),[boxedValue,setBoxedValue]=useState8({value:arg});useEffect6(()=>{isFocused||setBoxedValue({value:arg})},[isFocused,arg]);let onChange=useCallback6(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=useCallback6(()=>setFocused(!1),[]),onFocus=useCallback6(()=>setFocused(!0),[]);if(!control||control.disable)return React25.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return React25.createElement(Control,{...props,...control,controlType:control.type})};var Name=styled18.span({fontWeight:"bold"}),Required=styled18.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"})),Description2=styled18.div(({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...codeCommon3({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=styled18.div(({theme,hasDescription})=>({color:theme.base==="light"?transparentize4(.1,theme.color.defaultText):transparentize4(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=styled18.div(({theme,hasDescription})=>({color:theme.base==="light"?transparentize4(.1,theme.color.defaultText):transparentize4(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=styled18.td(({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"})),ArgRow=props=>{let{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=row.type?.required,hasDescription=description!=null&&description!=="";return React26.createElement("tr",null,React26.createElement(StyledTd,{expandable},React26.createElement(Name,null,name),required?React26.createElement(Required,{title:"Required"},"*"):null),compact?null:React26.createElement("td",null,hasDescription&&React26.createElement(Description2,null,React26.createElement(Markdown2,null,description)),table.jsDocTags!=null?React26.createElement(React26.Fragment,null,React26.createElement(TypeWithJsDoc,{hasDescription},React26.createElement(ArgValue,{value:type,initialExpandedArgs})),React26.createElement(ArgJsDoc,{tags:table.jsDocTags})):React26.createElement(Type,{hasDescription},React26.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:React26.createElement("td",null,React26.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?React26.createElement("td",null,React26.createElement(ArgControl,{...props})):null)};import React27,{useState as useState9}from"react";import{transparentize as transparentize5}from"polished";import{styled as styled19}from"@storybook/theming";import{Icons as Icons5}from"@storybook/components";var ExpanderIcon=styled19(Icons5)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base==="light"?transparentize5(.25,theme.color.defaultText):transparentize5(.3,theme.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=styled19.span(({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=styled19.td(({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.black,fontSize:theme.typography.size.s1-1,color:theme.base==="light"?transparentize5(.4,theme.color.defaultText):transparentize5(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}})),Subsection=styled19.td(({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.content})),StyledTd2=styled19.td(({theme})=>({position:"relative"})),StyledTr=styled19.tr(({theme})=>({"&:hover > td":{backgroundColor:`${theme.background.hoverable} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=styled19.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"})),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=useState9(initialExpanded),Level=level==="subsection"?Subsection:Section,itemCount=children?.length||0,caption=level==="subsection"?`${itemCount} item${itemCount!==1?"s":""}`:"",icon=expanded?"arrowdown":"arrowright",helperText=`${expanded?"Hide":"Show"} ${level==="subsection"?itemCount:label} item${itemCount!==1?"s":""}`;return React27.createElement(React27.Fragment,null,React27.createElement(StyledTr,{title:helperText},React27.createElement(Level,{colSpan:1},React27.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),React27.createElement(FlexWrapper,null,React27.createElement(ExpanderIcon,{icon}),label)),React27.createElement(StyledTd2,{colSpan:colSpan-1},React27.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)};var TableWrapper=styled20.table(({theme,compact,inAddonPanel})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,color:theme.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:theme.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:inAddonPanel?0:25,marginBottom:inAddonPanel?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)":{...compact?null:{width:"35%"}},"td:nth-of-type(3)":{...compact?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...compact?null:{width:"25%"}},th:{color:theme.base==="light"?transparentize6(.25,theme.color.defaultText):transparentize6(.45,theme.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:inAddonPanel?0:1,marginRight:inAddonPanel?0:1,["tr:first-child"]:{["td:first-child, th:first-child"]:{borderTopLeftRadius:inAddonPanel?0:theme.appBorderRadius},["td:last-child, th:last-child"]:{borderTopRightRadius:inAddonPanel?0:theme.appBorderRadius}},["tr:last-child"]:{["td:first-child, th:first-child"]:{borderBottomLeftRadius:inAddonPanel?0:theme.appBorderRadius},["td:last-child, th:last-child"]:{borderBottomRightRadius:inAddonPanel?0:theme.appBorderRadius}},tbody:{boxShadow:!inAddonPanel&&(theme.base==="light"?`rgba(0, 0, 0, 0.10) 0 1px 3px 1px,
           ${transparentize6(.035,theme.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
           ${opacify2(.05,theme.appBorderColor)} 0 0 0 1px`),borderRadius:theme.appBorderRadius,"@media not all and (min-resolution:.001dpcm)":{"@supports (-webkit-appearance:none)":{borderWidth:1,borderStyle:"solid",...inAddonPanel&&{borderColor:"transparent"},...!inAddonPanel&&{borderColor:theme.base==="light"?transparentize6(.035,theme.appBorderColor):opacify2(.05,theme.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...inAddonPanel?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:theme.base==="light"?darken3(.1,theme.background.content):lighten2(.05,theme.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:theme.base==="light"?darken3(.1,theme.background.content):lighten2(.05,theme.background.content)}}},td:{background:theme.background.content}}}}),({isLoading,theme})=>isLoading?{"th span, td span, td button":{display:"inline",backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`,color:"transparent",boxShadow:"none",borderRadius:0}}:{}),StyledIconButton=styled20(IconButton3)(({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=styled20.span({display:"flex",justifyContent:"space-between"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>Number(!!b.type?.required)-Number(!!a.type?.required)||a.name.localeCompare(b.name),none:void 0},rowLoadingData=key=>({key,name:"propertyName",description:"This is a short description",control:{type:"text"},table:{type:{summary:"summary"},defaultValue:{summary:"defaultValue"}}}),argsTableLoadingData={rows:{row1:rowLoadingData("row1"),row2:rowLoadingData("row2"),row3:rowLoadingData("row3")}},groupRows=(rows,sort)=>{let sections={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!rows)return sections;Object.entries(rows).forEach(([key,row])=>{let{category,subcategory}=row?.table||{};if(category){let section=sections.sections[category]||{ungrouped:[],subsections:{}};if(!subcategory)section.ungrouped.push({key,...row});else{let subsection=section.subsections[subcategory]||[];subsection.push({key,...row}),section.subsections[subcategory]=subsection}sections.sections[category]=section}else if(subcategory){let subsection=sections.ungroupedSubsections[subcategory]||[];subsection.push({key,...row}),sections.ungroupedSubsections[subcategory]=subsection}else sections.ungrouped.push({key,...row})});let sortFn=sortFns[sort],sortSubsection=record=>sortFn?Object.keys(record).reduce((acc,cur)=>({...acc,[cur]:record[cur].sort(sortFn)}),{}):record;return{ungrouped:sections.ungrouped.sort(sortFn),ungroupedSubsections:sortSubsection(sections.ungroupedSubsections),sections:Object.keys(sections.sections).reduce((acc,cur)=>({...acc,[cur]:{ungrouped:sections.sections[cur].ungrouped.sort(sortFn),subsections:sortSubsection(sections.sections[cur].subsections)}}),{})}},safeIncludeConditionalArg=(row,args,globals)=>{try{return includeConditionalArg(row,args,globals)}catch(err){return once.warn(err.message),!1}},ArgsTable=props=>{if("error"in props)return React28.createElement(EmptyBlock,null,props.error,"\xA0",React28.createElement(Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let{updateArgs,resetArgs,compact,inAddonPanel,initialExpandedArgs,sort="none"}=props,isLoading="isLoading"in props,{rows,args,globals}="rows"in props?props:argsTableLoadingData,groups=groupRows(pickBy(rows,row=>!row?.table?.disable&&safeIncludeConditionalArg(row,args||{},globals||{})),sort);if(groups.ungrouped.length===0&&Object.entries(groups.sections).length===0&&Object.entries(groups.ungroupedSubsections).length===0)return React28.createElement(EmptyBlock,null,"No inputs found for this component.\xA0",React28.createElement(Link,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},"Read the docs"));let colSpan=1;updateArgs&&(colSpan+=1),compact||(colSpan+=2);let expandable=Object.keys(groups.sections).length>0,common={updateArgs,compact,inAddonPanel,initialExpandedArgs};return React28.createElement(ResetWrapper,null,React28.createElement(TableWrapper,{"aria-hidden":isLoading,...{compact,inAddonPanel,isLoading},className:"docblock-argstable"},React28.createElement("thead",{className:"docblock-argstable-head"},React28.createElement("tr",null,React28.createElement("th",null,React28.createElement("span",null,"Name")),compact?null:React28.createElement("th",null,React28.createElement("span",null,"Description")),compact?null:React28.createElement("th",null,React28.createElement("span",null,"Default")),updateArgs?React28.createElement("th",null,React28.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&React28.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},React28.createElement(Icons6,{icon:"undo","aria-hidden":!0})))):null)),React28.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map(row=>React28.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>React28.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>React28.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>React28.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map(row=>React28.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>React28.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>React28.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};import React29 from"react";import{TabsState}from"@storybook/components";var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?React29.createElement(ArgsTable,{...entries[0][1],...props}):React29.createElement(TabsState,null,entries.map(entry=>{let[label,table]=entry,id=`prop_table_div_${label}`;return React29.createElement("div",{key:id,id,title:label},({active})=>active?React29.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null)}))};import React30 from"react";import{styled as styled21}from"@storybook/theming";import{Link as Link2}from"@storybook/components";var NoControlsWrapper=styled21.div(({theme})=>({background:theme.background.warning,color:theme.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`})),NoControlsWarning=()=>React30.createElement(NoControlsWrapper,null,"This story is not configured to handle controls."," ",React30.createElement(Link2,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));import React31 from"react";import{transparentize as transparentize7}from"polished";import{styled as styled22}from"@storybook/theming";import{withReset as withReset3}from"@storybook/components";var Label4=styled22.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?transparentize7(.4,theme.color.defaultText):transparentize7(.6,theme.color.defaultText)})),Sample=styled22.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=styled22.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper7=styled22.div(withReset3,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>React31.createElement(Wrapper7,{...props,className:"docblock-typeset"},fontSizes.map(size=>React31.createElement(TypeSpecimen,{key:size},React31.createElement(Label4,null,size),React31.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))));import React32 from"react";import{transparentize as transparentize8}from"polished";import{styled as styled23}from"@storybook/theming";import{ResetWrapper as ResetWrapper2}from"@storybook/components";var ItemTitle=styled23.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=styled23.div(({theme})=>({color:theme.base==="light"?transparentize8(.2,theme.color.defaultText):transparentize8(.6,theme.color.defaultText)})),ItemDescription=styled23.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=styled23.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?transparentize8(.4,theme.color.defaultText):transparentize8(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),SwatchLabels=styled23.div({display:"flex",flexDirection:"row"}),Swatch=styled23.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}})),SwatchColors=styled23.div(({theme})=>({...getBlockBackgroundStyle(theme),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"})),SwatchSpecimen=styled23.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches=styled23.div({flex:1,display:"flex",flexDirection:"row"}),Item=styled23.div({display:"flex",alignItems:"flex-start"}),ListName=styled23.div({flex:"0 0 30%"}),ListSwatches=styled23.div({flex:1}),ListHeading=styled23.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?transparentize8(.4,theme.color.defaultText):transparentize8(.6,theme.color.defaultText)})),List=styled23.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function renderSwatch(color,index){return React32.createElement(Swatch,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return React32.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},React32.createElement("div",null,color,colorDescription&&React32.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?React32.createElement(SwatchSpecimen,null,React32.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),React32.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index)))):React32.createElement(SwatchSpecimen,null,React32.createElement(SwatchColors,null,Object.values(colors).map((color,index)=>renderSwatch(color,index))),React32.createElement(SwatchLabels,null,Object.keys(colors).map((color,index)=>renderSwatchLabel(color,index,colors[color]))))}var ColorItem=({title,subtitle,colors})=>React32.createElement(Item,null,React32.createElement(ItemDescription,null,React32.createElement(ItemTitle,null,title),React32.createElement(ItemSubtitle,null,subtitle)),React32.createElement(Swatches,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>React32.createElement(ResetWrapper2,null,React32.createElement(List,{...props,className:"docblock-colorpalette"},React32.createElement(ListHeading,null,React32.createElement(ListName,null,"Name"),React32.createElement(ListSwatches,null,"Swatches")),children));import React33 from"react";import{styled as styled24}from"@storybook/theming";import{ResetWrapper as ResetWrapper3}from"@storybook/components";var ItemLabel=styled24.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=styled24.div(({theme})=>({...getBlockBackgroundStyle(theme),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),Item2=styled24.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),List2=styled24.div({display:"flex",flexFlow:"row wrap"}),IconItem=({name,children})=>React33.createElement(Item2,null,React33.createElement(ItemSpecimen,null,children),React33.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>React33.createElement(ResetWrapper3,null,React33.createElement(List2,{...props,className:"docblock-icongallery"},children));import React34 from"react";var anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>React34.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);import React35,{useContext,useEffect as useEffect8,useState as useState11,useCallback as useCallback7}from"react";import mapValues from"lodash/mapValues";import{filterArgTypes}from"@storybook/preview-api";import{STORY_ARGS_UPDATED,UPDATE_STORY_ARGS,RESET_STORY_ARGS,GLOBALS_UPDATED}from"@storybook/core-events";import{createContext as createContext2}from"react";import{window as globalWindow3}from"global";globalWindow3&&globalWindow3.__DOCS_CONTEXT__===void 0&&(globalWindow3.__DOCS_CONTEXT__=createContext2(null),globalWindow3.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=globalWindow3?globalWindow3.__DOCS_CONTEXT__:createContext2(null);var PRIMARY_STORY="^";var titleCase=str2=>str2.split("-").map(part=>part.charAt(0).toUpperCase()+part.slice(1)).join(""),getComponentName=component=>{if(!!component)return typeof component=="string"?component.includes("-")?titleCase(component):component:component.__docgenInfo&&component.__docgenInfo.displayName?component.__docgenInfo.displayName:component.name};function scrollToElement(element,block="start"){element.scrollIntoView({behavior:"smooth",block,inline:"nearest"})}import{useState as useState10,useEffect as useEffect7}from"react";function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=useState10({});return useEffect7(()=>{Promise.all(storyIds.map(async storyId=>{let story=await context.loadStory(storyId);setStories(current=>current[storyId]===story?current:{...current,[storyId]:story})}))}),storyIds.map(storyId=>{if(storiesById[storyId])return storiesById[storyId];try{return context.storyById(storyId)}catch{return null}})}var useArgs=(storyId,context)=>{let storyContext=context.getStoryContext(context.storyById()),[args,setArgs]=useState11(storyContext.args);useEffect8(()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(STORY_ARGS_UPDATED,cb),()=>context.channel.off(STORY_ARGS_UPDATED,cb)},[storyId]);let updateArgs=useCallback7(updatedArgs=>context.channel.emit(UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId]),resetArgs=useCallback7(argNames=>context.channel.emit(RESET_STORY_ARGS,{storyId,argNames}),[storyId]);return[args,updateArgs,resetArgs]},useGlobals=context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=useState11(storyContext.globals);return useEffect8(()=>{let cb=changed=>{setGlobals(changed.globals)};return context.channel.on(GLOBALS_UPDATED,cb),()=>context.channel.off(GLOBALS_UPDATED,cb)},[]),[globals]},extractComponentArgTypes=(component,context,include,exclude)=>{let{parameters}=context.storyById(),{extractArgTypes}=parameters.docs||{};if(!extractArgTypes)throw new Error("Args unsupported. See Args documentation for your framework.");let argTypes=extractArgTypes(component);return argTypes=filterArgTypes(argTypes,include,exclude),argTypes},isShortcut=value2=>value2&&[PRIMARY_STORY].includes(value2),getComponent=(props={},context)=>{let{of}=props,{story}=props,{component}=context.storyById();if(isShortcut(of)||isShortcut(story))return component||null;if(!of)throw new Error("No component found.");return of},addComponentTabs=(tabs,components3,context,include,exclude,sort)=>({...tabs,...mapValues(components3,comp=>({rows:extractComponentArgTypes(comp,context,include,exclude),sort}))}),StoryTable=props=>{let context=useContext(DocsContext),{story:storyName,component,subcomponents,showComponent,include,exclude,sort}=props;try{let storyId;switch(storyName){case PRIMARY_STORY:{storyId=context.storyById().id;break}default:storyId=context.storyIdByName(storyName)}let story=useStory(storyId,context),[args,updateArgs,resetArgs]=useArgs(storyId,context),[globals]=useGlobals(context);if(!story)return React35.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=filterArgTypes(story.argTypes,include,exclude),mainLabel=getComponentName(component)||"Story",tabs={[mainLabel]:{rows:argTypes,args,globals,updateArgs,resetArgs}},storyHasArgsWithControls=argTypes&&Object.values(argTypes).find(v=>!!v?.control);if(storyHasArgsWithControls||(updateArgs=null,resetArgs=null,tabs={}),component&&(!storyHasArgsWithControls||showComponent)&&(tabs=addComponentTabs(tabs,{[mainLabel]:component},context,include,exclude)),subcomponents){if(Array.isArray(subcomponents))throw new Error("Unexpected subcomponents array. Expected an object whose keys are tab labels and whose values are components.");tabs=addComponentTabs(tabs,subcomponents,context,include,exclude)}return React35.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return React35.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let context=useContext(DocsContext),{components:components3,include,exclude,sort}=props,tabs=addComponentTabs({},components3,context,include,exclude);return React35.createElement(TabbedArgsTable,{tabs,sort})},ArgsTable2=props=>{let context=useContext(DocsContext),{parameters:{controls},subcomponents}=context.storyById(),{include,exclude,components:components3,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||controls?.sort,main=getComponent(props,context);if(storyName)return React35.createElement(StoryTable,{...props,component:main,...{subcomponents,sort}});if(!components3&&!subcomponents){let mainProps;try{mainProps={rows:extractComponentArgTypes(main,context,include,exclude)}}catch(err){mainProps={error:err.message}}return React35.createElement(ArgsTable,{...mainProps,sort})}if(components3)return React35.createElement(ComponentsTable,{...props,...{components:components3,sort}});let mainLabel=getComponentName(main);return React35.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort})};ArgsTable2.defaultProps={of:PRIMARY_STORY};import React38,{Children as Children2,useContext as useContext3}from"react";import React36,{createContext as createContext3,useEffect as useEffect9,useState as useState12}from"react";import{dequal as deepEqual}from"dequal";import{SNIPPET_RENDERED}from"@storybook/docs-tools";var SourceContext=createContext3({sources:{}}),SourceContainer=({children,channel})=>{let[sources,setSources]=useState12({});return useEffect9(()=>{let handleSnippetRendered=(id,newSource,format2=!1)=>{sources[id]&&sources[id].code===newSource||setSources(current=>{let newSources={...current,[id]:{code:newSource,format:format2}};return deepEqual(current,newSources)?current:newSources})};return channel.on(SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(SNIPPET_RENDERED,handleSnippetRendered)},[]),React36.createElement(SourceContext.Provider,{value:{sources}},children)};import React37,{useContext as useContext2}from"react";import{SourceType}from"@storybook/docs-tools";import{combineParameters}from"@storybook/preview-api";function extractSource(location,lines){let{startBody:start,endBody:end}=location;if(start.line===end.line&&lines[start.line-1]!==void 0)return lines[start.line-1].substring(start.col,end.col);let startLine=lines[start.line-1],endLine=lines[end.line-1];return startLine===void 0||endLine===void 0?null:[startLine.substring(start.col),...lines.slice(start.line,end.line-1),endLine.substring(0,end.col)].join(`
 `)}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(`

package/package.json CHANGED Viewed

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