@storybook/components 7.0.0-beta.16 → 7.0.0-beta.18

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 +1 -1
  2. package/dist/index.mjs +1 -1
  3. package/package.json +5 -5
package/dist/index.js CHANGED
@@ -334,7 +334,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
334
334
  path {
335
335
  fill: currentColor;
336
336
  }
337
- `,Icons=({icon,useSymbol,...props})=>import_react13.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react13.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react13.memo)(function({icons:keys=Object.keys(icons)}){return import_react13.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>import_react13.default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=import_theming29.styled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=import_theming29.styled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react14.default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},import_react14.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react14.default.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var import_theming30=require("@storybook/theming"),DocumentWrapper=import_theming30.styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.black},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));var import_react15=__toESM(require("react")),LazySyntaxHighlighter=(0,import_react15.lazy)(()=>Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports))),LazySyntaxHighlighterWithFormatter=(0,import_react15.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter4},{formatter:formatter2}]=await Promise.all([Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports)),Promise.resolve().then(()=>(init_formatter(),formatter_exports))]);return{default:props=>import_react15.default.createElement(SyntaxHighlighter4,{...props,formatter:formatter2})}}),SyntaxHighlighter3=props=>import_react15.default.createElement(import_react15.Suspense,{fallback:import_react15.default.createElement("div",null)},props.format!==!1?import_react15.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react15.default.createElement(LazySyntaxHighlighter,{...props}));init_syntaxhighlighter();init_ActionBar();var import_react16=__toESM(require("react")),import_theming31=require("@storybook/theming"),toNumber=input=>typeof input=="number"?input:Number(input),Container2=import_theming31.styled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer=="number"||!outer?outer:col||row);return import_react16.default.createElement(Container2,{col,row,outer:outerAmount,...rest},children)};var import_react17=__toESM(require("react")),import_theming32=require("@storybook/theming"),Title=import_theming32.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=import_theming32.styled.div(),Message=import_theming32.styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react17.Children.toArray(children);return import_react17.default.createElement(Message,{...props},import_react17.default.createElement(Title,null,title),desc&&import_react17.default.createElement(Desc,null,desc))};init_ScrollArea();var import_react18=__toESM(require("react")),import_theming33=require("@storybook/theming");var import_global2=require("@storybook/global");function browserSupportsCssZoom(){try{return import_global2.global.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=import_theming33.styled.div(({scale=1,height})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:height?height+50:"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options={},callback})=>{let observer=(0,import_react18.useRef)();(0,import_react18.useEffect)(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element!=null&&element.current&&observer.current.observe(element.current,options),()=>observer.current.disconnect()),[element,observer,options])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react18.useRef)(null),[height,setHeight]=(0,import_react18.useState)(0),handleMutations=(0,import_react18.useCallback)(()=>{setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return(0,import_react18.useEffect)(()=>{componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale,componentWrapperRef.current]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),import_react18.default.createElement(ZoomElementWrapper,{scale,height},import_react18.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var import_react19=require("react");var ZoomIFrame=class extends import_react19.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var import_react20=__toESM(require("react")),import_theming34=require("@storybook/theming");var ButtonWrapper=import_theming34.styled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react20.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react20.default.createElement(ButtonLink,{...props,ref},children):import_react20.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var import_theming37=require("@storybook/theming");var import_react21=__toESM(require("react")),import_theming35=require("@storybook/theming"),Wrapper2=import_theming35.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming35.styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react21.default.createElement(Wrapper2,{...props},label?import_react21.default.createElement(Label,null,import_react21.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react25=__toESM(require("react")),import_theming36=require("@storybook/theming");init_extends();init_objectWithoutPropertiesLoose();var import_react24=require("react");var React21=__toESM(require("react"));var import_react22=require("react"),index=typeof document<"u"?import_react22.useLayoutEffect:import_react22.useEffect,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React21.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};var import_react23=require("react"),updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react23.useRef)();return(0,import_react23.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);(0,import_react24.useLayoutEffect)(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=(0,import_react24.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react24.useRef)(0),measurementsCacheRef=(0,import_react24.useRef)(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&((0,import_react24.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react24.createElement)("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=(0,import_react24.forwardRef)(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign((0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=(0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react25.forwardRef)(function(props,ref){return import_react25.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(import_theming37.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});var import_react29=__toESM(require("react")),LazyWithTooltip=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltipPure,{...props}));var import_react30=__toESM(require("react")),import_theming40=require("@storybook/theming");var Title2=import_theming40.styled.div(({theme})=>({fontWeight:theme.typography.weight.black})),Desc2=import_theming40.styled.span(),Links=import_theming40.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.black}})),Message2=import_theming40.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=import_theming40.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react30.default.createElement(MessageWrapper,null,import_react30.default.createElement(Message2,null,title&&import_react30.default.createElement(Title2,null,title),desc&&import_react30.default.createElement(Desc2,null,desc)),links&&import_react30.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react30.default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react31=__toESM(require("react")),import_theming41=require("@storybook/theming"),Note=import_theming41.styled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react31.default.createElement(Note,{...props},note);var import_react33=__toESM(require("react")),import_theming43=require("@storybook/theming");var import_react32=__toESM(require("react")),import_theming42=require("@storybook/theming"),import_memoizerific4=__toESM(require("memoizerific"));var Title3=(0,import_theming42.styled)(({active,loading,disabled,...rest})=>import_react32.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.primary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=import_theming42.styled.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Center=import_theming42.styled.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),CenterText=import_theming42.styled.span({flex:1,textAlign:"center"},({active,theme})=>active?{color:theme.color.primary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming42.styled.span(({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Item=import_theming42.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific4.default)(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left:left2,title,center,right:right2,active,disabled,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return import_react32.default.createElement(Item,{...commonProps,...rest,...itemProps},left2&&import_react32.default.createElement(Left,{...commonProps},left2),title||center?import_react32.default.createElement(Center,null,title&&import_react32.default.createElement(Title3,{...commonProps,loading},title),center&&import_react32.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react32.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,left:null,title:import_react32.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=import_theming43.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius*2})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,...rest}=props,{title,href,active}=rest,onClick=(0,import_react33.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]);return import_react33.default.createElement(ListItem_default,{title,active,href,LinkWrapper,...rest,...!!onClickFromProps?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>import_react33.default.createElement(List,null,links.map(({isGatsby,...p})=>import_react33.default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,...p})));TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react36=__toESM(require("react")),import_theming46=require("@storybook/theming"),import_csf=require("@storybook/csf");var import_react34=__toESM(require("react")),import_theming44=require("@storybook/theming");init_ScrollArea();var Side=import_theming44.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className})=>import_react34.default.createElement(ScrollArea,{horizontal:!0,vertical:!1,className},children),Bar=(0,import_theming44.styled)(UnstyledBar)(({theme})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=import_theming44.styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left2,right2]=import_react34.Children.toArray(children);return import_react34.default.createElement(Bar,{...rest},import_react34.default.createElement(BarInner,{bgColor:backgroundColor},import_react34.default.createElement(Side,{left:!0},left2),right2?import_react34.default.createElement(Side,{right:!0},right2):null))};FlexBar.displayName="FlexBar";var import_react35=__toESM(require("react")),import_theming45=require("@storybook/theming");init_lib();var ButtonOrLink=({children,...restProps})=>restProps.href!=null?import_react35.default.createElement("a",{...restProps},children):import_react35.default.createElement("button",{type:"button",...restProps},children),TabButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=import_theming45.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming45.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react35.default.createElement(IconButtonSkeletonWrapper,null,import_react35.default.createElement(IconPlaceholder,null));var Wrapper4=import_theming46.styled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar=import_theming46.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),Content=import_theming46.styled.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),VisuallyHidden=import_theming46.styled.div(({active})=>active?{display:"block"}:{display:"none"}),TabWrapper=({active,render,children})=>import_react36.default.createElement(VisuallyHidden,{active},render?render():children);var childrenToList=(children,selected)=>import_react36.Children.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>import_react36.default.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}}),Tabs=(0,import_react36.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId})=>{let list=childrenToList(children,selected);return list.length?import_react36.default.createElement(Wrapper4,{absolute,bordered,id:htmlId},import_react36.default.createElement(FlexBar,{border:!0,backgroundColor},import_react36.default.createElement(TabBar,{role:"tablist"},list.map(({title,id,active,color})=>{let tabTitle=typeof title=="function"?title():title;return import_react36.default.createElement(TabButton,{id:`tabbutton-${(0,import_csf.sanitize)(tabTitle)}`,className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color,onClick:e=>{e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)})),tools?import_react36.default.createElement(import_react36.Fragment,null,tools):null),import_react36.default.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>render({key:id,active})))):import_react36.default.createElement(Placeholder,null,import_react36.default.createElement(import_react36.Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=class extends import_react36.Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor}=this.props,{selected}=this.state;return import_react36.default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};var import_react37=__toESM(require("react")),import_theming47=require("@storybook/theming"),Separator=import_theming47.styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?import_react37.default.createElement(import_react37.Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?import_react37.default.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);var import_react38=__toESM(require("react")),usePrevious=value=>{let ref=(0,import_react38.useRef)();return(0,import_react38.useEffect)(()=>{ref.current=value},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>import_react38.default.createElement("div",{hidden:!active},useUpdate(active,children));var import_react39=__toESM(require("react")),StorybookLogo=({alt,...props})=>import_react39.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react39.default.createElement("title",null,alt):null,import_react39.default.createElement("defs",null,import_react39.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),import_react39.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react39.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),import_react39.default.createElement("mask",{id:"b",fill:"#fff"},import_react39.default.createElement("use",{xlinkHref:"#a"})),import_react39.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react39.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));var import_react40=__toESM(require("react")),StorybookIcon=({...props})=>import_react40.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react40.default.createElement("title",null,"Storybook icon"),import_react40.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react40.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),import_react40.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),import_react40.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));var import_react41=__toESM(require("react")),import_theming49=require("@storybook/theming");var import_theming48=require("@storybook/theming"),rotate360=import_theming48.keyframes`
337
+ `,Icons=({icon,useSymbol,...props})=>import_react13.default.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?import_react13.default.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=(0,import_react13.memo)(function({icons:keys=Object.keys(icons)}){return import_react13.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>import_react13.default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=import_theming29.styled.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=import_theming29.styled.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>import_react14.default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},import_react14.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react14.default.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};var import_theming30=require("@storybook/theming"),DocumentWrapper=import_theming30.styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.black},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));var import_react15=__toESM(require("react")),LazySyntaxHighlighter=(0,import_react15.lazy)(()=>Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports))),LazySyntaxHighlighterWithFormatter=(0,import_react15.lazy)(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter4},{formatter:formatter2}]=await Promise.all([Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports)),Promise.resolve().then(()=>(init_formatter(),formatter_exports))]);return{default:props=>import_react15.default.createElement(SyntaxHighlighter4,{...props,formatter:formatter2})}}),SyntaxHighlighter3=props=>import_react15.default.createElement(import_react15.Suspense,{fallback:import_react15.default.createElement("div",null)},props.format!==!1?import_react15.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react15.default.createElement(LazySyntaxHighlighter,{...props}));init_syntaxhighlighter();init_ActionBar();var import_react16=__toESM(require("react")),import_theming31=require("@storybook/theming"),toNumber=input=>typeof input=="number"?input:Number(input),Container2=import_theming31.styled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer=="number"||!outer?outer:col||row);return import_react16.default.createElement(Container2,{col,row,outer:outerAmount,...rest},children)};var import_react17=__toESM(require("react")),import_theming32=require("@storybook/theming"),Title=import_theming32.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=import_theming32.styled.div(),Message=import_theming32.styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react17.Children.toArray(children);return import_react17.default.createElement(Message,{...props},import_react17.default.createElement(Title,null,title),desc&&import_react17.default.createElement(Desc,null,desc))};init_ScrollArea();var import_react18=__toESM(require("react")),import_theming33=require("@storybook/theming");var import_global2=require("@storybook/global");function browserSupportsCssZoom(){try{return import_global2.global.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=import_theming33.styled.div(({scale=1,height})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:height?height+50:"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options={},callback})=>{let observer=(0,import_react18.useRef)();(0,import_react18.useEffect)(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element!=null&&element.current&&observer.current.observe(element.current,options),()=>observer.current.disconnect()),[element,observer,options])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react18.useRef)(null),[height,setHeight]=(0,import_react18.useState)(0),handleMutations=(0,import_react18.useCallback)(()=>{setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return(0,import_react18.useEffect)(()=>{componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale,componentWrapperRef.current]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),import_react18.default.createElement(ZoomElementWrapper,{scale,height},import_react18.default.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var import_react19=require("react");var ZoomIFrame=class extends import_react19.Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale,minHeight:`calc(100vh / ${1/scale})`}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var import_react20=__toESM(require("react")),import_theming34=require("@storybook/theming");var ButtonWrapper=import_theming34.styled.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign((0,import_react20.forwardRef)(function({isLink,children,...props},ref){return isLink?import_react20.default.createElement(ButtonLink,{...props,ref},children):import_react20.default.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});var import_theming37=require("@storybook/theming");var import_react21=__toESM(require("react")),import_theming35=require("@storybook/theming"),Wrapper2=import_theming35.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming35.styled.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>import_react21.default.createElement(Wrapper2,{...props},label?import_react21.default.createElement(Label,null,import_react21.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react25=__toESM(require("react")),import_theming36=require("@storybook/theming");init_extends();init_objectWithoutPropertiesLoose();var import_react24=require("react");var React21=__toESM(require("react"));var import_react22=require("react"),index=typeof document<"u"?import_react22.useLayoutEffect:import_react22.useEffect,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React21.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};var import_react23=require("react"),updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react23.useRef)();return(0,import_react23.useCallback)(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);(0,import_react24.useLayoutEffect)(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=(0,import_react24.useRef)(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=(0,import_react24.useRef)(0),measurementsCacheRef=(0,import_react24.useRef)(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&((0,import_react24.useLayoutEffect)(resizeTextarea),useWindowResizeListener(resizeTextarea)),(0,import_react24.createElement)("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=(0,import_react24.forwardRef)(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign((0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=(0,import_theming36.styled)((0,import_react25.forwardRef)(function({size,valid,align,...props},ref){return import_react25.default.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign((0,import_react25.forwardRef)(function(props,ref){return import_react25.default.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(import_theming37.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});var import_react29=__toESM(require("react")),LazyWithTooltip=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react29.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react29.default.createElement(import_react29.Suspense,{fallback:import_react29.default.createElement("div",null)},import_react29.default.createElement(LazyWithTooltipPure,{...props}));var import_react30=__toESM(require("react")),import_theming40=require("@storybook/theming");var Title2=import_theming40.styled.div(({theme})=>({fontWeight:theme.typography.weight.black})),Desc2=import_theming40.styled.span(),Links=import_theming40.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.black}})),Message2=import_theming40.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=import_theming40.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react30.default.createElement(MessageWrapper,null,import_react30.default.createElement(Message2,null,title&&import_react30.default.createElement(Title2,null,title),desc&&import_react30.default.createElement(Desc2,null,desc)),links&&import_react30.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react30.default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react31=__toESM(require("react")),import_theming41=require("@storybook/theming"),Note=import_theming41.styled.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>import_react31.default.createElement(Note,{...props},note);var import_react33=__toESM(require("react")),import_theming43=require("@storybook/theming");var import_react32=__toESM(require("react")),import_theming42=require("@storybook/theming"),import_memoizerific4=__toESM(require("memoizerific"));var Title3=(0,import_theming42.styled)(({active,loading,disabled,...rest})=>import_react32.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.primary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=import_theming42.styled.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Center=import_theming42.styled.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),CenterText=import_theming42.styled.span({flex:1,textAlign:"center"},({active,theme})=>active?{color:theme.color.primary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming42.styled.span(({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Item=import_theming42.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=(0,import_memoizerific4.default)(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left:left2,title,center,right:right2,active,disabled,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return import_react32.default.createElement(Item,{...commonProps,...rest,...itemProps},left2&&import_react32.default.createElement(Left,{...commonProps},left2),title||center?import_react32.default.createElement(Center,null,title&&import_react32.default.createElement(Title3,{...commonProps,loading},title),center&&import_react32.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react32.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,left:null,title:import_react32.default.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=import_theming43.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius*2})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,...rest}=props,{title,href,active}=rest,onClick=(0,import_react33.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]);return import_react33.default.createElement(ListItem_default,{title,active,href,LinkWrapper,...rest,...!!onClickFromProps?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>import_react33.default.createElement(List,null,links.map(({isGatsby,...p})=>import_react33.default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,...p})));TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react36=__toESM(require("react")),import_theming46=require("@storybook/theming"),import_csf=require("@storybook/csf");var import_react34=__toESM(require("react")),import_theming44=require("@storybook/theming");init_ScrollArea();var Side=import_theming44.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className})=>import_react34.default.createElement(ScrollArea,{horizontal:!0,vertical:!1,className},children),Bar=(0,import_theming44.styled)(UnstyledBar)(({theme})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=import_theming44.styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left2,right2]=import_react34.Children.toArray(children);return import_react34.default.createElement(Bar,{...rest},import_react34.default.createElement(BarInner,{bgColor:backgroundColor},import_react34.default.createElement(Side,{left:!0},left2),right2?import_react34.default.createElement(Side,{right:!0},right2):null))};FlexBar.displayName="FlexBar";var import_react35=__toESM(require("react")),import_theming45=require("@storybook/theming");init_lib();var ButtonOrLink=({children,...restProps})=>restProps.href!=null?import_react35.default.createElement("a",{...restProps},children):import_react35.default.createElement("button",{type:"button",...restProps},children),TabButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=(0,import_theming45.styled)(ButtonOrLink,{shouldForwardProp:import_theming45.isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=import_theming45.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming45.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react35.default.createElement(IconButtonSkeletonWrapper,null,import_react35.default.createElement(IconPlaceholder,null));var Wrapper4=import_theming46.styled.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar=import_theming46.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),Content=import_theming46.styled.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),VisuallyHidden=import_theming46.styled.div(({active})=>active?{display:"block"}:{display:"none"}),TabWrapper=({active,render,children})=>import_react36.default.createElement(VisuallyHidden,{active},render?render():children);var childrenToList=(children,selected)=>import_react36.Children.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>import_react36.default.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}}),Tabs=(0,import_react36.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId})=>{let list=childrenToList(children,selected);return list.length?import_react36.default.createElement(Wrapper4,{absolute,bordered,id:htmlId},import_react36.default.createElement(FlexBar,{border:!0,backgroundColor},import_react36.default.createElement(TabBar,{role:"tablist"},list.map(({title,id,active,color})=>{let tabTitle=typeof title=="function"?title():title;return import_react36.default.createElement(TabButton,{id:`tabbutton-${(0,import_csf.sanitize)(tabTitle)}`,className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color,onClick:e=>{e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)})),tools?import_react36.default.createElement(import_react36.Fragment,null,tools):null),import_react36.default.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>render({key:id,active})))):import_react36.default.createElement(Placeholder,null,import_react36.default.createElement(import_react36.Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=class extends import_react36.Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor}=this.props,{selected}=this.state;return import_react36.default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};var import_react37=__toESM(require("react")),import_theming47=require("@storybook/theming"),Separator=import_theming47.styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?import_react37.default.createElement(import_react37.Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?import_react37.default.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);var import_react38=__toESM(require("react")),usePrevious=value=>{let ref=(0,import_react38.useRef)();return(0,import_react38.useEffect)(()=>{ref.current=value},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>import_react38.default.createElement("div",{hidden:!active},useUpdate(active,children));var import_react39=__toESM(require("react")),StorybookLogo=({alt,...props})=>import_react39.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react39.default.createElement("title",null,alt):null,import_react39.default.createElement("defs",null,import_react39.default.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),import_react39.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react39.default.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),import_react39.default.createElement("mask",{id:"b",fill:"#fff"},import_react39.default.createElement("use",{xlinkHref:"#a"})),import_react39.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react39.default.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));var import_react40=__toESM(require("react")),StorybookIcon=({...props})=>import_react40.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react40.default.createElement("title",null,"Storybook icon"),import_react40.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react40.default.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),import_react40.default.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),import_react40.default.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));var import_react41=__toESM(require("react")),import_theming49=require("@storybook/theming");var import_theming48=require("@storybook/theming"),rotate360=import_theming48.keyframes`
338
338
  from {
339
339
  transform: rotate(0deg);
340
340
  }
