@storybook/components 8.0.1 → 8.0.3

package/dist/index.d.ts

@@ -778,6 +778,8 @@ interface TabsProps {
     }>[];
     id?: string;
     tools?: ReactNode;
+    showToolsWhenEmpty?: boolean;
+    emptyState?: ReactNode;
     selected?: string;
     actions?: {
         onSelect: (id: string) => void;
@@ -808,6 +810,13 @@ declare class TabsState extends Component<TabsStateProps, TabsStateState> {
     render(): react__default.JSX.Element;
 }
 
+interface Props {
+    title: react__default.ReactNode;
+    description?: react__default.ReactNode;
+    footer?: react__default.ReactNode;
+}
+declare const EmptyTabContent: ({ title, description, footer }: Props) => react__default.JSX.Element;
+
 interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     href?: never;
     target?: never;
@@ -852,7 +861,7 @@ interface FlexBarProps extends ComponentProps<typeof Bar> {
     backgroundColor?: string;
 }
 declare const FlexBar: {
-    ({ children, backgroundColor, ...rest }: FlexBarProps): react__default.JSX.Element;
+    ({ children, backgroundColor, className, ...rest }: FlexBarProps): react__default.JSX.Element;
     displayName: string;
 };
 
@@ -1170,4 +1179,4 @@ declare const components: {
 };
 declare const resetComponents: Record<string, ElementType>;
 
-export { A, ActionBar, ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, IconsProps, Img, LI, Link$1 as Link, ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, SupportedLanguage, Symbols, SyntaxHighlighter, SyntaxHighlighterFormatTypes, SyntaxHighlighterProps, SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };
+export { A, ActionBar, ActionItem, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, IconsProps, Img, LI, Link$1 as Link, ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, ScrollArea, Separator, Spaced, Span, StorybookIcon, StorybookLogo, SupportedLanguage, Symbols, SyntaxHighlighter, SyntaxHighlighterFormatTypes, SyntaxHighlighterProps, SyntaxHighlighterRendererProps, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, Link as TooltipLinkListLink, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components, createCopyToClipboardFunction, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };

package/dist/index.js

@@ -69,7 +69,7 @@ in order for it to be formatted.`,cliCategory:"Other"},tabWidth:{type:"int",cate
   cursor: ${props=>props.trigger==="hover"||props.trigger.includes("hover")?"default":"pointer"};
 `,TargetSvgContainer=import_theming38.styled.g`
   cursor: ${props=>props.trigger==="hover"||props.trigger.includes("hover")?"default":"pointer"};
-`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container3=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible,delayHide,interactive,closeOnOutsideClick,closeOnTriggerHidden,onVisibleChange,delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=import_react32.default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip=="function"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return import_react32.default.createElement(import_react32.default.Fragment,null,import_react32.default.createElement(Container3,{trigger,ref:setTriggerRef,...props},children),isVisible&&import_react_dom3.default.createPortal(tooltipComponent,document4.body))};WithTooltipPure.defaultProps={svg:!1,trigger:"click",closeOnOutsideClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,defaultVisible:!1};WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,import_react32.useState)(startOpen),onVisibilityChange=(0,import_react32.useCallback)(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility)},[onChange]);return(0,import_react32.useEffect)(()=>{let hide2=()=>onVisibilityChange(!1);document4.addEventListener("keydown",hide2,!1);let iframes=Array.from(document4.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener("click",hide2)}catch{}}))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push(()=>{iframe.removeEventListener("load",bind)})}),()=>{document4.removeEventListener("keydown",hide2),unbinders.forEach(unbind=>{unbind()})}}),import_react32.default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})}}});var src_exports={};__export(src_exports,{A:()=>A,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code2,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link2,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P,Placeholder:()=>Placeholder,Pre:()=>Pre2,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter3,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure2,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});module.exports=__toCommonJS(src_exports);var import_react50=require("react");var import_react16=__toESM(require("react"));var nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key}`,...classes].filter(Boolean).join(" "),props};var import_theming=require("@storybook/theming");init_extends();function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _isNativeFunction(fn4){try{return Function.toString.call(fn4).indexOf("[native code]")!==-1}catch{return typeof fn4=="function"}}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper5)}function Wrapper5(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper5.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper5,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper5,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container3=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible,delayHide,interactive,closeOnOutsideClick,closeOnTriggerHidden,onVisibleChange,delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=import_react32.default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip=="function"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return import_react32.default.createElement(import_react32.default.Fragment,null,import_react32.default.createElement(Container3,{trigger,ref:setTriggerRef,...props},children),isVisible&&import_react_dom3.default.createPortal(tooltipComponent,document4.body))};WithTooltipPure.defaultProps={svg:!1,trigger:"click",closeOnOutsideClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,defaultVisible:!1};WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,import_react32.useState)(startOpen),onVisibilityChange=(0,import_react32.useCallback)(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility)},[onChange]);return(0,import_react32.useEffect)(()=>{let hide2=()=>onVisibilityChange(!1);document4.addEventListener("keydown",hide2,!1);let iframes=Array.from(document4.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener("click",hide2)}catch{}}))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push(()=>{iframe.removeEventListener("load",bind)})}),()=>{document4.removeEventListener("keydown",hide2),unbinders.forEach(unbind=>{unbind()})}}),import_react32.default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})}}});var src_exports={};__export(src_exports,{A:()=>A,ActionBar:()=>ActionBar,AddonPanel:()=>AddonPanel,Badge:()=>Badge,Bar:()=>Bar,Blockquote:()=>Blockquote,Button:()=>Button,ClipboardCode:()=>ClipboardCode,Code:()=>Code2,DL:()=>DL,Div:()=>Div,DocumentWrapper:()=>DocumentWrapper,EmptyTabContent:()=>EmptyTabContent,ErrorFormatter:()=>ErrorFormatter,FlexBar:()=>FlexBar,Form:()=>Form,H1:()=>H1,H2:()=>H2,H3:()=>H3,H4:()=>H4,H5:()=>H5,H6:()=>H6,HR:()=>HR,IconButton:()=>IconButton,IconButtonSkeleton:()=>IconButtonSkeleton,Icons:()=>Icons,Img:()=>Img,LI:()=>LI,Link:()=>Link2,ListItem:()=>ListItem_default,Loader:()=>Loader,OL:()=>OL,P:()=>P,Placeholder:()=>Placeholder,Pre:()=>Pre2,ResetWrapper:()=>ResetWrapper,ScrollArea:()=>ScrollArea,Separator:()=>Separator,Spaced:()=>Spaced,Span:()=>Span,StorybookIcon:()=>StorybookIcon,StorybookLogo:()=>StorybookLogo,Symbols:()=>Symbols,SyntaxHighlighter:()=>SyntaxHighlighter3,TT:()=>TT,TabBar:()=>TabBar,TabButton:()=>TabButton,TabWrapper:()=>TabWrapper,Table:()=>Table,Tabs:()=>Tabs,TabsState:()=>TabsState,TooltipLinkList:()=>TooltipLinkList,TooltipMessage:()=>TooltipMessage,TooltipNote:()=>TooltipNote,UL:()=>UL,WithTooltip:()=>WithTooltip,WithTooltipPure:()=>WithTooltipPure2,Zoom:()=>Zoom,codeCommon:()=>codeCommon,components:()=>components2,createCopyToClipboardFunction:()=>createCopyToClipboardFunction,getStoryHref:()=>getStoryHref,icons:()=>icons,interleaveSeparators:()=>interleaveSeparators,nameSpaceClassNames:()=>nameSpaceClassNames,resetComponents:()=>resetComponents,withReset:()=>withReset});module.exports=__toCommonJS(src_exports);var import_react51=require("react");var import_react16=__toESM(require("react"));var nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key}`,...classes].filter(Boolean).join(" "),props};var import_theming=require("@storybook/theming");init_extends();function _assertThisInitialized(self2){if(self2===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self2}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _isNativeFunction(fn4){try{return Function.toString.call(fn4).indexOf("[native code]")!==-1}catch{return typeof fn4=="function"}}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper6)}function Wrapper6(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper6.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper6,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper6,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 
@@ -219,15 +219,18 @@ To pass a single animation please supply them in simple values, e.g. animation('
 `,78:`base must be set in "px" or "%" but you set it in "%s".
 `};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b3=[],c;for(c=1;c<args.length;c+=1)b3.push(args[c]);return b3.forEach(function(d){a=a.replace(/%[a-z]/,d)}),a}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){var _this;if(process.env.NODE_ENV==="production")_this=_Error.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+code+" for more information.")||this;else{for(var _len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];_this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this}return _assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex(color2){if(typeof color2!="string")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color2}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color2){if(typeof color2!="string")throw new PolishedError(3);var normalizedColor=nameToHex(color2);if(normalizedColor.match(hexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return{red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return{red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return{red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return{red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return{red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max2=Math.max(red,green,blue),min2=Math.min(red,green,blue),lightness=(max2+min2)/2;if(max2===min2)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max2-min2,saturation=lightness>.5?delta/(2-max2-min2):delta/(max2+min2);switch(max2){case red:hue=(green-blue)/delta+(green<blue?6:0);break;case green:hue=(blue-red)/delta+2;break;default:hue=(red-green)/delta+4;break}return hue*=60,color2.alpha!==void 0?{hue,saturation,lightness,alpha:color2.alpha}:{hue,saturation,lightness}}function parseToHsl(color2){return rgbToHsl(parseToRgb(color2))}var reduceHexValue=function(value){return value.length===7&&value[1]===value[2]&&value[3]===value[4]&&value[5]===value[6]?"#"+value[1]+value[3]+value[5]:value},reduceHexValue$1=reduceHexValue;function numberToHex(value){var hex=value.toString(16);return hex.length===1?"0"+hex:hex}function colorToHex(color2){return numberToHex(Math.round(color2*255))}function convertToHex(red,green,blue){return reduceHexValue$1("#"+colorToHex(red)+colorToHex(green)+colorToHex(blue))}function hslToHex(hue,saturation,lightness){return hslToRgb(hue,saturation,lightness,convertToHex)}function hsl(value,saturation,lightness){if(typeof value=="number"&&typeof saturation=="number"&&typeof lightness=="number")return hslToHex(value,saturation,lightness);if(typeof value=="object"&&saturation===void 0&&lightness===void 0)return hslToHex(value.hue,value.saturation,value.lightness);throw new PolishedError(1)}function hsla(value,saturation,lightness,alpha){if(typeof value=="number"&&typeof saturation=="number"&&typeof lightness=="number"&&typeof alpha=="number")return alpha>=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if(typeof value=="object"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}function rgb(value,green,blue){if(typeof value=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb(firstValue);return"rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else{if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError(7)}var isRgb=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isRgba=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&typeof color2.alpha=="number"},isHsl=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isHsla=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&typeof color2.alpha=="number"};function toColorString(color2){if(typeof color2!="object")throw new PolishedError(8);if(isRgba(color2))return rgba(color2);if(isRgb(color2))return rgb(color2);if(isHsla(color2))return hsla(color2);if(isHsl(color2))return hsl(color2);throw new PolishedError(8)}function curried(f2,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f2.apply(this,combined):curried(f2,length,combined)}}function curry(f2){return curried(f2,f2.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function transparentize(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var headerCommon=({theme})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),codeCommon=({theme})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base==="light"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base==="light"?theme.color.lighter:theme.color.border}),withReset=({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),withMargin={margin:"16px 0"};var import_react=__toESM(require("react")),Link=({href:input,...props})=>{let href=/^\//.test(input)?`./?path=${input}`:input,target=/^#.*/.test(input)?"_self":"_top";return import_react.default.createElement("a",{href,target,...props})};var A=(0,import_theming.styled)(Link)(withReset,({theme})=>({fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}}));var import_theming2=require("@storybook/theming");var Blockquote=import_theming2.styled.blockquote(withReset,withMargin,({theme})=>({borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}}));var import_theming6=require("@storybook/theming"),import_react15=__toESM(require("react"));init_syntaxhighlighter();var isReactChildString=child=>typeof child=="string";var isInlineCodeRegex=/[\n\r]/g,DefaultCodeBlock=import_theming6.styled.code(({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),codeCommon),StyledSyntaxHighlighter=(0,import_theming6.styled)(SyntaxHighlighter2)(({theme})=>({fontFamily:theme.typography.fonts.mono,fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Code2=({className,children,...props})=>{let language=(className||"").match(/lang-(\S+)/),childrenArray=import_react15.Children.toArray(children);return childrenArray.filter(isReactChildString).some(child=>child.match(isInlineCodeRegex))?import_react15.default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,language:language?.[1]??"text",format:!1,...props},children):import_react15.default.createElement(DefaultCodeBlock,{...props,className},childrenArray)};var import_theming7=require("@storybook/theming");var Div=import_theming7.styled.div(withReset);var import_theming8=require("@storybook/theming");var DL=import_theming8.styled.dl(withReset,withMargin,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}});var import_theming9=require("@storybook/theming");var H1=import_theming9.styled.h1(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold}));var import_theming10=require("@storybook/theming");var H2=import_theming10.styled.h2(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`}));var import_theming11=require("@storybook/theming");var H3=import_theming11.styled.h3(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m1}px`}));var import_theming12=require("@storybook/theming");var H4=import_theming12.styled.h4(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s3}px`}));var import_theming13=require("@storybook/theming");var H5=import_theming13.styled.h5(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`}));var import_theming14=require("@storybook/theming");var H6=import_theming14.styled.h6(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark}));var import_theming15=require("@storybook/theming"),HR=import_theming15.styled.hr(({theme})=>({border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0}));var import_theming16=require("@storybook/theming"),Img=import_theming16.styled.img({maxWidth:"100%"});var import_theming17=require("@storybook/theming");var LI=import_theming17.styled.li(withReset,({theme})=>({fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":codeCommon({theme})}));var import_theming18=require("@storybook/theming");var listCommon={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},OL=import_theming18.styled.ol(withReset,withMargin,listCommon,{listStyle:"decimal"});var import_theming19=require("@storybook/theming");var P=import_theming19.styled.p(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":codeCommon({theme})}));var import_theming20=require("@storybook/theming");var Pre2=import_theming20.styled.pre(withReset,withMargin,({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}}));var import_theming21=require("@storybook/theming");var Span=import_theming21.styled.span(withReset,({theme})=>({"&.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"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}}));var import_theming22=require("@storybook/theming");var Table=import_theming22.styled.table(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:theme.base==="dark"?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}}));var import_theming23=require("@storybook/theming");var TT=import_theming23.styled.title(codeCommon);var import_theming24=require("@storybook/theming");var listCommon2={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},UL=import_theming24.styled.ul(withReset,withMargin,listCommon2,{listStyle:"disc"});var import_theming25=require("@storybook/theming");var ResetWrapper=import_theming25.styled.div(withReset);var components={h1:props=>import_react16.default.createElement(H1,{...nameSpaceClassNames(props,"h1")}),h2:props=>import_react16.default.createElement(H2,{...nameSpaceClassNames(props,"h2")}),h3:props=>import_react16.default.createElement(H3,{...nameSpaceClassNames(props,"h3")}),h4:props=>import_react16.default.createElement(H4,{...nameSpaceClassNames(props,"h4")}),h5:props=>import_react16.default.createElement(H5,{...nameSpaceClassNames(props,"h5")}),h6:props=>import_react16.default.createElement(H6,{...nameSpaceClassNames(props,"h6")}),pre:props=>import_react16.default.createElement(Pre2,{...nameSpaceClassNames(props,"pre")}),a:props=>import_react16.default.createElement(A,{...nameSpaceClassNames(props,"a")}),hr:props=>import_react16.default.createElement(HR,{...nameSpaceClassNames(props,"hr")}),dl:props=>import_react16.default.createElement(DL,{...nameSpaceClassNames(props,"dl")}),blockquote:props=>import_react16.default.createElement(Blockquote,{...nameSpaceClassNames(props,"blockquote")}),table:props=>import_react16.default.createElement(Table,{...nameSpaceClassNames(props,"table")}),img:props=>import_react16.default.createElement(Img,{...nameSpaceClassNames(props,"img")}),div:props=>import_react16.default.createElement(Div,{...nameSpaceClassNames(props,"div")}),span:props=>import_react16.default.createElement(Span,{...nameSpaceClassNames(props,"span")}),li:props=>import_react16.default.createElement(LI,{...nameSpaceClassNames(props,"li")}),ul:props=>import_react16.default.createElement(UL,{...nameSpaceClassNames(props,"ul")}),ol:props=>import_react16.default.createElement(OL,{...nameSpaceClassNames(props,"ol")}),p:props=>import_react16.default.createElement(P,{...nameSpaceClassNames(props,"p")}),code:props=>import_react16.default.createElement(Code2,{...nameSpaceClassNames(props,"code")}),tt:props=>import_react16.default.createElement(TT,{...nameSpaceClassNames(props,"tt")}),resetwrapper:props=>import_react16.default.createElement(ResetWrapper,{...nameSpaceClassNames(props,"resetwrapper")})};var import_react17=__toESM(require("react")),import_theming26=require("@storybook/theming");var BadgeWrapper=import_theming26.styled.div(({theme})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:theme.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme,status})=>{switch(status){case"critical":return{color:theme.color.critical,background:theme.background.critical};case"negative":return{color:theme.color.negativeText,background:theme.background.negative,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.negativeText)}`:"none"};case"warning":return{color:theme.color.warningText,background:theme.background.warning,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.warningText)}`:"none"};case"neutral":return{color:theme.color.dark,background:theme.color.mediumlight,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.dark)}`:"none"};case"positive":return{color:theme.color.positiveText,background:theme.background.positive,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.positiveText)}`:"none"};default:return{}}}),Badge=({...props})=>import_react17.default.createElement(BadgeWrapper,{...props});var import_react18=__toESM(require("react")),import_theming27=require("@storybook/theming");var import_icons=require("@storybook/icons"),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_theming27.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_theming27.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:not([fill])":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path:not([fill])":{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:not([fill])":{fill:colors[0]},"&:hover":{color:colors[1],"svg path:not([fill])":{fill:colors[1]}},"&:active":{color:colors[2],"svg path:not([fill])":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,":not([fill])":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path:not([fill])":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path:not([fill])":{fill:theme.color.light}}}:{},({isButton:isButton2})=>isButton2?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel=!0,children,onClick=void 0,withArrow=!1,containsIcon=!1,className=void 0,style=void 0,...rest})=>import_react18.default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},import_react18.default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&import_react18.default.createElement(import_icons.ChevronRightIcon,null)));var import_theming28=require("@storybook/theming"),DocumentWrapper=import_theming28.styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},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_react19=__toESM(require("react")),languages=[],Comp=null,LazySyntaxHighlighter=(0,import_react19.lazy)(async()=>{let{SyntaxHighlighter:SyntaxHighlighter4}=await Promise.resolve().then(()=>(init_syntaxhighlighter(),syntaxhighlighter_exports));return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter4.registerLanguage(...args)}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter4),{default:props=>import_react19.default.createElement(SyntaxHighlighter4,{...props})}}),LazySyntaxHighlighterWithFormatter=(0,import_react19.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 languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter4.registerLanguage(...args)}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter4),{default:props=>import_react19.default.createElement(SyntaxHighlighter4,{...props,formatter:formatter2})}}),SyntaxHighlighter3=props=>import_react19.default.createElement(import_react19.Suspense,{fallback:import_react19.default.createElement("div",null)},props.format!==!1?import_react19.default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):import_react19.default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter3.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args)};init_syntaxhighlighter();init_ActionBar();var import_react20=__toESM(require("react")),import_theming29=require("@storybook/theming"),toNumber=input=>typeof input=="number"?input:Number(input),Container2=import_theming29.styled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${import_theming29.ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},[`& > *:first-child${import_theming29.ignoreSsrWarning}`]:{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_react20.default.createElement(Container2,{col,row,outer:outerAmount,...rest},children)};var import_react21=__toESM(require("react")),import_theming30=require("@storybook/theming"),Title=import_theming30.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=import_theming30.styled.div(),Message=import_theming30.styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=import_react21.Children.toArray(children);return import_react21.default.createElement(Message,{...props},import_react21.default.createElement(Title,null,title),desc&&import_react21.default.createElement(Desc,null,desc))};init_ScrollArea();var import_react23=__toESM(require("react"));var import_react22=require("react");function useResolvedElement(subscriber,refOrElement){var lastReportRef=(0,import_react22.useRef)(null),refOrElementRef=(0,import_react22.useRef)(null);refOrElementRef.current=refOrElement;var cbElementRef=(0,import_react22.useRef)(null);(0,import_react22.useEffect)(function(){evaluateSubscription()});var evaluateSubscription=(0,import_react22.useCallback)(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0})},[subscriber]);return(0,import_react22.useEffect)(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null)}},[]),(0,import_react22.useCallback)(function(element){cbElementRef.current=element,evaluateSubscription()},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=(0,import_react22.useRef)(void 0);onResizeRef.current=onResize;var round2=opts.round||Math.round,resizeObserverRef=(0,import_react22.useRef)(),_useState=(0,import_react22.useState)({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=(0,import_react22.useRef)(!1);(0,import_react22.useEffect)(function(){return didUnmount.current=!1,function(){didUnmount.current=!0}},[]);var previous=(0,import_react22.useRef)({width:void 0,height:void 0}),refCallback=useResolvedElement((0,import_react22.useCallback)(function(element){return(!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round2)&&(resizeObserverRef.current={box:opts.box,round:round2,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round2(reportedWidth):void 0,newHeight=reportedHeight?round2(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize)}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element)}},[opts.box,round2]),opts.ref);return(0,import_react22.useMemo)(function(){return{ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var import_theming31=require("@storybook/theming"),ZoomElementWrapper=import_theming31.styled.div(({scale=1,elementHeight})=>({height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=(0,import_react23.useRef)(null),[elementHeight,setElementHeight]=(0,import_react23.useState)(0),onResize=(0,import_react23.useCallback)(({height})=>{height&&setElementHeight(height/scale)},[scale]);return(0,import_react23.useEffect)(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height)},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),import_react23.default.createElement(ZoomElementWrapper,{scale,elementHeight},import_react23.default.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}var import_react24=__toESM(require("react")),ZoomIFrame=class extends import_react24.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{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 import_react24.default.createElement(import_react24.default.Fragment,null,children)}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var import_global2=require("@storybook/global"),import_react25=__toESM(require("react")),import_theming32=require("@storybook/theming"),{document:document3}=import_global2.global,ErrorName=import_theming32.styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=import_theming32.styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=import_theming32.styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return import_react25.default.createElement(import_react25.Fragment,null,"This error has no stack or message");if(!error.stack)return import_react25.default.createElement(import_react25.Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
 
-${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react25.default.createElement(import_react25.Fragment,null,input);let[,type,name]=match2,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document3.location.origin,"")}:null}).filter(Boolean);return import_react25.default.createElement(import_react25.Fragment,null,import_react25.default.createElement("span",null,type),": ",import_react25.default.createElement(ErrorName,null,name),import_react25.default.createElement("br",null),lines.map((l,i)=>l.name?import_react25.default.createElement(import_react25.Fragment,{key:i},"  ","at ",import_react25.default.createElement(ErrorImportant,null,l.name)," (",import_react25.default.createElement(ErrorDetail,null,l.location),")",import_react25.default.createElement("br",null)):import_react25.default.createElement(import_react25.Fragment,{key:i},"  ","at ",import_react25.default.createElement(ErrorDetail,null,l.location),import_react25.default.createElement("br",null))))};var import_react26=__toESM(require("react")),import_theming33=require("@storybook/theming");var import_react_slot2=require("@radix-ui/react-slot"),import_client_logger2=require("@storybook/client-logger"),Button=(0,import_react26.forwardRef)(({asChild=!1,animation="none",size="small",variant="outline",padding="medium",disabled=!1,active=!1,onClick,...props},ref)=>{let Comp2="button";props.isLink&&(Comp2="a"),asChild&&(Comp2=import_react_slot2.Slot);let localVariant=variant,localSize=size,[isAnimating,setIsAnimating]=(0,import_react26.useState)(!1),handleClick=event=>{onClick&&onClick(event),animation!=="none"&&setIsAnimating(!0)};if((0,import_react26.useEffect)(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1)},1e3);return()=>clearTimeout(timer)},[isAnimating]),props.primary&&(localVariant="solid",localSize="medium"),(props.secondary||props.tertiary||props.gray||props.outline||props.inForm)&&(localVariant="outline",localSize="medium"),props.small||props.isLink||props.primary||props.secondary||props.tertiary||props.gray||props.outline||props.inForm||props.containsIcon){let buttonContent=import_react26.default.Children.toArray(props.children).filter(e=>typeof e=="string"&&e!=="");(0,import_client_logger2.deprecate)(`Use of deprecated props in the button ${buttonContent.length>0?`"${buttonContent.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return import_react26.default.createElement(StyledButton,{as:Comp2,ref,variant:localVariant,size:localSize,padding,disabled,active,animating:isAnimating,animation,onClick:handleClick,...props})});Button.displayName="Button";var StyledButton=(0,import_theming33.styled)("button",{shouldForwardProp:prop=>(0,import_theming33.isPropValid)(prop)})(({theme,variant,size,disabled,active,animating,animation,padding})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:padding==="small"&&size==="small"?"0 7px":padding==="small"&&size==="medium"?"0 9px":size==="small"?"0 10px":size==="medium"?"0 12px":0,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:variant==="solid"?theme.color.secondary:variant==="outline"?theme.button.background:variant==="ghost"&&active?theme.background.hoverable:"transparent",color:variant==="solid"?theme.color.lightest:variant==="outline"?theme.input.color:variant==="ghost"&&active?theme.color.secondary:variant==="ghost"?theme.color.mediumdark:theme.input.color,boxShadow:variant==="outline"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,flexShrink:0,"&:hover":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:active":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:animating&&animation!=="none"?`${theme.animation[animation]} 1000ms ease-out`:""}}));var import_react27=__toESM(require("react"));var IconButton=(0,import_react27.forwardRef)(({padding="small",variant="ghost",...props},ref)=>import_react27.default.createElement(Button,{padding,variant,ref,...props}));IconButton.displayName="IconButton";var import_theming36=require("@storybook/theming");var import_react28=__toESM(require("react")),import_theming34=require("@storybook/theming"),Wrapper2=import_theming34.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming34.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_react28.default.createElement(Wrapper2,{...props},label?import_react28.default.createElement(Label,null,import_react28.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react30=__toESM(require("react")),import_theming35=require("@storybook/theming");init_extends();init_objectWithoutPropertiesLoose();var React20=__toESM(require("react"));var import_react29=require("react"),updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react29.useRef)();return(0,import_react29.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 noop=function(){},_excluded2=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded2);props.value;var libRef=React20.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef);return React20.useRef(0),React20.useRef(),React20.createElement("textarea",_extends({},props,{onChange,ref}))},index=React20.forwardRef(TextareaAutosize);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",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&: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_theming35.styled)((0,import_react30.forwardRef)(function({size,valid,align,...props},ref){return import_react30.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming35.styled)((0,import_react30.forwardRef)(function({size,valid,align,...props},ref){return import_react30.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming35.styled)((0,import_react30.forwardRef)(function({size,valid,align,...props},ref){return import_react30.default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"});var Form=Object.assign(import_theming36.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button});var import_react33=__toESM(require("react")),LazyWithTooltip=(0,import_react33.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react33.default.createElement(import_react33.Suspense,{fallback:import_react33.default.createElement("div",null)},import_react33.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react33.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react33.default.createElement(import_react33.Suspense,{fallback:import_react33.default.createElement("div",null)},import_react33.default.createElement(LazyWithTooltipPure,{...props}));var import_react34=__toESM(require("react")),import_theming39=require("@storybook/theming");var Title2=import_theming39.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=import_theming39.styled.span(),Links=import_theming39.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=import_theming39.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=import_theming39.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react34.default.createElement(MessageWrapper,null,import_react34.default.createElement(Message2,null,title&&import_react34.default.createElement(Title2,null,title),desc&&import_react34.default.createElement(Desc2,null,desc)),links&&import_react34.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react34.default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react35=__toESM(require("react")),import_theming40=require("@storybook/theming"),Note=import_theming40.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_react35.default.createElement(Note,{...props},note);var import_react37=__toESM(require("react")),import_theming42=require("@storybook/theming");var import_react36=__toESM(require("react")),import_theming41=require("@storybook/theming"),import_memoizerific4=__toESM(require("memoizerific"));var Title3=(0,import_theming41.styled)(({active,loading,disabled,...rest})=>import_react36.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,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_theming41.styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=import_theming41.styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=import_theming41.styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming41.styled.span(({active,theme})=>active?{color:theme.color.secondary}:{},()=>({display:"flex",maxWidth:14})),Item=import_theming41.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",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,title,center,right:right2,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return import_react36.default.createElement(Item,{...commonProps,...rest,...itemProps},icon&&import_react36.default.createElement(Left,{...commonProps},icon),title||center?import_react36.default.createElement(Center,{isIndented:!icon&&isIndented},title&&import_react36.default.createElement(Title3,{...commonProps,loading},title),center&&import_react36.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react36.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,title:import_react36.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_theming42.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react37.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react37.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasIcon=links.some(link=>link.icon);return import_react37.default.createElement(List,null,links.map(({isGatsby,...p})=>import_react37.default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasIcon,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react42=__toESM(require("react")),import_theming47=require("@storybook/theming"),import_csf2=require("@storybook/csf");var import_react38=__toESM(require("react")),import_theming43=require("@storybook/theming"),isLink=obj=>typeof obj.props.href=="string",isButton=obj=>typeof obj.props.href!="string";function ForwardRefFunction({children,...rest},ref){let o={props:rest,ref};if(isLink(o))return import_react38.default.createElement("a",{ref:o.ref,...o.props},children);if(isButton(o))return import_react38.default.createElement("button",{ref:o.ref,type:"button",...o.props},children);throw new Error("invalid props")}var ButtonOrLink=(0,import_react38.forwardRef)(ForwardRefFunction);ButtonOrLink.displayName="ButtonOrLink";var TabButton=(0,import_theming43.styled)(ButtonOrLink,{shouldForwardProp:import_theming43.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{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 IconPlaceholder=import_theming43.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming43.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react38.default.createElement(IconButtonSkeletonWrapper,null,import_react38.default.createElement(IconPlaceholder,null));var import_react39=__toESM(require("react")),import_theming44=require("@storybook/theming");init_ScrollArea();var Side=import_theming44.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react39.default.createElement(ScrollArea,{vertical:!1,className},children):import_react39.default.createElement("div",{className},children),Bar=(0,import_theming44.styled)(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",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_react39.Children.toArray(children);return import_react39.default.createElement(Bar,{...rest},import_react39.default.createElement(BarInner,{bgColor:backgroundColor},import_react39.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left2),right2?import_react39.default.createElement(Side,{right:!0},right2):null))};FlexBar.displayName="FlexBar";var import_theming45=require("@storybook/theming"),import_react40=__toESM(require("react")),VisuallyHidden=import_theming45.styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>import_react40.Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active})=>import_react40.default.createElement(VisuallyHidden,{active,role:"tabpanel"},content)}});var import_react41=__toESM(require("react")),import_csf=require("@storybook/csf"),import_theming46=require("@storybook/theming");init_WithTooltip();var CollapseIcon=import_theming46.styled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=(0,import_theming46.styled)(TabButton)(({active,theme,preActive})=>`
-    color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
+${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react25.default.createElement(import_react25.Fragment,null,input);let[,type,name]=match2,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document3.location.origin,"")}:null}).filter(Boolean);return import_react25.default.createElement(import_react25.Fragment,null,import_react25.default.createElement("span",null,type),": ",import_react25.default.createElement(ErrorName,null,name),import_react25.default.createElement("br",null),lines.map((l,i)=>l.name?import_react25.default.createElement(import_react25.Fragment,{key:i},"  ","at ",import_react25.default.createElement(ErrorImportant,null,l.name)," (",import_react25.default.createElement(ErrorDetail,null,l.location),")",import_react25.default.createElement("br",null)):import_react25.default.createElement(import_react25.Fragment,{key:i},"  ","at ",import_react25.default.createElement(ErrorDetail,null,l.location),import_react25.default.createElement("br",null))))};var import_react26=__toESM(require("react")),import_theming33=require("@storybook/theming");var import_react_slot2=require("@radix-ui/react-slot"),import_client_logger2=require("@storybook/client-logger"),Button=(0,import_react26.forwardRef)(({asChild=!1,animation="none",size="small",variant="outline",padding="medium",disabled=!1,active=!1,onClick,...props},ref)=>{let Comp2="button";props.isLink&&(Comp2="a"),asChild&&(Comp2=import_react_slot2.Slot);let localVariant=variant,localSize=size,[isAnimating,setIsAnimating]=(0,import_react26.useState)(!1),handleClick=event=>{onClick&&onClick(event),animation!=="none"&&setIsAnimating(!0)};if((0,import_react26.useEffect)(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1)},1e3);return()=>clearTimeout(timer)},[isAnimating]),props.primary&&(localVariant="solid",localSize="medium"),(props.secondary||props.tertiary||props.gray||props.outline||props.inForm)&&(localVariant="outline",localSize="medium"),props.small||props.isLink||props.primary||props.secondary||props.tertiary||props.gray||props.outline||props.inForm||props.containsIcon){let buttonContent=import_react26.default.Children.toArray(props.children).filter(e=>typeof e=="string"&&e!=="");(0,import_client_logger2.deprecate)(`Use of deprecated props in the button ${buttonContent.length>0?`"${buttonContent.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return import_react26.default.createElement(StyledButton,{as:Comp2,ref,variant:localVariant,size:localSize,padding,disabled,active,animating:isAnimating,animation,onClick:handleClick,...props})});Button.displayName="Button";var StyledButton=(0,import_theming33.styled)("button",{shouldForwardProp:prop=>(0,import_theming33.isPropValid)(prop)})(({theme,variant,size,disabled,active,animating,animation,padding})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:padding==="small"&&size==="small"?"0 7px":padding==="small"&&size==="medium"?"0 9px":size==="small"?"0 10px":size==="medium"?"0 12px":0,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:variant==="solid"?theme.color.secondary:variant==="outline"?theme.button.background:variant==="ghost"&&active?theme.background.hoverable:"transparent",...variant==="ghost"?{".sb-bar &":{background:active?curriedTransparentize$1(.9,theme.barTextColor):"transparent",color:active?theme.barSelectedColor:theme.barTextColor,"&:hover":{color:theme.barHoverColor,background:curriedTransparentize$1(.86,theme.barHoverColor)},"&:active":{color:theme.barSelectedColor,background:curriedTransparentize$1(.9,theme.barSelectedColor)},"&:focus":{boxShadow:`${rgba(theme.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:variant==="solid"?theme.color.lightest:variant==="outline"?theme.input.color:variant==="ghost"&&active?theme.color.secondary:variant==="ghost"?theme.color.mediumdark:theme.input.color,boxShadow:variant==="outline"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,flexShrink:0,"&:hover":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:active":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:animating&&animation!=="none"?`${theme.animation[animation]} 1000ms ease-out`:""}}));var import_react27=__toESM(require("react"));var IconButton=(0,import_react27.forwardRef)(({padding="small",variant="ghost",...props},ref)=>import_react27.default.createElement(Button,{padding,variant,ref,...props}));IconButton.displayName="IconButton";var import_theming36=require("@storybook/theming");var import_react28=__toESM(require("react")),import_theming34=require("@storybook/theming"),Wrapper2=import_theming34.styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=import_theming34.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_react28.default.createElement(Wrapper2,{...props},label?import_react28.default.createElement(Label,null,import_react28.default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var import_react30=__toESM(require("react")),import_theming35=require("@storybook/theming");init_extends();init_objectWithoutPropertiesLoose();var React20=__toESM(require("react"));var import_react29=require("react"),updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value},useComposedRef=function(libRef,userRef){var prevUserRef=(0,import_react29.useRef)();return(0,import_react29.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 noop=function(){},_excluded2=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],TextareaAutosize=function(_ref,userRef){_ref.cacheMeasurements,_ref.maxRows,_ref.minRows;var _ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange;_ref.onHeightChange;var props=_objectWithoutPropertiesLoose(_ref,_excluded2);props.value;var libRef=React20.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef);return React20.useRef(0),React20.useRef(),React20.createElement("textarea",_extends({},props,{onChange,ref}))},index=React20.forwardRef(TextareaAutosize);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",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&: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_theming35.styled)((0,import_react30.forwardRef)(function({size,valid,align,...props},ref){return import_react30.default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign((0,import_theming35.styled)((0,import_react30.forwardRef)(function({size,valid,align,...props},ref){return import_react30.default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign((0,import_theming35.styled)((0,import_react30.forwardRef)(function({size,valid,align,...props},ref){return import_react30.default.createElement(index,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"});var Form=Object.assign(import_theming36.styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button});var import_react33=__toESM(require("react")),LazyWithTooltip=(0,import_react33.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>import_react33.default.createElement(import_react33.Suspense,{fallback:import_react33.default.createElement("div",null)},import_react33.default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=(0,import_react33.lazy)(()=>Promise.resolve().then(()=>(init_WithTooltip(),WithTooltip_exports)).then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure2=props=>import_react33.default.createElement(import_react33.Suspense,{fallback:import_react33.default.createElement("div",null)},import_react33.default.createElement(LazyWithTooltipPure,{...props}));var import_react34=__toESM(require("react")),import_theming39=require("@storybook/theming");var Title2=import_theming39.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=import_theming39.styled.span(),Links=import_theming39.styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=import_theming39.styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=import_theming39.styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>import_react34.default.createElement(MessageWrapper,null,import_react34.default.createElement(Message2,null,title&&import_react34.default.createElement(Title2,null,title),desc&&import_react34.default.createElement(Desc2,null,desc)),links&&import_react34.default.createElement(Links,null,links.map(({title:linkTitle,...other})=>import_react34.default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var import_react35=__toESM(require("react")),import_theming40=require("@storybook/theming"),Note=import_theming40.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_react35.default.createElement(Note,{...props},note);var import_react37=__toESM(require("react")),import_theming42=require("@storybook/theming");var import_react36=__toESM(require("react")),import_theming41=require("@storybook/theming"),import_memoizerific4=__toESM(require("memoizerific"));var Title3=(0,import_theming41.styled)(({active,loading,disabled,...rest})=>import_react36.default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,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_theming41.styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=import_theming41.styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=import_theming41.styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=import_theming41.styled.span(({active,theme})=>active?{color:theme.color.secondary}:{},()=>({display:"flex",maxWidth:14})),Item=import_theming41.styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",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,title,center,right:right2,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return import_react36.default.createElement(Item,{...commonProps,...rest,...itemProps},icon&&import_react36.default.createElement(Left,{...commonProps},icon),title||center?import_react36.default.createElement(Center,{isIndented:!icon&&isIndented},title&&import_react36.default.createElement(Title3,{...commonProps,loading},title),center&&import_react36.default.createElement(CenterText,{...commonProps},center)):null,right2&&import_react36.default.createElement(Right,{...commonProps},right2))};ListItem.defaultProps={loading:!1,title:import_react36.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_theming42.styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=(0,import_react37.useCallback)(event=>{onClickFromProps(event,rest)},[onClickFromProps]),hasOnClick=!!onClickFromProps;return import_react37.default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasIcon=links.some(link=>link.icon);return import_react37.default.createElement(List,null,links.map(({isGatsby,...p})=>import_react37.default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasIcon,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var import_react43=__toESM(require("react")),import_theming48=require("@storybook/theming"),import_csf2=require("@storybook/csf");var import_react38=__toESM(require("react")),import_theming43=require("@storybook/theming"),isLink=obj=>typeof obj.props.href=="string",isButton=obj=>typeof obj.props.href!="string";function ForwardRefFunction({children,...rest},ref){let o={props:rest,ref};if(isLink(o))return import_react38.default.createElement("a",{ref:o.ref,...o.props},children);if(isButton(o))return import_react38.default.createElement("button",{ref:o.ref,type:"button",...o.props},children);throw new Error("invalid props")}var ButtonOrLink=(0,import_react38.forwardRef)(ForwardRefFunction);ButtonOrLink.displayName="ButtonOrLink";var TabButton=(0,import_theming43.styled)(ButtonOrLink,{shouldForwardProp:import_theming43.isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{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.barSelectedColor}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent","&:hover":{color:theme.barHoverColor}});TabButton.displayName="TabButton";var IconPlaceholder=import_theming43.styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=import_theming43.styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>import_react38.default.createElement(IconButtonSkeletonWrapper,null,import_react38.default.createElement(IconPlaceholder,null));var import_react39=__toESM(require("react")),import_theming44=require("@storybook/theming");init_ScrollArea();var Side=import_theming44.styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left:left2})=>left2?{"& > *":{marginLeft:4}}:{},({right:right2})=>right2?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?import_react39.default.createElement(ScrollArea,{vertical:!1,className},children):import_react39.default.createElement("div",{className},children),Bar=(0,import_theming44.styled)(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",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,className,...rest})=>{let[left2,right2]=import_react39.Children.toArray(children);return import_react39.default.createElement(Bar,{className:`sb-bar ${className}`,...rest},import_react39.default.createElement(BarInner,{bgColor:backgroundColor},import_react39.default.createElement(Side,{scrollable:rest.scrollable,left:!0},left2),right2?import_react39.default.createElement(Side,{right:!0},right2):null))};FlexBar.displayName="FlexBar";var import_theming45=require("@storybook/theming"),import_react40=__toESM(require("react")),VisuallyHidden=import_theming45.styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>import_react40.Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return{title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active})=>import_react40.default.createElement(VisuallyHidden,{active,role:"tabpanel"},content)}});var import_react41=__toESM(require("react")),import_csf=require("@storybook/csf"),import_theming46=require("@storybook/theming");init_WithTooltip();var CollapseIcon=import_theming46.styled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=(0,import_theming46.styled)(TabButton)(({active,theme,preActive})=>`
+    color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};
+    .addon-collapsible-icon {
+      color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};
+    }
     &:hover {
-      color: ${theme.color.secondary};
+      color: ${theme.barHoverColor};
       .addon-collapsible-icon {
-        color: ${theme.color.secondary};
+        color: ${theme.barHoverColor};
       }
     }
-  `);function useList(list){let tabBarRef=(0,import_react41.useRef)(),addonsRef=(0,import_react41.useRef)(),tabRefs=(0,import_react41.useRef)(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react41.useState)(list),[invisibleList,setInvisibleList]=(0,import_react41.useState)([]),previousList=(0,import_react41.useRef)(list),AddonTab=(0,import_react41.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react41.useState)(!1);return import_react41.default.createElement(import_react41.default.Fragment,null,import_react41.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react41.default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id)}}))})},import_react41.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react41.default.createElement(CollapseIcon,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index2)=>{let indexId=`index-${index2}`;return import_react41.default.createElement(TabButton,{id:`tabbutton-${(0,import_csf.sanitize)(id)??indexId}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=(0,import_react41.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x3,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x3+width-widthAddonsTab:x3+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x3+widthSum+tabWidth>rightBorder;return(!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react41.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper4=import_theming47.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_theming47.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar.displayName="TabBar";var Content=import_theming47.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${ignoreSsrWarning2}`]:{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"}}:{}),TabWrapper=({active,render,children})=>import_react42.default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=(0,import_react42.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let idList=childrenToList(children).map(i=>i.id).join(","),list=(0,import_react42.useMemo)(()=>childrenToList(children).map((i,index2)=>({...i,active:selected?i.id===selected:index2===0})),[selected,idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?import_react42.default.createElement(Wrapper4,{absolute,bordered,id:htmlId},import_react42.default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},import_react42.default.createElement(TabBar,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color:color2},index2)=>{let indexId=`index-${index2}`;return import_react42.default.createElement(TabButton,{id:`tabbutton-${(0,import_csf2.sanitize)(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref)},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id)},role:"tab"},typeof title=="function"?import_react42.default.createElement("title",null):title)}),import_react42.default.createElement(AddonTab,{menuName,actions})),tools),import_react42.default.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>import_react42.default.createElement(render,{key:id,active},null)))):import_react42.default.createElement(Placeholder,null,import_react42.default.createElement(import_react42.Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends import_react42.Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial}}static{this.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0}}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return import_react42.default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};var import_react43=__toESM(require("react")),import_theming48=require("@storybook/theming"),Separator=import_theming48.styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginLeft:2,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index2)=>item?import_react43.default.createElement(import_react43.Fragment,{key:item.id||item.key||`f-${index2}`},acc,index2>0?import_react43.default.createElement(Separator,{key:`s-${index2}`}):null,item.render()||item):acc,null);var import_react44=__toESM(require("react")),usePrevious=value=>{let ref=(0,import_react44.useRef)();return(0,import_react44.useEffect)(()=>{ref.current=value},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>import_react44.default.createElement("div",{hidden:!active},useUpdate(active,children));var import_react45=__toESM(require("react")),StorybookIcons=__toESM(require("@storybook/icons")),import_theming49=require("@storybook/theming"),import_client_logger3=require("@storybook/client-logger"),NEW_ICON_MAP=StorybookIcons,Svg=import_theming49.styled.svg`
+  `);function useList(list){let tabBarRef=(0,import_react41.useRef)(),addonsRef=(0,import_react41.useRef)(),tabRefs=(0,import_react41.useRef)(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=(0,import_react41.useState)(list),[invisibleList,setInvisibleList]=(0,import_react41.useState)([]),previousList=(0,import_react41.useRef)(list),AddonTab=(0,import_react41.useCallback)(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=(0,import_react41.useState)(!1);return import_react41.default.createElement(import_react41.default.Fragment,null,import_react41.default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:import_react41.default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id)}}))})},import_react41.default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,import_react41.default.createElement(CollapseIcon,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index2)=>{let indexId=`index-${index2}`;return import_react41.default.createElement(TabButton,{id:`tabbutton-${(0,import_csf.sanitize)(id)??indexId}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref)},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=(0,import_react41.useCallback)(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x:x3,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x3+width-widthAddonsTab:x3+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x3+widthSum+tabWidth>rightBorder;return(!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list)},[invisibleList.length,list,visibleList]);return(0,import_react41.useLayoutEffect)(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var import_react42=__toESM(require("react")),import_theming47=require("@storybook/theming"),Wrapper4=import_theming47.styled.div(({theme})=>({height:"100%",display:"flex",padding:30,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content})),Content=import_theming47.styled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title4=import_theming47.styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor})),Description=import_theming47.styled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor})),EmptyTabContent=({title,description,footer})=>import_react42.default.createElement(Wrapper4,null,import_react42.default.createElement(Content,null,import_react42.default.createElement(Title4,null,title),description&&import_react42.default.createElement(Description,null,description)),footer);var ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper5=import_theming48.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_theming48.styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar.displayName="TabBar";var Content2=import_theming48.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${ignoreSsrWarning2}`]:{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"}}:{}),TabWrapper=({active,render,children})=>import_react43.default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=(0,import_react43.memo)(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName,emptyState,showToolsWhenEmpty})=>{let idList=childrenToList(children).map(i=>i.id).join(","),list=(0,import_react43.useMemo)(()=>childrenToList(children).map((i,index2)=>({...i,active:selected?i.id===selected:index2===0})),[selected,idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list),EmptyContent=emptyState??import_react43.default.createElement(EmptyTabContent,{title:"Nothing found"});return!showToolsWhenEmpty&&list.length===0?EmptyContent:import_react43.default.createElement(Wrapper5,{absolute,bordered,id:htmlId},import_react43.default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},import_react43.default.createElement(TabBar,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color:color2},index2)=>{let indexId=`index-${index2}`;return import_react43.default.createElement(TabButton,{id:`tabbutton-${(0,import_csf2.sanitize)(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref)},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id)},role:"tab"},typeof title=="function"?import_react43.default.createElement("title",null):title)}),import_react43.default.createElement(AddonTab,{menuName,actions})),tools),import_react43.default.createElement(Content2,{id:"panel-tab-content",bordered,absolute},list.length?list.map(({id,active,render})=>import_react43.default.createElement(render,{key:id,active},null)):EmptyContent))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends import_react43.Component{constructor(props){super(props);this.handlers={onSelect:id=>this.setState({selected:id})};this.state={selected:props.initial}}static{this.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0}}render(){let{bordered=!1,absolute=!1,children,backgroundColor,menuName}=this.props,{selected}=this.state;return import_react43.default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};var import_react44=__toESM(require("react")),import_theming49=require("@storybook/theming"),Separator=import_theming49.styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginLeft:2,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index2)=>item?import_react44.default.createElement(import_react44.Fragment,{key:item.id||item.key||`f-${index2}`},acc,index2>0?import_react44.default.createElement(Separator,{key:`s-${index2}`}):null,item.render()||item):acc,null);var import_react45=__toESM(require("react")),usePrevious=value=>{let ref=(0,import_react45.useRef)();return(0,import_react45.useEffect)(()=>{ref.current=value},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>import_react45.default.createElement("div",{hidden:!active},useUpdate(active,children));var import_react46=__toESM(require("react")),StorybookIcons=__toESM(require("@storybook/icons")),import_theming50=require("@storybook/theming"),import_client_logger3=require("@storybook/client-logger"),NEW_ICON_MAP=StorybookIcons,Svg=import_theming50.styled.svg`
   display: inline-block;
   shape-rendering: inherit;
   vertical-align: middle;
@@ -235,29 +238,29 @@ ${input}`);let match2=input.match(firstLineRegex);if(!match2)return import_react
   path {
     fill: currentColor;
   }
-`,Icons=({icon,useSymbol,__suppressDeprecationWarning=!1,...props})=>{__suppressDeprecationWarning||(0,import_client_logger3.deprecate)(`Use of the deprecated Icons ${`(${icon})`||""} component detected. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`);let findIcon=icons[icon]||null;if(!findIcon)return import_client_logger3.logger.warn(`Use of an unknown prop ${`(${icon})`||""} in the Icons component. The Icons component is deprecated. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`),null;let Icon=NEW_ICON_MAP[findIcon];return import_react45.default.createElement(Icon,{...props})},Symbols=(0,import_react45.memo)(function({icons:keys=Object.keys(icons)}){return import_react45.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>import_react45.default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))}),icons={user:"UserIcon",useralt:"UserAltIcon",useradd:"UserAddIcon",users:"UsersIcon",profile:"ProfileIcon",facehappy:"FaceHappyIcon",faceneutral:"FaceNeutralIcon",facesad:"FaceSadIcon",accessibility:"AccessibilityIcon",accessibilityalt:"AccessibilityAltIcon",arrowup:"ChevronUpIcon",arrowdown:"ChevronDownIcon",arrowleft:"ChevronLeftIcon",arrowright:"ChevronRightIcon",arrowupalt:"ArrowUpIcon",arrowdownalt:"ArrowDownIcon",arrowleftalt:"ArrowLeftIcon",arrowrightalt:"ArrowRightIcon",expandalt:"ExpandAltIcon",collapse:"CollapseIcon",expand:"ExpandIcon",unfold:"UnfoldIcon",transfer:"TransferIcon",redirect:"RedirectIcon",undo:"UndoIcon",reply:"ReplyIcon",sync:"SyncIcon",upload:"UploadIcon",download:"DownloadIcon",back:"BackIcon",proceed:"ProceedIcon",refresh:"RefreshIcon",globe:"GlobeIcon",compass:"CompassIcon",location:"LocationIcon",pin:"PinIcon",time:"TimeIcon",dashboard:"DashboardIcon",timer:"TimerIcon",home:"HomeIcon",admin:"AdminIcon",info:"InfoIcon",question:"QuestionIcon",support:"SupportIcon",alert:"AlertIcon",email:"EmailIcon",phone:"PhoneIcon",link:"LinkIcon",unlink:"LinkBrokenIcon",bell:"BellIcon",rss:"RSSIcon",sharealt:"ShareAltIcon",share:"ShareIcon",circle:"CircleIcon",circlehollow:"CircleHollowIcon",bookmarkhollow:"BookmarkHollowIcon",bookmark:"BookmarkIcon",hearthollow:"HeartHollowIcon",heart:"HeartIcon",starhollow:"StarHollowIcon",star:"StarIcon",certificate:"CertificateIcon",verified:"VerifiedIcon",thumbsup:"ThumbsUpIcon",shield:"ShieldIcon",basket:"BasketIcon",beaker:"BeakerIcon",hourglass:"HourglassIcon",flag:"FlagIcon",cloudhollow:"CloudHollowIcon",edit:"EditIcon",cog:"CogIcon",nut:"NutIcon",wrench:"WrenchIcon",ellipsis:"EllipsisIcon",check:"CheckIcon",form:"FormIcon",batchdeny:"BatchDenyIcon",batchaccept:"BatchAcceptIcon",controls:"ControlsIcon",plus:"PlusIcon",closeAlt:"CloseAltIcon",cross:"CrossIcon",trash:"TrashIcon",pinalt:"PinAltIcon",unpin:"UnpinIcon",add:"AddIcon",subtract:"SubtractIcon",close:"CloseIcon",delete:"DeleteIcon",passed:"PassedIcon",changed:"ChangedIcon",failed:"FailedIcon",clear:"ClearIcon",comment:"CommentIcon",commentadd:"CommentAddIcon",requestchange:"RequestChangeIcon",comments:"CommentsIcon",lock:"LockIcon",unlock:"UnlockIcon",key:"KeyIcon",outbox:"OutboxIcon",credit:"CreditIcon",button:"ButtonIcon",type:"TypeIcon",pointerdefault:"PointerDefaultIcon",pointerhand:"PointerHandIcon",browser:"BrowserIcon",tablet:"TabletIcon",mobile:"MobileIcon",watch:"WatchIcon",sidebar:"SidebarIcon",sidebaralt:"SidebarAltIcon",sidebaralttoggle:"SidebarAltToggleIcon",sidebartoggle:"SidebarToggleIcon",bottombar:"BottomBarIcon",bottombartoggle:"BottomBarToggleIcon",cpu:"CPUIcon",database:"DatabaseIcon",memory:"MemoryIcon",structure:"StructureIcon",box:"BoxIcon",power:"PowerIcon",photo:"PhotoIcon",component:"ComponentIcon",grid:"GridIcon",outline:"OutlineIcon",photodrag:"PhotoDragIcon",search:"SearchIcon",zoom:"ZoomIcon",zoomout:"ZoomOutIcon",zoomreset:"ZoomResetIcon",eye:"EyeIcon",eyeclose:"EyeCloseIcon",lightning:"LightningIcon",lightningoff:"LightningOffIcon",contrast:"ContrastIcon",switchalt:"SwitchAltIcon",mirror:"MirrorIcon",grow:"GrowIcon",paintbrush:"PaintBrushIcon",ruler:"RulerIcon",stop:"StopIcon",camera:"CameraIcon",video:"VideoIcon",speaker:"SpeakerIcon",play:"PlayIcon",playback:"PlayBackIcon",playnext:"PlayNextIcon",rewind:"RewindIcon",fastforward:"FastForwardIcon",stopalt:"StopAltIcon",sidebyside:"SideBySideIcon",stacked:"StackedIcon",sun:"SunIcon",moon:"MoonIcon",book:"BookIcon",document:"DocumentIcon",copy:"CopyIcon",category:"CategoryIcon",folder:"FolderIcon",print:"PrintIcon",graphline:"GraphLineIcon",calendar:"CalendarIcon",graphbar:"GraphBarIcon",menu:"MenuIcon",menualt:"MenuIcon",filter:"FilterIcon",docchart:"DocChartIcon",doclist:"DocListIcon",markup:"MarkupIcon",bold:"BoldIcon",paperclip:"PaperClipIcon",listordered:"ListOrderedIcon",listunordered:"ListUnorderedIcon",paragraph:"ParagraphIcon",markdown:"MarkdownIcon",repository:"RepoIcon",commit:"CommitIcon",branch:"BranchIcon",pullrequest:"PullRequestIcon",merge:"MergeIcon",apple:"AppleIcon",linux:"LinuxIcon",ubuntu:"UbuntuIcon",windows:"WindowsIcon",storybook:"StorybookIcon",azuredevops:"AzureDevOpsIcon",bitbucket:"BitbucketIcon",chrome:"ChromeIcon",chromatic:"ChromaticIcon",componentdriven:"ComponentDrivenIcon",discord:"DiscordIcon",facebook:"FacebookIcon",figma:"FigmaIcon",gdrive:"GDriveIcon",github:"GithubIcon",gitlab:"GitlabIcon",google:"GoogleIcon",graphql:"GraphqlIcon",medium:"MediumIcon",redux:"ReduxIcon",twitter:"TwitterIcon",youtube:"YoutubeIcon",vscode:"VSCodeIcon"};var import_react46=__toESM(require("react")),StorybookLogo=({alt,...props})=>import_react46.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react46.default.createElement("title",null,alt):null,import_react46.default.createElement("defs",null,import_react46.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_react46.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react46.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_react46.default.createElement("mask",{id:"b",fill:"#fff"},import_react46.default.createElement("use",{xlinkHref:"#a"})),import_react46.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react46.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_react47=__toESM(require("react")),StorybookIcon=props=>import_react47.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react47.default.createElement("title",null,"Storybook icon"),import_react47.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react47.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_react47.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_react47.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_react48=__toESM(require("react")),import_theming51=require("@storybook/theming");var import_theming50=require("@storybook/theming"),rotate360=import_theming50.keyframes`
+`,Icons=({icon,useSymbol,__suppressDeprecationWarning=!1,...props})=>{__suppressDeprecationWarning||(0,import_client_logger3.deprecate)(`Use of the deprecated Icons ${`(${icon})`||""} component detected. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`);let findIcon=icons[icon]||null;if(!findIcon)return import_client_logger3.logger.warn(`Use of an unknown prop ${`(${icon})`||""} in the Icons component. The Icons component is deprecated. Please use the @storybook/icons component directly. For more informations, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#icons-is-deprecated`),null;let Icon=NEW_ICON_MAP[findIcon];return import_react46.default.createElement(Icon,{...props})},Symbols=(0,import_react46.memo)(function({icons:keys=Object.keys(icons)}){return import_react46.default.createElement(Svg,{viewBox:"0 0 14 14",style:{position:"absolute",width:0,height:0},"data-chromatic":"ignore"},keys.map(key=>import_react46.default.createElement("symbol",{id:`icon--${key}`,key},icons[key])))}),icons={user:"UserIcon",useralt:"UserAltIcon",useradd:"UserAddIcon",users:"UsersIcon",profile:"ProfileIcon",facehappy:"FaceHappyIcon",faceneutral:"FaceNeutralIcon",facesad:"FaceSadIcon",accessibility:"AccessibilityIcon",accessibilityalt:"AccessibilityAltIcon",arrowup:"ChevronUpIcon",arrowdown:"ChevronDownIcon",arrowleft:"ChevronLeftIcon",arrowright:"ChevronRightIcon",arrowupalt:"ArrowUpIcon",arrowdownalt:"ArrowDownIcon",arrowleftalt:"ArrowLeftIcon",arrowrightalt:"ArrowRightIcon",expandalt:"ExpandAltIcon",collapse:"CollapseIcon",expand:"ExpandIcon",unfold:"UnfoldIcon",transfer:"TransferIcon",redirect:"RedirectIcon",undo:"UndoIcon",reply:"ReplyIcon",sync:"SyncIcon",upload:"UploadIcon",download:"DownloadIcon",back:"BackIcon",proceed:"ProceedIcon",refresh:"RefreshIcon",globe:"GlobeIcon",compass:"CompassIcon",location:"LocationIcon",pin:"PinIcon",time:"TimeIcon",dashboard:"DashboardIcon",timer:"TimerIcon",home:"HomeIcon",admin:"AdminIcon",info:"InfoIcon",question:"QuestionIcon",support:"SupportIcon",alert:"AlertIcon",email:"EmailIcon",phone:"PhoneIcon",link:"LinkIcon",unlink:"LinkBrokenIcon",bell:"BellIcon",rss:"RSSIcon",sharealt:"ShareAltIcon",share:"ShareIcon",circle:"CircleIcon",circlehollow:"CircleHollowIcon",bookmarkhollow:"BookmarkHollowIcon",bookmark:"BookmarkIcon",hearthollow:"HeartHollowIcon",heart:"HeartIcon",starhollow:"StarHollowIcon",star:"StarIcon",certificate:"CertificateIcon",verified:"VerifiedIcon",thumbsup:"ThumbsUpIcon",shield:"ShieldIcon",basket:"BasketIcon",beaker:"BeakerIcon",hourglass:"HourglassIcon",flag:"FlagIcon",cloudhollow:"CloudHollowIcon",edit:"EditIcon",cog:"CogIcon",nut:"NutIcon",wrench:"WrenchIcon",ellipsis:"EllipsisIcon",check:"CheckIcon",form:"FormIcon",batchdeny:"BatchDenyIcon",batchaccept:"BatchAcceptIcon",controls:"ControlsIcon",plus:"PlusIcon",closeAlt:"CloseAltIcon",cross:"CrossIcon",trash:"TrashIcon",pinalt:"PinAltIcon",unpin:"UnpinIcon",add:"AddIcon",subtract:"SubtractIcon",close:"CloseIcon",delete:"DeleteIcon",passed:"PassedIcon",changed:"ChangedIcon",failed:"FailedIcon",clear:"ClearIcon",comment:"CommentIcon",commentadd:"CommentAddIcon",requestchange:"RequestChangeIcon",comments:"CommentsIcon",lock:"LockIcon",unlock:"UnlockIcon",key:"KeyIcon",outbox:"OutboxIcon",credit:"CreditIcon",button:"ButtonIcon",type:"TypeIcon",pointerdefault:"PointerDefaultIcon",pointerhand:"PointerHandIcon",browser:"BrowserIcon",tablet:"TabletIcon",mobile:"MobileIcon",watch:"WatchIcon",sidebar:"SidebarIcon",sidebaralt:"SidebarAltIcon",sidebaralttoggle:"SidebarAltToggleIcon",sidebartoggle:"SidebarToggleIcon",bottombar:"BottomBarIcon",bottombartoggle:"BottomBarToggleIcon",cpu:"CPUIcon",database:"DatabaseIcon",memory:"MemoryIcon",structure:"StructureIcon",box:"BoxIcon",power:"PowerIcon",photo:"PhotoIcon",component:"ComponentIcon",grid:"GridIcon",outline:"OutlineIcon",photodrag:"PhotoDragIcon",search:"SearchIcon",zoom:"ZoomIcon",zoomout:"ZoomOutIcon",zoomreset:"ZoomResetIcon",eye:"EyeIcon",eyeclose:"EyeCloseIcon",lightning:"LightningIcon",lightningoff:"LightningOffIcon",contrast:"ContrastIcon",switchalt:"SwitchAltIcon",mirror:"MirrorIcon",grow:"GrowIcon",paintbrush:"PaintBrushIcon",ruler:"RulerIcon",stop:"StopIcon",camera:"CameraIcon",video:"VideoIcon",speaker:"SpeakerIcon",play:"PlayIcon",playback:"PlayBackIcon",playnext:"PlayNextIcon",rewind:"RewindIcon",fastforward:"FastForwardIcon",stopalt:"StopAltIcon",sidebyside:"SideBySideIcon",stacked:"StackedIcon",sun:"SunIcon",moon:"MoonIcon",book:"BookIcon",document:"DocumentIcon",copy:"CopyIcon",category:"CategoryIcon",folder:"FolderIcon",print:"PrintIcon",graphline:"GraphLineIcon",calendar:"CalendarIcon",graphbar:"GraphBarIcon",menu:"MenuIcon",menualt:"MenuIcon",filter:"FilterIcon",docchart:"DocChartIcon",doclist:"DocListIcon",markup:"MarkupIcon",bold:"BoldIcon",paperclip:"PaperClipIcon",listordered:"ListOrderedIcon",listunordered:"ListUnorderedIcon",paragraph:"ParagraphIcon",markdown:"MarkdownIcon",repository:"RepoIcon",commit:"CommitIcon",branch:"BranchIcon",pullrequest:"PullRequestIcon",merge:"MergeIcon",apple:"AppleIcon",linux:"LinuxIcon",ubuntu:"UbuntuIcon",windows:"WindowsIcon",storybook:"StorybookIcon",azuredevops:"AzureDevOpsIcon",bitbucket:"BitbucketIcon",chrome:"ChromeIcon",chromatic:"ChromaticIcon",componentdriven:"ComponentDrivenIcon",discord:"DiscordIcon",facebook:"FacebookIcon",figma:"FigmaIcon",gdrive:"GDriveIcon",github:"GithubIcon",gitlab:"GitlabIcon",google:"GoogleIcon",graphql:"GraphqlIcon",medium:"MediumIcon",redux:"ReduxIcon",twitter:"TwitterIcon",youtube:"YoutubeIcon",vscode:"VSCodeIcon"};var import_react47=__toESM(require("react")),StorybookLogo=({alt,...props})=>import_react47.default.createElement("svg",{width:"200px",height:"40px",viewBox:"0 0 200 40",...props,role:"img"},alt?import_react47.default.createElement("title",null,alt):null,import_react47.default.createElement("defs",null,import_react47.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_react47.default.createElement("g",{fill:"none",fillRule:"evenodd"},import_react47.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_react47.default.createElement("mask",{id:"b",fill:"#fff"},import_react47.default.createElement("use",{xlinkHref:"#a"})),import_react47.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#a"}),import_react47.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_react48=__toESM(require("react")),StorybookIcon=props=>import_react48.default.createElement("svg",{viewBox:"0 0 64 64",...props},import_react48.default.createElement("title",null,"Storybook icon"),import_react48.default.createElement("g",{id:"Artboard",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},import_react48.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_react48.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_react48.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_react49=__toESM(require("react")),import_theming52=require("@storybook/theming");var import_theming51=require("@storybook/theming"),rotate360=import_theming51.keyframes`
 	from {
 		transform: rotate(0deg);
 	}
 	to {
 		transform: rotate(360deg);
 	}
-`;var import_icons2=require("@storybook/icons"),LoaderWrapper=import_theming51.styled.div(({size=32})=>({borderRadius:"50%",cursor:"progress",display:"inline-block",overflow:"hidden",position:"absolute",transition:"all 200ms ease-out",verticalAlign:"top",top:"50%",left:"50%",marginTop:-(size/2),marginLeft:-(size/2),height:size,width:size,zIndex:4,borderWidth:2,borderStyle:"solid",borderColor:"rgba(97, 97, 97, 0.29)",borderTopColor:"rgb(100,100,100)",animation:`${rotate360} 0.7s linear infinite`,mixBlendMode:"difference"})),ProgressWrapper=import_theming51.styled.div({position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}),ProgressTrack=import_theming51.styled.div(({theme})=>({position:"relative",width:"80%",marginBottom:"0.75rem",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:"hidden",cursor:"progress"})),ProgressBar=import_theming51.styled.div(({theme})=>({position:"absolute",top:0,left:0,height:"100%",background:theme.color.secondary})),ProgressMessage=import_theming51.styled.div(({theme})=>({minHeight:"2em",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor})),ErrorIcon=(0,import_theming51.styled)(import_icons2.LightningOffIcon)(({theme})=>({width:20,height:20,marginBottom:"0.5rem",color:theme.textMutedColor})),ellipsis=import_theming51.keyframes`
+`;var import_icons2=require("@storybook/icons"),LoaderWrapper=import_theming52.styled.div(({size=32})=>({borderRadius:"50%",cursor:"progress",display:"inline-block",overflow:"hidden",position:"absolute",transition:"all 200ms ease-out",verticalAlign:"top",top:"50%",left:"50%",marginTop:-(size/2),marginLeft:-(size/2),height:size,width:size,zIndex:4,borderWidth:2,borderStyle:"solid",borderColor:"rgba(97, 97, 97, 0.29)",borderTopColor:"rgb(100,100,100)",animation:`${rotate360} 0.7s linear infinite`,mixBlendMode:"difference"})),ProgressWrapper=import_theming52.styled.div({position:"absolute",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}),ProgressTrack=import_theming52.styled.div(({theme})=>({position:"relative",width:"80%",marginBottom:"0.75rem",maxWidth:300,height:5,borderRadius:5,background:curriedTransparentize$1(.8,theme.color.secondary),overflow:"hidden",cursor:"progress"})),ProgressBar=import_theming52.styled.div(({theme})=>({position:"absolute",top:0,left:0,height:"100%",background:theme.color.secondary})),ProgressMessage=import_theming52.styled.div(({theme})=>({minHeight:"2em",fontSize:`${theme.typography.size.s1}px`,color:theme.barTextColor})),ErrorIcon=(0,import_theming52.styled)(import_icons2.LightningOffIcon)(({theme})=>({width:20,height:20,marginBottom:"0.5rem",color:theme.textMutedColor})),ellipsis=import_theming52.keyframes`
   from { content: "..." }
   33% { content: "." }
   66% { content: ".." }
   to { content: "..." }
-`,Ellipsis=import_theming51.styled.span({"&::after":{content:"'...'",animation:`${ellipsis} 1s linear infinite`,animationDelay:"1s",display:"inline-block",width:"1em",height:"auto"}}),Loader=({progress,error,size,...props})=>{if(error)return import_react48.default.createElement(ProgressWrapper,{"aria-label":error.toString(),"aria-live":"polite",role:"status",...props},import_react48.default.createElement(ErrorIcon,null),import_react48.default.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),import_react48.default.createElement(ProgressWrapper,{"aria-label":"Content is loading...","aria-live":"polite","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":value*100,"aria-valuetext":message,role:"progressbar",...props},import_react48.default.createElement(ProgressTrack,null,import_react48.default.createElement(ProgressBar,{style:{width:`${value*100}%`}})),import_react48.default.createElement(ProgressMessage,null,message,value<1&&import_react48.default.createElement(Ellipsis,{key:message})))}return import_react48.default.createElement(LoaderWrapper,{"aria-label":"Content is loading...","aria-live":"polite",role:"status",size,...props})};function parseQuery(queryString){let query={},pairs=queryString.split("&");for(let i=0;i<pairs.length;i++){let pair=pairs[i].split("=");query[decodeURIComponent(pair[0])]=decodeURIComponent(pair[1]||"")}return query}var getStoryHref=(baseUrl,storyId,additionalParams={})=>{let[url,paramsStr]=baseUrl.split("?"),params=paramsStr?{...parseQuery(paramsStr),...additionalParams,id:storyId}:{...additionalParams,id:storyId};return`${url}?${Object.entries(params).map(item=>`${item[0]}=${item[1]}`).join("&")}`};var import_react49=__toESM(require("react")),import_theming52=require("@storybook/theming"),Code3=import_theming52.styled.pre`
+`,Ellipsis=import_theming52.styled.span({"&::after":{content:"'...'",animation:`${ellipsis} 1s linear infinite`,animationDelay:"1s",display:"inline-block",width:"1em",height:"auto"}}),Loader=({progress,error,size,...props})=>{if(error)return import_react49.default.createElement(ProgressWrapper,{"aria-label":error.toString(),"aria-live":"polite",role:"status",...props},import_react49.default.createElement(ErrorIcon,null),import_react49.default.createElement(ProgressMessage,null,error.message));if(progress){let{value,modules}=progress,{message}=progress;return modules&&(message+=` ${modules.complete} / ${modules.total} modules`),import_react49.default.createElement(ProgressWrapper,{"aria-label":"Content is loading...","aria-live":"polite","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":value*100,"aria-valuetext":message,role:"progressbar",...props},import_react49.default.createElement(ProgressTrack,null,import_react49.default.createElement(ProgressBar,{style:{width:`${value*100}%`}})),import_react49.default.createElement(ProgressMessage,null,message,value<1&&import_react49.default.createElement(Ellipsis,{key:message})))}return import_react49.default.createElement(LoaderWrapper,{"aria-label":"Content is loading...","aria-live":"polite",role:"status",size,...props})};function parseQuery(queryString){let query={},pairs=queryString.split("&");for(let i=0;i<pairs.length;i++){let pair=pairs[i].split("=");query[decodeURIComponent(pair[0])]=decodeURIComponent(pair[1]||"")}return query}var getStoryHref=(baseUrl,storyId,additionalParams={})=>{let[url,paramsStr]=baseUrl.split("?"),params=paramsStr?{...parseQuery(paramsStr),...additionalParams,id:storyId}:{...additionalParams,id:storyId};return`${url}?${Object.entries(params).map(item=>`${item[0]}=${item[1]}`).join("&")}`};var import_react50=__toESM(require("react")),import_theming53=require("@storybook/theming"),Code3=import_theming53.styled.pre`
   line-height: 18px;
   padding: 11px 1rem;
   white-space: pre-wrap;
   background: rgba(0, 0, 0, 0.05);
-  color: ${import_theming52.color.darkest};
+  color: ${import_theming53.color.darkest};
   border-radius: 3px;
   margin: 1rem 0;
   width: 100%;
   display: block;
   overflow: hidden;
-  font-family: ${import_theming52.typography.fonts.mono};
-  font-size: ${import_theming52.typography.size.s2-1}px;
-`,ClipboardCode=({code,...props})=>import_react49.default.createElement(Code3,{id:"clipboard-code",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=(0,import_react50.forwardRef)((props,ref)=>(0,import_react50.createElement)(key,{...props,ref}))});0&&(module.exports={A,ActionBar,AddonPanel,Badge,Bar,Blockquote,Button,ClipboardCode,Code,DL,Div,DocumentWrapper,ErrorFormatter,FlexBar,Form,H1,H2,H3,H4,H5,H6,HR,IconButton,IconButtonSkeleton,Icons,Img,LI,Link,ListItem,Loader,OL,P,Placeholder,Pre,ResetWrapper,ScrollArea,Separator,Spaced,Span,StorybookIcon,StorybookLogo,Symbols,SyntaxHighlighter,TT,TabBar,TabButton,TabWrapper,Table,Tabs,TabsState,TooltipLinkList,TooltipMessage,TooltipNote,UL,WithTooltip,WithTooltipPure,Zoom,codeCommon,components,createCopyToClipboardFunction,getStoryHref,icons,interleaveSeparators,nameSpaceClassNames,resetComponents,withReset});
+  font-family: ${import_theming53.typography.fonts.mono};
+  font-size: ${import_theming53.typography.size.s2-1}px;
+`,ClipboardCode=({code,...props})=>import_react50.default.createElement(Code3,{id:"clipboard-code",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=(0,import_react51.forwardRef)((props,ref)=>(0,import_react51.createElement)(key,{...props,ref}))});0&&(module.exports={A,ActionBar,AddonPanel,Badge,Bar,Blockquote,Button,ClipboardCode,Code,DL,Div,DocumentWrapper,EmptyTabContent,ErrorFormatter,FlexBar,Form,H1,H2,H3,H4,H5,H6,HR,IconButton,IconButtonSkeleton,Icons,Img,LI,Link,ListItem,Loader,OL,P,Placeholder,Pre,ResetWrapper,ScrollArea,Separator,Spaced,Span,StorybookIcon,StorybookLogo,Symbols,SyntaxHighlighter,TT,TabBar,TabButton,TabWrapper,Table,Tabs,TabsState,TooltipLinkList,TooltipMessage,TooltipNote,UL,WithTooltip,WithTooltipPure,Zoom,codeCommon,components,createCopyToClipboardFunction,getStoryHref,icons,interleaveSeparators,nameSpaceClassNames,resetComponents,withReset});

package/dist/index.mjs

@@ -18,7 +18,7 @@ import './chunk-6Z7BBVUS.mjs';
 import './chunk-IJAA7WI2.mjs';
 import './chunk-SCHQIR5W.mjs';
 import * as React3 from 'react';
-import React3__default, { lazy, forwardRef, useState, useEffect, memo, useMemo, Fragment, createElement, Children, Suspense, useRef, useCallback, useLayoutEffect, Component } from 'react';
+import React3__default, { lazy, forwardRef, useState, useEffect, memo, useMemo, createElement, Children, Suspense, Fragment, useRef, useCallback, useLayoutEffect, Component } from 'react';
 import { styled, ignoreSsrWarning, isPropValid, keyframes, color, typography } from '@storybook/theming';
 import * as StorybookIcons from '@storybook/icons';
 import { LightningOffIcon, ChevronRightIcon } from '@storybook/icons';
@@ -28,7 +28,7 @@ import { deprecate, logger } from '@storybook/client-logger';
 import memoize from 'memoizerific';
 import { sanitize } from '@storybook/csf';
 
-var nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass);}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _isNativeFunction(fn){try{return Function.toString.call(fn).indexOf("[native code]")!==-1}catch{return typeof fn=="function"}}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return !1;if(typeof Proxy=="function")return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return !1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper3);}function Wrapper3(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper3.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper3,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper3,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
+var nameSpaceClassNames=({...props},key)=>{let classes=[props.class,props.className];return delete props.class,props.className=["sbdocs",`sbdocs-${key}`,...classes].filter(Boolean).join(" "),props};function _assertThisInitialized(self){if(self===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o2,p2){return o2.__proto__=p2,o2},_setPrototypeOf(o,p)}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,_setPrototypeOf(subClass,superClass);}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(o2){return o2.__proto__||Object.getPrototypeOf(o2)},_getPrototypeOf(o)}function _isNativeFunction(fn){try{return Function.toString.call(fn).indexOf("[native code]")!==-1}catch{return typeof fn=="function"}}function _isNativeReflectConstruct(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return !1;if(typeof Proxy=="function")return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return !1}}function _construct(Parent,args,Class){return _isNativeReflectConstruct()?_construct=Reflect.construct.bind():_construct=function(Parent2,args2,Class2){var a=[null];a.push.apply(a,args2);var Constructor=Function.bind.apply(Parent2,a),instance=new Constructor;return Class2&&_setPrototypeOf(instance,Class2.prototype),instance},_construct.apply(null,arguments)}function _wrapNativeSuper(Class){var _cache=typeof Map=="function"?new Map:void 0;return _wrapNativeSuper=function(Class2){if(Class2===null||!_isNativeFunction(Class2))return Class2;if(typeof Class2!="function")throw new TypeError("Super expression must either be null or a function");if(typeof _cache<"u"){if(_cache.has(Class2))return _cache.get(Class2);_cache.set(Class2,Wrapper4);}function Wrapper4(){return _construct(Class2,arguments,_getPrototypeOf(this).constructor)}return Wrapper4.prototype=Object.create(Class2.prototype,{constructor:{value:Wrapper4,enumerable:!1,writable:!0,configurable:!0}}),_setPrototypeOf(Wrapper4,Class2)},_wrapNativeSuper(Class)}var ERRORS={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
 
 `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
 
@@ -178,15 +178,18 @@ To pass a single animation please supply them in simple values, e.g. animation('
 `,78:`base must be set in "px" or "%" but you set it in "%s".
 `};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c<args.length;c+=1)b.push(args[c]);return b.forEach(function(d){a=a.replace(/%[a-z]/,d);}),a}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){for(var _this,_len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert){if(convert===void 0&&(convert=convertToInt),saturation===0)return convert(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function nameToHex(color2){if(typeof color2!="string")return color2;var normalizedColorName=color2.toLowerCase();return namedColorMap[normalizedColorName]?"#"+namedColorMap[normalizedColorName]:color2}var hexRegex=/^#[a-fA-F0-9]{6}$/,hexRgbaRegex=/^#[a-fA-F0-9]{8}$/,reducedHexRegex=/^#[a-fA-F0-9]{3}$/,reducedRgbaHexRegex=/^#[a-fA-F0-9]{4}$/,rgbRegex=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,rgbaRegex=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,hslRegex=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,hslaRegex=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function parseToRgb(color2){if(typeof color2!="string")throw new PolishedError(3);var normalizedColor=nameToHex(color2);if(normalizedColor.match(hexRegex))return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16)};if(normalizedColor.match(hexRgbaRegex)){var alpha=parseFloat((parseInt(""+normalizedColor[7]+normalizedColor[8],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[2],16),green:parseInt(""+normalizedColor[3]+normalizedColor[4],16),blue:parseInt(""+normalizedColor[5]+normalizedColor[6],16),alpha}}if(normalizedColor.match(reducedHexRegex))return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16)};if(normalizedColor.match(reducedRgbaHexRegex)){var _alpha=parseFloat((parseInt(""+normalizedColor[4]+normalizedColor[4],16)/255).toFixed(2));return {red:parseInt(""+normalizedColor[1]+normalizedColor[1],16),green:parseInt(""+normalizedColor[2]+normalizedColor[2],16),blue:parseInt(""+normalizedColor[3]+normalizedColor[3],16),alpha:_alpha}}var rgbMatched=rgbRegex.exec(normalizedColor);if(rgbMatched)return {red:parseInt(""+rgbMatched[1],10),green:parseInt(""+rgbMatched[2],10),blue:parseInt(""+rgbMatched[3],10)};var rgbaMatched=rgbaRegex.exec(normalizedColor.substring(0,50));if(rgbaMatched)return {red:parseInt(""+rgbaMatched[1],10),green:parseInt(""+rgbaMatched[2],10),blue:parseInt(""+rgbaMatched[3],10),alpha:parseFloat(""+rgbaMatched[4])>1?parseFloat(""+rgbaMatched[4])/100:parseFloat(""+rgbaMatched[4])};var hslMatched=hslRegex.exec(normalizedColor);if(hslMatched){var hue=parseInt(""+hslMatched[1],10),saturation=parseInt(""+hslMatched[2],10)/100,lightness=parseInt(""+hslMatched[3],10)/100,rgbColorString="rgb("+hslToRgb(hue,saturation,lightness)+")",hslRgbMatched=rgbRegex.exec(rgbColorString);if(!hslRgbMatched)throw new PolishedError(4,normalizedColor,rgbColorString);return {red:parseInt(""+hslRgbMatched[1],10),green:parseInt(""+hslRgbMatched[2],10),blue:parseInt(""+hslRgbMatched[3],10)}}var hslaMatched=hslaRegex.exec(normalizedColor.substring(0,50));if(hslaMatched){var _hue=parseInt(""+hslaMatched[1],10),_saturation=parseInt(""+hslaMatched[2],10)/100,_lightness=parseInt(""+hslaMatched[3],10)/100,_rgbColorString="rgb("+hslToRgb(_hue,_saturation,_lightness)+")",_hslRgbMatched=rgbRegex.exec(_rgbColorString);if(!_hslRgbMatched)throw new PolishedError(4,normalizedColor,_rgbColorString);return {red:parseInt(""+_hslRgbMatched[1],10),green:parseInt(""+_hslRgbMatched[2],10),blue:parseInt(""+_hslRgbMatched[3],10),alpha:parseFloat(""+hslaMatched[4])>1?parseFloat(""+hslaMatched[4])/100:parseFloat(""+hslaMatched[4])}}throw new PolishedError(5)}function rgbToHsl(color2){var red=color2.red/255,green=color2.green/255,blue=color2.blue/255,max=Math.max(red,green,blue),min=Math.min(red,green,blue),lightness=(max+min)/2;if(max===min)return color2.alpha!==void 0?{hue:0,saturation:0,lightness,alpha:color2.alpha}:{hue:0,saturation:0,lightness};var hue,delta=max-min,saturation=lightness>.5?delta/(2-max-min):delta/(max+min);switch(max){case red:hue=(green-blue)/delta+(green<blue?6:0);break;case green:hue=(blue-red)/delta+2;break;default:hue=(red-green)/delta+4;break}return hue*=60,color2.alpha!==void 0?{hue,saturation,lightness,alpha:color2.alpha}:{hue,saturation,lightness}}function parseToHsl(color2){return rgbToHsl(parseToRgb(color2))}var reduceHexValue=function(value){return value.length===7&&value[1]===value[2]&&value[3]===value[4]&&value[5]===value[6]?"#"+value[1]+value[3]+value[5]:value},reduceHexValue$1=reduceHexValue;function numberToHex(value){var hex=value.toString(16);return hex.length===1?"0"+hex:hex}function colorToHex(color2){return numberToHex(Math.round(color2*255))}function convertToHex(red,green,blue){return reduceHexValue$1("#"+colorToHex(red)+colorToHex(green)+colorToHex(blue))}function hslToHex(hue,saturation,lightness){return hslToRgb(hue,saturation,lightness,convertToHex)}function hsl(value,saturation,lightness){if(typeof value=="number"&&typeof saturation=="number"&&typeof lightness=="number")return hslToHex(value,saturation,lightness);if(typeof value=="object"&&saturation===void 0&&lightness===void 0)return hslToHex(value.hue,value.saturation,value.lightness);throw new PolishedError(1)}function hsla(value,saturation,lightness,alpha){if(typeof value=="number"&&typeof saturation=="number"&&typeof lightness=="number"&&typeof alpha=="number")return alpha>=1?hslToHex(value,saturation,lightness):"rgba("+hslToRgb(value,saturation,lightness)+","+alpha+")";if(typeof value=="object"&&saturation===void 0&&lightness===void 0&&alpha===void 0)return value.alpha>=1?hslToHex(value.hue,value.saturation,value.lightness):"rgba("+hslToRgb(value.hue,value.saturation,value.lightness)+","+value.alpha+")";throw new PolishedError(2)}function rgb(value,green,blue){if(typeof value=="number"&&typeof green=="number"&&typeof blue=="number")return reduceHexValue$1("#"+numberToHex(value)+numberToHex(green)+numberToHex(blue));if(typeof value=="object"&&green===void 0&&blue===void 0)return reduceHexValue$1("#"+numberToHex(value.red)+numberToHex(value.green)+numberToHex(value.blue));throw new PolishedError(6)}function rgba(firstValue,secondValue,thirdValue,fourthValue){if(typeof firstValue=="string"&&typeof secondValue=="number"){var rgbValue=parseToRgb(firstValue);return "rgba("+rgbValue.red+","+rgbValue.green+","+rgbValue.blue+","+secondValue+")"}else {if(typeof firstValue=="number"&&typeof secondValue=="number"&&typeof thirdValue=="number"&&typeof fourthValue=="number")return fourthValue>=1?rgb(firstValue,secondValue,thirdValue):"rgba("+firstValue+","+secondValue+","+thirdValue+","+fourthValue+")";if(typeof firstValue=="object"&&secondValue===void 0&&thirdValue===void 0&&fourthValue===void 0)return firstValue.alpha>=1?rgb(firstValue.red,firstValue.green,firstValue.blue):"rgba("+firstValue.red+","+firstValue.green+","+firstValue.blue+","+firstValue.alpha+")"}throw new PolishedError(7)}var isRgb=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isRgba=function(color2){return typeof color2.red=="number"&&typeof color2.green=="number"&&typeof color2.blue=="number"&&typeof color2.alpha=="number"},isHsl=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&(typeof color2.alpha!="number"||typeof color2.alpha>"u")},isHsla=function(color2){return typeof color2.hue=="number"&&typeof color2.saturation=="number"&&typeof color2.lightness=="number"&&typeof color2.alpha=="number"};function toColorString(color2){if(typeof color2!="object")throw new PolishedError(8);if(isRgba(color2))return rgba(color2);if(isRgb(color2))return rgb(color2);if(isHsla(color2))return hsla(color2);if(isHsl(color2))return hsl(color2);throw new PolishedError(8)}function curried(f,length,acc){return function(){var combined=acc.concat(Array.prototype.slice.call(arguments));return combined.length>=length?f.apply(this,combined):curried(f,length,combined)}}function curry(f){return curried(f,f.length,[])}function guard(lowerBoundary,upperBoundary,value){return Math.max(lowerBoundary,Math.min(upperBoundary,value))}function darken(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness-parseFloat(amount))}))}var curriedDarken=curry(darken),curriedDarken$1=curriedDarken;function lighten(amount,color2){if(color2==="transparent")return color2;var hslColor=parseToHsl(color2);return toColorString(_extends({},hslColor,{lightness:guard(0,1,hslColor.lightness+parseFloat(amount))}))}var curriedLighten=curry(lighten),curriedLighten$1=curriedLighten;function transparentize(amount,color2){if(color2==="transparent")return color2;var parsedColor=parseToRgb(color2),alpha=typeof parsedColor.alpha=="number"?parsedColor.alpha:1,colorWithAlpha=_extends({},parsedColor,{alpha:guard(0,1,+(alpha*100-parseFloat(amount)*100).toFixed(2)/100)});return rgba(colorWithAlpha)}var curriedTransparentize=curry(transparentize),curriedTransparentize$1=curriedTransparentize;var headerCommon=({theme})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:theme.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),codeCommon=({theme})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:theme.typography.size.s2-1,border:theme.base==="light"?`1px solid ${theme.color.mediumlight}`:`1px solid ${theme.color.darker}`,color:theme.base==="light"?curriedTransparentize$1(.1,theme.color.defaultText):curriedTransparentize$1(.3,theme.color.defaultText),backgroundColor:theme.base==="light"?theme.color.lighter:theme.color.border}),withReset=({theme})=>({fontFamily:theme.typography.fonts.base,fontSize:theme.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),withMargin={margin:"16px 0"};var Link=({href:input,...props})=>{let href=/^\//.test(input)?`./?path=${input}`:input,target=/^#.*/.test(input)?"_self":"_top";return React3__default.createElement("a",{href,target,...props})};var A=styled(Link)(withReset,({theme})=>({fontSize:"inherit",lineHeight:"24px",color:theme.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}}));var Blockquote=styled.blockquote(withReset,withMargin,({theme})=>({borderLeft:`4px solid ${theme.color.medium}`,padding:"0 15px",color:theme.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}}));var isReactChildString=child=>typeof child=="string";var isInlineCodeRegex=/[\n\r]/g,DefaultCodeBlock=styled.code(({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),codeCommon),StyledSyntaxHighlighter=styled(SyntaxHighlighter)(({theme})=>({fontFamily:theme.typography.fonts.mono,fontSize:`${theme.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:theme.appBorderRadius,boxShadow:theme.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Code=({className,children,...props})=>{let language=(className||"").match(/lang-(\S+)/),childrenArray=Children.toArray(children);return childrenArray.filter(isReactChildString).some(child=>child.match(isInlineCodeRegex))?React3__default.createElement(StyledSyntaxHighlighter,{bordered:!0,copyable:!0,language:language?.[1]??"text",format:!1,...props},children):React3__default.createElement(DefaultCodeBlock,{...props,className},childrenArray)};var Div=styled.div(withReset);var DL=styled.dl(withReset,withMargin,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}});var H1=styled.h1(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold}));var H2=styled.h2(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${theme.appBorderColor}`}));var H3=styled.h3(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.m1}px`}));var H4=styled.h4(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s3}px`}));var H5=styled.h5(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`}));var H6=styled.h6(withReset,headerCommon,({theme})=>({fontSize:`${theme.typography.size.s2}px`,color:theme.color.dark}));var HR=styled.hr(({theme})=>({border:"0 none",borderTop:`1px solid ${theme.appBorderColor}`,height:4,padding:0}));var Img=styled.img({maxWidth:"100%"});var LI=styled.li(withReset,({theme})=>({fontSize:theme.typography.size.s2,color:theme.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":codeCommon({theme})}));var listCommon={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},OL=styled.ol(withReset,withMargin,listCommon,{listStyle:"decimal"});var P=styled.p(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"24px",color:theme.color.defaultText,"& code":codeCommon({theme})}));var Pre=styled.pre(withReset,withMargin,({theme})=>({fontFamily:theme.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}}));var Span=styled.span(withReset,({theme})=>({"&.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"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}}));var Table=styled.table(withReset,withMargin,({theme})=>({fontSize:theme.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${theme.appBorderColor}`,backgroundColor:theme.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:theme.base==="dark"?theme.color.darker:theme.color.lighter},"& tr th":{fontWeight:"bold",color:theme.color.defaultText,border:`1px solid ${theme.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${theme.appBorderColor}`,color:theme.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}}));var TT=styled.title(codeCommon);var listCommon2={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},UL=styled.ul(withReset,withMargin,listCommon2,{listStyle:"disc"});var ResetWrapper=styled.div(withReset);var components={h1:props=>React3__default.createElement(H1,{...nameSpaceClassNames(props,"h1")}),h2:props=>React3__default.createElement(H2,{...nameSpaceClassNames(props,"h2")}),h3:props=>React3__default.createElement(H3,{...nameSpaceClassNames(props,"h3")}),h4:props=>React3__default.createElement(H4,{...nameSpaceClassNames(props,"h4")}),h5:props=>React3__default.createElement(H5,{...nameSpaceClassNames(props,"h5")}),h6:props=>React3__default.createElement(H6,{...nameSpaceClassNames(props,"h6")}),pre:props=>React3__default.createElement(Pre,{...nameSpaceClassNames(props,"pre")}),a:props=>React3__default.createElement(A,{...nameSpaceClassNames(props,"a")}),hr:props=>React3__default.createElement(HR,{...nameSpaceClassNames(props,"hr")}),dl:props=>React3__default.createElement(DL,{...nameSpaceClassNames(props,"dl")}),blockquote:props=>React3__default.createElement(Blockquote,{...nameSpaceClassNames(props,"blockquote")}),table:props=>React3__default.createElement(Table,{...nameSpaceClassNames(props,"table")}),img:props=>React3__default.createElement(Img,{...nameSpaceClassNames(props,"img")}),div:props=>React3__default.createElement(Div,{...nameSpaceClassNames(props,"div")}),span:props=>React3__default.createElement(Span,{...nameSpaceClassNames(props,"span")}),li:props=>React3__default.createElement(LI,{...nameSpaceClassNames(props,"li")}),ul:props=>React3__default.createElement(UL,{...nameSpaceClassNames(props,"ul")}),ol:props=>React3__default.createElement(OL,{...nameSpaceClassNames(props,"ol")}),p:props=>React3__default.createElement(P,{...nameSpaceClassNames(props,"p")}),code:props=>React3__default.createElement(Code,{...nameSpaceClassNames(props,"code")}),tt:props=>React3__default.createElement(TT,{...nameSpaceClassNames(props,"tt")}),resetwrapper:props=>React3__default.createElement(ResetWrapper,{...nameSpaceClassNames(props,"resetwrapper")})};var BadgeWrapper=styled.div(({theme})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:theme.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme,status})=>{switch(status){case"critical":return {color:theme.color.critical,background:theme.background.critical};case"negative":return {color:theme.color.negativeText,background:theme.background.negative,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.negativeText)}`:"none"};case"warning":return {color:theme.color.warningText,background:theme.background.warning,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.warningText)}`:"none"};case"neutral":return {color:theme.color.dark,background:theme.color.mediumlight,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.dark)}`:"none"};case"positive":return {color:theme.color.positiveText,background:theme.background.positive,boxShadow:theme.base==="light"?`inset 0 0 0 1px ${curriedTransparentize$1(.9,theme.color.positiveText)}`:"none"};default:return {}}}),Badge=({...props})=>React3__default.createElement(BadgeWrapper,{...props});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=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=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:not([fill])":{fill:curriedDarken$1(.07,theme.color.secondary)}},"&:active":{color:curriedDarken$1(.1,theme.color.secondary),"svg path:not([fill])":{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:not([fill])":{fill:colors[0]},"&:hover":{color:colors[1],"svg path:not([fill])":{fill:colors[1]}},"&:active":{color:colors[2],"svg path:not([fill])":{fill:colors[2]}}}:{}},({nochrome})=>nochrome?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme,inverse})=>inverse?{color:theme.color.lightest,":not([fill])":{fill:theme.color.lightest},"&:hover":{color:theme.color.lighter,"svg path:not([fill])":{fill:theme.color.lighter}},"&:active":{color:theme.color.light,"svg path:not([fill])":{fill:theme.color.light}}}:{},({isButton:isButton2})=>isButton2?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Link2=({cancel=!0,children,onClick=void 0,withArrow=!1,containsIcon=!1,className=void 0,style=void 0,...rest})=>React3__default.createElement(A2,{...rest,onClick:onClick&&cancel?e=>cancelled(e,onClick):onClick,className},React3__default.createElement(LinkInner,{withArrow,containsIcon},children,withArrow&&React3__default.createElement(ChevronRightIcon,null)));var DocumentWrapper=styled.div(({theme})=>({fontSize:`${theme.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${theme.typography.size.l1}px`,fontWeight:theme.typography.weight.bold},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 languages=[],Comp=null,LazySyntaxHighlighter=lazy(async()=>{let{SyntaxHighlighter:SyntaxHighlighter3}=await import('./syntaxhighlighter-JOJW2KGS.mjs');return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React3__default.createElement(SyntaxHighlighter3,{...props})}}),LazySyntaxHighlighterWithFormatter=lazy(async()=>{let[{SyntaxHighlighter:SyntaxHighlighter3},{formatter}]=await Promise.all([import('./syntaxhighlighter-JOJW2KGS.mjs'),import('./formatter-B5HCVTEV.mjs')]);return languages.length>0&&(languages.forEach(args=>{SyntaxHighlighter3.registerLanguage(...args);}),languages=[]),Comp===null&&(Comp=SyntaxHighlighter3),{default:props=>React3__default.createElement(SyntaxHighlighter3,{...props,formatter})}}),SyntaxHighlighter2=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement("div",null)},props.format!==!1?React3__default.createElement(LazySyntaxHighlighterWithFormatter,{...props}):React3__default.createElement(LazySyntaxHighlighter,{...props}));SyntaxHighlighter2.registerLanguage=(...args)=>{if(Comp!==null){Comp.registerLanguage(...args);return}languages.push(args);};var toNumber=input=>typeof input=="number"?input:Number(input),Container=styled.div(({theme,col,row=1})=>col?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:col*theme.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${ignoreSsrWarning}`]:{marginLeft:0}}:{"& > *":{marginTop:row*theme.layoutMargin},[`& > *:first-child${ignoreSsrWarning}`]:{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 React3__default.createElement(Container,{col,row,outer:outerAmount,...rest},children)};var Title=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc=styled.div(),Message=styled.div(({theme})=>({padding:30,textAlign:"center",color:theme.color.defaultText,fontSize:theme.typography.size.s2-1})),Placeholder=({children,...props})=>{let[title,desc]=Children.toArray(children);return React3__default.createElement(Message,{...props},React3__default.createElement(Title,null,title),desc&&React3__default.createElement(Desc,null,desc))};function useResolvedElement(subscriber,refOrElement){var lastReportRef=useRef(null),refOrElementRef=useRef(null);refOrElementRef.current=refOrElement;var cbElementRef=useRef(null);useEffect(function(){evaluateSubscription();});var evaluateSubscription=useCallback(function(){var cbElement=cbElementRef.current,refOrElement2=refOrElementRef.current,element=cbElement||(refOrElement2?refOrElement2 instanceof Element?refOrElement2:refOrElement2.current:null);lastReportRef.current&&lastReportRef.current.element===element&&lastReportRef.current.subscriber===subscriber||(lastReportRef.current&&lastReportRef.current.cleanup&&lastReportRef.current.cleanup(),lastReportRef.current={element,subscriber,cleanup:element?subscriber(element):void 0});},[subscriber]);return useEffect(function(){return function(){lastReportRef.current&&lastReportRef.current.cleanup&&(lastReportRef.current.cleanup(),lastReportRef.current=null);}},[]),useCallback(function(element){cbElementRef.current=element,evaluateSubscription();},[evaluateSubscription])}function extractSize(entry,boxProp,sizeType){return entry[boxProp]?entry[boxProp][0]?entry[boxProp][0][sizeType]:entry[boxProp][sizeType]:boxProp==="contentBoxSize"?entry.contentRect[sizeType==="inlineSize"?"width":"height"]:void 0}function useResizeObserver(opts){opts===void 0&&(opts={});var onResize=opts.onResize,onResizeRef=useRef(void 0);onResizeRef.current=onResize;var round=opts.round||Math.round,resizeObserverRef=useRef(),_useState=useState({width:void 0,height:void 0}),size=_useState[0],setSize=_useState[1],didUnmount=useRef(!1);useEffect(function(){return didUnmount.current=!1,function(){didUnmount.current=!0;}},[]);var previous=useRef({width:void 0,height:void 0}),refCallback=useResolvedElement(useCallback(function(element){return (!resizeObserverRef.current||resizeObserverRef.current.box!==opts.box||resizeObserverRef.current.round!==round)&&(resizeObserverRef.current={box:opts.box,round,instance:new ResizeObserver(function(entries){var entry=entries[0],boxProp=opts.box==="border-box"?"borderBoxSize":opts.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",reportedWidth=extractSize(entry,boxProp,"inlineSize"),reportedHeight=extractSize(entry,boxProp,"blockSize"),newWidth=reportedWidth?round(reportedWidth):void 0,newHeight=reportedHeight?round(reportedHeight):void 0;if(previous.current.width!==newWidth||previous.current.height!==newHeight){var newSize={width:newWidth,height:newHeight};previous.current.width=newWidth,previous.current.height=newHeight,onResizeRef.current?onResizeRef.current(newSize):didUnmount.current||setSize(newSize);}})}),resizeObserverRef.current.instance.observe(element,{box:opts.box}),function(){resizeObserverRef.current&&resizeObserverRef.current.instance.unobserve(element);}},[opts.box,round]),opts.ref);return useMemo(function(){return {ref:refCallback,width:size.width,height:size.height}},[refCallback,size.width,size.height])}var ZoomElementWrapper=styled.div(({scale=1,elementHeight})=>({height:elementHeight||"auto",transformOrigin:"top left",transform:`scale(${1/scale})`}));function ZoomElement({scale,children}){let componentWrapperRef=useRef(null),[elementHeight,setElementHeight]=useState(0),onResize=useCallback(({height})=>{height&&setElementHeight(height/scale);},[scale]);return useEffect(()=>{componentWrapperRef.current&&setElementHeight(componentWrapperRef.current.getBoundingClientRect().height);},[scale]),useResizeObserver({ref:componentWrapperRef,onResize}),React3__default.createElement(ZoomElementWrapper,{scale,elementHeight},React3__default.createElement("div",{ref:componentWrapperRef,className:"innerZoomElementWrapper"},children))}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{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 React3__default.createElement(React3__default.Fragment,null,children)}};var Zoom={Element:ZoomElement,IFrame:ZoomIFrame};var {document:document2}=global,ErrorName=styled.strong(({theme})=>({color:theme.color.orange})),ErrorImportant=styled.strong(({theme})=>({color:theme.color.ancillary,textDecoration:"underline"})),ErrorDetail=styled.em(({theme})=>({color:theme.textMutedColor})),firstLineRegex=/(Error): (.*)\n/,linesRegexChromium=/at (?:(.*) )?\(?(.+)\)?/,linesRegexFirefox=/([^@]+)?(?:\/<)?@(.+)?/,linesRegexSafari=/([^@]+)?@(.+)?/,ErrorFormatter=({error})=>{if(!error)return React3__default.createElement(Fragment,null,"This error has no stack or message");if(!error.stack)return React3__default.createElement(Fragment,null,error.message||"This error has no stack or message");let input=error.stack.toString();input&&error.message&&!input.includes(error.message)&&(input=`Error: ${error.message}
 
-${input}`);let match=input.match(firstLineRegex);if(!match)return React3__default.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document2.location.origin,"")}:null}).filter(Boolean);return React3__default.createElement(Fragment,null,React3__default.createElement("span",null,type),": ",React3__default.createElement(ErrorName,null,name),React3__default.createElement("br",null),lines.map((l,i)=>l.name?React3__default.createElement(Fragment,{key:i},"  ","at ",React3__default.createElement(ErrorImportant,null,l.name)," (",React3__default.createElement(ErrorDetail,null,l.location),")",React3__default.createElement("br",null)):React3__default.createElement(Fragment,{key:i},"  ","at ",React3__default.createElement(ErrorDetail,null,l.location),React3__default.createElement("br",null))))};var Button=forwardRef(({asChild=!1,animation="none",size="small",variant="outline",padding="medium",disabled=!1,active=!1,onClick,...props},ref)=>{let Comp2="button";props.isLink&&(Comp2="a"),asChild&&(Comp2=Slot);let localVariant=variant,localSize=size,[isAnimating,setIsAnimating]=useState(!1),handleClick=event=>{onClick&&onClick(event),animation!=="none"&&setIsAnimating(!0);};if(useEffect(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1);},1e3);return ()=>clearTimeout(timer)},[isAnimating]),props.primary&&(localVariant="solid",localSize="medium"),(props.secondary||props.tertiary||props.gray||props.outline||props.inForm)&&(localVariant="outline",localSize="medium"),props.small||props.isLink||props.primary||props.secondary||props.tertiary||props.gray||props.outline||props.inForm||props.containsIcon){let buttonContent=React3__default.Children.toArray(props.children).filter(e=>typeof e=="string"&&e!=="");deprecate(`Use of deprecated props in the button ${buttonContent.length>0?`"${buttonContent.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`);}return React3__default.createElement(StyledButton,{as:Comp2,ref,variant:localVariant,size:localSize,padding,disabled,active,animating:isAnimating,animation,onClick:handleClick,...props})});Button.displayName="Button";var StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)})(({theme,variant,size,disabled,active,animating,animation,padding})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:padding==="small"&&size==="small"?"0 7px":padding==="small"&&size==="medium"?"0 9px":size==="small"?"0 10px":size==="medium"?"0 12px":0,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:variant==="solid"?theme.color.secondary:variant==="outline"?theme.button.background:variant==="ghost"&&active?theme.background.hoverable:"transparent",color:variant==="solid"?theme.color.lightest:variant==="outline"?theme.input.color:variant==="ghost"&&active?theme.color.secondary:variant==="ghost"?theme.color.mediumdark:theme.input.color,boxShadow:variant==="outline"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,flexShrink:0,"&:hover":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:active":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:animating&&animation!=="none"?`${theme.animation[animation]} 1000ms ease-out`:""}}));var IconButton=forwardRef(({padding="small",variant="ghost",...props},ref)=>React3__default.createElement(Button,{padding,variant,ref,...props}));IconButton.displayName="IconButton";var Wrapper=styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=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})=>React3__default.createElement(Wrapper,{...props},label?React3__default.createElement(Label,null,React3__default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var index=useLayoutEffect,use_isomorphic_layout_effect_browser_esm_default=index;var useLatest=function(value){var ref=React3.useRef(value);return use_isomorphic_layout_effect_browser_esm_default(function(){ref.current=value;}),ref};var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=useRef();return 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");});},forceHiddenStyles$1=forceHiddenStyles,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$1(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$1(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value,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=!!document.documentElement.currentStyle,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}},getSizingData$1=getSizingData;function useListener(target,type,listener){var latestListener=useLatest(listener);React3.useLayoutEffect(function(){var handler=function(ev){return latestListener.current(ev)};if(target)return target.addEventListener(type,handler),function(){return target.removeEventListener(type,handler)}},[]);}var useWindowResizeListener=function(listener){useListener(window,"resize",listener);},useFontsLoadedListener=function(listener){useListener(document.fonts,"loadingdone",listener);},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],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,_excluded),isControlled=props.value!==void 0,libRef=React3.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=React3.useRef(0),measurementsCacheRef=React3.useRef(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData$1(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 React3.useLayoutEffect(resizeTextarea),useWindowResizeListener(resizeTextarea),useFontsLoadedListener(resizeTextarea),React3.createElement("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=React3.forwardRef(TextareaAutosize);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",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&: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(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(index2,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"});var Form=Object.assign(styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button});var LazyWithTooltip=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement("div",null)},React3__default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement("div",null)},React3__default.createElement(LazyWithTooltipPure,{...props}));var Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled.span(),Links=styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>React3__default.createElement(MessageWrapper,null,React3__default.createElement(Message2,null,title&&React3__default.createElement(Title2,null,title),desc&&React3__default.createElement(Desc2,null,desc)),links&&React3__default.createElement(Links,null,links.map(({title:linkTitle,...other})=>React3__default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=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})=>React3__default.createElement(Note,{...props},note);var Title3=styled(({active,loading,disabled,...rest})=>React3__default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,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=styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled.span(({active,theme})=>active?{color:theme.color.secondary}:{},()=>({display:"flex",maxWidth:14})),Item=styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",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,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return React3__default.createElement(Item,{...commonProps,...rest,...itemProps},icon&&React3__default.createElement(Left,{...commonProps},icon),title||center?React3__default.createElement(Center,{isIndented:!icon&&isIndented},title&&React3__default.createElement(Title3,{...commonProps,loading},title),center&&React3__default.createElement(CenterText,{...commonProps},center)):null,right&&React3__default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,title:React3__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=styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React3__default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasIcon=links.some(link=>link.icon);return React3__default.createElement(List,null,links.map(({isGatsby,...p})=>React3__default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasIcon,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var isLink=obj=>typeof obj.props.href=="string",isButton=obj=>typeof obj.props.href!="string";function ForwardRefFunction({children,...rest},ref){let o={props:rest,ref};if(isLink(o))return React3__default.createElement("a",{ref:o.ref,...o.props},children);if(isButton(o))return React3__default.createElement("button",{ref:o.ref,type:"button",...o.props},children);throw new Error("invalid props")}var ButtonOrLink=forwardRef(ForwardRefFunction);ButtonOrLink.displayName="ButtonOrLink";var TabButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{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 IconPlaceholder=styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React3__default.createElement(IconButtonSkeletonWrapper,null,React3__default.createElement(IconPlaceholder,null));var Side=styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?React3__default.createElement(ScrollArea,{vertical:!1,className},children):React3__default.createElement("div",{className},children),Bar=styled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,...rest})=>{let[left,right]=Children.toArray(children);return React3__default.createElement(Bar,{...rest},React3__default.createElement(BarInner,{bgColor:backgroundColor},React3__default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React3__default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active})=>React3__default.createElement(VisuallyHidden,{active,role:"tabpanel"},content)}});var CollapseIcon=styled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=styled(TabButton)(({active,theme,preActive})=>`
-    color: ${preActive||active?theme.color.secondary:theme.color.mediumdark};
+${input}`);let match=input.match(firstLineRegex);if(!match)return React3__default.createElement(Fragment,null,input);let[,type,name]=match,rawLines=input.split(/\n/).slice(1),[,...lines]=rawLines.map(line=>{let result=line.match(linesRegexChromium)||line.match(linesRegexFirefox)||line.match(linesRegexSafari);return result?{name:(result[1]||"").replace("/<",""),location:result[2].replace(document2.location.origin,"")}:null}).filter(Boolean);return React3__default.createElement(Fragment,null,React3__default.createElement("span",null,type),": ",React3__default.createElement(ErrorName,null,name),React3__default.createElement("br",null),lines.map((l,i)=>l.name?React3__default.createElement(Fragment,{key:i},"  ","at ",React3__default.createElement(ErrorImportant,null,l.name)," (",React3__default.createElement(ErrorDetail,null,l.location),")",React3__default.createElement("br",null)):React3__default.createElement(Fragment,{key:i},"  ","at ",React3__default.createElement(ErrorDetail,null,l.location),React3__default.createElement("br",null))))};var Button=forwardRef(({asChild=!1,animation="none",size="small",variant="outline",padding="medium",disabled=!1,active=!1,onClick,...props},ref)=>{let Comp2="button";props.isLink&&(Comp2="a"),asChild&&(Comp2=Slot);let localVariant=variant,localSize=size,[isAnimating,setIsAnimating]=useState(!1),handleClick=event=>{onClick&&onClick(event),animation!=="none"&&setIsAnimating(!0);};if(useEffect(()=>{let timer=setTimeout(()=>{isAnimating&&setIsAnimating(!1);},1e3);return ()=>clearTimeout(timer)},[isAnimating]),props.primary&&(localVariant="solid",localSize="medium"),(props.secondary||props.tertiary||props.gray||props.outline||props.inForm)&&(localVariant="outline",localSize="medium"),props.small||props.isLink||props.primary||props.secondary||props.tertiary||props.gray||props.outline||props.inForm||props.containsIcon){let buttonContent=React3__default.Children.toArray(props.children).filter(e=>typeof e=="string"&&e!=="");deprecate(`Use of deprecated props in the button ${buttonContent.length>0?`"${buttonContent.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`);}return React3__default.createElement(StyledButton,{as:Comp2,ref,variant:localVariant,size:localSize,padding,disabled,active,animating:isAnimating,animation,onClick:handleClick,...props})});Button.displayName="Button";var StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)})(({theme,variant,size,disabled,active,animating,animation,padding})=>({border:0,cursor:disabled?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:padding==="small"&&size==="small"?"0 7px":padding==="small"&&size==="medium"?"0 9px":size==="small"?"0 10px":size==="medium"?"0 12px":0,height:size==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:disabled?.5:1,margin:0,fontSize:`${theme.typography.size.s1}px`,fontWeight:theme.typography.weight.bold,lineHeight:"1",background:variant==="solid"?theme.color.secondary:variant==="outline"?theme.button.background:variant==="ghost"&&active?theme.background.hoverable:"transparent",...variant==="ghost"?{".sb-bar &":{background:active?curriedTransparentize$1(.9,theme.barTextColor):"transparent",color:active?theme.barSelectedColor:theme.barTextColor,"&:hover":{color:theme.barHoverColor,background:curriedTransparentize$1(.86,theme.barHoverColor)},"&:active":{color:theme.barSelectedColor,background:curriedTransparentize$1(.9,theme.barSelectedColor)},"&:focus":{boxShadow:`${rgba(theme.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:variant==="solid"?theme.color.lightest:variant==="outline"?theme.input.color:variant==="ghost"&&active?theme.color.secondary:variant==="ghost"?theme.color.mediumdark:theme.input.color,boxShadow:variant==="outline"?`${theme.button.border} 0 0 0 1px inset`:"none",borderRadius:theme.input.borderRadius,flexShrink:0,"&:hover":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?curriedTransparentize$1(.86,theme.color.secondary):theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:active":{color:variant==="ghost"?theme.color.secondary:null,background:(()=>{let bgColor=theme.color.secondary;return variant==="solid"&&(bgColor=theme.color.secondary),variant==="outline"&&(bgColor=theme.button.background),variant==="ghost"?theme.background.hoverable:theme.base==="light"?curriedDarken$1(.02,bgColor):curriedLighten$1(.03,bgColor)})()},"&:focus":{boxShadow:`${rgba(theme.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:animating&&animation!=="none"?`${theme.animation[animation]} 1000ms ease-out`:""}}));var IconButton=forwardRef(({padding="small",variant="ghost",...props},ref)=>React3__default.createElement(Button,{padding,variant,ref,...props}));IconButton.displayName="IconButton";var Wrapper=styled.label(({theme})=>({display:"flex",borderBottom:`1px solid ${theme.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),Label=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})=>React3__default.createElement(Wrapper,{...props},label?React3__default.createElement(Label,null,React3__default.createElement("span",null,label)):null,children);Field.defaultProps={label:void 0};var index=useLayoutEffect,use_isomorphic_layout_effect_browser_esm_default=index;var useLatest=function(value){var ref=React3.useRef(value);return use_isomorphic_layout_effect_browser_esm_default(function(){ref.current=value;}),ref};var updateRef=function(ref,value){if(typeof ref=="function"){ref(value);return}ref.current=value;},useComposedRef=function(libRef,userRef){var prevUserRef=useRef();return 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");});},forceHiddenStyles$1=forceHiddenStyles,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$1(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$1(hiddenTextarea),hiddenTextarea.value=value;var height=getHeight(hiddenTextarea,sizingData);hiddenTextarea.value=value,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=!!document.documentElement.currentStyle,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}},getSizingData$1=getSizingData;function useListener(target,type,listener){var latestListener=useLatest(listener);React3.useLayoutEffect(function(){var handler=function(ev){return latestListener.current(ev)};if(target)return target.addEventListener(type,handler),function(){return target.removeEventListener(type,handler)}},[]);}var useWindowResizeListener=function(listener){useListener(window,"resize",listener);},useFontsLoadedListener=function(listener){useListener(document.fonts,"loadingdone",listener);},_excluded=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],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,_excluded),isControlled=props.value!==void 0,libRef=React3.useRef(null),ref=use_composed_ref_esm_default(libRef,userRef),heightRef=React3.useRef(0),measurementsCacheRef=React3.useRef(),resizeTextarea=function(){var node=libRef.current,nodeSizingData=cacheMeasurements&&measurementsCacheRef.current?measurementsCacheRef.current:getSizingData$1(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 React3.useLayoutEffect(resizeTextarea),useWindowResizeListener(resizeTextarea),useFontsLoadedListener(resizeTextarea),React3.createElement("textarea",_extends({},props,{onChange:handleChange,ref}))},index2=React3.forwardRef(TextareaAutosize);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",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&: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(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement("input",{...props,ref})}))(styles,sizes,alignment,validation,{minHeight:32}),{displayName:"Input"}),Select=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement("select",{...props,ref})}))(styles,sizes,validation,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),Textarea=Object.assign(styled(forwardRef(function({size,valid,align,...props},ref){return React3__default.createElement(index2,{...props,ref})}))(styles,sizes,alignment,validation,({height=400})=>({overflow:"visible",maxHeight:height})),{displayName:"Textarea"});var Form=Object.assign(styled.form({boxSizing:"border-box",width:"100%"}),{Field,Input,Select,Textarea,Button});var LazyWithTooltip=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltip}))),WithTooltip=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement("div",null)},React3__default.createElement(LazyWithTooltip,{...props})),LazyWithTooltipPure=lazy(()=>import('./WithTooltip-Y7J54OF7.mjs').then(mod=>({default:mod.WithTooltipPure}))),WithTooltipPure=props=>React3__default.createElement(Suspense,{fallback:React3__default.createElement("div",null)},React3__default.createElement(LazyWithTooltipPure,{...props}));var Title2=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold})),Desc2=styled.span(),Links=styled.div(({theme})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:theme.typography.weight.bold}})),Message2=styled.div(({theme})=>({color:theme.color.defaultText,lineHeight:"18px"})),MessageWrapper=styled.div({padding:15,width:280,boxSizing:"border-box"}),TooltipMessage=({title,desc,links})=>React3__default.createElement(MessageWrapper,null,React3__default.createElement(Message2,null,title&&React3__default.createElement(Title2,null,title),desc&&React3__default.createElement(Desc2,null,desc)),links&&React3__default.createElement(Links,null,links.map(({title:linkTitle,...other})=>React3__default.createElement(Link2,{...other,key:linkTitle},linkTitle))));TooltipMessage.defaultProps={title:null,desc:null,links:null};var Note=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})=>React3__default.createElement(Note,{...props},note);var Title3=styled(({active,loading,disabled,...rest})=>React3__default.createElement("span",{...rest}))(({theme})=>({color:theme.color.defaultText,fontWeight:theme.typography.weight.regular}),({active,theme})=>active?{color:theme.color.secondary,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=styled.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Center=styled.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented})=>isIndented?{marginLeft:24}:{}),CenterText=styled.span(({theme})=>({fontSize:"11px",lineHeight:"14px"}),({active,theme})=>active?{color:theme.color.secondary}:{},({theme,disabled})=>disabled?{color:theme.textMutedColor}:{}),Left=styled.span(({active,theme})=>active?{color:theme.color.secondary}:{},()=>({display:"flex",maxWidth:14})),Item=styled.a(({theme})=>({fontSize:theme.typography.size.s1,transition:"all 150ms ease-out",color:theme.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",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,title,center,right,icon,active,disabled,isIndented,href,onClick,LinkWrapper,...rest})=>{let itemProps=getItemProps(onClick,href,LinkWrapper),commonProps={active,disabled};return React3__default.createElement(Item,{...commonProps,...rest,...itemProps},icon&&React3__default.createElement(Left,{...commonProps},icon),title||center?React3__default.createElement(Center,{isIndented:!icon&&isIndented},title&&React3__default.createElement(Title3,{...commonProps,loading},title),center&&React3__default.createElement(CenterText,{...commonProps},center)):null,right&&React3__default.createElement(Right,{...commonProps},right))};ListItem.defaultProps={loading:!1,title:React3__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=styled.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme})=>({borderRadius:theme.appBorderRadius})),Item2=props=>{let{LinkWrapper,onClick:onClickFromProps,id,isIndented,...rest}=props,{title,href,active}=rest,onClick=useCallback(event=>{onClickFromProps(event,rest);},[onClickFromProps]),hasOnClick=!!onClickFromProps;return React3__default.createElement(ListItem_default,{title,active,href,id:`list-item-${id}`,LinkWrapper,isIndented,...rest,...hasOnClick?{onClick}:{}})},TooltipLinkList=({links,LinkWrapper})=>{let hasIcon=links.some(link=>link.icon);return React3__default.createElement(List,null,links.map(({isGatsby,...p})=>React3__default.createElement(Item2,{key:p.id,LinkWrapper:isGatsby?LinkWrapper:null,isIndented:hasIcon,...p})))};TooltipLinkList.defaultProps={LinkWrapper:ListItem_default.defaultProps.LinkWrapper};var isLink=obj=>typeof obj.props.href=="string",isButton=obj=>typeof obj.props.href!="string";function ForwardRefFunction({children,...rest},ref){let o={props:rest,ref};if(isLink(o))return React3__default.createElement("a",{ref:o.ref,...o.props},children);if(isButton(o))return React3__default.createElement("button",{ref:o.ref,type:"button",...o.props},children);throw new Error("invalid props")}var ButtonOrLink=forwardRef(ForwardRefFunction);ButtonOrLink.displayName="ButtonOrLink";var TabButton=styled(ButtonOrLink,{shouldForwardProp:isPropValid})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{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.barSelectedColor}}),({active,textColor,theme})=>active?{color:textColor||theme.barSelectedColor,borderBottomColor:theme.barSelectedColor}:{color:textColor||theme.barTextColor,borderBottomColor:"transparent","&:hover":{color:theme.barHoverColor}});TabButton.displayName="TabButton";var IconPlaceholder=styled.div(({theme})=>({width:14,height:14,backgroundColor:theme.appBorderColor,animation:`${theme.animation.glow} 1.5s ease-in-out infinite`})),IconButtonSkeletonWrapper=styled.div(()=>({marginTop:6,padding:7,height:28})),IconButtonSkeleton=()=>React3__default.createElement(IconButtonSkeletonWrapper,null,React3__default.createElement(IconPlaceholder,null));var Side=styled.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable})=>scrollable?{flexShrink:0}:{},({left})=>left?{"& > *":{marginLeft:4}}:{},({right})=>right?{marginLeft:30,"& > *":{marginRight:4}}:{});Side.displayName="Side";var UnstyledBar=({children,className,scrollable})=>scrollable?React3__default.createElement(ScrollArea,{vertical:!1,className},children):React3__default.createElement("div",{className},children),Bar=styled(UnstyledBar)(({theme,scrollable=!0})=>({color:theme.barTextColor,width:"100%",height:40,flexShrink:0,overflow:scrollable?"auto":"hidden",overflowY:"hidden"}),({theme,border=!1})=>border?{boxShadow:`${theme.appBorderColor}  0 -1px 0 0 inset`,background:theme.barBg}:{});Bar.displayName="Bar";var BarInner=styled.div(({bgColor})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:bgColor||""})),FlexBar=({children,backgroundColor,className,...rest})=>{let[left,right]=Children.toArray(children);return React3__default.createElement(Bar,{className:`sb-bar ${className}`,...rest},React3__default.createElement(BarInner,{bgColor:backgroundColor},React3__default.createElement(Side,{scrollable:rest.scrollable,left:!0},left),right?React3__default.createElement(Side,{right:!0},right):null))};FlexBar.displayName="FlexBar";var VisuallyHidden=styled.div(({active})=>active?{display:"block"}:{display:"none"}),childrenToList=children=>Children.toArray(children).map(({props:{title,id,color:color2,children:childrenOfChild}})=>{let content=Array.isArray(childrenOfChild)?childrenOfChild[0]:childrenOfChild;return {title,id,...color2?{color:color2}:{},render:typeof content=="function"?content:({active})=>React3__default.createElement(VisuallyHidden,{active,role:"tabpanel"},content)}});var CollapseIcon=styled.span(({theme,isActive})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:isActive?theme.color.secondary:theme.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),AddonButton=styled(TabButton)(({active,theme,preActive})=>`
+    color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};
+    .addon-collapsible-icon {
+      color: ${preActive||active?theme.barSelectedColor:theme.barTextColor};
+    }
     &:hover {
-      color: ${theme.color.secondary};
+      color: ${theme.barHoverColor};
       .addon-collapsible-icon {
-        color: ${theme.color.secondary};
+        color: ${theme.barHoverColor};
       }
     }
-  `);function useList(list){let tabBarRef=useRef(),addonsRef=useRef(),tabRefs=useRef(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=useState(list),[invisibleList,setInvisibleList]=useState([]),previousList=useRef(list),AddonTab=useCallback(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=useState(!1);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:React3__default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id);}}))})},React3__default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,React3__default.createElement(CollapseIcon,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref);},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=useCallback(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x+width-widthAddonsTab:x+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x+widthSum+tabWidth>rightBorder;return (!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list);},[invisibleList.length,list,visibleList]);return useLayoutEffect(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper2=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=styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar.displayName="TabBar";var Content=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${ignoreSsrWarning2}`]:{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"}}:{}),TabWrapper=({active,render,children})=>React3__default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=memo(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName})=>{let idList=childrenToList(children).map(i=>i.id).join(","),list=useMemo(()=>childrenToList(children).map((i,index3)=>({...i,active:selected?i.id===selected:index3===0})),[selected,idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list);return list.length?React3__default.createElement(Wrapper2,{absolute,bordered,id:htmlId},React3__default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},React3__default.createElement(TabBar,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref);},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id);},role:"tab"},typeof title=="function"?React3__default.createElement("title",null):title)}),React3__default.createElement(AddonTab,{menuName,actions})),tools),React3__default.createElement(Content,{id:"panel-tab-content",bordered,absolute},list.map(({id,active,render})=>React3__default.createElement(render,{key:id,active},null)))):React3__default.createElement(Placeholder,null,React3__default.createElement(Fragment,{key:"title"},"Nothing found"))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends 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,menuName}=this.props,{selected}=this.state;return React3__default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0};var Separator=styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginLeft:2,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?React3__default.createElement(Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?React3__default.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);var usePrevious=value=>{let ref=useRef();return useEffect(()=>{ref.current=value;},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React3__default.createElement("div",{hidden:!active},useUpdate(active,children));var NEW_ICON_MAP=StorybookIcons,Svg=styled.svg`
+  `);function useList(list){let tabBarRef=useRef(),addonsRef=useRef(),tabRefs=useRef(new Map),{width:tabBarWidth=1}=useResizeObserver({ref:tabBarRef}),[visibleList,setVisibleList]=useState(list),[invisibleList,setInvisibleList]=useState([]),previousList=useRef(list),AddonTab=useCallback(({menuName,actions})=>{let isAddonsActive=invisibleList.some(({active})=>active),[isTooltipVisible,setTooltipVisible]=useState(!1);return React3__default.createElement(React3__default.Fragment,null,React3__default.createElement(WithToolTipState,{interactive:!0,visible:isTooltipVisible,onVisibleChange:setTooltipVisible,placement:"bottom",delayHide:100,tooltip:React3__default.createElement(TooltipLinkList,{links:invisibleList.map(({title,id,color:color2,active})=>({id,title,color:color2,active,onClick:e=>{e.preventDefault(),actions.onSelect(id);}}))})},React3__default.createElement(AddonButton,{ref:addonsRef,active:isAddonsActive,preActive:isTooltipVisible,style:{visibility:invisibleList.length?"visible":"hidden"},"aria-hidden":!invisibleList.length,className:"tabbutton",type:"button",role:"tab"},menuName,React3__default.createElement(CollapseIcon,{className:"addon-collapsible-icon",isActive:isAddonsActive||isTooltipVisible}))),invisibleList.map(({title,id,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,style:{visibility:"hidden"},"aria-hidden":!0,tabIndex:-1,ref:ref=>{tabRefs.current.set(id,ref);},className:"tabbutton",type:"button",key:id,textColor:color2,role:"tab"},title)}))},[invisibleList]),setTabLists=useCallback(()=>{if(!tabBarRef.current||!addonsRef.current)return;let{x,width}=tabBarRef.current.getBoundingClientRect(),{width:widthAddonsTab}=addonsRef.current.getBoundingClientRect(),rightBorder=invisibleList.length?x+width-widthAddonsTab:x+width,newVisibleList=[],widthSum=0,newInvisibleList=list.filter(item=>{let{id}=item,tabButton=tabRefs.current.get(id),{width:tabWidth=0}=tabButton?.getBoundingClientRect()||{},crossBorder=x+widthSum+tabWidth>rightBorder;return (!crossBorder||!tabButton)&&newVisibleList.push(item),widthSum+=tabWidth,crossBorder});(newVisibleList.length!==visibleList.length||previousList.current!==list)&&(setVisibleList(newVisibleList),setInvisibleList(newInvisibleList),previousList.current=list);},[invisibleList.length,list,visibleList]);return useLayoutEffect(setTabLists,[setTabLists,tabBarWidth]),{tabRefs,addonsRef,tabBarRef,visibleList,invisibleList,AddonTab}}var Wrapper2=styled.div(({theme})=>({height:"100%",display:"flex",padding:30,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:theme.background.content})),Content=styled.div({display:"flex",flexDirection:"column",gap:4,maxWidth:415}),Title4=styled.div(({theme})=>({fontWeight:theme.typography.weight.bold,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textColor})),Description=styled.div(({theme})=>({fontWeight:theme.typography.weight.regular,fontSize:theme.typography.size.s2-1,textAlign:"center",color:theme.textMutedColor})),EmptyTabContent=({title,description,footer})=>React3__default.createElement(Wrapper2,null,React3__default.createElement(Content,null,React3__default.createElement(Title4,null,title),description&&React3__default.createElement(Description,null,description)),footer);var ignoreSsrWarning2="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */",Wrapper3=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=styled.div({overflow:"hidden","&:first-of-type":{marginLeft:-3},whiteSpace:"nowrap",flexGrow:1});TabBar.displayName="TabBar";var Content2=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${ignoreSsrWarning2}`]:{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"}}:{}),TabWrapper=({active,render,children})=>React3__default.createElement(VisuallyHidden,{active},render?render():children);var Tabs=memo(({children,selected,actions,absolute,bordered,tools,backgroundColor,id:htmlId,menuName,emptyState,showToolsWhenEmpty})=>{let idList=childrenToList(children).map(i=>i.id).join(","),list=useMemo(()=>childrenToList(children).map((i,index3)=>({...i,active:selected?i.id===selected:index3===0})),[selected,idList]),{visibleList,tabBarRef,tabRefs,AddonTab}=useList(list),EmptyContent=emptyState??React3__default.createElement(EmptyTabContent,{title:"Nothing found"});return !showToolsWhenEmpty&&list.length===0?EmptyContent:React3__default.createElement(Wrapper3,{absolute,bordered,id:htmlId},React3__default.createElement(FlexBar,{scrollable:!1,border:!0,backgroundColor},React3__default.createElement(TabBar,{style:{whiteSpace:"normal"},ref:tabBarRef,role:"tablist"},visibleList.map(({title,id,active,color:color2},index3)=>{let indexId=`index-${index3}`;return React3__default.createElement(TabButton,{id:`tabbutton-${sanitize(id)??indexId}`,ref:ref=>{tabRefs.current.set(id,ref);},className:`tabbutton ${active?"tabbutton-active":""}`,type:"button",key:id,active,textColor:color2,onClick:e=>{e.preventDefault(),actions.onSelect(id);},role:"tab"},typeof title=="function"?React3__default.createElement("title",null):title)}),React3__default.createElement(AddonTab,{menuName,actions})),tools),React3__default.createElement(Content2,{id:"panel-tab-content",bordered,absolute},list.length?list.map(({id,active,render})=>React3__default.createElement(render,{key:id,active},null)):EmptyContent))});Tabs.displayName="Tabs";Tabs.defaultProps={id:null,children:null,tools:null,selected:null,absolute:!1,bordered:!1,menuName:"Tabs"};var TabsState=class extends 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,menuName}=this.props,{selected}=this.state;return React3__default.createElement(Tabs,{bordered,absolute,selected,backgroundColor,menuName,actions:this.handlers},children)}};TabsState.defaultProps={children:[],initial:null,absolute:!1,bordered:!1,backgroundColor:"",menuName:void 0};var Separator=styled.span(({theme})=>({width:1,height:20,background:theme.appBorderColor,marginLeft:2,marginRight:2}),({force})=>force?{}:{"& + &":{display:"none"}});Separator.displayName="Separator";var interleaveSeparators=list=>list.reduce((acc,item,index3)=>item?React3__default.createElement(Fragment,{key:item.id||item.key||`f-${index3}`},acc,index3>0?React3__default.createElement(Separator,{key:`s-${index3}`}):null,item.render()||item):acc,null);var usePrevious=value=>{let ref=useRef();return useEffect(()=>{ref.current=value;},[value]),ref.current},useUpdate=(update,value)=>{let previousValue=usePrevious(value);return update?value:previousValue},AddonPanel=({active,children})=>React3__default.createElement("div",{hidden:!active},useUpdate(active,children));var NEW_ICON_MAP=StorybookIcons,Svg=styled.svg`
   display: inline-block;
   shape-rendering: inherit;
   vertical-align: middle;
@@ -221,4 +224,4 @@ ${input}`);let match=input.match(firstLineRegex);if(!match)return React3__defaul
   font-size: ${typography.size.s2-1}px;
 `,ClipboardCode=({code,...props})=>React3__default.createElement(Code2,{id:"clipboard-code",...props},code);var components2=components,resetComponents={};Object.keys(components).forEach(key=>{resetComponents[key]=forwardRef((props,ref)=>createElement(key,{...props,ref}));});
 
-export { A, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link2 as Link, ListItem_default as ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter2 as SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components2 as components, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };
+export { A, AddonPanel, Badge, Bar, Blockquote, Button, ClipboardCode, Code, DL, Div, DocumentWrapper, EmptyTabContent, ErrorFormatter, FlexBar, Form, H1, H2, H3, H4, H5, H6, HR, IconButton, IconButtonSkeleton, Icons, Img, LI, Link2 as Link, ListItem_default as ListItem, Loader, OL, P, Placeholder, Pre, ResetWrapper, Separator, Spaced, Span, StorybookIcon, StorybookLogo, Symbols, SyntaxHighlighter2 as SyntaxHighlighter, TT, TabBar, TabButton, TabWrapper, Table, Tabs, TabsState, TooltipLinkList, TooltipMessage, TooltipNote, UL, WithTooltip, WithTooltipPure, Zoom, codeCommon, components2 as components, getStoryHref, icons, interleaveSeparators, nameSpaceClassNames, resetComponents, withReset };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "8.0.1",
+  "version": "8.0.3",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -60,19 +60,19 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.0.2",
-    "@storybook/client-logger": "8.0.1",
+    "@storybook/client-logger": "8.0.3",
     "@storybook/csf": "^0.1.2",
     "@storybook/global": "^5.0.0",
     "@storybook/icons": "^1.2.5",
-    "@storybook/theming": "8.0.1",
-    "@storybook/types": "8.0.1",
+    "@storybook/theming": "8.0.3",
+    "@storybook/types": "8.0.3",
     "memoizerific": "^1.11.3",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@popperjs/core": "^2.6.0",
     "@radix-ui/react-scroll-area": "^1.0.5",
-    "@storybook/test": "8.0.1",
+    "@storybook/test": "8.0.3",
     "@types/react-syntax-highlighter": "11.0.5",
     "@types/util-deprecate": "^1.0.0",
     "css": "^3.0.0",