npm - @epa-wg/custom-element-dist - Versions diffs - 0.0.24 → 0.0.25 - Mend

@epa-wg/custom-element-dist 0.0.24 → 0.0.25

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

Files changed (86) hide show

package/storybook-static/assets/{index-DPPi9iZu.js → index-DsWii_Ep.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-const __vite__fileDeps=["./syntaxhighlighter-BP7B2CQK-OnioRcs9.js","./iframe-DcDTQOmA.js","./index-Cc7K62zD.js","./index-DXimoRZY.js","./index-DrFu-skq.js","./formatter-2WMMO6ZP-CThVcQxM.js","./WithTooltip-KJL26V4Q-xdXH9Ztt.js","./Color-PRSJMWNM-y4ZsI1hY.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import{_ as Br}from"./iframe-DcDTQOmA.js";import{g as Yo,c as ir,d as Sh,f as G0,h as Ch,j as c3,k as _h,l as q0,m as u3,n as d3,o as ys,p as K0,i as vl,b as Rh,q as f3,r as p3,s as h3,t as m3,u as g3,v as v3,w as kh,x as y3,y as w3,_ as b3,z as E3,A as x3,B as Ih,C as Ah,a as sf,S as ic}from"./index-Cc7K62zD.js";import{O as $h,P as S3}from"./index-DXimoRZY.js";import{d as C3}from"./index-DrFu-skq.js";function _3(e,t){for(var n=0;n<t.length;n++){const r=t[n];if(typeof r!="string"&&!Array.isArray(r)){for(const o in r)if(o!=="default"&&!(o in e)){const a=Object.getOwnPropertyDescriptor(r,o);a&&Object.defineProperty(e,o,a.get?a:{enumerable:!0,get:()=>r[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Oh={exports:{}},X={};/**
+const __vite__fileDeps=["./syntaxhighlighter-BP7B2CQK-CDpEe51g.js","./iframe-CURpvmVV.js","./index-Cc7K62zD.js","./index-DXimoRZY.js","./index-DrFu-skq.js","./formatter-2WMMO6ZP-C-UiBIma.js","./WithTooltip-KJL26V4Q-CUqUi5E8.js","./Color-PRSJMWNM-CRSv4C7i.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import{_ as Br}from"./iframe-CURpvmVV.js";import{g as Yo,c as ir,d as Sh,f as G0,h as Ch,j as c3,k as _h,l as q0,m as u3,n as d3,o as ys,p as K0,i as vl,b as Rh,q as f3,r as p3,s as h3,t as m3,u as g3,v as v3,w as kh,x as y3,y as w3,_ as b3,z as E3,A as x3,B as Ih,C as Ah,a as sf,S as ic}from"./index-Cc7K62zD.js";import{O as $h,P as S3}from"./index-DXimoRZY.js";import{d as C3}from"./index-DrFu-skq.js";function _3(e,t){for(var n=0;n<t.length;n++){const r=t[n];if(typeof r!="string"&&!Array.isArray(r)){for(const o in r)if(o!=="default"&&!(o in e)){const a=Object.getOwnPropertyDescriptor(r,o);a&&Object.defineProperty(e,o,a.get?a:{enumerable:!0,get:()=>r[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Oh={exports:{}},X={};/**
  * @license React
  * react.production.min.js
  *
@@ -436,9 +436,9 @@ To pass a single animation please supply them in simple values, e.g. animation('
 `,77:`remToPx expects a value in "rem" but you provided it in "%s".
 `,78:`base must be set in "px" or "%" but you set it in "%s".
-`};function WI(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t[0],o=[],a;for(a=1;a<t.length;a+=1)o.push(t[a]);return o.forEach(function(l){r=r.replace(/%[a-z]/,l)}),r}var cn=function(e){DI(t,e);function t(n){for(var r,o=arguments.length,a=new Array(o>1?o-1:0),l=1;l<o;l++)a[l-1]=arguments[l];return r=e.call(this,WI.apply(void 0,[VI[n]].concat(a)))||this,HI(r)}return t}(A0(Error));function Jc(e){return Math.round(e*255)}function GI(e,t,n){return Jc(e)+","+Jc(t)+","+Jc(n)}function pl(e,t,n,r){if(r===void 0&&(r=GI),t===0)return r(n,n,n);var o=(e%360+360)%360/60,a=(1-Math.abs(2*n-1))*t,l=a*(1-Math.abs(o%2-1)),s=0,c=0,u=0;o>=0&&o<1?(s=a,c=l):o>=1&&o<2?(s=l,c=a):o>=2&&o<3?(c=a,u=l):o>=3&&o<4?(c=l,u=a):o>=4&&o<5?(s=l,u=a):o>=5&&o<6&&(s=a,u=l);var d=n-a/2,p=s+d,h=c+d,f=u+d;return r(p,h,f)}var v5={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 qI(e){if(typeof e!="string")return e;var t=e.toLowerCase();return v5[t]?"#"+v5[t]:e}var KI=/^#[a-fA-F0-9]{6}$/,YI=/^#[a-fA-F0-9]{8}$/,XI=/^#[a-fA-F0-9]{3}$/,ZI=/^#[a-fA-F0-9]{4}$/,eu=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,QI=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,JI=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,eA=/^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 E1(e){if(typeof e!="string")throw new cn(3);var t=qI(e);if(t.match(KI))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(YI)){var n=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:n}}if(t.match(XI))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(ZI)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var o=eu.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=QI.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var l=JI.exec(t);if(l){var s=parseInt(""+l[1],10),c=parseInt(""+l[2],10)/100,u=parseInt(""+l[3],10)/100,d="rgb("+pl(s,c,u)+")",p=eu.exec(d);if(!p)throw new cn(4,t,d);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var h=eA.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,S="rgb("+pl(f,v,g)+")",b=eu.exec(S);if(!b)throw new cn(4,t,S);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new cn(5)}function tA(e){var t=e.red/255,n=e.green/255,r=e.blue/255,o=Math.max(t,n,r),a=Math.min(t,n,r),l=(o+a)/2;if(o===a)return e.alpha!==void 0?{hue:0,saturation:0,lightness:l,alpha:e.alpha}:{hue:0,saturation:0,lightness:l};var s,c=o-a,u=l>.5?c/(2-o-a):c/(o+a);switch(o){case t:s=(n-r)/c+(n<r?6:0);break;case n:s=(r-t)/c+2;break;default:s=(t-n)/c+4;break}return s*=60,e.alpha!==void 0?{hue:s,saturation:u,lightness:l,alpha:e.alpha}:{hue:s,saturation:u,lightness:l}}function K2(e){return tA(E1(e))}var nA=function(e){return e.length===7&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e},$0=nA;function Sr(e){var t=e.toString(16);return t.length===1?"0"+t:t}function tu(e){return Sr(Math.round(e*255))}function rA(e,t,n){return $0("#"+tu(e)+tu(t)+tu(n))}function ps(e,t,n){return pl(e,t,n,rA)}function oA(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return ps(e,t,n);if(typeof e=="object"&&t===void 0&&n===void 0)return ps(e.hue,e.saturation,e.lightness);throw new cn(1)}function aA(e,t,n,r){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number"&&typeof r=="number")return r>=1?ps(e,t,n):"rgba("+pl(e,t,n)+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?ps(e.hue,e.saturation,e.lightness):"rgba("+pl(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new cn(2)}function O0(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return $0("#"+Sr(e)+Sr(t)+Sr(n));if(typeof e=="object"&&t===void 0&&n===void 0)return $0("#"+Sr(e.red)+Sr(e.green)+Sr(e.blue));throw new cn(6)}function hs(e,t,n,r){if(typeof e=="string"&&typeof t=="number"){var o=E1(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof n=="number"&&typeof r=="number")return r>=1?O0(e,t,n):"rgba("+e+","+t+","+n+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?O0(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new cn(7)}var lA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},iA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},sA=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},cA=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function Y2(e){if(typeof e!="object")throw new cn(8);if(iA(e))return hs(e);if(lA(e))return O0(e);if(cA(e))return aA(e);if(sA(e))return oA(e);throw new cn(8)}function X2(e,t,n){return function(){var r=n.concat(Array.prototype.slice.call(arguments));return r.length>=t?e.apply(this,r):X2(e,t,r)}}function x1(e){return X2(e,e.length,[])}function S1(e,t,n){return Math.max(e,Math.min(t,n))}function uA(e,t){if(t==="transparent")return t;var n=K2(t);return Y2(te({},n,{lightness:S1(0,1,n.lightness-parseFloat(e))}))}var dA=x1(uA),xo=dA;function fA(e,t){if(t==="transparent")return t;var n=K2(t);return Y2(te({},n,{lightness:S1(0,1,n.lightness+parseFloat(e))}))}var pA=x1(fA),y5=pA;function hA(e,t){if(t==="transparent")return t;var n=E1(t),r=typeof n.alpha=="number"?n.alpha:1,o=te({},n,{alpha:S1(0,1,+(r*100-parseFloat(e)*100).toFixed(2)/100)});return hs(o)}var mA=x1(hA),bt=mA,ta=({theme:e})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),Mn=({theme:e})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?bt(.1,e.color.defaultText):bt(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),ve=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),Xr={margin:"16px 0"},gA=({href:e,...t})=>{let n=/^\//.test(e)?`./?path=${e}`:e,r=/^#.*/.test(e)?"_self":"_top";return m.createElement("a",{href:n,target:r,...t})},Z2=k(gA)(ve,({theme:e})=>({fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}})),Q2=k.blockquote(ve,Xr,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),vA=e=>typeof e=="string",yA=/[\n\r]/g,wA=k.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),Mn),bA=k(u1)(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),C1=({className:e,children:t,...n})=>{let r=(e||"").match(/lang-(\S+)/),o=i.Children.toArray(t);return o.filter(vA).some(a=>a.match(yA))?m.createElement(bA,{bordered:!0,copyable:!0,language:r?.[1]??"text",format:!1,...n},t):m.createElement(wA,{...n,className:e},o)},J2=k.div(ve),e4=k.dl(ve,Xr,{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}}),t4=k.h1(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),_1=k.h2(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),R1=k.h3(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),n4=k.h4(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),r4=k.h5(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),o4=k.h6(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),a4=k.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),l4=k.img({maxWidth:"100%"}),i4=k.li(ve,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":Mn({theme:e})})),EA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},s4=k.ol(ve,Xr,EA,{listStyle:"decimal"}),c4=k.p(ve,Xr,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":Mn({theme:e})})),u4=k.pre(ve,Xr,({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}})),d4=k.span(ve,({theme:e})=>({"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}})),f4=k.table(ve,Xr,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}})),p4=k.title(Mn),xA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},h4=k.ul(ve,Xr,xA,{listStyle:"disc"}),k1=k.div(ve),m4={h1:e=>m.createElement(t4,{...fe(e,"h1")}),h2:e=>m.createElement(_1,{...fe(e,"h2")}),h3:e=>m.createElement(R1,{...fe(e,"h3")}),h4:e=>m.createElement(n4,{...fe(e,"h4")}),h5:e=>m.createElement(r4,{...fe(e,"h5")}),h6:e=>m.createElement(o4,{...fe(e,"h6")}),pre:e=>m.createElement(u4,{...fe(e,"pre")}),a:e=>m.createElement(Z2,{...fe(e,"a")}),hr:e=>m.createElement(a4,{...fe(e,"hr")}),dl:e=>m.createElement(e4,{...fe(e,"dl")}),blockquote:e=>m.createElement(Q2,{...fe(e,"blockquote")}),table:e=>m.createElement(f4,{...fe(e,"table")}),img:e=>m.createElement(l4,{...fe(e,"img")}),div:e=>m.createElement(J2,{...fe(e,"div")}),span:e=>m.createElement(d4,{...fe(e,"span")}),li:e=>m.createElement(i4,{...fe(e,"li")}),ul:e=>m.createElement(h4,{...fe(e,"ul")}),ol:e=>m.createElement(s4,{...fe(e,"ol")}),p:e=>m.createElement(c4,{...fe(e,"p")}),code:e=>m.createElement(C1,{...fe(e,"code")}),tt:e=>m.createElement(p4,{...fe(e,"tt")}),resetwrapper:e=>m.createElement(k1,{...fe(e,"resetwrapper")})},SA=k.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.positiveText)}`:"none"};default:return{}}}),CA=({...e})=>m.createElement(SA,{...e}),_A=0,RA=e=>e.button===_A&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,kA=(e,t)=>{RA(e)&&(e.preventDefault(),t(e))},IA=k.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),AA=k.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:xo(.07,e.color.secondary),"svg path:not([fill])":{fill:xo(.07,e.color.secondary)}},"&:active":{color:xo(.1,e.color.secondary),"svg path:not([fill])":{fill:xo(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:n})=>{let r;return t&&(r=[e.textMutedColor,e.color.dark,e.color.darker]),n&&(r=[e.color.dark,e.color.darkest,e.textMutedColor]),r?{color:r[0],"svg path:not([fill])":{fill:r[0]},"&:hover":{color:r[1],"svg path:not([fill])":{fill:r[1]}},"&:active":{color:r[2],"svg path:not([fill])":{fill:r[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),zr=({cancel:e=!0,children:t,onClick:n=void 0,withArrow:r=!1,containsIcon:o=!1,className:a=void 0,style:l=void 0,...s})=>m.createElement(AA,{...s,onClick:n&&e?c=>kA(c,n):n,className:a},m.createElement(IA,{withArrow:r,containsIcon:o},t,r&&m.createElement(y1,null))),$A=k.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.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:e.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 ${e.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 ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.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 ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"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 ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Nr=[],Go=null,OA=i.lazy(async()=>{let{SyntaxHighlighter:e}=await Br(()=>import("./syntaxhighlighter-BP7B2CQK-OnioRcs9.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);return Nr.length>0&&(Nr.forEach(t=>{e.registerLanguage(...t)}),Nr=[]),Go===null&&(Go=e),{default:t=>m.createElement(e,{...t})}}),TA=i.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([Br(()=>import("./syntaxhighlighter-BP7B2CQK-OnioRcs9.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url),Br(()=>import("./formatter-2WMMO6ZP-CThVcQxM.js"),__vite__mapDeps([5,1,2,3,4]),import.meta.url)]);return Nr.length>0&&(Nr.forEach(n=>{e.registerLanguage(...n)}),Nr=[]),Go===null&&(Go=e),{default:n=>m.createElement(e,{...n,formatter:t})}}),Xs=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},e.format!==!1?m.createElement(TA,{...e}):m.createElement(OA,{...e}));Xs.registerLanguage=(...e)=>{if(Go!==null){Go.registerLanguage(...e);return}Nr.push(e)};var g4={};g6(g4,{Actions:()=>HA,CloseButton:()=>b4,Col:()=>x4,Container:()=>w4,Content:()=>zA,Description:()=>FA,Error:()=>DA,ErrorWrapper:()=>S4,Header:()=>NA,Overlay:()=>y4,Row:()=>E4,Title:()=>BA});var pr=i.forwardRef(({asChild:e=!1,animation:t="none",size:n="small",variant:r="outline",padding:o="medium",disabled:a=!1,active:l=!1,onClick:s,...c},u)=>{let d="button";c.isLink&&(d="a"),e&&(d=Rl);let p=r,h=n,[f,v]=i.useState(!1),g=S=>{s&&s(S),t!=="none"&&v(!0)};if(i.useEffect(()=>{let S=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(S)},[f]),c.primary&&(p="solid",h="medium"),(c.secondary||c.tertiary||c.gray||c.outline||c.inForm)&&(p="outline",h="medium"),c.small||c.isLink||c.primary||c.secondary||c.tertiary||c.gray||c.outline||c.inForm||c.containsIcon){let S=m.Children.toArray(c.children).filter(b=>typeof b=="string"&&b!=="");G2(`Use of deprecated props in the button ${S.length>0?`"${S.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 m.createElement(MA,{as:d,ref:u,variant:p,size:h,padding:o,disabled:a,active:l,animating:f,animation:t,onClick:g,...c})});pr.displayName="Button";var MA=k("button",{shouldForwardProp:e=>td(e)})(({theme:e,variant:t,size:n,disabled:r,active:o,animating:a,animation:l,padding:s})=>({border:0,cursor:r?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:s==="small"&&n==="small"?"0 7px":s==="small"&&n==="medium"?"0 9px":n==="small"?"0 10px":n==="medium"?"0 12px":0,height:n==="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:r?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&o?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:o?bt(.9,e.barTextColor):"transparent",color:o?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:bt(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:bt(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${hs(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&o?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?bt(.86,e.color.secondary):e.base==="light"?xo(.02,c):y5(.03,c)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?xo(.02,c):y5(.03,c)})()},"&:focus":{boxShadow:`${hs(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:a&&l!=="none"?`${e.animation[l]} 1000ms ease-out`:""}})),nr=i.forwardRef(({padding:e="small",variant:t="ghost",...n},r)=>m.createElement(pr,{padding:e,variant:t,ref:r,...n}));nr.displayName="IconButton";var v4=$n({from:{opacity:0},to:{opacity:1}}),LA=$n({from:{maxHeight:0},to:{}}),PA=$n({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),y4=k.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${v4} 200ms`}),w4=k.div(({theme:e,width:t,height:n})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:n??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${PA} 200ms`,"&:focus-visible":{outline:"none"}})),b4=e=>m.createElement(W2,{asChild:!0},m.createElement(nr,{...e},m.createElement(i2,null))),zA=k.div({display:"flex",flexDirection:"column",margin:16,gap:16}),E4=k.div({display:"flex",justifyContent:"space-between",gap:16}),x4=k.div({display:"flex",flexDirection:"column",gap:4}),NA=e=>m.createElement(E4,null,m.createElement(x4,{...e}),m.createElement(b4,null)),BA=k(U2)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),FA=k(V2)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),HA=k.div({display:"flex",flexDirection:"row-reverse",gap:8}),S4=k.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${LA} 300ms, ${v4} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),DA=({children:e,...t})=>m.createElement(S4,{...t},m.createElement("div",null,e));function jA({children:e,width:t,height:n,onEscapeKeyDown:r,onInteractOutside:o=c=>c.preventDefault(),className:a,container:l,...s}){return m.createElement(F2,{...s},m.createElement(H2,{container:l},m.createElement(D2,{asChild:!0},m.createElement(y4,null)),m.createElement(j2,{asChild:!0,onInteractOutside:o,onEscapeKeyDown:r},m.createElement(w4,{className:a,width:t,height:n},e))))}var UA=Object.assign(jA,g4,{Dialog:NI}),VA=e=>typeof e=="number"?e:Number(e),WA=k.div(({theme:e,col:t,row:n=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${_u}`]:{marginLeft:0}}:{"& > *":{marginTop:n*e.layoutMargin},[`& > *:first-child${_u}`]:{marginTop:0}},({theme:e,outer:t,col:n,row:r})=>{switch(!0){case!!(t&&n):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&r):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),GA=({col:e,row:t,outer:n,children:r,...o})=>{let a=VA(typeof n=="number"||!n?n:e||t);return m.createElement(WA,{col:e,row:t,outer:a,...o},r)},qA=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),KA=k.div(),YA=k.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),XA=({children:e,...t})=>{let[n,r]=i.Children.toArray(e);return m.createElement(YA,{...t},m.createElement(qA,null,n),r&&m.createElement(KA,null,r))};function ZA(e,t){var n=i.useRef(null),r=i.useRef(null);r.current=t;var o=i.useRef(null);i.useEffect(function(){a()});var a=i.useCallback(function(){var l=o.current,s=r.current,c=l||(s?s instanceof Element?s:s.current:null);n.current&&n.current.element===c&&n.current.subscriber===e||(n.current&&n.current.cleanup&&n.current.cleanup(),n.current={element:c,subscriber:e,cleanup:c?e(c):void 0})},[e]);return i.useEffect(function(){return function(){n.current&&n.current.cleanup&&(n.current.cleanup(),n.current=null)}},[]),i.useCallback(function(l){o.current=l,a()},[a])}function w5(e,t,n){return e[t]?e[t][0]?e[t][0][n]:e[t][n]:t==="contentBoxSize"?e.contentRect[n==="inlineSize"?"width":"height"]:void 0}function C4(e){e===void 0&&(e={});var t=e.onResize,n=i.useRef(void 0);n.current=t;var r=e.round||Math.round,o=i.useRef(),a=i.useState({width:void 0,height:void 0}),l=a[0],s=a[1],c=i.useRef(!1);i.useEffect(function(){return c.current=!1,function(){c.current=!0}},[]);var u=i.useRef({width:void 0,height:void 0}),d=ZA(i.useCallback(function(p){return(!o.current||o.current.box!==e.box||o.current.round!==r)&&(o.current={box:e.box,round:r,instance:new ResizeObserver(function(h){var f=h[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=w5(f,v,"inlineSize"),S=w5(f,v,"blockSize"),b=g?r(g):void 0,w=S?r(S):void 0;if(u.current.width!==b||u.current.height!==w){var y={width:b,height:w};u.current.width=b,u.current.height=w,n.current?n.current(y):c.current||s(y)}})}),o.current.instance.observe(p,{box:e.box}),function(){o.current&&o.current.instance.unobserve(p)}},[e.box,r]),e.ref);return i.useMemo(function(){return{ref:d,width:l.width,height:l.height}},[d,l.width,l.height])}var QA=k.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function JA({scale:e,children:t}){let n=i.useRef(null),[r,o]=i.useState(0),a=i.useCallback(({height:l})=>{l&&o(l/e)},[e]);return i.useEffect(()=>{n.current&&o(n.current.getBoundingClientRect().height)},[e]),C4({ref:n,onResize:a}),m.createElement(QA,{scale:e,elementHeight:r},m.createElement("div",{ref:n,className:"innerZoomElementWrapper"},t))}var e$=class extends i.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:n}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),n!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return m.createElement(m.Fragment,null,e)}},_4={Element:JA,IFrame:e$},{document:t$}=FI,n$=k.strong(({theme:e})=>({color:e.color.orange})),r$=k.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),b5=k.em(({theme:e})=>({color:e.textMutedColor})),o$=/(Error): (.*)\n/,a$=/at (?:(.*) )?\(?(.+)\)?/,l$=/([^@]+)?(?:\/<)?@(.+)?/,i$=/([^@]+)?@(.+)?/,R4=({error:e})=>{if(!e)return m.createElement(i.Fragment,null,"This error has no stack or message");if(!e.stack)return m.createElement(i.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
+`};function WI(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t[0],o=[],a;for(a=1;a<t.length;a+=1)o.push(t[a]);return o.forEach(function(l){r=r.replace(/%[a-z]/,l)}),r}var cn=function(e){DI(t,e);function t(n){for(var r,o=arguments.length,a=new Array(o>1?o-1:0),l=1;l<o;l++)a[l-1]=arguments[l];return r=e.call(this,WI.apply(void 0,[VI[n]].concat(a)))||this,HI(r)}return t}(A0(Error));function Jc(e){return Math.round(e*255)}function GI(e,t,n){return Jc(e)+","+Jc(t)+","+Jc(n)}function pl(e,t,n,r){if(r===void 0&&(r=GI),t===0)return r(n,n,n);var o=(e%360+360)%360/60,a=(1-Math.abs(2*n-1))*t,l=a*(1-Math.abs(o%2-1)),s=0,c=0,u=0;o>=0&&o<1?(s=a,c=l):o>=1&&o<2?(s=l,c=a):o>=2&&o<3?(c=a,u=l):o>=3&&o<4?(c=l,u=a):o>=4&&o<5?(s=l,u=a):o>=5&&o<6&&(s=a,u=l);var d=n-a/2,p=s+d,h=c+d,f=u+d;return r(p,h,f)}var v5={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 qI(e){if(typeof e!="string")return e;var t=e.toLowerCase();return v5[t]?"#"+v5[t]:e}var KI=/^#[a-fA-F0-9]{6}$/,YI=/^#[a-fA-F0-9]{8}$/,XI=/^#[a-fA-F0-9]{3}$/,ZI=/^#[a-fA-F0-9]{4}$/,eu=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,QI=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,JI=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,eA=/^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 E1(e){if(typeof e!="string")throw new cn(3);var t=qI(e);if(t.match(KI))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(YI)){var n=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:n}}if(t.match(XI))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(ZI)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var o=eu.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=QI.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var l=JI.exec(t);if(l){var s=parseInt(""+l[1],10),c=parseInt(""+l[2],10)/100,u=parseInt(""+l[3],10)/100,d="rgb("+pl(s,c,u)+")",p=eu.exec(d);if(!p)throw new cn(4,t,d);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var h=eA.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,S="rgb("+pl(f,v,g)+")",b=eu.exec(S);if(!b)throw new cn(4,t,S);return{red:parseInt(""+b[1],10),green:parseInt(""+b[2],10),blue:parseInt(""+b[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new cn(5)}function tA(e){var t=e.red/255,n=e.green/255,r=e.blue/255,o=Math.max(t,n,r),a=Math.min(t,n,r),l=(o+a)/2;if(o===a)return e.alpha!==void 0?{hue:0,saturation:0,lightness:l,alpha:e.alpha}:{hue:0,saturation:0,lightness:l};var s,c=o-a,u=l>.5?c/(2-o-a):c/(o+a);switch(o){case t:s=(n-r)/c+(n<r?6:0);break;case n:s=(r-t)/c+2;break;default:s=(t-n)/c+4;break}return s*=60,e.alpha!==void 0?{hue:s,saturation:u,lightness:l,alpha:e.alpha}:{hue:s,saturation:u,lightness:l}}function K2(e){return tA(E1(e))}var nA=function(e){return e.length===7&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e},$0=nA;function Sr(e){var t=e.toString(16);return t.length===1?"0"+t:t}function tu(e){return Sr(Math.round(e*255))}function rA(e,t,n){return $0("#"+tu(e)+tu(t)+tu(n))}function ps(e,t,n){return pl(e,t,n,rA)}function oA(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return ps(e,t,n);if(typeof e=="object"&&t===void 0&&n===void 0)return ps(e.hue,e.saturation,e.lightness);throw new cn(1)}function aA(e,t,n,r){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number"&&typeof r=="number")return r>=1?ps(e,t,n):"rgba("+pl(e,t,n)+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?ps(e.hue,e.saturation,e.lightness):"rgba("+pl(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new cn(2)}function O0(e,t,n){if(typeof e=="number"&&typeof t=="number"&&typeof n=="number")return $0("#"+Sr(e)+Sr(t)+Sr(n));if(typeof e=="object"&&t===void 0&&n===void 0)return $0("#"+Sr(e.red)+Sr(e.green)+Sr(e.blue));throw new cn(6)}function hs(e,t,n,r){if(typeof e=="string"&&typeof t=="number"){var o=E1(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof n=="number"&&typeof r=="number")return r>=1?O0(e,t,n):"rgba("+e+","+t+","+n+","+r+")";if(typeof e=="object"&&t===void 0&&n===void 0&&r===void 0)return e.alpha>=1?O0(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new cn(7)}var lA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},iA=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},sA=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},cA=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function Y2(e){if(typeof e!="object")throw new cn(8);if(iA(e))return hs(e);if(lA(e))return O0(e);if(cA(e))return aA(e);if(sA(e))return oA(e);throw new cn(8)}function X2(e,t,n){return function(){var r=n.concat(Array.prototype.slice.call(arguments));return r.length>=t?e.apply(this,r):X2(e,t,r)}}function x1(e){return X2(e,e.length,[])}function S1(e,t,n){return Math.max(e,Math.min(t,n))}function uA(e,t){if(t==="transparent")return t;var n=K2(t);return Y2(te({},n,{lightness:S1(0,1,n.lightness-parseFloat(e))}))}var dA=x1(uA),xo=dA;function fA(e,t){if(t==="transparent")return t;var n=K2(t);return Y2(te({},n,{lightness:S1(0,1,n.lightness+parseFloat(e))}))}var pA=x1(fA),y5=pA;function hA(e,t){if(t==="transparent")return t;var n=E1(t),r=typeof n.alpha=="number"?n.alpha:1,o=te({},n,{alpha:S1(0,1,+(r*100-parseFloat(e)*100).toFixed(2)/100)});return hs(o)}var mA=x1(hA),bt=mA,ta=({theme:e})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),Mn=({theme:e})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?bt(.1,e.color.defaultText):bt(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),ve=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),Xr={margin:"16px 0"},gA=({href:e,...t})=>{let n=/^\//.test(e)?`./?path=${e}`:e,r=/^#.*/.test(e)?"_self":"_top";return m.createElement("a",{href:n,target:r,...t})},Z2=k(gA)(ve,({theme:e})=>({fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}})),Q2=k.blockquote(ve,Xr,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),vA=e=>typeof e=="string",yA=/[\n\r]/g,wA=k.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),Mn),bA=k(u1)(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),C1=({className:e,children:t,...n})=>{let r=(e||"").match(/lang-(\S+)/),o=i.Children.toArray(t);return o.filter(vA).some(a=>a.match(yA))?m.createElement(bA,{bordered:!0,copyable:!0,language:r?.[1]??"text",format:!1,...n},t):m.createElement(wA,{...n,className:e},o)},J2=k.div(ve),e4=k.dl(ve,Xr,{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}}),t4=k.h1(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),_1=k.h2(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),R1=k.h3(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),n4=k.h4(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),r4=k.h5(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),o4=k.h6(ve,ta,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),a4=k.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),l4=k.img({maxWidth:"100%"}),i4=k.li(ve,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":Mn({theme:e})})),EA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},s4=k.ol(ve,Xr,EA,{listStyle:"decimal"}),c4=k.p(ve,Xr,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":Mn({theme:e})})),u4=k.pre(ve,Xr,({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}})),d4=k.span(ve,({theme:e})=>({"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}})),f4=k.table(ve,Xr,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}})),p4=k.title(Mn),xA={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},h4=k.ul(ve,Xr,xA,{listStyle:"disc"}),k1=k.div(ve),m4={h1:e=>m.createElement(t4,{...fe(e,"h1")}),h2:e=>m.createElement(_1,{...fe(e,"h2")}),h3:e=>m.createElement(R1,{...fe(e,"h3")}),h4:e=>m.createElement(n4,{...fe(e,"h4")}),h5:e=>m.createElement(r4,{...fe(e,"h5")}),h6:e=>m.createElement(o4,{...fe(e,"h6")}),pre:e=>m.createElement(u4,{...fe(e,"pre")}),a:e=>m.createElement(Z2,{...fe(e,"a")}),hr:e=>m.createElement(a4,{...fe(e,"hr")}),dl:e=>m.createElement(e4,{...fe(e,"dl")}),blockquote:e=>m.createElement(Q2,{...fe(e,"blockquote")}),table:e=>m.createElement(f4,{...fe(e,"table")}),img:e=>m.createElement(l4,{...fe(e,"img")}),div:e=>m.createElement(J2,{...fe(e,"div")}),span:e=>m.createElement(d4,{...fe(e,"span")}),li:e=>m.createElement(i4,{...fe(e,"li")}),ul:e=>m.createElement(h4,{...fe(e,"ul")}),ol:e=>m.createElement(s4,{...fe(e,"ol")}),p:e=>m.createElement(c4,{...fe(e,"p")}),code:e=>m.createElement(C1,{...fe(e,"code")}),tt:e=>m.createElement(p4,{...fe(e,"tt")}),resetwrapper:e=>m.createElement(k1,{...fe(e,"resetwrapper")})},SA=k.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${bt(.9,e.color.positiveText)}`:"none"};default:return{}}}),CA=({...e})=>m.createElement(SA,{...e}),_A=0,RA=e=>e.button===_A&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,kA=(e,t)=>{RA(e)&&(e.preventDefault(),t(e))},IA=k.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),AA=k.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:xo(.07,e.color.secondary),"svg path:not([fill])":{fill:xo(.07,e.color.secondary)}},"&:active":{color:xo(.1,e.color.secondary),"svg path:not([fill])":{fill:xo(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:n})=>{let r;return t&&(r=[e.textMutedColor,e.color.dark,e.color.darker]),n&&(r=[e.color.dark,e.color.darkest,e.textMutedColor]),r?{color:r[0],"svg path:not([fill])":{fill:r[0]},"&:hover":{color:r[1],"svg path:not([fill])":{fill:r[1]}},"&:active":{color:r[2],"svg path:not([fill])":{fill:r[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),zr=({cancel:e=!0,children:t,onClick:n=void 0,withArrow:r=!1,containsIcon:o=!1,className:a=void 0,style:l=void 0,...s})=>m.createElement(AA,{...s,onClick:n&&e?c=>kA(c,n):n,className:a},m.createElement(IA,{withArrow:r,containsIcon:o},t,r&&m.createElement(y1,null))),$A=k.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.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:e.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 ${e.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 ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.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 ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"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 ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),Nr=[],Go=null,OA=i.lazy(async()=>{let{SyntaxHighlighter:e}=await Br(()=>import("./syntaxhighlighter-BP7B2CQK-CDpEe51g.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url);return Nr.length>0&&(Nr.forEach(t=>{e.registerLanguage(...t)}),Nr=[]),Go===null&&(Go=e),{default:t=>m.createElement(e,{...t})}}),TA=i.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([Br(()=>import("./syntaxhighlighter-BP7B2CQK-CDpEe51g.js"),__vite__mapDeps([0,1,2,3,4]),import.meta.url),Br(()=>import("./formatter-2WMMO6ZP-C-UiBIma.js"),__vite__mapDeps([5,1,2,3,4]),import.meta.url)]);return Nr.length>0&&(Nr.forEach(n=>{e.registerLanguage(...n)}),Nr=[]),Go===null&&(Go=e),{default:n=>m.createElement(e,{...n,formatter:t})}}),Xs=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},e.format!==!1?m.createElement(TA,{...e}):m.createElement(OA,{...e}));Xs.registerLanguage=(...e)=>{if(Go!==null){Go.registerLanguage(...e);return}Nr.push(e)};var g4={};g6(g4,{Actions:()=>HA,CloseButton:()=>b4,Col:()=>x4,Container:()=>w4,Content:()=>zA,Description:()=>FA,Error:()=>DA,ErrorWrapper:()=>S4,Header:()=>NA,Overlay:()=>y4,Row:()=>E4,Title:()=>BA});var pr=i.forwardRef(({asChild:e=!1,animation:t="none",size:n="small",variant:r="outline",padding:o="medium",disabled:a=!1,active:l=!1,onClick:s,...c},u)=>{let d="button";c.isLink&&(d="a"),e&&(d=Rl);let p=r,h=n,[f,v]=i.useState(!1),g=S=>{s&&s(S),t!=="none"&&v(!0)};if(i.useEffect(()=>{let S=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(S)},[f]),c.primary&&(p="solid",h="medium"),(c.secondary||c.tertiary||c.gray||c.outline||c.inForm)&&(p="outline",h="medium"),c.small||c.isLink||c.primary||c.secondary||c.tertiary||c.gray||c.outline||c.inForm||c.containsIcon){let S=m.Children.toArray(c.children).filter(b=>typeof b=="string"&&b!=="");G2(`Use of deprecated props in the button ${S.length>0?`"${S.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 m.createElement(MA,{as:d,ref:u,variant:p,size:h,padding:o,disabled:a,active:l,animating:f,animation:t,onClick:g,...c})});pr.displayName="Button";var MA=k("button",{shouldForwardProp:e=>td(e)})(({theme:e,variant:t,size:n,disabled:r,active:o,animating:a,animation:l,padding:s})=>({border:0,cursor:r?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:s==="small"&&n==="small"?"0 7px":s==="small"&&n==="medium"?"0 9px":n==="small"?"0 10px":n==="medium"?"0 12px":0,height:n==="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:r?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&o?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:o?bt(.9,e.barTextColor):"transparent",color:o?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:bt(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:bt(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${hs(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&o?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?bt(.86,e.color.secondary):e.base==="light"?xo(.02,c):y5(.03,c)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let c=e.color.secondary;return t==="solid"&&(c=e.color.secondary),t==="outline"&&(c=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?xo(.02,c):y5(.03,c)})()},"&:focus":{boxShadow:`${hs(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:a&&l!=="none"?`${e.animation[l]} 1000ms ease-out`:""}})),nr=i.forwardRef(({padding:e="small",variant:t="ghost",...n},r)=>m.createElement(pr,{padding:e,variant:t,ref:r,...n}));nr.displayName="IconButton";var v4=$n({from:{opacity:0},to:{opacity:1}}),LA=$n({from:{maxHeight:0},to:{}}),PA=$n({from:{opacity:0,transform:"translate(-50%, -50%) scale(0.9)"},to:{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),y4=k.div({backgroundColor:"rgba(27, 28, 29, 0.2)",position:"fixed",inset:0,width:"100%",height:"100%",zIndex:10,animation:`${v4} 200ms`}),w4=k.div(({theme:e,width:t,height:n})=>({backgroundColor:e.background.bar,borderRadius:6,boxShadow:"rgba(255, 255, 255, 0.05) 0 0 0 1px inset, rgba(14, 18, 22, 0.35) 0px 10px 38px -10px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t??740,height:n??"auto",maxWidth:"calc(100% - 40px)",maxHeight:"85vh",overflow:"hidden",zIndex:11,animation:`${PA} 200ms`,"&:focus-visible":{outline:"none"}})),b4=e=>m.createElement(W2,{asChild:!0},m.createElement(nr,{...e},m.createElement(i2,null))),zA=k.div({display:"flex",flexDirection:"column",margin:16,gap:16}),E4=k.div({display:"flex",justifyContent:"space-between",gap:16}),x4=k.div({display:"flex",flexDirection:"column",gap:4}),NA=e=>m.createElement(E4,null,m.createElement(x4,{...e}),m.createElement(b4,null)),BA=k(U2)(({theme:e})=>({margin:0,fontSize:e.typography.size.s3,fontWeight:e.typography.weight.bold})),FA=k(V2)(({theme:e})=>({position:"relative",zIndex:1,margin:0,fontSize:e.typography.size.s2})),HA=k.div({display:"flex",flexDirection:"row-reverse",gap:8}),S4=k.div(({theme:e})=>({maxHeight:100,overflow:"auto",animation:`${LA} 300ms, ${v4} 300ms`,backgroundColor:e.background.critical,color:e.color.lightest,fontSize:e.typography.size.s2,"& > div":{position:"relative",padding:"8px 16px"}})),DA=({children:e,...t})=>m.createElement(S4,{...t},m.createElement("div",null,e));function jA({children:e,width:t,height:n,onEscapeKeyDown:r,onInteractOutside:o=c=>c.preventDefault(),className:a,container:l,...s}){return m.createElement(F2,{...s},m.createElement(H2,{container:l},m.createElement(D2,{asChild:!0},m.createElement(y4,null)),m.createElement(j2,{asChild:!0,onInteractOutside:o,onEscapeKeyDown:r},m.createElement(w4,{className:a,width:t,height:n},e))))}var UA=Object.assign(jA,g4,{Dialog:NI}),VA=e=>typeof e=="number"?e:Number(e),WA=k.div(({theme:e,col:t,row:n=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${_u}`]:{marginLeft:0}}:{"& > *":{marginTop:n*e.layoutMargin},[`& > *:first-child${_u}`]:{marginTop:0}},({theme:e,outer:t,col:n,row:r})=>{switch(!0){case!!(t&&n):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&r):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),GA=({col:e,row:t,outer:n,children:r,...o})=>{let a=VA(typeof n=="number"||!n?n:e||t);return m.createElement(WA,{col:e,row:t,outer:a,...o},r)},qA=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),KA=k.div(),YA=k.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),XA=({children:e,...t})=>{let[n,r]=i.Children.toArray(e);return m.createElement(YA,{...t},m.createElement(qA,null,n),r&&m.createElement(KA,null,r))};function ZA(e,t){var n=i.useRef(null),r=i.useRef(null);r.current=t;var o=i.useRef(null);i.useEffect(function(){a()});var a=i.useCallback(function(){var l=o.current,s=r.current,c=l||(s?s instanceof Element?s:s.current:null);n.current&&n.current.element===c&&n.current.subscriber===e||(n.current&&n.current.cleanup&&n.current.cleanup(),n.current={element:c,subscriber:e,cleanup:c?e(c):void 0})},[e]);return i.useEffect(function(){return function(){n.current&&n.current.cleanup&&(n.current.cleanup(),n.current=null)}},[]),i.useCallback(function(l){o.current=l,a()},[a])}function w5(e,t,n){return e[t]?e[t][0]?e[t][0][n]:e[t][n]:t==="contentBoxSize"?e.contentRect[n==="inlineSize"?"width":"height"]:void 0}function C4(e){e===void 0&&(e={});var t=e.onResize,n=i.useRef(void 0);n.current=t;var r=e.round||Math.round,o=i.useRef(),a=i.useState({width:void 0,height:void 0}),l=a[0],s=a[1],c=i.useRef(!1);i.useEffect(function(){return c.current=!1,function(){c.current=!0}},[]);var u=i.useRef({width:void 0,height:void 0}),d=ZA(i.useCallback(function(p){return(!o.current||o.current.box!==e.box||o.current.round!==r)&&(o.current={box:e.box,round:r,instance:new ResizeObserver(function(h){var f=h[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=w5(f,v,"inlineSize"),S=w5(f,v,"blockSize"),b=g?r(g):void 0,w=S?r(S):void 0;if(u.current.width!==b||u.current.height!==w){var y={width:b,height:w};u.current.width=b,u.current.height=w,n.current?n.current(y):c.current||s(y)}})}),o.current.instance.observe(p,{box:e.box}),function(){o.current&&o.current.instance.unobserve(p)}},[e.box,r]),e.ref);return i.useMemo(function(){return{ref:d,width:l.width,height:l.height}},[d,l.width,l.height])}var QA=k.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function JA({scale:e,children:t}){let n=i.useRef(null),[r,o]=i.useState(0),a=i.useCallback(({height:l})=>{l&&o(l/e)},[e]);return i.useEffect(()=>{n.current&&o(n.current.getBoundingClientRect().height)},[e]),C4({ref:n,onResize:a}),m.createElement(QA,{scale:e,elementHeight:r},m.createElement("div",{ref:n,className:"innerZoomElementWrapper"},t))}var e$=class extends i.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:n}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),n!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return m.createElement(m.Fragment,null,e)}},_4={Element:JA,IFrame:e$},{document:t$}=FI,n$=k.strong(({theme:e})=>({color:e.color.orange})),r$=k.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),b5=k.em(({theme:e})=>({color:e.textMutedColor})),o$=/(Error): (.*)\n/,a$=/at (?:(.*) )?\(?(.+)\)?/,l$=/([^@]+)?(?:\/<)?@(.+)?/,i$=/([^@]+)?@(.+)?/,R4=({error:e})=>{if(!e)return m.createElement(i.Fragment,null,"This error has no stack or message");if(!e.stack)return m.createElement(i.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message}
-${t}`);let n=t.match(o$);if(!n)return m.createElement(i.Fragment,null,t);let[,r,o]=n,a=t.split(/\n/).slice(1),[,...l]=a.map(s=>{let c=s.match(a$)||s.match(l$)||s.match(i$);return c?{name:(c[1]||"").replace("/<",""),location:c[2].replace(t$.location.origin,"")}:null}).filter(Boolean);return m.createElement(i.Fragment,null,m.createElement("span",null,r),": ",m.createElement(n$,null,o),m.createElement("br",null),l.map((s,c)=>s.name?m.createElement(i.Fragment,{key:c},"  ","at ",m.createElement(r$,null,s.name)," (",m.createElement(b5,null,s.location),")",m.createElement("br",null)):m.createElement(i.Fragment,{key:c},"  ","at ",m.createElement(b5,null,s.location),m.createElement("br",null))))},s$=k.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),c$=k.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),u$=({label:e,children:t,...n})=>m.createElement(s$,{...n},e?m.createElement(c$,null,m.createElement("span",null,e)):null,t),d$=i.useLayoutEffect,f$=d$,p$=function(e){var t=i.useRef(e);return f$(function(){t.current=e}),t},E5=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},h$=function(e,t){var n=i.useRef();return i.useCallback(function(r){e.current=r,n.current&&E5(n.current,null),n.current=t,t&&E5(t,r)},[t])},m$=h$,x5={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},g$=function(e){Object.keys(x5).forEach(function(t){e.style.setProperty(t,x5[t],"important")})},S5=g$,Ge=null,C5=function(e,t){var n=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?n+t.borderSize:n-t.paddingSize};function v$(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=1/0),Ge||(Ge=document.createElement("textarea"),Ge.setAttribute("tabindex","-1"),Ge.setAttribute("aria-hidden","true"),S5(Ge)),Ge.parentNode===null&&document.body.appendChild(Ge);var o=e.paddingSize,a=e.borderSize,l=e.sizingStyle,s=l.boxSizing;Object.keys(l).forEach(function(h){var f=h;Ge.style[f]=l[f]}),S5(Ge),Ge.value=t;var c=C5(Ge,e);Ge.value=t,c=C5(Ge,e),Ge.value="x";var u=Ge.scrollHeight-o,d=u*n;s==="border-box"&&(d=d+o+a),c=Math.max(d,c);var p=u*r;return s==="border-box"&&(p=p+o+a),c=Math.min(p,c),[c,u]}var _5=function(){},y$=function(e,t){return e.reduce(function(n,r){return n[r]=t[r],n},{})},w$=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],b$=!!document.documentElement.currentStyle,E$=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var n=y$(w$,t),r=n.boxSizing;if(r==="")return null;b$&&r==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var o=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),a=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:o,borderSize:a}},x$=E$;function k4(e,t,n){var r=p$(n);i.useLayoutEffect(function(){var o=function(a){return r.current(a)};if(e)return e.addEventListener(t,o),function(){return e.removeEventListener(t,o)}},[])}var S$=function(e){k4(window,"resize",e)},C$=function(e){k4(document.fonts,"loadingdone",e)},_$=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],R$=function(e,t){var n=e.cacheMeasurements,r=e.maxRows,o=e.minRows,a=e.onChange,l=a===void 0?_5:a,s=e.onHeightChange,c=s===void 0?_5:s,u=ud(e,_$),d=u.value!==void 0,p=i.useRef(null),h=m$(p,t),f=i.useRef(0),v=i.useRef(),g=function(){var b=p.current,w=n&&v.current?v.current:x$(b);if(w){v.current=w;var y=v$(w,b.value||b.placeholder||"x",o,r),E=y[0],x=y[1];f.current!==E&&(f.current=E,b.style.setProperty("height",E+"px","important"),c(E,{rowHeight:x}))}},S=function(b){d||g(),l(b)};return i.useLayoutEffect(g),S$(g),C$(g),i.createElement("textarea",te({},u,{onChange:S,ref:h}))},k$=i.forwardRef(R$),I$={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},I1=({theme:e})=>({...I$,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),A1=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},I4=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},$1=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},A$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("input",{...r,ref:o})}))(I1,A1,I4,$1,{minHeight:32}),{displayName:"Input"}),$$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("select",{...r,ref:o})}))(I1,A1,$1,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),O$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement(k$,{...r,ref:o})}))(I1,A1,I4,$1,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),na=Object.assign(k.form({boxSizing:"border-box",width:"100%"}),{Field:u$,Input:A$,Select:$$,Textarea:O$,Button:pr}),T$=i.lazy(()=>Br(()=>import("./WithTooltip-KJL26V4Q-xdXH9Ztt.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltip}))),M$=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(T$,{...e})),L$=i.lazy(()=>Br(()=>import("./WithTooltip-KJL26V4Q-xdXH9Ztt.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),A4=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(L$,{...e})),P$=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),z$=k.span(),N$=k.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),B$=k.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),F$=k.div({padding:15,width:280,boxSizing:"border-box"}),H$=({title:e,desc:t,links:n})=>m.createElement(F$,null,m.createElement(B$,null,e&&m.createElement(P$,null,e),t&&m.createElement(z$,null,t)),n&&m.createElement(N$,null,n.map(({title:r,...o})=>m.createElement(zr,{...o,key:r},r)))),D$=k.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),j$=({note:e,...t})=>m.createElement(D$,{...t},e),U$=k(({active:e,loading:t,disabled:n,...r})=>m.createElement("span",{...r}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:bt(.7,t.color.defaultText)}:{}),V$=k.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),W$=k.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),G$=k.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),q$=k.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),K$=k.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Y$=Gr(100)((e,t,n)=>{let r={};return e&&Object.assign(r,{onClick:e}),t&&Object.assign(r,{href:t}),n&&t&&Object.assign(r,{to:t,as:n}),r}),X$=({loading:e=!1,title:t=m.createElement("span",null,"Loading state"),center:n=null,right:r=null,active:o=!1,disabled:a=!1,isIndented:l,href:s=null,onClick:c=null,icon:u,LinkWrapper:d=null,...p})=>{let h=Y$(c,s,d),f={active:o,disabled:a};return m.createElement(K$,{...f,...p,...h},u&&m.createElement(q$,{...f},u),t||n?m.createElement(W$,{isIndented:!u&&l},t&&m.createElement(U$,{...f,loading:e},t),n&&m.createElement(G$,{...f},n)):null,r&&m.createElement(V$,{...f},r))},$4=X$,Z$=k.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Q$=e=>{let{LinkWrapper:t,onClick:n,id:r,isIndented:o,...a}=e,{title:l,href:s,active:c}=a,u=i.useCallback(p=>{n(p,a)},[n]),d=!!n;return m.createElement($4,{title:l,active:c,href:s,id:`list-item-${r}`,LinkWrapper:t,isIndented:o,...a,...d?{onClick:u}:{}})},O4=({links:e,LinkWrapper:t=null})=>{let n=e.some(r=>r.icon);return m.createElement(Z$,null,e.map(({isGatsby:r,...o})=>m.createElement(Q$,{key:o.id,LinkWrapper:r?t:null,isIndented:n,...o})))},J$=e=>typeof e.props.href=="string",eO=e=>typeof e.props.href!="string";function tO({children:e,...t},n){let r={props:t,ref:n};if(J$(r))return m.createElement("a",{ref:r.ref,...r.props},e);if(eO(r))return m.createElement("button",{ref:r.ref,type:"button",...r.props},e);throw new Error("invalid props")}var T4=i.forwardRef(tO);T4.displayName="ButtonOrLink";var Ol=k(T4,{shouldForwardProp:td})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({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:e.barSelectedColor}}),({active:e,textColor:t,theme:n})=>e?{color:t||n.barSelectedColor,borderBottomColor:n.barSelectedColor}:{color:t||n.barTextColor,borderBottomColor:"transparent","&:hover":{color:n.barHoverColor}});Ol.displayName="TabButton";var nO=k.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),rO=k.div(()=>({marginTop:6,padding:7,height:28})),oO=()=>m.createElement(rO,null,m.createElement(nO,null)),T0=k.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});T0.displayName="Side";var aO=({children:e,className:t,scrollable:n})=>n?m.createElement(Gs,{vertical:!1,className:t},e):m.createElement("div",{className:t},e),O1=k(aO)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor}  0 -1px 0 0 inset`,background:e.barBg}:{});O1.displayName="Bar";var lO=k.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Zs=({children:e,backgroundColor:t,className:n,...r})=>{let[o,a]=i.Children.toArray(e);return m.createElement(O1,{className:`sb-bar ${n}`,...r},m.createElement(lO,{bgColor:t},m.createElement(T0,{scrollable:r.scrollable,left:!0},o),a?m.createElement(T0,{right:!0},a):null))};Zs.displayName="FlexBar";var M4=k.div(({active:e})=>e?{display:"block"}:{display:"none"}),iO=e=>i.Children.toArray(e).map(({props:{title:t,id:n,color:r,children:o}})=>{let a=Array.isArray(o)?o[0]:o;return{title:t,id:n,...r?{color:r}:{},render:typeof a=="function"?a:({active:l})=>m.createElement(M4,{active:l,role:"tabpanel"},a)}}),sO=k.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),cO=k(Ol)(({active:e,theme:t,preActive:n})=>`
+${t}`);let n=t.match(o$);if(!n)return m.createElement(i.Fragment,null,t);let[,r,o]=n,a=t.split(/\n/).slice(1),[,...l]=a.map(s=>{let c=s.match(a$)||s.match(l$)||s.match(i$);return c?{name:(c[1]||"").replace("/<",""),location:c[2].replace(t$.location.origin,"")}:null}).filter(Boolean);return m.createElement(i.Fragment,null,m.createElement("span",null,r),": ",m.createElement(n$,null,o),m.createElement("br",null),l.map((s,c)=>s.name?m.createElement(i.Fragment,{key:c},"  ","at ",m.createElement(r$,null,s.name)," (",m.createElement(b5,null,s.location),")",m.createElement("br",null)):m.createElement(i.Fragment,{key:c},"  ","at ",m.createElement(b5,null,s.location),m.createElement("br",null))))},s$=k.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),c$=k.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),u$=({label:e,children:t,...n})=>m.createElement(s$,{...n},e?m.createElement(c$,null,m.createElement("span",null,e)):null,t),d$=i.useLayoutEffect,f$=d$,p$=function(e){var t=i.useRef(e);return f$(function(){t.current=e}),t},E5=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},h$=function(e,t){var n=i.useRef();return i.useCallback(function(r){e.current=r,n.current&&E5(n.current,null),n.current=t,t&&E5(t,r)},[t])},m$=h$,x5={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},g$=function(e){Object.keys(x5).forEach(function(t){e.style.setProperty(t,x5[t],"important")})},S5=g$,Ge=null,C5=function(e,t){var n=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?n+t.borderSize:n-t.paddingSize};function v$(e,t,n,r){n===void 0&&(n=1),r===void 0&&(r=1/0),Ge||(Ge=document.createElement("textarea"),Ge.setAttribute("tabindex","-1"),Ge.setAttribute("aria-hidden","true"),S5(Ge)),Ge.parentNode===null&&document.body.appendChild(Ge);var o=e.paddingSize,a=e.borderSize,l=e.sizingStyle,s=l.boxSizing;Object.keys(l).forEach(function(h){var f=h;Ge.style[f]=l[f]}),S5(Ge),Ge.value=t;var c=C5(Ge,e);Ge.value=t,c=C5(Ge,e),Ge.value="x";var u=Ge.scrollHeight-o,d=u*n;s==="border-box"&&(d=d+o+a),c=Math.max(d,c);var p=u*r;return s==="border-box"&&(p=p+o+a),c=Math.min(p,c),[c,u]}var _5=function(){},y$=function(e,t){return e.reduce(function(n,r){return n[r]=t[r],n},{})},w$=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],b$=!!document.documentElement.currentStyle,E$=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var n=y$(w$,t),r=n.boxSizing;if(r==="")return null;b$&&r==="border-box"&&(n.width=parseFloat(n.width)+parseFloat(n.borderRightWidth)+parseFloat(n.borderLeftWidth)+parseFloat(n.paddingRight)+parseFloat(n.paddingLeft)+"px");var o=parseFloat(n.paddingBottom)+parseFloat(n.paddingTop),a=parseFloat(n.borderBottomWidth)+parseFloat(n.borderTopWidth);return{sizingStyle:n,paddingSize:o,borderSize:a}},x$=E$;function k4(e,t,n){var r=p$(n);i.useLayoutEffect(function(){var o=function(a){return r.current(a)};if(e)return e.addEventListener(t,o),function(){return e.removeEventListener(t,o)}},[])}var S$=function(e){k4(window,"resize",e)},C$=function(e){k4(document.fonts,"loadingdone",e)},_$=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],R$=function(e,t){var n=e.cacheMeasurements,r=e.maxRows,o=e.minRows,a=e.onChange,l=a===void 0?_5:a,s=e.onHeightChange,c=s===void 0?_5:s,u=ud(e,_$),d=u.value!==void 0,p=i.useRef(null),h=m$(p,t),f=i.useRef(0),v=i.useRef(),g=function(){var b=p.current,w=n&&v.current?v.current:x$(b);if(w){v.current=w;var y=v$(w,b.value||b.placeholder||"x",o,r),E=y[0],x=y[1];f.current!==E&&(f.current=E,b.style.setProperty("height",E+"px","important"),c(E,{rowHeight:x}))}},S=function(b){d||g(),l(b)};return i.useLayoutEffect(g),S$(g),C$(g),i.createElement("textarea",te({},u,{onChange:S,ref:h}))},k$=i.forwardRef(R$),I$={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},I1=({theme:e})=>({...I$,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),A1=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},I4=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},$1=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},A$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("input",{...r,ref:o})}))(I1,A1,I4,$1,{minHeight:32}),{displayName:"Input"}),$$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement("select",{...r,ref:o})}))(I1,A1,$1,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),O$=Object.assign(k(i.forwardRef(function({size:e,valid:t,align:n,...r},o){return m.createElement(k$,{...r,ref:o})}))(I1,A1,I4,$1,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),na=Object.assign(k.form({boxSizing:"border-box",width:"100%"}),{Field:u$,Input:A$,Select:$$,Textarea:O$,Button:pr}),T$=i.lazy(()=>Br(()=>import("./WithTooltip-KJL26V4Q-CUqUi5E8.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltip}))),M$=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(T$,{...e})),L$=i.lazy(()=>Br(()=>import("./WithTooltip-KJL26V4Q-CUqUi5E8.js"),__vite__mapDeps([6,1,2,3,4]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),A4=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(L$,{...e})),P$=k.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),z$=k.span(),N$=k.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),B$=k.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),F$=k.div({padding:15,width:280,boxSizing:"border-box"}),H$=({title:e,desc:t,links:n})=>m.createElement(F$,null,m.createElement(B$,null,e&&m.createElement(P$,null,e),t&&m.createElement(z$,null,t)),n&&m.createElement(N$,null,n.map(({title:r,...o})=>m.createElement(zr,{...o,key:r},r)))),D$=k.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),j$=({note:e,...t})=>m.createElement(D$,{...t},e),U$=k(({active:e,loading:t,disabled:n,...r})=>m.createElement("span",{...r}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:bt(.7,t.color.defaultText)}:{}),V$=k.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),W$=k.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),G$=k.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),q$=k.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),K$=k.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Y$=Gr(100)((e,t,n)=>{let r={};return e&&Object.assign(r,{onClick:e}),t&&Object.assign(r,{href:t}),n&&t&&Object.assign(r,{to:t,as:n}),r}),X$=({loading:e=!1,title:t=m.createElement("span",null,"Loading state"),center:n=null,right:r=null,active:o=!1,disabled:a=!1,isIndented:l,href:s=null,onClick:c=null,icon:u,LinkWrapper:d=null,...p})=>{let h=Y$(c,s,d),f={active:o,disabled:a};return m.createElement(K$,{...f,...p,...h},u&&m.createElement(q$,{...f},u),t||n?m.createElement(W$,{isIndented:!u&&l},t&&m.createElement(U$,{...f,loading:e},t),n&&m.createElement(G$,{...f},n)):null,r&&m.createElement(V$,{...f},r))},$4=X$,Z$=k.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),Q$=e=>{let{LinkWrapper:t,onClick:n,id:r,isIndented:o,...a}=e,{title:l,href:s,active:c}=a,u=i.useCallback(p=>{n(p,a)},[n]),d=!!n;return m.createElement($4,{title:l,active:c,href:s,id:`list-item-${r}`,LinkWrapper:t,isIndented:o,...a,...d?{onClick:u}:{}})},O4=({links:e,LinkWrapper:t=null})=>{let n=e.some(r=>r.icon);return m.createElement(Z$,null,e.map(({isGatsby:r,...o})=>m.createElement(Q$,{key:o.id,LinkWrapper:r?t:null,isIndented:n,...o})))},J$=e=>typeof e.props.href=="string",eO=e=>typeof e.props.href!="string";function tO({children:e,...t},n){let r={props:t,ref:n};if(J$(r))return m.createElement("a",{ref:r.ref,...r.props},e);if(eO(r))return m.createElement("button",{ref:r.ref,type:"button",...r.props},e);throw new Error("invalid props")}var T4=i.forwardRef(tO);T4.displayName="ButtonOrLink";var Ol=k(T4,{shouldForwardProp:td})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({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:e.barSelectedColor}}),({active:e,textColor:t,theme:n})=>e?{color:t||n.barSelectedColor,borderBottomColor:n.barSelectedColor}:{color:t||n.barTextColor,borderBottomColor:"transparent","&:hover":{color:n.barHoverColor}});Ol.displayName="TabButton";var nO=k.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),rO=k.div(()=>({marginTop:6,padding:7,height:28})),oO=()=>m.createElement(rO,null,m.createElement(nO,null)),T0=k.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});T0.displayName="Side";var aO=({children:e,className:t,scrollable:n})=>n?m.createElement(Gs,{vertical:!1,className:t},e):m.createElement("div",{className:t},e),O1=k(aO)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor}  0 -1px 0 0 inset`,background:e.barBg}:{});O1.displayName="Bar";var lO=k.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Zs=({children:e,backgroundColor:t,className:n,...r})=>{let[o,a]=i.Children.toArray(e);return m.createElement(O1,{className:`sb-bar ${n}`,...r},m.createElement(lO,{bgColor:t},m.createElement(T0,{scrollable:r.scrollable,left:!0},o),a?m.createElement(T0,{right:!0},a):null))};Zs.displayName="FlexBar";var M4=k.div(({active:e})=>e?{display:"block"}:{display:"none"}),iO=e=>i.Children.toArray(e).map(({props:{title:t,id:n,color:r,children:o}})=>{let a=Array.isArray(o)?o[0]:o;return{title:t,id:n,...r?{color:r}:{},render:typeof a=="function"?a:({active:l})=>m.createElement(M4,{active:l,role:"tabpanel"},a)}}),sO=k.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),cO=k(Ol)(({active:e,theme:t,preActive:n})=>`
     color: ${n||e?t.barSelectedColor:t.barTextColor};
     .addon-collapsible-icon {
       color: ${n||e?t.barSelectedColor:t.barTextColor};
@@ -529,7 +529,7 @@ ${t}`);let n=t.match(o$);if(!n)return m.createElement(i.Fragment,null,t);let[,r,
             ${Qt(.02,e.input.background)} 100%)`:`linear-gradient(to right,
             ${e.color.green} 0%, ${e.color.green} ${(r-t)/(n-t)*100}%,
             ${_r(.02,e.input.background)} ${(r-t)/(n-t)*100}%,
-            ${_r(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${nn(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),e3=k.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),WV=k(e3)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),GV=k.div({display:"flex",alignItems:"center",width:"100%"});function qV(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var KV=({name:e,value:t,onChange:n,min:r=0,max:o=100,step:a=1,onBlur:l,onFocus:s,argType:c})=>{let u=f=>{n(oV(f.target.value))},d=t!==void 0,p=i.useMemo(()=>qV(a),[a]),h=!!c?.table?.readonly;return m.createElement(GV,{"aria-readonly":h},m.createElement(e3,null,r),m.createElement(VV,{id:Ft(e),type:"range",disabled:h,onChange:u,name:e,value:t,min:r,max:o,step:a,onFocus:s,onBlur:l}),m.createElement(WV,{numberOFDecimalsPlaces:p,max:o},d?t.toFixed(p):"--"," / ",o))},YV=k.label({display:"flex"}),XV=k.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),ZV=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,maxLength:a,argType:l})=>{let s=f=>{n(f.target.value)},c=!!l?.table?.readonly,[u,d]=i.useState(!1),p=i.useCallback(()=>{n(""),d(!0)},[d]);if(t===void 0)return m.createElement(pr,{variant:"outline",size:"medium",disabled:c,id:ws(e),onClick:p},"Set string");let h=typeof t=="string";return m.createElement(YV,null,m.createElement(na.Textarea,{id:Ft(e),maxLength:a,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:h?null:"error",name:e,value:h?t:"",onFocus:r,onBlur:o}),a&&m.createElement(XV,{isMaxed:t?.length===a},t?.length??0," / ",a))},QV=k(na.Input)({padding:10});function JV(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var eW=({onChange:e,name:t,accept:n="image/*",value:r,argType:o})=>{let a=i.useRef(null),l=o?.control?.readOnly;function s(c){if(!c.target.files)return;let u=Array.from(c.target.files).map(d=>URL.createObjectURL(d));e(u),JV(r)}return i.useEffect(()=>{r==null&&a.current&&(a.current.value=null)},[r,t]),m.createElement(QV,{ref:a,id:Ft(t),type:"file",name:t,multiple:!0,disabled:l,onChange:s,accept:n,size:"flex"})},tW=i.lazy(()=>Br(()=>import("./Color-PRSJMWNM-y4ZsI1hY.js"),__vite__mapDeps([7,2,1,3,4]),import.meta.url)),nW=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(tW,{...e})),rW={array:bh,object:bh,boolean:XU,color:nW,date:nV,number:lV,check:io,"inline-check":io,radio:io,"inline-radio":io,select:io,"multi-select":io,range:KV,text:ZV,file:eW},Eh=()=>m.createElement(m.Fragment,null,"-"),oW=({row:e,arg:t,updateArgs:n,isHovered:r})=>{let{key:o,control:a}=e,[l,s]=i.useState(!1),[c,u]=i.useState({value:t});i.useEffect(()=>{l||u({value:t})},[l,t]);let d=i.useCallback(g=>(u({value:g}),n({[o]:g}),g),[n,o]),p=i.useCallback(()=>s(!1),[]),h=i.useCallback(()=>s(!0),[]);if(!a||a.disable){let g=a?.disable!==!0&&e?.type?.name!=="function";return r&&g?m.createElement(zr,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):m.createElement(Eh,null)}let f={name:o,argType:e,value:c.value,onChange:d,onBlur:p,onFocus:h},v=rW[a.type]||Eh;return m.createElement(v,{...f,...a,controlType:a.type})},aW=k.span({fontWeight:"bold"}),lW=k.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),iW=k.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Mn({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),sW=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?4:0})),cW=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),uW=k.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),dW=e=>e&&{summary:typeof e=="string"?e:e.name},di=e=>{let[t,n]=i.useState(!1),{row:r,updateArgs:o,compact:a,expandable:l,initialExpandedArgs:s}=e,{name:c,description:u}=r,d=r.table||{},p=d.type||dW(r.type),h=d.defaultValue||r.defaultValue,f=r.type?.required,v=u!=null&&u!=="";return m.createElement("tr",{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)},m.createElement(uW,{expandable:l},m.createElement(aW,null,c),f?m.createElement(lW,{title:"Required"},"*"):null),a?null:m.createElement("td",null,v&&m.createElement(iW,null,m.createElement(Ey,null,u)),d.jsDocTags!=null?m.createElement(m.Fragment,null,m.createElement(cW,{hasDescription:v},m.createElement(pu,{value:p,initialExpandedArgs:s})),m.createElement(NU,{tags:d.jsDocTags})):m.createElement(sW,{hasDescription:v},m.createElement(pu,{value:p,initialExpandedArgs:s}))),a?null:m.createElement("td",null,m.createElement(pu,{value:h,initialExpandedArgs:s})),o?m.createElement("td",null,m.createElement(oW,{...e,isHovered:t})):null)},fW=k(d2)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),pW=k(y1)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),hW=k.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),mW=k.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),gW=k.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),vW=k.td(()=>({position:"relative"})),yW=k.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${_r(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),xh=k.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),mu=({level:e="section",label:t,children:n,initialExpanded:r=!0,colSpan:o=3})=>{let[a,l]=i.useState(r),s=e==="subsection"?gW:mW,c=n?.length||0,u=e==="subsection"?`${c} item${c!==1?"s":""}`:"",d=`${a?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return m.createElement(m.Fragment,null,m.createElement(yW,{title:d},m.createElement(s,{colSpan:1},m.createElement(xh,{onClick:p=>l(!a),tabIndex:0},d),m.createElement(hW,null,a?m.createElement(fW,null):m.createElement(pW,null),t)),m.createElement(vW,{colSpan:o-1},m.createElement(xh,{onClick:p=>l(!a),tabIndex:-1,style:{outline:"none"}},d),a?null:u)),a?n:null)},fi=k.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Fe=k.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Ce=k.div(({theme:e,width:t,height:n})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:n||16,borderRadius:3})),He=[2,4,2,2],wW=()=>m.createElement(m.Fragment,null,m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"})))),bW=k.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),EW=k.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),xW=k.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),SW=({inAddonPanel:e})=>{let[t,n]=i.useState(!0);return i.useEffect(()=>{let r=setTimeout(()=>{n(!1)},100);return()=>clearTimeout(r)},[]),t?null:m.createElement(bW,{inAddonPanel:e},m.createElement(T1,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:m.createElement(m.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:m.createElement(EW,null,e&&m.createElement(m.Fragment,null,m.createElement(zr,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},m.createElement(l2,null)," Watch 5m video"),m.createElement(xW,null),m.createElement(zr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(fs,null)," Read docs")),!e&&m.createElement(zr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(fs,null)," Learn how to set that up"))}))},CW=k.table(({theme:e,compact:t,inAddonPanel:n})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:n?0:25,marginBottom:n?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?de(.25,e.color.defaultText):de(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:n?0:1,marginRight:n?0:1,tbody:{...n?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...n?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),_W=k(nr)(({theme:e})=>({margin:"-4px -12px -4px 0"})),RW=k.span({display:"flex",justifyContent:"space-between"}),kW={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},IW=(e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([a,l])=>{let{category:s,subcategory:c}=l?.table||{};if(s){let u=n.sections[s]||{ungrouped:[],subsections:{}};if(!c)u.ungrouped.push({key:a,...l});else{let d=u.subsections[c]||[];d.push({key:a,...l}),u.subsections[c]=d}n.sections[s]=u}else if(c){let u=n.ungroupedSubsections[c]||[];u.push({key:a,...l}),n.ungroupedSubsections[c]=u}else n.ungrouped.push({key:a,...l})});let r=kW[t],o=a=>r?Object.keys(a).reduce((l,s)=>({...l,[s]:a[s].sort(r)}),{}):a;return{ungrouped:n.ungrouped.sort(r),ungroupedSubsections:o(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((a,l)=>({...a,[l]:{ungrouped:n.sections[l].ungrouped.sort(r),subsections:o(n.sections[l].subsections)}}),{})}},AW=(e,t,n)=>{try{return S3(e,t,n)}catch(r){return lU.warn(r.message),!1}},U0=e=>{let{updateArgs:t,resetArgs:n,compact:r,inAddonPanel:o,initialExpandedArgs:a,sort:l="none",isLoading:s}=e;if("error"in e){let{error:w}=e;return m.createElement(Ny,null,w," ",m.createElement(zr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},m.createElement(fs,null)," Read the docs"))}if(s)return m.createElement(wW,null);let{rows:c,args:u,globals:d}="rows"in e&&e,p=IW(lz(c,w=>!w?.table?.disable&&AW(w,u||{},d||{})),l),h=p.ungrouped.length===0,f=Object.entries(p.sections).length===0,v=Object.entries(p.ungroupedSubsections).length===0;if(h&&f&&v)return m.createElement(SW,{inAddonPanel:o});let g=1;t&&(g+=1),r||(g+=2);let S=Object.keys(p.sections).length>0,b={updateArgs:t,compact:r,inAddonPanel:o,initialExpandedArgs:a};return m.createElement(k1,null,m.createElement(CW,{compact:r,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},m.createElement("thead",{className:"docblock-argstable-head"},m.createElement("tr",null,m.createElement("th",null,m.createElement("span",null,"Name")),r?null:m.createElement("th",null,m.createElement("span",null,"Description")),r?null:m.createElement("th",null,m.createElement("span",null,"Default")),t?m.createElement("th",null,m.createElement(RW,null,"Control"," ",!s&&n&&m.createElement(_W,{onClick:()=>n(),title:"Reset controls"},m.createElement(p2,{"aria-hidden":!0})))):null)),m.createElement("tbody",{className:"docblock-argstable-body"},p.ungrouped.map(w=>m.createElement(di,{key:w.key,row:w,arg:u&&u[w.key],...b})),Object.entries(p.ungroupedSubsections).map(([w,y])=>m.createElement(mu,{key:w,label:w,level:"subsection",colSpan:g},y.map(E=>m.createElement(di,{key:E.key,row:E,arg:u&&u[E.key],expandable:S,...b})))),Object.entries(p.sections).map(([w,y])=>m.createElement(mu,{key:w,label:w,level:"section",colSpan:g},y.ungrouped.map(E=>m.createElement(di,{key:E.key,row:E,arg:u&&u[E.key],...b})),Object.entries(y.subsections).map(([E,x])=>m.createElement(mu,{key:E,label:E,level:"subsection",colSpan:g},x.map(C=>m.createElement(di,{key:C.key,row:C,arg:u&&u[C.key],expandable:S,...b})))))))))},$W=({tabs:e,...t})=>{let n=Object.entries(e);return n.length===1?m.createElement(U0,{...n[0][1],...t}):m.createElement(P1,null,n.map((r,o)=>{let[a,l]=r,s=`prop_table_div_${a}`,c="div",u=o===0?t:{sort:t.sort};return m.createElement(c,{key:s,id:s,title:a},({active:d})=>d?m.createElement(U0,{key:`prop_table_${a}`,...l,...u}):null)}))};k.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});k.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});k.div(ve,({theme:e})=>({...rc(e),margin:"25px 0 40px",padding:"30px 20px"}));k.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));k.div(({theme:e})=>({color:e.base==="light"?de(.2,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});k.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));k.div({display:"flex",flexDirection:"row"});k.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));k.div(({theme:e})=>({...rc(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));k.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});k.div({flex:1,display:"flex",flexDirection:"row"});k.div({display:"flex",alignItems:"flex-start"});k.div({flex:"0 0 30%"});k.div({flex:1});k.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));k.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));k.div(({theme:e})=>({...rc(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));k.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});k.div({display:"flex",flexFlow:"row wrap"});var OW=e=>`anchor--${e}`,t3=({storyId:e,children:t})=>m.createElement("div",{id:OW(e),className:"sb-anchor"},t);Et&&Et.__DOCS_CONTEXT__===void 0&&(Et.__DOCS_CONTEXT__=i.createContext(null),Et.__DOCS_CONTEXT__.displayName="DocsContext");var Dt=Et?Et.__DOCS_CONTEXT__:i.createContext(null),Zr=(e,t)=>i.useContext(Dt).resolveOf(e,t),TW=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),MW=e=>{if(e)return typeof e=="string"?e.includes("-")?TW(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function LW(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function n3(e){return Kj(e,{allowFunction:!1})}var r3=i.createContext({sources:{}}),o3="--unknown--",PW=({children:e,channel:t})=>{let[n,r]=i.useState({});return i.useEffect(()=>{let o=(a,l=null,s=!1)=>{let{id:c,args:u=void 0,source:d,format:p}=typeof a=="string"?{id:a,source:l,format:s}:a,h=u?n3(u):o3;r(f=>({...f,[c]:{...f[c],[h]:{code:d,format:p}}}))};return t.on(sf,o),()=>t.off(sf,o)},[]),m.createElement(r3.Provider,{value:{sources:n}},e)},zW=(e,t,n)=>{let{sources:r}=n,o=r?.[e];return o?.[n3(t)]||o?.[o3]||{code:""}},NW=({snippet:e,storyContext:t,typeFromProps:n,transformFromProps:r})=>{let{__isArgsStory:o}=t.parameters,a=t.parameters.docs?.source||{},l=n||a.type||ic.AUTO;if(a.code!==void 0)return a.code;let s=l===ic.DYNAMIC||l===ic.AUTO&&e&&o?e:a.originalSource||"";return(r??a.transform)?.(s,t)||s},BW=(e,t,n)=>{let r,{of:o}=e;if("of"in e&&o===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(o)r=t.resolveOf(o,["story"]).story;else try{r=t.storyById()}catch{}let a=r?.parameters?.docs?.source||{},{code:l}=e,s=e.format??a.format,c=e.language??a.language??"jsx",u=e.dark??a.dark??!1;if(!l&&!r)return{error:"Oh no! The source is not available."};if(l)return{code:l,format:s,language:c,dark:u};let d=t.getStoryContext(r),p=e.__forceInitialArgs?d.initialArgs:d.unmappedArgs,h=zW(r.id,p,n);return s=h.format??r.parameters.docs?.source?.format??!1,{code:NW({snippet:h.code,storyContext:{...d,args:p},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:u}};function FW(e,t){let n=HW([e],t);return n&&n[0]}function HW(e,t){let[n,r]=i.useState({});return i.useEffect(()=>{Promise.all(e.map(async o=>{let a=await t.loadStory(o);r(l=>l[o]===a?l:{...l,[o]:a})}))}),e.map(o=>{if(n[o])return n[o];try{return t.storyById(o)}catch{return null}})}var DW=(e,t)=>{let{of:n,meta:r}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return r&&t.referenceMeta(r,!1),t.resolveOf(n||"story",["story"]).story.id},jW=(e,t,n)=>{let{parameters:r={}}=t||{},{docs:o={}}=r,a=o.story||{};if(o.disable)return null;if(e.inline??a.inline??!1){let s=e.height??a.height,c=e.autoplay??a.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:n.renderStoryToElement}}let l=e.height??a.height??a.iframeHeight??"100px";return{story:t,inline:!1,height:l,primary:!!e.__primary}},UW=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=i.useContext(Dt),n=DW(e,t),r=FW(n,t);if(!r)return m.createElement(Hy,null);let o=jW(e,r,t);return o?m.createElement(AU,{...o}):null},VW=e=>{let t=i.useContext(Dt),n=i.useContext(r3),{of:r,source:o}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:a}=Zr(r||"story",["story"]),l=BW({...o,...r&&{of:r}},t,n),s=e.layout??a.parameters.layout??a.parameters.docs?.canvas?.layout??"padded",c=e.withToolbar??a.parameters.docs?.canvas?.withToolbar??!1,u=e.additionalActions??a.parameters.docs?.canvas?.additionalActions,d=e.sourceState??a.parameters.docs?.canvas?.sourceState??"hidden",p=e.className??a.parameters.docs?.canvas?.className;return m.createElement(Dy,{withSource:d==="none"?void 0:l,isExpanded:d==="shown",withToolbar:c,additionalActions:u,className:p,layout:s},m.createElement(UW,{of:r||a.moduleExport,meta:e.meta,...e.story}))},WW=(e,t)=>{let n=t.getStoryContext(e),[r,o]=i.useState(n.globals);return i.useEffect(()=>{let a=l=>{o(l.globals)};return t.channel.on(ch,a),()=>t.channel.off(ch,a)},[t.channel]),[r]},GW=(e,t)=>{let n=qW(e,t);if(!n)throw new Error("No result when story was defined");return n},qW=(e,t)=>{let n=e?t.getStoryContext(e):{args:{}},{id:r}=e||{id:"none"},[o,a]=i.useState(n.args);i.useEffect(()=>{let c=u=>{u.storyId===r&&a(u.args)};return t.channel.on(uh,c),()=>t.channel.off(uh,c)},[r,t.channel]);let l=i.useCallback(c=>t.channel.emit(iU,{storyId:r,updatedArgs:c}),[r,t.channel]),s=i.useCallback(c=>t.channel.emit(sU,{storyId:r,argNames:c}),[r,t.channel]);return e&&[o,l,s]};function KW(e,t){let{extractArgTypes:n}=t.docs||{};if(!n)throw new Error("Args unsupported. See Args documentation for your framework.");return n(e)}var YW=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n=i.useContext(Dt),{story:r}=n.resolveOf(t||"story",["story"]),{parameters:o,argTypes:a,component:l,subcomponents:s}=r,c=o.docs?.controls||{},u=e.include??c.include,d=e.exclude??c.exclude,p=e.sort??c.sort,[h,f,v]=GW(r,n),[g]=WW(r,n),S=sh(a,u,d);if(!(s&&Object.keys(s).length>0))return Object.keys(S).length>0||Object.keys(h).length>0?m.createElement(U0,{rows:S,sort:p,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let b=MW(l),w=Object.fromEntries(Object.entries(s).map(([E,x])=>[E,{rows:sh(KW(x,o),u,d),sort:p}])),y={[b]:{rows:S,sort:p},...w};return m.createElement($W,{tabs:y,sort:p,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:a3}=Et,XW=({className:e,children:t,...n})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return m.createElement(C1,null,t);let r=e&&e.split("-");return m.createElement(By,{language:r&&r[1]||"text",format:!1,code:t,...n})};function tf(e,t){e.channel.emit(cU,t)}var V0=z4.a,ZW=({hash:e,children:t})=>{let n=i.useContext(Dt);return m.createElement(V0,{href:e,target:"_self",onClick:r=>{let o=e.substring(1);a3.getElementById(o)&&tf(n,e)}},t)},QW=e=>{let{href:t,target:n,children:r,...o}=e,a=i.useContext(Dt);return!t||n==="_blank"||/^https?:\/\//.test(t)?m.createElement(V0,{...e}):t.startsWith("#")?m.createElement(ZW,{hash:t},r):m.createElement(V0,{href:t,onClick:l=>{l.button===0&&!l.altKey&&!l.ctrlKey&&!l.metaKey&&!l.shiftKey&&(l.preventDefault(),tf(a,l.currentTarget.getAttribute("href")))},target:n,...o},r)},l3=["h1","h2","h3","h4","h5","h6"],JW=l3.reduce((e,t)=>({...e,[t]:k(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),eG=k.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),tG=({as:e,id:t,children:n,...r})=>{let o=i.useContext(Dt),a=JW[e],l=`#${t}`;return m.createElement(a,{id:t,...r},m.createElement(eG,{"aria-hidden":"true",href:l,tabIndex:-1,target:"_self",onClick:s=>{a3.getElementById(t)&&tf(o,l)}},m.createElement(u2,null)),n)},nf=e=>{let{as:t,id:n,children:r,...o}=e;if(n)return m.createElement(tG,{as:t,id:n,...o},r);let a=t,{as:l,...s}=e;return m.createElement(a,{...fe(s,t)})},nG=l3.reduce((e,t)=>({...e,[t]:n=>m.createElement(nf,{as:t,...n})}),{}),rG=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(C3`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
+            ${_r(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${nn(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),e3=k.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),WV=k(e3)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),GV=k.div({display:"flex",alignItems:"center",width:"100%"});function qV(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var KV=({name:e,value:t,onChange:n,min:r=0,max:o=100,step:a=1,onBlur:l,onFocus:s,argType:c})=>{let u=f=>{n(oV(f.target.value))},d=t!==void 0,p=i.useMemo(()=>qV(a),[a]),h=!!c?.table?.readonly;return m.createElement(GV,{"aria-readonly":h},m.createElement(e3,null,r),m.createElement(VV,{id:Ft(e),type:"range",disabled:h,onChange:u,name:e,value:t,min:r,max:o,step:a,onFocus:s,onBlur:l}),m.createElement(WV,{numberOFDecimalsPlaces:p,max:o},d?t.toFixed(p):"--"," / ",o))},YV=k.label({display:"flex"}),XV=k.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),ZV=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,maxLength:a,argType:l})=>{let s=f=>{n(f.target.value)},c=!!l?.table?.readonly,[u,d]=i.useState(!1),p=i.useCallback(()=>{n(""),d(!0)},[d]);if(t===void 0)return m.createElement(pr,{variant:"outline",size:"medium",disabled:c,id:ws(e),onClick:p},"Set string");let h=typeof t=="string";return m.createElement(YV,null,m.createElement(na.Textarea,{id:Ft(e),maxLength:a,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:u,valid:h?null:"error",name:e,value:h?t:"",onFocus:r,onBlur:o}),a&&m.createElement(XV,{isMaxed:t?.length===a},t?.length??0," / ",a))},QV=k(na.Input)({padding:10});function JV(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var eW=({onChange:e,name:t,accept:n="image/*",value:r,argType:o})=>{let a=i.useRef(null),l=o?.control?.readOnly;function s(c){if(!c.target.files)return;let u=Array.from(c.target.files).map(d=>URL.createObjectURL(d));e(u),JV(r)}return i.useEffect(()=>{r==null&&a.current&&(a.current.value=null)},[r,t]),m.createElement(QV,{ref:a,id:Ft(t),type:"file",name:t,multiple:!0,disabled:l,onChange:s,accept:n,size:"flex"})},tW=i.lazy(()=>Br(()=>import("./Color-PRSJMWNM-CRSv4C7i.js"),__vite__mapDeps([7,2,1,3,4]),import.meta.url)),nW=e=>m.createElement(i.Suspense,{fallback:m.createElement("div",null)},m.createElement(tW,{...e})),rW={array:bh,object:bh,boolean:XU,color:nW,date:nV,number:lV,check:io,"inline-check":io,radio:io,"inline-radio":io,select:io,"multi-select":io,range:KV,text:ZV,file:eW},Eh=()=>m.createElement(m.Fragment,null,"-"),oW=({row:e,arg:t,updateArgs:n,isHovered:r})=>{let{key:o,control:a}=e,[l,s]=i.useState(!1),[c,u]=i.useState({value:t});i.useEffect(()=>{l||u({value:t})},[l,t]);let d=i.useCallback(g=>(u({value:g}),n({[o]:g}),g),[n,o]),p=i.useCallback(()=>s(!1),[]),h=i.useCallback(()=>s(!0),[]);if(!a||a.disable){let g=a?.disable!==!0&&e?.type?.name!=="function";return r&&g?m.createElement(zr,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):m.createElement(Eh,null)}let f={name:o,argType:e,value:c.value,onChange:d,onBlur:p,onFocus:h},v=rW[a.type]||Eh;return m.createElement(v,{...f,...a,controlType:a.type})},aW=k.span({fontWeight:"bold"}),lW=k.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),iW=k.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Mn({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),sW=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?4:0})),cW=k.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?de(.1,e.color.defaultText):de(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),uW=k.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),dW=e=>e&&{summary:typeof e=="string"?e:e.name},di=e=>{let[t,n]=i.useState(!1),{row:r,updateArgs:o,compact:a,expandable:l,initialExpandedArgs:s}=e,{name:c,description:u}=r,d=r.table||{},p=d.type||dW(r.type),h=d.defaultValue||r.defaultValue,f=r.type?.required,v=u!=null&&u!=="";return m.createElement("tr",{onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1)},m.createElement(uW,{expandable:l},m.createElement(aW,null,c),f?m.createElement(lW,{title:"Required"},"*"):null),a?null:m.createElement("td",null,v&&m.createElement(iW,null,m.createElement(Ey,null,u)),d.jsDocTags!=null?m.createElement(m.Fragment,null,m.createElement(cW,{hasDescription:v},m.createElement(pu,{value:p,initialExpandedArgs:s})),m.createElement(NU,{tags:d.jsDocTags})):m.createElement(sW,{hasDescription:v},m.createElement(pu,{value:p,initialExpandedArgs:s}))),a?null:m.createElement("td",null,m.createElement(pu,{value:h,initialExpandedArgs:s})),o?m.createElement("td",null,m.createElement(oW,{...e,isHovered:t})):null)},fW=k(d2)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),pW=k(y1)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?de(.25,e.color.defaultText):de(.3,e.color.defaultText),border:"none",display:"inline-block"})),hW=k.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),mW=k.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),gW=k.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),vW=k.td(()=>({position:"relative"})),yW=k.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${_r(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),xh=k.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),mu=({level:e="section",label:t,children:n,initialExpanded:r=!0,colSpan:o=3})=>{let[a,l]=i.useState(r),s=e==="subsection"?gW:mW,c=n?.length||0,u=e==="subsection"?`${c} item${c!==1?"s":""}`:"",d=`${a?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return m.createElement(m.Fragment,null,m.createElement(yW,{title:d},m.createElement(s,{colSpan:1},m.createElement(xh,{onClick:p=>l(!a),tabIndex:0},d),m.createElement(hW,null,a?m.createElement(fW,null):m.createElement(pW,null),t)),m.createElement(vW,{colSpan:o-1},m.createElement(xh,{onClick:p=>l(!a),tabIndex:-1,style:{outline:"none"}},d),a?null:u)),a?n:null)},fi=k.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Fe=k.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Ce=k.div(({theme:e,width:t,height:n})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:n||16,borderRadius:3})),He=[2,4,2,2],wW=()=>m.createElement(m.Fragment,null,m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"}))),m.createElement(fi,null,m.createElement(Fe,{numColumn:He[0]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[1]},m.createElement(Ce,{width:"80%"}),m.createElement(Ce,{width:"30%"})),m.createElement(Fe,{numColumn:He[2]},m.createElement(Ce,{width:"60%"})),m.createElement(Fe,{numColumn:He[3]},m.createElement(Ce,{width:"60%"})))),bW=k.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),EW=k.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),xW=k.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),SW=({inAddonPanel:e})=>{let[t,n]=i.useState(!0);return i.useEffect(()=>{let r=setTimeout(()=>{n(!1)},100);return()=>clearTimeout(r)},[]),t?null:m.createElement(bW,{inAddonPanel:e},m.createElement(T1,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:m.createElement(m.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:m.createElement(EW,null,e&&m.createElement(m.Fragment,null,m.createElement(zr,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},m.createElement(l2,null)," Watch 5m video"),m.createElement(xW,null),m.createElement(zr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(fs,null)," Read docs")),!e&&m.createElement(zr,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},m.createElement(fs,null)," Learn how to set that up"))}))},CW=k.table(({theme:e,compact:t,inAddonPanel:n})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:n?0:25,marginBottom:n?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?de(.25,e.color.defaultText):de(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:n?0:1,marginRight:n?0:1,tbody:{...n?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...n?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),_W=k(nr)(({theme:e})=>({margin:"-4px -12px -4px 0"})),RW=k.span({display:"flex",justifyContent:"space-between"}),kW={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>+!!t.type?.required-+!!e.type?.required||e.name.localeCompare(t.name),none:void 0},IW=(e,t)=>{let n={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return n;Object.entries(e).forEach(([a,l])=>{let{category:s,subcategory:c}=l?.table||{};if(s){let u=n.sections[s]||{ungrouped:[],subsections:{}};if(!c)u.ungrouped.push({key:a,...l});else{let d=u.subsections[c]||[];d.push({key:a,...l}),u.subsections[c]=d}n.sections[s]=u}else if(c){let u=n.ungroupedSubsections[c]||[];u.push({key:a,...l}),n.ungroupedSubsections[c]=u}else n.ungrouped.push({key:a,...l})});let r=kW[t],o=a=>r?Object.keys(a).reduce((l,s)=>({...l,[s]:a[s].sort(r)}),{}):a;return{ungrouped:n.ungrouped.sort(r),ungroupedSubsections:o(n.ungroupedSubsections),sections:Object.keys(n.sections).reduce((a,l)=>({...a,[l]:{ungrouped:n.sections[l].ungrouped.sort(r),subsections:o(n.sections[l].subsections)}}),{})}},AW=(e,t,n)=>{try{return S3(e,t,n)}catch(r){return lU.warn(r.message),!1}},U0=e=>{let{updateArgs:t,resetArgs:n,compact:r,inAddonPanel:o,initialExpandedArgs:a,sort:l="none",isLoading:s}=e;if("error"in e){let{error:w}=e;return m.createElement(Ny,null,w," ",m.createElement(zr,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},m.createElement(fs,null)," Read the docs"))}if(s)return m.createElement(wW,null);let{rows:c,args:u,globals:d}="rows"in e&&e,p=IW(lz(c,w=>!w?.table?.disable&&AW(w,u||{},d||{})),l),h=p.ungrouped.length===0,f=Object.entries(p.sections).length===0,v=Object.entries(p.ungroupedSubsections).length===0;if(h&&f&&v)return m.createElement(SW,{inAddonPanel:o});let g=1;t&&(g+=1),r||(g+=2);let S=Object.keys(p.sections).length>0,b={updateArgs:t,compact:r,inAddonPanel:o,initialExpandedArgs:a};return m.createElement(k1,null,m.createElement(CW,{compact:r,inAddonPanel:o,className:"docblock-argstable sb-unstyled"},m.createElement("thead",{className:"docblock-argstable-head"},m.createElement("tr",null,m.createElement("th",null,m.createElement("span",null,"Name")),r?null:m.createElement("th",null,m.createElement("span",null,"Description")),r?null:m.createElement("th",null,m.createElement("span",null,"Default")),t?m.createElement("th",null,m.createElement(RW,null,"Control"," ",!s&&n&&m.createElement(_W,{onClick:()=>n(),title:"Reset controls"},m.createElement(p2,{"aria-hidden":!0})))):null)),m.createElement("tbody",{className:"docblock-argstable-body"},p.ungrouped.map(w=>m.createElement(di,{key:w.key,row:w,arg:u&&u[w.key],...b})),Object.entries(p.ungroupedSubsections).map(([w,y])=>m.createElement(mu,{key:w,label:w,level:"subsection",colSpan:g},y.map(E=>m.createElement(di,{key:E.key,row:E,arg:u&&u[E.key],expandable:S,...b})))),Object.entries(p.sections).map(([w,y])=>m.createElement(mu,{key:w,label:w,level:"section",colSpan:g},y.ungrouped.map(E=>m.createElement(di,{key:E.key,row:E,arg:u&&u[E.key],...b})),Object.entries(y.subsections).map(([E,x])=>m.createElement(mu,{key:E,label:E,level:"subsection",colSpan:g},x.map(C=>m.createElement(di,{key:C.key,row:C,arg:u&&u[C.key],expandable:S,...b})))))))))},$W=({tabs:e,...t})=>{let n=Object.entries(e);return n.length===1?m.createElement(U0,{...n[0][1],...t}):m.createElement(P1,null,n.map((r,o)=>{let[a,l]=r,s=`prop_table_div_${a}`,c="div",u=o===0?t:{sort:t.sort};return m.createElement(c,{key:s,id:s,title:a},({active:d})=>d?m.createElement(U0,{key:`prop_table_${a}`,...l,...u}):null)}))};k.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});k.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});k.div(ve,({theme:e})=>({...rc(e),margin:"25px 0 40px",padding:"30px 20px"}));k.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));k.div(({theme:e})=>({color:e.base==="light"?de(.2,e.color.defaultText):de(.6,e.color.defaultText)}));k.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});k.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));k.div({display:"flex",flexDirection:"row"});k.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));k.div(({theme:e})=>({...rc(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));k.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});k.div({flex:1,display:"flex",flexDirection:"row"});k.div({display:"flex",alignItems:"flex-start"});k.div({flex:"0 0 30%"});k.div({flex:1});k.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?de(.4,e.color.defaultText):de(.6,e.color.defaultText)}));k.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));k.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));k.div(({theme:e})=>({...rc(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));k.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});k.div({display:"flex",flexFlow:"row wrap"});var OW=e=>`anchor--${e}`,t3=({storyId:e,children:t})=>m.createElement("div",{id:OW(e),className:"sb-anchor"},t);Et&&Et.__DOCS_CONTEXT__===void 0&&(Et.__DOCS_CONTEXT__=i.createContext(null),Et.__DOCS_CONTEXT__.displayName="DocsContext");var Dt=Et?Et.__DOCS_CONTEXT__:i.createContext(null),Zr=(e,t)=>i.useContext(Dt).resolveOf(e,t),TW=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),MW=e=>{if(e)return typeof e=="string"?e.includes("-")?TW(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function LW(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function n3(e){return Kj(e,{allowFunction:!1})}var r3=i.createContext({sources:{}}),o3="--unknown--",PW=({children:e,channel:t})=>{let[n,r]=i.useState({});return i.useEffect(()=>{let o=(a,l=null,s=!1)=>{let{id:c,args:u=void 0,source:d,format:p}=typeof a=="string"?{id:a,source:l,format:s}:a,h=u?n3(u):o3;r(f=>({...f,[c]:{...f[c],[h]:{code:d,format:p}}}))};return t.on(sf,o),()=>t.off(sf,o)},[]),m.createElement(r3.Provider,{value:{sources:n}},e)},zW=(e,t,n)=>{let{sources:r}=n,o=r?.[e];return o?.[n3(t)]||o?.[o3]||{code:""}},NW=({snippet:e,storyContext:t,typeFromProps:n,transformFromProps:r})=>{let{__isArgsStory:o}=t.parameters,a=t.parameters.docs?.source||{},l=n||a.type||ic.AUTO;if(a.code!==void 0)return a.code;let s=l===ic.DYNAMIC||l===ic.AUTO&&e&&o?e:a.originalSource||"";return(r??a.transform)?.(s,t)||s},BW=(e,t,n)=>{let r,{of:o}=e;if("of"in e&&o===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(o)r=t.resolveOf(o,["story"]).story;else try{r=t.storyById()}catch{}let a=r?.parameters?.docs?.source||{},{code:l}=e,s=e.format??a.format,c=e.language??a.language??"jsx",u=e.dark??a.dark??!1;if(!l&&!r)return{error:"Oh no! The source is not available."};if(l)return{code:l,format:s,language:c,dark:u};let d=t.getStoryContext(r),p=e.__forceInitialArgs?d.initialArgs:d.unmappedArgs,h=zW(r.id,p,n);return s=h.format??r.parameters.docs?.source?.format??!1,{code:NW({snippet:h.code,storyContext:{...d,args:p},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:u}};function FW(e,t){let n=HW([e],t);return n&&n[0]}function HW(e,t){let[n,r]=i.useState({});return i.useEffect(()=>{Promise.all(e.map(async o=>{let a=await t.loadStory(o);r(l=>l[o]===a?l:{...l,[o]:a})}))}),e.map(o=>{if(n[o])return n[o];try{return t.storyById(o)}catch{return null}})}var DW=(e,t)=>{let{of:n,meta:r}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return r&&t.referenceMeta(r,!1),t.resolveOf(n||"story",["story"]).story.id},jW=(e,t,n)=>{let{parameters:r={}}=t||{},{docs:o={}}=r,a=o.story||{};if(o.disable)return null;if(e.inline??a.inline??!1){let s=e.height??a.height,c=e.autoplay??a.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:n.renderStoryToElement}}let l=e.height??a.height??a.iframeHeight??"100px";return{story:t,inline:!1,height:l,primary:!!e.__primary}},UW=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=i.useContext(Dt),n=DW(e,t),r=FW(n,t);if(!r)return m.createElement(Hy,null);let o=jW(e,r,t);return o?m.createElement(AU,{...o}):null},VW=e=>{let t=i.useContext(Dt),n=i.useContext(r3),{of:r,source:o}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:a}=Zr(r||"story",["story"]),l=BW({...o,...r&&{of:r}},t,n),s=e.layout??a.parameters.layout??a.parameters.docs?.canvas?.layout??"padded",c=e.withToolbar??a.parameters.docs?.canvas?.withToolbar??!1,u=e.additionalActions??a.parameters.docs?.canvas?.additionalActions,d=e.sourceState??a.parameters.docs?.canvas?.sourceState??"hidden",p=e.className??a.parameters.docs?.canvas?.className;return m.createElement(Dy,{withSource:d==="none"?void 0:l,isExpanded:d==="shown",withToolbar:c,additionalActions:u,className:p,layout:s},m.createElement(UW,{of:r||a.moduleExport,meta:e.meta,...e.story}))},WW=(e,t)=>{let n=t.getStoryContext(e),[r,o]=i.useState(n.globals);return i.useEffect(()=>{let a=l=>{o(l.globals)};return t.channel.on(ch,a),()=>t.channel.off(ch,a)},[t.channel]),[r]},GW=(e,t)=>{let n=qW(e,t);if(!n)throw new Error("No result when story was defined");return n},qW=(e,t)=>{let n=e?t.getStoryContext(e):{args:{}},{id:r}=e||{id:"none"},[o,a]=i.useState(n.args);i.useEffect(()=>{let c=u=>{u.storyId===r&&a(u.args)};return t.channel.on(uh,c),()=>t.channel.off(uh,c)},[r,t.channel]);let l=i.useCallback(c=>t.channel.emit(iU,{storyId:r,updatedArgs:c}),[r,t.channel]),s=i.useCallback(c=>t.channel.emit(sU,{storyId:r,argNames:c}),[r,t.channel]);return e&&[o,l,s]};function KW(e,t){let{extractArgTypes:n}=t.docs||{};if(!n)throw new Error("Args unsupported. See Args documentation for your framework.");return n(e)}var YW=e=>{let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let n=i.useContext(Dt),{story:r}=n.resolveOf(t||"story",["story"]),{parameters:o,argTypes:a,component:l,subcomponents:s}=r,c=o.docs?.controls||{},u=e.include??c.include,d=e.exclude??c.exclude,p=e.sort??c.sort,[h,f,v]=GW(r,n),[g]=WW(r,n),S=sh(a,u,d);if(!(s&&Object.keys(s).length>0))return Object.keys(S).length>0||Object.keys(h).length>0?m.createElement(U0,{rows:S,sort:p,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let b=MW(l),w=Object.fromEntries(Object.entries(s).map(([E,x])=>[E,{rows:sh(KW(x,o),u,d),sort:p}])),y={[b]:{rows:S,sort:p},...w};return m.createElement($W,{tabs:y,sort:p,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:a3}=Et,XW=({className:e,children:t,...n})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return m.createElement(C1,null,t);let r=e&&e.split("-");return m.createElement(By,{language:r&&r[1]||"text",format:!1,code:t,...n})};function tf(e,t){e.channel.emit(cU,t)}var V0=z4.a,ZW=({hash:e,children:t})=>{let n=i.useContext(Dt);return m.createElement(V0,{href:e,target:"_self",onClick:r=>{let o=e.substring(1);a3.getElementById(o)&&tf(n,e)}},t)},QW=e=>{let{href:t,target:n,children:r,...o}=e,a=i.useContext(Dt);return!t||n==="_blank"||/^https?:\/\//.test(t)?m.createElement(V0,{...e}):t.startsWith("#")?m.createElement(ZW,{hash:t},r):m.createElement(V0,{href:t,onClick:l=>{l.button===0&&!l.altKey&&!l.ctrlKey&&!l.metaKey&&!l.shiftKey&&(l.preventDefault(),tf(a,l.currentTarget.getAttribute("href")))},target:n,...o},r)},l3=["h1","h2","h3","h4","h5","h6"],JW=l3.reduce((e,t)=>({...e,[t]:k(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),eG=k.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),tG=({as:e,id:t,children:n,...r})=>{let o=i.useContext(Dt),a=JW[e],l=`#${t}`;return m.createElement(a,{id:t,...r},m.createElement(eG,{"aria-hidden":"true",href:l,tabIndex:-1,target:"_self",onClick:s=>{a3.getElementById(t)&&tf(o,l)}},m.createElement(u2,null)),n)},nf=e=>{let{as:t,id:n,children:r,...o}=e;if(n)return m.createElement(tG,{as:t,id:n,...o},r);let a=t,{as:l,...s}=e;return m.createElement(a,{...fe(s,t)})},nG=l3.reduce((e,t)=>({...e,[t]:n=>m.createElement(nf,{as:t,...n})}),{}),rG=e=>{if(!e.children)return null;if(typeof e.children!="string")throw new Error(C3`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}'
         This is often caused by not wrapping the child in a template string.
         This is invalid:

package/storybook-static/assets/{local-storage.test.stories-Cs2v3QTS.js → local-storage.test.stories-BqgYwqr-.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{w as x,e as c}from"./custom-element-BIxkVg7K.js";import"./index-CVRyq5ci.js";const p=(l,t)=>{if(l==="text")return t;if(l==="json")try{return JSON.parse(t)}catch{return null}const a=document.createElement("input");return a.setAttribute("type",l),l==="number"?(a.value=t,a.valueAsNumber):l==="date"?t?(a.valueAsDate=new Date(t),a.value):null:(a.value=t,a.value)};let b,v,g;function w(){b||(b=localStorage.setItem,localStorage.setItem=function(l,t,...a){b.apply(this,[l,t,...a]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:l,value:t}}))},v=localStorage.removeItem,localStorage.removeItem=function(l,...t){v.apply(this,[l,...t]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:l}}))},g=localStorage.clear,localStorage.clear=function(...l){g.apply(this,[...l]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{}}))})}function I(l,t){localStorage.setItem(l,t),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:l,value:t}}))}class T extends HTMLElement{static observedAttributes=["value","slice","key","type","live"];#e;get value(){return this.#e===null?void 0:this.#e}set value(t){return this.#e=t}async connectedCallback(){const t=n=>this.getAttribute(n),a=()=>{this.#e=p(t("type"),localStorage.getItem(t("key"))),this.dispatchEvent(new Event("change"))};if(this.#e=p(t("type"),localStorage.getItem(t("key"))),this.hasAttribute("value")?I(t("key"),this.#e=t("value")):a(),this.hasAttribute("live")){const n=e=>(e.detail.key===t("key")||!e.detail.key)&&a();window.addEventListener("local-storage",n),w(),this._destroy=()=>window.removeEventListener("local-storage",n)}}disconnectedCallback(){this._destroy?.()}}window.customElements.define("local-storage",T);const s={title:"",slice:"ls-slice",key:"sb-ls-key",value:"",live:"",body:""};function o(l){return new Promise(t=>setTimeout(t,l))}function V(l){const{title:t,slice:a,key:n,value:e,live:i,body:y}={...s,...l};return`
+import{w as x,e as c}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.js";const p=(l,t)=>{if(l==="text")return t;if(l==="json")try{return JSON.parse(t)}catch{return null}const a=document.createElement("input");return a.setAttribute("type",l),l==="number"?(a.value=t,a.valueAsNumber):l==="date"?t?(a.valueAsDate=new Date(t),a.value):null:(a.value=t,a.value)};let b,v,g;function w(){b||(b=localStorage.setItem,localStorage.setItem=function(l,t,...a){b.apply(this,[l,t,...a]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:l,value:t}}))},v=localStorage.removeItem,localStorage.removeItem=function(l,...t){v.apply(this,[l,...t]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:l}}))},g=localStorage.clear,localStorage.clear=function(...l){g.apply(this,[...l]),window.dispatchEvent(new CustomEvent("local-storage",{detail:{}}))})}function I(l,t){localStorage.setItem(l,t),window.dispatchEvent(new CustomEvent("local-storage",{detail:{key:l,value:t}}))}class T extends HTMLElement{static observedAttributes=["value","slice","key","type","live"];#e;get value(){return this.#e===null?void 0:this.#e}set value(t){return this.#e=t}async connectedCallback(){const t=n=>this.getAttribute(n),a=()=>{this.#e=p(t("type"),localStorage.getItem(t("key"))),this.dispatchEvent(new Event("change"))};if(this.#e=p(t("type"),localStorage.getItem(t("key"))),this.hasAttribute("value")?I(t("key"),this.#e=t("value")):a(),this.hasAttribute("live")){const n=e=>(e.detail.key===t("key")||!e.detail.key)&&a();window.addEventListener("local-storage",n),w(),this._destroy=()=>window.removeEventListener("local-storage",n)}}disconnectedCallback(){this._destroy?.()}}window.customElements.define("local-storage",T);const s={title:"",slice:"ls-slice",key:"sb-ls-key",value:"",live:"",body:""};function o(l){return new Promise(t=>setTimeout(t,l))}function V(l){const{title:t,slice:a,key:n,value:e,live:i,body:y}={...s,...l};return`
         <fieldset>
             <legend>${t}</legend>

package/storybook-static/assets/location-element-hKpcXCdn.js ADDED Viewed

@@ -0,0 +1 @@

+ const w=(t,e)=>t.getAttribute(e);let r;function f(){r||(r={},"back,forward,go,pushState,replaceState".split(",").forEach(t=>{r[t]=history[t],history[t]=function(...e){r[t].apply(history,e),window.dispatchEvent(new CustomEvent("dce-location",{detail:{k:t}}))}}))}const d={"location.href":t=>window.location.href=t,"location.hash":t=>window.location.hash=t,"location.assign":t=>window.location.assign(t),"location.replace":t=>window.location.replace(t),"history.pushState":t=>window.history.pushState({},"",t),"history.replaceState":t=>window.history.replaceState({},"",t)};class u extends HTMLElement{static observedAttributes=["value","slice","href","type","live","src","method"];constructor(){super();const e={},n=()=>setTimeout(c,1),c=()=>{const a=w(this,"href");a||f();const i=a?new URL(a,window.location):window.location,o={},l=new URLSearchParams(i.search);for(const s of l.keys())o[s]=l.getAll(s);const h={params:o};for(const s in i)typeof i[s]=="string"&&(h[s]=i[s]);this.value=h,this.dispatchEvent(new Event("change"))};this.sliceInit=a=>{if(this.hasAttribute("method")){const i=this.getAttribute("method"),o=this.getAttribute("src");i&&o&&(i==="location.hash"?o!==window.location.hash&&d[i]?.(o):window.location.href!==new URL(o,window.location).href&&d[i]?.(o))}return!e.listener&&this.hasAttribute("live")&&(e.listener=1,window.navigation?.addEventListener("navigate",n),window.addEventListener("popstate",n),window.addEventListener("hashchange",n),window.addEventListener("dce-location",n)),c(),a||{}},this._destroy=()=>{window.removeEventListener("popstate",n),window.removeEventListener("hashchange",n),window.removeEventListener("dce-location",n),delete e.listener}}attributeChangedCallback(e,n,c){e!=="href"&&e!=="method"&&!["method","src","href"].includes(e)||this.sliceInit&&this.sliceInit()}connectedCallback(){this.sliceInit()}disconnectedCallback(){this._destroy()}}window.customElements.define("location-element",u);

package/storybook-static/assets/{location-element.test.stories-WkrQDzJJ.js → location-element.test.stories-DvH1TWK4.js} RENAMED Viewed

@@ -1,13 +1,13 @@
-import{w as v,e as l}from"./custom-element-BIxkVg7K.js";import"./index-CVRyq5ci.js";const x=(o,a)=>o.getAttribute(a);let m;function y(){m||(m={},"back,forward,go,pushState,replaceState".split(",").forEach(o=>{m[o]=history[o],history[o]=function(...a){m[o].apply(history,a),window.dispatchEvent(new CustomEvent("dce-location",{detail:{k:o}}))}}))}class b extends HTMLElement{static observedAttributes=["value","slice","href","type","live"];constructor(){super();const a={},t=()=>setTimeout(c,1),c=()=>{const n=x(this,"href");n||y();const i=n?new URL(n,window.location):window.location,e={},r=new URLSearchParams(i.search);for(const s of r.keys())e[s]=r.getAll(s);const d={params:e};for(const s in i)typeof i[s]=="string"&&(d[s]=i[s]);this.value=d,this.dispatchEvent(new Event("change"))};this.sliceInit=n=>(!a.listener&&this.hasAttribute("live")&&(a.listener=1,window.navigation?.addEventListener("navigate",t),window.addEventListener("popstate",t),window.addEventListener("hashchange",t),window.addEventListener("dce-location",t)),c(),n||{}),this._destroy=()=>{window.removeEventListener("popstate",t),window.removeEventListener("hashchange",t),window.removeEventListener("dce-location",t),delete a.listener}}attributeChangedCallback(a,t,c){a==="href"&&this.sliceInit&&this.sliceInit()}connectedCallback(){this.sliceInit()}disconnectedCallback(){this._destroy()}}window.customElements.define("location-element",b);const w={title:"",slice:"url-slice",href:"",live:"",body:""};function u(o){return new Promise(a=>setTimeout(a,o))}function E(o){const{title:a,slice:t,href:c,live:n,body:i}={...w,...o};return`
+import{w as m,e}from"./custom-element-DpIq8E2p.js";import"./location-element-hKpcXCdn.js";import"./index-CVRyq5ci.js";const u={title:"",slice:"url-slice",href:"",live:"",body:""};function h(c){return new Promise(o=>setTimeout(o,c))}function x(c){const{title:o,slice:t,href:l,live:r,body:i}={...u,...c};return`
         <fieldset>
-            <legend>${a}</legend>
+            <legend>${o}</legend>
             <custom-element>
 <template><!-- wrapping into template to prevent images loading within DCE declaration -->
     <location-element
         slice="${t}"
-        ${c?`href="${c}"`:""}
-        live="${n}"
+        ${l?`href="${l}"`:""}
+        live="${r}"
         ></location-element>
@@ -34,13 +34,13 @@ import{w as v,e as l}from"./custom-element-BIxkVg7K.js";import"./index-CVRyq5ci.
 </template>
             </custom-element>
       </fieldset>
-  `}const q={title:"location-element",render:E},h={args:{title:"live value",live:"live",body:`
+  `}const b={title:"location-element",render:x},p={args:{title:"live value",live:"live",body:`
     <button onclick="history.pushState( {'{}'},'', '/location.html?pushstate=p1&p2=P2#h1')">history.pushState</button>
     <button onclick="history.replaceState( {'{}'},'', '/vacation.html?replaceState=r1&r2=R2#h2')">history.replaceState</button>
-`},play:async({canvasElement:o})=>{const a=v(o);await a.findByText(h.args.title);const t=e=>a.getByTestId("param-"+e).textContent.trim(),c=e=>a.getByText(e),n=(e,r)=>l(t(r)).toEqual(e[r],r),i="href,origin,protocol,host,hostname,port,pathname,search,hash".split(",");i.forEach(e=>n(window.location,e)),c("history.pushState").click(),await u(100),l(t("pathname")).toEqual("/location.html"),l(t("search")).toEqual("?pushstate=p1&p2=P2"),i.forEach(e=>n(window.location,e)),c("history.replaceState").click(),await u(100),l(t("pathname")).toEqual("/vacation.html"),l(t("search")).toEqual("?replaceState=r1&r2=R2"),i.forEach(e=>n(window.location,e))}},p={args:{title:"scr attribute as URL",live:"live",href:"/some/path?param1=/story/location-element--href-attribute?p1=P1&p2=P2#h1",body:`
+`},play:async({canvasElement:c})=>{const o=m(c);await o.findByText(p.args.title);const t=a=>o.getByTestId("param-"+a).textContent.trim(),l=a=>o.getByText(a),r=(a,n)=>e(t(n)).toEqual(a[n],n),i="href,origin,protocol,host,hostname,port,pathname,search,hash".split(",");i.forEach(a=>r(window.location,a)),l("history.pushState").click(),await h(100),e(t("pathname")).toEqual("/location.html"),e(t("search")).toEqual("?pushstate=p1&p2=P2"),i.forEach(a=>r(window.location,a)),l("history.replaceState").click(),await h(100),e(t("pathname")).toEqual("/vacation.html"),e(t("search")).toEqual("?replaceState=r1&r2=R2"),i.forEach(a=>r(window.location,a))}},s={args:{title:"scr attribute as URL",live:"live",href:"/some/path?param1=/story/location-element--href-attribute?p1=P1&p2=P2#h1",body:`
     <button onclick="document.querySelector('location-element').setAttribute('href','/location.html?a1=A1&b2=B2#h2')">/location.html?a1=A1&b2=B2#h2</button>
     <button onclick="document.querySelector('location-element').setAttribute('href','/vacation.html?c1=C1&d2=D2#h3')">/vacation.html?c1=C1&d2=D2#h3</button>
-`},play:async({canvasElement:o})=>{const a=v(o);await a.findByText(p.args.title);const t=e=>a.getByTestId("param-"+e).textContent.trim(),c=e=>a.getByText(e),n=(e,r)=>l(t(r)).toEqual(e[r],r);"origin,protocol,host,hostname,port".split(",").forEach(e=>n(window.location,e)),c("/location.html?a1=A1&b2=B2#h2").click(),await u(10),l(t("pathname")).toEqual("/location.html","pathname #2"),l(t("search")).toEqual("?a1=A1&b2=B2"),l(t("hash")).toEqual("#h2"),l(t("a1")).toEqual("A1"),l(t("b2")).toEqual("B2"),c("/vacation.html?c1=C1&d2=D2#h3").click(),await u(10),l(t("pathname")).toEqual("/vacation.html","pathname #3"),l(t("search")).toEqual("?c1=C1&d2=D2"),l(t("hash")).toEqual("#h3"),l(t("c1")).toEqual("C1"),l(t("d2")).toEqual("D2")}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+`},play:async({canvasElement:c})=>{const o=m(c);await o.findByText(s.args.title);const t=a=>o.getByTestId("param-"+a).textContent.trim(),l=a=>o.getByText(a),r=(a,n)=>e(t(n)).toEqual(a[n],n);"origin,protocol,host,hostname,port".split(",").forEach(a=>r(window.location,a)),l("/location.html?a1=A1&b2=B2#h2").click(),await h(10),e(t("pathname")).toEqual("/location.html","pathname #2"),e(t("search")).toEqual("?a1=A1&b2=B2"),e(t("hash")).toEqual("#h2"),e(t("a1")).toEqual("A1"),e(t("b2")).toEqual("B2"),l("/vacation.html?c1=C1&d2=D2#h3").click(),await h(10),e(t("pathname")).toEqual("/vacation.html","pathname #3"),e(t("search")).toEqual("?c1=C1&d2=D2"),e(t("hash")).toEqual("#h3"),e(t("c1")).toEqual("C1"),e(t("d2")).toEqual("D2")}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   args: {
     title: 'live value',
     live: 'live',
@@ -70,7 +70,7 @@ import{w as v,e as l}from"./custom-element-BIxkVg7K.js";import"./index-CVRyq5ci.
     expect(val('search')).toEqual('?replaceState=r1&r2=R2');
     locationProps.forEach(prop => expectMatch(window.location, prop));
   }
-}`,...h.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...p.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   args: {
     title: 'scr attribute as URL',
     live: 'live',
@@ -105,4 +105,4 @@ import{w as v,e as l}from"./custom-element-BIxkVg7K.js";import"./index-CVRyq5ci.
     expect(val('c1')).toEqual('C1');
     expect(val('d2')).toEqual('D2');
   }
-}`,...p.parameters?.docs?.source}}};const S=["Demo","SrcAttribute"];export{h as Demo,p as SrcAttribute,S as __namedExportsOrder,q as default};
+}`,...s.parameters?.docs?.source}}};const E=["Demo","SrcAttribute"];export{p as Demo,s as SrcAttribute,E as __namedExportsOrder,b as default};

package/storybook-static/assets/{preview-p-Bwze-K.js → preview-DjDbQHPa.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-VRGUwRrq.js","./iframe-DcDTQOmA.js","./index-DPPi9iZu.js","./index-Cc7K62zD.js","./index-DXimoRZY.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import{_ as a}from"./iframe-DcDTQOmA.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU-VRGUwRrq.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>_[r]).length===0&&!e.parameters.docs?.disable}}};export{d as parameters};
+const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-CG_P5zRZ.js","./iframe-CURpvmVV.js","./index-DsWii_Ep.js","./index-Cc7K62zD.js","./index-DXimoRZY.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import{_ as a}from"./iframe-CURpvmVV.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU-CG_P5zRZ.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>_[r]).length===0&&!e.parameters.docs?.disable}}};export{d as parameters};