package/dist/index.mjs CHANGED
@@ -156,7 +156,7 @@ To pass a single animation please supply them in simple values, e.g. animation('
156
156
  path {
157
157
  fill: currentColor;
158
158
  }
159
- `,Icons=({icon,useSymbol,...props})=>React6.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?React6.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=memo(function({icons:keys=Object.keys(icons)}){return React6.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>React6.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=styled25.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=styled25.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>React7.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React7.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React7.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};import{styled as styled26}from"@storybook/theming";var DocumentWrapper=styled26.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.black},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));import React8,{Suspense,lazy}from"react";var LazySyntaxHighlighter=lazy(()=>import("./syntaxhighlighter-6JBF4TYN.mjs")),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-6JBF4TYN.mjs"),import("./formatter-WKNF2L7W.mjs")]);return{default:props=>React8.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React8.createElement(Suspense,{fallback:React8.createElement("div",null)},props.format!==!1?React8.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React8.createElement(LazySyntaxHighlighter,{...props}));import React9 from"react";import{styled as styled27}from"@storybook/theming";var toNumber=input=>typeof input=="number"?input:Number(input),Container=styled27.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer=="number"||!outer?outer:col||row);return React9.createElement(Container,{col,row,outer:outerAmount,...rest},children)};import React10,{Children as Children2}from"react";import{styled as styled28}from"@storybook/theming";var Title=styled28.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled28.div(),Message=styled28.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children2.toArray(children);return React10.createElement(Message,{...props},React10.createElement(Title,null,title),desc&&React10.createElement(Desc,null,desc))};import React11,{useEffect,useRef,useState,useCallback}from"react";import{styled as styled29}from"@storybook/theming";import{global}from"@storybook/global";function browserSupportsCssZoom(){try{return global.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=styled29.div(({scale=1,height})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:height?height+50:"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options={},callback})=>{let observer=useRef();useEffect(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element?.current&&observer.current.observe(element.current,options),()=>observer.current.disconnect()),[element,observer,options])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[height,setHeight]=useState(0),handleMutations=useCallback(()=>{setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return useEffect(()=>{componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale,componentWrapperRef.current]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),React11.createElement(ZoomElementWrapper,{scale,height},React11.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}import{Component}from"react";var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};import React12,{forwardRef}from"react";import{styled as styled30}from"@storybook/theming";var ButtonWrapper=styled30.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign(forwardRef(function({isLink,children,...props},ref){return isLink?React12.createElement(ButtonLink,{...props,ref},children):React12.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});import{styled as styled33}from"@storybook/theming";import React13 from"react";import{styled as styled31}from"@storybook/theming";var Wrapper=styled31.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=styled31.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>React13.createElement(Wrapper,{...props},label?React13.createElement(Label,null,React13.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};import React15,{forwardRef as forwardRef3}from"react";import{styled as styled32}from"@storybook/theming";import{useLayoutEffect as useLayoutEffect2,forwardRef as forwardRef2,useRef as useRef4,createElement}from"react";import*as React14 from"react";import{useLayoutEffect,useEffect as useEffect2}from"react";var index=typeof document<"u"?useLayoutEffect:useEffect2,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React14.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};import{useRef as useRef3,useCallback as useCallback2}from"react";var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=useRef3();return useCallback2(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);useLayoutEffect2(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=useRef4(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=useRef4(0),measurementsCacheRef=useRef4(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&(useLayoutEffect2(resizeTextarea),useWindowResizeListener(resizeTextarea)),createElement("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=forwardRef2(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(forwardRef3(function(props,ref){return React15.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(styled33.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});import React16,{lazy as lazy2,Suspense as Suspense2}from"react";var LazyWithTooltip=lazy2(()=>import("./WithTooltip-6RTI5BE5.mjs").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React16.createElement(Suspense2,{fallback:React16.createElement("div",null)},React16.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy2(()=>import("./WithTooltip-6RTI5BE5.mjs").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React16.createElement(Suspense2,{fallback:React16.createElement("div",null)},React16.createElement(LazyWithTooltipPure,{...props}));import React17 from"react";import{styled as styled34}from"@storybook/theming";var Title2=styled34.div(({theme})=>({fontWeight:theme.typography.weight.black})),Desc2=styled34.span(),Links=styled34.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.black}})),Message2=styled34.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=styled34.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>React17.createElement(MessageWrapper,null,React17.createElement(Message2,null,title&&React17.createElement(Title2,null,title),desc&&React17.createElement(Desc2,null,desc)),links&&React17.createElement(Links,null,links.map(({title:linkTitle,...other})=>React17.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};import React18 from"react";import{styled as styled35}from"@storybook/theming";var Note=styled35.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>React18.createElement(Note,{...props},note);import React20,{useCallback as useCallback3}from"react";import{styled as styled37}from"@storybook/theming";import React19 from"react";import{styled as styled36}from"@storybook/theming";import memoize from"memoizerific";var Title3=styled36(({active,loading,disabled,...rest})=>React19.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.primary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled36.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Center=styled36.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),CenterText=styled36.span({flex:1,textAlign:"center"},({active,theme})=>active?{color:theme.color.primary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled36.span(({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Item=styled36.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,active,disabled,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return React19.createElement(Item,{...commonProps,...rest,...itemProps},left&&React19.createElement(Left,{...commonProps},left),title||center?React19.createElement(Center,null,title&&React19.createElement(Title3,{...commonProps,loading},title),center&&React19.createElement(CenterText,{...commonProps},center)):null,right&&React19.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:React19.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled37.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius*2})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,...rest}=props,{title,href,active}=rest,onClick=useCallback3(event=>{onClickFromProps(event,rest)},[onClickFromProps]);return React20.createElement(ListItem_default,{title,active,href,LinkWrapper,...rest,...!!onClickFromProps?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>React20.createElement(List,null,links.map(({isGatsby,...p})=>React20.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,...p})));TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};import React23,{Children as Children4,Component as Component2,Fragment,memo as memo2}from"react";import{styled as styled40}from"@storybook/theming";import{sanitize}from"@storybook/csf";import React21,{Children as Children3}from"react";import{styled as styled38}from"@storybook/theming";var Side=styled38.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className})=>React21.createElement(ScrollArea,{horizontal:!0,vertical:!1,className},children),Bar=styled38(UnstyledBar)(({theme})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=styled38.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children3.toArray(children);return React21.createElement(Bar,{...rest},React21.createElement(BarInner,{bgColor:backgroundColor},React21.createElement(Side,{left:!0},left),right?React21.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";import React22 from"react";import{styled as styled39,isPropValid}from"@storybook/theming";var ButtonOrLink=({children,...restProps})=>restProps.href!=null?React22.createElement("a",{...restProps},children):React22.createElement("button",{type:"button",...restProps},children),TabButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=styled39.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled39.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React22.createElement(IconButtonSkeletonWrapper,null,React22.createElement(IconPlaceholder,null));var Wrapper2=styled40.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar=styled40.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),Content=styled40.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),VisuallyHidden=styled40.div(({active})=>active?{display:"block"}:{display:"none"}),TabWrapper=({active,render,children})=>React23.createElement(VisuallyHidden,{active},render?render():children);var childrenToList=(children,selected)=>Children4.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>React23.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}}),Tabs=memo2(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId})=>{let list=childrenToList(children,selected);return list.length?React23.createElement(Wrapper2,{absolute,bordered,id:htmlId},React23.createElement(FlexBar,{border:!0,backgroundColor},React23.createElement(TabBar,{role:"tablist"},list.map(({title,id,active,color})=>{let tabTitle=typeof title=="function"?title():title;return React23.createElement(TabButton,{id:`tabbutton-${sanitize(tabTitle)}`,className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color,onClick:e=>{e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)})),tools?React23.createElement(Fragment,null,tools):null),React23.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>render({key:id,active})))):React23.createElement(Placeholder,null,React23.createElement(Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=class extends Component2{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor}=this.props,{selected}=this.state;return React23.createElement(Tabs,{bordered,absolute,selected,backgroundColor,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};import React24,{Fragment as Fragment2}from"react";import{styled as styled41}from"@storybook/theming";var Separator=styled41.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?React24.createElement(Fragment2,{key:item.id||item.key||`f-${index3}`},acc,index3>0?React24.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);import React25,{useRef as useRef5,useEffect as useEffect3}from"react";var usePrevious=value=>{let ref=useRef5();return useEffect3(()=>{ref.current=value},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React25.createElement("div",{hidden:!active},useUpdate(active,children));import React26 from"react";var StorybookLogo=({alt,...props})=>React26.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?React26.createElement("title",null,alt):null,React26.createElement("defs",null,React26.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),React26.createElement("g",{fill:"none",fillRule:"evenodd"},React26.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),React26.createElement("mask",{id:"b",fill:"#fff"},React26.createElement("use",{xlinkHref:"#a"})),React26.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),React26.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));import React27 from"react";var StorybookIcon=({...props})=>React27.createElement("svg",{viewBox:"0 0 64 64",...props},React27.createElement("title",null,"Storybook icon"),React27.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},React27.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),React27.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),React27.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));import React28 from"react";import{styled as styled42,keyframes as keyframes2}from"@storybook/theming";import{keyframes}from"@storybook/theming";var rotate360=keyframes`
159
+ `,Icons=({icon,useSymbol,...props})=>React6.createElement(Svg,{viewBox:"0 0 14 14",width:"14px",height:"14px",...props},useSymbol?React6.createElement("use",{xlinkHref:`#icon--${icon}`}):icons[icon]),Symbols=memo(function({icons:keys=Object.keys(icons)}){return React6.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>React6.createElement("symbol",{id:`icon--${key}`,key},icons[key])))});var LEFT_BUTTON=0,isPlainLeftClick=e=>e.button===LEFT_BUTTON&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,cancelled=(e,cb)=>{isPlainLeftClick(e)&&(e.preventDefault(),cb(e))},LinkInner=styled25.span(({withArrow})=>withArrow?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon})=>containsIcon?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),A2=styled25.a(({theme})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:theme.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:curriedDarken$1(.07,theme.color.secondary),"svg path":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path":{fill:curriedDarken$1(.1,theme.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:theme.color.secondary}}}),({theme,secondary,tertiary})=>{let colors;return secondary&&(colors=[theme.textMutedColor,theme.color.dark,theme.color.darker]),tertiary&&(colors=[theme.color.dark,theme.color.darkest,theme.textMutedColor]),colors?{color:colors[0],"svg path":{fill:colors[0]},"&:hover":{color:colors[1],"svg path":{fill:colors[1]}},"&:active":{color:colors[2],"svg path":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,"svg path":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path":{fill:theme.color.light}}}:{},({isButton})=>isButton?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel,children,onClick,withArrow,containsIcon,className,...rest})=>React7.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React7.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React7.createElement(Icons,{icon:"arrowright"})));Link2.defaultProps={cancel:!0,className:void 0,style:void 0,onClick:void 0,withArrow:!1,containsIcon:!1};import{styled as styled26}from"@storybook/theming";var DocumentWrapper=styled26.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.black},h2:{fontSize:`${theme.typography.size.m2}px`,borderBottom:`1px solid ${theme.appBorderColor}`},h3:{fontSize:`${theme.typography.size.m1}px`},h4:{fontSize:`${theme.typography.size.s3}px`},h5:{fontSize:`${theme.typography.size.s2}px`},h6:{fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:theme.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${theme.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:theme.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${theme.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:theme.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${theme.color.mediumlight}`,backgroundColor:theme.color.lighter,borderRadius:3,color:theme.base==="dark"&&theme.color.darkest}}));import React8,{Suspense,lazy}from"react";var LazySyntaxHighlighter=lazy(()=>import("./syntaxhighlighter-6JBF4TYN.mjs")),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import("./syntaxhighlighter-6JBF4TYN.mjs"),import("./formatter-WKNF2L7W.mjs")]);return{default:props=>React8.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React8.createElement(Suspense,{fallback:React8.createElement("div",null)},props.format!==!1?React8.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React8.createElement(LazySyntaxHighlighter,{...props}));import React9 from"react";import{styled as styled27}from"@storybook/theming";var toNumber=input=>typeof input=="number"?input:Number(input),Container=styled27.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},["& > *:first-child"]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},["& > *:first-child"]:{marginTop:0}},({theme,outer,col,row})=>{switch(!0){case!!(outer&&col):return{marginLeft:outer*theme.layoutMargin,marginRight:outer*theme.layoutMargin};case!!(outer&&row):return{marginTop:outer*theme.layoutMargin,marginBottom:outer*theme.layoutMargin};default:return{}}}),Spaced=({col,row,outer,children,...rest})=>{let outerAmount=toNumber(typeof outer=="number"||!outer?outer:col||row);return React9.createElement(Container,{col,row,outer:outerAmount,...rest},children)};import React10,{Children as Children2}from"react";import{styled as styled28}from"@storybook/theming";var Title=styled28.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled28.div(),Message=styled28.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children2.toArray(children);return React10.createElement(Message,{...props},React10.createElement(Title,null,title),desc&&React10.createElement(Desc,null,desc))};import React11,{useEffect,useRef,useState,useCallback}from"react";import{styled as styled29}from"@storybook/theming";import{global}from"@storybook/global";function browserSupportsCssZoom(){try{return global.document.implementation.createHTMLDocument("").body.style.zoom!==void 0}catch{return!1}}var hasBrowserSupportForCssZoom=browserSupportsCssZoom(),ZoomElementWrapper=styled29.div(({scale=1,height})=>hasBrowserSupportForCssZoom?{"> *":{zoom:1/scale}}:{height:height?height+50:"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}),useMutationObserver=({element,options={},callback})=>{let observer=useRef();useEffect(()=>(observer.current||(observer.current=new MutationObserver((mutationRecord,mutationObserver)=>{callback(mutationRecord,mutationObserver)})),element?.current&&observer.current.observe(element.current,options),()=>observer.current.disconnect()),[element,observer,options])},mutationObserverOptions={subtree:!0,childList:!0};function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[height,setHeight]=useState(0),handleMutations=useCallback(()=>{setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[]);return useEffect(()=>{componentWrapperRef.current&&setHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale,componentWrapperRef.current]),useMutationObserver({element:componentWrapperRef,options:mutationObserverOptions,callback:handleMutations}),React11.createElement(ZoomElementWrapper,{scale,height},React11.createElement("div",{ref:hasBrowserSupportForCssZoom?null:componentWrapperRef,className:"innerZoomElementWrapper"},children))}import{Component}from"react";var ZoomIFrame=class extends Component{constructor(){super(...arguments);this.iframe=null}componentDidMount(){let{iFrameRef}=this.props;this.iframe=iFrameRef.current}shouldComponentUpdate(nextProps){let{scale,active}=this.props;return scale!==nextProps.scale&&this.setIframeInnerZoom(nextProps.scale),active!==nextProps.active&&this.iframe.setAttribute("data-is-storybook",nextProps.active?"true":"false"),nextProps.children.props.src!==this.props.children.props.src}setIframeInnerZoom(scale){try{browserSupportsCssZoom()?Object.assign(this.iframe.contentDocument.body.style,{zoom:1/scale,minHeight:`calc(100vh / ${1/scale})`}):Object.assign(this.iframe.contentDocument.body.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}catch{this.setIframeZoom(scale)}}setIframeZoom(scale){Object.assign(this.iframe.style,{width:`${scale*100}%`,height:`${scale*100}%`,transform:`scale(${1/scale})`,transformOrigin:"top left"})}render(){let{children}=this.props;return children}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};import React12,{forwardRef}from"react";import{styled as styled30}from"@storybook/theming";var ButtonWrapper=styled30.button(({small,theme})=>({border:0,borderRadius:"3em",cursor:"pointer",display:"inline-block",overflow:"hidden",padding:small?"8px 16px":"13px 20px",position:"relative",textAlign:"center",textDecoration:"none",transition:"all 150ms ease-out",transform:"translate3d(0,0,0)",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:1,margin:0,background:"transparent",fontSize:`${small?theme.typography.size.s1:theme.typography.size.s2-1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",svg:{display:"inline-block",height:small?12:14,width:small?12:14,verticalAlign:"top",marginRight:small?4:6,marginTop:small?0:-1,marginBottom:small?0:-1,pointerEvents:"none",path:{fill:"currentColor"}}}),({disabled})=>disabled?{cursor:"not-allowed !important",opacity:.5,"&:hover":{transform:"none"}}:{},({containsIcon,small})=>containsIcon?{svg:{display:"block",margin:0},...small?{padding:10}:{padding:13}}:{},({theme,primary,secondary,gray})=>{let color;return gray?color=theme.color.mediumlight:secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),color?{background:color,color:gray?theme.color.darkest:theme.color.lightest,"&:hover":{background:curriedDarken$1(.05,color)},"&:active":{boxShadow:"rgba(0, 0, 0, 0.1) 0 0 0 3em inset"},"&:focus":{boxShadow:`${rgba(color,1)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,tertiary,inForm,small})=>tertiary?{background:theme.button.background,color:theme.input.color,boxShadow:`${theme.button.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,...inForm&&small?{padding:"10px 16px"}:{},"&:hover":{background:theme.base==="light"?curriedDarken$1(.02,theme.button.background):curriedLighten$1(.03,theme.button.background),...inForm?{}:{boxShadow:"rgba(0,0,0,.2) 0 2px 6px 0, rgba(0,0,0,.1) 0 0 0 1px inset"}},"&:active":{background:theme.button.background},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"}}:{},({theme,outline})=>outline?{boxShadow:`${curriedTransparentize$1(.8,theme.color.defaultText)} 0 0 0 1px inset`,color:curriedTransparentize$1(.3,theme.color.defaultText),background:"transparent","&:hover, &:focus":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 1px inset`,outline:"none"},"&:active":{boxShadow:`${curriedTransparentize$1(.5,theme.color.defaultText)} 0 0 0 2px inset`,color:curriedTransparentize$1(0,theme.color.defaultText)}}:{},({theme,outline,primary})=>{let color=theme.color.primary;return outline&&primary?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}},({theme,outline,primary,secondary})=>{let color;return secondary?color=theme.color.secondary:primary&&(color=theme.color.primary),outline&&color?{boxShadow:`${color} 0 0 0 1px inset`,color,"svg path":{fill:color},"&:hover":{boxShadow:`${color} 0 0 0 1px inset`,background:"transparent"},"&:active":{background:color,boxShadow:`${color} 0 0 0 1px inset`,color:theme.color.tertiary},"&:focus":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.4)} 0 1px 9px 2px`,outline:"none"},"&:focus:hover":{boxShadow:`${color} 0 0 0 1px inset, ${rgba(color,.2)} 0 8px 18px 0px`}}:{}}),ButtonLink=ButtonWrapper.withComponent("a"),Button=Object.assign(forwardRef(function({isLink,children,...props},ref){return isLink?React12.createElement(ButtonLink,{...props,ref},children):React12.createElement(ButtonWrapper,{...props,ref},children)}),{defaultProps:{isLink:!1}});import{styled as styled33}from"@storybook/theming";import React13 from"react";import{styled as styled31}from"@storybook/theming";var Wrapper=styled31.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=styled31.span(({theme})=>({minWidth:100,fontWeight:theme.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),Field=({label,children,...props})=>React13.createElement(Wrapper,{...props},label?React13.createElement(Label,null,React13.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};import React15,{forwardRef as forwardRef3}from"react";import{styled as styled32}from"@storybook/theming";import{useLayoutEffect as useLayoutEffect2,forwardRef as forwardRef2,useRef as useRef4,createElement}from"react";import*as React14 from"react";import{useLayoutEffect,useEffect as useEffect2}from"react";var index=typeof document<"u"?useLayoutEffect:useEffect2,use_isomorphic_layout_effect_esm_default=index;var useLatest=function(value){var ref=React14.useRef(value);return use_isomorphic_layout_effect_esm_default(function(){ref.current=value}),ref};import{useRef as useRef3,useCallback as useCallback2}from"react";var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=useRef3();return useCallback2(function(instance){libRef.current=instance,prevUserRef.current&&updateRef(prevUserRef.current,null),prevUserRef.current=userRef,userRef&&updateRef(userRef,instance)},[userRef])},use_composed_ref_esm_default=useComposedRef;var HIDDEN_TEXTAREA_STYLE={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},forceHiddenStyles=function(node){Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key){node.style.setProperty(key,HIDDEN_TEXTAREA_STYLE[key],"important")})},hiddenTextarea=null,getHeight=function(node,sizingData){var height=node.scrollHeight;return sizingData.sizingStyle.boxSizing==="border-box"?height+sizingData.borderSize:height-sizingData.paddingSize};function calculateNodeHeight(sizingData,value,minRows,maxRows){minRows===void 0&&(minRows=1),maxRows===void 0&&(maxRows=1/0),hiddenTextarea||(hiddenTextarea=document.createElement("textarea"),hiddenTextarea.setAttribute("tabindex","-1"),hiddenTextarea.setAttribute("aria-hidden","true"),forceHiddenStyles(hiddenTextarea)),hiddenTextarea.parentNode===null&&document.body.appendChild(hiddenTextarea);var paddingSize=sizingData.paddingSize,borderSize=sizingData.borderSize,sizingStyle=sizingData.sizingStyle,boxSizing=sizingStyle.boxSizing;Object.keys(sizingStyle).forEach(function(_key){var key=_key;hiddenTextarea.style[key]=sizingStyle[key]}),forceHiddenStyles(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value="x";var rowHeight=hiddenTextarea.scrollHeight-paddingSize,minHeight=rowHeight*minRows;boxSizing==="border-box"&&(minHeight=minHeight+paddingSize+borderSize),height=Math.max(minHeight,height);var maxHeight=rowHeight*maxRows;return boxSizing==="border-box"&&(maxHeight=maxHeight+paddingSize+borderSize),height=Math.min(maxHeight,height),[height,rowHeight]}var noop=function(){},pick=function(props,obj){return props.reduce(function(acc,prop){return acc[prop]=obj[prop],acc},{})},SIZING_STYLE=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],isIE=typeof document<"u"?!!document.documentElement.currentStyle:!1,getSizingData=function(node){var style=window.getComputedStyle(node);if(style===null)return null;var sizingStyle=pick(SIZING_STYLE,style),boxSizing=sizingStyle.boxSizing;if(boxSizing==="")return null;isIE&&boxSizing==="border-box"&&(sizingStyle.width=parseFloat(sizingStyle.width)+parseFloat(sizingStyle.borderRightWidth)+parseFloat(sizingStyle.borderLeftWidth)+parseFloat(sizingStyle.paddingRight)+parseFloat(sizingStyle.paddingLeft)+"px");var paddingSize=parseFloat(sizingStyle.paddingBottom)+parseFloat(sizingStyle.paddingTop),borderSize=parseFloat(sizingStyle.borderBottomWidth)+parseFloat(sizingStyle.borderTopWidth);return{sizingStyle,paddingSize,borderSize}},useWindowResizeListener=function(listener){var latestListener=useLatest(listener);useLayoutEffect2(function(){var handler=function(event){latestListener.current(event)};return window.addEventListener("resize",handler),function(){window.removeEventListener("resize",handler)}},[])},TextareaAutosize=function(_ref,userRef){var cacheMeasurements=_ref.cacheMeasurements,maxRows=_ref.maxRows,minRows=_ref.minRows,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange,_ref$onHeightChange=_ref.onHeightChange,onHeightChange=_ref$onHeightChange===void 0?noop:_ref$onHeightChange,props=_objectWithoutPropertiesLoose(_ref,["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"]);if(process.env.NODE_ENV!=="production"&&props.style){if("maxHeight"in props.style)throw new Error("Using `style.maxHeight` for <TextareaAutosize/> is not supported. Please use `maxRows`.");if("minHeight"in props.style)throw new Error("Using `style.minHeight` for <TextareaAutosize/> is not supported. Please use `minRows`.")}var isControlled=props.value!==void 0,libRef=useRef4(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=useRef4(0),measurementsCacheRef=useRef4(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData(node);if(nodeSizingData){measurementsCacheRef.current=nodeSizingData;var _calculateNodeHeight=calculateNodeHeight(nodeSizingData,node.value||node.placeholder||"x",minRows,maxRows),height=_calculateNodeHeight[0],rowHeight=_calculateNodeHeight[1];heightRef.current!==height&&(heightRef.current=height,node.style.setProperty("height",height+"px","important"),onHeightChange(height,{rowHeight}))}},handleChange=function(event){isControlled||resizeTextarea(),onChange(event)};return typeof document<"u"&&(useLayoutEffect2(resizeTextarea),useWindowResizeListener(resizeTextarea)),createElement("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=forwardRef2(TextareaAutosize),react_textarea_autosize_esm_default=index2;var styleResets={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},styles=({theme})=>({...styleResets,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:theme.input.color||"inherit",background:theme.input.background,boxShadow:`${theme.input.border} 0 0 0 1px inset`,borderRadius:theme.input.borderRadius,fontSize:theme.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px","&:focus":{boxShadow:`${theme.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${theme.color.lightest} inset`},"&::placeholder":{color:theme.textMutedColor,opacity:1}}),sizes=({size})=>{switch(size){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},alignment=({align})=>{switch(align){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},validation=({valid,theme})=>{switch(valid){case"valid":return{boxShadow:`${theme.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${theme.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${theme.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},Input=Object.assign(styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement(react_textarea_autosize_esm_default,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"}),ButtonStyled=styled32(forwardRef3(function({size,valid,align,...props},ref){return React15.createElement(Button,{...props,ref})}))(sizes,validation,{userSelect:"none",overflow:"visible",zIndex:2,"&:hover":{transform:"none"}}),Button3=Object.assign(forwardRef3(function(props,ref){return React15.createElement(ButtonStyled,{...props,tertiary:!0,small:!0,inForm:!0,ref})}),{displayName:"Button"});var Form=Object.assign(styled33.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button:Button3});import React16,{lazy as lazy2,Suspense as Suspense2}from"react";var LazyWithTooltip=lazy2(()=>import("./WithTooltip-6RTI5BE5.mjs").then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React16.createElement(Suspense2,{fallback:React16.createElement("div",null)},React16.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy2(()=>import("./WithTooltip-6RTI5BE5.mjs").then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React16.createElement(Suspense2,{fallback:React16.createElement("div",null)},React16.createElement(LazyWithTooltipPure,{...props}));import React17 from"react";import{styled as styled34}from"@storybook/theming";var Title2=styled34.div(({theme})=>({fontWeight:theme.typography.weight.black})),Desc2=styled34.span(),Links=styled34.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.black}})),Message2=styled34.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=styled34.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>React17.createElement(MessageWrapper,null,React17.createElement(Message2,null,title&&React17.createElement(Title2,null,title),desc&&React17.createElement(Desc2,null,desc)),links&&React17.createElement(Links,null,links.map(({title:linkTitle,...other})=>React17.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};import React18 from"react";import{styled as styled35}from"@storybook/theming";var Note=styled35.div(({theme})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:theme.typography.weight.bold,color:theme.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:theme.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),TooltipNote=({note,...props})=>React18.createElement(Note,{...props},note);import React20,{useCallback as useCallback3}from"react";import{styled as styled37}from"@storybook/theming";import React19 from"react";import{styled as styled36}from"@storybook/theming";import memoize from"memoizerific";var Title3=styled36(({active,loading,disabled,...rest})=>React19.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.primary,fontWeight:theme.typography.weight.bold}:{},({loading,theme})=>loading?{display:"inline-block",flex:"none",...theme.animation.inlineGlow}:{},({disabled,theme})=>disabled?{color:curriedTransparentize$1(.7,theme.color.defaultText)}:{}),Right=styled36.span({"& svg":{transition:"all 200ms ease-out",opacity:0,height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}},({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Center=styled36.span({flex:1,textAlign:"left",display:"inline-flex","& > * + *":{paddingLeft:10}}),CenterText=styled36.span({flex:1,textAlign:"center"},({active,theme})=>active?{color:theme.color.primary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled36.span(({active,theme})=>active?{"& svg":{opacity:1},"& path":{fill:theme.color.primary}}:{}),Item=styled36.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:curriedTransparentize$1(.5,theme.color.defaultText),textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 15px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:theme.background.hoverable},"&:hover svg":{opacity:1}}),({disabled})=>disabled?{cursor:"not-allowed"}:{}),getItemProps=memoize(100)((onClick,href,LinkWrapper)=>{let result={};return onClick&&Object.assign(result,{onClick}),href&&Object.assign(result,{href}),LinkWrapper&&href&&Object.assign(result,{to:href,as:LinkWrapper}),result}),ListItem=({loading,left,title,center,right,active,disabled,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return React19.createElement(Item,{...commonProps,...rest,...itemProps},left&&React19.createElement(Left,{...commonProps},left),title||center?React19.createElement(Center,null,title&&React19.createElement(Title3,{...commonProps,loading},title),center&&React19.createElement(CenterText,{...commonProps},center)):null,right&&React19.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,left:null,title:React19.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var ListItem_default=ListItem;var List=styled37.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius*2})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,...rest}=props,{title,href,active}=rest,onClick=useCallback3(event=>{onClickFromProps(event,rest)},[onClickFromProps]);return React20.createElement(ListItem_default,{title,active,href,LinkWrapper,...rest,...!!onClickFromProps?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>React20.createElement(List,null,links.map(({isGatsby,...p})=>React20.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,...p})));TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};import React23,{Children as Children4,Component as Component2,Fragment,memo as memo2}from"react";import{styled as styled40}from"@storybook/theming";import{sanitize}from"@storybook/csf";import React21,{Children as Children3}from"react";import{styled as styled38}from"@storybook/theming";var Side=styled38.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",flexShrink:0,marginLeft:3,marginRight:3},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className})=>React21.createElement(ScrollArea,{horizontal:!0,vertical:!1,className},children),Bar=styled38(UnstyledBar)(({theme})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:"auto",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor} 0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=styled38.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children3.toArray(children);return React21.createElement(Bar,{...rest},React21.createElement(BarInner,{bgColor:backgroundColor},React21.createElement(Side,{left:!0},left),right?React21.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";import React22 from"react";import{styled as styled39,isPropValid}from"@storybook/theming";var ButtonOrLink=({children,...restProps})=>restProps.href!=null?React22.createElement("a",{...restProps},children):React22.createElement("button",{type:"button",...restProps},children),TabButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"}},({theme})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:theme.color.secondary}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent"});TabButton.displayName="TabButton";var IconButton=styled39(ButtonOrLink,{shouldForwardProp:isPropValid})(()=>({alignItems:"center",background:"transparent",border:"none",borderRadius:4,color:"inherit",cursor:"pointer",display:"inline-flex",fontSize:13,fontWeight:"bold",height:28,justifyContent:"center",marginTop:6,padding:"8px 7px","& > svg":{width:14}}),({active,theme})=>active?{backgroundColor:theme.background.hoverable,color:theme.color.secondary}:{},({disabled,theme})=>disabled?{opacity:.5,cursor:"not-allowed"}:{"&:hover, &:focus-visible":{background:curriedTransparentize$1(.88,theme.color.secondary),color:theme.color.secondary},"&:focus-visible":{outline:auto},"&:focus:not(:focus-visible)":{outline:"none"}});IconButton.displayName="IconButton";var IconPlaceholder=styled39.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled39.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React22.createElement(IconButtonSkeletonWrapper,null,React22.createElement(IconPlaceholder,null));var Wrapper2=styled40.div(({theme,bordered})=>bordered?{backgroundClip:"padding-box",border:`1px solid ${theme.appBorderColor}`,borderRadius:theme.appBorderRadius,overflow:"hidden",boxSizing:"border-box"}:{},({absolute})=>absolute?{width:"100%",height:"100%",boxSizing:"border-box",display:"flex",flexDirection:"column"}:{display:"block"}),TabBar=styled40.div({overflow:"hidden","&:first-of-type":{marginLeft:-3}}),Content=styled40.div({display:"block",position:"relative"},({theme})=>({fontSize:theme.typography.size.s2-1,background:theme.background.content}),({bordered,theme})=>bordered?{borderRadius:`0 0 ${theme.appBorderRadius-1}px ${theme.appBorderRadius-1}px`}:{},({absolute,bordered})=>absolute?{height:`calc(100% - ${bordered?42:40}px)`,position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:40+(bordered?1:0),overflow:"auto",["& > *:first-child"]:{position:"absolute",left:0+(bordered?1:0),right:0+(bordered?1:0),bottom:0+(bordered?1:0),top:0+(bordered?1:0),height:`calc(100% - ${bordered?2:0}px)`,overflow:"auto"}}:{}),VisuallyHidden=styled40.div(({active})=>active?{display:"block"}:{display:"none"}),TabWrapper=({active,render,children})=>React23.createElement(VisuallyHidden,{active},render?render():children);var childrenToList=(children,selected)=>Children4.toArray(children).map(({props:{title,id,color,children:childrenOfChild}},index3)=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{active:selected?id===selected:index3===0,title,id,color,render:typeof content=="function"?content:({active,key})=>React23.createElement(VisuallyHidden,{key,active,role:"tabpanel"},content)}}),Tabs=memo2(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId})=>{let list=childrenToList(children,selected);return list.length?React23.createElement(Wrapper2,{absolute,bordered,id:htmlId},React23.createElement(FlexBar,{border:!0,backgroundColor},React23.createElement(TabBar,{role:"tablist"},list.map(({title,id,active,color})=>{let tabTitle=typeof title=="function"?title():title;return React23.createElement(TabButton,{id:`tabbutton-${sanitize(tabTitle)}`,className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color,onClick:e=>{e.preventDefault(),actions.onSelect(id)},role:"tab"},tabTitle)})),tools?React23.createElement(Fragment,null,tools):null),React23.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>render({key:id,active})))):React23.createElement(Placeholder,null,React23.createElement(Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1};var TabsState=class extends Component2{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial}}render(){let{bordered=!1,absolute=!1,children,backgroundColor}=this.props,{selected}=this.state;return React23.createElement(Tabs,{bordered,absolute,selected,backgroundColor,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:""};import React24,{Fragment as Fragment2}from"react";import{styled as styled41}from"@storybook/theming";var Separator=styled41.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginTop:10,marginLeft:6,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?React24.createElement(Fragment2,{key:item.id||item.key||`f-${index3}`},acc,index3>0?React24.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);import React25,{useRef as useRef5,useEffect as useEffect3}from"react";var usePrevious=value=>{let ref=useRef5();return useEffect3(()=>{ref.current=value},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React25.createElement("div",{hidden:!active},useUpdate(active,children));import React26 from"react";var StorybookLogo=({alt,...props})=>React26.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?React26.createElement("title",null,alt):null,React26.createElement("defs",null,React26.createElement("path",{d:"M1.2 36.9L0 3.9c0-1.1.8-2 1.9-2.1l28-1.8a2 2 0 0 1 2.2 1.9 2 2 0 0 1 0 .1v36a2 2 0 0 1-2 2 2 2 0 0 1-.1 0L3.2 38.8a2 2 0 0 1-2-2z",id:"a"})),React26.createElement("g",{fill:"none",fillRule:"evenodd"},React26.createElement("path",{d:"M53.3 31.7c-1.7 0-3.4-.3-5-.7-1.5-.5-2.8-1.1-3.9-2l1.6-3.5c2.2 1.5 4.6 2.3 7.3 2.3 1.5 0 2.5-.2 3.3-.7.7-.5 1.1-1 1.1-1.9 0-.7-.3-1.3-1-1.7s-2-.8-3.7-1.2c-2-.4-3.6-.9-4.8-1.5-1.1-.5-2-1.2-2.6-2-.5-1-.8-2-.8-3.2 0-1.4.4-2.6 1.2-3.6.7-1.1 1.8-2 3.2-2.6 1.3-.6 2.9-.9 4.7-.9 1.6 0 3.1.3 4.6.7 1.5.5 2.7 1.1 3.5 2l-1.6 3.5c-2-1.5-4.2-2.3-6.5-2.3-1.3 0-2.3.2-3 .8-.8.5-1.2 1.1-1.2 2 0 .5.2 1 .5 1.3.2.3.7.6 1.4.9l2.9.8c2.9.6 5 1.4 6.2 2.4a5 5 0 0 1 2 4.2 6 6 0 0 1-2.5 5c-1.7 1.2-4 1.9-7 1.9zm21-3.6l1.4-.1-.2 3.5-1.9.1c-2.4 0-4.1-.5-5.2-1.5-1.1-1-1.6-2.7-1.6-4.8v-6h-3v-3.6h3V11h4.8v4.6h4v3.6h-4v6c0 1.8.9 2.8 2.6 2.8zm11.1 3.5c-1.6 0-3-.3-4.3-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.3-1 1.7 0 3.2.3 4.4 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.4 1zm0-3.6c2.4 0 3.6-1.6 3.6-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.6-1c-2.3 0-3.5 1.4-3.5 4.4 0 3 1.2 4.6 3.5 4.6zm21.7-8.8l-2.7.3c-1.3.2-2.3.5-2.8 1.2-.6.6-.9 1.4-.9 2.5v8.2H96V15.7h4.6v2.6c.8-1.8 2.5-2.8 5-3h1.3l.3 4zm14-3.5h4.8L116.4 37h-4.9l3-6.6-6.4-14.8h5l4 10 4-10zm16-.4c1.4 0 2.6.3 3.6 1 1 .6 1.9 1.6 2.5 2.8.6 1.2.9 2.7.9 4.3 0 1.6-.3 3-1 4.3a6.9 6.9 0 0 1-2.4 2.9c-1 .7-2.2 1-3.6 1-1 0-2-.2-3-.7-.8-.4-1.5-1-2-1.9v2.4h-4.7V8.8h4.8v9c.5-.8 1.2-1.4 2-1.9.9-.4 1.8-.6 3-.6zM135.7 28c1.1 0 2-.4 2.6-1.2.6-.8 1-2 1-3.4 0-1.5-.4-2.5-1-3.3s-1.5-1.1-2.6-1.1-2 .3-2.6 1.1c-.6.8-1 2-1 3.3 0 1.5.4 2.6 1 3.4.6.8 1.5 1.2 2.6 1.2zm18.9 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.3 1a7 7 0 0 1 3 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm18 3.6c-1.7 0-3.2-.3-4.4-1a7 7 0 0 1-3-2.8c-.6-1.3-1-2.7-1-4.4 0-1.6.4-3 1-4.3a7 7 0 0 1 3-2.8c1.2-.7 2.7-1 4.4-1 1.6 0 3 .3 4.4 1a7 7 0 0 1 2.9 2.8c.6 1.2 1 2.7 1 4.3 0 1.7-.4 3.1-1 4.4a7 7 0 0 1-3 2.8c-1.2.7-2.7 1-4.3 1zm0-3.6c2.3 0 3.5-1.6 3.5-4.6 0-1.5-.3-2.6-1-3.4a3.2 3.2 0 0 0-2.5-1c-2.4 0-3.6 1.4-3.6 4.4 0 3 1.2 4.6 3.6 4.6zm27.4 3.4h-6l-6-7v7h-4.8V8.8h4.9v13.6l5.8-6.7h5.7l-6.6 7.5 7 8.2z",fill:"currentColor"}),React26.createElement("mask",{id:"b",fill:"#fff"},React26.createElement("use",{xlinkHref:"#a"})),React26.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),React26.createElement("path",{d:"M23.7 5L24 .2l3.9-.3.1 4.8a.3.3 0 0 1-.5.2L26 3.8l-1.7 1.4a.3.3 0 0 1-.5-.3zm-5 10c0 .9 5.3.5 6 0 0-5.4-2.8-8.2-8-8.2-5.3 0-8.2 2.8-8.2 7.1 0 7.4 10 7.6 10 11.6 0 1.2-.5 1.9-1.8 1.9-1.6 0-2.2-.9-2.1-3.6 0-.6-6.1-.8-6.3 0-.5 6.7 3.7 8.6 8.5 8.6 4.6 0 8.3-2.5 8.3-7 0-7.9-10.2-7.7-10.2-11.6 0-1.6 1.2-1.8 2-1.8.6 0 2 0 1.9 3z",fill:"#FFF",fillRule:"nonzero",mask:"url(#b)"})));import React27 from"react";var StorybookIcon=({...props})=>React27.createElement("svg",{viewBox:"0 0 64 64",...props},React27.createElement("title",null,"Storybook icon"),React27.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},React27.createElement("path",{d:"M8.04798541,58.7875918 L6.07908839,6.32540407 C6.01406344,4.5927838 7.34257463,3.12440831 9.07303814,3.01625434 L53.6958037,0.227331489 C55.457209,0.117243658 56.974354,1.45590096 57.0844418,3.21730626 C57.0885895,3.28366922 57.0906648,3.35014546 57.0906648,3.41663791 L57.0906648,60.5834697 C57.0906648,62.3483119 55.6599776,63.7789992 53.8951354,63.7789992 C53.847325,63.7789992 53.7995207,63.7779262 53.7517585,63.775781 L11.0978899,61.8600599 C9.43669044,61.7854501 8.11034889,60.4492961 8.04798541,58.7875918 Z",id:"path-1",fill:"#FF4785",fillRule:"nonzero"}),React27.createElement("path",{d:"M35.9095005,24.1768792 C35.9095005,25.420127 44.2838488,24.8242707 45.4080313,23.9509748 C45.4080313,15.4847538 40.8652557,11.0358878 32.5466666,11.0358878 C24.2280775,11.0358878 19.5673077,15.553972 19.5673077,22.3311017 C19.5673077,34.1346028 35.4965208,34.3605071 35.4965208,40.7987804 C35.4965208,42.606015 34.6115646,43.6790606 32.6646607,43.6790606 C30.127786,43.6790606 29.1248356,42.3834613 29.2428298,37.9783269 C29.2428298,37.0226907 19.5673077,36.7247626 19.2723223,37.9783269 C18.5211693,48.6535354 25.1720308,51.7326752 32.7826549,51.7326752 C40.1572906,51.7326752 45.939005,47.8018145 45.939005,40.6858282 C45.939005,28.035186 29.7738035,28.3740425 29.7738035,22.1051974 C29.7738035,19.5637737 31.6617103,19.2249173 32.7826549,19.2249173 C33.9625966,19.2249173 36.0864917,19.4328883 35.9095005,24.1768792 Z",id:"path9_fill-path",fill:"#FFFFFF",fillRule:"nonzero"}),React27.createElement("path",{d:"M44.0461638,0.830433986 L50.1874092,0.446606143 L50.443532,7.7810017 C50.4527198,8.04410717 50.2468789,8.26484453 49.9837734,8.27403237 C49.871115,8.27796649 49.7607078,8.24184808 49.6721567,8.17209069 L47.3089847,6.3104681 L44.5110468,8.43287463 C44.3012992,8.591981 44.0022839,8.55092814 43.8431776,8.34118051 C43.7762017,8.25288717 43.742082,8.14401677 43.7466857,8.03329059 L44.0461638,0.830433986 Z",id:"Path",fill:"#FFFFFF"})));import React28 from"react";import{styled as styled42,keyframes as keyframes2}from"@storybook/theming";import{keyframes}from"@storybook/theming";var rotate360=keyframes`
160
160
  from {
161
161
  transform: rotate(0deg);
162
162
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/components",
3
- "version": "7.0.0-beta.16",
3
+ "version": "7.0.0-beta.18",
4
4
  "description": "Core Storybook Components",
5
5
  "keywords": [
6
6
  "storybook"
@@ -48,11 +48,11 @@
48
48
  "prep": "../../../scripts/prepare/bundle.ts"
49
49
  },
50
50
  "dependencies": {
51
- "@storybook/client-logger": "7.0.0-beta.16",
51
+ "@storybook/client-logger": "7.0.0-beta.18",
52
52
  "@storybook/csf": "next",
53
53
  "@storybook/global": "^5.0.0",
54
- "@storybook/theming": "7.0.0-beta.16",
55
- "@storybook/types": "7.0.0-beta.16",
54
+ "@storybook/theming": "7.0.0-beta.18",
55
+ "@storybook/types": "7.0.0-beta.18",
56
56
  "memoizerific": "^1.11.3",
57
57
  "util-deprecate": "^1.0.2"
58
58
  },
@@ -84,5 +84,5 @@
84
84
  ],
85
85
  "platform": "neutral"
86
86
  },
87
- "gitHead": "7ca5d329ef50ec4cded3c6586761a25a8e79e67c"
87
+ "gitHead": "fd0c69d276a6b6d1211d33f00d330b14d17d6aea"
88
88
  }