diff --git a/assets/Color-KGDBMAHA-B54mmO3C.js b/assets/Color-KGDBMAHA-BgxIBEMh.js similarity index 99% rename from assets/Color-KGDBMAHA-B54mmO3C.js rename to assets/Color-KGDBMAHA-BgxIBEMh.js index b22d080..c86992e 100644 --- a/assets/Color-KGDBMAHA-B54mmO3C.js +++ b/assets/Color-KGDBMAHA-BgxIBEMh.js @@ -1 +1 @@ -import{ag as h,ai as b,an as Me,ao as ie,ap as Ce,aq as $,a2 as ue,a0 as $e,x as Ie,ar as Oe,as as Ne}from"./index-CvFCZJ7S.js";import{g as fe}from"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function O(){return(O=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(te(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var m=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(m?"touchmove":"mousemove",x),E(m?"touchend":"mouseup",j)}return[function(p){var m=p.nativeEvent,w=o.current;if(w&&(ne(m),!function(k,I){return I&&!H(k)}(m,c.current)&&w)){if(H(m)){c.current=!0;var E=m.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,m,l.current)),M(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return b.useEffect(function(){return g},[g]),h.createElement("div",O({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},ze=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?He({h:je(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},He=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},Fe=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},Te=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},be=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),me=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),b.useEffect(function(){var i;ve(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=b.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},re=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!re.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,re.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Xe=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(me,{hsva:i,onChange:d}),h.createElement(be,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return Fe({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},We=function(e){return h.createElement(Xe,O({},e,{colorModel:De}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(me,{hsva:i,onChange:d}),h.createElement(be,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ze,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,O({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Te,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,O({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=_e;function Qe(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{N[e]={},Object.defineProperty(N[e],"channels",{value:U[e].channels}),Object.defineProperty(N[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=st(o),N[e][r].raw=at(o)})});var lt=N;const _=fe(lt);var ct=Me,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,bt=/^\s+/;function mt(e){return e&&e.slice(0,gt(e)+1).replace(bt,"")}var vt=mt,pt=vt,oe=ie,yt=Ce,ae=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return ae;if(oe(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=oe(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?ae:+e}var Mt=Et,Ct=ie,W=ut,se=Mt,$t="Expected a function",It=Math.max,Ot=Math.min;function Nt(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?It(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(m,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?Ot(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function m(){var v=W();if(p(v))return w(v);l=setTimeout(m,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function I(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(m,t),x(c)}return l===void 0&&(l=setTimeout(m,t)),s}return I.cancel=E,I.flush=k,I}var St=Nt;const Rt=fe(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ht=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ft=$($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:We,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>S(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=b.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=b.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=b.useCallback(Rt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),m=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ht,null,h.createElement(m,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,I)=>h.createElement(ue,{key:`${k.value}-${I}`,hasChrome:!1,tooltip:h.createElement(Ft,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},on=Yt;export{Yt as ColorControl,on as default}; +import{ag as h,ai as b,an as Me,ao as ie,ap as Ce,aq as $,a2 as ue,a0 as $e,x as Ie,ar as Oe,as as Ne}from"./index-DCxvxGE5.js";import{g as fe}from"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function O(){return(O=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(te(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var m=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(m?"touchmove":"mousemove",x),E(m?"touchend":"mouseup",j)}return[function(p){var m=p.nativeEvent,w=o.current;if(w&&(ne(m),!function(k,I){return I&&!H(k)}(m,c.current)&&w)){if(H(m)){c.current=!0;var E=m.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,m,l.current)),M(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return b.useEffect(function(){return g},[g]),h.createElement("div",O({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},je=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},ze=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?He({h:je(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},He=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},Fe=function(e){return Pe(de(e))},he=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},Te=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},ge=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},be=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),me=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),b.useEffect(function(){var i;ve(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=b.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},re=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!re.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,re.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Xe=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(me,{hsva:i,onChange:d}),h.createElement(be,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return Fe({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},We=function(e){return h.createElement(Xe,O({},e,{colorModel:De}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var c=ye(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(me,{hsva:i,onChange:d}),h.createElement(be,{hue:i.h,onChange:d}),h.createElement(Ke,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ze,fromHsva:B,equal:pe},Ae=function(e){return h.createElement(we,O({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Te,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,O({},e,{colorModel:Ge}))},Ye={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Ye,ke={};for(const e of Object.keys(F))ke[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var _e=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Je(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=_e;function Qe(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{N[e]={},Object.defineProperty(N[e],"channels",{value:U[e].channels}),Object.defineProperty(N[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=st(o),N[e][r].raw=at(o)})});var lt=N;const _=fe(lt);var ct=Me,it=function(){return ct.Date.now()},ut=it,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,bt=/^\s+/;function mt(e){return e&&e.slice(0,gt(e)+1).replace(bt,"")}var vt=mt,pt=vt,oe=ie,yt=Ce,ae=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return ae;if(oe(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=oe(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?ae:+e}var Mt=Et,Ct=ie,W=ut,se=Mt,$t="Expected a function",It=Math.max,Ot=Math.min;function Nt(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=se(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?It(se(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(m,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?Ot(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function m(){var v=W();if(p(v))return w(v);l=setTimeout(m,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function I(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(m,t),x(c)}return l===void 0&&(l=setTimeout(m,t)),s}return I.cancel=E,I.flush=k,I}var St=Nt;const Rt=fe(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ht=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ft=$($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:We,rgb:Ue,hsl:Ae},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>S(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=b.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=b.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=b.useCallback(Rt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),m=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ht,null,h.createElement(m,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,I)=>h.createElement(ue,{key:`${k.value}-${I}`,hasChrome:!1,tooltip:h.createElement(Ft,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},on=Yt;export{Yt as ColorControl,on as default}; diff --git a/assets/Container-C9tEDbg3.js b/assets/Container-DTE-F0l7.js similarity index 89% rename from assets/Container-C9tEDbg3.js rename to assets/Container-DTE-F0l7.js index 0a6b724..cbe483f 100644 --- a/assets/Container-C9tEDbg3.js +++ b/assets/Container-DTE-F0l7.js @@ -1,4 +1,4 @@ -import{ae as n,af as s}from"./index-CvFCZJ7S.js";import{u as r}from"./index-DuOii9qG.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function o(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Puzzle Shell/Components/Container"}),` +import{ae as n,af as s}from"./index-DCxvxGE5.js";import{u as r}from"./index-DBXyiuAD.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function o(t){const e={code:"code",h1:"h1",p:"p",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Puzzle Shell/Components/Container"}),` `,n.jsx(e.h1,{id:"container",children:"Container"}),` `,n.jsxs(e.p,{children:["The ",n.jsx(e.code,{children:"pzsh-container"})," component is the top-level component that implements the page layout. It contains all other Puzzle Shell components as well as the application's or site's content."]}),` `,n.jsx(e.p,{children:"Example usage:"}),` diff --git a/assets/DocsRenderer-PKQXORMH-C3zJz8Ht.js b/assets/DocsRenderer-PKQXORMH-DNRllzub.js similarity index 82% rename from assets/DocsRenderer-PKQXORMH-C3zJz8Ht.js rename to assets/DocsRenderer-PKQXORMH-DNRllzub.js index a8a6928..c13af54 100644 --- a/assets/DocsRenderer-PKQXORMH-C3zJz8Ht.js +++ b/assets/DocsRenderer-PKQXORMH-DNRllzub.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BlbLbnaM.js","./index-DuOii9qG.js","./index-CvFCZJ7S.js","./iframe-CWEzad6F.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]); -import{_ as h}from"./iframe-CWEzad6F.js";import{ah as d,ag as o,ai as i,aj as E,ak as R,al as x,am as y}from"./index-CvFCZJ7S.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";var m={},u=d;m.createRoot=u.createRoot,m.hydrateRoot=u.hydrateRoot;var n=new Map,v=({callback:t,children:e})=>{let r=i.useRef();return i.useLayoutEffect(()=>{r.current!==t&&(r.current=t,t())},[t]),e},w=async(t,e,r)=>{let a=await _(e,r);return new Promise(s=>{a.render(o.createElement(v,{callback:()=>s(null)},t))})},D=(t,e)=>{let r=n.get(t);r&&(r.unmount(),n.delete(t))},_=async(t,e)=>{let r=n.get(t);return r||(r=m.createRoot(t,e),n.set(t,r)),r},g={code:E,a:R,...x},f=class extends i.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:e}=this.props;e(t)}render(){let{hasError:t}=this.state,{children:e}=this.props;return t?null:o.createElement(o.Fragment,null,e)}},T=class{constructor(){this.render=async(t,e,r)=>{let a={...g,...e==null?void 0:e.components},s=y;return new Promise((p,l)=>{h(async()=>{const{MDXProvider:c}=await import("./index-BlbLbnaM.js");return{MDXProvider:c}},__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url).then(({MDXProvider:c})=>w(o.createElement(f,{showException:l,key:Math.random()},o.createElement(c,{components:a},o.createElement(s,{context:t,docsParameter:e}))),r)).then(()=>p())})},this.unmount=t=>{D(t)}}};export{T as DocsRenderer,g as defaultComponents}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-ERUavp0K.js","./index-DBXyiuAD.js","./index-DCxvxGE5.js","./iframe-V12w8ufp.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]); +import{_ as h}from"./iframe-V12w8ufp.js";import{ah as d,ag as o,ai as i,aj as E,ak as R,al as x,am as y}from"./index-DCxvxGE5.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";var m={},u=d;m.createRoot=u.createRoot,m.hydrateRoot=u.hydrateRoot;var n=new Map,v=({callback:t,children:e})=>{let r=i.useRef();return i.useLayoutEffect(()=>{r.current!==t&&(r.current=t,t())},[t]),e},w=async(t,e,r)=>{let a=await _(e,r);return new Promise(s=>{a.render(o.createElement(v,{callback:()=>s(null)},t))})},D=(t,e)=>{let r=n.get(t);r&&(r.unmount(),n.delete(t))},_=async(t,e)=>{let r=n.get(t);return r||(r=m.createRoot(t,e),n.set(t,r)),r},g={code:E,a:R,...x},f=class extends i.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:e}=this.props;e(t)}render(){let{hasError:t}=this.state,{children:e}=this.props;return t?null:o.createElement(o.Fragment,null,e)}},T=class{constructor(){this.render=async(t,e,r)=>{let a={...g,...e==null?void 0:e.components},s=y;return new Promise((p,l)=>{h(async()=>{const{MDXProvider:c}=await import("./index-ERUavp0K.js");return{MDXProvider:c}},__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url).then(({MDXProvider:c})=>w(o.createElement(f,{showException:l,key:Math.random()},o.createElement(c,{components:a},o.createElement(s,{context:t,docsParameter:e}))),r)).then(()=>p())})},this.unmount=t=>{D(t)}}};export{T as DocsRenderer,g as defaultComponents}; diff --git a/assets/Favicon-Dqinln2I.js b/assets/Favicon-CRtd-5nT.js similarity index 95% rename from assets/Favicon-Dqinln2I.js rename to assets/Favicon-CRtd-5nT.js index aaae377..76a6a3c 100644 --- a/assets/Favicon-Dqinln2I.js +++ b/assets/Favicon-CRtd-5nT.js @@ -1,4 +1,4 @@ -import{ae as n,af as s}from"./index-CvFCZJ7S.js";import{u as r}from"./index-DuOii9qG.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function a(i){const e={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...r(),...i.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Puzzle Shell/Components/Favicon"}),` +import{ae as n,af as s}from"./index-DCxvxGE5.js";import{u as r}from"./index-DBXyiuAD.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function a(i){const e={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...r(),...i.components};return n.jsxs(n.Fragment,{children:[n.jsx(s,{title:"Puzzle Shell/Components/Favicon"}),` `,n.jsx(e.h1,{id:"favicon",children:"Favicon"}),` `,n.jsxs(e.p,{children:["The Favicon and its variations for the ",n.jsx(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Manifest",rel:"nofollow",children:"Web Application Manifest"})," can be found here:"]}),` `,` diff --git a/assets/Fonts-CP0twRJ8.js b/assets/Fonts-BbnNJdE1.js similarity index 91% rename from assets/Fonts-CP0twRJ8.js rename to assets/Fonts-BbnNJdE1.js index aaf0a75..73dced2 100644 --- a/assets/Fonts-CP0twRJ8.js +++ b/assets/Fonts-BbnNJdE1.js @@ -1,4 +1,4 @@ -import{ae as o,af as l}from"./index-CvFCZJ7S.js";import{u as i}from"./index-DuOii9qG.js";import"./theme-Cw2V9NOY.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";import"./lit-element-Cg_OjzXH.js";function t(e,n,s){const r={div:"div",...i()};return o.jsxs(r.div,{style:{background:"#edf1f3",padding:"1rem 1rem 0",borderRadius:"5px",marginBottom:"3rem",overflow:"hidden"},children:[o.jsx(r.div,{style:{fontFamily:`var(${e})`,fontWeight:n,fontStyle:s,fontSize:"40px"},children:"The quick brown fox jumps over the lazy dog"}),o.jsxs(r.div,{style:{margin:"0.75rem 0 0.25rem auto ",width:"max-content",fontSize:"0.8rem",opacity:.6},children:["font-family: var(",e,"); font-weight: ",n,"; font-style:"," ",s]})]})}function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...e.components};return o.jsxs(o.Fragment,{children:[o.jsx(l,{title:"Puzzle Shell/Components/Fonts"}),` +import{ae as o,af as l}from"./index-DCxvxGE5.js";import{u as i}from"./index-DBXyiuAD.js";import"./theme-Cw2V9NOY.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";import"./lit-element-Cg_OjzXH.js";function t(e,n,s){const r={div:"div",...i()};return o.jsxs(r.div,{style:{background:"#edf1f3",padding:"1rem 1rem 0",borderRadius:"5px",marginBottom:"3rem",overflow:"hidden"},children:[o.jsx(r.div,{style:{fontFamily:`var(${e})`,fontWeight:n,fontStyle:s,fontSize:"40px"},children:"The quick brown fox jumps over the lazy dog"}),o.jsxs(r.div,{style:{margin:"0.75rem 0 0.25rem auto ",width:"max-content",fontSize:"0.8rem",opacity:.6},children:["font-family: var(",e,"); font-weight: ",n,"; font-style:"," ",s]})]})}function a(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...i(),...e.components};return o.jsxs(o.Fragment,{children:[o.jsx(l,{title:"Puzzle Shell/Components/Fonts"}),` `,o.jsx(n.h1,{id:"fonts",children:"Fonts"}),` `,o.jsx(n.p,{children:"The Puzzle Shell includes the following fonts:"}),` `,o.jsx(n.h2,{id:"roboto",children:"Roboto"}),` diff --git a/assets/Icons-_B1m34dx.js b/assets/Icons-D2N52y2z.js similarity index 92% rename from assets/Icons-_B1m34dx.js rename to assets/Icons-D2N52y2z.js index 81e7045..8fe7b77 100644 --- a/assets/Icons-_B1m34dx.js +++ b/assets/Icons-D2N52y2z.js @@ -1,4 +1,4 @@ -import{ae as e,af as c}from"./index-CvFCZJ7S.js";import{u as t}from"./index-DuOii9qG.js";import{i as r}from"./Icon-BfCDwPr5.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";import"./lit-element-Cg_OjzXH.js";import"./custom-element-BhZVzxrc.js";import"./property-C24Ty3RS.js";import"./theme-Cw2V9NOY.js";function s(o){const n={a:"a",code:"code",div:"div",h1:"h1",h2:"h2",li:"li",p:"p","pzsh-icon":"pzsh-icon",ul:"ul",...t(),...o.components},l=n["pzsh-icon"];return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Puzzle Shell/Components/Icons"}),` +import{ae as e,af as c}from"./index-DCxvxGE5.js";import{u as t}from"./index-DBXyiuAD.js";import{i as r}from"./Icon-BfCDwPr5.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";import"./lit-element-Cg_OjzXH.js";import"./custom-element-BhZVzxrc.js";import"./property-C24Ty3RS.js";import"./theme-Cw2V9NOY.js";function s(o){const n={a:"a",code:"code",div:"div",h1:"h1",h2:"h2",li:"li",p:"p","pzsh-icon":"pzsh-icon",ul:"ul",...t(),...o.components},l=n["pzsh-icon"];return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"Puzzle Shell/Components/Icons"}),` `,e.jsx(n.h1,{id:"icons",children:"Icons"}),` `,e.jsxs(n.p,{children:["The Puzzle Shell uses the ",e.jsx(n.a,{href:"https://iconscout.com/unicons",rel:"nofollow",children:"Unicons"})," icon set, which is Apache 2.0 licensed."]}),` `,e.jsxs(n.p,{children:["It provides the following basic set of icons via the ",e.jsx(n.code,{children:"pzsh-icon"})," component:"]}),` diff --git a/assets/Introduction-CukAPkqi.js b/assets/Introduction-Ci_1piGA.js similarity index 89% rename from assets/Introduction-CukAPkqi.js rename to assets/Introduction-Ci_1piGA.js index 6410f33..33fb7b5 100644 --- a/assets/Introduction-CukAPkqi.js +++ b/assets/Introduction-Ci_1piGA.js @@ -1,4 +1,4 @@ -import{ae as t,af as l}from"./index-CvFCZJ7S.js";import{u as o}from"./index-DuOii9qG.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function i(e){const n={h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...o(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(l,{title:"Puzzle Shell/Introduction"}),` +import{ae as t,af as l}from"./index-DCxvxGE5.js";import{u as o}from"./index-DBXyiuAD.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";function i(e){const n={h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...o(),...e.components};return t.jsxs(t.Fragment,{children:[t.jsx(l,{title:"Puzzle Shell/Introduction"}),` `,t.jsx(n.h1,{id:"welcome-to-puzzle-shell",children:"Welcome to Puzzle Shell"}),` `,t.jsx(n.p,{children:"This is the kitchen sink for the Puzzle Shell, the standard design for Puzzle tools."}),` `,t.jsx(n.h2,{id:"goals",children:"Goals"}),` diff --git a/assets/Logos-D5agccbN.js b/assets/Logos-CRD198y5.js similarity index 99% rename from assets/Logos-D5agccbN.js rename to assets/Logos-CRD198y5.js index 9eb372e..0b1c860 100644 --- a/assets/Logos-D5agccbN.js +++ b/assets/Logos-CRD198y5.js @@ -1,4 +1,4 @@ -import{ae as h,af as s}from"./index-CvFCZJ7S.js";import{u as a}from"./index-DuOii9qG.js";import"./theme-Cw2V9NOY.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";import"./lit-element-Cg_OjzXH.js";function c(l){const v={a:"a",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...a(),...l.components};return h.jsxs(h.Fragment,{children:[h.jsx(s,{title:"Puzzle Shell/Components/Logos"}),` +import{ae as h,af as s}from"./index-DCxvxGE5.js";import{u as a}from"./index-DBXyiuAD.js";import"./theme-Cw2V9NOY.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";import"./lit-element-Cg_OjzXH.js";function c(l){const v={a:"a",em:"em",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...a(),...l.components};return h.jsxs(h.Fragment,{children:[h.jsx(s,{title:"Puzzle Shell/Components/Logos"}),` `,h.jsx(v.h1,{id:"logos",children:"Logos"}),` `,h.jsx(v.h2,{id:"design--color",children:"Design & Color"}),` `,h.jsx(v.p,{children:"The logos of the applications or sites that use the Puzzle Shell should have a consistent look. This concept defines the parts and colors such a logo incorporates:"}),` diff --git a/assets/entry-preview-Bs43k004.js b/assets/entry-preview-Bs43k004.js new file mode 100644 index 0000000..b72a487 --- /dev/null +++ b/assets/entry-preview-Bs43k004.js @@ -0,0 +1,8 @@ +import{Q as _}from"./lit-element-Cg_OjzXH.js";import{d as a}from"./index-DrFu-skq.js";/** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + */const l=(e,t)=>t===void 0?(e==null?void 0:e._$litType$)!==void 0:(e==null?void 0:e._$litType$)===t,{simulatePageLoad:s,simulateDOMContentLoaded:y}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var u=Object.defineProperty,T=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},h={};T(h,{parameters:()=>c,render:()=>m,renderToCanvas:()=>M});var{Node:L}=O,m=(e,t)=>{let{id:n,component:i}=t;if(!i)throw new Error(`Unable to render story ${n} as the component annotation is missing from the default export`);let d=document.createElement(i);return Object.entries(e).forEach(([p,r])=>{d[p]=r}),d};function M({storyFn:e,kind:t,name:n,showMain:i,showError:d,forceRemount:p},r){let o=e();if(i(),l(o)){(p||!r.querySelector('[id="root-inner"]'))&&(r.innerHTML='
');let f=r.querySelector('[id="root-inner"]');_(o,f),s(r)}else if(typeof o=="string")r.innerHTML=o,s(r);else if(o instanceof L){if(r.firstChild===o&&!p)return;r.innerHTML="",r.appendChild(o),y()}else d({title:`Expecting an HTML snippet or DOM node from the story: "${n}" of "${t}".`,description:a` + Did you forget to return the HTML snippet from the story? + Use "() => " or when defining the story. + `})}var c={renderer:"web-components"};export{c as parameters,m as render,M as renderToCanvas}; diff --git a/assets/entry-preview-C8oxNmeR.js b/assets/entry-preview-C8oxNmeR.js deleted file mode 100644 index 749827c..0000000 --- a/assets/entry-preview-C8oxNmeR.js +++ /dev/null @@ -1,8 +0,0 @@ -import{d as l}from"./index-DrFu-skq.js";import{Q as _}from"./lit-element-Cg_OjzXH.js";/** - * @license - * Copyright 2020 Google LLC - * SPDX-License-Identifier: BSD-3-Clause - */const O=(r,o)=>o===void 0?(r==null?void 0:r._$litType$)!==void 0:(r==null?void 0:r._$litType$)===o,{global:h}=__STORYBOOK_MODULE_GLOBAL__,{simulatePageLoad:s,simulateDOMContentLoaded:u}=__STORYBOOK_MODULE_PREVIEW_API__;var{Node:y}=h,m=(r,o)=>{let{id:p,component:i}=o;if(!i)throw new Error(`Unable to render story ${p} as the component annotation is missing from the default export`);let n=document.createElement(i);return Object.entries(r).forEach(([d,e])=>{n[d]=e}),n};function M({storyFn:r,kind:o,name:p,showMain:i,showError:n,forceRemount:d},e){let t=r();if(i(),O(t)){(d||!e.querySelector('[id="root-inner"]'))&&(e.innerHTML='
');let f=e.querySelector('[id="root-inner"]');_(t,f),s(e)}else if(typeof t=="string")e.innerHTML=t,s(e);else if(t instanceof y){if(e.firstChild===t&&!d)return;e.innerHTML="",e.appendChild(t),u()}else n({title:`Expecting an HTML snippet or DOM node from the story: "${p}" of "${o}".`,description:l` - Did you forget to return the HTML snippet from the story? - Use "() => " or when defining the story. - `})}var a={renderer:"web-components"};export{a as parameters,m as render,M as renderToCanvas}; diff --git a/assets/entry-preview-docs-C0QJARqR.js b/assets/entry-preview-docs-C0QJARqR.js new file mode 100644 index 0000000..5b11d3a --- /dev/null +++ b/assets/entry-preview-docs-C0QJARqR.js @@ -0,0 +1,2 @@ +import"./entry-preview-Bs43k004.js";import{D as u,c as w,y as S}from"./index-Cef7vbu6.js";import{i as v}from"./tiny-invariant-CopsF_GD.js";import{Q as l}from"./lit-element-Cg_OjzXH.js";import"./index-DrFu-skq.js";import"./_commonjsHelpers-Cpj98o6Y.js";const{global:d}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_PREVIEW_API__;var{window:D}=d;D.STORYBOOK_ENV="web-components";function c(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function f(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements(). + See the readme of addon-docs for web components for more details.`)}function O(){return d.__STORYBOOK_CUSTOM_ELEMENTS__||d.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:b,EventSource:C}=d,_;typeof module<"u"&&((_=module==null?void 0:module.hot)!=null&&_.decline)&&(module.hot.decline(),new C("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&b.location.reload()}catch{}}));const{logger:m}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:h,addons:M}=__STORYBOOK_MODULE_PREVIEW_API__;function E(e,r){var a,n;let t;switch(r){case"attributes":case"properties":t={name:((a=e.type)==null?void 0:a.text)||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:((n=e.type)==null?void 0:n.text)||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function A(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,a,n)=>n?n.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},E(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,a)=>{if(a.kind==="method")return t;switch(r){case"events":A(a).forEach(n=>{v(n.name),t[n.name]=n});break;default:t[a.name]=E(a,r);break}return t},{})}var T=(e,r)=>{if(!c(e)||!f(r))return null;let t=r.tags.find(a=>a.name.toUpperCase()===e.toUpperCase());return t||m.warn(`Component not found in custom-elements.json: ${e}`),t},L=(e,r)=>{var a;if(!c(e)||!f(r))return null;let t;return(a=r==null?void 0:r.modules)==null||a.forEach(n=>{var s;(s=n==null?void 0:n.declarations)==null||s.forEach(i=>{i.tagName===e&&(t=i)})}),t||m.warn(`Component not found in custom-elements.json: ${e}`),t},y=(e,r)=>(r==null?void 0:r.version)==="experimental"?T(e,r):L(e,r),R=(e,r)=>{let t=y(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},I=e=>{let r=O();return R(e,r)},U=e=>{let r=y(e,O());return r&&r.description},Y=/|/g;function k(e){var a;let r=(a=e==null?void 0:e.parameters.docs)==null?void 0:a.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===u.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===u.CODE}function B(e,r){var s,i;let t=e(),a=(i=(s=r==null?void 0:r.parameters.docs)==null?void 0:s.source)!=null&&i.excludeDecorators?r.originalStoryFn(r.args,r):t,n;if(h(()=>{let{id:p,unmappedArgs:g}=r;n&&M.getChannel().emit(S,{id:p,source:n,args:g})}),!k(r)){let p=window.document.createElement("div");a instanceof DocumentFragment?l(a.cloneNode(!0),p):l(a,p),n=p.innerHTML.replace(Y,"")}return t}var G=[B],P={docs:{extractArgTypes:I,extractComponentDescription:U,story:{inline:!0},source:{type:u.DYNAMIC,language:"html"}}},W=[w];export{W as argTypesEnhancers,G as decorators,P as parameters}; diff --git a/assets/entry-preview-docs-viWWYYHW.js b/assets/entry-preview-docs-viWWYYHW.js deleted file mode 100644 index e461d2a..0000000 --- a/assets/entry-preview-docs-viWWYYHW.js +++ /dev/null @@ -1,2 +0,0 @@ -import{D as u,c as w,y as v}from"./index-Cef7vbu6.js";import{i as S}from"./tiny-invariant-CopsF_GD.js";import{Q as l}from"./lit-element-Cg_OjzXH.js";import"./_commonjsHelpers-Cpj98o6Y.js";const{global:d}=__STORYBOOK_MODULE_GLOBAL__;var{window:b}=d;b.STORYBOOK_ENV="web-components";function _(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function f(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements(). - See the readme of addon-docs for web components for more details.`)}function m(){return d.__STORYBOOK_CUSTOM_ELEMENTS__||d.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:D,EventSource:C}=d,c;typeof module<"u"&&((c=module==null?void 0:module.hot)!=null&&c.decline)&&(module.hot.decline(),new C("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&D.location.reload()}catch{}}));const{logger:O}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:h,addons:M}=__STORYBOOK_MODULE_PREVIEW_API__;function y(e,r){var a,n;let t;switch(r){case"attributes":case"properties":t={name:((a=e.type)==null?void 0:a.text)||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:((n=e.type)==null?void 0:n.text)||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function A(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,a,n)=>n?n.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},y(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,a)=>{if(a.kind==="method")return t;switch(r){case"events":A(a).forEach(n=>{S(n.name),t[n.name]=n});break;default:t[a.name]=y(a,r);break}return t},{})}var T=(e,r)=>{if(!_(e)||!f(r))return null;let t=r.tags.find(a=>a.name.toUpperCase()===e.toUpperCase());return t||O.warn(`Component not found in custom-elements.json: ${e}`),t},L=(e,r)=>{var a;if(!_(e)||!f(r))return null;let t;return(a=r==null?void 0:r.modules)==null||a.forEach(n=>{var s;(s=n==null?void 0:n.declarations)==null||s.forEach(i=>{i.tagName===e&&(t=i)})}),t||O.warn(`Component not found in custom-elements.json: ${e}`),t},g=(e,r)=>(r==null?void 0:r.version)==="experimental"?T(e,r):L(e,r),R=(e,r)=>{let t=g(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},I=e=>{let r=m();return R(e,r)},U=e=>{let r=g(e,m());return r&&r.description},Y=/|/g;function k(e){var a;let r=(a=e==null?void 0:e.parameters.docs)==null?void 0:a.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===u.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===u.CODE}function B(e,r){var s,i;let t=e(),a=(i=(s=r==null?void 0:r.parameters.docs)==null?void 0:s.source)!=null&&i.excludeDecorators?r.originalStoryFn(r.args,r):t,n;if(h(()=>{let{id:p,unmappedArgs:E}=r;n&&M.getChannel().emit(v,{id:p,source:n,args:E})}),!k(r)){let p=window.document.createElement("div");a instanceof DocumentFragment?l(a.cloneNode(!0),p):l(a,p),n=p.innerHTML.replace(Y,"")}return t}var F=[B],j={docs:{extractArgTypes:I,extractComponentDescription:U,story:{inline:!0},source:{type:u.DYNAMIC,language:"html"}}},G=[w];export{G as argTypesEnhancers,F as decorators,j as parameters}; diff --git a/assets/iframe-CWEzad6F.js b/assets/iframe-V12w8ufp.js similarity index 71% rename from assets/iframe-CWEzad6F.js rename to assets/iframe-V12w8ufp.js index 361f80a..521cb38 100644 --- a/assets/iframe-CWEzad6F.js +++ b/assets/iframe-V12w8ufp.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Introduction-CukAPkqi.js","./index-CvFCZJ7S.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js","./index-DuOii9qG.js","./Banner.stories-BRTbrd3X.js","./lit-element-Cg_OjzXH.js","./Banner-CbFFBAbP.js","./custom-element-BhZVzxrc.js","./Topbar-BBuJJx3a.js","./property-C24Ty3RS.js","./class-map-CoILYkPe.js","./theme-Cw2V9NOY.js","./theme-B-4v6tVs.css","./Icon-BfCDwPr5.js","./Subnav-ze0Der4h.js","./search-Cg6K9yth.js","./Container-C9tEDbg3.js","./Favicon-Dqinln2I.js","./Fonts-CP0twRJ8.js","./Footer.stories-CZjZxKhD.js","./FooterLink-DYoKkpod.js","./Hero.stories-BAlTrSgQ.js","./Hero-_0Qm_kj7.js","./Icons-_B1m34dx.js","./Logos-D5agccbN.js","./Nav.stories-Jfd79xJ-.js","./Topbar.stories-nfCaFWn8.js","./MenuDropdown-DS_yTASM.js","./ContentAppWithSearch.stories-BhlZ-IZd.js","./MenuDropdownItem-BILJ3pun.js","./WebAppWithNav.stories-B-iE4Ppy.js","./WelcomePage.stories-BuR0btjy.js","./entry-preview-C8oxNmeR.js","./entry-preview-docs-viWWYYHW.js","./tiny-invariant-CopsF_GD.js","./preview-BJPLiuSt.js","./preview-9hFJSo5S.js","./preview-s3ALK_56.js","./preview-DB9FwMii.js"])))=>i.map(i=>d[i]); -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))a(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const _ of o.addedNodes)_.tagName==="LINK"&&_.rel==="modulepreload"&&a(_)}).observe(document,{childList:!0,subtree:!0});function m(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function a(r){if(r.ep)return;r.ep=!0;const o=m(r);fetch(r.href,o)}})();const f="modulepreload",T=function(e,i){return new URL(e,i).href},O={},t=function(i,m,a){let r=Promise.resolve();if(m&&m.length>0){const _=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),d=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));r=Promise.allSettled(m.map(n=>{if(n=T(n,a),n in O)return;O[n]=!0;const u=n.endsWith(".css"),R=u?'[rel="stylesheet"]':"";if(!!a)for(let p=_.length-1;p>=0;p--){const l=_[p];if(l.href===n&&(!u||l.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${R}`))return;const c=document.createElement("link");if(c.rel=u?"stylesheet":f,u||(c.as="script"),c.crossOrigin="",c.href=n,d&&c.setAttribute("nonce",d),document.head.appendChild(c),u)return new Promise((p,l)=>{c.addEventListener("load",p),c.addEventListener("error",()=>l(new Error(`Unable to preload CSS for ${n}`)))})}))}function o(_){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=_,window.dispatchEvent(s),!s.defaultPrevented)throw _}return r.then(_=>{for(const s of _||[])s.status==="rejected"&&o(s.reason);return i().catch(o)})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,E=L({page:"preview"});P.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const I={"./src/stories/Introduction.mdx":async()=>t(()=>import("./Introduction-CukAPkqi.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),"./src/stories/components/Banner.stories.ts":async()=>t(()=>import("./Banner.stories-BRTbrd3X.js"),__vite__mapDeps([7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url),"./src/stories/components/Container.mdx":async()=>t(()=>import("./Container-C9tEDbg3.js"),__vite__mapDeps([19,1,2,3,4,5,6]),import.meta.url),"./src/stories/components/Favicon.mdx":async()=>t(()=>import("./Favicon-Dqinln2I.js"),__vite__mapDeps([20,1,2,3,4,5,6]),import.meta.url),"./src/stories/components/Fonts.mdx":async()=>t(()=>import("./Fonts-CP0twRJ8.js"),__vite__mapDeps([21,1,2,3,4,5,6,14,8,15]),import.meta.url),"./src/stories/components/Footer.stories.ts":async()=>t(()=>import("./Footer.stories-CZjZxKhD.js"),__vite__mapDeps([22,8,23,10,14,15,12,16]),import.meta.url),"./src/stories/components/Hero.stories.ts":async()=>t(()=>import("./Hero.stories-BAlTrSgQ.js"),__vite__mapDeps([24,8,25,10,14,15]),import.meta.url),"./src/stories/components/Icons.mdx":async()=>t(()=>import("./Icons-_B1m34dx.js"),__vite__mapDeps([26,1,2,3,4,5,6,16,8,10,12,14,15]),import.meta.url),"./src/stories/components/Logos.mdx":async()=>t(()=>import("./Logos-D5agccbN.js"),__vite__mapDeps([27,1,2,3,4,5,6,14,8,15]),import.meta.url),"./src/stories/components/Nav.stories.ts":async()=>t(()=>import("./Nav.stories-Jfd79xJ-.js"),__vite__mapDeps([28,8,17,10,14,15,12,13]),import.meta.url),"./src/stories/components/Topbar.stories.ts":async()=>t(()=>import("./Topbar.stories-nfCaFWn8.js"),__vite__mapDeps([29,8,16,10,12,14,15,11,13,30]),import.meta.url),"./src/stories/examples/ContentAppWithSearch.stories.ts":async()=>t(()=>import("./ContentAppWithSearch.stories-BhlZ-IZd.js"),__vite__mapDeps([31,8,14,15,11,10,12,13,16,9,32,23,25,30,17,18]),import.meta.url),"./src/stories/examples/WebAppWithNav.stories.ts":async()=>t(()=>import("./WebAppWithNav.stories-B-iE4Ppy.js"),__vite__mapDeps([33,8,14,15,11,10,12,13,16,9,32,23,25,30,17]),import.meta.url),"./src/stories/examples/WelcomePage.stories.ts":async()=>t(()=>import("./WelcomePage.stories-BuR0btjy.js"),__vite__mapDeps([34,8,14,15,11,10,12,13,16,9,32,23,25,30,17,18]),import.meta.url)};async function y(e){return I[e]()}const{composeConfigs:V,PreviewWeb:v,ClientApi:g}=__STORYBOOK_MODULE_PREVIEW_API__,D=async(e=[])=>{const i=await Promise.all([e.at(0)??t(()=>import("./entry-preview-C8oxNmeR.js"),__vite__mapDeps([35,5,8]),import.meta.url),e.at(1)??t(()=>import("./entry-preview-docs-viWWYYHW.js"),__vite__mapDeps([36,4,2,37,8]),import.meta.url),e.at(2)??t(()=>import("./preview-BJPLiuSt.js"),__vite__mapDeps([38,3]),import.meta.url),e.at(3)??t(()=>import("./preview-R1fwJ2wj.js"),[],import.meta.url),e.at(4)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),e.at(5)??t(()=>import("./preview-9hFJSo5S.js"),__vite__mapDeps([39,5]),import.meta.url),e.at(6)??t(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),e.at(7)??t(()=>import("./preview-s3ALK_56.js"),__vite__mapDeps([40,37]),import.meta.url),e.at(8)??t(()=>import("./preview-DB9FwMii.js"),__vite__mapDeps([41,5]),import.meta.url),e.at(9)??t(()=>import("./preview-BpcF_O6y.js"),[],import.meta.url),e.at(10)??t(()=>import("./preview-rc0A-psK.js"),[],import.meta.url),e.at(11)??t(()=>import("./preview-CIRcjyVj.js"),[],import.meta.url)]);return V(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new v(y,D);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Introduction-Ci_1piGA.js","./index-DCxvxGE5.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js","./index-DBXyiuAD.js","./Banner.stories-BRTbrd3X.js","./lit-element-Cg_OjzXH.js","./Banner-CbFFBAbP.js","./custom-element-BhZVzxrc.js","./Topbar-BBuJJx3a.js","./property-C24Ty3RS.js","./class-map-CoILYkPe.js","./theme-Cw2V9NOY.js","./theme-B-4v6tVs.css","./Icon-BfCDwPr5.js","./Subnav-ze0Der4h.js","./search-Cg6K9yth.js","./Container-DTE-F0l7.js","./Favicon-CRtd-5nT.js","./Fonts-BbnNJdE1.js","./Footer.stories-CZjZxKhD.js","./FooterLink-DYoKkpod.js","./Hero.stories-BAlTrSgQ.js","./Hero-_0Qm_kj7.js","./Icons-D2N52y2z.js","./Logos-CRD198y5.js","./Nav.stories-Jfd79xJ-.js","./Topbar.stories-nfCaFWn8.js","./MenuDropdown-DS_yTASM.js","./ContentAppWithSearch.stories-BhlZ-IZd.js","./MenuDropdownItem-BILJ3pun.js","./WebAppWithNav.stories-B-iE4Ppy.js","./WelcomePage.stories-BuR0btjy.js","./entry-preview-Bs43k004.js","./entry-preview-docs-C0QJARqR.js","./tiny-invariant-CopsF_GD.js","./preview-BJPLiuSt.js","./preview-9hFJSo5S.js","./preview-s3ALK_56.js","./preview-DB9FwMii.js"])))=>i.map(i=>d[i]); +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))a(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const _ of o.addedNodes)_.tagName==="LINK"&&_.rel==="modulepreload"&&a(_)}).observe(document,{childList:!0,subtree:!0});function m(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function a(r){if(r.ep)return;r.ep=!0;const o=m(r);fetch(r.href,o)}})();const f="modulepreload",T=function(e,i){return new URL(e,i).href},O={},t=function(i,m,a){let r=Promise.resolve();if(m&&m.length>0){const _=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),d=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));r=Promise.allSettled(m.map(n=>{if(n=T(n,a),n in O)return;O[n]=!0;const u=n.endsWith(".css"),R=u?'[rel="stylesheet"]':"";if(!!a)for(let p=_.length-1;p>=0;p--){const l=_[p];if(l.href===n&&(!u||l.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${R}`))return;const c=document.createElement("link");if(c.rel=u?"stylesheet":f,u||(c.as="script"),c.crossOrigin="",c.href=n,d&&c.setAttribute("nonce",d),document.head.appendChild(c),u)return new Promise((p,l)=>{c.addEventListener("load",p),c.addEventListener("error",()=>l(new Error(`Unable to preload CSS for ${n}`)))})}))}function o(_){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=_,window.dispatchEvent(s),!s.defaultPrevented)throw _}return r.then(_=>{for(const s of _||[])s.status==="rejected"&&o(s.reason);return i().catch(o)})},{createBrowserChannel:L}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,E=L({page:"preview"});P.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const I={"./src/stories/Introduction.mdx":async()=>t(()=>import("./Introduction-Ci_1piGA.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),"./src/stories/components/Banner.stories.ts":async()=>t(()=>import("./Banner.stories-BRTbrd3X.js"),__vite__mapDeps([7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url),"./src/stories/components/Container.mdx":async()=>t(()=>import("./Container-DTE-F0l7.js"),__vite__mapDeps([19,1,2,3,4,5,6]),import.meta.url),"./src/stories/components/Favicon.mdx":async()=>t(()=>import("./Favicon-CRtd-5nT.js"),__vite__mapDeps([20,1,2,3,4,5,6]),import.meta.url),"./src/stories/components/Fonts.mdx":async()=>t(()=>import("./Fonts-BbnNJdE1.js"),__vite__mapDeps([21,1,2,3,4,5,6,14,8,15]),import.meta.url),"./src/stories/components/Footer.stories.ts":async()=>t(()=>import("./Footer.stories-CZjZxKhD.js"),__vite__mapDeps([22,8,23,10,14,15,12,16]),import.meta.url),"./src/stories/components/Hero.stories.ts":async()=>t(()=>import("./Hero.stories-BAlTrSgQ.js"),__vite__mapDeps([24,8,25,10,14,15]),import.meta.url),"./src/stories/components/Icons.mdx":async()=>t(()=>import("./Icons-D2N52y2z.js"),__vite__mapDeps([26,1,2,3,4,5,6,16,8,10,12,14,15]),import.meta.url),"./src/stories/components/Logos.mdx":async()=>t(()=>import("./Logos-CRD198y5.js"),__vite__mapDeps([27,1,2,3,4,5,6,14,8,15]),import.meta.url),"./src/stories/components/Nav.stories.ts":async()=>t(()=>import("./Nav.stories-Jfd79xJ-.js"),__vite__mapDeps([28,8,17,10,14,15,12,13]),import.meta.url),"./src/stories/components/Topbar.stories.ts":async()=>t(()=>import("./Topbar.stories-nfCaFWn8.js"),__vite__mapDeps([29,8,16,10,12,14,15,11,13,30]),import.meta.url),"./src/stories/examples/ContentAppWithSearch.stories.ts":async()=>t(()=>import("./ContentAppWithSearch.stories-BhlZ-IZd.js"),__vite__mapDeps([31,8,14,15,11,10,12,13,16,9,32,23,25,30,17,18]),import.meta.url),"./src/stories/examples/WebAppWithNav.stories.ts":async()=>t(()=>import("./WebAppWithNav.stories-B-iE4Ppy.js"),__vite__mapDeps([33,8,14,15,11,10,12,13,16,9,32,23,25,30,17]),import.meta.url),"./src/stories/examples/WelcomePage.stories.ts":async()=>t(()=>import("./WelcomePage.stories-BuR0btjy.js"),__vite__mapDeps([34,8,14,15,11,10,12,13,16,9,32,23,25,30,17,18]),import.meta.url)};async function y(e){return I[e]()}const{composeConfigs:V,PreviewWeb:v,ClientApi:g}=__STORYBOOK_MODULE_PREVIEW_API__,D=async(e=[])=>{const i=await Promise.all([e.at(0)??t(()=>import("./entry-preview-Bs43k004.js"),__vite__mapDeps([35,8,5]),import.meta.url),e.at(1)??t(()=>import("./entry-preview-docs-C0QJARqR.js"),__vite__mapDeps([36,35,8,5,4,2,37]),import.meta.url),e.at(2)??t(()=>import("./preview-BJPLiuSt.js"),__vite__mapDeps([38,3]),import.meta.url),e.at(3)??t(()=>import("./preview-CGYUVAPf.js"),[],import.meta.url),e.at(4)??t(()=>import("./preview-Ct5NkTJf.js"),[],import.meta.url),e.at(5)??t(()=>import("./preview-9hFJSo5S.js"),__vite__mapDeps([39,5]),import.meta.url),e.at(6)??t(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),e.at(7)??t(()=>import("./preview-s3ALK_56.js"),__vite__mapDeps([40,37]),import.meta.url),e.at(8)??t(()=>import("./preview-DB9FwMii.js"),__vite__mapDeps([41,5]),import.meta.url),e.at(9)??t(()=>import("./preview-BpcF_O6y.js"),[],import.meta.url),e.at(10)??t(()=>import("./preview-BiGbrpOE.js"),[],import.meta.url),e.at(11)??t(()=>import("./preview-CIRcjyVj.js"),[],import.meta.url)]);return V(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new v(y,D);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-BmIl6YNt.js b/assets/index-CMGR8lil.js similarity index 96% rename from assets/index-BmIl6YNt.js rename to assets/index-CMGR8lil.js index a24bbdd..87a03f9 100644 --- a/assets/index-BmIl6YNt.js +++ b/assets/index-CMGR8lil.js @@ -1 +1 @@ -import{f as i,n as l,F as m,$ as c,L as T,h as b,B as d,e as S,m as B,g as L,v as C,u as H,I as u,t as g,X as y,x as I,w as h,b as k,y as P,D as W,a as A,C as F,E as x,T as D,c as R,_ as f,S as v,R as E,O as M,d as N,G as q,i as w,A as O,j as U,P as Z,k as j,l as z,o as G,p as J,q as K,r as Q,z as V,H as X,s as Y,J as _,K as $,M as aa,N as sa,Q as oa,U as ta,V as ea,W as ra,Y as na,Z as pa,a0 as ia,a1 as la,a2 as ma,a3 as ca,a4 as Ta,a5 as ba,a6 as da,a7 as Sa,a8 as Ba,a9 as La,aa as Ca,ab as Ha,ac as ua,ad as ga}from"./index-CvFCZJ7S.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";export{i as A,l as ActionBar,m as AddonPanel,c as Badge,T as Bar,b as Blockquote,d as Button,S as ClipboardCode,B as Code,L as DL,C as Div,H as DocumentWrapper,u as EmptyTabContent,g as ErrorFormatter,y as FlexBar,I as Form,h as H1,k as H2,P as H3,W as H4,A as H5,F as H6,x as HR,D as IconButton,R as IconButtonSkeleton,f as Icons,v as Img,E as LI,M as Link,N as ListItem,q as Loader,w as Modal,O as OL,U as P,Z as Placeholder,j as Pre,z as ResetWrapper,G as ScrollArea,J as Separator,K as Spaced,Q as Span,V as StorybookIcon,X as StorybookLogo,Y as Symbols,_ as SyntaxHighlighter,$ as TT,aa as TabBar,sa as TabButton,oa as TabWrapper,ta as Table,ea as Tabs,ra as TabsState,na as TooltipLinkList,pa as TooltipMessage,ia as TooltipNote,la as UL,ma as WithTooltip,ca as WithTooltipPure,Ta as Zoom,ba as codeCommon,da as components,Sa as createCopyToClipboardFunction,Ba as getStoryHref,La as icons,Ca as interleaveSeparators,Ha as nameSpaceClassNames,ua as resetComponents,ga as withReset}; +import{f as i,n as l,F as m,$ as c,L as T,h as b,B as d,e as S,m as B,g as L,v as C,u as H,I as u,t as g,X as y,x as I,w as h,b as k,y as P,D as W,a as A,C as F,E as x,T as D,c as R,_ as f,S as v,R as E,O as M,d as N,G as q,i as w,A as O,j as U,P as Z,k as j,l as z,o as G,p as J,q as K,r as Q,z as V,H as X,s as Y,J as _,K as $,M as aa,N as sa,Q as oa,U as ta,V as ea,W as ra,Y as na,Z as pa,a0 as ia,a1 as la,a2 as ma,a3 as ca,a4 as Ta,a5 as ba,a6 as da,a7 as Sa,a8 as Ba,a9 as La,aa as Ca,ab as Ha,ac as ua,ad as ga}from"./index-DCxvxGE5.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";export{i as A,l as ActionBar,m as AddonPanel,c as Badge,T as Bar,b as Blockquote,d as Button,S as ClipboardCode,B as Code,L as DL,C as Div,H as DocumentWrapper,u as EmptyTabContent,g as ErrorFormatter,y as FlexBar,I as Form,h as H1,k as H2,P as H3,W as H4,A as H5,F as H6,x as HR,D as IconButton,R as IconButtonSkeleton,f as Icons,v as Img,E as LI,M as Link,N as ListItem,q as Loader,w as Modal,O as OL,U as P,Z as Placeholder,j as Pre,z as ResetWrapper,G as ScrollArea,J as Separator,K as Spaced,Q as Span,V as StorybookIcon,X as StorybookLogo,Y as Symbols,_ as SyntaxHighlighter,$ as TT,aa as TabBar,sa as TabButton,oa as TabWrapper,ta as Table,ea as Tabs,ra as TabsState,na as TooltipLinkList,pa as TooltipMessage,ia as TooltipNote,la as UL,ma as WithTooltip,ca as WithTooltipPure,Ta as Zoom,ba as codeCommon,da as components,Sa as createCopyToClipboardFunction,Ba as getStoryHref,La as icons,Ca as interleaveSeparators,Ha as nameSpaceClassNames,ua as resetComponents,ga as withReset}; diff --git a/assets/index-DuOii9qG.js b/assets/index-DBXyiuAD.js similarity index 83% rename from assets/index-DuOii9qG.js rename to assets/index-DBXyiuAD.js index 4e7c34b..3cfbbe6 100644 --- a/assets/index-DuOii9qG.js +++ b/assets/index-DBXyiuAD.js @@ -1 +1 @@ -import{ag as e}from"./index-CvFCZJ7S.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function s(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{s as M,u}; +import{ag as e}from"./index-DCxvxGE5.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function s(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{s as M,u}; diff --git a/assets/index-CvFCZJ7S.js b/assets/index-DCxvxGE5.js similarity index 99% rename from assets/index-CvFCZJ7S.js rename to assets/index-DCxvxGE5.js index 6c043ed..1f69fe5 100644 --- a/assets/index-CvFCZJ7S.js +++ b/assets/index-DCxvxGE5.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BmIl6YNt.js","./iframe-CWEzad6F.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js","./Color-KGDBMAHA-B54mmO3C.js"])))=>i.map(i=>d[i]); -var pB=Object.defineProperty;var fB=(e,t,r)=>t in e?pB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Oo=(e,t,r)=>fB(e,typeof t!="symbol"?t+"":t,r);import{_ as zC}from"./iframe-CWEzad6F.js";import{g as ol,c as ac}from"./_commonjsHelpers-Cpj98o6Y.js";import{O as BC,P as hB}from"./index-D-8MO0q_.js";import{y as s3,D as Ap}from"./index-Cef7vbu6.js";import{d as mB}from"./index-DrFu-skq.js";var LC={exports:{}},e1={},OC={exports:{}},ne={};/** +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CMGR8lil.js","./iframe-V12w8ufp.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js","./Color-KGDBMAHA-BgxIBEMh.js"])))=>i.map(i=>d[i]); +var pB=Object.defineProperty;var fB=(e,t,r)=>t in e?pB(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Oo=(e,t,r)=>fB(e,typeof t!="symbol"?t+"":t,r);import{_ as zC}from"./iframe-V12w8ufp.js";import{g as ol,c as ac}from"./_commonjsHelpers-Cpj98o6Y.js";import{O as BC,P as hB}from"./index-D-8MO0q_.js";import{y as s3,D as Ap}from"./index-Cef7vbu6.js";import{d as mB}from"./index-DrFu-skq.js";var LC={exports:{}},e1={},OC={exports:{}},ne={};/** * @license React * react.production.min.js * @@ -597,7 +597,7 @@ ${t}`);let r=t.match(wK);if(!r)return b.createElement(u.Fragment,null,t);let[,n, * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors - */const{global:Wt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:Bde,once:Lde,logger:J4}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:yC,composeConfigs:Bhe,Preview:Lhe,DocsContext:Ohe}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:wC,STORY_ARGS_UPDATED:bC,UPDATE_STORY_ARGS:Ode,RESET_STORY_ARGS:Mde,NAVIGATE_URL:Pde}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var Nde=ll({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),jde=ll({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,s=" ";function d(x,D){var S=D.appendChild(m(x));if(x.children.length){var k=h(x.isCollapsed);x.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function p(x,D){var S=!1,k=h(S);if(D.forEach(function(_){d(_,k)}),i=x||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function m(x){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",x.textContent),r.includeHtml&&x.childNodes.length?n.call(x.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=x.textContent,S.setAttribute("href",r.basePath+"#"+x.id),S.setAttribute("class",r.linkClass+s+"node-name--"+x.nodeName+s+r.extraLinkClasses),D.appendChild(S),D}function h(x){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+s+r.extraListClasses;return x&&(k=k+s+r.collapsibleClass,k=k+s+r.isCollapsedClass),S.setAttribute("class",k),S}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var x;x=document.querySelector(r.scrollContainer).scrollTop}else x=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),x>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=s+r.positionFixedClass):D.className=D.className.replace(s+r.positionFixedClass,"")}function v(x){var D=0;return x!==null&&(D=x.offsetTop,r.hasInnerContainers&&(D+=v(x.offsetParent))),D}function g(x,D){return x&&x.className!==D&&(x.className=D),x}function C(x){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&f();var S=x,k;if(l&&i!==null&&S.length>0){a.call(S,function(j,M){if(v(j)>D+r.headingsOffset+10){var H=M===0?M:M-1;return k=S[H],!0}else if(M===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),A=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===A)return;var $=i.querySelectorAll("."+r.linkClass);n.call($,function(j){g(j,j.className.replace(s+r.activeLinkClass,""))});var I=i.querySelectorAll("."+r.listItemClass);n.call(I,function(j){g(j,j.className.replace(s+r.activeListItemClass,""))}),A&&A.className.indexOf(r.activeLinkClass)===-1&&(A.className+=s+r.activeLinkClass);var O=A&&A.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=s+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(j){j.className.indexOf(r.isCollapsedClass)===-1&&(j.className+=s+r.isCollapsedClass)}),A&&A.nextSibling&&A.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(A.nextSibling,A.nextSibling.className.replace(s+r.isCollapsedClass,"")),w(A&&A.parentNode.parentNode)}}function w(x){return x&&x.className.indexOf(r.collapsibleClass)!==-1&&x.className.indexOf(r.isCollapsedClass)!==-1?(g(x,x.className.replace(s+r.isCollapsedClass,"")),w(x.parentNode.parentNode)):x}function y(x){var D=x.target||x.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function E(){l=!0}return{enableTocAnimation:E,disableTocAnimation:y,render:p,updateToc:C}}}}),Hde=ll({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(m){return m[m.length-1]}function o(m){return+m.nodeName.toUpperCase().replace("H","")}function i(m){try{return m instanceof window.HTMLElement||m instanceof window.parent.HTMLElement}catch{return m instanceof window.HTMLElement}}function l(m){if(!i(m))return m;if(r.ignoreHiddenElements&&(!m.offsetHeight||!m.offsetParent))return null;let h=m.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(m.innerText)):(m.innerText||m.textContent).trim());var f={id:m.id,children:[],nodeName:m.nodeName,headingLevel:o(m),textContent:h};return r.includeHtml&&(f.childNodes=m.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,m):f}function s(m,h){for(var f=l(m),v=f.headingLevel,g=h,C=a(g),w=C?C.headingLevel:0,y=v-w;y>0&&(C=a(g),!(C&&v===C.headingLevel));)C&&C.children!==void 0&&(g=C.children),y--;return v>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function d(m,h){var f=h;r.ignoreSelector&&(f=h.split(",").map(function(v){return v.trim()+":not("+r.ignoreSelector+")"}));try{return m.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function p(m){return n.call(m,function(h,f){var v=l(f);return v&&s(v,h.nest),h},{nest:[]})}return{nestHeadingsArray:p,selectHeadings:d}}}}),Vde=ll({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),Ude=ll({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",m,!1);function m(h){!s(h.target)||h.target.className.indexOf("no-smooth-scroll")>-1||h.target.href.charAt(h.target.href.length-2)==="#"&&h.target.href.charAt(h.target.href.length-1)==="!"||h.target.className.indexOf(n.linkClass)===-1||r(h.target.hash,{duration:a,offset:o,callback:function(){p(h.target.hash)}})}}function s(m){return m.tagName.toLowerCase()==="a"&&(m.hash.length>0||m.href.charAt(m.href.length-1)==="#")&&(d(m.href)===i||d(m.href)+"#"===i)}function d(m){return m.slice(0,m.lastIndexOf("#"))}function p(m){var h=document.getElementById(m.substring(1));h&&(/^(?:a|select|input|button|textarea)$/i.test(h.tagName)||(h.tabIndex=-1),h.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||v},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(s):i.duration,p,m;requestAnimationFrame(function(g){p=g,h(g)});function h(g){m=g-p,window.scrollTo(0,i.easing(m,o,s,d)),m"u"&&!m)return;var h,f=Object.prototype.hasOwnProperty;function v(){for(var y={},E=0;E({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:ge(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Nz=e=>b.createElement(qde,{...e,className:"docblock-emptyblock sb-unstyled"}),Gde=F(g4)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Kde=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Jc=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${jm}`]:{margin:0}})),Yde=()=>b.createElement(Kde,null,b.createElement(Jc,null),b.createElement(Jc,{style:{width:"80%"}}),b.createElement(Jc,{style:{width:"30%"}}),b.createElement(Jc,{style:{width:"80%"}})),jz=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=w9();if(e)return b.createElement(Yde,null);if(t)return b.createElement(Nz,null,t);let s=b.createElement(Gde,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return s;let d=a?Pm.dark:Pm.light;return b.createElement(b9,{theme:Nm({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},Te=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Q4=600,Zde=F.h1(Ce,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Q4}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),Xde=F.h2(Ce,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Q4}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ge(.25,e.color.defaultText)})),Jde=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={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"?ge(.1,e.color.defaultText):ge(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[Te("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[Te("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[Te("div")]:t,[Te("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[Te("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[Te("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[Te("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[Te("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[Te("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[Te("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[Te("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[Te("img")]:{maxWidth:"100%"},[Te("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[Te("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[Te("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[Te("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[Te("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[Te("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[Te("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Qde=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Q4}px)`]:{}})),e1e=({children:e,toc:t})=>b.createElement(Qde,{className:"sbdocs sbdocs-wrapper"},b.createElement(Jde,{className:"sbdocs sbdocs-content"},e),t),Dp=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),t1e=F(k4)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),r1e=F.div({display:"flex",alignItems:"center",gap:4}),n1e=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),a1e=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>b.createElement(t1e,{...o},b.createElement(r1e,{key:"left"},e?[1,2,3].map(i=>b.createElement(n1e,{key:i})):b.createElement(b.Fragment,null,b.createElement(oo,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},b.createElement(LZ,null)),b.createElement(oo,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},b.createElement(OZ,null)),b.createElement(oo,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},b.createElement(MZ,null))))),Hz=u.createContext({scale:1}),{window:o1e}=Wt,i1e=class extends u.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=o1e.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return b.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:l1e}=Wt,s1e=l1e||"iframe.html",x5=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,u1e=e=>{let t=u.useRef(),[r,n]=u.useState(!0),[a,o]=u.useState(),{story:i,height:l,autoplay:s,forceInitialArgs:d,renderStoryToElement:p}=e;return u.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:s,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[s,p,i]),a?b.createElement("pre",null,b.createElement(CK,{error:a})):b.createElement(b.Fragment,null,l?b.createElement("style",null,`#${x5(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&b.createElement(Vz,null),b.createElement("div",{ref:t,id:`${x5(e)}-inner`,"data-name":i.name}))},c1e=({story:e,height:t="500px"})=>b.createElement("div",{style:{width:"100%",height:t}},b.createElement(Hz.Consumer,null,({scale:r})=>b.createElement(i1e,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:qY(s1e,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),d1e=F.strong(({theme:e})=>({color:e.color.orange})),p1e=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?b.createElement(d1e,null,"This story mounts inside of play. Set"," ",b.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):b.createElement("div",{id:x5(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?b.createElement(u1e,{...e}):b.createElement(c1e,{...e}))},Vz=()=>b.createElement(WY,null),f1e=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),EC=F(jz)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Or(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Or(.05,e.background.content)}})),h1e=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Dp(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),m1e=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:b.createElement(EC,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:b.createElement(EC,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function g1e(e){if(u.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var v1e=F(a1e)({position:"absolute",top:0,left:0,right:0,height:40}),y1e=F.div({overflow:"hidden",position:"relative"}),Uz=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:d="padded",...p})=>{let[m,h]=u.useState(i),{source:f,actionItem:v}=m1e(a,m,h),[g,C]=u.useState(1),w=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),y=a?[v]:[],[E,x]=u.useState(l?[...l]:[]),D=[...y,...E],{window:S}=Wt,k=u.useCallback(async A=>{let{createCopyToClipboardFunction:$}=await zC(()=>import("./index-BmIl6YNt.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);$()},[]),_=A=>{let $=S.getSelection();$&&$.type==="Range"||(A.preventDefault(),E.filter(I=>I.title==="Copied").length===0&&k(f.props.code).then(()=>{x([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>x(E.filter(I=>I.title!=="Copied")),1500)}))};return b.createElement(h1e,{withSource:a,withToolbar:o,...p,className:w.join(" ")},o&&b.createElement(v1e,{isLoading:e,border:!0,zoom:A=>C(g*A),resetZoom:()=>C(1),storyId:g1e(n),baseUrl:"./iframe.html"}),b.createElement(Hz.Provider,{value:{scale:g}},b.createElement(y1e,{className:"docs-story",onCopyCapture:a&&_},b.createElement(f1e,{isColumn:t||!Array.isArray(n),columns:r,layout:d},b.createElement(mK.Element,{scale:g},Array.isArray(n)?n.map((A,$)=>b.createElement("div",{key:$},A)):b.createElement("div",null,n))),b.createElement(Xv,{actionItems:D}))),a&&m&&f)};F(Uz)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var w1e=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Da({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),b1e=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:b.createElement(b.Fragment,null,b.createElement(w1e,null,b.createElement("tbody",null,n&&b.createElement("tr",{key:"deprecated"},b.createElement("td",{colSpan:2},b.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>b.createElement("tr",{key:o.name},b.createElement("td",null,b.createElement("code",null,o.name)),b.createElement("td",null,o.description))),a&&b.createElement("tr",{key:"returns"},b.createElement("td",null,b.createElement("code",null,"Returns")),b.createElement("td",null,e.returns.description)))))},C5=8,xC=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),E1e=F.span(Da,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),x1e=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),C1e=F.div(Da,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),D1e=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),S1e=F(GZ)({marginLeft:4}),k1e=F(_R)({marginLeft:4}),_1e=()=>b.createElement("span",null,"-"),Wz=({text:e,simple:t})=>b.createElement(E1e,{simple:t},e),A1e=kz(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),F1e=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Tle(t)},CC=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,C5)),r.map(n=>b.createElement(Wz,{key:n,text:n===""?'""':n}))},$1e=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=u.useState(!1),[i,l]=u.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return b.createElement(Wz,{text:s});let d=F1e(s),p=d.length;return p>C5?b.createElement(xC,{isExpanded:i},CC(d,i),b.createElement(x1e,{onClick:()=>l(!i)},i?"Show less...":`Show ${p-C5} more...`)):b.createElement(xC,null,CC(d))}return b.createElement(YK,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:b.createElement(D1e,{width:A1e(n)},b.createElement(g4,{language:"jsx",format:!1},n))},b.createElement(C1e,{className:"sbdocs-expandable"},b.createElement("span",null,s),a?b.createElement(S1e,null):b.createElement(k1e,null)))},Rm=({value:e,initialExpandedArgs:t})=>e==null?b.createElement(_1e,null):b.createElement($1e,{value:e,initialExpandedArgs:t}),T1e=F.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:ge(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Yc(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Yc(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Yc(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Yc(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),I1e=e=>e==="true",R1e=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var p;let i=u.useCallback(()=>r(!1),[r]),l=!!((p=o==null?void 0:o.table)!=null&&p.readonly);if(t===void 0)return b.createElement(Fo,{variant:"outline",size:"medium",id:t1(e),onClick:i,disabled:l},"Set boolean");let s=xr(e),d=typeof t=="string"?I1e(t):t;return b.createElement(T1e,{"aria-disabled":l,htmlFor:s,"aria-label":e},b.createElement("input",{id:s,type:"checkbox",onChange:m=>r(m.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),b.createElement("span",{"aria-hidden":"true"},"False"),b.createElement("span",{"aria-hidden":"true"},"True"))},z1e=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},B1e=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},L1e=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},O1e=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},DC=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),M1e=F.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),P1e=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var v;let[i,l]=u.useState(!0),s=u.useRef(),d=u.useRef(),p=!!((v=o==null?void 0:o.table)!=null&&v.readonly);u.useEffect(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?L1e(t):""),d&&d.current&&(d.current.value=t?O1e(t):""))},[t]);let m=g=>{if(!g.target.value)return r();let C=z1e(g.target.value),w=new Date(t);w.setFullYear(C.getFullYear(),C.getMonth(),C.getDate());let y=w.getTime();y&&r(y),l(!!y)},h=g=>{if(!g.target.value)return r();let C=B1e(g.target.value),w=new Date(t);w.setHours(C.getHours()),w.setMinutes(C.getMinutes());let y=w.getTime();y&&r(y),l(!!y)},f=xr(e);return b.createElement(M1e,null,b.createElement(DC,{type:"date",max:"9999-12-31",ref:s,id:`${f}-date`,name:`${f}-date`,readOnly:p,onChange:m,onFocus:n,onBlur:a}),b.createElement(DC,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:d,onChange:h,readOnly:p,onFocus:n,onBlur:a}),i?null:b.createElement("div",null,"invalid"))},N1e=F.label({display:"flex"}),j1e=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},H1e=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),V1e=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:s})=>{var E;let[d,p]=u.useState(typeof t=="number"?t:""),[m,h]=u.useState(!1),[f,v]=u.useState(null),g=!!((E=s==null?void 0:s.table)!=null&&E.readonly),C=u.useCallback(x=>{p(x.target.value);let D=parseFloat(x.target.value);Number.isNaN(D)?v(new Error(`'${x.target.value}' is not a number`)):(r(D),v(null))},[r,v]),w=u.useCallback(()=>{p("0"),r(0),h(!0)},[h]),y=u.useRef(null);return u.useEffect(()=>{m&&y.current&&y.current.select()},[m]),u.useEffect(()=>{d!==(typeof t=="number"?t:"")&&p(t)},[t]),t===void 0?b.createElement(Fo,{variant:"outline",size:"medium",id:t1(e),onClick:w,disabled:g},"Set number"):b.createElement(N1e,null,b.createElement(H1e,{ref:y,id:xr(e),type:"number",onChange:C,size:"flex",placeholder:"Edit number...",value:d,valid:f?"error":null,autoFocus:m,readOnly:g,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},qz=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},D5=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],Gz=(e,t)=>e&&t&&e.map(r=>t[r]),U1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),W1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),q1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),SC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var h;if(!t)return J4.warn(`Checkbox with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=D5(r,t),[l,s]=u.useState(i),d=!!((h=o==null?void 0:o.table)!=null&&h.readonly),p=f=>{let v=f.target.value,g=[...l];g.includes(v)?g.splice(g.indexOf(v),1):g.push(v),n(Gz(g,t)),s(g)};u.useEffect(()=>{s(D5(r,t))},[r]);let m=xr(e);return b.createElement(U1e,{"aria-readonly":d,isInline:a},Object.keys(t).map((f,v)=>{let g=`${m}-${v}`;return b.createElement(q1e,{key:g,htmlFor:g},b.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:f,onChange:p,checked:l==null?void 0:l.includes(f)}),b.createElement(W1e,null,f))}))},G1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),K1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),Y1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),kC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return J4.warn(`Radio with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=qz(r,t),l=xr(e),s=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return b.createElement(G1e,{"aria-readonly":s,isInline:a},Object.keys(t).map((p,m)=>{let h=`${l}-${m}`;return b.createElement(Y1e,{key:h,htmlFor:h},b.createElement("input",{type:"radio",id:h,name:l,disabled:s,value:p,onChange:f=>n(t[f.currentTarget.value]),checked:p===i}),b.createElement(K1e,null,p))}))},Z1e={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Kz=F.select(Z1e,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),Yz=F.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),_C="Choose option...",X1e=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{n(r[p.currentTarget.value])},i=qz(t,r)||_C,l=xr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Yz,null,b.createElement(_R,null),b.createElement(Kz,{disabled:s,id:l,value:i,onChange:o},b.createElement("option",{key:"no-selection",disabled:!0},_C),Object.keys(r).map(p=>b.createElement("option",{key:p,value:p},p))))},J1e=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{let m=Array.from(p.currentTarget.options).filter(h=>h.selected).map(h=>h.value);n(Gz(m,r))},i=D5(t,r),l=xr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Yz,null,b.createElement(Kz,{disabled:s,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(p=>b.createElement("option",{key:p,value:p},p))))},AC=e=>{let{name:t,options:r}=e;return r?e.isMulti?b.createElement(J1e,{...e}):b.createElement(X1e,{...e}):(J4.warn(`Select with no options: ${t}`),b.createElement(b.Fragment,null,"-"))},Q1e=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,epe={check:SC,"inline-check":SC,radio:kC,"inline-radio":kC,select:AC,"multi-select":AC},qo=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?Q1e(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=epe[t];if(o)return b.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},e3="value",tpe="key",rpe="Error",npe="Object",ape="Array",ope="String",ipe="Number",lpe="Boolean",spe="Date",upe="Null",cpe="Undefined",dpe="Function",ppe="Symbol",Zz="ADD_DELTA_TYPE",Xz="REMOVE_DELTA_TYPE",Jz="UPDATE_DELTA_TYPE";function Qa(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function Qz(e,t){let r=Qa(e),n=Qa(t);return(r==="Function"||n==="Function")&&n!==r}var t3=class extends u.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,l=u.cloneElement(r,{onClick:this.onSubmit}),s=u.cloneElement(n,{onClick:e}),d=a(e3,o,i),p=u.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),m=null;if(!t){let h=a(tpe,o,i);m=u.cloneElement(h,{placeholder:"Key",ref:this.refInputKey})}return b.createElement("span",{className:"rejt-add-value-node"},m,p,s,l)}};t3.defaultProps={onlyValue:!1,addButtonElement:b.createElement("button",null,"+"),cancelButtonElement:b.createElement("button",null,"c")};var eB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Xz};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:Zz,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:Jz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:d,collapsed:p}=i(e,t,r,n,l),m=o(e,t,r,n,l),h=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!m&&h)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:p,dataType:m,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,delimiter:$,ul:I,addForm:O}=p(e,t,r,n,m),z=d(e,t,r,n,m),j=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),M=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_});return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!a&&j,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},t.map((H,W)=>b.createElement(Sp,{key:W,name:W.toString(),data:H,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(W),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!z&&a&&b.createElement("div",{className:"rejt-add-form",style:O},b.createElement(t3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:h,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!z&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,o);return b.createElement("div",{className:"rejt-array-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};eB.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var tB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{Qz(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:p,cancelButtonElement:m,textareaElementGenerator:h,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,s),C=null,w=null,y=l(e,i,n,a,s);if(r&&!y){let E=h(e3,v,a,e,i,s),x=u.cloneElement(p,{onClick:this.handleEdit}),D=u.cloneElement(m,{onClick:this.handleCancelEdit}),S=u.cloneElement(E,{ref:this.refInput,defaultValue:i});C=b.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",D,x),w=null}else{C=b.createElement("span",{className:"rejt-value",style:g.value,onClick:y?null:this.handleEditMode},t);let E=u.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});w=y?null:E}return b.createElement("li",{className:"rejt-function-value-node",style:g.li},b.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),C,w)}};tB.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};var Sp=class extends u.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=Qa(e);switch(_){case rpe:return b.createElement(S5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:k,dataType:_,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case npe:return b.createElement(S5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case ape:return b.createElement(eB,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case ope:return b.createElement(Pn,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case ipe:return b.createElement(Pn,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case lpe:return b.createElement(Pn,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case spe:return b.createElement(Pn,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case upe:return b.createElement(Pn,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case cpe:return b.createElement(Pn,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case dpe:return b.createElement(tB,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case ppe:return b.createElement(Pn,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});default:return null}}};Sp.defaultProps={keyPath:[],deep:0};var S5=class extends u.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:Zz,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Xz};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:Jz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:d,collapsed:p}=l(e,n,t,r,i),m=Object.getOwnPropertyNames(n),h=o(e,n,t,r,i),f=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"{...}"," ",m.length," ",m.length===1?"key":"keys"),!h&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:p,dataType:m,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,addForm:$,ul:I,delimiter:O}=p(e,t,r,n,m),z=Object.getOwnPropertyNames(t),j=d(e,t,r,n,m),M=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),H=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_}),W=z.map(B=>b.createElement(Sp,{key:B,name:B,data:t[B],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(B),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!j&&M,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},W),!j&&o&&b.createElement("div",{className:"rejt-add-form",style:$},b.createElement(t3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:h,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!j&&H)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=o(e,r,n,a,i);return b.createElement("div",{className:"rejt-object-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};S5.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var Pn=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{Qz(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:p,cancelButtonElement:m,inputElementGenerator:h,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,s),C=l(e,i,n,a,s),w=r&&!C,y=h(e3,v,a,e,i,s),E=u.cloneElement(p,{onClick:this.handleEdit}),x=u.cloneElement(m,{onClick:this.handleCancelEdit}),D=u.cloneElement(y,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=u.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});return b.createElement("li",{className:"rejt-value-node",style:g.li},b.createElement("span",{className:"rejt-name",style:g.name},e," : "),w?b.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",x,E):b.createElement("span",{className:"rejt-value",style:g.value,onClick:C?null:this.handleEditMode},String(t)),!C&&!w&&S)}};Pn.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};var fpe={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},hpe={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},mpe={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function gpe(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var rB=class extends u.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:d,textareaElement:p,minusMenuElement:m,plusMenuElement:h,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:C,onSubmitValueParser:w,fallback:y=null}=this.props,E=Qa(e),x=a;Qa(a)==="Boolean"&&(x=()=>a);let D=d;d&&Qa(d)!=="Function"&&(D=()=>d);let S=p;return p&&Qa(p)!=="Function"&&(S=()=>p),E==="Object"||E==="Array"?b.createElement("div",{className:"rejt-tree"},b.createElement(Sp,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:x,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:m,plusMenuElement:h,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:C,onSubmitValueParser:w})):y}};rB.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return fpe;case"Array":return hpe;default:return mpe}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>gpe(a),inputElement:()=>b.createElement("input",null),textareaElement:()=>b.createElement("textarea",null),fallback:null};var{window:vpe}=Wt,ype=F.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),zm=F.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),wpe=F(HZ)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),bpe=F(VZ)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),FC=F.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Epe=F(oo)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),xpe=F(Xu.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Cpe={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Dpe=e=>{e.currentTarget.dispatchEvent(new vpe.KeyboardEvent("keydown",Cpe))},Spe=e=>{e.currentTarget.select()},kpe=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),$C=({name:e,value:t,onChange:r,argType:n})=>{var E;let a=w9(),o=u.useMemo(()=>t&&gce(t),[t]),i=o!=null,[l,s]=u.useState(!i),[d,p]=u.useState(null),m=!!((E=n==null?void 0:n.table)!=null&&E.readonly),h=u.useCallback(x=>{try{x&&r(JSON.parse(x)),p(void 0)}catch(D){p(D)}},[r]),[f,v]=u.useState(!1),g=u.useCallback(()=>{r({}),v(!0)},[v]),C=u.useRef(null);if(u.useEffect(()=>{f&&C.current&&C.current.select()},[f]),!i)return b.createElement(Fo,{disabled:m,id:t1(e),onClick:g},"Set object");let w=b.createElement(xpe,{ref:C,id:xr(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>h(x.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:d?"error":null,readOnly:m}),y=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return b.createElement(ype,{"aria-readonly":m},y&&b.createElement(Epe,{onClick:x=>{x.preventDefault(),s(D=>!D)}},l?b.createElement(NZ,null):b.createElement(PZ,null),b.createElement("span",null,"RAW")),l?w:b.createElement(rB,{readOnly:m||!y,isCollapsed:y?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:kpe(a),cancelButtonElement:b.createElement(zm,{type:"button"},"Cancel"),editButtonElement:b.createElement(zm,{type:"submit"},"Save"),addButtonElement:b.createElement(zm,{type:"submit",primary:!0},"Save"),plusMenuElement:b.createElement(wpe,null),minusMenuElement:b.createElement(bpe,null),inputElement:(x,D,S,k)=>k?b.createElement(FC,{onFocus:Spe,onBlur:Dpe}):b.createElement(FC,null),fallback:w}))},_pe=F.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, + */const{global:Wt}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:Bde,once:Lde,logger:J4}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:yC,composeConfigs:Bhe,Preview:Lhe,DocsContext:Ohe}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:wC,STORY_ARGS_UPDATED:bC,UPDATE_STORY_ARGS:Ode,RESET_STORY_ARGS:Mde,NAVIGATE_URL:Pde}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var Nde=ll({"../../node_modules/tocbot/src/js/default-options.js"(e,t){t.exports={tocSelector:".js-toc",contentSelector:".js-toc-content",headingSelector:"h1, h2, h3",ignoreSelector:".js-toc-ignore",hasInnerContainers:!1,linkClass:"toc-link",extraLinkClasses:"",activeLinkClass:"is-active-link",listClass:"toc-list",extraListClasses:"",isCollapsedClass:"is-collapsed",collapsibleClass:"is-collapsible",listItemClass:"toc-list-item",activeListItemClass:"is-active-li",collapseDepth:0,scrollSmooth:!0,scrollSmoothDuration:420,scrollSmoothOffset:0,scrollEndCallback:function(r){},headingsOffset:1,throttleTimeout:50,positionFixedSelector:null,positionFixedClass:"is-position-fixed",fixedSidebarOffset:"auto",includeHtml:!1,includeTitleTags:!1,onClick:function(r){},orderedList:!0,scrollContainer:null,skipRendering:!1,headingLabelCallback:!1,ignoreHiddenElements:!1,headingObjectCallback:null,basePath:"",disableTocScrollSync:!1,tocScrollOffset:0}}}),jde=ll({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,l=!0,s=" ";function d(x,D){var S=D.appendChild(m(x));if(x.children.length){var k=h(x.isCollapsed);x.children.forEach(function(_){d(_,k)}),S.appendChild(k)}}function p(x,D){var S=!1,k=h(S);if(D.forEach(function(_){d(_,k)}),i=x||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(k)}function m(x){var D=document.createElement("li"),S=document.createElement("a");return r.listItemClass&&D.setAttribute("class",r.listItemClass),r.onClick&&(S.onclick=r.onClick),r.includeTitleTags&&S.setAttribute("title",x.textContent),r.includeHtml&&x.childNodes.length?n.call(x.childNodes,function(k){S.appendChild(k.cloneNode(!0))}):S.textContent=x.textContent,S.setAttribute("href",r.basePath+"#"+x.id),S.setAttribute("class",r.linkClass+s+"node-name--"+x.nodeName+s+r.extraLinkClasses),D.appendChild(S),D}function h(x){var D=r.orderedList?"ol":"ul",S=document.createElement(D),k=r.listClass+s+r.extraListClasses;return x&&(k=k+s+r.collapsibleClass,k=k+s+r.isCollapsedClass),S.setAttribute("class",k),S}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var x;x=document.querySelector(r.scrollContainer).scrollTop}else x=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),x>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=s+r.positionFixedClass):D.className=D.className.replace(s+r.positionFixedClass,"")}function v(x){var D=0;return x!==null&&(D=x.offsetTop,r.hasInnerContainers&&(D+=v(x.offsetParent))),D}function g(x,D){return x&&x.className!==D&&(x.className=D),x}function C(x){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var D;D=document.querySelector(r.scrollContainer).scrollTop}else D=document.documentElement.scrollTop||o.scrollTop;r.positionFixedSelector&&f();var S=x,k;if(l&&i!==null&&S.length>0){a.call(S,function(j,M){if(v(j)>D+r.headingsOffset+10){var H=M===0?M:M-1;return k=S[H],!0}else if(M===S.length-1)return k=S[S.length-1],!0});var _=i.querySelector("."+r.activeLinkClass),A=i.querySelector("."+r.linkClass+".node-name--"+k.nodeName+'[href="'+r.basePath+"#"+k.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(_===A)return;var $=i.querySelectorAll("."+r.linkClass);n.call($,function(j){g(j,j.className.replace(s+r.activeLinkClass,""))});var I=i.querySelectorAll("."+r.listItemClass);n.call(I,function(j){g(j,j.className.replace(s+r.activeListItemClass,""))}),A&&A.className.indexOf(r.activeLinkClass)===-1&&(A.className+=s+r.activeLinkClass);var O=A&&A.parentNode;O&&O.className.indexOf(r.activeListItemClass)===-1&&(O.className+=s+r.activeListItemClass);var z=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call(z,function(j){j.className.indexOf(r.isCollapsedClass)===-1&&(j.className+=s+r.isCollapsedClass)}),A&&A.nextSibling&&A.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(A.nextSibling,A.nextSibling.className.replace(s+r.isCollapsedClass,"")),w(A&&A.parentNode.parentNode)}}function w(x){return x&&x.className.indexOf(r.collapsibleClass)!==-1&&x.className.indexOf(r.isCollapsedClass)!==-1?(g(x,x.className.replace(s+r.isCollapsedClass,"")),w(x.parentNode.parentNode)):x}function y(x){var D=x.target||x.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(l=!1)}function E(){l=!0}return{enableTocAnimation:E,disableTocAnimation:y,render:p,updateToc:C}}}}),Hde=ll({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(m){return m[m.length-1]}function o(m){return+m.nodeName.toUpperCase().replace("H","")}function i(m){try{return m instanceof window.HTMLElement||m instanceof window.parent.HTMLElement}catch{return m instanceof window.HTMLElement}}function l(m){if(!i(m))return m;if(r.ignoreHiddenElements&&(!m.offsetHeight||!m.offsetParent))return null;let h=m.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(m.innerText)):(m.innerText||m.textContent).trim());var f={id:m.id,children:[],nodeName:m.nodeName,headingLevel:o(m),textContent:h};return r.includeHtml&&(f.childNodes=m.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,m):f}function s(m,h){for(var f=l(m),v=f.headingLevel,g=h,C=a(g),w=C?C.headingLevel:0,y=v-w;y>0&&(C=a(g),!(C&&v===C.headingLevel));)C&&C.children!==void 0&&(g=C.children),y--;return v>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function d(m,h){var f=h;r.ignoreSelector&&(f=h.split(",").map(function(v){return v.trim()+":not("+r.ignoreSelector+")"}));try{return m.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function p(m){return n.call(m,function(h,f){var v=l(f);return v&&s(v,h.nest),h},{nest:[]})}return{nestHeadingsArray:p,selectHeadings:d}}}}),Vde=ll({"../../node_modules/tocbot/src/js/update-toc-scroll.js"(e,t){t.exports=function(r){var n=r.tocElement||document.querySelector(r.tocSelector);if(n&&n.scrollHeight>n.clientHeight){var a=n.querySelector("."+r.activeListItemClass);a&&(n.scrollTop=a.offsetTop-r.tocScrollOffset)}}}}),Ude=ll({"../../node_modules/tocbot/src/js/scroll-smooth/index.js"(e){e.initSmoothScrolling=t;function t(n){var a=n.duration,o=n.offset,i=location.hash?d(location.href):location.href;l();function l(){document.body.addEventListener("click",m,!1);function m(h){!s(h.target)||h.target.className.indexOf("no-smooth-scroll")>-1||h.target.href.charAt(h.target.href.length-2)==="#"&&h.target.href.charAt(h.target.href.length-1)==="!"||h.target.className.indexOf(n.linkClass)===-1||r(h.target.hash,{duration:a,offset:o,callback:function(){p(h.target.hash)}})}}function s(m){return m.tagName.toLowerCase()==="a"&&(m.hash.length>0||m.href.charAt(m.href.length-1)==="#")&&(d(m.href)===i||d(m.href)+"#"===i)}function d(m){return m.slice(0,m.lastIndexOf("#"))}function p(m){var h=document.getElementById(m.substring(1));h&&(/^(?:a|select|input|button|textarea)$/i.test(h.tagName)||(h.tabIndex=-1),h.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||v},l=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),s=typeof n=="string"?i.offset+(n?l&&l.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(s):i.duration,p,m;requestAnimationFrame(function(g){p=g,h(g)});function h(g){m=g-p,window.scrollTo(0,i.easing(m,o,s,d)),m"u"&&!m)return;var h,f=Object.prototype.hasOwnProperty;function v(){for(var y={},E=0;E({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:ge(.3,e.color.defaultText),fontSize:e.typography.size.s2})),Nz=e=>b.createElement(qde,{...e,className:"docblock-emptyblock sb-unstyled"}),Gde=F(g4)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Kde=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Jc=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${jm}`]:{margin:0}})),Yde=()=>b.createElement(Kde,null,b.createElement(Jc,null),b.createElement(Jc,{style:{width:"80%"}}),b.createElement(Jc,{style:{width:"30%"}}),b.createElement(Jc,{style:{width:"80%"}})),jz=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:l}=w9();if(e)return b.createElement(Yde,null);if(t)return b.createElement(Nz,null,t);let s=b.createElement(Gde,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return s;let d=a?Pm.dark:Pm.light;return b.createElement(b9,{theme:Nm({...d,fontCode:l.fonts.mono,fontBase:l.fonts.base})},s)},Te=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Q4=600,Zde=F.h1(Ce,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Q4}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),Xde=F.h2(Ce,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Q4}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ge(.25,e.color.defaultText)})),Jde=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={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"?ge(.1,e.color.defaultText):ge(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[Te("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[Te("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[Te("div")]:t,[Te("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[Te("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[Te("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[Te("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[Te("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[Te("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[Te("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[Te("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[Te("img")]:{maxWidth:"100%"},[Te("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[Te("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[Te("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[Te("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[Te("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[Te("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[Te("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),Qde=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Q4}px)`]:{}})),e1e=({children:e,toc:t})=>b.createElement(Qde,{className:"sbdocs sbdocs-wrapper"},b.createElement(Jde,{className:"sbdocs sbdocs-content"},e),t),Dp=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),t1e=F(k4)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),r1e=F.div({display:"flex",alignItems:"center",gap:4}),n1e=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),a1e=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>b.createElement(t1e,{...o},b.createElement(r1e,{key:"left"},e?[1,2,3].map(i=>b.createElement(n1e,{key:i})):b.createElement(b.Fragment,null,b.createElement(oo,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},b.createElement(LZ,null)),b.createElement(oo,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},b.createElement(OZ,null)),b.createElement(oo,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},b.createElement(MZ,null))))),Hz=u.createContext({scale:1}),{window:o1e}=Wt,i1e=class extends u.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=o1e.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return b.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:l1e}=Wt,s1e=l1e||"iframe.html",x5=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,u1e=e=>{let t=u.useRef(),[r,n]=u.useState(!0),[a,o]=u.useState(),{story:i,height:l,autoplay:s,forceInitialArgs:d,renderStoryToElement:p}=e;return u.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:s,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[s,p,i]),a?b.createElement("pre",null,b.createElement(CK,{error:a})):b.createElement(b.Fragment,null,l?b.createElement("style",null,`#${x5(e)} { min-height: ${l}; transform: translateZ(0); overflow: auto }`):null,r&&b.createElement(Vz,null),b.createElement("div",{ref:t,id:`${x5(e)}-inner`,"data-name":i.name}))},c1e=({story:e,height:t="500px"})=>b.createElement("div",{style:{width:"100%",height:t}},b.createElement(Hz.Consumer,null,({scale:r})=>b.createElement(i1e,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:qY(s1e,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),d1e=F.strong(({theme:e})=>({color:e.color.orange})),p1e=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?b.createElement(d1e,null,"This story mounts inside of play. Set"," ",b.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):b.createElement("div",{id:x5(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?b.createElement(u1e,{...e}):b.createElement(c1e,{...e}))},Vz=()=>b.createElement(WY,null),f1e=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),EC=F(jz)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Or(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Or(.05,e.background.content)}})),h1e=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Dp(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),m1e=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:b.createElement(EC,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:b.createElement(EC,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function g1e(e){if(u.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var v1e=F(a1e)({position:"absolute",top:0,left:0,right:0,height:40}),y1e=F.div({overflow:"hidden",position:"relative"}),Uz=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:l,className:s,layout:d="padded",...p})=>{let[m,h]=u.useState(i),{source:f,actionItem:v}=m1e(a,m,h),[g,C]=u.useState(1),w=[s].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),y=a?[v]:[],[E,x]=u.useState(l?[...l]:[]),D=[...y,...E],{window:S}=Wt,k=u.useCallback(async A=>{let{createCopyToClipboardFunction:$}=await zC(()=>import("./index-CMGR8lil.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);$()},[]),_=A=>{let $=S.getSelection();$&&$.type==="Range"||(A.preventDefault(),E.filter(I=>I.title==="Copied").length===0&&k(f.props.code).then(()=>{x([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>x(E.filter(I=>I.title!=="Copied")),1500)}))};return b.createElement(h1e,{withSource:a,withToolbar:o,...p,className:w.join(" ")},o&&b.createElement(v1e,{isLoading:e,border:!0,zoom:A=>C(g*A),resetZoom:()=>C(1),storyId:g1e(n),baseUrl:"./iframe.html"}),b.createElement(Hz.Provider,{value:{scale:g}},b.createElement(y1e,{className:"docs-story",onCopyCapture:a&&_},b.createElement(f1e,{isColumn:t||!Array.isArray(n),columns:r,layout:d},b.createElement(mK.Element,{scale:g},Array.isArray(n)?n.map((A,$)=>b.createElement("div",{key:$},A)):b.createElement("div",null,n))),b.createElement(Xv,{actionItems:D}))),a&&m&&f)};F(Uz)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var w1e=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Da({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),b1e=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:b.createElement(b.Fragment,null,b.createElement(w1e,null,b.createElement("tbody",null,n&&b.createElement("tr",{key:"deprecated"},b.createElement("td",{colSpan:2},b.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>b.createElement("tr",{key:o.name},b.createElement("td",null,b.createElement("code",null,o.name)),b.createElement("td",null,o.description))),a&&b.createElement("tr",{key:"returns"},b.createElement("td",null,b.createElement("code",null,"Returns")),b.createElement("td",null,e.returns.description)))))},C5=8,xC=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),E1e=F.span(Da,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),x1e=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),C1e=F.div(Da,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),D1e=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),S1e=F(GZ)({marginLeft:4}),k1e=F(_R)({marginLeft:4}),_1e=()=>b.createElement("span",null,"-"),Wz=({text:e,simple:t})=>b.createElement(E1e,{simple:t},e),A1e=kz(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),F1e=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Tle(t)},CC=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,C5)),r.map(n=>b.createElement(Wz,{key:n,text:n===""?'""':n}))},$1e=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=u.useState(!1),[i,l]=u.useState(t||!1);if(r==null)return null;let s=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(s))return b.createElement(Wz,{text:s});let d=F1e(s),p=d.length;return p>C5?b.createElement(xC,{isExpanded:i},CC(d,i),b.createElement(x1e,{onClick:()=>l(!i)},i?"Show less...":`Show ${p-C5} more...`)):b.createElement(xC,null,CC(d))}return b.createElement(YK,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:b.createElement(D1e,{width:A1e(n)},b.createElement(g4,{language:"jsx",format:!1},n))},b.createElement(C1e,{className:"sbdocs-expandable"},b.createElement("span",null,s),a?b.createElement(S1e,null):b.createElement(k1e,null)))},Rm=({value:e,initialExpandedArgs:t})=>e==null?b.createElement(_1e,null):b.createElement($1e,{value:e,initialExpandedArgs:t}),T1e=F.label(({theme:e})=>({lineHeight:"18px",alignItems:"center",marginBottom:8,display:"inline-block",position:"relative",whiteSpace:"nowrap",background:e.boolean.background,borderRadius:"3em",padding:1,'&[aria-disabled="true"]':{opacity:.5,input:{cursor:"not-allowed"}},input:{appearance:"none",width:"100%",height:"100%",position:"absolute",left:0,top:0,margin:0,padding:0,border:"none",background:"transparent",cursor:"pointer",borderRadius:"3em","&:focus":{outline:"none",boxShadow:`${e.color.secondary} 0 0 0 1px inset !important`}},span:{textAlign:"center",fontSize:e.typography.size.s1,fontWeight:e.typography.weight.bold,lineHeight:"1",cursor:"pointer",display:"inline-block",padding:"7px 15px",transition:"all 100ms ease-out",userSelect:"none",borderRadius:"3em",color:ge(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${Yc(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${Yc(.05,e.appBorderColor)} 0 0 0 2px inset`,color:Yc(1,e.appBorderColor)},"&:first-of-type":{paddingRight:8},"&:last-of-type":{paddingLeft:8}},"input:checked ~ span:last-of-type, input:not(:checked) ~ span:first-of-type":{background:e.boolean.selectedBackground,boxShadow:e.base==="light"?`${Yc(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),I1e=e=>e==="true",R1e=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var p;let i=u.useCallback(()=>r(!1),[r]),l=!!((p=o==null?void 0:o.table)!=null&&p.readonly);if(t===void 0)return b.createElement(Fo,{variant:"outline",size:"medium",id:t1(e),onClick:i,disabled:l},"Set boolean");let s=xr(e),d=typeof t=="string"?I1e(t):t;return b.createElement(T1e,{"aria-disabled":l,htmlFor:s,"aria-label":e},b.createElement("input",{id:s,type:"checkbox",onChange:m=>r(m.target.checked),checked:d,role:"switch",disabled:l,name:e,onBlur:n,onFocus:a}),b.createElement("span",{"aria-hidden":"true"},"False"),b.createElement("span",{"aria-hidden":"true"},"True"))},z1e=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},B1e=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},L1e=e=>{let t=new Date(e),r=`000${t.getFullYear()}`.slice(-4),n=`0${t.getMonth()+1}`.slice(-2),a=`0${t.getDate()}`.slice(-2);return`${r}-${n}-${a}`},O1e=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},DC=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),M1e=F.div(({theme:e})=>({flex:1,display:"flex",input:{marginLeft:10,flex:1,height:32,"&::-webkit-calendar-picker-indicator":{opacity:.5,height:12,filter:e.base==="light"?void 0:"invert(1)"}},"input:first-of-type":{marginLeft:0,flexGrow:4},"input:last-of-type":{flexGrow:3}})),P1e=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var v;let[i,l]=u.useState(!0),s=u.useRef(),d=u.useRef(),p=!!((v=o==null?void 0:o.table)!=null&&v.readonly);u.useEffect(()=>{i!==!1&&(s&&s.current&&(s.current.value=t?L1e(t):""),d&&d.current&&(d.current.value=t?O1e(t):""))},[t]);let m=g=>{if(!g.target.value)return r();let C=z1e(g.target.value),w=new Date(t);w.setFullYear(C.getFullYear(),C.getMonth(),C.getDate());let y=w.getTime();y&&r(y),l(!!y)},h=g=>{if(!g.target.value)return r();let C=B1e(g.target.value),w=new Date(t);w.setHours(C.getHours()),w.setMinutes(C.getMinutes());let y=w.getTime();y&&r(y),l(!!y)},f=xr(e);return b.createElement(M1e,null,b.createElement(DC,{type:"date",max:"9999-12-31",ref:s,id:`${f}-date`,name:`${f}-date`,readOnly:p,onChange:m,onFocus:n,onBlur:a}),b.createElement(DC,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:d,onChange:h,readOnly:p,onFocus:n,onBlur:a}),i?null:b.createElement("div",null,"invalid"))},N1e=F.label({display:"flex"}),j1e=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},H1e=F(Xu.Input)(({readOnly:e})=>({opacity:e?.5:1})),V1e=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:l,argType:s})=>{var E;let[d,p]=u.useState(typeof t=="number"?t:""),[m,h]=u.useState(!1),[f,v]=u.useState(null),g=!!((E=s==null?void 0:s.table)!=null&&E.readonly),C=u.useCallback(x=>{p(x.target.value);let D=parseFloat(x.target.value);Number.isNaN(D)?v(new Error(`'${x.target.value}' is not a number`)):(r(D),v(null))},[r,v]),w=u.useCallback(()=>{p("0"),r(0),h(!0)},[h]),y=u.useRef(null);return u.useEffect(()=>{m&&y.current&&y.current.select()},[m]),u.useEffect(()=>{d!==(typeof t=="number"?t:"")&&p(t)},[t]),t===void 0?b.createElement(Fo,{variant:"outline",size:"medium",id:t1(e),onClick:w,disabled:g},"Set number"):b.createElement(N1e,null,b.createElement(H1e,{ref:y,id:xr(e),type:"number",onChange:C,size:"flex",placeholder:"Edit number...",value:d,valid:f?"error":null,autoFocus:m,readOnly:g,name:e,min:n,max:a,step:o,onFocus:l,onBlur:i}))},qz=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},D5=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],Gz=(e,t)=>e&&t&&e.map(r=>t[r]),U1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),W1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),q1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),SC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var h;if(!t)return J4.warn(`Checkbox with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=D5(r,t),[l,s]=u.useState(i),d=!!((h=o==null?void 0:o.table)!=null&&h.readonly),p=f=>{let v=f.target.value,g=[...l];g.includes(v)?g.splice(g.indexOf(v),1):g.push(v),n(Gz(g,t)),s(g)};u.useEffect(()=>{s(D5(r,t))},[r]);let m=xr(e);return b.createElement(U1e,{"aria-readonly":d,isInline:a},Object.keys(t).map((f,v)=>{let g=`${m}-${v}`;return b.createElement(q1e,{key:g,htmlFor:g},b.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:f,onChange:p,checked:l==null?void 0:l.includes(f)}),b.createElement(W1e,null,f))}))},G1e=F.div(({isInline:e})=>e?{display:"flex",flexWrap:"wrap",alignItems:"flex-start",label:{display:"inline-flex",marginRight:15}}:{label:{display:"flex"}},e=>{if(e["aria-readonly"]==="true")return{input:{cursor:"not-allowed"}}}),K1e=F.span({"[aria-readonly=true] &":{opacity:.5}}),Y1e=F.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),kC=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return J4.warn(`Radio with no options: ${e}`),b.createElement(b.Fragment,null,"-");let i=qz(r,t),l=xr(e),s=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return b.createElement(G1e,{"aria-readonly":s,isInline:a},Object.keys(t).map((p,m)=>{let h=`${l}-${m}`;return b.createElement(Y1e,{key:h,htmlFor:h},b.createElement("input",{type:"radio",id:h,name:l,disabled:s,value:p,onChange:f=>n(t[f.currentTarget.value]),checked:p===i}),b.createElement(K1e,null,p))}))},Z1e={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},Kz=F.select(Z1e,({theme:e})=>({boxSizing:"border-box",position:"relative",padding:"6px 10px",width:"100%",color:e.input.color||"inherit",background:e.input.background,borderRadius:e.input.borderRadius,boxShadow:`${e.input.border} 0 0 0 1px inset`,fontSize:e.typography.size.s2-1,lineHeight:"20px","&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"::placeholder":{color:e.textMutedColor},"&[multiple]":{overflow:"auto",padding:0,option:{display:"block",padding:"6px 10px",marginLeft:1,marginRight:1}}})),Yz=F.span(({theme:e})=>({display:"inline-block",lineHeight:"normal",overflow:"hidden",position:"relative",verticalAlign:"top",width:"100%",svg:{position:"absolute",zIndex:1,pointerEvents:"none",height:"12px",marginTop:"-6px",right:"12px",top:"50%",fill:e.textMutedColor,path:{fill:e.textMutedColor}}})),_C="Choose option...",X1e=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{n(r[p.currentTarget.value])},i=qz(t,r)||_C,l=xr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Yz,null,b.createElement(_R,null),b.createElement(Kz,{disabled:s,id:l,value:i,onChange:o},b.createElement("option",{key:"no-selection",disabled:!0},_C),Object.keys(r).map(p=>b.createElement("option",{key:p,value:p},p))))},J1e=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{let m=Array.from(p.currentTarget.options).filter(h=>h.selected).map(h=>h.value);n(Gz(m,r))},i=D5(t,r),l=xr(e),s=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return b.createElement(Yz,null,b.createElement(Kz,{disabled:s,id:l,multiple:!0,value:i,onChange:o},Object.keys(r).map(p=>b.createElement("option",{key:p,value:p},p))))},AC=e=>{let{name:t,options:r}=e;return r?e.isMulti?b.createElement(J1e,{...e}):b.createElement(X1e,{...e}):(J4.warn(`Select with no options: ${t}`),b.createElement(b.Fragment,null,"-"))},Q1e=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,epe={check:SC,"inline-check":SC,radio:kC,"inline-radio":kC,select:AC,"multi-select":AC},qo=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?Q1e(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=epe[t];if(o)return b.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},e3="value",tpe="key",rpe="Error",npe="Object",ape="Array",ope="String",ipe="Number",lpe="Boolean",spe="Date",upe="Null",cpe="Undefined",dpe="Function",ppe="Symbol",Zz="ADD_DELTA_TYPE",Xz="REMOVE_DELTA_TYPE",Jz="UPDATE_DELTA_TYPE";function Qa(e){return e!==null&&typeof e=="object"&&!Array.isArray(e)&&typeof e[Symbol.iterator]=="function"?"Iterable":Object.prototype.toString.call(e).slice(8,-1)}function Qz(e,t){let r=Qa(e),n=Qa(t);return(r==="Function"||n==="Function")&&n!==r}var t3=class extends u.Component{constructor(e){super(e),this.state={inputRefKey:null,inputRefValue:null},this.refInputValue=this.refInputValue.bind(this),this.refInputKey=this.refInputKey.bind(this),this.onKeydown=this.onKeydown.bind(this),this.onSubmit=this.onSubmit.bind(this)}componentDidMount(){let{inputRefKey:e,inputRefValue:t}=this.state,{onlyValue:r}=this.props;e&&typeof e.focus=="function"&&e.focus(),r&&t&&typeof t.focus=="function"&&t.focus(),document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.onSubmit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.props.handleCancel()))}onSubmit(){let{handleAdd:e,onlyValue:t,onSubmitValueParser:r,keyPath:n,deep:a}=this.props,{inputRefKey:o,inputRefValue:i}=this.state,l={};if(!t){if(!o.value)return;l.key=o.value}l.newValue=r(!1,n,a,l.key,i.value),e(l)}refInputKey(e){this.state.inputRefKey=e}refInputValue(e){this.state.inputRefValue=e}render(){let{handleCancel:e,onlyValue:t,addButtonElement:r,cancelButtonElement:n,inputElementGenerator:a,keyPath:o,deep:i}=this.props,l=u.cloneElement(r,{onClick:this.onSubmit}),s=u.cloneElement(n,{onClick:e}),d=a(e3,o,i),p=u.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),m=null;if(!t){let h=a(tpe,o,i);m=u.cloneElement(h,{placeholder:"Key",ref:this.refInputKey})}return b.createElement("span",{className:"rejt-add-value-node"},m,p,s,l)}};t3.defaultProps={onlyValue:!1,addButtonElement:b.createElement("button",null,"+"),cancelButtonElement:b.createElement("button",null,"c")};var eB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={data:e.data,name:e.name,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveItem=this.handleRemoveItem.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleRemoveItem(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Xz};n.splice(e,1),this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleAddValueAdd({newValue:e}){let{data:t,keyPath:r,nextDeep:n}=this.state,{beforeAddAction:a,logger:o}=this.props;a(t.length,r,n,e).then(()=>{let i=[...t,e];this.setState({data:i}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(r[r.length-1],i),s({type:Zz,keyPath:r,deep:n,key:i.length-1,newValue:e})}).catch(o.error)}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:Jz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:l,minusMenuElement:s}=this.props,{minus:d,collapsed:p}=i(e,t,r,n,l),m=o(e,t,r,n,l),h=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!m&&h)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:p,dataType:m,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,delimiter:$,ul:I,addForm:O}=p(e,t,r,n,m),z=d(e,t,r,n,m),j=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),M=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_});return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"["),!a&&j,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},t.map((H,W)=>b.createElement(Sp,{key:W,name:W.toString(),data:H,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(W),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}))),!z&&a&&b.createElement("div",{className:"rejt-add-form",style:O},b.createElement(t3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:h,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:$},"]"),!z&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=i(e,r,n,a,o);return b.createElement("div",{className:"rejt-array-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};eB.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var tB=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{Qz(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:p,cancelButtonElement:m,textareaElementGenerator:h,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,s),C=null,w=null,y=l(e,i,n,a,s);if(r&&!y){let E=h(e3,v,a,e,i,s),x=u.cloneElement(p,{onClick:this.handleEdit}),D=u.cloneElement(m,{onClick:this.handleCancelEdit}),S=u.cloneElement(E,{ref:this.refInput,defaultValue:i});C=b.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",D,x),w=null}else{C=b.createElement("span",{className:"rejt-value",style:g.value,onClick:y?null:this.handleEditMode},t);let E=u.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});w=y?null:E}return b.createElement("li",{className:"rejt-function-value-node",style:g.li},b.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),C,w)}};tB.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};var Sp=class extends u.Component{constructor(e){super(e),this.state={data:e.data,name:e.name,keyPath:e.keyPath,deep:e.deep}}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}render(){let{data:e,name:t,keyPath:r,deep:n}=this.state,{isCollapsed:a,handleRemove:o,handleUpdateValue:i,onUpdate:l,onDeltaUpdate:s,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S}=this.props,k=()=>!0,_=Qa(e);switch(_){case rpe:return b.createElement(S5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:k,dataType:_,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case npe:return b.createElement(S5,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case ape:return b.createElement(eB,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:l,onDeltaUpdate:s,readOnly:d,dataType:_,getStyle:p,addButtonElement:m,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:y,beforeAddAction:E,beforeUpdateAction:x,logger:D,onSubmitValueParser:S});case ope:return b.createElement(Pn,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case ipe:return b.createElement(Pn,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case lpe:return b.createElement(Pn,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case spe:return b.createElement(Pn,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case upe:return b.createElement(Pn,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case cpe:return b.createElement(Pn,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});case dpe:return b.createElement(tB,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:C,logger:D,onSubmitValueParser:S});case ppe:return b.createElement(Pn,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:k,dataType:_,getStyle:p,cancelButtonElement:h,editButtonElement:f,inputElementGenerator:v,minusMenuElement:C,logger:D,onSubmitValueParser:S});default:return null}}};Sp.defaultProps={keyPath:[],deep:0};var S5=class extends u.Component{constructor(e){super(e);let t=e.deep===-1?[]:[...e.keyPath,e.name];this.state={name:e.name,data:e.data,keyPath:t,deep:e.deep,nextDeep:e.deep+1,collapsed:e.isCollapsed(t,e.deep,e.data),addFormVisible:!1},this.handleCollapseMode=this.handleCollapseMode.bind(this),this.handleRemoveValue=this.handleRemoveValue.bind(this),this.handleAddMode=this.handleAddMode.bind(this),this.handleAddValueAdd=this.handleAddValueAdd.bind(this),this.handleAddValueCancel=this.handleAddValueCancel.bind(this),this.handleEditValue=this.handleEditValue.bind(this),this.onChildUpdate=this.onChildUpdate.bind(this),this.renderCollapsed=this.renderCollapsed.bind(this),this.renderNotCollapsed=this.renderNotCollapsed.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data?{data:e.data}:null}onChildUpdate(e,t){let{data:r,keyPath:n}=this.state;r[e]=t,this.setState({data:r});let{onUpdate:a}=this.props,o=n.length;a(n[o-1],r)}handleAddMode(){this.setState({addFormVisible:!0})}handleAddValueCancel(){this.setState({addFormVisible:!1})}handleAddValueAdd({key:e,newValue:t}){let{data:r,keyPath:n,nextDeep:a}=this.state,{beforeAddAction:o,logger:i}=this.props;o(e,n,a,t).then(()=>{r[e]=t,this.setState({data:r}),this.handleAddValueCancel();let{onUpdate:l,onDeltaUpdate:s}=this.props;l(n[n.length-1],r),s({type:Zz,keyPath:n,deep:a,key:e,newValue:t})}).catch(i.error)}handleRemoveValue(e){return()=>{let{beforeRemoveAction:t,logger:r}=this.props,{data:n,keyPath:a,nextDeep:o}=this.state,i=n[e];t(e,a,o,i).then(()=>{let l={keyPath:a,deep:o,key:e,oldValue:i,type:Xz};delete n[e],this.setState({data:n});let{onUpdate:s,onDeltaUpdate:d}=this.props;s(a[a.length-1],n),d(l)}).catch(r.error)}}handleCollapseMode(){this.setState(e=>({collapsed:!e.collapsed}))}handleEditValue({key:e,value:t}){return new Promise((r,n)=>{let{beforeUpdateAction:a}=this.props,{data:o,keyPath:i,nextDeep:l}=this.state,s=o[e];a(e,i,l,s,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:Jz,keyPath:i,deep:l,key:e,newValue:t,oldValue:s}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:l,minusMenuElement:s}=this.props,{minus:d,collapsed:p}=l(e,n,t,r,i),m=Object.getOwnPropertyNames(n),h=o(e,n,t,r,i),f=u.cloneElement(s,{onClick:a,className:"rejt-minus-menu",style:d});return b.createElement("span",{className:"rejt-collapsed"},b.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"{...}"," ",m.length," ",m.length===1?"key":"keys"),!h&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:l,onDeltaUpdate:s,readOnly:d,getStyle:p,dataType:m,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}=this.props,{minus:_,plus:A,addForm:$,ul:I,delimiter:O}=p(e,t,r,n,m),z=Object.getOwnPropertyNames(t),j=d(e,t,r,n,m),M=u.cloneElement(y,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:A}),H=u.cloneElement(w,{onClick:l,className:"rejt-minus-menu",style:_}),W=z.map(B=>b.createElement(Sp,{key:B,name:B,data:t[B],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(B),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:s,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:C,minusMenuElement:w,plusMenuElement:y,beforeRemoveAction:E,beforeAddAction:x,beforeUpdateAction:D,logger:S,onSubmitValueParser:k}));return b.createElement("span",{className:"rejt-not-collapsed"},b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"{"),!j&&M,b.createElement("ul",{className:"rejt-not-collapsed-list",style:I},W),!j&&o&&b.createElement("div",{className:"rejt-add-form",style:$},b.createElement(t3,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:h,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:k})),b.createElement("span",{className:"rejt-not-collapsed-delimiter",style:O},"}"),!j&&H)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,l=t?this.renderCollapsed():this.renderNotCollapsed(),s=o(e,r,n,a,i);return b.createElement("div",{className:"rejt-object-node"},b.createElement("span",{onClick:this.handleCollapseMode},b.createElement("span",{className:"rejt-name",style:s.name},e," :"," ")),l)}};S5.defaultProps={keyPath:[],deep:0,minusMenuElement:b.createElement("span",null," - "),plusMenuElement:b.createElement("span",null," + ")};var Pn=class extends u.Component{constructor(e){super(e);let t=[...e.keyPath,e.name];this.state={value:e.value,name:e.name,keyPath:t,deep:e.deep,editEnabled:!1,inputRef:null},this.handleEditMode=this.handleEditMode.bind(this),this.refInput=this.refInput.bind(this),this.handleCancelEdit=this.handleCancelEdit.bind(this),this.handleEdit=this.handleEdit.bind(this),this.onKeydown=this.onKeydown.bind(this)}static getDerivedStateFromProps(e,t){return e.value!==t.value?{value:e.value}:null}componentDidUpdate(){let{editEnabled:e,inputRef:t,name:r,value:n,keyPath:a,deep:o}=this.state,{readOnly:i,dataType:l}=this.props,s=i(r,n,a,o,l);e&&!s&&typeof t.focus=="function"&&t.focus()}componentDidMount(){document.addEventListener("keydown",this.onKeydown)}componentWillUnmount(){document.removeEventListener("keydown",this.onKeydown)}onKeydown(e){e.altKey||e.ctrlKey||e.metaKey||e.shiftKey||e.repeat||((e.code==="Enter"||e.key==="Enter")&&(e.preventDefault(),this.handleEdit()),(e.code==="Escape"||e.key==="Escape")&&(e.preventDefault(),this.handleCancelEdit()))}handleEdit(){let{handleUpdateValue:e,originalValue:t,logger:r,onSubmitValueParser:n,keyPath:a}=this.props,{inputRef:o,name:i,deep:l}=this.state;if(!o)return;let s=n(!0,a,l,i,o.value);e({value:s,key:i}).then(()=>{Qz(t,s)||this.handleCancelEdit()}).catch(r.error)}handleEditMode(){this.setState({editEnabled:!0})}refInput(e){this.state.inputRef=e}handleCancelEdit(){this.setState({editEnabled:!1})}render(){let{name:e,value:t,editEnabled:r,keyPath:n,deep:a}=this.state,{handleRemove:o,originalValue:i,readOnly:l,dataType:s,getStyle:d,editButtonElement:p,cancelButtonElement:m,inputElementGenerator:h,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,s),C=l(e,i,n,a,s),w=r&&!C,y=h(e3,v,a,e,i,s),E=u.cloneElement(p,{onClick:this.handleEdit}),x=u.cloneElement(m,{onClick:this.handleCancelEdit}),D=u.cloneElement(y,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=u.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});return b.createElement("li",{className:"rejt-value-node",style:g.li},b.createElement("span",{className:"rejt-name",style:g.name},e," : "),w?b.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",x,E):b.createElement("span",{className:"rejt-value",style:g.value,onClick:C?null:this.handleEditMode},String(t)),!C&&!w&&S)}};Pn.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:b.createElement("button",null,"e"),cancelButtonElement:b.createElement("button",null,"c"),minusMenuElement:b.createElement("span",null," - ")};var fpe={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},hpe={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},mpe={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function gpe(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var rB=class extends u.Component{constructor(e){super(e),this.state={data:e.data,rootName:e.rootName},this.onUpdate=this.onUpdate.bind(this),this.removeRoot=this.removeRoot.bind(this)}static getDerivedStateFromProps(e,t){return e.data!==t.data||e.rootName!==t.rootName?{data:e.data,rootName:e.rootName}:null}onUpdate(e,t){this.setState({data:t}),this.props.onFullyUpdate(t)}removeRoot(){this.onUpdate(null,null)}render(){let{data:e,rootName:t}=this.state,{isCollapsed:r,onDeltaUpdate:n,readOnly:a,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElement:d,textareaElement:p,minusMenuElement:m,plusMenuElement:h,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:C,onSubmitValueParser:w,fallback:y=null}=this.props,E=Qa(e),x=a;Qa(a)==="Boolean"&&(x=()=>a);let D=d;d&&Qa(d)!=="Function"&&(D=()=>d);let S=p;return p&&Qa(p)!=="Function"&&(S=()=>p),E==="Object"||E==="Array"?b.createElement("div",{className:"rejt-tree"},b.createElement(Sp,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:x,getStyle:o,addButtonElement:i,cancelButtonElement:l,editButtonElement:s,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:m,plusMenuElement:h,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:C,onSubmitValueParser:w})):y}};rB.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return fpe;case"Array":return hpe;default:return mpe}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>gpe(a),inputElement:()=>b.createElement("input",null),textareaElement:()=>b.createElement("textarea",null),fallback:null};var{window:vpe}=Wt,ype=F.div(({theme:e})=>({position:"relative",display:"flex",'&[aria-readonly="true"]':{opacity:.5},".rejt-tree":{marginLeft:"1rem",fontSize:"13px"},".rejt-value-node, .rejt-object-node > .rejt-collapsed, .rejt-array-node > .rejt-collapsed, .rejt-object-node > .rejt-not-collapsed, .rejt-array-node > .rejt-not-collapsed":{"& > svg":{opacity:0,transition:"opacity 0.2s"}},".rejt-value-node:hover, .rejt-object-node:hover > .rejt-collapsed, .rejt-array-node:hover > .rejt-collapsed, .rejt-object-node:hover > .rejt-not-collapsed, .rejt-array-node:hover > .rejt-not-collapsed":{"& > svg":{opacity:1}},".rejt-edit-form button":{display:"none"},".rejt-add-form":{marginLeft:10},".rejt-add-value-node":{display:"inline-flex",alignItems:"center"},".rejt-name":{lineHeight:"22px"},".rejt-not-collapsed-delimiter":{lineHeight:"22px"},".rejt-plus-menu":{marginLeft:5},".rejt-object-node > span > *, .rejt-array-node > span > *":{position:"relative",zIndex:2},".rejt-object-node, .rejt-array-node":{position:"relative"},".rejt-object-node > span:first-of-type::after, .rejt-array-node > span:first-of-type::after, .rejt-collapsed::before, .rejt-not-collapsed::before":{content:'""',position:"absolute",top:0,display:"block",width:"100%",marginLeft:"-1rem",padding:"0 4px 0 1rem",height:22},".rejt-collapsed::before, .rejt-not-collapsed::before":{zIndex:1,background:"transparent",borderRadius:4,transition:"background 0.2s",pointerEvents:"none",opacity:.1},".rejt-object-node:hover, .rejt-array-node:hover":{"& > .rejt-collapsed::before, & > .rejt-not-collapsed::before":{background:e.color.secondary}},".rejt-collapsed::after, .rejt-not-collapsed::after":{content:'""',position:"absolute",display:"inline-block",pointerEvents:"none",width:0,height:0},".rejt-collapsed::after":{left:-8,top:8,borderTop:"3px solid transparent",borderBottom:"3px solid transparent",borderLeft:"3px solid rgba(153,153,153,0.6)"},".rejt-not-collapsed::after":{left:-10,top:10,borderTop:"3px solid rgba(153,153,153,0.6)",borderLeft:"3px solid transparent",borderRight:"3px solid transparent"},".rejt-value":{display:"inline-block",border:"1px solid transparent",borderRadius:4,margin:"1px 0",padding:"0 4px",cursor:"text",color:e.color.defaultText},".rejt-value-node:hover > .rejt-value":{background:e.color.lighter,borderColor:e.appBorderColor}})),zm=F.button(({theme:e,primary:t})=>({border:0,height:20,margin:1,borderRadius:4,background:t?e.color.secondary:"transparent",color:t?e.color.lightest:e.color.dark,fontWeight:t?"bold":"normal",cursor:"pointer",order:t?"initial":9})),wpe=F(HZ)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.ancillary},"svg + &":{marginLeft:0}})),bpe=F(VZ)(({theme:e,disabled:t})=>({display:"inline-block",verticalAlign:"middle",width:15,height:15,padding:3,marginLeft:5,cursor:t?"not-allowed":"pointer",color:e.textMutedColor,"&:hover":t?{}:{color:e.color.negative},"svg + &":{marginLeft:0}})),FC=F.input(({theme:e,placeholder:t})=>({outline:0,margin:t?1:"1px 0",padding:"3px 4px",color:e.color.defaultText,background:e.background.app,border:`1px solid ${e.appBorderColor}`,borderRadius:4,lineHeight:"14px",width:t==="Key"?80:120,"&:focus":{border:`1px solid ${e.color.secondary}`}})),Epe=F(oo)(({theme:e})=>({position:"absolute",zIndex:2,top:2,right:2,height:21,padding:"0 3px",background:e.background.bar,border:`1px solid ${e.appBorderColor}`,borderRadius:3,color:e.textMutedColor,fontSize:"9px",fontWeight:"bold",textDecoration:"none",span:{marginLeft:3,marginTop:1}})),xpe=F(Xu.Textarea)(({theme:e})=>({flex:1,padding:"7px 6px",fontFamily:e.typography.fonts.mono,fontSize:"12px",lineHeight:"18px","&::placeholder":{fontFamily:e.typography.fonts.base,fontSize:"13px"},"&:placeholder-shown":{padding:"7px 10px"}})),Cpe={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Dpe=e=>{e.currentTarget.dispatchEvent(new vpe.KeyboardEvent("keydown",Cpe))},Spe=e=>{e.currentTarget.select()},kpe=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),$C=({name:e,value:t,onChange:r,argType:n})=>{var E;let a=w9(),o=u.useMemo(()=>t&&gce(t),[t]),i=o!=null,[l,s]=u.useState(!i),[d,p]=u.useState(null),m=!!((E=n==null?void 0:n.table)!=null&&E.readonly),h=u.useCallback(x=>{try{x&&r(JSON.parse(x)),p(void 0)}catch(D){p(D)}},[r]),[f,v]=u.useState(!1),g=u.useCallback(()=>{r({}),v(!0)},[v]),C=u.useRef(null);if(u.useEffect(()=>{f&&C.current&&C.current.select()},[f]),!i)return b.createElement(Fo,{disabled:m,id:t1(e),onClick:g},"Set object");let w=b.createElement(xpe,{ref:C,id:xr(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:x=>h(x.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:d?"error":null,readOnly:m}),y=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return b.createElement(ype,{"aria-readonly":m},y&&b.createElement(Epe,{onClick:x=>{x.preventDefault(),s(D=>!D)}},l?b.createElement(NZ,null):b.createElement(PZ,null),b.createElement("span",null,"RAW")),l?w:b.createElement(rB,{readOnly:m||!y,isCollapsed:y?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:kpe(a),cancelButtonElement:b.createElement(zm,{type:"button"},"Cancel"),editButtonElement:b.createElement(zm,{type:"submit"},"Save"),addButtonElement:b.createElement(zm,{type:"submit",primary:!0},"Save"),plusMenuElement:b.createElement(wpe,null),minusMenuElement:b.createElement(bpe,null),inputElement:(x,D,S,k)=>k?b.createElement(FC,{onFocus:Spe,onBlur:Dpe}):b.createElement(FC,null),fallback:w}))},_pe=F.input(({theme:e,min:t,max:r,value:n,disabled:a})=>({"&":{width:"100%",backgroundColor:"transparent",appearance:"none"},"&::-webkit-slider-runnable-track":{background:e.base==="light"?`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Or(.02,e.input.background)} ${(n-t)/(r-t)*100}%, ${Or(.02,e.input.background)} 100%)`:`linear-gradient(to right, @@ -615,7 +615,7 @@ ${t}`);let r=t.match(wK);if(!r)return b.createElement(u.Fragment,null,t);let[,n, ${Or(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Ha(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Ha(.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 ${Pr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),nB=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Ape=F(nB)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Fpe=F.div({display:"flex",alignItems:"center",width:"100%"});function $pe(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 Tpe=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:s})=>{var f;let d=v=>{r(j1e(v.target.value))},p=t!==void 0,m=u.useMemo(()=>$pe(o),[o]),h=!!((f=s==null?void 0:s.table)!=null&&f.readonly);return b.createElement(Fpe,{"aria-readonly":h},b.createElement(nB,null,n),b.createElement(_pe,{id:xr(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),b.createElement(Ape,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},Ipe=F.label({display:"flex"}),Rpe=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),zpe=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let l=v=>{r(v.target.value)},s=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=u.useState(!1),m=u.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return b.createElement(Fo,{variant:"outline",size:"medium",disabled:s,id:t1(e),onClick:m},"Set string");let h=typeof t=="string";return b.createElement(Ipe,null,b.createElement(Xu.Textarea,{id:xr(e),maxLength:o,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&b.createElement(Rpe,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Bpe=F(Xu.Input)({padding:10});function Lpe(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Ope=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var s;let o=u.useRef(null),i=(s=a==null?void 0:a.control)==null?void 0:s.readOnly;function l(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),Lpe(n)}return u.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),b.createElement(Bpe,{ref:o,id:xr(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},Mpe=u.lazy(()=>zC(()=>import("./Color-KGDBMAHA-B54mmO3C.js"),__vite__mapDeps([6,2,1,3,4,5]),import.meta.url)),Ppe=e=>b.createElement(u.Suspense,{fallback:b.createElement("div",null)},b.createElement(Mpe,{...e})),Npe={array:$C,object:$C,boolean:R1e,color:Ppe,date:P1e,number:V1e,check:qo,"inline-check":qo,radio:qo,"inline-radio":qo,select:qo,"multi-select":qo,range:Tpe,text:zpe,file:Ope},TC=()=>b.createElement(b.Fragment,null,"-"),jpe=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,l]=u.useState(!1),[s,d]=u.useState({value:t});u.useEffect(()=>{i||d({value:t})},[i,t]);let p=u.useCallback(C=>(d({value:C}),r({[a]:C}),C),[r,a]),m=u.useCallback(()=>l(!1),[]),h=u.useCallback(()=>l(!0),[]);if(!o||o.disable){let C=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&C?b.createElement(Ti,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):b.createElement(TC,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:m,onFocus:h},v=Npe[o.type]||TC;return b.createElement(v,{...f,...o,controlType:o.type})},Hpe=F.span({fontWeight:"bold"}),Vpe=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Upe=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Da({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Wpe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?4:0})),qpe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Gpe=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Kpe=e=>e&&{summary:typeof e=="string"?e:e.name},Qc=e=>{var g;let[t,r]=u.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:s,description:d}=n,p=n.table||{},m=p.type||Kpe(n.type),h=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return b.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},b.createElement(Gpe,{expandable:i},b.createElement(Hpe,null,s),f?b.createElement(Vpe,{title:"Required"},"*"):null),o?null:b.createElement("td",null,v&&b.createElement(Upe,null,b.createElement(Dz,null,d)),p.jsDocTags!=null?b.createElement(b.Fragment,null,b.createElement(qpe,{hasDescription:v},b.createElement(Rm,{value:m,initialExpandedArgs:l})),b.createElement(b1e,{tags:p.jsDocTags})):b.createElement(Wpe,{hasDescription:v},b.createElement(Rm,{value:m,initialExpandedArgs:l}))),o?null:b.createElement("td",null,b.createElement(Rm,{value:h,initialExpandedArgs:l})),a?b.createElement("td",null,b.createElement(jpe,{...e,isHovered:t})):null)},Ype=F(WZ)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),Zpe=F(qZ)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),Xpe=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Jpe=F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Qpe=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),efe=F.td(()=>({position:"relative"})),tfe=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ha(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),IC=F.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"})),Bm=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=u.useState(n),l=e==="subsection"?Qpe:Jpe,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return b.createElement(b.Fragment,null,b.createElement(tfe,{title:p},b.createElement(l,{colSpan:1},b.createElement(IC,{onClick:m=>i(!o),tabIndex:0},p),b.createElement(Xpe,null,o?b.createElement(Ype,null):b.createElement(Zpe,null),t)),b.createElement(efe,{colSpan:a-1},b.createElement(IC,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},e0=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Qe=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Ie=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),et=[2,4,2,2],rfe=()=>b.createElement(b.Fragment,null,b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"}))),b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"80%"}),b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"}))),b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"80%"}),b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"}))),b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"80%"}),b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"})))),nfe=F.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"})),afe=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),ofe=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),ife=({inAddonPanel:e})=>{let[t,r]=u.useState(!0);return u.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:b.createElement(nfe,{inAddonPanel:e},b.createElement(vR,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:b.createElement(b.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:b.createElement(afe,null,e&&b.createElement(b.Fragment,null,b.createElement(Ti,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},b.createElement(jZ,null)," Watch 5m video"),b.createElement(ofe,null),b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(h5,null)," Read docs")),!e&&b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(h5,null)," Learn how to set that up"))}))},lfe=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{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:r?0:25,marginBottom:r?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"?ge(.25,e.color.defaultText):ge(.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:r?0:1,marginRight:r?0:1,tbody:{...r?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}`},...r?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}}}}})),sfe=F(oo)(({theme:e})=>({margin:"-4px -12px -4px 0"})),ufe=F.span({display:"flex",justifyContent:"space-between"}),cfe={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},dfe=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:s}=(i==null?void 0:i.table)||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:o,...i});else{let p=d.subsections[s]||[];p.push({key:o,...i}),d.subsections[s]=p}r.sections[l]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:o,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:o,...i})});let n=cfe[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},pfe=(e,t,r)=>{try{return hB(e,t,r)}catch(n){return Lde.warn(n.message),!1}},k5=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:y}=e;return b.createElement(Nz,null,y," ",b.createElement(Ti,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},b.createElement(h5,null)," Read the docs"))}if(l)return b.createElement(rfe,null);let{rows:s,args:d,globals:p}="rows"in e&&e,m=dfe(qoe(s,y=>{var E;return!((E=y==null?void 0:y.table)!=null&&E.disable)&&pfe(y,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return b.createElement(ife,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let C=Object.keys(m.sections).length>0,w={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return b.createElement(OT,null,b.createElement(lfe,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},b.createElement("thead",{className:"docblock-argstable-head"},b.createElement("tr",null,b.createElement("th",null,b.createElement("span",null,"Name")),n?null:b.createElement("th",null,b.createElement("span",null,"Description")),n?null:b.createElement("th",null,b.createElement("span",null,"Default")),t?b.createElement("th",null,b.createElement(ufe,null,"Control"," ",!l&&r&&b.createElement(sfe,{onClick:()=>r(),title:"Reset controls"},b.createElement(KZ,{"aria-hidden":!0})))):null)),b.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(y=>b.createElement(Qc,{key:y.key,row:y,arg:d&&d[y.key],...w})),Object.entries(m.ungroupedSubsections).map(([y,E])=>b.createElement(Bm,{key:y,label:y,level:"subsection",colSpan:g},E.map(x=>b.createElement(Qc,{key:x.key,row:x,arg:d&&d[x.key],expandable:C,...w})))),Object.entries(m.sections).map(([y,E])=>b.createElement(Bm,{key:y,label:y,level:"section",colSpan:g},E.ungrouped.map(x=>b.createElement(Qc,{key:x.key,row:x,arg:d&&d[x.key],...w})),Object.entries(E.subsections).map(([x,D])=>b.createElement(Bm,{key:x,label:x,level:"subsection",colSpan:g},D.map(S=>b.createElement(Qc,{key:S.key,row:S,arg:d&&d[S.key],expandable:C,...w})))))))))},ffe=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?b.createElement(k5,{...r[0][1],...t}):b.createElement(TY,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,s="div",d=a===0?t:{sort:t.sort};return b.createElement(s,{key:l,id:l,title:o},({active:p})=>p?b.createElement(k5,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(Ce,({theme:e})=>({...Dp(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?ge(.2,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...Dp(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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...Dp(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var hfe=e=>`anchor--${e}`,aB=({storyId:e,children:t})=>b.createElement("div",{id:hfe(e),className:"sb-anchor"},t);Wt&&Wt.__DOCS_CONTEXT__===void 0&&(Wt.__DOCS_CONTEXT__=u.createContext(null),Wt.__DOCS_CONTEXT__.displayName="DocsContext");var Sr=Wt?Wt.__DOCS_CONTEXT__:u.createContext(null),Ro=(e,t)=>u.useContext(Sr).resolveOf(e,t),mfe=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),gfe=e=>{if(e)return typeof e=="string"?e.includes("-")?mfe(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function vfe(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function oB(e){return zde(e,{allowFunction:!1})}var iB=u.createContext({sources:{}}),lB="--unknown--",yfe=({children:e,channel:t})=>{let[r,n]=u.useState({});return u.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:s,args:d=void 0,source:p,format:m}=typeof o=="string"?{id:o,source:i,format:l}:o,h=d?oB(d):lB;n(f=>({...f,[s]:{...f[s],[h]:{code:p,format:m}}}))};return t.on(s3,a),()=>t.off(s3,a)},[]),b.createElement(iB.Provider,{value:{sources:r}},e)},wfe=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[oB(t)])||(a==null?void 0:a[lB])||{code:""}},bfe=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,o=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||o.type||Ap.AUTO;if(o.code!==void 0)return o.code;let l=i===Ap.DYNAMIC||i===Ap.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(l,t))||l},Efe=(e,t,r)=>{var f,v,g,C;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,l=e.format??o.format,s=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:s,dark:d};let p=t.getStoryContext(n),m=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,h=wfe(n.id,m,r);return l=h.format??((C=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:C.format)??!1,{code:bfe({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:s,dark:d}};function xfe(e,t){let r=Cfe([e],t);return r&&r[0]}function Cfe(e,t){let[r,n]=u.useState({});return u.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Dfe=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},Sfe=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,s=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},kfe=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=u.useContext(Sr),r=Dfe(e,t),n=xfe(r,t);if(!n)return b.createElement(Vz,null);let a=Sfe(e,n,t);return a?b.createElement(p1e,{...a}):null},_fe=e=>{var h,f,v,g,C,w,y,E,x,D;let t=u.useContext(Sr),r=u.useContext(iB),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Ro(n||"story",["story"]),i=Efe({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??((f=(h=o.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((w=(C=o.parameters.docs)==null?void 0:C.canvas)==null?void 0:w.additionalActions),p=e.sourceState??((E=(y=o.parameters.docs)==null?void 0:y.canvas)==null?void 0:E.sourceState)??"hidden",m=e.className??((D=(x=o.parameters.docs)==null?void 0:x.canvas)==null?void 0:D.className);return b.createElement(Uz,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:m,layout:l},b.createElement(kfe,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Afe=(e,t)=>{let r=t.getStoryContext(e),[n,a]=u.useState(r.globals);return u.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(wC,o),()=>t.channel.off(wC,o)},[t.channel]),[n]},Ffe=(e,t)=>{let r=$fe(e,t);if(!r)throw new Error("No result when story was defined");return r},$fe=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=u.useState(r.args);u.useEffect(()=>{let s=d=>{d.storyId===n&&o(d.args)};return t.channel.on(bC,s),()=>t.channel.off(bC,s)},[n,t.channel]);let i=u.useCallback(s=>t.channel.emit(Ode,{storyId:n,updatedArgs:s}),[n,t.channel]),l=u.useCallback(s=>t.channel.emit(Mde,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,l]};function Tfe(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Ife=e=>{var x;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 r=u.useContext(Sr),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,s=((x=a.docs)==null?void 0:x.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,m=e.sort??s.sort,[h,f,v]=Ffe(n,r),[g]=Afe(n,r),C=yC(o,d,p);if(!(l&&Object.keys(l).length>0))return Object.keys(C).length>0||Object.keys(h).length>0?b.createElement(k5,{rows:C,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let w=gfe(i),y=Object.fromEntries(Object.entries(l).map(([D,S])=>[D,{rows:yC(Tfe(S,a),d,p),sort:m}])),E={[w]:{rows:C,sort:m},...y};return b.createElement(ffe,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:sB}=Wt,Rfe=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return b.createElement(MT,null,t);let n=e&&e.split("-");return b.createElement(jz,{language:n&&n[1]||"text",format:!1,code:t,...r})};function r3(e,t){e.channel.emit(Pde,t)}var _5=KY.a,zfe=({hash:e,children:t})=>{let r=u.useContext(Sr);return b.createElement(_5,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);sB.getElementById(a)&&r3(r,e)}},t)},Bfe=e=>{let{href:t,target:r,children:n,...a}=e,o=u.useContext(Sr);return!t||r==="_blank"||/^https?:\/\//.test(t)?b.createElement(_5,{...e}):t.startsWith("#")?b.createElement(zfe,{hash:t},n):b.createElement(_5,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),r3(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},uB=["h1","h2","h3","h4","h5","h6"],Lfe=uB.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Ofe=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Mfe=({as:e,id:t,children:r,...n})=>{let a=u.useContext(Sr),o=Lfe[e],i=`#${t}`;return b.createElement(o,{id:t,...n},b.createElement(Ofe,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{sB.getElementById(t)&&r3(a,i)}},b.createElement(UZ,null)),r)},n3=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return b.createElement(Mfe,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return b.createElement(o,{...ye(l,t)})},Pfe=uB.reduce((e,t)=>({...e,[t]:r=>b.createElement(n3,{as:t,...r})}),{}),Nfe=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(mB`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${Ha(.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 ${Pr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),nB=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Ape=F(nB)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Fpe=F.div({display:"flex",alignItems:"center",width:"100%"});function $pe(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 Tpe=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:l,argType:s})=>{var f;let d=v=>{r(j1e(v.target.value))},p=t!==void 0,m=u.useMemo(()=>$pe(o),[o]),h=!!((f=s==null?void 0:s.table)!=null&&f.readonly);return b.createElement(Fpe,{"aria-readonly":h},b.createElement(nB,null,n),b.createElement(_pe,{id:xr(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:l,onBlur:i}),b.createElement(Ape,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},Ipe=F.label({display:"flex"}),Rpe=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),zpe=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let l=v=>{r(v.target.value)},s=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=u.useState(!1),m=u.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return b.createElement(Fo,{variant:"outline",size:"medium",disabled:s,id:t1(e),onClick:m},"Set string");let h=typeof t=="string";return b.createElement(Ipe,null,b.createElement(Xu.Textarea,{id:xr(e),maxLength:o,onChange:l,disabled:s,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&b.createElement(Rpe,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Bpe=F(Xu.Input)({padding:10});function Lpe(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Ope=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var s;let o=u.useRef(null),i=(s=a==null?void 0:a.control)==null?void 0:s.readOnly;function l(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),Lpe(n)}return u.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),b.createElement(Bpe,{ref:o,id:xr(t),type:"file",name:t,multiple:!0,disabled:i,onChange:l,accept:r,size:"flex"})},Mpe=u.lazy(()=>zC(()=>import("./Color-KGDBMAHA-BgxIBEMh.js"),__vite__mapDeps([6,2,1,3,4,5]),import.meta.url)),Ppe=e=>b.createElement(u.Suspense,{fallback:b.createElement("div",null)},b.createElement(Mpe,{...e})),Npe={array:$C,object:$C,boolean:R1e,color:Ppe,date:P1e,number:V1e,check:qo,"inline-check":qo,radio:qo,"inline-radio":qo,select:qo,"multi-select":qo,range:Tpe,text:zpe,file:Ope},TC=()=>b.createElement(b.Fragment,null,"-"),jpe=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,l]=u.useState(!1),[s,d]=u.useState({value:t});u.useEffect(()=>{i||d({value:t})},[i,t]);let p=u.useCallback(C=>(d({value:C}),r({[a]:C}),C),[r,a]),m=u.useCallback(()=>l(!1),[]),h=u.useCallback(()=>l(!0),[]);if(!o||o.disable){let C=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&C?b.createElement(Ti,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):b.createElement(TC,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:m,onFocus:h},v=Npe[o.type]||TC;return b.createElement(v,{...f,...o,controlType:o.type})},Hpe=F.span({fontWeight:"bold"}),Vpe=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Upe=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Da({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),Wpe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?4:0})),qpe=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ge(.1,e.color.defaultText):ge(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),Gpe=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),Kpe=e=>e&&{summary:typeof e=="string"?e:e.name},Qc=e=>{var g;let[t,r]=u.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:l}=e,{name:s,description:d}=n,p=n.table||{},m=p.type||Kpe(n.type),h=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return b.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},b.createElement(Gpe,{expandable:i},b.createElement(Hpe,null,s),f?b.createElement(Vpe,{title:"Required"},"*"):null),o?null:b.createElement("td",null,v&&b.createElement(Upe,null,b.createElement(Dz,null,d)),p.jsDocTags!=null?b.createElement(b.Fragment,null,b.createElement(qpe,{hasDescription:v},b.createElement(Rm,{value:m,initialExpandedArgs:l})),b.createElement(b1e,{tags:p.jsDocTags})):b.createElement(Wpe,{hasDescription:v},b.createElement(Rm,{value:m,initialExpandedArgs:l}))),o?null:b.createElement("td",null,b.createElement(Rm,{value:h,initialExpandedArgs:l})),a?b.createElement("td",null,b.createElement(jpe,{...e,isHovered:t})):null)},Ype=F(WZ)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),Zpe=F(qZ)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ge(.25,e.color.defaultText):ge(.3,e.color.defaultText),border:"none",display:"inline-block"})),Xpe=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),Jpe=F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),Qpe=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),efe=F.td(()=>({position:"relative"})),tfe=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Ha(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),IC=F.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"})),Bm=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=u.useState(n),l=e==="subsection"?Qpe:Jpe,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return b.createElement(b.Fragment,null,b.createElement(tfe,{title:p},b.createElement(l,{colSpan:1},b.createElement(IC,{onClick:m=>i(!o),tabIndex:0},p),b.createElement(Xpe,null,o?b.createElement(Ype,null):b.createElement(Zpe,null),t)),b.createElement(efe,{colSpan:a-1},b.createElement(IC,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},e0=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Qe=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),Ie=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),et=[2,4,2,2],rfe=()=>b.createElement(b.Fragment,null,b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"}))),b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"80%"}),b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"}))),b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"80%"}),b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"}))),b.createElement(e0,null,b.createElement(Qe,{numColumn:et[0]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[1]},b.createElement(Ie,{width:"80%"}),b.createElement(Ie,{width:"30%"})),b.createElement(Qe,{numColumn:et[2]},b.createElement(Ie,{width:"60%"})),b.createElement(Qe,{numColumn:et[3]},b.createElement(Ie,{width:"60%"})))),nfe=F.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"})),afe=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),ofe=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),ife=({inAddonPanel:e})=>{let[t,r]=u.useState(!0);return u.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:b.createElement(nfe,{inAddonPanel:e},b.createElement(vR,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:b.createElement(b.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:b.createElement(afe,null,e&&b.createElement(b.Fragment,null,b.createElement(Ti,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},b.createElement(jZ,null)," Watch 5m video"),b.createElement(ofe,null),b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(h5,null)," Read docs")),!e&&b.createElement(Ti,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},b.createElement(h5,null)," Learn how to set that up"))}))},lfe=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{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:r?0:25,marginBottom:r?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"?ge(.25,e.color.defaultText):ge(.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:r?0:1,marginRight:r?0:1,tbody:{...r?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}`},...r?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}}}}})),sfe=F(oo)(({theme:e})=>({margin:"-4px -12px -4px 0"})),ufe=F.span({display:"flex",justifyContent:"space-between"}),cfe={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},dfe=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:l,subcategory:s}=(i==null?void 0:i.table)||{};if(l){let d=r.sections[l]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:o,...i});else{let p=d.subsections[s]||[];p.push({key:o,...i}),d.subsections[s]=p}r.sections[l]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:o,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:o,...i})});let n=cfe[t],a=o=>n?Object.keys(o).reduce((i,l)=>({...i,[l]:o[l].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},pfe=(e,t,r)=>{try{return hB(e,t,r)}catch(n){return Lde.warn(n.message),!1}},k5=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:l}=e;if("error"in e){let{error:y}=e;return b.createElement(Nz,null,y," ",b.createElement(Ti,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},b.createElement(h5,null)," Read the docs"))}if(l)return b.createElement(rfe,null);let{rows:s,args:d,globals:p}="rows"in e&&e,m=dfe(qoe(s,y=>{var E;return!((E=y==null?void 0:y.table)!=null&&E.disable)&&pfe(y,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return b.createElement(ife,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let C=Object.keys(m.sections).length>0,w={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return b.createElement(OT,null,b.createElement(lfe,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},b.createElement("thead",{className:"docblock-argstable-head"},b.createElement("tr",null,b.createElement("th",null,b.createElement("span",null,"Name")),n?null:b.createElement("th",null,b.createElement("span",null,"Description")),n?null:b.createElement("th",null,b.createElement("span",null,"Default")),t?b.createElement("th",null,b.createElement(ufe,null,"Control"," ",!l&&r&&b.createElement(sfe,{onClick:()=>r(),title:"Reset controls"},b.createElement(KZ,{"aria-hidden":!0})))):null)),b.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(y=>b.createElement(Qc,{key:y.key,row:y,arg:d&&d[y.key],...w})),Object.entries(m.ungroupedSubsections).map(([y,E])=>b.createElement(Bm,{key:y,label:y,level:"subsection",colSpan:g},E.map(x=>b.createElement(Qc,{key:x.key,row:x,arg:d&&d[x.key],expandable:C,...w})))),Object.entries(m.sections).map(([y,E])=>b.createElement(Bm,{key:y,label:y,level:"section",colSpan:g},E.ungrouped.map(x=>b.createElement(Qc,{key:x.key,row:x,arg:d&&d[x.key],...w})),Object.entries(E.subsections).map(([x,D])=>b.createElement(Bm,{key:x,label:x,level:"subsection",colSpan:g},D.map(S=>b.createElement(Qc,{key:S.key,row:S,arg:d&&d[S.key],expandable:C,...w})))))))))},ffe=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?b.createElement(k5,{...r[0][1],...t}):b.createElement(TY,null,r.map((n,a)=>{let[o,i]=n,l=`prop_table_div_${o}`,s="div",d=a===0?t:{sort:t.sort};return b.createElement(s,{key:l,id:l,title:o},({active:p})=>p?b.createElement(k5,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(Ce,({theme:e})=>({...Dp(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?ge(.2,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.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"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...Dp(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"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ge(.4,e.color.defaultText):ge(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...Dp(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var hfe=e=>`anchor--${e}`,aB=({storyId:e,children:t})=>b.createElement("div",{id:hfe(e),className:"sb-anchor"},t);Wt&&Wt.__DOCS_CONTEXT__===void 0&&(Wt.__DOCS_CONTEXT__=u.createContext(null),Wt.__DOCS_CONTEXT__.displayName="DocsContext");var Sr=Wt?Wt.__DOCS_CONTEXT__:u.createContext(null),Ro=(e,t)=>u.useContext(Sr).resolveOf(e,t),mfe=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),gfe=e=>{if(e)return typeof e=="string"?e.includes("-")?mfe(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function vfe(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function oB(e){return zde(e,{allowFunction:!1})}var iB=u.createContext({sources:{}}),lB="--unknown--",yfe=({children:e,channel:t})=>{let[r,n]=u.useState({});return u.useEffect(()=>{let a=(o,i=null,l=!1)=>{let{id:s,args:d=void 0,source:p,format:m}=typeof o=="string"?{id:o,source:i,format:l}:o,h=d?oB(d):lB;n(f=>({...f,[s]:{...f[s],[h]:{code:p,format:m}}}))};return t.on(s3,a),()=>t.off(s3,a)},[]),b.createElement(iB.Provider,{value:{sources:r}},e)},wfe=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[oB(t)])||(a==null?void 0:a[lB])||{code:""}},bfe=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,o=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||o.type||Ap.AUTO;if(o.code!==void 0)return o.code;let l=i===Ap.DYNAMIC||i===Ap.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(l,t))||l},Efe=(e,t,r)=>{var f,v,g,C;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,l=e.format??o.format,s=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:l,language:s,dark:d};let p=t.getStoryContext(n),m=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,h=wfe(n.id,m,r);return l=h.format??((C=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:C.format)??!1,{code:bfe({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:l,language:s,dark:d}};function xfe(e,t){let r=Cfe([e],t);return r&&r[0]}function Cfe(e,t){let[r,n]=u.useState({});return u.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Dfe=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},Sfe=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let l=e.height??o.height,s=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:l,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},kfe=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=u.useContext(Sr),r=Dfe(e,t),n=xfe(r,t);if(!n)return b.createElement(Vz,null);let a=Sfe(e,n,t);return a?b.createElement(p1e,{...a}):null},_fe=e=>{var h,f,v,g,C,w,y,E,x,D;let t=u.useContext(Sr),r=u.useContext(iB),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=Ro(n||"story",["story"]),i=Efe({...a,...n&&{of:n}},t,r),l=e.layout??o.parameters.layout??((f=(h=o.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((w=(C=o.parameters.docs)==null?void 0:C.canvas)==null?void 0:w.additionalActions),p=e.sourceState??((E=(y=o.parameters.docs)==null?void 0:y.canvas)==null?void 0:E.sourceState)??"hidden",m=e.className??((D=(x=o.parameters.docs)==null?void 0:x.canvas)==null?void 0:D.className);return b.createElement(Uz,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:m,layout:l},b.createElement(kfe,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Afe=(e,t)=>{let r=t.getStoryContext(e),[n,a]=u.useState(r.globals);return u.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(wC,o),()=>t.channel.off(wC,o)},[t.channel]),[n]},Ffe=(e,t)=>{let r=$fe(e,t);if(!r)throw new Error("No result when story was defined");return r},$fe=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=u.useState(r.args);u.useEffect(()=>{let s=d=>{d.storyId===n&&o(d.args)};return t.channel.on(bC,s),()=>t.channel.off(bC,s)},[n,t.channel]);let i=u.useCallback(s=>t.channel.emit(Ode,{storyId:n,updatedArgs:s}),[n,t.channel]),l=u.useCallback(s=>t.channel.emit(Mde,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,l]};function Tfe(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Ife=e=>{var x;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 r=u.useContext(Sr),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:l}=n,s=((x=a.docs)==null?void 0:x.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,m=e.sort??s.sort,[h,f,v]=Ffe(n,r),[g]=Afe(n,r),C=yC(o,d,p);if(!(l&&Object.keys(l).length>0))return Object.keys(C).length>0||Object.keys(h).length>0?b.createElement(k5,{rows:C,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let w=gfe(i),y=Object.fromEntries(Object.entries(l).map(([D,S])=>[D,{rows:yC(Tfe(S,a),d,p),sort:m}])),E={[w]:{rows:C,sort:m},...y};return b.createElement(ffe,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:sB}=Wt,Rfe=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return b.createElement(MT,null,t);let n=e&&e.split("-");return b.createElement(jz,{language:n&&n[1]||"text",format:!1,code:t,...r})};function r3(e,t){e.channel.emit(Pde,t)}var _5=KY.a,zfe=({hash:e,children:t})=>{let r=u.useContext(Sr);return b.createElement(_5,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);sB.getElementById(a)&&r3(r,e)}},t)},Bfe=e=>{let{href:t,target:r,children:n,...a}=e,o=u.useContext(Sr);return!t||r==="_blank"||/^https?:\/\//.test(t)?b.createElement(_5,{...e}):t.startsWith("#")?b.createElement(zfe,{hash:t},n):b.createElement(_5,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),r3(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},uB=["h1","h2","h3","h4","h5","h6"],Lfe=uB.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Ofe=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Mfe=({as:e,id:t,children:r,...n})=>{let a=u.useContext(Sr),o=Lfe[e],i=`#${t}`;return b.createElement(o,{id:t,...n},b.createElement(Ofe,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:l=>{sB.getElementById(t)&&r3(a,i)}},b.createElement(UZ,null)),r)},n3=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return b.createElement(Mfe,{as:t,id:r,...a},n);let o=t,{as:i,...l}=e;return b.createElement(o,{...ye(l,t)})},Pfe=uB.reduce((e,t)=>({...e,[t]:r=>b.createElement(n3,{as:t,...r})}),{}),Nfe=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(mB`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: diff --git a/assets/index-BlbLbnaM.js b/assets/index-ERUavp0K.js similarity index 58% rename from assets/index-BlbLbnaM.js rename to assets/index-ERUavp0K.js index b5ce0f3..34e970b 100644 --- a/assets/index-BlbLbnaM.js +++ b/assets/index-ERUavp0K.js @@ -1 +1 @@ -import{M as a,u as n}from"./index-DuOii9qG.js";import"./index-CvFCZJ7S.js";import"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";export{a as MDXProvider,n as useMDXComponents}; +import{M as a,u as n}from"./index-DBXyiuAD.js";import"./index-DCxvxGE5.js";import"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-D-8MO0q_.js";import"./index-Cef7vbu6.js";import"./index-DrFu-skq.js";export{a as MDXProvider,n as useMDXComponents}; diff --git a/assets/preview-rc0A-psK.js b/assets/preview-BiGbrpOE.js similarity index 93% rename from assets/preview-rc0A-psK.js rename to assets/preview-BiGbrpOE.js index 2efef65..4fa08cd 100644 --- a/assets/preview-rc0A-psK.js +++ b/assets/preview-BiGbrpOE.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./axe-Dr0Vlk-a.js","./_commonjsHelpers-Cpj98o6Y.js"])))=>i.map(i=>d[i]); -import{_ as S}from"./iframe-CWEzad6F.js";import"../sb-preview/runtime.js";const{global:f}=__STORYBOOK_MODULE_GLOBAL__,{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;var o="storybook/a11y",y=`${o}/result`,L=`${o}/request`,d=`${o}/running`,A=`${o}/error`,T=`${o}/manual`,r={RESULT:y,REQUEST:L,RUNNING:d,ERROR:A,MANUAL:T},{document:g}=f,a=U.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e)=>{e!=null&&e.manual||await i(n,e??R)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let{default:t}=await S(()=>import("./axe-Dr0Vlk-a.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url),{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); +import{_ as S}from"./iframe-V12w8ufp.js";import"../sb-preview/runtime.js";const{global:f}=__STORYBOOK_MODULE_GLOBAL__,{addons:U}=__STORYBOOK_MODULE_PREVIEW_API__;var o="storybook/a11y",y=`${o}/result`,L=`${o}/request`,d=`${o}/running`,A=`${o}/error`,T=`${o}/manual`,r={RESULT:y,REQUEST:L,RUNNING:d,ERROR:A,MANUAL:T},{document:g}=f,a=U.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e)=>{e!=null&&e.manual||await i(n,e??R)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let{default:t}=await S(()=>import("./axe-Dr0Vlk-a.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url),{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); diff --git a/assets/preview-R1fwJ2wj.js b/assets/preview-CGYUVAPf.js similarity index 68% rename from assets/preview-R1fwJ2wj.js rename to assets/preview-CGYUVAPf.js index f38561c..4dc42d7 100644 --- a/assets/preview-R1fwJ2wj.js +++ b/assets/preview-CGYUVAPf.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-C3zJz8Ht.js","./iframe-CWEzad6F.js","./index-CvFCZJ7S.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]); -import{_ as a}from"./iframe-CWEzad6F.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-PKQXORMH-C3zJz8Ht.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-DNRllzub.js","./iframe-V12w8ufp.js","./index-DCxvxGE5.js","./_commonjsHelpers-Cpj98o6Y.js","./index-D-8MO0q_.js","./index-Cef7vbu6.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-V12w8ufp.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-PKQXORMH-DNRllzub.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; diff --git a/iframe.html b/iframe.html index e5fbabd..c1859a0 100644 --- a/iframe.html +++ b/iframe.html @@ -509,7 +509,7 @@ } - + diff --git a/project.json b/project.json index 56da493..aa0fc78 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1728292210565,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"packageManager":{"type":"npm","version":"10.8.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"storybookVersion":"8.2.9","storybookVersionSpecifier":"8.2.9","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.2.9"},"@storybook/web-components":{"version":"8.2.9"},"@storybook/web-components-vite":{"version":"8.2.9"},"storybook":{"version":"8.3.5"}},"addons":{"@storybook/addon-links":{"version":"8.2.9"},"@storybook/addon-essentials":{"version":"8.2.9"},"@storybook/addon-storysource":{"version":"8.2.9"},"@storybook/addon-a11y":{"version":"8.2.9"}}} +{"generatedAt":1728298649368,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"packageManager":{"type":"npm","version":"10.8.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":0,"storybookVersion":"8.3.5","storybookVersionSpecifier":"8.3.5","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.2.9"},"@storybook/web-components":{"version":"8.3.5"},"@storybook/web-components-vite":{"version":"8.2.9"},"storybook":{"version":"8.3.5"}},"addons":{"@storybook/addon-links":{"version":"8.2.9"},"@storybook/addon-essentials":{"version":"8.2.9"},"@storybook/addon-storysource":{"version":"8.2.9"},"@storybook/addon-a11y":{"version":"8.2.9"}}}