@storybook/blocks 7.0.0-beta.21 → 7.0.0-beta.23

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 (3) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.mjs +2 -2
  3. package/package.json +12 -12
package/dist/index.js CHANGED
@@ -18,8 +18,8 @@ var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropD
18
18
  ${(0,import_polished5.lighten)(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%,
19
19
  ${(0,import_polished5.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 ${(0,import_polished5.rgba)(theme.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),RangeLabel=import_theming15.styled.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),RangeWrapper=import_theming15.styled.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=(0,import_react22.useMemo)(()=>getNumberOfDecimalPlaces(step),[step]);return import_react22.default.createElement(RangeWrapper,null,import_react22.default.createElement(RangeLabel,null,min),import_react22.default.createElement(RangeInput,{id:getControlId(name),type:"range",onChange:handleChange,name,value:value2,min,max,step,onFocus,onBlur}),import_react22.default.createElement(RangeLabel,null,`${hasValue?value2.toFixed(numberOFDecimalsPlaces):"--"}`," / ",max))};var import_react23=__toESM(require("react")),import_theming16=require("@storybook/theming"),import_components15=require("@storybook/components");init_helpers();var Wrapper6=import_theming16.styled.label({display:"flex"}),MaxLength=import_theming16.styled.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]=(0,import_react23.useState)(!1),onForceVisible=(0,import_react23.useCallback)(()=>{onChange(""),setForceVisible(!0)},[setForceVisible]);if(value2===void 0)return import_react23.default.createElement(import_components15.Form.Button,{id:getControlSetterButtonId(name),onClick:onForceVisible},"Set string");let isValid=typeof value2=="string";return import_react23.default.createElement(Wrapper6,null,import_react23.default.createElement(import_components15.Form.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&&import_react23.default.createElement(MaxLength,{isMaxed:(value2==null?void 0:value2.length)===maxLength},(value2==null?void 0:value2.length)??0," / ",maxLength))};var import_react24=__toESM(require("react")),import_theming17=require("@storybook/theming"),import_components16=require("@storybook/components");init_helpers();var FileInput=(0,import_theming17.styled)(import_components16.Form.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=(0,import_react24.useRef)(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(0,import_react24.useEffect)(()=>{value2==null&&inputElement.current&&(inputElement.current.value=null)},[value2,name]),import_react24.default.createElement(FileInput,{ref:inputElement,id:getControlId(name),type:"file",name,multiple:!0,onChange:handleFileChange,accept,size:"flex"})};var LazyColorControl=(0,import_react26.lazy)(()=>Promise.resolve().then(()=>(init_Color(),Color_exports))),ColorControl2=props=>import_react26.default.createElement(import_react26.Suspense,{fallback:import_react26.default.createElement("div",null)},import_react26.default.createElement(LazyColorControl,{...props}));var Controls2={array:ObjectControl,object:ObjectControl,boolean:BooleanControl,color:ColorControl2,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=()=>import_react27.default.createElement(import_react27.default.Fragment,null,"-"),ArgControl=({row,arg,updateArgs})=>{let{key,control}=row,[isFocused,setFocused]=(0,import_react27.useState)(!1),[boxedValue,setBoxedValue]=(0,import_react27.useState)({value:arg});(0,import_react27.useEffect)(()=>{isFocused||setBoxedValue({value:arg})},[isFocused,arg]);let onChange=(0,import_react27.useCallback)(argVal=>(setBoxedValue({value:argVal}),updateArgs({[key]:argVal}),argVal),[updateArgs,key]),onBlur=(0,import_react27.useCallback)(()=>setFocused(!1),[]),onFocus=(0,import_react27.useCallback)(()=>setFocused(!0),[]);if(!control||control.disable)return import_react27.default.createElement(NoControl,null);let props={name:key,argType:row,value:boxedValue.value,onChange,onBlur,onFocus},Control=Controls2[control.type]||NoControl;return import_react27.default.createElement(Control,{...props,...control,controlType:control.type})};var Name=import_theming19.styled.span({fontWeight:"bold"}),Required=import_theming19.styled.span(({theme})=>({color:theme.color.negative,fontFamily:theme.typography.fonts.mono,cursor:"help"})),Description2=import_theming19.styled.div(({theme})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:theme.color.secondary}},code:{...(0,import_components18.codeCommon)({theme}),fontSize:12,fontFamily:theme.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Type=import_theming19.styled.div(({theme,hasDescription})=>({color:theme.base==="light"?(0,import_polished6.transparentize)(.1,theme.color.defaultText):(0,import_polished6.transparentize)(.2,theme.color.defaultText),marginTop:hasDescription?4:0})),TypeWithJsDoc=import_theming19.styled.div(({theme,hasDescription})=>({color:theme.base==="light"?(0,import_polished6.transparentize)(.1,theme.color.defaultText):(0,import_polished6.transparentize)(.2,theme.color.defaultText),marginTop:hasDescription?12:0,marginBottom:12})),StyledTd=import_theming19.styled.td(({theme,expandable})=>({paddingLeft:expandable?"40px !important":"20px !important"})),ArgRow=props=>{var _a;let{row,updateArgs,compact,expandable,initialExpandedArgs}=props,{name,description}=row,table=row.table||{},type=table.type||row.type,defaultValue=table.defaultValue||row.defaultValue,required=(_a=row.type)==null?void 0:_a.required,hasDescription=description!=null&&description!=="";return import_react28.default.createElement("tr",null,import_react28.default.createElement(StyledTd,{expandable},import_react28.default.createElement(Name,null,name),required?import_react28.default.createElement(Required,{title:"Required"},"*"):null),compact?null:import_react28.default.createElement("td",null,hasDescription&&import_react28.default.createElement(Description2,null,import_react28.default.createElement(import_markdown_to_jsx2.default,null,description)),table.jsDocTags!=null?import_react28.default.createElement(import_react28.default.Fragment,null,import_react28.default.createElement(TypeWithJsDoc,{hasDescription},import_react28.default.createElement(ArgValue,{value:type,initialExpandedArgs})),import_react28.default.createElement(ArgJsDoc,{tags:table.jsDocTags})):import_react28.default.createElement(Type,{hasDescription},import_react28.default.createElement(ArgValue,{value:type,initialExpandedArgs}))),compact?null:import_react28.default.createElement("td",null,import_react28.default.createElement(ArgValue,{value:defaultValue,initialExpandedArgs})),updateArgs?import_react28.default.createElement("td",null,import_react28.default.createElement(ArgControl,{...props})):null)};var import_react29=__toESM(require("react")),import_polished7=require("polished"),import_theming20=require("@storybook/theming"),import_components19=require("@storybook/components"),ExpanderIcon=(0,import_theming20.styled)(import_components19.Icons)(({theme})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:theme.base==="light"?(0,import_polished7.transparentize)(.25,theme.color.defaultText):(0,import_polished7.transparentize)(.3,theme.color.defaultText),border:"none",display:"inline-block"})),FlexWrapper=import_theming20.styled.span(({theme})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Section=import_theming20.styled.td(({theme})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:theme.typography.weight.black,fontSize:theme.typography.size.s1-1,color:theme.base==="light"?(0,import_polished7.transparentize)(.4,theme.color.defaultText):(0,import_polished7.transparentize)(.6,theme.color.defaultText),background:`${theme.background.app} !important`,"& ~ td":{background:`${theme.background.app} !important`}})),Subsection=import_theming20.styled.td(({theme})=>({position:"relative",fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,background:theme.background.content})),StyledTd2=import_theming20.styled.td(({theme})=>({position:"relative"})),StyledTr=import_theming20.styled.tr(({theme})=>({"&:hover > td":{backgroundColor:`${theme.background.hoverable} !important`,boxShadow:`${theme.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),ClickIntercept=import_theming20.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"})),SectionRow=({level="section",label,children,initialExpanded=!0,colSpan=3})=>{let[expanded,setExpanded]=(0,import_react29.useState)(initialExpanded),Level=level==="subsection"?Subsection:Section,itemCount=(children==null?void 0: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 import_react29.default.createElement(import_react29.default.Fragment,null,import_react29.default.createElement(StyledTr,{title:helperText},import_react29.default.createElement(Level,{colSpan:1},import_react29.default.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:0},helperText),import_react29.default.createElement(FlexWrapper,null,import_react29.default.createElement(ExpanderIcon,{icon}),label)),import_react29.default.createElement(StyledTd2,{colSpan:colSpan-1},import_react29.default.createElement(ClickIntercept,{onClick:e=>setExpanded(!expanded),tabIndex:-1,style:{outline:"none"}},helperText),expanded?null:caption)),expanded?children:null)};var TableWrapper=import_theming21.styled.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"?(0,import_polished8.transparentize)(.25,theme.color.defaultText):(0,import_polished8.transparentize)(.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,
20
20
  ${(0,import_polished8.transparentize)(.035,theme.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
21
- ${(0,import_polished8.opacify)(.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"?(0,import_polished8.transparentize)(.035,theme.appBorderColor):(0,import_polished8.opacify)(.05,theme.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...inAddonPanel?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:theme.base==="light"?(0,import_polished8.darken)(.1,theme.background.content):(0,import_polished8.lighten)(.05,theme.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:theme.base==="light"?(0,import_polished8.darken)(.1,theme.background.content):(0,import_polished8.lighten)(.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=(0,import_theming21.styled)(import_components20.IconButton)(({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=import_theming21.styled.span({display:"flex",justifyContent:"space-between"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>{var _a,_b;return Number(!!((_a=b.type)!=null&&_a.required))-Number(!!((_b=a.type)!=null&&_b.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==null?void 0: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(0,import_csf.includeConditionalArg)(row,args,globals)}catch(err){return import_client_logger4.once.warn(err.message),!1}},ArgsTable=props=>{if("error"in props)return import_react30.default.createElement(EmptyBlock,null,props.error,"\xA0",import_react30.default.createElement(import_components20.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((0,import_pickBy.default)(rows,row=>{var _a;return!((_a=row==null?void 0:row.table)!=null&&_a.disable)&&safeIncludeConditionalArg(row,args||{},globals||{})}),sort);if(groups.ungrouped.length===0&&Object.entries(groups.sections).length===0&&Object.entries(groups.ungroupedSubsections).length===0)return import_react30.default.createElement(EmptyBlock,null,"No inputs found for this component.\xA0",import_react30.default.createElement(import_components20.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 import_react30.default.createElement(import_components20.ResetWrapper,null,import_react30.default.createElement(TableWrapper,{"aria-hidden":isLoading,compact,inAddonPanel,isLoading,className:"docblock-argstable"},import_react30.default.createElement("thead",{className:"docblock-argstable-head"},import_react30.default.createElement("tr",null,import_react30.default.createElement("th",null,import_react30.default.createElement("span",null,"Name")),compact?null:import_react30.default.createElement("th",null,import_react30.default.createElement("span",null,"Description")),compact?null:import_react30.default.createElement("th",null,import_react30.default.createElement("span",null,"Default")),updateArgs?import_react30.default.createElement("th",null,import_react30.default.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&import_react30.default.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},import_react30.default.createElement(import_components20.Icons,{icon:"undo","aria-hidden":!0})))):null)),import_react30.default.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>import_react30.default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>import_react30.default.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>import_react30.default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};var import_react31=__toESM(require("react")),import_components21=require("@storybook/components");var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?import_react31.default.createElement(ArgsTable,{...entries[0][1],...props}):import_react31.default.createElement(import_components21.TabsState,null,entries.map(entry=>{let[label,table]=entry,id2=`prop_table_div_${label}`;return import_react31.default.createElement("div",{key:id2,id:id2,title:label},({active})=>active?import_react31.default.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null)}))};var import_react32=__toESM(require("react")),import_theming22=require("@storybook/theming"),import_components22=require("@storybook/components"),NoControlsWrapper=import_theming22.styled.div(({theme})=>({background:theme.background.warning,color:theme.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`})),NoControlsWarning=()=>import_react32.default.createElement(NoControlsWrapper,null,"This story is not configured to handle controls."," ",import_react32.default.createElement(import_components22.Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));var import_react33=__toESM(require("react")),import_polished9=require("polished"),import_theming23=require("@storybook/theming"),import_components23=require("@storybook/components");var Label4=import_theming23.styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?(0,import_polished9.transparentize)(.4,theme.color.defaultText):(0,import_polished9.transparentize)(.6,theme.color.defaultText)})),Sample=import_theming23.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=import_theming23.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper8=import_theming23.styled.div(import_components23.withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>import_react33.default.createElement(Wrapper8,{...props,className:"docblock-typeset"},fontSizes.map(size=>import_react33.default.createElement(TypeSpecimen,{key:size},import_react33.default.createElement(Label4,null,size),import_react33.default.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))));var import_react34=__toESM(require("react")),import_polished10=require("polished"),import_theming24=require("@storybook/theming"),import_components24=require("@storybook/components");var ItemTitle=import_theming24.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=import_theming24.styled.div(({theme})=>({color:theme.base==="light"?(0,import_polished10.transparentize)(.2,theme.color.defaultText):(0,import_polished10.transparentize)(.6,theme.color.defaultText)})),ItemDescription=import_theming24.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=import_theming24.styled.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?(0,import_polished10.transparentize)(.4,theme.color.defaultText):(0,import_polished10.transparentize)(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),SwatchLabels=import_theming24.styled.div({display:"flex",flexDirection:"row"}),Swatch2=import_theming24.styled.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}})),SwatchColors=import_theming24.styled.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=import_theming24.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches2=import_theming24.styled.div({flex:1,display:"flex",flexDirection:"row"}),Item=import_theming24.styled.div({display:"flex",alignItems:"flex-start"}),ListName=import_theming24.styled.div({flex:"0 0 30%"}),ListSwatches=import_theming24.styled.div({flex:1}),ListHeading=import_theming24.styled.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?(0,import_polished10.transparentize)(.4,theme.color.defaultText):(0,import_polished10.transparentize)(.6,theme.color.defaultText)})),List=import_theming24.styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function renderSwatch(color,index){return import_react34.default.createElement(Swatch2,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return import_react34.default.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},import_react34.default.createElement("div",null,color,colorDescription&&import_react34.default.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?import_react34.default.createElement(SwatchSpecimen,null,import_react34.default.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),import_react34.default.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index)))):import_react34.default.createElement(SwatchSpecimen,null,import_react34.default.createElement(SwatchColors,null,Object.values(colors).map((color,index)=>renderSwatch(color,index))),import_react34.default.createElement(SwatchLabels,null,Object.keys(colors).map((color,index)=>renderSwatchLabel(color,index,colors[color]))))}var ColorItem=({title,subtitle,colors})=>import_react34.default.createElement(Item,null,import_react34.default.createElement(ItemDescription,null,import_react34.default.createElement(ItemTitle,null,title),import_react34.default.createElement(ItemSubtitle,null,subtitle)),import_react34.default.createElement(Swatches2,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>import_react34.default.createElement(import_components24.ResetWrapper,null,import_react34.default.createElement(List,{...props,className:"docblock-colorpalette"},import_react34.default.createElement(ListHeading,null,import_react34.default.createElement(ListName,null,"Name"),import_react34.default.createElement(ListSwatches,null,"Swatches")),children));var import_react35=__toESM(require("react")),import_theming25=require("@storybook/theming"),import_components25=require("@storybook/components");var ItemLabel=import_theming25.styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=import_theming25.styled.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=import_theming25.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),List2=import_theming25.styled.div({display:"flex",flexFlow:"row wrap"}),IconItem=({name,children})=>import_react35.default.createElement(Item2,null,import_react35.default.createElement(ItemSpecimen,null,children),import_react35.default.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>import_react35.default.createElement(import_components25.ResetWrapper,null,import_react35.default.createElement(List2,{...props,className:"docblock-icongallery"},children));var import_react36=__toESM(require("react")),anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>import_react36.default.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);var import_react39=__toESM(require("react")),import_mapValues=__toESM(require("lodash/mapValues.js")),import_preview_api=require("@storybook/preview-api"),import_core_events=require("@storybook/core-events");var import_react37=require("react"),import_global5=require("@storybook/global");import_global5.global&&import_global5.global.__DOCS_CONTEXT__===void 0&&(import_global5.global.__DOCS_CONTEXT__=(0,import_react37.createContext)(null),import_global5.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=import_global5.global?import_global5.global.__DOCS_CONTEXT__:(0,import_react37.createContext)(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"})}var import_react38=require("react");function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=(0,import_react38.useState)({});return(0,import_react38.useEffect)(()=>{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]=(0,import_react39.useState)(storyContext.args);(0,import_react39.useEffect)(()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(import_core_events.STORY_ARGS_UPDATED,cb),()=>context.channel.off(import_core_events.STORY_ARGS_UPDATED,cb)},[storyId]);let updateArgs=(0,import_react39.useCallback)(updatedArgs=>context.channel.emit(import_core_events.UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId]),resetArgs=(0,import_react39.useCallback)(argNames=>context.channel.emit(import_core_events.RESET_STORY_ARGS,{storyId,argNames}),[storyId]);return[args,updateArgs,resetArgs]},useGlobals=context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=(0,import_react39.useState)(storyContext.globals);return(0,import_react39.useEffect)(()=>{let cb=changed=>{setGlobals(changed.globals)};return context.channel.on(import_core_events.GLOBALS_UPDATED,cb),()=>context.channel.off(import_core_events.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=(0,import_preview_api.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,...(0,import_mapValues.default)(components3,comp=>({rows:extractComponentArgTypes(comp,context,include,exclude),sort}))}),StoryTable=props=>{let context=(0,import_react39.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 import_react39.default.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=(0,import_preview_api.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!=null&&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 import_react39.default.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return import_react39.default.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let context=(0,import_react39.useContext)(DocsContext),{components:components3,include,exclude,sort}=props,tabs=addComponentTabs({},components3,context,include,exclude);return import_react39.default.createElement(TabbedArgsTable,{tabs,sort})},ArgsTable2=props=>{let context=(0,import_react39.useContext)(DocsContext),{parameters:{controls},subcomponents}=context.storyById(),{include,exclude,components:components3,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||(controls==null?void 0:controls.sort),main=getComponent(props,context);if(storyName)return import_react39.default.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 import_react39.default.createElement(ArgsTable,{...mainProps,sort})}if(components3)return import_react39.default.createElement(ComponentsTable,{...props,components:components3,sort});let mainLabel=getComponentName(main);return import_react39.default.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort})};ArgsTable2.defaultProps={of:PRIMARY_STORY};var import_react42=__toESM(require("react"));var import_react40=__toESM(require("react")),import_dequal=require("dequal"),import_docs_tools=require("@storybook/docs-tools"),SourceContext=(0,import_react40.createContext)({sources:{}}),SourceContainer=({children,channel})=>{let[sources,setSources]=(0,import_react40.useState)({});return(0,import_react40.useEffect)(()=>{let handleSnippetRendered=(id2,newSource,format2=!1)=>{sources[id2]&&sources[id2].code===newSource||setSources(current=>{let newSources={...current,[id2]:{code:newSource,format:format2}};return(0,import_dequal.dequal)(current,newSources)?current:newSources})};return channel.on(import_docs_tools.SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(import_docs_tools.SNIPPET_RENDERED,handleSnippetRendered)},[]),import_react40.default.createElement(SourceContext.Provider,{value:{sources}},children)};var import_react41=__toESM(require("react")),import_docs_tools2=require("@storybook/docs-tools");var import_preview_api2=require("@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(`
21
+ ${(0,import_polished8.opacify)(.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"?(0,import_polished8.transparentize)(.035,theme.appBorderColor):(0,import_polished8.opacify)(.05,theme.appBorderColor)}}},tr:{background:"transparent",overflow:"hidden",...inAddonPanel?{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:theme.base==="light"?(0,import_polished8.darken)(.1,theme.background.content):(0,import_polished8.lighten)(.05,theme.background.content)}:{["&:not(:first-child)"]:{borderTopWidth:1,borderTopStyle:"solid",borderTopColor:theme.base==="light"?(0,import_polished8.darken)(.1,theme.background.content):(0,import_polished8.lighten)(.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=(0,import_theming21.styled)(import_components20.IconButton)(({theme})=>({color:theme.barTextColor,margin:"-4px -12px -4px 0"})),ControlHeadingWrapper=import_theming21.styled.span({display:"flex",justifyContent:"space-between"});var sortFns={alpha:(a,b)=>a.name.localeCompare(b.name),requiredFirst:(a,b)=>{var _a,_b;return Number(!!((_a=b.type)!=null&&_a.required))-Number(!!((_b=a.type)!=null&&_b.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==null?void 0: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(0,import_csf.includeConditionalArg)(row,args,globals)}catch(err){return import_client_logger4.once.warn(err.message),!1}},ArgsTable=props=>{if("error"in props)return import_react30.default.createElement(EmptyBlock,null,props.error,"\xA0",import_react30.default.createElement(import_components20.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((0,import_pickBy.default)(rows,row=>{var _a;return!((_a=row==null?void 0:row.table)!=null&&_a.disable)&&safeIncludeConditionalArg(row,args||{},globals||{})}),sort);if(groups.ungrouped.length===0&&Object.entries(groups.sections).length===0&&Object.entries(groups.ungroupedSubsections).length===0)return import_react30.default.createElement(EmptyBlock,null,"No inputs found for this component.\xA0",import_react30.default.createElement(import_components20.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 import_react30.default.createElement(import_components20.ResetWrapper,null,import_react30.default.createElement(TableWrapper,{"aria-hidden":isLoading,compact,inAddonPanel,isLoading,className:"docblock-argstable"},import_react30.default.createElement("thead",{className:"docblock-argstable-head"},import_react30.default.createElement("tr",null,import_react30.default.createElement("th",null,import_react30.default.createElement("span",null,"Name")),compact?null:import_react30.default.createElement("th",null,import_react30.default.createElement("span",null,"Description")),compact?null:import_react30.default.createElement("th",null,import_react30.default.createElement("span",null,"Default")),updateArgs?import_react30.default.createElement("th",null,import_react30.default.createElement(ControlHeadingWrapper,null,"Control"," ",!isLoading&&resetArgs&&import_react30.default.createElement(StyledIconButton,{onClick:()=>resetArgs(),title:"Reset controls"},import_react30.default.createElement(import_components20.Icons,{icon:"undo","aria-hidden":!0})))):null)),import_react30.default.createElement("tbody",{className:"docblock-argstable-body"},groups.ungrouped.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(groups.ungroupedSubsections).map(([subcategory,subsection])=>import_react30.default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))),Object.entries(groups.sections).map(([category,section])=>import_react30.default.createElement(SectionRow,{key:category,label:category,level:"section",colSpan},section.ungrouped.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],...common})),Object.entries(section.subsections).map(([subcategory,subsection])=>import_react30.default.createElement(SectionRow,{key:subcategory,label:subcategory,level:"subsection",colSpan},subsection.map(row=>import_react30.default.createElement(ArgRow,{key:row.key,row,arg:args&&args[row.key],expandable,...common})))))))))};var import_react31=__toESM(require("react")),import_components21=require("@storybook/components");var TabbedArgsTable=({tabs,...props})=>{let entries=Object.entries(tabs);return entries.length===1?import_react31.default.createElement(ArgsTable,{...entries[0][1],...props}):import_react31.default.createElement(import_components21.TabsState,null,entries.map(entry=>{let[label,table]=entry,id2=`prop_table_div_${label}`;return import_react31.default.createElement("div",{key:id2,id:id2,title:label},({active})=>active?import_react31.default.createElement(ArgsTable,{key:`prop_table_${label}`,...table,...props}):null)}))};var import_react32=__toESM(require("react")),import_theming22=require("@storybook/theming"),import_components22=require("@storybook/components"),NoControlsWrapper=import_theming22.styled.div(({theme})=>({background:theme.background.warning,color:theme.color.darkest,padding:"10px 15px",lineHeight:"20px",boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`})),NoControlsWarning=()=>import_react32.default.createElement(NoControlsWrapper,null,"This story is not configured to handle controls."," ",import_react32.default.createElement(import_components22.Link,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",cancel:!1,withArrow:!0},"Learn how to add controls"));var import_react33=__toESM(require("react")),import_polished9=require("polished"),import_theming23=require("@storybook/theming"),import_components23=require("@storybook/components");var Label4=import_theming23.styled.div(({theme})=>({marginRight:30,fontSize:`${theme.typography.size.s1}px`,color:theme.base==="light"?(0,import_polished9.transparentize)(.4,theme.color.defaultText):(0,import_polished9.transparentize)(.6,theme.color.defaultText)})),Sample=import_theming23.styled.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),TypeSpecimen=import_theming23.styled.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),Wrapper8=import_theming23.styled.div(import_components23.withReset,({theme})=>({...getBlockBackgroundStyle(theme),margin:"25px 0 40px",padding:"30px 20px"})),Typeset=({fontFamily,fontSizes,fontWeight,sampleText,...props})=>import_react33.default.createElement(Wrapper8,{...props,className:"docblock-typeset"},fontSizes.map(size=>import_react33.default.createElement(TypeSpecimen,{key:size},import_react33.default.createElement(Label4,null,size),import_react33.default.createElement(Sample,{style:{fontFamily,fontSize:size,fontWeight,lineHeight:1.2}},sampleText||"Was he a beast if music could move him so?"))));var import_react34=__toESM(require("react")),import_polished10=require("polished"),import_theming24=require("@storybook/theming"),import_components24=require("@storybook/components");var ItemTitle=import_theming24.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,color:theme.color.defaultText})),ItemSubtitle=import_theming24.styled.div(({theme})=>({color:theme.base==="light"?(0,import_polished10.transparentize)(.2,theme.color.defaultText):(0,import_polished10.transparentize)(.6,theme.color.defaultText)})),ItemDescription=import_theming24.styled.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5}),SwatchLabel=import_theming24.styled.div(({theme})=>({flex:1,textAlign:"center",fontFamily:theme.typography.fonts.mono,fontSize:theme.typography.size.s1,lineHeight:1,overflow:"hidden",color:theme.base==="light"?(0,import_polished10.transparentize)(.4,theme.color.defaultText):(0,import_polished10.transparentize)(.6,theme.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}})),SwatchLabels=import_theming24.styled.div({display:"flex",flexDirection:"row"}),Swatch2=import_theming24.styled.div(({background})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background,content:'""'}})),SwatchColors=import_theming24.styled.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=import_theming24.styled.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30}),Swatches2=import_theming24.styled.div({flex:1,display:"flex",flexDirection:"row"}),Item=import_theming24.styled.div({display:"flex",alignItems:"flex-start"}),ListName=import_theming24.styled.div({flex:"0 0 30%"}),ListSwatches=import_theming24.styled.div({flex:1}),ListHeading=import_theming24.styled.div(({theme})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:theme.typography.weight.bold,color:theme.base==="light"?(0,import_polished10.transparentize)(.4,theme.color.defaultText):(0,import_polished10.transparentize)(.6,theme.color.defaultText)})),List=import_theming24.styled.div(({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));function renderSwatch(color,index){return import_react34.default.createElement(Swatch2,{key:`${color}-${index}`,title:color,background:color})}function renderSwatchLabel(color,index,colorDescription){return import_react34.default.createElement(SwatchLabel,{key:`${color}-${index}`,title:color},import_react34.default.createElement("div",null,color,colorDescription&&import_react34.default.createElement("span",null,colorDescription)))}function renderSwatchSpecimen(colors){return Array.isArray(colors)?import_react34.default.createElement(SwatchSpecimen,null,import_react34.default.createElement(SwatchColors,null,colors.map((color,index)=>renderSwatch(color,index))),import_react34.default.createElement(SwatchLabels,null,colors.map((color,index)=>renderSwatchLabel(color,index)))):import_react34.default.createElement(SwatchSpecimen,null,import_react34.default.createElement(SwatchColors,null,Object.values(colors).map((color,index)=>renderSwatch(color,index))),import_react34.default.createElement(SwatchLabels,null,Object.keys(colors).map((color,index)=>renderSwatchLabel(color,index,colors[color]))))}var ColorItem=({title,subtitle,colors})=>import_react34.default.createElement(Item,null,import_react34.default.createElement(ItemDescription,null,import_react34.default.createElement(ItemTitle,null,title),import_react34.default.createElement(ItemSubtitle,null,subtitle)),import_react34.default.createElement(Swatches2,null,renderSwatchSpecimen(colors))),ColorPalette=({children,...props})=>import_react34.default.createElement(import_components24.ResetWrapper,null,import_react34.default.createElement(List,{...props,className:"docblock-colorpalette"},import_react34.default.createElement(ListHeading,null,import_react34.default.createElement(ListName,null,"Name"),import_react34.default.createElement(ListSwatches,null,"Swatches")),children));var import_react35=__toESM(require("react")),import_theming25=require("@storybook/theming"),import_components25=require("@storybook/components");var ItemLabel=import_theming25.styled.div(({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s2,color:theme.color.defaultText,marginLeft:10,lineHeight:1.2})),ItemSpecimen=import_theming25.styled.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=import_theming25.styled.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),List2=import_theming25.styled.div({display:"flex",flexFlow:"row wrap"}),IconItem=({name,children})=>import_react35.default.createElement(Item2,null,import_react35.default.createElement(ItemSpecimen,null,children),import_react35.default.createElement(ItemLabel,null,name)),IconGallery=({children,...props})=>import_react35.default.createElement(import_components25.ResetWrapper,null,import_react35.default.createElement(List2,{...props,className:"docblock-icongallery"},children));var import_react36=__toESM(require("react")),anchorBlockIdFromId=storyId=>`anchor--${storyId}`,Anchor=({storyId,children})=>import_react36.default.createElement("div",{id:anchorBlockIdFromId(storyId),className:"sb-anchor"},children);var import_react39=__toESM(require("react")),import_mapValues=__toESM(require("lodash/mapValues.js")),import_preview_api=require("@storybook/preview-api"),import_core_events=require("@storybook/core-events");var import_react37=require("react"),import_global5=require("@storybook/global");import_global5.global&&import_global5.global.__DOCS_CONTEXT__===void 0&&(import_global5.global.__DOCS_CONTEXT__=(0,import_react37.createContext)(null),import_global5.global.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=import_global5.global?import_global5.global.__DOCS_CONTEXT__:(0,import_react37.createContext)(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"})}var import_react38=require("react");function useStory(storyId,context){let stories=useStories([storyId],context);return stories&&stories[0]}function useStories(storyIds,context){let[storiesById,setStories]=(0,import_react38.useState)({});return(0,import_react38.useEffect)(()=>{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]=(0,import_react39.useState)(storyContext.args);(0,import_react39.useEffect)(()=>{let cb=changed=>{changed.storyId===storyId&&setArgs(changed.args)};return context.channel.on(import_core_events.STORY_ARGS_UPDATED,cb),()=>context.channel.off(import_core_events.STORY_ARGS_UPDATED,cb)},[storyId]);let updateArgs=(0,import_react39.useCallback)(updatedArgs=>context.channel.emit(import_core_events.UPDATE_STORY_ARGS,{storyId,updatedArgs}),[storyId]),resetArgs=(0,import_react39.useCallback)(argNames=>context.channel.emit(import_core_events.RESET_STORY_ARGS,{storyId,argNames}),[storyId]);return[args,updateArgs,resetArgs]},useGlobals=context=>{let storyContext=context.getStoryContext(context.storyById()),[globals,setGlobals]=(0,import_react39.useState)(storyContext.globals);return(0,import_react39.useEffect)(()=>{let cb=changed=>{setGlobals(changed.globals)};return context.channel.on(import_core_events.GLOBALS_UPDATED,cb),()=>context.channel.off(import_core_events.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=(0,import_preview_api.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,...(0,import_mapValues.default)(components3,comp=>({rows:extractComponentArgTypes(comp,context,include,exclude),sort}))}),StoryTable=props=>{let context=(0,import_react39.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 import_react39.default.createElement(ArgsTable,{isLoading:!0,updateArgs,resetArgs});let argTypes=(0,import_preview_api.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!=null&&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 import_react39.default.createElement(TabbedArgsTable,{tabs,sort})}catch(err){return import_react39.default.createElement(ArgsTable,{error:err.message})}},ComponentsTable=props=>{let context=(0,import_react39.useContext)(DocsContext),{components:components3,include,exclude,sort}=props,tabs=addComponentTabs({},components3,context,include,exclude);return import_react39.default.createElement(TabbedArgsTable,{tabs,sort})},ArgsTable2=props=>{let context=(0,import_react39.useContext)(DocsContext),{parameters:{controls},subcomponents}=context.storyById(),{include,exclude,components:components3,sort:sortProp}=props,{story:storyName}=props,sort=sortProp||(controls==null?void 0:controls.sort),main=getComponent(props,context);if(storyName)return import_react39.default.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 import_react39.default.createElement(ArgsTable,{...mainProps,sort})}if(components3)return import_react39.default.createElement(ComponentsTable,{...props,components:components3,sort});let mainLabel=getComponentName(main);return import_react39.default.createElement(ComponentsTable,{...props,components:{[mainLabel]:main,...subcomponents},sort})};ArgsTable2.defaultProps={of:PRIMARY_STORY};var import_react43=__toESM(require("react"));var import_react40=__toESM(require("react")),import_dequal=require("dequal"),import_docs_tools=require("@storybook/docs-tools"),SourceContext=(0,import_react40.createContext)({sources:{}}),SourceContainer=({children,channel})=>{let[sources,setSources]=(0,import_react40.useState)({});return(0,import_react40.useEffect)(()=>{let handleSnippetRendered=(id2,newSource,format2=!1)=>{sources[id2]&&sources[id2].code===newSource||setSources(current=>{let newSources={...current,[id2]:{code:newSource,format:format2}};return(0,import_dequal.dequal)(current,newSources)?current:newSources})};return channel.on(import_docs_tools.SNIPPET_RENDERED,handleSnippetRendered),()=>channel.off(import_docs_tools.SNIPPET_RENDERED,handleSnippetRendered)},[]),import_react40.default.createElement(SourceContext.Provider,{value:{sources}},children)};var import_react41=__toESM(require("react")),import_docs_tools2=require("@storybook/docs-tools");var import_preview_api2=require("@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(`
22
22
  `)}var storyIdToSanitizedStoryName=id2=>id2.replace(/^.*?--/,""),extract=(targetId,{source,locationsMap})=>{if(!locationsMap)return source;let sanitizedStoryName=storyIdToSanitizedStoryName(targetId),location=locationsMap[sanitizedStoryName];if(!location)return source;let lines=source.split(`
23
23
  `);return extractSource(location,lines)},enhanceSource=story=>{var _a;let{id:id2,parameters}=story,{storySource,docs={}}=parameters,{transformSource}=docs;if(!(storySource!=null&&storySource.source)||(_a=docs.source)!=null&&_a.code)return null;let input=extract(id2,storySource),code=transformSource?transformSource(input,story):input;return{docs:(0,import_preview_api2.combineParameters)(docs,{source:{code}})}};var SourceState=(SourceState2=>(SourceState2.OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>{var _a,_b;return(_b=(_a=story.parameters.docs)==null?void 0:_a.source)==null?void 0:_b.state}).filter(Boolean);return states.length===0?"closed":states[0]},getStorySource=(storyId,sourceContext)=>{let{sources}=sourceContext;return(sources==null?void 0:sources[storyId])||{code:"",format:!1}},getSnippet=(snippet,story)=>{var _a,_b,_c,_d,_e,_f,_g,_h,_i,_j;if(!story)return snippet;let{parameters}=story,isArgsStory=parameters.__isArgsStory,type=((_b=(_a=parameters.docs)==null?void 0:_a.source)==null?void 0:_b.type)||import_docs_tools2.SourceType.AUTO,userCode=(_d=(_c=parameters.docs)==null?void 0:_c.source)==null?void 0:_d.code;if(userCode!==void 0)return userCode;if(type===import_docs_tools2.SourceType.DYNAMIC)return((_f=(_e=parameters.docs)==null?void 0:_e.transformSource)==null?void 0:_f.call(_e,snippet,story))||snippet;if(type===import_docs_tools2.SourceType.AUTO&&snippet&&isArgsStory)return((_h=(_g=parameters.docs)==null?void 0:_g.transformSource)==null?void 0:_h.call(_g,snippet,story))||snippet;let enhanced=enhanceSource(story)||parameters;return((_j=(_i=enhanced==null?void 0:enhanced.docs)==null?void 0:_i.source)==null?void 0:_j.code)||""},useSourceProps=(props,docsContext,sourceContext)=>{let{id:primaryId,parameters}=docsContext.storyById(),codeProps=props,singleProps=props,multiProps=props,{format:format2,code:source}=codeProps,storyIds=(multiProps.ids||[singleProps.id||primaryId]).map(targetId=>targetId),stories=useStories(storyIds,docsContext);if(!stories.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};source||({format:format2}=getStorySource(storyIds[0],sourceContext),source=storyIds.map((storyId,idx)=>{let{code:storySource}=getStorySource(storyId,sourceContext),storyObj=stories[idx];return getSnippet(storySource,storyObj)}).join(`
24
24
 
25
- `));let state=getSourceState(stories),{docs:docsParameters={}}=parameters,{source:sourceParameters={}}=docsParameters,{language:docsLanguage=null}=sourceParameters;return source?{code:source,state,format:format2,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:"Oh no! The source is not available.",state}},Source2=props=>{let sourceContext=(0,import_react41.useContext)(SourceContext),docsContext=(0,import_react41.useContext)(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return import_react41.default.createElement(Source,{...sourceProps})};var usePreviewProps=({withSource,mdxSource,children,...props},docsContext,sourceContext)=>{let storyIds=import_react42.Children.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(({props:{id:id2,of,name}})=>id2||(of?docsContext.storyIdByModuleExport(of):docsContext.storyIdByName(name))),isLoading=useStories(storyIds,docsContext).some(s=>!s),sourceProps=useSourceProps(mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},docsContext,sourceContext);return withSource==="none"?{isLoading,previewProps:props}:{isLoading,previewProps:{...props,withSource:sourceProps,isExpanded:(withSource||sourceProps.state)==="open"}}},Canvas=props=>{let docsContext=(0,import_react42.useContext)(DocsContext),sourceContext=(0,import_react42.useContext)(SourceContext),{isLoading,previewProps}=usePreviewProps(props,docsContext,sourceContext),{children}=props;return isLoading?import_react42.default.createElement(PreviewSkeleton,null):import_react42.default.createElement(Preview,{...previewProps},children)};var import_react43=__toESM(require("react")),import_docs_tools3=require("@storybook/docs-tools"),import_client_logger5=require("@storybook/client-logger");var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.AUTO="auto",DescriptionType2))(DescriptionType||{}),getNotes=notes=>notes&&(typeof notes=="string"?notes:(0,import_docs_tools3.str)(notes.markdown)||(0,import_docs_tools3.str)(notes.text)),getInfo=info=>info&&(typeof info=="string"?info:(0,import_docs_tools3.str)(info.text)),noDescription=component=>null,useDescriptionProps=({of,type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return{markdown:children||markdown};let{notes,info,docs}=parameters;(Boolean(notes)||Boolean(info))&&(0,import_client_logger5.deprecate)("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription=noDescription,description}=docs||{},target=[PRIMARY_STORY].includes(of)?component:of,componentDescriptionParameter=description==null?void 0:description.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case"info":return{markdown:getInfo(info)};case"notes":return{markdown:getNotes(notes)};case"docgen":case"auto":default:return{markdown:extractComponentDescription(target,{component,...parameters})}}},DescriptionContainer=(props={of:PRIMARY_STORY})=>{let context=(0,import_react43.useContext)(DocsContext),{markdown}=useDescriptionProps(props,context);return props.type&&(0,import_client_logger5.deprecate)("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),props.markdown&&(0,import_client_logger5.deprecate)("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),props.children&&(0,import_client_logger5.deprecate)("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),markdown?import_react43.default.createElement(Description,{markdown}):null};var import_react55=__toESM(require("react"));var import_react44=__toESM(require("react")),import_global6=require("@storybook/global"),import_theming26=require("@storybook/theming");var{document:document2,window:globalWindow3}=import_global6.global,DocsContainer=({context,theme,children})=>((0,import_react44.useEffect)(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document2.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element)},200)}}catch{}}),import_react44.default.createElement(DocsContext.Provider,{value:context},import_react44.default.createElement(SourceContainer,{channel:context.channel},import_react44.default.createElement(import_theming26.ThemeProvider,{theme:(0,import_theming26.ensure)(theme)},import_react44.default.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},import_react44.default.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children))))));var import_react54=__toESM(require("react"));var import_react45=__toESM(require("react"));var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=(0,import_react45.useContext)(DocsContext),text=children;return text||(text=extractTitle(context.storyById().title)),text?import_react45.default.createElement(Title,{className:"sbdocs-title"},text):null};var import_react46=__toESM(require("react"));var Subtitle2=({children})=>{let docsContext=(0,import_react46.useContext)(DocsContext),{parameters}=docsContext.storyById(),text=children;return text||(text=parameters==null?void 0:parameters.componentSubtitle),text?import_react46.default.createElement(Subtitle,{className:"sbdocs-subtitle"},text):null};var import_react51=__toESM(require("react"));var import_react50=__toESM(require("react"));var import_react48=__toESM(require("react")),import_components35=require("@storybook/components");var import_react47=__toESM(require("react")),import_core_events2=require("@storybook/core-events"),import_components33=require("@storybook/components"),import_global7=require("@storybook/global"),import_theming27=require("@storybook/theming");var{document:document3}=import_global7.global,assertIsFn=val=>{if(typeof val!="function")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=import_react47.default.useContext(DocsContext);return import_react47.default.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!="string"&&(typeof children!="string"||!children.match(/[\n\r]/g)))return import_react47.default.createElement(import_components33.Code,null,children);let language=className&&className.split("-");return import_react47.default.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(import_core_events2.NAVIGATE_URL,url)}var A=import_components33.components.a,AnchorInPage=({hash,children})=>{let context=(0,import_react47.useContext)(DocsContext);return import_react47.default.createElement(A,{href:hash,target:"_self",onClick:event=>{let id2=hash.substring(1);document3.getElementById(id2)&&navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=(0,import_react47.useContext)(DocsContext);if(href){if(href.startsWith("#"))return import_react47.default.createElement(AnchorInPage,{hash:href},children);if(target!=="_blank"&&!href.startsWith("https://"))return import_react47.default.createElement(A,{href,onClick:event=>{event.preventDefault(),navigate(context,event.currentTarget.getAttribute("href"))},target,...rest},children)}return import_react47.default.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:(0,import_theming27.styled)(import_components33.components[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),OcticonAnchor=import_theming27.styled.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),HeaderWithOcticonAnchor=({as,id:id2,children,...rest})=>{let context=(0,import_react47.useContext)(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id2}`;return import_react47.default.createElement(OcticonHeader,{id:id2,...rest},import_react47.default.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document3.getElementById(id2)&&navigate(context,hash)}},import_react47.default.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},import_react47.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"}))),children)},HeaderMdx=props=>{let{as,id:id2,children,...rest}=props;if(id2)return import_react47.default.createElement(HeaderWithOcticonAnchor,{as,id:id2,...rest},children);let Header=import_components33.components[as];return import_react47.default.createElement(Header,{...props})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>import_react47.default.createElement(HeaderMdx,{as:headerType,...props})}),{});var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return import_react48.default.createElement(import_components35.H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return import_react48.default.createElement(HeaderMdx,{as:"h3",id:tagID},children)};var import_react49=__toESM(require("react"));var storyBlockIdFromId=storyId=>`story--${storyId}`,getStoryId2=(props,context)=>{let{id:id2,of,meta}=props;if(of)return context.storyIdByModuleExport(of,meta);let{name}=props;return id2||context.storyIdByName(name)},getStoryProps=({height,inline},story)=>{let{name:storyName,parameters={}}=story||{},{docs={}}=parameters;if(docs.disable)return null;let{inlineStories=!1,iframeHeight=100}=docs,storyIsInline=typeof inline=="boolean"?inline:inlineStories;return{inline:storyIsInline,id:story==null?void 0:story.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName,...storyIsInline&&{parameters}}},Story2=props=>{let context=(0,import_react49.useContext)(DocsContext),storyRef=(0,import_react49.useRef)(),storyId=getStoryId2(props,context),story=useStory(storyId,context),[showLoader,setShowLoader]=(0,import_react49.useState)(!0);if((0,import_react49.useEffect)(()=>{if(!(story&&storyRef.current))return()=>{};let element=storyRef.current,{autoplay}=story.parameters.docs||{},cleanup=context.renderStoryToElement(story,element,{autoplay});return setShowLoader(!1),()=>{cleanup()}},[context,story]),!story)return import_react49.default.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story);if(!storyProps)return null;if(storyProps.inline){let htmlContents="<span></span>",{height}=storyProps;return import_react49.default.createElement("div",{id:storyBlockIdFromId(story.id),className:"sb-story"},height?import_react49.default.createElement("style",null,`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&import_react49.default.createElement(StorySkeleton,null),import_react49.default.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:htmlContents}}))}return import_react49.default.createElement("div",{id:storyBlockIdFromId(story.id)},import_react49.default.createElement(Story,{...storyProps}))};var DocsStory=({id:id2,name,expanded=!0,withToolbar=!1,parameters={}})=>{var _a;let description,{docs}=parameters;expanded&&docs&&(description=(_a=docs.description)==null?void 0:_a.story);let subheading=expanded&&name;return import_react50.default.createElement(Anchor,{storyId:id2},subheading&&import_react50.default.createElement(Subheading,null,subheading),description&&import_react50.default.createElement(DescriptionContainer,{markdown:description}),import_react50.default.createElement(Canvas,{withToolbar},import_react50.default.createElement(Story2,{id:id2,parameters})))};var Primary=({name})=>{let docsContext=(0,import_react51.useContext)(DocsContext),storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?import_react51.default.createElement(DocsStory,{...story,expanded:!1,withToolbar:!0}):null};var import_react53=__toESM(require("react"));var import_react52=__toESM(require("react")),import_components37=require("@storybook/components");var Heading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return import_react52.default.createElement(import_components37.H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return import_react52.default.createElement(HeaderMdx,{as:"h2",id:tagID},children)};var Stories=({title,includePrimary=!1})=>{let{componentStories}=(0,import_react53.useContext)(DocsContext),stories=componentStories();return stories=stories.filter(story=>{var _a,_b;return!((_b=(_a=story.parameters)==null?void 0:_a.docs)!=null&&_b.disable)}),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:import_react53.default.createElement(import_react53.default.Fragment,null,import_react53.default.createElement(Heading,null,title),stories.map(story=>story&&import_react53.default.createElement(DocsStory,{key:story.id,...story,expanded:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>import_react54.default.createElement(import_react54.default.Fragment,null,import_react54.default.createElement(Title2,null),import_react54.default.createElement(Subtitle2,null),import_react54.default.createElement(DescriptionContainer,null),import_react54.default.createElement(Primary,null),import_react54.default.createElement(ArgsTable2,{story:PRIMARY_STORY}),import_react54.default.createElement(Stories,null));var Docs=({docsParameter,context})=>{let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return import_react55.default.createElement(Container,{context,theme:docsParameter.theme},import_react55.default.createElement(Page,null))};var import_react56=__toESM(require("react")),import_preview_api5=require("@storybook/preview-api");var import_preview_api4=require("@storybook/preview-api"),import_channels=require("@storybook/channels");var import_preview_api3=require("@storybook/preview-api"),ExternalDocsContext=class extends import_preview_api3.DocsContext{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[],!0);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.setMeta=metaExports=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!0)}}storyIdByModuleExport(storyExport,metaExports){if(metaExports){let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!1)}return super.storyIdByModuleExport(storyExport)}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends import_preview_api4.Preview{constructor(projectAnnotations){super(new import_channels.Channel);this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id:id2,name})=>{this.storyIndex.entries[id2]={id:id2,importPath,title,name,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>(0,import_preview_api4.composeConfigs)([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function usePreview(projectAnnotations){let previewRef=(0,import_react56.useRef)();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}var ExternalDocs=({projectAnnotationsList,children})=>{var _a;let projectAnnotations=(0,import_preview_api5.composeConfigs)(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...(_a=projectAnnotations.parameters)==null?void 0:_a.docs,page:()=>children};return import_react56.default.createElement(Docs,{docsParameter,context:preview2.docsContext()})};var import_react57=__toESM(require("react")),import_theming28=require("@storybook/theming");var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),import_react57.default.createElement(DocsContext.Provider,{value:preview.docsContext()},import_react57.default.createElement(import_theming28.ThemeProvider,{theme:(0,import_theming28.ensure)(import_theming28.themes.light)},children)));var import_react58=__toESM(require("react"));var Meta=({of})=>{let context=(0,import_react58.useContext)(DocsContext);of&&context.setMeta(of);try{let primary=context.storyById();return import_react58.default.createElement(Anchor,{storyId:primary.id})}catch{return null}};var import_react59=__toESM(require("react")),Unstyled=props=>import_react59.default.createElement("div",{...props,className:"sb-unstyled"});var import_react60=__toESM(require("react")),Wrapper9=({children})=>import_react60.default.createElement("div",{style:{fontFamily:"sans-serif"}},children);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,Unstyled,Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId,getStoryProps,parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps});
25
+ `));let state=getSourceState(stories),{docs:docsParameters={}}=parameters,{source:sourceParameters={}}=docsParameters,{language:docsLanguage=null}=sourceParameters;return source?{code:source,state,format:format2,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:"Oh no! The source is not available.",state}},Source2=props=>{let sourceContext=(0,import_react41.useContext)(SourceContext),docsContext=(0,import_react41.useContext)(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return import_react41.default.createElement(Source,{...sourceProps})};var import_react42=__toESM(require("react"));var storyBlockIdFromId=storyId=>`story--${storyId}`,getStoryId2=(props,context)=>{let{id:id2,of,meta}=props;if(of){meta&&context.referenceMeta(meta,!1);let resolved=context.resolveModuleExport(of);if(resolved.type!=="story")throw new Error("Unexpected component/module/meta exports passed to `Story` block.");return resolved.story.id}let{name}=props;return id2||context.storyIdByName(name)},getStoryProps=({height,inline},story)=>{let{name:storyName,parameters={}}=story||{},{docs={}}=parameters;if(docs.disable)return null;let{inlineStories=!1,iframeHeight=100}=docs,storyIsInline=typeof inline=="boolean"?inline:inlineStories;return{inline:storyIsInline,id:story==null?void 0:story.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName,...storyIsInline&&{parameters}}},Story2=props=>{let context=(0,import_react42.useContext)(DocsContext),storyRef=(0,import_react42.useRef)(),storyId=getStoryId2(props,context),story=useStory(storyId,context),[showLoader,setShowLoader]=(0,import_react42.useState)(!0);if((0,import_react42.useEffect)(()=>{if(!(story&&storyRef.current))return()=>{};let element=storyRef.current,{autoplay}=story.parameters.docs||{},cleanup=context.renderStoryToElement(story,element,{autoplay});return setShowLoader(!1),()=>{cleanup()}},[context,story]),!story)return import_react42.default.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story);if(!storyProps)return null;if(storyProps.inline){let htmlContents="<span></span>",{height}=storyProps;return import_react42.default.createElement("div",{id:storyBlockIdFromId(story.id),className:"sb-story"},height?import_react42.default.createElement("style",null,`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&import_react42.default.createElement(StorySkeleton,null),import_react42.default.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:htmlContents}}))}return import_react42.default.createElement("div",{id:storyBlockIdFromId(story.id)},import_react42.default.createElement(Story,{...storyProps}))};var usePreviewProps=({withSource,mdxSource,children,...props},docsContext,sourceContext)=>{let storyIds=import_react43.Children.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(c=>getStoryId2(c.props,docsContext)),isLoading=useStories(storyIds,docsContext).some(s=>!s),sourceProps=useSourceProps(mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},docsContext,sourceContext);return withSource==="none"?{isLoading,previewProps:props}:{isLoading,previewProps:{...props,withSource:sourceProps,isExpanded:(withSource||sourceProps.state)==="open"}}},Canvas=props=>{let docsContext=(0,import_react43.useContext)(DocsContext),sourceContext=(0,import_react43.useContext)(SourceContext),{isLoading,previewProps}=usePreviewProps(props,docsContext,sourceContext),{children}=props;return isLoading?import_react43.default.createElement(PreviewSkeleton,null):import_react43.default.createElement(Preview,{...previewProps},children)};var import_react44=__toESM(require("react")),import_docs_tools3=require("@storybook/docs-tools"),import_client_logger5=require("@storybook/client-logger");var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.AUTO="auto",DescriptionType2))(DescriptionType||{}),getNotes=notes=>notes&&(typeof notes=="string"?notes:(0,import_docs_tools3.str)(notes.markdown)||(0,import_docs_tools3.str)(notes.text)),getInfo=info=>info&&(typeof info=="string"?info:(0,import_docs_tools3.str)(info.text)),noDescription=component=>null,useDescriptionProps=({of,type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return{markdown:children||markdown};let{notes,info,docs}=parameters;(Boolean(notes)||Boolean(info))&&(0,import_client_logger5.deprecate)("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription=noDescription,description}=docs||{},target=[PRIMARY_STORY].includes(of)?component:of,componentDescriptionParameter=description==null?void 0:description.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case"info":return{markdown:getInfo(info)};case"notes":return{markdown:getNotes(notes)};case"docgen":case"auto":default:return{markdown:extractComponentDescription(target,{component,...parameters})}}},DescriptionContainer=(props={of:PRIMARY_STORY})=>{let context=(0,import_react44.useContext)(DocsContext),{markdown}=useDescriptionProps(props,context);return props.type&&(0,import_client_logger5.deprecate)("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),props.markdown&&(0,import_client_logger5.deprecate)("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),props.children&&(0,import_client_logger5.deprecate)("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),markdown?import_react44.default.createElement(Description,{markdown}):null};var import_react55=__toESM(require("react"));var import_react45=__toESM(require("react")),import_global6=require("@storybook/global"),import_theming26=require("@storybook/theming");var{document:document2,window:globalWindow3}=import_global6.global,DocsContainer=({context,theme,children})=>((0,import_react45.useEffect)(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document2.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element)},200)}}catch{}}),import_react45.default.createElement(DocsContext.Provider,{value:context},import_react45.default.createElement(SourceContainer,{channel:context.channel},import_react45.default.createElement(import_theming26.ThemeProvider,{theme:(0,import_theming26.ensure)(theme)},import_react45.default.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},import_react45.default.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children))))));var import_react54=__toESM(require("react"));var import_react46=__toESM(require("react"));var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=(0,import_react46.useContext)(DocsContext),text=children;return text||(text=extractTitle(context.storyById().title)),text?import_react46.default.createElement(Title,{className:"sbdocs-title"},text):null};var import_react47=__toESM(require("react"));var Subtitle2=({children})=>{let docsContext=(0,import_react47.useContext)(DocsContext),{parameters}=docsContext.storyById(),text=children;return text||(text=parameters==null?void 0:parameters.componentSubtitle),text?import_react47.default.createElement(Subtitle,{className:"sbdocs-subtitle"},text):null};var import_react51=__toESM(require("react"));var import_react50=__toESM(require("react"));var import_react49=__toESM(require("react")),import_components36=require("@storybook/components");var import_react48=__toESM(require("react")),import_core_events2=require("@storybook/core-events"),import_components34=require("@storybook/components"),import_global7=require("@storybook/global"),import_theming27=require("@storybook/theming");var{document:document3}=import_global7.global,assertIsFn=val=>{if(typeof val!="function")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=import_react48.default.useContext(DocsContext);return import_react48.default.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!="string"&&(typeof children!="string"||!children.match(/[\n\r]/g)))return import_react48.default.createElement(import_components34.Code,null,children);let language=className&&className.split("-");return import_react48.default.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(import_core_events2.NAVIGATE_URL,url)}var A=import_components34.components.a,AnchorInPage=({hash,children})=>{let context=(0,import_react48.useContext)(DocsContext);return import_react48.default.createElement(A,{href:hash,target:"_self",onClick:event=>{let id2=hash.substring(1);document3.getElementById(id2)&&navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=(0,import_react48.useContext)(DocsContext);if(href){if(href.startsWith("#"))return import_react48.default.createElement(AnchorInPage,{hash:href},children);if(target!=="_blank"&&!href.startsWith("https://"))return import_react48.default.createElement(A,{href,onClick:event=>{event.preventDefault(),navigate(context,event.currentTarget.getAttribute("href"))},target,...rest},children)}return import_react48.default.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:(0,import_theming27.styled)(import_components34.components[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),OcticonAnchor=import_theming27.styled.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),HeaderWithOcticonAnchor=({as,id:id2,children,...rest})=>{let context=(0,import_react48.useContext)(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id2}`;return import_react48.default.createElement(OcticonHeader,{id:id2,...rest},import_react48.default.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document3.getElementById(id2)&&navigate(context,hash)}},import_react48.default.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},import_react48.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"}))),children)},HeaderMdx=props=>{let{as,id:id2,children,...rest}=props;if(id2)return import_react48.default.createElement(HeaderWithOcticonAnchor,{as,id:id2,...rest},children);let Header=import_components34.components[as];return import_react48.default.createElement(Header,{...props})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>import_react48.default.createElement(HeaderMdx,{as:headerType,...props})}),{});var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return import_react49.default.createElement(import_components36.H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return import_react49.default.createElement(HeaderMdx,{as:"h3",id:tagID},children)};var DocsStory=({id:id2,name,expanded=!0,withToolbar=!1,parameters={}})=>{var _a;let description,{docs}=parameters;expanded&&docs&&(description=(_a=docs.description)==null?void 0:_a.story);let subheading=expanded&&name;return import_react50.default.createElement(Anchor,{storyId:id2},subheading&&import_react50.default.createElement(Subheading,null,subheading),description&&import_react50.default.createElement(DescriptionContainer,{markdown:description}),import_react50.default.createElement(Canvas,{withToolbar},import_react50.default.createElement(Story2,{id:id2,parameters})))};var Primary=({name})=>{let docsContext=(0,import_react51.useContext)(DocsContext),storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?import_react51.default.createElement(DocsStory,{...story,expanded:!1,withToolbar:!0}):null};var import_react53=__toESM(require("react"));var import_react52=__toESM(require("react")),import_components37=require("@storybook/components");var Heading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return import_react52.default.createElement(import_components37.H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return import_react52.default.createElement(HeaderMdx,{as:"h2",id:tagID},children)};var Stories=({title,includePrimary=!1})=>{let{componentStories}=(0,import_react53.useContext)(DocsContext),stories=componentStories();return stories=stories.filter(story=>{var _a,_b;return!((_b=(_a=story.parameters)==null?void 0:_a.docs)!=null&&_b.disable)}),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:import_react53.default.createElement(import_react53.default.Fragment,null,import_react53.default.createElement(Heading,null,title),stories.map(story=>story&&import_react53.default.createElement(DocsStory,{key:story.id,...story,expanded:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>import_react54.default.createElement(import_react54.default.Fragment,null,import_react54.default.createElement(Title2,null),import_react54.default.createElement(Subtitle2,null),import_react54.default.createElement(DescriptionContainer,null),import_react54.default.createElement(Primary,null),import_react54.default.createElement(ArgsTable2,{story:PRIMARY_STORY}),import_react54.default.createElement(Stories,null));var Docs=({docsParameter,context})=>{let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return import_react55.default.createElement(Container,{context,theme:docsParameter.theme},import_react55.default.createElement(Page,null))};var import_react56=__toESM(require("react")),import_preview_api5=require("@storybook/preview-api");var import_preview_api4=require("@storybook/preview-api"),import_channels=require("@storybook/channels");var import_preview_api3=require("@storybook/preview-api"),ExternalDocsContext=class extends import_preview_api3.DocsContext{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[]);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.referenceMeta=(metaExports,attach)=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile),super.referenceMeta(metaExports,attach)}}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends import_preview_api4.Preview{constructor(projectAnnotations){super(new import_channels.Channel);this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id:id2,name})=>{this.storyIndex.entries[id2]={id:id2,importPath,title,name,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>(0,import_preview_api4.composeConfigs)([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function usePreview(projectAnnotations){let previewRef=(0,import_react56.useRef)();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}var ExternalDocs=({projectAnnotationsList,children})=>{var _a;let projectAnnotations=(0,import_preview_api5.composeConfigs)(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...(_a=projectAnnotations.parameters)==null?void 0:_a.docs,page:()=>children};return import_react56.default.createElement(Docs,{docsParameter,context:preview2.docsContext()})};var import_react57=__toESM(require("react")),import_theming28=require("@storybook/theming");var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),import_react57.default.createElement(DocsContext.Provider,{value:preview.docsContext()},import_react57.default.createElement(import_theming28.ThemeProvider,{theme:(0,import_theming28.ensure)(import_theming28.themes.light)},children)));var import_react58=__toESM(require("react"));var Meta=({of})=>{let context=(0,import_react58.useContext)(DocsContext);of&&context.referenceMeta(of,!0);try{let primary=context.storyById();return import_react58.default.createElement(Anchor,{storyId:primary.id})}catch{return null}};var import_react59=__toESM(require("react")),Unstyled=props=>import_react59.default.createElement("div",{...props,className:"sb-unstyled"});var import_react60=__toESM(require("react")),Wrapper9=({children})=>import_react60.default.createElement("div",{style:{fontFamily:"sans-serif"}},children);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,Unstyled,Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId,getStoryProps,parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps});
package/dist/index.mjs CHANGED
@@ -18,8 +18,8 @@ import{getControlId,getControlSetterButtonId}from"./chunk-GWAJ4KRU.mjs";import R
18
18
  ${lighten(.02,theme.input.background)} ${(value2-min)/(max-min)*100}%,
19
19
  ${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-32FDEX32.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,
20
20
  ${transparentize6(.035,theme.appBorderColor)} 0 0 0 1px`:`rgba(0, 0, 0, 0.20) 0 2px 5px 1px,
21
- ${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.js";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{global as global5}from"@storybook/global";global5&&global5.__DOCS_CONTEXT__===void 0&&(global5.__DOCS_CONTEXT__=createContext2(null),global5.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global5?global5.__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(`
21
+ ${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.js";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{global as global5}from"@storybook/global";global5&&global5.__DOCS_CONTEXT__===void 0&&(global5.__DOCS_CONTEXT__=createContext2(null),global5.__DOCS_CONTEXT__.displayName="DocsContext");var DocsContext=global5?global5.__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 React39,{Children as Children2,useContext as useContext4}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(`
22
22
  `)}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(`
23
23
  `);return extractSource(location,lines)},enhanceSource=story=>{let{id,parameters}=story,{storySource,docs={}}=parameters,{transformSource}=docs;if(!storySource?.source||docs.source?.code)return null;let input=extract(id,storySource),code=transformSource?transformSource(input,story):input;return{docs:combineParameters(docs,{source:{code}})}};var SourceState=(SourceState2=>(SourceState2.OPEN="open",SourceState2.CLOSED="closed",SourceState2.NONE="none",SourceState2))(SourceState||{}),getSourceState=stories=>{let states=stories.map(story=>story.parameters.docs?.source?.state).filter(Boolean);return states.length===0?"closed":states[0]},getStorySource=(storyId,sourceContext)=>{let{sources}=sourceContext;return sources?.[storyId]||{code:"",format:!1}},getSnippet=(snippet,story)=>{if(!story)return snippet;let{parameters}=story,isArgsStory=parameters.__isArgsStory,type=parameters.docs?.source?.type||SourceType.AUTO,userCode=parameters.docs?.source?.code;return userCode!==void 0?userCode:type===SourceType.DYNAMIC||type===SourceType.AUTO&&snippet&&isArgsStory?parameters.docs?.transformSource?.(snippet,story)||snippet:(enhanceSource(story)||parameters)?.docs?.source?.code||""},useSourceProps=(props,docsContext,sourceContext)=>{let{id:primaryId,parameters}=docsContext.storyById(),codeProps=props,singleProps=props,multiProps=props,{format:format2,code:source}=codeProps,storyIds=(multiProps.ids||[singleProps.id||primaryId]).map(targetId=>targetId),stories=useStories(storyIds,docsContext);if(!stories.every(Boolean))return{error:"Oh no! The source is not available.",state:"none"};source||({format:format2}=getStorySource(storyIds[0],sourceContext),source=storyIds.map((storyId,idx)=>{let{code:storySource}=getStorySource(storyId,sourceContext),storyObj=stories[idx];return getSnippet(storySource,storyObj)}).join(`
24
24
 
25
- `));let state=getSourceState(stories),{docs:docsParameters={}}=parameters,{source:sourceParameters={}}=docsParameters,{language:docsLanguage=null}=sourceParameters;return source?{code:source,state,format:format2,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:"Oh no! The source is not available.",state}},Source2=props=>{let sourceContext=useContext2(SourceContext),docsContext=useContext2(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return React37.createElement(Source,{...sourceProps})};var usePreviewProps=({withSource,mdxSource,children,...props},docsContext,sourceContext)=>{let storyIds=Children2.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(({props:{id,of,name}})=>id||(of?docsContext.storyIdByModuleExport(of):docsContext.storyIdByName(name))),isLoading=useStories(storyIds,docsContext).some(s=>!s),sourceProps=useSourceProps(mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},docsContext,sourceContext);return withSource==="none"?{isLoading,previewProps:props}:{isLoading,previewProps:{...props,withSource:sourceProps,isExpanded:(withSource||sourceProps.state)==="open"}}},Canvas=props=>{let docsContext=useContext3(DocsContext),sourceContext=useContext3(SourceContext),{isLoading,previewProps}=usePreviewProps(props,docsContext,sourceContext),{children}=props;return isLoading?React38.createElement(PreviewSkeleton,null):React38.createElement(Preview,{...previewProps},children)};import React39,{useContext as useContext4}from"react";import{str}from"@storybook/docs-tools";import{deprecate}from"@storybook/client-logger";var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.AUTO="auto",DescriptionType2))(DescriptionType||{}),getNotes=notes=>notes&&(typeof notes=="string"?notes:str(notes.markdown)||str(notes.text)),getInfo=info=>info&&(typeof info=="string"?info:str(info.text)),noDescription=component=>null,useDescriptionProps=({of,type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return{markdown:children||markdown};let{notes,info,docs}=parameters;(Boolean(notes)||Boolean(info))&&deprecate("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription=noDescription,description}=docs||{},target=[PRIMARY_STORY].includes(of)?component:of,componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case"info":return{markdown:getInfo(info)};case"notes":return{markdown:getNotes(notes)};case"docgen":case"auto":default:return{markdown:extractComponentDescription(target,{component,...parameters})}}},DescriptionContainer=(props={of:PRIMARY_STORY})=>{let context=useContext4(DocsContext),{markdown}=useDescriptionProps(props,context);return props.type&&deprecate("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),props.markdown&&deprecate("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),props.children&&deprecate("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),markdown?React39.createElement(Description,{markdown}):null};import React51 from"react";import React40,{useEffect as useEffect10}from"react";import{global as global6}from"@storybook/global";import{ThemeProvider as ThemeProvider2,ensure as ensureTheme}from"@storybook/theming";var{document:document2,window:globalWindow3}=global6,DocsContainer=({context,theme,children})=>(useEffect10(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document2.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element)},200)}}catch{}}),React40.createElement(DocsContext.Provider,{value:context},React40.createElement(SourceContainer,{channel:context.channel},React40.createElement(ThemeProvider2,{theme:ensureTheme(theme)},React40.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},React40.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children))))));import React50 from"react";import React41,{useContext as useContext5}from"react";var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=useContext5(DocsContext),text=children;return text||(text=extractTitle(context.storyById().title)),text?React41.createElement(Title,{className:"sbdocs-title"},text):null};import React42,{useContext as useContext6}from"react";var Subtitle2=({children})=>{let docsContext=useContext6(DocsContext),{parameters}=docsContext.storyById(),text=children;return text||(text=parameters?.componentSubtitle),text?React42.createElement(Subtitle,{className:"sbdocs-subtitle"},text):null};import React47,{useContext as useContext9}from"react";import React46 from"react";import React44 from"react";import{H3}from"@storybook/components";import React43,{useContext as useContext7}from"react";import{NAVIGATE_URL}from"@storybook/core-events";import{Code,components as components2}from"@storybook/components";import{global as global7}from"@storybook/global";import{styled as styled25}from"@storybook/theming";var{document:document3}=global7,assertIsFn=val=>{if(typeof val!="function")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React43.useContext(DocsContext);return React43.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!="string"&&(typeof children!="string"||!children.match(/[\n\r]/g)))return React43.createElement(Code,null,children);let language=className&&className.split("-");return React43.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url)}var A=components2.a,AnchorInPage=({hash,children})=>{let context=useContext7(DocsContext);return React43.createElement(A,{href:hash,target:"_self",onClick:event=>{let id=hash.substring(1);document3.getElementById(id)&&navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext7(DocsContext);if(href){if(href.startsWith("#"))return React43.createElement(AnchorInPage,{hash:href},children);if(target!=="_blank"&&!href.startsWith("https://"))return React43.createElement(A,{href,onClick:event=>{event.preventDefault(),navigate(context,event.currentTarget.getAttribute("href"))},target,...rest},children)}return React43.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled25(components2[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),OcticonAnchor=styled25.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext7(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React43.createElement(OcticonHeader,{id,...rest},React43.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document3.getElementById(id)&&navigate(context,hash)}},React43.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},React43.createElement("path",{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React43.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Header=components2[as];return React43.createElement(Header,{...props})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React43.createElement(HeaderMdx,{as:headerType,...props})}),{});var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React44.createElement(H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React44.createElement(HeaderMdx,{as:"h3",id:tagID},children)};import React45,{useContext as useContext8,useRef as useRef5,useEffect as useEffect11,useState as useState13}from"react";var storyBlockIdFromId=storyId=>`story--${storyId}`,getStoryId2=(props,context)=>{let{id,of,meta}=props;if(of)return context.storyIdByModuleExport(of,meta);let{name}=props;return id||context.storyIdByName(name)},getStoryProps=({height,inline},story)=>{let{name:storyName,parameters={}}=story||{},{docs={}}=parameters;if(docs.disable)return null;let{inlineStories=!1,iframeHeight=100}=docs,storyIsInline=typeof inline=="boolean"?inline:inlineStories;return{inline:storyIsInline,id:story?.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName,...storyIsInline&&{parameters}}},Story2=props=>{let context=useContext8(DocsContext),storyRef=useRef5(),storyId=getStoryId2(props,context),story=useStory(storyId,context),[showLoader,setShowLoader]=useState13(!0);if(useEffect11(()=>{if(!(story&&storyRef.current))return()=>{};let element=storyRef.current,{autoplay}=story.parameters.docs||{},cleanup=context.renderStoryToElement(story,element,{autoplay});return setShowLoader(!1),()=>{cleanup()}},[context,story]),!story)return React45.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story);if(!storyProps)return null;if(storyProps.inline){let htmlContents="<span></span>",{height}=storyProps;return React45.createElement("div",{id:storyBlockIdFromId(story.id),className:"sb-story"},height?React45.createElement("style",null,`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React45.createElement(StorySkeleton,null),React45.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:htmlContents}}))}return React45.createElement("div",{id:storyBlockIdFromId(story.id)},React45.createElement(Story,{...storyProps}))};var DocsStory=({id,name,expanded=!0,withToolbar=!1,parameters={}})=>{let description,{docs}=parameters;expanded&&docs&&(description=docs.description?.story);let subheading=expanded&&name;return React46.createElement(Anchor,{storyId:id},subheading&&React46.createElement(Subheading,null,subheading),description&&React46.createElement(DescriptionContainer,{markdown:description}),React46.createElement(Canvas,{withToolbar},React46.createElement(Story2,{id,parameters})))};var Primary=({name})=>{let docsContext=useContext9(DocsContext),storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?React47.createElement(DocsStory,{...story,expanded:!1,withToolbar:!0}):null};import React49,{useContext as useContext10}from"react";import React48 from"react";import{H2}from"@storybook/components";var Heading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React48.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React48.createElement(HeaderMdx,{as:"h2",id:tagID},children)};var Stories=({title,includePrimary=!1})=>{let{componentStories}=useContext10(DocsContext),stories=componentStories();return stories=stories.filter(story=>!story.parameters?.docs?.disable),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React49.createElement(React49.Fragment,null,React49.createElement(Heading,null,title),stories.map(story=>story&&React49.createElement(DocsStory,{key:story.id,...story,expanded:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>React50.createElement(React50.Fragment,null,React50.createElement(Title2,null),React50.createElement(Subtitle2,null),React50.createElement(DescriptionContainer,null),React50.createElement(Primary,null),React50.createElement(ArgsTable2,{story:PRIMARY_STORY}),React50.createElement(Stories,null));var Docs=({docsParameter,context})=>{let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React51.createElement(Container,{context,theme:docsParameter.theme},React51.createElement(Page,null))};import React52,{useRef as useRef6}from"react";import{composeConfigs as composeConfigs2}from"@storybook/preview-api";import{Preview as Preview2,composeConfigs}from"@storybook/preview-api";import{Channel}from"@storybook/channels";import{DocsContext as DocsContext2}from"@storybook/preview-api";var ExternalDocsContext=class extends DocsContext2{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[],!0);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.setMeta=metaExports=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!0)}}storyIdByModuleExport(storyExport,metaExports){if(metaExports){let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile,!1)}return super.storyIdByModuleExport(storyExport)}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends Preview2{constructor(projectAnnotations){super(new Channel);this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>composeConfigs([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function usePreview(projectAnnotations){let previewRef=useRef6();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}var ExternalDocs=({projectAnnotationsList,children})=>{let projectAnnotations=composeConfigs2(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React52.createElement(Docs,{docsParameter,context:preview2.docsContext()})};import React53 from"react";import{ThemeProvider as ThemeProvider3,themes as themes2,ensure}from"@storybook/theming";var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React53.createElement(DocsContext.Provider,{value:preview.docsContext()},React53.createElement(ThemeProvider3,{theme:ensure(themes2.light)},children)));import React54,{useContext as useContext11}from"react";var Meta=({of})=>{let context=useContext11(DocsContext);of&&context.setMeta(of);try{let primary=context.storyById();return React54.createElement(Anchor,{storyId:primary.id})}catch{return null}};import React55 from"react";var Unstyled=props=>React55.createElement("div",{...props,className:"sb-unstyled"});import React56 from"react";var Wrapper8=({children})=>React56.createElement("div",{style:{fontFamily:"sans-serif"}},children);export{AddContext,Anchor,AnchorMdx,ArgsTable2 as ArgsTable,BooleanControl,Canvas,CodeOrSourceMdx,ColorControl,ColorItem,ColorPalette,ComponentsTable,DateControl,DescriptionContainer as Description,DescriptionType,Docs,DocsContainer,DocsContext,DocsPage,DocsStory,ExternalDocs,ExternalDocsContainer,FilesControl,HeaderMdx,HeadersMdx,Heading,IconGallery,IconItem,Meta,NoControlsWarning,NumberControl,ObjectControl,OptionsControl,PRIMARY_STORY,Primary,ArgsTable as PureArgsTable,RangeControl,Source2 as Source,SourceContainer,SourceContext,SourceState,Stories,Story2 as Story,StoryTable,Subheading,Subtitle2 as Subtitle,TextControl,Title2 as Title,Typeset,Unstyled,Wrapper8 as Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId2 as getStoryId,getStoryProps,parse2 as parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps};
25
+ `));let state=getSourceState(stories),{docs:docsParameters={}}=parameters,{source:sourceParameters={}}=docsParameters,{language:docsLanguage=null}=sourceParameters;return source?{code:source,state,format:format2,language:props.language||docsLanguage||"jsx",dark:props.dark||!1}:{error:"Oh no! The source is not available.",state}},Source2=props=>{let sourceContext=useContext2(SourceContext),docsContext=useContext2(DocsContext),sourceProps=useSourceProps(props,docsContext,sourceContext);return React37.createElement(Source,{...sourceProps})};import React38,{useContext as useContext3,useRef as useRef5,useEffect as useEffect10,useState as useState13}from"react";var storyBlockIdFromId=storyId=>`story--${storyId}`,getStoryId2=(props,context)=>{let{id,of,meta}=props;if(of){meta&&context.referenceMeta(meta,!1);let resolved=context.resolveModuleExport(of);if(resolved.type!=="story")throw new Error("Unexpected component/module/meta exports passed to `Story` block.");return resolved.story.id}let{name}=props;return id||context.storyIdByName(name)},getStoryProps=({height,inline},story)=>{let{name:storyName,parameters={}}=story||{},{docs={}}=parameters;if(docs.disable)return null;let{inlineStories=!1,iframeHeight=100}=docs,storyIsInline=typeof inline=="boolean"?inline:inlineStories;return{inline:storyIsInline,id:story?.id,height:height||(storyIsInline?void 0:iframeHeight),title:storyName,...storyIsInline&&{parameters}}},Story2=props=>{let context=useContext3(DocsContext),storyRef=useRef5(),storyId=getStoryId2(props,context),story=useStory(storyId,context),[showLoader,setShowLoader]=useState13(!0);if(useEffect10(()=>{if(!(story&&storyRef.current))return()=>{};let element=storyRef.current,{autoplay}=story.parameters.docs||{},cleanup=context.renderStoryToElement(story,element,{autoplay});return setShowLoader(!1),()=>{cleanup()}},[context,story]),!story)return React38.createElement(StorySkeleton,null);let storyProps=getStoryProps(props,story);if(!storyProps)return null;if(storyProps.inline){let htmlContents="<span></span>",{height}=storyProps;return React38.createElement("div",{id:storyBlockIdFromId(story.id),className:"sb-story"},height?React38.createElement("style",null,`#story--${story.id} { min-height: ${height}; transform: translateZ(0); overflow: auto }`):null,showLoader&&React38.createElement(StorySkeleton,null),React38.createElement("div",{ref:storyRef,"data-name":story.name,dangerouslySetInnerHTML:{__html:htmlContents}}))}return React38.createElement("div",{id:storyBlockIdFromId(story.id)},React38.createElement(Story,{...storyProps}))};var usePreviewProps=({withSource,mdxSource,children,...props},docsContext,sourceContext)=>{let storyIds=Children2.toArray(children).filter(c=>c.props&&(c.props.id||c.props.name||c.props.of)).map(c=>getStoryId2(c.props,docsContext)),isLoading=useStories(storyIds,docsContext).some(s=>!s),sourceProps=useSourceProps(mdxSource?{code:decodeURI(mdxSource)}:{ids:storyIds},docsContext,sourceContext);return withSource==="none"?{isLoading,previewProps:props}:{isLoading,previewProps:{...props,withSource:sourceProps,isExpanded:(withSource||sourceProps.state)==="open"}}},Canvas=props=>{let docsContext=useContext4(DocsContext),sourceContext=useContext4(SourceContext),{isLoading,previewProps}=usePreviewProps(props,docsContext,sourceContext),{children}=props;return isLoading?React39.createElement(PreviewSkeleton,null):React39.createElement(Preview,{...previewProps},children)};import React40,{useContext as useContext5}from"react";import{str}from"@storybook/docs-tools";import{deprecate}from"@storybook/client-logger";var DescriptionType=(DescriptionType2=>(DescriptionType2.INFO="info",DescriptionType2.NOTES="notes",DescriptionType2.DOCGEN="docgen",DescriptionType2.AUTO="auto",DescriptionType2))(DescriptionType||{}),getNotes=notes=>notes&&(typeof notes=="string"?notes:str(notes.markdown)||str(notes.text)),getInfo=info=>info&&(typeof info=="string"?info:str(info.text)),noDescription=component=>null,useDescriptionProps=({of,type,markdown,children},{storyById})=>{let{component,parameters}=storyById();if(children||markdown)return{markdown:children||markdown};let{notes,info,docs}=parameters;(Boolean(notes)||Boolean(info))&&deprecate("Using 'parameters.notes' or 'parameters.info' properties to describe stories is deprecated. Write JSDocs directly at the meta, story or component instead.");let{extractComponentDescription=noDescription,description}=docs||{},target=[PRIMARY_STORY].includes(of)?component:of,componentDescriptionParameter=description?.component;if(componentDescriptionParameter)return{markdown:componentDescriptionParameter};switch(type){case"info":return{markdown:getInfo(info)};case"notes":return{markdown:getNotes(notes)};case"docgen":case"auto":default:return{markdown:extractComponentDescription(target,{component,...parameters})}}},DescriptionContainer=(props={of:PRIMARY_STORY})=>{let context=useContext5(DocsContext),{markdown}=useDescriptionProps(props,context);return props.type&&deprecate("Manually specifying description type is deprecated. In the future all descriptions will be extracted from JSDocs on the meta, story or component."),props.markdown&&deprecate("The 'markdown' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead"),props.children&&deprecate("The 'children' prop on the Description block is deprecated. Write the markdown directly in the .mdx file instead."),markdown?React40.createElement(Description,{markdown}):null};import React51 from"react";import React41,{useEffect as useEffect11}from"react";import{global as global6}from"@storybook/global";import{ThemeProvider as ThemeProvider2,ensure as ensureTheme}from"@storybook/theming";var{document:document2,window:globalWindow3}=global6,DocsContainer=({context,theme,children})=>(useEffect11(()=>{let url;try{if(url=new URL(globalWindow3.parent.location.toString()),url.hash){let element=document2.getElementById(url.hash.substring(1));element&&setTimeout(()=>{scrollToElement(element)},200)}}catch{}}),React41.createElement(DocsContext.Provider,{value:context},React41.createElement(SourceContainer,{channel:context.channel},React41.createElement(ThemeProvider2,{theme:ensureTheme(theme)},React41.createElement(DocsWrapper,{className:"sbdocs sbdocs-wrapper"},React41.createElement(DocsContent,{className:"sbdocs sbdocs-content"},children))))));import React50 from"react";import React42,{useContext as useContext6}from"react";var STORY_KIND_PATH_SEPARATOR=/\s*\/\s*/,extractTitle=title=>{let groups=title.trim().split(STORY_KIND_PATH_SEPARATOR);return groups&&groups[groups.length-1]||title},Title2=({children})=>{let context=useContext6(DocsContext),text=children;return text||(text=extractTitle(context.storyById().title)),text?React42.createElement(Title,{className:"sbdocs-title"},text):null};import React43,{useContext as useContext7}from"react";var Subtitle2=({children})=>{let docsContext=useContext7(DocsContext),{parameters}=docsContext.storyById(),text=children;return text||(text=parameters?.componentSubtitle),text?React43.createElement(Subtitle,{className:"sbdocs-subtitle"},text):null};import React47,{useContext as useContext9}from"react";import React46 from"react";import React45 from"react";import{H3}from"@storybook/components";import React44,{useContext as useContext8}from"react";import{NAVIGATE_URL}from"@storybook/core-events";import{Code,components as components2}from"@storybook/components";import{global as global7}from"@storybook/global";import{styled as styled25}from"@storybook/theming";var{document:document3}=global7,assertIsFn=val=>{if(typeof val!="function")throw new Error(`Expected story function, got: ${val}`);return val},AddContext=props=>{let{children,...rest}=props,parentContext=React44.useContext(DocsContext);return React44.createElement(DocsContext.Provider,{value:{...parentContext,...rest}},children)},CodeOrSourceMdx=({className,children,...rest})=>{if(typeof className!="string"&&(typeof children!="string"||!children.match(/[\n\r]/g)))return React44.createElement(Code,null,children);let language=className&&className.split("-");return React44.createElement(Source,{language:language&&language[1]||"plaintext",format:!1,code:children,...rest})};function navigate(context,url){context.channel.emit(NAVIGATE_URL,url)}var A=components2.a,AnchorInPage=({hash,children})=>{let context=useContext8(DocsContext);return React44.createElement(A,{href:hash,target:"_self",onClick:event=>{let id=hash.substring(1);document3.getElementById(id)&&navigate(context,hash)}},children)},AnchorMdx=props=>{let{href,target,children,...rest}=props,context=useContext8(DocsContext);if(href){if(href.startsWith("#"))return React44.createElement(AnchorInPage,{hash:href},children);if(target!=="_blank"&&!href.startsWith("https://"))return React44.createElement(A,{href,onClick:event=>{event.preventDefault(),navigate(context,event.currentTarget.getAttribute("href"))},target,...rest},children)}return React44.createElement(A,{...props})},SUPPORTED_MDX_HEADERS=["h1","h2","h3","h4","h5","h6"],OcticonHeaders=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:styled25(components2[headerType])({"& svg":{visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),OcticonAnchor=styled25.a(()=>({float:"left",paddingRight:"4px",marginLeft:"-20px",color:"inherit"})),HeaderWithOcticonAnchor=({as,id,children,...rest})=>{let context=useContext8(DocsContext),OcticonHeader=OcticonHeaders[as],hash=`#${id}`;return React44.createElement(OcticonHeader,{id,...rest},React44.createElement(OcticonAnchor,{"aria-hidden":"true",href:hash,tabIndex:-1,target:"_self",onClick:event=>{document3.getElementById(id)&&navigate(context,hash)}},React44.createElement("svg",{viewBox:"0 0 16 16",version:"1.1",width:"16",height:"16","aria-hidden":"true",fill:"currentColor"},React44.createElement("path",{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),children)},HeaderMdx=props=>{let{as,id,children,...rest}=props;if(id)return React44.createElement(HeaderWithOcticonAnchor,{as,id,...rest},children);let Header=components2[as];return React44.createElement(Header,{...props})},HeadersMdx=SUPPORTED_MDX_HEADERS.reduce((acc,headerType)=>({...acc,[headerType]:props=>React44.createElement(HeaderMdx,{as:headerType,...props})}),{});var Subheading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React45.createElement(H3,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React45.createElement(HeaderMdx,{as:"h3",id:tagID},children)};var DocsStory=({id,name,expanded=!0,withToolbar=!1,parameters={}})=>{let description,{docs}=parameters;expanded&&docs&&(description=docs.description?.story);let subheading=expanded&&name;return React46.createElement(Anchor,{storyId:id},subheading&&React46.createElement(Subheading,null,subheading),description&&React46.createElement(DescriptionContainer,{markdown:description}),React46.createElement(Canvas,{withToolbar},React46.createElement(Story2,{id,parameters})))};var Primary=({name})=>{let docsContext=useContext9(DocsContext),storyId=name&&docsContext.storyIdByName(name),story=docsContext.storyById(storyId);return story?React47.createElement(DocsStory,{...story,expanded:!1,withToolbar:!0}):null};import React49,{useContext as useContext10}from"react";import React48 from"react";import{H2}from"@storybook/components";var Heading=({children,disableAnchor})=>{if(disableAnchor||typeof children!="string")return React48.createElement(H2,null,children);let tagID=children.toLowerCase().replace(/[^a-z0-9]/gi,"-");return React48.createElement(HeaderMdx,{as:"h2",id:tagID},children)};var Stories=({title,includePrimary=!1})=>{let{componentStories}=useContext10(DocsContext),stories=componentStories();return stories=stories.filter(story=>!story.parameters?.docs?.disable),includePrimary||(stories=stories.slice(1)),!stories||stories.length===0?null:React49.createElement(React49.Fragment,null,React49.createElement(Heading,null,title),stories.map(story=>story&&React49.createElement(DocsStory,{key:story.id,...story,expanded:!0})))};Stories.defaultProps={title:"Stories"};var DocsPage=()=>React50.createElement(React50.Fragment,null,React50.createElement(Title2,null),React50.createElement(Subtitle2,null),React50.createElement(DescriptionContainer,null),React50.createElement(Primary,null),React50.createElement(ArgsTable2,{story:PRIMARY_STORY}),React50.createElement(Stories,null));var Docs=({docsParameter,context})=>{let Container=docsParameter.container||DocsContainer,Page=docsParameter.page||DocsPage;return React51.createElement(Container,{context,theme:docsParameter.theme},React51.createElement(Page,null))};import React52,{useRef as useRef6}from"react";import{composeConfigs as composeConfigs2}from"@storybook/preview-api";import{Preview as Preview2,composeConfigs}from"@storybook/preview-api";import{Channel}from"@storybook/channels";import{DocsContext as DocsContext2}from"@storybook/preview-api";var ExternalDocsContext=class extends DocsContext2{constructor(channel,store,renderStoryToElement,processMetaExports){super(channel,store,renderStoryToElement,[]);this.channel=channel;this.store=store;this.renderStoryToElement=renderStoryToElement;this.processMetaExports=processMetaExports;this.referenceMeta=(metaExports,attach)=>{let csfFile=this.processMetaExports(metaExports);this.referenceCSFFile(csfFile),super.referenceMeta(metaExports,attach)}}};var ConstantMap=class{constructor(prefix){this.prefix=prefix;this.entries=new Map}get(key){return this.entries.has(key)||this.entries.set(key,`${this.prefix}${this.entries.size}`),this.entries.get(key)}},ExternalPreview=class extends Preview2{constructor(projectAnnotations){super(new Channel);this.projectAnnotations=projectAnnotations;this.importPaths=new ConstantMap("./importPath/");this.titles=new ConstantMap("title-");this.storyIndex={v:4,entries:{}};this.moduleExportsByImportPath={};this.processMetaExports=metaExports=>{let importPath=this.importPaths.get(metaExports);this.moduleExportsByImportPath[importPath]=metaExports;let title=metaExports.default.title||this.titles.get(metaExports),csfFile=this.storyStore.processCSFFileWithCache(metaExports,importPath,title);return Object.values(csfFile.stories).forEach(({id,name})=>{this.storyIndex.entries[id]={id,importPath,title,name,type:"story"}}),this.onStoriesChanged({storyIndex:this.storyIndex}),csfFile};this.docsContext=()=>new ExternalDocsContext(this.channel,this.storyStore,this.renderStoryToElement.bind(this),this.processMetaExports.bind(this));this.initialize({getStoryIndex:()=>this.storyIndex,importFn:path=>Promise.resolve(this.moduleExportsByImportPath[path]),getProjectAnnotations:()=>composeConfigs([{parameters:{docs:{inlineStories:!0}}},this.projectAnnotations])})}};function usePreview(projectAnnotations){let previewRef=useRef6();return previewRef.current||(previewRef.current=new ExternalPreview(projectAnnotations)),previewRef.current}var ExternalDocs=({projectAnnotationsList,children})=>{let projectAnnotations=composeConfigs2(projectAnnotationsList),preview2=usePreview(projectAnnotations),docsParameter={...projectAnnotations.parameters?.docs,page:()=>children};return React52.createElement(Docs,{docsParameter,context:preview2.docsContext()})};import React53 from"react";import{ThemeProvider as ThemeProvider3,themes as themes2,ensure}from"@storybook/theming";var preview,ExternalDocsContainer=({projectAnnotations,children})=>(preview||(preview=new ExternalPreview(projectAnnotations)),React53.createElement(DocsContext.Provider,{value:preview.docsContext()},React53.createElement(ThemeProvider3,{theme:ensure(themes2.light)},children)));import React54,{useContext as useContext11}from"react";var Meta=({of})=>{let context=useContext11(DocsContext);of&&context.referenceMeta(of,!0);try{let primary=context.storyById();return React54.createElement(Anchor,{storyId:primary.id})}catch{return null}};import React55 from"react";var Unstyled=props=>React55.createElement("div",{...props,className:"sb-unstyled"});import React56 from"react";var Wrapper8=({children})=>React56.createElement("div",{style:{fontFamily:"sans-serif"}},children);export{AddContext,Anchor,AnchorMdx,ArgsTable2 as ArgsTable,BooleanControl,Canvas,CodeOrSourceMdx,ColorControl,ColorItem,ColorPalette,ComponentsTable,DateControl,DescriptionContainer as Description,DescriptionType,Docs,DocsContainer,DocsContext,DocsPage,DocsStory,ExternalDocs,ExternalDocsContainer,FilesControl,HeaderMdx,HeadersMdx,Heading,IconGallery,IconItem,Meta,NoControlsWarning,NumberControl,ObjectControl,OptionsControl,PRIMARY_STORY,Primary,ArgsTable as PureArgsTable,RangeControl,Source2 as Source,SourceContainer,SourceContext,SourceState,Stories,Story2 as Story,StoryTable,Subheading,Subtitle2 as Subtitle,TextControl,Title2 as Title,Typeset,Unstyled,Wrapper8 as Wrapper,anchorBlockIdFromId,assertIsFn,extractComponentArgTypes,extractTitle,format,formatDate,formatTime,getComponent,getStoryId2 as getStoryId,getStoryProps,parse2 as parse,parseDate,parseTime,storyBlockIdFromId,useDescriptionProps,useSourceProps};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/blocks",
3
- "version": "7.0.0-beta.21",
3
+ "version": "7.0.0-beta.23",
4
4
  "description": "Storybook Doc Blocks",
5
5
  "keywords": [
6
6
  "storybook"
@@ -43,17 +43,17 @@
43
43
  "prep": "../../../scripts/prepare/bundle.ts"
44
44
  },
45
45
  "dependencies": {
46
- "@storybook/channels": "7.0.0-beta.21",
47
- "@storybook/client-logger": "7.0.0-beta.21",
48
- "@storybook/components": "7.0.0-beta.21",
49
- "@storybook/core-events": "7.0.0-beta.21",
46
+ "@storybook/channels": "7.0.0-beta.23",
47
+ "@storybook/client-logger": "7.0.0-beta.23",
48
+ "@storybook/components": "7.0.0-beta.23",
49
+ "@storybook/core-events": "7.0.0-beta.23",
50
50
  "@storybook/csf": "next",
51
- "@storybook/docs-tools": "7.0.0-beta.21",
51
+ "@storybook/docs-tools": "7.0.0-beta.23",
52
52
  "@storybook/global": "^5.0.0",
53
- "@storybook/manager-api": "7.0.0-beta.21",
54
- "@storybook/preview-api": "7.0.0-beta.21",
55
- "@storybook/theming": "7.0.0-beta.21",
56
- "@storybook/types": "7.0.0-beta.21",
53
+ "@storybook/manager-api": "7.0.0-beta.23",
54
+ "@storybook/preview-api": "7.0.0-beta.23",
55
+ "@storybook/theming": "7.0.0-beta.23",
56
+ "@storybook/types": "7.0.0-beta.23",
57
57
  "@types/lodash": "^4.14.167",
58
58
  "color-convert": "^2.0.1",
59
59
  "dequal": "^2.0.2",
@@ -66,7 +66,7 @@
66
66
  "util-deprecate": "^1.0.2"
67
67
  },
68
68
  "devDependencies": {
69
- "@storybook/addon-actions": "7.0.0-beta.21",
69
+ "@storybook/addon-actions": "7.0.0-beta.23",
70
70
  "@types/color-convert": "^2.0.0"
71
71
  },
72
72
  "peerDependencies": {
@@ -81,5 +81,5 @@
81
81
  "./src/index.ts"
82
82
  ]
83
83
  },
84
- "gitHead": "fb45d854842e10fa119a65c628333e3a5d495e77"
84
+ "gitHead": "540859f1e7daeb25a03b2095e4223effc7f590b8"
85
85
  }