diff --git a/assets/Color-KGDBMAHA-Cc7gMpSH.js b/assets/Color-KGDBMAHA-BZ4_Y5qx.js similarity index 99% rename from assets/Color-KGDBMAHA-Cc7gMpSH.js rename to assets/Color-KGDBMAHA-BZ4_Y5qx.js index 98d0587a..8579aa81 100644 --- a/assets/Color-KGDBMAHA-Cc7gMpSH.js +++ b/assets/Color-KGDBMAHA-BZ4_Y5qx.js @@ -1 +1 @@ -import{am as Me,an as $,a4 as ie,a2 as Ce,c as $e,ao as Oe,ap as Ie}from"./chunk-HLWAVYOI-Bqru1wn9.js";import{R as h,r as m}from"./index-Cs7sjTYM.js";import{g as ue}from"./_commonjsHelpers-BosuxZz1.js";import{_ as Ne,i as fe}from"./index-DSgSp0X8.js";import"./iframe-FbXY6UUT.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";function I(){return(I=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.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 b=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ne(b),!function(k,O){return O&&!F(k)}(b,c.current)&&w)){if(F(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",I({},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?Fe({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}},Fe=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}},He=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}},me=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})})))}),be=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=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.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=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?m.useLayoutEffect:m.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=m.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",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return He({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},We=function(e){return h.createElement(Xe,I({},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=m.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",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{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,I({},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,I({},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 H=Ye,ke={};for(const e of Object.keys(H))ke[H[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(H)){const a=H[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 _=ue(lt);var ct=Ne,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,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,oe=fe,yt=Me,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=fe,W=ut,se=Mt,$t="Expected a function",Ot=Math.max,It=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?Ot(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(b,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?It(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 b(){var v=W();if(p(v))return w(v);l=setTimeout(b,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 O(){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(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return O.cancel=E,O.flush=k,O}var St=Nt;const Rt=ue(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ie)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ft=$.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"}}),Ht=$(Ce)(({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=$($e.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]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.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=m.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]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.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=m.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=m.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),b=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(Ft,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,O)=>h.createElement(ie,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Ht,{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:Ie(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)},an=Yt;export{Yt as ColorControl,an as default}; +import{am as Me,an as $,a4 as ie,a2 as Ce,c as $e,ao as Oe,ap as Ie}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import{R as h,r as m}from"./index-Cs7sjTYM.js";import{g as ue}from"./_commonjsHelpers-BosuxZz1.js";import{_ as Ne,i as fe}from"./index-DSgSp0X8.js";import"./iframe-D5ssxWLY.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";function I(){return(I=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=m.useRef(e),n=m.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 b=c.current,w=V(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ne(b),!function(k,O){return O&&!F(k)}(b,c.current)&&w)){if(F(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(te(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",I({},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?Fe({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}},Fe=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}},He=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}},me=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})})))}),be=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=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.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=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var qe=typeof window<"u"?m.useLayoutEffect:m.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=m.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",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},De={defaultColor:"000",toHsva:Re,fromHsva:function(e){return He({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},We=function(e){return h.createElement(Xe,I({},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=m.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",I({},s,{ref:l,className:f}),h.createElement(be,{hsva:i,onChange:d}),h.createElement(me,{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,I({},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,I({},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 H=Ye,ke={};for(const e of Object.keys(H))ke[H[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(H)){const a=H[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 _=ue(lt);var ct=Ne,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,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,oe=fe,yt=Me,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=fe,W=ut,se=Mt,$t="Expected a function",Ot=Math.max,It=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?Ot(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(b,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?It(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 b(){var v=W();if(p(v))return w(v);l=setTimeout(b,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 O(){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(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return O.cancel=E,O.flush=k,O}var St=Nt;const Rt=ue(St);var jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ie)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ft=$.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"}}),Ht=$(Ce)(({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=$($e.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]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.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=m.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]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.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=m.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=m.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),b=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(Ft,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,O)=>h.createElement(ie,{key:`${k.value}-${O}`,hasChrome:!1,tooltip:h.createElement(Ht,{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:Ie(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)},an=Yt;export{Yt as ColorControl,an as default}; diff --git a/assets/DocsRenderer-PKQXORMH-DpU21KUC.js b/assets/DocsRenderer-PKQXORMH-C1GDIoOW.js similarity index 60% rename from assets/DocsRenderer-PKQXORMH-DpU21KUC.js rename to assets/DocsRenderer-PKQXORMH-C1GDIoOW.js index 19778c83..cf85abaf 100644 --- a/assets/DocsRenderer-PKQXORMH-DpU21KUC.js +++ b/assets/DocsRenderer-PKQXORMH-C1GDIoOW.js @@ -1 +1 @@ -import{D as d,d as n}from"./chunk-HLWAVYOI-Bqru1wn9.js";import"./iframe-FbXY6UUT.js";import"../sb-preview/runtime.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";export{d as DocsRenderer,n as defaultComponents}; +import{D as d,d as n}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import"./iframe-D5ssxWLY.js";import"../sb-preview/runtime.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";export{d as DocsRenderer,n as defaultComponents}; diff --git a/assets/chunk-HLWAVYOI-Bqru1wn9.js b/assets/chunk-HLWAVYOI-Pxl4ZBOf.js similarity index 99% rename from assets/chunk-HLWAVYOI-Bqru1wn9.js rename to assets/chunk-HLWAVYOI-Pxl4ZBOf.js index 4df91d79..3875acee 100644 --- a/assets/chunk-HLWAVYOI-Bqru1wn9.js +++ b/assets/chunk-HLWAVYOI-Pxl4ZBOf.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-CYO710Yz.js","./iframe-FbXY6UUT.js","./index-Cs7sjTYM.js","./_commonjsHelpers-BosuxZz1.js","./react-18-D9dwDG6f.js","./extends-CF3RwP-h.js","./index-DSgSp0X8.js","./Color-KGDBMAHA-Cc7gMpSH.js","./index-BI1Biiay.js"])))=>i.map(i=>d[i]); -var CD=Object.defineProperty;var DD=(e,t,r)=>t in e?CD(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var wr=(e,t,r)=>DD(e,typeof t!="symbol"?t+"":t,r);import{_ as ip}from"./iframe-FbXY6UUT.js";import{r as l,R as y}from"./index-Cs7sjTYM.js";import{w as p3,a as lp,r as SD,u as AD}from"./react-18-D9dwDG6f.js";import{_ as ot}from"./extends-CF3RwP-h.js";import{g as Ss}from"./_commonjsHelpers-BosuxZz1.js";import{_ as mr,j as f3,i as ka,k as sp,d as gr,a as As,c as wn,l as kD,m as _D,b as h3,h as FD,e as Xh,s as Lu}from"./index-DSgSp0X8.js";var ID=Object.create,m3=Object.defineProperty,TD=Object.getOwnPropertyDescriptor,g3=Object.getOwnPropertyNames,RD=Object.getPrototypeOf,BD=Object.prototype.hasOwnProperty,_a=(e,t)=>function(){return t||(0,e[g3(e)[0]])((t={exports:{}}).exports,t),t.exports},$D=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of g3(t))!BD.call(e,a)&&a!==r&&m3(e,a,{get:()=>t[a],enumerable:!(n=TD(t,a))||n.enumerable});return e},zD=(e,t,r)=>(r=e!=null?ID(RD(e)):{},$D(!e||!e.__esModule?m3(r,"default",{value:e,enumerable:!0}):r,e)),Dt=e=>`control-${e.replace(/\s+/g,"-")}`,ks=e=>`set-${e.replace(/\s+/g,"-")}`,LD=Object.create,up=Object.defineProperty,OD=Object.getOwnPropertyDescriptor,MD=Object.getOwnPropertyNames,PD=Object.getPrototypeOf,ND=Object.prototype.hasOwnProperty,I=(e,t)=>up(e,"name",{value:t,configurable:!0}),$i=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),_s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),HD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of MD(t))!ND.call(e,a)&&a!==r&&up(e,a,{get:()=>t[a],enumerable:!(n=OD(t,a))||n.enumerable});return e},cp=(e,t,r)=>(r=e!=null?LD(PD(e)):{},HD(t||!e||!e.__esModule?up(r,"default",{value:e,enumerable:!0}):r,e)),jD=_s(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,C=t?Symbol.for("react.fundamental"):60117,w=t?Symbol.for("react.responder"):60118,x=t?Symbol.for("react.scope"):60119;function E(P){return typeof P=="string"||typeof P=="function"||P===a||P===p||P===i||P===o||P===m||P===f||typeof P=="object"&&P!==null&&(P.$$typeof===g||P.$$typeof===v||P.$$typeof===s||P.$$typeof===u||P.$$typeof===h||P.$$typeof===C||P.$$typeof===w||P.$$typeof===x||P.$$typeof===b)}I(E,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var ct=P.$$typeof;switch(ct){case r:var Ft=P.type;switch(Ft){case d:case p:case a:case i:case o:case m:return Ft;default:var Ur=Ft&&Ft.$$typeof;switch(Ur){case u:case h:case g:case v:case s:return Ur;default:return ct}}case n:return ct}}}I(D,"typeOf");var S=d,A=p,k=u,F=s,T=r,R=h,z=a,$=g,O=v,L=n,M=i,j=o,G=m,H=!1;function K(P){return H||(H=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),te(P)||D(P)===d}I(K,"isAsyncMode");function te(P){return D(P)===p}I(te,"isConcurrentMode");function le(P){return D(P)===u}I(le,"isContextConsumer");function Q(P){return D(P)===s}I(Q,"isContextProvider");function re(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(re,"isElement");function N(P){return D(P)===h}I(N,"isForwardRef");function Y(P){return D(P)===a}I(Y,"isFragment");function J(P){return D(P)===g}I(J,"isLazy");function pe(P){return D(P)===v}I(pe,"isMemo");function Se(P){return D(P)===n}I(Se,"isPortal");function _t(P){return D(P)===i}I(_t,"isProfiler");function Ue(P){return D(P)===o}I(Ue,"isStrictMode");function ut(P){return D(P)===m}I(ut,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=A,e.ContextConsumer=k,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=z,e.Lazy=$,e.Memo=O,e.Portal=L,e.Profiler=M,e.StrictMode=j,e.Suspense=G,e.isAsyncMode=K,e.isConcurrentMode=te,e.isContextConsumer=le,e.isContextProvider=Q,e.isElement=re,e.isForwardRef=N,e.isFragment=Y,e.isLazy=J,e.isMemo=pe,e.isPortal=Se,e.isProfiler=_t,e.isStrictMode=Ue,e.isSuspense=ut,e.isValidElementType=E,e.typeOf=D})()}),VD=_s((e,t)=>{t.exports=jD()}),v3=_s((e,t)=>{var r=VD(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function u(b){return r.isMemo(b)?i:s[b.$$typeof]||n}I(u,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(b,C,w){if(typeof C!="string"){if(v){var x=f(C);x&&x!==v&&g(b,x,w)}var E=p(C);h&&(E=E.concat(h(C)));for(var D=u(b),S=u(C),A=0;A{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return I(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var h=typeof $i=="function"&&$i;if(!p&&h)return h(d,!0);if(s)return s(d,!0);var m=new Error("Cannot find module '"+d+"'");throw m.code="MODULE_NOT_FOUND",m}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var s=typeof $i=="function"&&$i,u=0;u=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var u;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(u=this.indexOf(i),u>=0?(this.lastItem=this.list[u],this.list[u].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var u;for(u=0;u0&&(w[C]={cacheItem:v,arg:arguments[C]},x?i(h,w):h.push(w),h.length>d&&s(h.shift())),f.wasMemoized=x,f.numArgs=C+1,b},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=h,f}};function i(d,p){var h=d.length,m=p.length,f,v,g;for(v=0;v=0&&(h=d[f],m=h.cacheItem.get(h.arg),!m||!m.size);f--)h.cacheItem.delete(h.arg)}I(s,"removeCachedResult");function u(d,p){return d===p||d!==d&&p!==p}I(u,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Kt(){return Kt=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); +var CD=Object.defineProperty;var DD=(e,t,r)=>t in e?CD(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var wr=(e,t,r)=>DD(e,typeof t!="symbol"?t+"":t,r);import{_ as ip}from"./iframe-D5ssxWLY.js";import{r as l,R as y}from"./index-Cs7sjTYM.js";import{w as p3,a as lp,r as SD,u as AD}from"./react-18-D9dwDG6f.js";import{_ as ot}from"./extends-CF3RwP-h.js";import{g as Ss}from"./_commonjsHelpers-BosuxZz1.js";import{_ as mr,j as f3,i as ka,k as sp,d as gr,a as As,c as wn,l as kD,m as _D,b as h3,h as FD,e as Xh,s as Lu}from"./index-DSgSp0X8.js";var ID=Object.create,m3=Object.defineProperty,TD=Object.getOwnPropertyDescriptor,g3=Object.getOwnPropertyNames,RD=Object.getPrototypeOf,BD=Object.prototype.hasOwnProperty,_a=(e,t)=>function(){return t||(0,e[g3(e)[0]])((t={exports:{}}).exports,t),t.exports},$D=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of g3(t))!BD.call(e,a)&&a!==r&&m3(e,a,{get:()=>t[a],enumerable:!(n=TD(t,a))||n.enumerable});return e},zD=(e,t,r)=>(r=e!=null?ID(RD(e)):{},$D(!e||!e.__esModule?m3(r,"default",{value:e,enumerable:!0}):r,e)),Dt=e=>`control-${e.replace(/\s+/g,"-")}`,ks=e=>`set-${e.replace(/\s+/g,"-")}`,LD=Object.create,up=Object.defineProperty,OD=Object.getOwnPropertyDescriptor,MD=Object.getOwnPropertyNames,PD=Object.getPrototypeOf,ND=Object.prototype.hasOwnProperty,I=(e,t)=>up(e,"name",{value:t,configurable:!0}),$i=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),_s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),HD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of MD(t))!ND.call(e,a)&&a!==r&&up(e,a,{get:()=>t[a],enumerable:!(n=OD(t,a))||n.enumerable});return e},cp=(e,t,r)=>(r=e!=null?LD(PD(e)):{},HD(t||!e||!e.__esModule?up(r,"default",{value:e,enumerable:!0}):r,e)),jD=_s(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,u=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,h=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,C=t?Symbol.for("react.fundamental"):60117,w=t?Symbol.for("react.responder"):60118,x=t?Symbol.for("react.scope"):60119;function E(P){return typeof P=="string"||typeof P=="function"||P===a||P===p||P===i||P===o||P===m||P===f||typeof P=="object"&&P!==null&&(P.$$typeof===g||P.$$typeof===v||P.$$typeof===s||P.$$typeof===u||P.$$typeof===h||P.$$typeof===C||P.$$typeof===w||P.$$typeof===x||P.$$typeof===b)}I(E,"isValidElementType");function D(P){if(typeof P=="object"&&P!==null){var ct=P.$$typeof;switch(ct){case r:var Ft=P.type;switch(Ft){case d:case p:case a:case i:case o:case m:return Ft;default:var Ur=Ft&&Ft.$$typeof;switch(Ur){case u:case h:case g:case v:case s:return Ur;default:return ct}}case n:return ct}}}I(D,"typeOf");var S=d,A=p,k=u,F=s,T=r,R=h,z=a,$=g,O=v,L=n,M=i,j=o,G=m,H=!1;function K(P){return H||(H=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),te(P)||D(P)===d}I(K,"isAsyncMode");function te(P){return D(P)===p}I(te,"isConcurrentMode");function le(P){return D(P)===u}I(le,"isContextConsumer");function Q(P){return D(P)===s}I(Q,"isContextProvider");function re(P){return typeof P=="object"&&P!==null&&P.$$typeof===r}I(re,"isElement");function N(P){return D(P)===h}I(N,"isForwardRef");function Y(P){return D(P)===a}I(Y,"isFragment");function J(P){return D(P)===g}I(J,"isLazy");function pe(P){return D(P)===v}I(pe,"isMemo");function Se(P){return D(P)===n}I(Se,"isPortal");function _t(P){return D(P)===i}I(_t,"isProfiler");function Ue(P){return D(P)===o}I(Ue,"isStrictMode");function ut(P){return D(P)===m}I(ut,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=A,e.ContextConsumer=k,e.ContextProvider=F,e.Element=T,e.ForwardRef=R,e.Fragment=z,e.Lazy=$,e.Memo=O,e.Portal=L,e.Profiler=M,e.StrictMode=j,e.Suspense=G,e.isAsyncMode=K,e.isConcurrentMode=te,e.isContextConsumer=le,e.isContextProvider=Q,e.isElement=re,e.isForwardRef=N,e.isFragment=Y,e.isLazy=J,e.isMemo=pe,e.isPortal=Se,e.isProfiler=_t,e.isStrictMode=Ue,e.isSuspense=ut,e.isValidElementType=E,e.typeOf=D})()}),VD=_s((e,t)=>{t.exports=jD()}),v3=_s((e,t)=>{var r=VD(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function u(b){return r.isMemo(b)?i:s[b.$$typeof]||n}I(u,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(b,C,w){if(typeof C!="string"){if(v){var x=f(C);x&&x!==v&&g(b,x,w)}var E=p(C);h&&(E=E.concat(h(C)));for(var D=u(b),S=u(C),A=0;A{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return I(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var h=typeof $i=="function"&&$i;if(!p&&h)return h(d,!0);if(s)return s(d,!0);var m=new Error("Cannot find module '"+d+"'");throw m.code="MODULE_NOT_FOUND",m}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}I(i,"s");for(var s=typeof $i=="function"&&$i,u=0;u=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var u;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(u=this.indexOf(i),u>=0?(this.lastItem=this.list[u],this.list[u].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var u;for(u=0;u0&&(w[C]={cacheItem:v,arg:arguments[C]},x?i(h,w):h.push(w),h.length>d&&s(h.shift())),f.wasMemoized=x,f.numArgs=C+1,b},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=h,f}};function i(d,p){var h=d.length,m=p.length,f,v,g;for(v=0;v=0&&(h=d[f],m=h.cacheItem.get(h.arg),!m||!m.size);f--)h.cacheItem.delete(h.arg)}I(s,"removeCachedResult");function u(d,p){return d===p||d!==d&&p!==p}I(u,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Kt(){return Kt=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?be(Fa,--je):0,sa--,de===10&&(sa=1,Ts--),de}I(A3,"prev");function Pe(){return de=je2||ua(de)>3?"":" "}I(k3,"whitespace");function _3(e,t){for(;--t&&Pe()&&!(de<48||de>102||de>57&&de<65||de>70&&de<97););return Ia(e,_o()+(t<6&&yt()==32&&Pe()==32))}I(_3,"escaping");function $l(e){for(;Pe();)switch(de){case e:return je;case 34:case 39:e!==34&&e!==39&&$l(de);break;case 40:e===41&&$l(e);break;case 92:Pe();break}return je}I($l,"delimiter");function F3(e,t){for(;Pe()&&e+de!==57&&!(e+de===84&&yt()===47););return"/*"+Ia(t,je-1)+"*"+Fs(e===47?e:Pe())}I(F3,"commenter");function I3(e){for(;!ua(yt());)Pe();return Ia(e,je)}I(I3,"identifier");function T3(e){return yp(Io("",null,null,null,[""],e=vp(e),0,[0],e))}I(T3,"compile");function Io(e,t,r,n,a,o,i,s,u){for(var d=0,p=0,h=i,m=0,f=0,v=0,g=1,b=1,C=1,w=0,x="",E=a,D=o,S=n,A=x;b;)switch(v=w,w=Pe()){case 40:if(v!=108&&be(A,h-1)==58){Bl(A+=X(Fo(w),"&","&\f"),"&\f")!=-1&&(C=-1);break}case 34:case 39:case 91:A+=Fo(w);break;case 9:case 10:case 13:case 32:A+=k3(v);break;case 92:A+=_3(_o()-1,7);continue;case 47:switch(yt()){case 42:case 47:vo(R3(F3(Pe(),_o()),t,r),u);break;default:A+="/"}break;case 123*g:s[d++]=ht(A)*C;case 125*g:case 59:case 0:switch(w){case 0:case 125:b=0;case 59+p:C==-1&&(A=X(A,/\f/g,"")),f>0&&ht(A)-h&&vo(f>32?ud(A+";",n,r,h-1):ud(X(A," ","")+";",n,r,h-2),u);break;case 59:A+=";";default:if(vo(S=sd(A,t,r,d,p,a,s,x,E=[],D=[],h),o),w===123)if(p===0)Io(A,t,S,S,E,o,h,s,D);else switch(m===99&&be(A,3)===110?100:m){case 100:case 108:case 109:case 115:Io(e,S,S,n&&vo(sd(e,S,S,0,0,a,s,x,a,E=[],h),D),a,D,h,s,n?E:D);break;default:Io(A,S,S,S,[""],D,0,s,D)}}d=p=f=0,g=C=1,x=A="",h=i;break;case 58:h=1+ht(A),f=v;default:if(g<1){if(w==123)--g;else if(w==125&&g++==0&&A3()==125)continue}switch(A+=Fs(w),w*g){case 38:C=p>0?1:(A+="\f",-1);break;case 44:s[d++]=(ht(A)-1)*C,C=1;break;case 64:yt()===45&&(A+=Fo(Pe())),m=yt(),p=h=ht(x=A+=I3(_o())),w++;break;case 45:v===45&&ht(A)==2&&(g=0)}}return o}I(Io,"parse");function sd(e,t,r,n,a,o,i,s,u,d,p){for(var h=a-1,m=a===0?o:[""],f=Is(m),v=0,g=0,b=0;v0?m[C]+" "+w:X(w,/&\f/g,m[C])))&&(u[b++]=x);return ni(e,t,r,a===0?hp:s,u,d,p)}I(sd,"ruleset");function R3(e,t,r){return ni(e,t,r,fp,Fs(S3()),la(e,2,-2),0)}I(R3,"comment");function ud(e,t,r,n){return ni(e,t,r,mp,la(e,0,n),la(e,n+1,-1),n)}I(ud,"declaration");function cn(e,t){for(var r="",n=Is(e),a=0;a-1},"isIgnoringComment"),aS=I(function(e){return function(t,r,n){if(!(t.type!=="rule"||e.compat)){var a=t.value.match(/(:first|:nth|:nth-last)-child/g);if(a){for(var o=!!t.parent,i=o?t.parent.children:n,s=i.length-1;s>=0;s--){var u=i[s];if(u.line=0;r--)if(!z3(t[r]))return!0;return!1},"isPrependedWithRegularRules"),tm=I(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),iS=I(function(e,t,r){z3(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),tm(e)):oS(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),tm(e)))},"incorrectImportAlarm");function bp(e,t){switch(E3(e,t)){case 5103:return ee+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return ee+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ee+e+Rl+e+Fe+e+e;case 6828:case 4268:return ee+e+Fe+e+e;case 6165:return ee+e+Fe+"flex-"+e+e;case 5187:return ee+e+X(e,/(\w+).+(:[^]+)/,ee+"box-$1$2"+Fe+"flex-$1$2")+e;case 5443:return ee+e+Fe+"flex-item-"+X(e,/flex-|-self/,"")+e;case 4675:return ee+e+Fe+"flex-line-pack"+X(e,/align-content|flex-|-self/,"")+e;case 5548:return ee+e+Fe+X(e,"shrink","negative")+e;case 5292:return ee+e+Fe+X(e,"basis","preferred-size")+e;case 6060:return ee+"box-"+X(e,"-grow","")+ee+e+Fe+X(e,"grow","positive")+e;case 4554:return ee+X(e,/([^-])(transform)/g,"$1"+ee+"$2")+e;case 6187:return X(X(X(e,/(zoom-|grab)/,ee+"$1"),/(image-set)/,ee+"$1"),e,"")+e;case 5495:case 3959:return X(e,/(image-set\([^]*)/,ee+"$1$`$1");case 4968:return X(X(e,/(.+:)(flex-)?(.*)/,ee+"box-pack:$3"+Fe+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ee+e+e;case 4095:case 3583:case 4068:case 2532:return X(e,/(.+)-inline(.+)/,ee+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ht(e)-1-t>6)switch(be(e,t+1)){case 109:if(be(e,t+4)!==45)break;case 102:return X(e,/(.+:)(.+)-([^]+)/,"$1"+ee+"$2-$3$1"+Rl+(be(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Bl(e,"stretch")?bp(X(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(be(e,t+1)!==115)break;case 6444:switch(be(e,ht(e)-3-(~Bl(e,"!important")&&10))){case 107:return X(e,":",":"+ee)+e;case 101:return X(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ee+(be(e,14)===45?"inline-":"")+"box$3$1"+ee+"$2$3$1"+Fe+"$2box$3")+e}break;case 5936:switch(be(e,t+11)){case 114:return ee+e+Fe+X(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ee+e+Fe+X(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ee+e+Fe+X(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ee+e+Fe+e+e}return e}I(bp,"prefix");var lS=I(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case mp:e.return=bp(e.value,e.length);break;case w3:return cn([Un(e,{value:X(e.value,"@","@"+ee)})],n);case hp:if(e.length)return C3(e.props,function(a){switch(x3(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return cn([Un(e,{props:[X(a,/:(read-\w+)/,":"+Rl+"$1")]})],n);case"::placeholder":return cn([Un(e,{props:[X(a,/:(plac\w+)/,":"+ee+"input-$1")]}),Un(e,{props:[X(a,/:(plac\w+)/,":"+Rl+"$1")]}),Un(e,{props:[X(a,/:(plac\w+)/,Fe+"input-$1")]})],n)}return""})}},"prefixer"),sS=[lS],uS=I(function(e){var t=e.key;if(!t)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache. If multiple caches share the same key they might "fight" for each other's style elements.`);if(t==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(v){var g=v.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(v),v.setAttribute("data-s",""))})}var n=e.stylisPlugins||sS;if(/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var a={},o,i=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(v){for(var g=v.getAttribute("data-emotion").split(" "),b=1;b=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}I(L3,"murmur2");var fS={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},rm=`You have illegal escape sequence in your template literal, most likely inside content's property value. Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';". @@ -537,7 +537,7 @@ ${t}`);let r=t.match(iz);if(!r)return y.createElement(l.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:at}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:UX,once:qX,logger:jh}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:Jy,composeConfigs:qre,Preview:Wre,DocsContext:Gre}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:Zy,STORY_ARGS_UPDATED:Xy,UPDATE_STORY_ARGS:WX,RESET_STORY_ARGS:GX,NAVIGATE_URL:KX}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var YX=_a({"../../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}}}),JX=_a({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,s=!0,u=" ";function d(E,D){var S=D.appendChild(h(E));if(E.children.length){var A=m(E.isCollapsed);E.children.forEach(function(k){d(k,A)}),S.appendChild(A)}}function p(E,D){var S=!1,A=m(S);if(D.forEach(function(k){d(k,A)}),i=E||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(A)}function h(E){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",E.textContent),r.includeHtml&&E.childNodes.length?n.call(E.childNodes,function(A){S.appendChild(A.cloneNode(!0))}):S.textContent=E.textContent,S.setAttribute("href",r.basePath+"#"+E.id),S.setAttribute("class",r.linkClass+u+"node-name--"+E.nodeName+u+r.extraLinkClasses),D.appendChild(S),D}function m(E){var D=r.orderedList?"ol":"ul",S=document.createElement(D),A=r.listClass+u+r.extraListClasses;return E&&(A=A+u+r.collapsibleClass,A=A+u+r.isCollapsedClass),S.setAttribute("class",A),S}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var E;E=document.querySelector(r.scrollContainer).scrollTop}else E=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),E>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=u+r.positionFixedClass):D.className=D.className.replace(u+r.positionFixedClass,"")}function v(E){var D=0;return E!==null&&(D=E.offsetTop,r.hasInnerContainers&&(D+=v(E.offsetParent))),D}function g(E,D){return E&&E.className!==D&&(E.className=D),E}function b(E){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=E,A;if(s&&i!==null&&S.length>0){a.call(S,function(O,L){if(v(O)>D+r.headingsOffset+10){var M=L===0?L:L-1;return A=S[M],!0}else if(L===S.length-1)return A=S[S.length-1],!0});var k=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+A.nodeName+'[href="'+r.basePath+"#"+A.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(k===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(O){g(O,O.className.replace(u+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(O){g(O,O.className.replace(u+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=u+r.activeLinkClass);var z=F&&F.parentNode;z&&z.className.indexOf(r.activeListItemClass)===-1&&(z.className+=u+r.activeListItemClass);var $=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call($,function(O){O.className.indexOf(r.isCollapsedClass)===-1&&(O.className+=u+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(F.nextSibling,F.nextSibling.className.replace(u+r.isCollapsedClass,"")),C(F&&F.parentNode.parentNode)}}function C(E){return E&&E.className.indexOf(r.collapsibleClass)!==-1&&E.className.indexOf(r.isCollapsedClass)!==-1?(g(E,E.className.replace(u+r.isCollapsedClass,"")),C(E.parentNode.parentNode)):E}function w(E){var D=E.target||E.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(s=!1)}function x(){s=!0}return{enableTocAnimation:x,disableTocAnimation:w,render:p,updateToc:b}}}}),ZX=_a({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function s(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let m=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var f={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:m};return r.includeHtml&&(f.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,h):f}function u(h,m){for(var f=s(h),v=f.headingLevel,g=m,b=a(g),C=b?b.headingLevel:0,w=v-C;w>0&&(b=a(g),!(b&&v===b.headingLevel));)b&&b.children!==void 0&&(g=b.children),w--;return v>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function d(h,m){var f=m;r.ignoreSelector&&(f=m.split(",").map(function(v){return v.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function p(h){return n.call(h,function(m,f){var v=s(f);return v&&u(v,m.nest),m},{nest:[]})}return{nestHeadingsArray:p,selectHeadings:d}}}}),XX=_a({"../../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)}}}}),QX=_a({"../../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;s();function s(){document.body.addEventListener("click",h,!1);function h(m){!u(m.target)||m.target.className.indexOf("no-smooth-scroll")>-1||m.target.href.charAt(m.target.href.length-2)==="#"&&m.target.href.charAt(m.target.href.length-1)==="!"||m.target.className.indexOf(n.linkClass)===-1||r(m.target.hash,{duration:a,offset:o,callback:function(){p(m.target.hash)}})}}function u(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function p(h){var m=document.getElementById(h.substring(1));m&&(/^(?:a|select|input|button|textarea)$/i.test(m.tagName)||(m.tabIndex=-1),m.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||v},s=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),u=typeof n=="string"?i.offset+(n?s&&s.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(u):i.duration,p,h;requestAnimationFrame(function(g){p=g,m(g)});function m(g){h=g-p,window.scrollTo(0,i.easing(h,o,u,d)),h"u"&&!h)return;var m,f=Object.prototype.hasOwnProperty;function v(){for(var w={},x=0;x({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:ie(.3,e.color.defaultText),fontSize:e.typography.size.s2})),KC=e=>y.createElement(tQ,{...e,className:"docblock-emptyblock sb-unstyled"}),rQ=_(lh)(({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"}})),nQ=_.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"})),il=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${fd}`]:{margin:0}})),aQ=()=>y.createElement(nQ,null,y.createElement(il,null),y.createElement(il,{style:{width:"80%"}}),y.createElement(il,{style:{width:"30%"}}),y.createElement(il,{style:{width:"80%"}})),YC=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=j3();if(e)return y.createElement(aQ,null);if(t)return y.createElement(KC,null,t);let u=y.createElement(rQ,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let d=a?dd.dark:dd.light;return y.createElement(V3,{theme:pd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},u)},fe=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Vh=600,oQ=_.h1(ue,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Vh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),iQ=_.h2(ue,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Vh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ie(.25,e.color.defaultText)})),lQ=_.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"?ie(.1,e.color.defaultText):ie(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[fe("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}},[fe("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}},[fe("div")]:t,[fe("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}},[fe("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[fe("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[fe("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[fe("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[fe("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[fe("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[fe("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[fe("img")]:{maxWidth:"100%"},[fe("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[fe("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[fe("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[fe("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"}},[fe("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"}}},[fe("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}},[fe("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),sQ=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Vh}px)`]:{}})),uQ=({children:e,toc:t})=>y.createElement(sQ,{className:"sbdocs sbdocs-wrapper"},y.createElement(lQ,{className:"sbdocs sbdocs-content"},e),t),Ru=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}`}),cQ=_(gh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),dQ=_.div({display:"flex",alignItems:"center",gap:4}),pQ=_.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`})),fQ=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(cQ,{...o},y.createElement(dQ,{key:"left"},e?[1,2,3].map(i=>y.createElement(pQ,{key:i})):y.createElement(y.Fragment,null,y.createElement(fn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(CO,null)),y.createElement(fn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(DO,null)),y.createElement(fn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(SO,null))))),JC=l.createContext({scale:1}),{window:hQ}=at,mQ=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=hQ.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 y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:gQ}=at,vQ=gQ||"iframe.html",Q1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,yQ=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:u,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,m=p(i,h,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:u,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>m())}},[u,p,i]),a?y.createElement("pre",null,y.createElement(cz,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${Q1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(ZC,null),y.createElement("div",{ref:t,id:`${Q1(e)}-inner`,"data-name":i.name}))},bQ=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(JC.Consumer,null,({scale:r})=>y.createElement(mQ,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:BL(vQ,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),wQ=_.strong(({theme:e})=>({color:e.color.orange})),EQ=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(wQ,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:Q1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(yQ,{...e}):y.createElement(bQ,{...e}))},ZC=()=>y.createElement(RL,null),xQ=_.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)`}}:{}),Qy=_(YC)(({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)":Mt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Mt(.05,e.background.content)}})),CQ=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ru(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),DQ=(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:y.createElement(Qy,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(Qy,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function SQ(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var AQ=_(fQ)({position:"absolute",top:0,left:0,right:0,height:40}),kQ=_.div({overflow:"hidden",position:"relative"}),XC=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:u,layout:d="padded",...p})=>{let[h,m]=l.useState(i),{source:f,actionItem:v}=DQ(a,h,m),[g,b]=l.useState(1),C=[u].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),w=a?[v]:[],[x,E]=l.useState(s?[...s]:[]),D=[...w,...x],{window:S}=at,A=l.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await ip(()=>import("./index-CYO710Yz.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);T()},[]),k=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),x.filter(R=>R.title==="Copied").length===0&&A(f.props.code).then(()=>{E([...x,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>E(x.filter(R=>R.title!=="Copied")),1500)}))};return y.createElement(CQ,{withSource:a,withToolbar:o,...p,className:C.join(" ")},o&&y.createElement(AQ,{isLoading:e,border:!0,zoom:F=>b(g*F),resetZoom:()=>b(1),storyId:SQ(n),baseUrl:"./iframe.html"}),y.createElement(JC.Provider,{value:{scale:g}},y.createElement(kQ,{className:"docs-story",onCopyCapture:a&&k},y.createElement(xQ,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(rz.Element,{scale:g},Array.isArray(n)?n.map((F,T)=>y.createElement("div",{key:T},F)):y.createElement("div",null,n))),y.createElement(Op,{actionItems:D}))),a&&h&&f)};_(XC)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var _Q=_.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:Hr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),FQ=({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:y.createElement(y.Fragment,null,y.createElement(_Q,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},ep=8,e3=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),IQ=_.span(Hr,({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}})),TQ=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),RQ=_.div(Hr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),BQ=_.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"}})),$Q=_($O)({marginLeft:4}),zQ=_(N9)({marginLeft:4}),LQ=()=>y.createElement("span",null,"-"),QC=({text:e,simple:t})=>y.createElement(IQ,{simple:t},e),OQ=$C(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),MQ=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return NG(t)},t3=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,ep)),r.map(n=>y.createElement(QC,{key:n,text:n===""?'""':n}))},PQ=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let u=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(u))return y.createElement(QC,{text:u});let d=MQ(u),p=d.length;return p>ep?y.createElement(e3,{isExpanded:i},t3(d,i),y.createElement(TQ,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-ep} more...`)):y.createElement(e3,null,t3(d))}return y.createElement(Lz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(BQ,{width:OQ(n)},y.createElement(lh,{language:"jsx",format:!1},n))},y.createElement(RQ,{className:"sbdocs-expandable"},y.createElement("span",null,u),a?y.createElement($Q,null):y.createElement(zQ,null)))},od=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(LQ,null):y.createElement(PQ,{value:e,initialExpandedArgs:t}),NQ=_.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:ie(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${nl(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${nl(.05,e.appBorderColor)} 0 0 0 2px inset`,color:nl(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"?`${nl(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),HQ=e=>e==="true",jQ=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var p;let i=l.useCallback(()=>r(!1),[r]),s=!!((p=o==null?void 0:o.table)!=null&&p.readonly);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:i,disabled:s},"Set boolean");let u=Dt(e),d=typeof t=="string"?HQ(t):t;return y.createElement(NQ,{"aria-disabled":s,htmlFor:u,"aria-label":e},y.createElement("input",{id:u,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:s,name:e,onBlur:n,onFocus:a}),y.createElement("span",{"aria-hidden":"true"},"False"),y.createElement("span",{"aria-hidden":"true"},"True"))},VQ=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},UQ=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},qQ=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}`},WQ=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},r3=_(Fi.Input)(({readOnly:e})=>({opacity:e?.5:1})),GQ=_.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}})),KQ=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var v;let[i,s]=l.useState(!0),u=l.useRef(),d=l.useRef(),p=!!((v=o==null?void 0:o.table)!=null&&v.readonly);l.useEffect(()=>{i!==!1&&(u&&u.current&&(u.current.value=t?qQ(t):""),d&&d.current&&(d.current.value=t?WQ(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let b=VQ(g.target.value),C=new Date(t);C.setFullYear(b.getFullYear(),b.getMonth(),b.getDate());let w=C.getTime();w&&r(w),s(!!w)},m=g=>{if(!g.target.value)return r();let b=UQ(g.target.value),C=new Date(t);C.setHours(b.getHours()),C.setMinutes(b.getMinutes());let w=C.getTime();w&&r(w),s(!!w)},f=Dt(e);return y.createElement(GQ,null,y.createElement(r3,{type:"date",max:"9999-12-31",ref:u,id:`${f}-date`,name:`${f}-date`,readOnly:p,onChange:h,onFocus:n,onBlur:a}),y.createElement(r3,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:d,onChange:m,readOnly:p,onFocus:n,onBlur:a}),i?null:y.createElement("div",null,"invalid"))},YQ=_.label({display:"flex"}),JQ=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},ZQ=_(Fi.Input)(({readOnly:e})=>({opacity:e?.5:1})),XQ=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:s,argType:u})=>{var x;let[d,p]=l.useState(typeof t=="number"?t:""),[h,m]=l.useState(!1),[f,v]=l.useState(null),g=!!((x=u==null?void 0:u.table)!=null&&x.readonly),b=l.useCallback(E=>{p(E.target.value);let D=parseFloat(E.target.value);Number.isNaN(D)?v(new Error(`'${E.target.value}' is not a number`)):(r(D),v(null))},[r,v]),C=l.useCallback(()=>{p("0"),r(0),m(!0)},[m]),w=l.useRef(null);return l.useEffect(()=>{h&&w.current&&w.current.select()},[h]),l.useEffect(()=>{d!==(typeof t=="number"?t:"")&&p(t)},[t]),t===void 0?y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:C,disabled:g},"Set number"):y.createElement(YQ,null,y.createElement(ZQ,{ref:w,id:Dt(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:f?"error":null,autoFocus:h,readOnly:g,name:e,min:n,max:a,step:o,onFocus:s,onBlur:i}))},eD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},tp=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],tD=(e,t)=>e&&t&&e.map(r=>t[r]),QQ=_.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"}}}),eee=_.span({"[aria-readonly=true] &":{opacity:.5}}),tee=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),n3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var m;if(!t)return jh.warn(`Checkbox with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=tp(r,t),[s,u]=l.useState(i),d=!!((m=o==null?void 0:o.table)!=null&&m.readonly),p=f=>{let v=f.target.value,g=[...s];g.includes(v)?g.splice(g.indexOf(v),1):g.push(v),n(tD(g,t)),u(g)};l.useEffect(()=>{u(tp(r,t))},[r]);let h=Dt(e);return y.createElement(QQ,{"aria-readonly":d,isInline:a},Object.keys(t).map((f,v)=>{let g=`${h}-${v}`;return y.createElement(tee,{key:g,htmlFor:g},y.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:f,onChange:p,checked:s==null?void 0:s.includes(f)}),y.createElement(eee,null,f))}))},ree=_.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"}}}),nee=_.span({"[aria-readonly=true] &":{opacity:.5}}),aee=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),a3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return jh.warn(`Radio with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=eD(r,t),s=Dt(e),u=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return y.createElement(ree,{"aria-readonly":u,isInline:a},Object.keys(t).map((p,h)=>{let m=`${s}-${h}`;return y.createElement(aee,{key:m,htmlFor:m},y.createElement("input",{type:"radio",id:m,name:s,disabled:u,value:p,onChange:f=>n(t[f.currentTarget.value]),checked:p===i}),y.createElement(nee,null,p))}))},oee={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},rD=_.select(oee,({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}}})),nD=_.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}}})),o3="Choose option...",iee=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{n(r[p.currentTarget.value])},i=eD(t,r)||o3,s=Dt(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(nD,null,y.createElement(N9,null),y.createElement(rD,{disabled:u,id:s,value:i,onChange:o},y.createElement("option",{key:"no-selection",disabled:!0},o3),Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},lee=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{let h=Array.from(p.currentTarget.options).filter(m=>m.selected).map(m=>m.value);n(tD(h,r))},i=tp(t,r),s=Dt(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(nD,null,y.createElement(rD,{disabled:u,id:s,multiple:!0,value:i,onChange:o},Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},i3=e=>{let{name:t,options:r}=e;return r?e.isMulti?y.createElement(lee,{...e}):y.createElement(iee,{...e}):(jh.warn(`Select with no options: ${t}`),y.createElement(y.Fragment,null,"-"))},see=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,uee={check:n3,"inline-check":n3,radio:a3,"inline-radio":a3,select:i3,"multi-select":i3},Vn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?see(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=uee[t];if(o)return y.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},Uh="value",cee="key",dee="Error",pee="Object",fee="Array",hee="String",mee="Number",gee="Boolean",vee="Date",yee="Null",bee="Undefined",wee="Function",Eee="Symbol",aD="ADD_DELTA_TYPE",oD="REMOVE_DELTA_TYPE",iD="UPDATE_DELTA_TYPE";function un(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 lD(e,t){let r=un(e),n=un(t);return(r==="Function"||n==="Function")&&n!==r}var qh=class extends l.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,s={};if(!t){if(!o.value)return;s.key=o.value}s.newValue=r(!1,n,a,s.key,i.value),e(s)}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,s=l.cloneElement(r,{onClick:this.onSubmit}),u=l.cloneElement(n,{onClick:e}),d=a(Uh,o,i),p=l.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let m=a(cee,o,i);h=l.cloneElement(m,{placeholder:"Key",ref:this.refInputKey})}return y.createElement("span",{className:"rejt-add-value-node"},h,p,u,s)}};qh.defaultProps={onlyValue:!1,addButtonElement:y.createElement("button",null,"+"),cancelButtonElement:y.createElement("button",null,"c")};var sD=class extends l.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 s={keyPath:a,deep:o,key:e,oldValue:i,type:oD};n.splice(e,1),this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s,onDeltaUpdate:u}=this.props;s(r[r.length-1],i),u({type:aD,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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:iD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:s,minusMenuElement:u}=this.props,{minus:d,collapsed:p}=i(e,t,r,n,s),h=o(e,t,r,n,s),m=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,delimiter:T,ul:R,addForm:z}=p(e,t,r,n,h),$=d(e,t,r,n,h),O=l.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),L=l.cloneElement(C,{onClick:s,className:"rejt-minus-menu",style:k});return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&O,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((M,j)=>y.createElement(Bu,{key:j,name:j.toString(),data:M,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}))),!$&&a&&y.createElement("div",{className:"rejt-add-form",style:z},y.createElement(qh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!$&&L)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=i(e,r,n,a,o);return y.createElement("div",{className:"rejt-array-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};sD.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var uD=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{lD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:p,cancelButtonElement:h,textareaElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,u),b=null,C=null,w=s(e,i,n,a,u);if(r&&!w){let x=m(Uh,v,a,e,i,u),E=l.cloneElement(p,{onClick:this.handleEdit}),D=l.cloneElement(h,{onClick:this.handleCancelEdit}),S=l.cloneElement(x,{ref:this.refInput,defaultValue:i});b=y.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",D,E),C=null}else{b=y.createElement("span",{className:"rejt-value",style:g.value,onClick:w?null:this.handleEditMode},t);let x=l.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});C=w?null:x}return y.createElement("li",{className:"rejt-function-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),b,C)}};uD.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var Bu=class extends l.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:s,onDeltaUpdate:u,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S}=this.props,A=()=>!0,k=un(e);switch(k){case dee:return y.createElement(rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:A,dataType:k,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case pee:return y.createElement(rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case fee:return y.createElement(sD,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case hee:return y.createElement(Dr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case mee:return y.createElement(Dr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case gee:return y.createElement(Dr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case vee:return y.createElement(Dr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case yee:return y.createElement(Dr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case bee:return y.createElement(Dr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case wee:return y.createElement(uD,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Eee:return y.createElement(Dr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Bu.defaultProps={keyPath:[],deep:0};var rp=class extends l.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:s,onDeltaUpdate:u}=this.props;s(n[n.length-1],r),u({type:aD,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 s={keyPath:a,deep:o,key:e,oldValue:i,type:oD};delete n[e],this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:iD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:s,minusMenuElement:u}=this.props,{minus:d,collapsed:p}=s(e,n,t,r,i),h=Object.getOwnPropertyNames(n),m=o(e,n,t,r,i),f=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!m&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,addForm:T,ul:R,delimiter:z}=p(e,t,r,n,h),$=Object.getOwnPropertyNames(t),O=d(e,t,r,n,h),L=l.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),M=l.cloneElement(C,{onClick:s,className:"rejt-minus-menu",style:k}),j=$.map(G=>y.createElement(Bu,{key:G,name:G,data:t[G],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(G),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}));return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:z},"{"),!O&&L,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!O&&o&&y.createElement("div",{className:"rejt-add-form",style:T},y.createElement(qh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:z},"}"),!O&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=o(e,r,n,a,i);return y.createElement("div",{className:"rejt-object-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};rp.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var Dr=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{lD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:p,cancelButtonElement:h,inputElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,u),b=s(e,i,n,a,u),C=r&&!b,w=m(Uh,v,a,e,i,u),x=l.cloneElement(p,{onClick:this.handleEdit}),E=l.cloneElement(h,{onClick:this.handleCancelEdit}),D=l.cloneElement(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=l.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});return y.createElement("li",{className:"rejt-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," : "),C?y.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",E,x):y.createElement("span",{className:"rejt-value",style:g.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!C&&S)}};Dr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var xee={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Cee={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Dee={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function See(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var cD=class extends l.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:s,editButtonElement:u,inputElement:d,textareaElement:p,minusMenuElement:h,plusMenuElement:m,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C,fallback:w=null}=this.props,x=un(e),E=a;un(a)==="Boolean"&&(E=()=>a);let D=d;d&&un(d)!=="Function"&&(D=()=>d);let S=p;return p&&un(p)!=="Function"&&(S=()=>p),x==="Object"||x==="Array"?y.createElement("div",{className:"rejt-tree"},y.createElement(Bu,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:E,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:m,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C})):w}};cD.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return xee;case"Array":return Cee;default:return Dee}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>See(a),inputElement:()=>y.createElement("input",null),textareaElement:()=>y.createElement("textarea",null),fallback:null};var{window:Aee}=at,kee=_.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}})),id=_.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})),_ee=_(FO)(({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}})),Fee=_(IO)(({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}})),l3=_.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}`}})),Iee=_(fn)(({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}})),Tee=_(Fi.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"}})),Ree={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Bee=e=>{e.currentTarget.dispatchEvent(new Aee.KeyboardEvent("keydown",Ree))},$ee=e=>{e.currentTarget.select()},zee=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),s3=({name:e,value:t,onChange:r,argType:n})=>{var x;let a=j3(),o=l.useMemo(()=>t&&SJ(t),[t]),i=o!=null,[s,u]=l.useState(!i),[d,p]=l.useState(null),h=!!((x=n==null?void 0:n.table)!=null&&x.readonly),m=l.useCallback(E=>{try{E&&r(JSON.parse(E)),p(void 0)}catch(D){p(D)}},[r]),[f,v]=l.useState(!1),g=l.useCallback(()=>{r({}),v(!0)},[v]),b=l.useRef(null);if(l.useEffect(()=>{f&&b.current&&b.current.select()},[f]),!i)return y.createElement(Fn,{disabled:h,id:ks(e),onClick:g},"Set object");let C=y.createElement(Tee,{ref:b,id:Dt(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:E=>m(E.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:d?"error":null,readOnly:h}),w=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return y.createElement(kee,{"aria-readonly":h},w&&y.createElement(Iee,{onClick:E=>{E.preventDefault(),u(D=>!D)}},s?y.createElement(kO,null):y.createElement(AO,null),y.createElement("span",null,"RAW")),s?C:y.createElement(cD,{readOnly:h||!w,isCollapsed:w?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:zee(a),cancelButtonElement:y.createElement(id,{type:"button"},"Cancel"),editButtonElement:y.createElement(id,{type:"submit"},"Save"),addButtonElement:y.createElement(id,{type:"submit",primary:!0},"Save"),plusMenuElement:y.createElement(_ee,null),minusMenuElement:y.createElement(Fee,null),inputElement:(E,D,S,A)=>A?y.createElement(l3,{onFocus:$ee,onBlur:Bee}):y.createElement(l3,null),fallback:C}))},Lee=_.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:at}=__STORYBOOK_MODULE_GLOBAL__,{deprecate:UX,once:qX,logger:jh}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{filterArgTypes:Jy,composeConfigs:qre,Preview:Wre,DocsContext:Gre}=__STORYBOOK_MODULE_PREVIEW_API__,{GLOBALS_UPDATED:Zy,STORY_ARGS_UPDATED:Xy,UPDATE_STORY_ARGS:WX,RESET_STORY_ARGS:GX,NAVIGATE_URL:KX}=__STORYBOOK_MODULE_CORE_EVENTS__;__STORYBOOK_MODULE_CHANNELS__;var YX=_a({"../../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}}}),JX=_a({"../../node_modules/tocbot/src/js/build-html.js"(e,t){t.exports=function(r){var n=[].forEach,a=[].some,o=document.body,i,s=!0,u=" ";function d(E,D){var S=D.appendChild(h(E));if(E.children.length){var A=m(E.isCollapsed);E.children.forEach(function(k){d(k,A)}),S.appendChild(A)}}function p(E,D){var S=!1,A=m(S);if(D.forEach(function(k){d(k,A)}),i=E||i,i!==null)return i.firstChild&&i.removeChild(i.firstChild),D.length===0?i:i.appendChild(A)}function h(E){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",E.textContent),r.includeHtml&&E.childNodes.length?n.call(E.childNodes,function(A){S.appendChild(A.cloneNode(!0))}):S.textContent=E.textContent,S.setAttribute("href",r.basePath+"#"+E.id),S.setAttribute("class",r.linkClass+u+"node-name--"+E.nodeName+u+r.extraLinkClasses),D.appendChild(S),D}function m(E){var D=r.orderedList?"ol":"ul",S=document.createElement(D),A=r.listClass+u+r.extraListClasses;return E&&(A=A+u+r.collapsibleClass,A=A+u+r.isCollapsedClass),S.setAttribute("class",A),S}function f(){if(r.scrollContainer&&document.querySelector(r.scrollContainer)){var E;E=document.querySelector(r.scrollContainer).scrollTop}else E=document.documentElement.scrollTop||o.scrollTop;var D=document.querySelector(r.positionFixedSelector);r.fixedSidebarOffset==="auto"&&(r.fixedSidebarOffset=i.offsetTop),E>r.fixedSidebarOffset?D.className.indexOf(r.positionFixedClass)===-1&&(D.className+=u+r.positionFixedClass):D.className=D.className.replace(u+r.positionFixedClass,"")}function v(E){var D=0;return E!==null&&(D=E.offsetTop,r.hasInnerContainers&&(D+=v(E.offsetParent))),D}function g(E,D){return E&&E.className!==D&&(E.className=D),E}function b(E){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=E,A;if(s&&i!==null&&S.length>0){a.call(S,function(O,L){if(v(O)>D+r.headingsOffset+10){var M=L===0?L:L-1;return A=S[M],!0}else if(L===S.length-1)return A=S[S.length-1],!0});var k=i.querySelector("."+r.activeLinkClass),F=i.querySelector("."+r.linkClass+".node-name--"+A.nodeName+'[href="'+r.basePath+"#"+A.id.replace(/([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,"\\$1")+'"]');if(k===F)return;var T=i.querySelectorAll("."+r.linkClass);n.call(T,function(O){g(O,O.className.replace(u+r.activeLinkClass,""))});var R=i.querySelectorAll("."+r.listItemClass);n.call(R,function(O){g(O,O.className.replace(u+r.activeListItemClass,""))}),F&&F.className.indexOf(r.activeLinkClass)===-1&&(F.className+=u+r.activeLinkClass);var z=F&&F.parentNode;z&&z.className.indexOf(r.activeListItemClass)===-1&&(z.className+=u+r.activeListItemClass);var $=i.querySelectorAll("."+r.listClass+"."+r.collapsibleClass);n.call($,function(O){O.className.indexOf(r.isCollapsedClass)===-1&&(O.className+=u+r.isCollapsedClass)}),F&&F.nextSibling&&F.nextSibling.className.indexOf(r.isCollapsedClass)!==-1&&g(F.nextSibling,F.nextSibling.className.replace(u+r.isCollapsedClass,"")),C(F&&F.parentNode.parentNode)}}function C(E){return E&&E.className.indexOf(r.collapsibleClass)!==-1&&E.className.indexOf(r.isCollapsedClass)!==-1?(g(E,E.className.replace(u+r.isCollapsedClass,"")),C(E.parentNode.parentNode)):E}function w(E){var D=E.target||E.srcElement;typeof D.className!="string"||D.className.indexOf(r.linkClass)===-1||(s=!1)}function x(){s=!0}return{enableTocAnimation:x,disableTocAnimation:w,render:p,updateToc:b}}}}),ZX=_a({"../../node_modules/tocbot/src/js/parse-content.js"(e,t){t.exports=function(r){var n=[].reduce;function a(h){return h[h.length-1]}function o(h){return+h.nodeName.toUpperCase().replace("H","")}function i(h){try{return h instanceof window.HTMLElement||h instanceof window.parent.HTMLElement}catch{return h instanceof window.HTMLElement}}function s(h){if(!i(h))return h;if(r.ignoreHiddenElements&&(!h.offsetHeight||!h.offsetParent))return null;let m=h.getAttribute("data-heading-label")||(r.headingLabelCallback?String(r.headingLabelCallback(h.innerText)):(h.innerText||h.textContent).trim());var f={id:h.id,children:[],nodeName:h.nodeName,headingLevel:o(h),textContent:m};return r.includeHtml&&(f.childNodes=h.childNodes),r.headingObjectCallback?r.headingObjectCallback(f,h):f}function u(h,m){for(var f=s(h),v=f.headingLevel,g=m,b=a(g),C=b?b.headingLevel:0,w=v-C;w>0&&(b=a(g),!(b&&v===b.headingLevel));)b&&b.children!==void 0&&(g=b.children),w--;return v>=r.collapseDepth&&(f.isCollapsed=!0),g.push(f),g}function d(h,m){var f=m;r.ignoreSelector&&(f=m.split(",").map(function(v){return v.trim()+":not("+r.ignoreSelector+")"}));try{return h.querySelectorAll(f)}catch{return console.warn("Headers not found with selector: "+f),null}}function p(h){return n.call(h,function(m,f){var v=s(f);return v&&u(v,m.nest),m},{nest:[]})}return{nestHeadingsArray:p,selectHeadings:d}}}}),XX=_a({"../../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)}}}}),QX=_a({"../../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;s();function s(){document.body.addEventListener("click",h,!1);function h(m){!u(m.target)||m.target.className.indexOf("no-smooth-scroll")>-1||m.target.href.charAt(m.target.href.length-2)==="#"&&m.target.href.charAt(m.target.href.length-1)==="!"||m.target.className.indexOf(n.linkClass)===-1||r(m.target.hash,{duration:a,offset:o,callback:function(){p(m.target.hash)}})}}function u(h){return h.tagName.toLowerCase()==="a"&&(h.hash.length>0||h.href.charAt(h.href.length-1)==="#")&&(d(h.href)===i||d(h.href)+"#"===i)}function d(h){return h.slice(0,h.lastIndexOf("#"))}function p(h){var m=document.getElementById(h.substring(1));m&&(/^(?:a|select|input|button|textarea)$/i.test(m.tagName)||(m.tabIndex=-1),m.focus())}}function r(n,a){var o=window.pageYOffset,i={duration:a.duration,offset:a.offset||0,callback:a.callback,easing:a.easing||v},s=document.querySelector('[id="'+decodeURI(n).split("#").join("")+'"]')||document.querySelector('[id="'+n.split("#").join("")+'"]'),u=typeof n=="string"?i.offset+(n?s&&s.getBoundingClientRect().top||0:-(document.documentElement.scrollTop||document.body.scrollTop)):n,d=typeof i.duration=="function"?i.duration(u):i.duration,p,h;requestAnimationFrame(function(g){p=g,m(g)});function m(g){h=g-p,window.scrollTo(0,i.easing(h,o,u,d)),h"u"&&!h)return;var m,f=Object.prototype.hasOwnProperty;function v(){for(var w={},x=0;x({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:ie(.3,e.color.defaultText),fontSize:e.typography.size.s2})),KC=e=>y.createElement(tQ,{...e,className:"docblock-emptyblock sb-unstyled"}),rQ=_(lh)(({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"}})),nQ=_.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"})),il=_.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${fd}`]:{margin:0}})),aQ=()=>y.createElement(nQ,null,y.createElement(il,null),y.createElement(il,{style:{width:"80%"}}),y.createElement(il,{style:{width:"30%"}}),y.createElement(il,{style:{width:"80%"}})),YC=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=j3();if(e)return y.createElement(aQ,null);if(t)return y.createElement(KC,null,t);let u=y.createElement(rQ,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return u;let d=a?dd.dark:dd.light;return y.createElement(V3,{theme:pd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},u)},fe=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Vh=600,oQ=_.h1(ue,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Vh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),iQ=_.h2(ue,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Vh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:ie(.25,e.color.defaultText)})),lQ=_.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"?ie(.1,e.color.defaultText):ie(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[fe("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}},[fe("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}},[fe("div")]:t,[fe("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}},[fe("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[fe("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[fe("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[fe("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[fe("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[fe("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[fe("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[fe("img")]:{maxWidth:"100%"},[fe("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[fe("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[fe("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[fe("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"}},[fe("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"}}},[fe("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}},[fe("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),sQ=_.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Vh}px)`]:{}})),uQ=({children:e,toc:t})=>y.createElement(sQ,{className:"sbdocs sbdocs-wrapper"},y.createElement(lQ,{className:"sbdocs sbdocs-content"},e),t),Ru=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}`}),cQ=_(gh)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),dQ=_.div({display:"flex",alignItems:"center",gap:4}),pQ=_.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`})),fQ=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(cQ,{...o},y.createElement(dQ,{key:"left"},e?[1,2,3].map(i=>y.createElement(pQ,{key:i})):y.createElement(y.Fragment,null,y.createElement(fn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(CO,null)),y.createElement(fn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(DO,null)),y.createElement(fn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(SO,null))))),JC=l.createContext({scale:1}),{window:hQ}=at,mQ=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=hQ.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 y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},{PREVIEW_URL:gQ}=at,vQ=gQ||"iframe.html",Q1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,yQ=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:u,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let h=t.current,m=p(i,h,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:u,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>m())}},[u,p,i]),a?y.createElement("pre",null,y.createElement(cz,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${Q1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(ZC,null),y.createElement("div",{ref:t,id:`${Q1(e)}-inner`,"data-name":i.name}))},bQ=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(JC.Consumer,null,({scale:r})=>y.createElement(mQ,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:BL(vQ,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),wQ=_.strong(({theme:e})=>({color:e.color.orange})),EQ=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(wQ,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:Q1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(yQ,{...e}):y.createElement(bQ,{...e}))},ZC=()=>y.createElement(RL,null),xQ=_.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)`}}:{}),Qy=_(YC)(({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)":Mt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Mt(.05,e.background.content)}})),CQ=_.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...Ru(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),DQ=(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:y.createElement(Qy,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(Qy,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function SQ(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var AQ=_(fQ)({position:"absolute",top:0,left:0,right:0,height:40}),kQ=_.div({overflow:"hidden",position:"relative"}),XC=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:u,layout:d="padded",...p})=>{let[h,m]=l.useState(i),{source:f,actionItem:v}=DQ(a,h,m),[g,b]=l.useState(1),C=[u].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),w=a?[v]:[],[x,E]=l.useState(s?[...s]:[]),D=[...w,...x],{window:S}=at,A=l.useCallback(async F=>{let{createCopyToClipboardFunction:T}=await ip(()=>import("./index-Bvryo_uQ.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);T()},[]),k=F=>{let T=S.getSelection();T&&T.type==="Range"||(F.preventDefault(),x.filter(R=>R.title==="Copied").length===0&&A(f.props.code).then(()=>{E([...x,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>E(x.filter(R=>R.title!=="Copied")),1500)}))};return y.createElement(CQ,{withSource:a,withToolbar:o,...p,className:C.join(" ")},o&&y.createElement(AQ,{isLoading:e,border:!0,zoom:F=>b(g*F),resetZoom:()=>b(1),storyId:SQ(n),baseUrl:"./iframe.html"}),y.createElement(JC.Provider,{value:{scale:g}},y.createElement(kQ,{className:"docs-story",onCopyCapture:a&&k},y.createElement(xQ,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(rz.Element,{scale:g},Array.isArray(n)?n.map((F,T)=>y.createElement("div",{key:T},F)):y.createElement("div",null,n))),y.createElement(Op,{actionItems:D}))),a&&h&&f)};_(XC)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));var _Q=_.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:Hr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),FQ=({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:y.createElement(y.Fragment,null,y.createElement(_Q,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},ep=8,e3=_.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),IQ=_.span(Hr,({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}})),TQ=_.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),RQ=_.div(Hr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),BQ=_.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"}})),$Q=_($O)({marginLeft:4}),zQ=_(N9)({marginLeft:4}),LQ=()=>y.createElement("span",null,"-"),QC=({text:e,simple:t})=>y.createElement(IQ,{simple:t},e),OQ=$C(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),MQ=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return NG(t)},t3=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,ep)),r.map(n=>y.createElement(QC,{key:n,text:n===""?'""':n}))},PQ=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let u=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(u))return y.createElement(QC,{text:u});let d=MQ(u),p=d.length;return p>ep?y.createElement(e3,{isExpanded:i},t3(d,i),y.createElement(TQ,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-ep} more...`)):y.createElement(e3,null,t3(d))}return y.createElement(Lz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(BQ,{width:OQ(n)},y.createElement(lh,{language:"jsx",format:!1},n))},y.createElement(RQ,{className:"sbdocs-expandable"},y.createElement("span",null,u),a?y.createElement($Q,null):y.createElement(zQ,null)))},od=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(LQ,null):y.createElement(PQ,{value:e,initialExpandedArgs:t}),NQ=_.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:ie(.5,e.color.defaultText),background:"transparent","&:hover":{boxShadow:`${nl(.3,e.appBorderColor)} 0 0 0 1px inset`},"&:active":{boxShadow:`${nl(.05,e.appBorderColor)} 0 0 0 2px inset`,color:nl(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"?`${nl(.1,e.appBorderColor)} 0 0 2px`:`${e.appBorderColor} 0 0 0 1px`,color:e.color.defaultText,padding:"7px 15px"}})),HQ=e=>e==="true",jQ=({name:e,value:t,onChange:r,onBlur:n,onFocus:a,argType:o})=>{var p;let i=l.useCallback(()=>r(!1),[r]),s=!!((p=o==null?void 0:o.table)!=null&&p.readonly);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:i,disabled:s},"Set boolean");let u=Dt(e),d=typeof t=="string"?HQ(t):t;return y.createElement(NQ,{"aria-disabled":s,htmlFor:u,"aria-label":e},y.createElement("input",{id:u,type:"checkbox",onChange:h=>r(h.target.checked),checked:d,role:"switch",disabled:s,name:e,onBlur:n,onFocus:a}),y.createElement("span",{"aria-hidden":"true"},"False"),y.createElement("span",{"aria-hidden":"true"},"True"))},VQ=e=>{let[t,r,n]=e.split("-"),a=new Date;return a.setFullYear(parseInt(t,10),parseInt(r,10)-1,parseInt(n,10)),a},UQ=e=>{let[t,r]=e.split(":"),n=new Date;return n.setHours(parseInt(t,10)),n.setMinutes(parseInt(r,10)),n},qQ=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}`},WQ=e=>{let t=new Date(e),r=`0${t.getHours()}`.slice(-2),n=`0${t.getMinutes()}`.slice(-2);return`${r}:${n}`},r3=_(Fi.Input)(({readOnly:e})=>({opacity:e?.5:1})),GQ=_.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}})),KQ=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,argType:o})=>{var v;let[i,s]=l.useState(!0),u=l.useRef(),d=l.useRef(),p=!!((v=o==null?void 0:o.table)!=null&&v.readonly);l.useEffect(()=>{i!==!1&&(u&&u.current&&(u.current.value=t?qQ(t):""),d&&d.current&&(d.current.value=t?WQ(t):""))},[t]);let h=g=>{if(!g.target.value)return r();let b=VQ(g.target.value),C=new Date(t);C.setFullYear(b.getFullYear(),b.getMonth(),b.getDate());let w=C.getTime();w&&r(w),s(!!w)},m=g=>{if(!g.target.value)return r();let b=UQ(g.target.value),C=new Date(t);C.setHours(b.getHours()),C.setMinutes(b.getMinutes());let w=C.getTime();w&&r(w),s(!!w)},f=Dt(e);return y.createElement(GQ,null,y.createElement(r3,{type:"date",max:"9999-12-31",ref:u,id:`${f}-date`,name:`${f}-date`,readOnly:p,onChange:h,onFocus:n,onBlur:a}),y.createElement(r3,{type:"time",id:`${f}-time`,name:`${f}-time`,ref:d,onChange:m,readOnly:p,onFocus:n,onBlur:a}),i?null:y.createElement("div",null,"invalid"))},YQ=_.label({display:"flex"}),JQ=e=>{let t=parseFloat(e);return Number.isNaN(t)?void 0:t},ZQ=_(Fi.Input)(({readOnly:e})=>({opacity:e?.5:1})),XQ=({name:e,value:t,onChange:r,min:n,max:a,step:o,onBlur:i,onFocus:s,argType:u})=>{var x;let[d,p]=l.useState(typeof t=="number"?t:""),[h,m]=l.useState(!1),[f,v]=l.useState(null),g=!!((x=u==null?void 0:u.table)!=null&&x.readonly),b=l.useCallback(E=>{p(E.target.value);let D=parseFloat(E.target.value);Number.isNaN(D)?v(new Error(`'${E.target.value}' is not a number`)):(r(D),v(null))},[r,v]),C=l.useCallback(()=>{p("0"),r(0),m(!0)},[m]),w=l.useRef(null);return l.useEffect(()=>{h&&w.current&&w.current.select()},[h]),l.useEffect(()=>{d!==(typeof t=="number"?t:"")&&p(t)},[t]),t===void 0?y.createElement(Fn,{variant:"outline",size:"medium",id:ks(e),onClick:C,disabled:g},"Set number"):y.createElement(YQ,null,y.createElement(ZQ,{ref:w,id:Dt(e),type:"number",onChange:b,size:"flex",placeholder:"Edit number...",value:d,valid:f?"error":null,autoFocus:h,readOnly:g,name:e,min:n,max:a,step:o,onFocus:s,onBlur:i}))},eD=(e,t)=>{let r=t&&Object.entries(t).find(([n,a])=>a===e);return r?r[0]:void 0},tp=(e,t)=>e&&t?Object.entries(t).filter(r=>e.includes(r[1])).map(r=>r[0]):[],tD=(e,t)=>e&&t&&e.map(r=>t[r]),QQ=_.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"}}}),eee=_.span({"[aria-readonly=true] &":{opacity:.5}}),tee=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),n3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var m;if(!t)return jh.warn(`Checkbox with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=tp(r,t),[s,u]=l.useState(i),d=!!((m=o==null?void 0:o.table)!=null&&m.readonly),p=f=>{let v=f.target.value,g=[...s];g.includes(v)?g.splice(g.indexOf(v),1):g.push(v),n(tD(g,t)),u(g)};l.useEffect(()=>{u(tp(r,t))},[r]);let h=Dt(e);return y.createElement(QQ,{"aria-readonly":d,isInline:a},Object.keys(t).map((f,v)=>{let g=`${h}-${v}`;return y.createElement(tee,{key:g,htmlFor:g},y.createElement("input",{type:"checkbox",disabled:d,id:g,name:g,value:f,onChange:p,checked:s==null?void 0:s.includes(f)}),y.createElement(eee,null,f))}))},ree=_.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"}}}),nee=_.span({"[aria-readonly=true] &":{opacity:.5}}),aee=_.label({lineHeight:"20px",alignItems:"center",marginBottom:8,"&:last-child":{marginBottom:0},input:{margin:0,marginRight:6}}),a3=({name:e,options:t,value:r,onChange:n,isInline:a,argType:o})=>{var d;if(!t)return jh.warn(`Radio with no options: ${e}`),y.createElement(y.Fragment,null,"-");let i=eD(r,t),s=Dt(e),u=!!((d=o==null?void 0:o.table)!=null&&d.readonly);return y.createElement(ree,{"aria-readonly":u,isInline:a},Object.keys(t).map((p,h)=>{let m=`${s}-${h}`;return y.createElement(aee,{key:m,htmlFor:m},y.createElement("input",{type:"radio",id:m,name:s,disabled:u,value:p,onChange:f=>n(t[f.currentTarget.value]),checked:p===i}),y.createElement(nee,null,p))}))},oee={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},rD=_.select(oee,({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}}})),nD=_.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}}})),o3="Choose option...",iee=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{n(r[p.currentTarget.value])},i=eD(t,r)||o3,s=Dt(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(nD,null,y.createElement(N9,null),y.createElement(rD,{disabled:u,id:s,value:i,onChange:o},y.createElement("option",{key:"no-selection",disabled:!0},o3),Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},lee=({name:e,value:t,options:r,onChange:n,argType:a})=>{var d;let o=p=>{let h=Array.from(p.currentTarget.options).filter(m=>m.selected).map(m=>m.value);n(tD(h,r))},i=tp(t,r),s=Dt(e),u=!!((d=a==null?void 0:a.table)!=null&&d.readonly);return y.createElement(nD,null,y.createElement(rD,{disabled:u,id:s,multiple:!0,value:i,onChange:o},Object.keys(r).map(p=>y.createElement("option",{key:p,value:p},p))))},i3=e=>{let{name:t,options:r}=e;return r?e.isMulti?y.createElement(lee,{...e}):y.createElement(iee,{...e}):(jh.warn(`Select with no options: ${t}`),y.createElement(y.Fragment,null,"-"))},see=(e,t)=>Array.isArray(e)?e.reduce((r,n)=>(r[(t==null?void 0:t[n])||String(n)]=n,r),{}):e,uee={check:n3,"inline-check":n3,radio:a3,"inline-radio":a3,select:i3,"multi-select":i3},Vn=e=>{let{type:t="select",labels:r,argType:n}=e,a={...e,argType:n,options:n?see(n.options,r):{},isInline:t.includes("inline"),isMulti:t.includes("multi")},o=uee[t];if(o)return y.createElement(o,{...a});throw new Error(`Unknown options type: ${t}`)},Uh="value",cee="key",dee="Error",pee="Object",fee="Array",hee="String",mee="Number",gee="Boolean",vee="Date",yee="Null",bee="Undefined",wee="Function",Eee="Symbol",aD="ADD_DELTA_TYPE",oD="REMOVE_DELTA_TYPE",iD="UPDATE_DELTA_TYPE";function un(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 lD(e,t){let r=un(e),n=un(t);return(r==="Function"||n==="Function")&&n!==r}var qh=class extends l.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,s={};if(!t){if(!o.value)return;s.key=o.value}s.newValue=r(!1,n,a,s.key,i.value),e(s)}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,s=l.cloneElement(r,{onClick:this.onSubmit}),u=l.cloneElement(n,{onClick:e}),d=a(Uh,o,i),p=l.cloneElement(d,{placeholder:"Value",ref:this.refInputValue}),h=null;if(!t){let m=a(cee,o,i);h=l.cloneElement(m,{placeholder:"Key",ref:this.refInputKey})}return y.createElement("span",{className:"rejt-add-value-node"},h,p,u,s)}};qh.defaultProps={onlyValue:!1,addButtonElement:y.createElement("button",null,"+"),cancelButtonElement:y.createElement("button",null,"c")};var sD=class extends l.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 s={keyPath:a,deep:o,key:e,oldValue:i,type:oD};n.splice(e,1),this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s,onDeltaUpdate:u}=this.props;s(r[r.length-1],i),u({type:aD,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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:iD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r(void 0)}).catch(n)})}renderCollapsed(){let{name:e,data:t,keyPath:r,deep:n}=this.state,{handleRemove:a,readOnly:o,getStyle:i,dataType:s,minusMenuElement:u}=this.props,{minus:d,collapsed:p}=i(e,t,r,n,s),h=o(e,t,r,n,s),m=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"[...] ",t.length," ",t.length===1?"item":"items"),!h&&m)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,addFormVisible:a,nextDeep:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,delimiter:T,ul:R,addForm:z}=p(e,t,r,n,h),$=d(e,t,r,n,h),O=l.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),L=l.cloneElement(C,{onClick:s,className:"rejt-minus-menu",style:k});return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"["),!a&&O,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},t.map((M,j)=>y.createElement(Bu,{key:j,name:j.toString(),data:M,keyPath:r,deep:o,isCollapsed:i,handleRemove:this.handleRemoveItem(j),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}))),!$&&a&&y.createElement("div",{className:"rejt-add-form",style:z},y.createElement(qh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,onlyValue:!0,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:T},"]"),!$&&L)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{dataType:o,getStyle:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=i(e,r,n,a,o);return y.createElement("div",{className:"rejt-array-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};sD.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var uD=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{lD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:p,cancelButtonElement:h,textareaElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,u),b=null,C=null,w=s(e,i,n,a,u);if(r&&!w){let x=m(Uh,v,a,e,i,u),E=l.cloneElement(p,{onClick:this.handleEdit}),D=l.cloneElement(h,{onClick:this.handleCancelEdit}),S=l.cloneElement(x,{ref:this.refInput,defaultValue:i});b=y.createElement("span",{className:"rejt-edit-form",style:g.editForm},S," ",D,E),C=null}else{b=y.createElement("span",{className:"rejt-value",style:g.value,onClick:w?null:this.handleEditMode},t);let x=l.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});C=w?null:x}return y.createElement("li",{className:"rejt-function-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," :"," "),b,C)}};uD.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>{},editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var Bu=class extends l.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:s,onDeltaUpdate:u,readOnly:d,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S}=this.props,A=()=>!0,k=un(e);switch(k){case dee:return y.createElement(rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:A,dataType:k,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case pee:return y.createElement(rp,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case fee:return y.createElement(sD,{data:e,name:t,isCollapsed:a,keyPath:r,deep:n,handleRemove:o,onUpdate:s,onDeltaUpdate:u,readOnly:d,dataType:k,getStyle:p,addButtonElement:h,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,textareaElementGenerator:g,minusMenuElement:b,plusMenuElement:C,beforeRemoveAction:w,beforeAddAction:x,beforeUpdateAction:E,logger:D,onSubmitValueParser:S});case hee:return y.createElement(Dr,{name:t,value:`"${e}"`,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case mee:return y.createElement(Dr,{name:t,value:e,originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case gee:return y.createElement(Dr,{name:t,value:e?"true":"false",originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case vee:return y.createElement(Dr,{name:t,value:e.toISOString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case yee:return y.createElement(Dr,{name:t,value:"null",originalValue:"null",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case bee:return y.createElement(Dr,{name:t,value:"undefined",originalValue:"undefined",keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});case wee:return y.createElement(uD,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:d,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,textareaElementGenerator:g,minusMenuElement:b,logger:D,onSubmitValueParser:S});case Eee:return y.createElement(Dr,{name:t,value:e.toString(),originalValue:e,keyPath:r,deep:n,handleRemove:o,handleUpdateValue:i,readOnly:A,dataType:k,getStyle:p,cancelButtonElement:m,editButtonElement:f,inputElementGenerator:v,minusMenuElement:b,logger:D,onSubmitValueParser:S});default:return null}}};Bu.defaultProps={keyPath:[],deep:0};var rp=class extends l.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:s,onDeltaUpdate:u}=this.props;s(n[n.length-1],r),u({type:aD,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 s={keyPath:a,deep:o,key:e,oldValue:i,type:oD};delete n[e],this.setState({data:n});let{onUpdate:u,onDeltaUpdate:d}=this.props;u(a[a.length-1],n),d(s)}).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:s}=this.state,u=o[e];a(e,i,s,u,t).then(()=>{o[e]=t,this.setState({data:o});let{onUpdate:d,onDeltaUpdate:p}=this.props;d(i[i.length-1],o),p({type:iD,keyPath:i,deep:s,key:e,newValue:t,oldValue:u}),r()}).catch(n)})}renderCollapsed(){let{name:e,keyPath:t,deep:r,data:n}=this.state,{handleRemove:a,readOnly:o,dataType:i,getStyle:s,minusMenuElement:u}=this.props,{minus:d,collapsed:p}=s(e,n,t,r,i),h=Object.getOwnPropertyNames(n),m=o(e,n,t,r,i),f=l.cloneElement(u,{onClick:a,className:"rejt-minus-menu",style:d});return y.createElement("span",{className:"rejt-collapsed"},y.createElement("span",{className:"rejt-collapsed-text",style:p,onClick:this.handleCollapseMode},"{...}"," ",h.length," ",h.length===1?"key":"keys"),!m&&f)}renderNotCollapsed(){let{name:e,data:t,keyPath:r,deep:n,nextDeep:a,addFormVisible:o}=this.state,{isCollapsed:i,handleRemove:s,onDeltaUpdate:u,readOnly:d,getStyle:p,dataType:h,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}=this.props,{minus:k,plus:F,addForm:T,ul:R,delimiter:z}=p(e,t,r,n,h),$=Object.getOwnPropertyNames(t),O=d(e,t,r,n,h),L=l.cloneElement(w,{onClick:this.handleAddMode,className:"rejt-plus-menu",style:F}),M=l.cloneElement(C,{onClick:s,className:"rejt-minus-menu",style:k}),j=$.map(G=>y.createElement(Bu,{key:G,name:G,data:t[G],keyPath:r,deep:a,isCollapsed:i,handleRemove:this.handleRemoveValue(G),handleUpdateValue:this.handleEditValue,onUpdate:this.onChildUpdate,onDeltaUpdate:u,readOnly:d,getStyle:p,addButtonElement:m,cancelButtonElement:f,editButtonElement:v,inputElementGenerator:g,textareaElementGenerator:b,minusMenuElement:C,plusMenuElement:w,beforeRemoveAction:x,beforeAddAction:E,beforeUpdateAction:D,logger:S,onSubmitValueParser:A}));return y.createElement("span",{className:"rejt-not-collapsed"},y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:z},"{"),!O&&L,y.createElement("ul",{className:"rejt-not-collapsed-list",style:R},j),!O&&o&&y.createElement("div",{className:"rejt-add-form",style:T},y.createElement(qh,{handleAdd:this.handleAddValueAdd,handleCancel:this.handleAddValueCancel,addButtonElement:m,cancelButtonElement:f,inputElementGenerator:g,keyPath:r,deep:n,onSubmitValueParser:A})),y.createElement("span",{className:"rejt-not-collapsed-delimiter",style:z},"}"),!O&&M)}render(){let{name:e,collapsed:t,data:r,keyPath:n,deep:a}=this.state,{getStyle:o,dataType:i}=this.props,s=t?this.renderCollapsed():this.renderNotCollapsed(),u=o(e,r,n,a,i);return y.createElement("div",{className:"rejt-object-node"},y.createElement("span",{onClick:this.handleCollapseMode},y.createElement("span",{className:"rejt-name",style:u.name},e," :"," ")),s)}};rp.defaultProps={keyPath:[],deep:0,minusMenuElement:y.createElement("span",null," - "),plusMenuElement:y.createElement("span",null," + ")};var Dr=class extends l.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:s}=this.props,u=i(r,n,a,o,s);e&&!u&&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:s}=this.state;if(!o)return;let u=n(!0,a,s,i,o.value);e({value:u,key:i}).then(()=>{lD(t,u)||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:s,dataType:u,getStyle:d,editButtonElement:p,cancelButtonElement:h,inputElementGenerator:m,minusMenuElement:f,keyPath:v}=this.props,g=d(e,i,n,a,u),b=s(e,i,n,a,u),C=r&&!b,w=m(Uh,v,a,e,i,u),x=l.cloneElement(p,{onClick:this.handleEdit}),E=l.cloneElement(h,{onClick:this.handleCancelEdit}),D=l.cloneElement(w,{ref:this.refInput,defaultValue:JSON.stringify(i)}),S=l.cloneElement(f,{onClick:o,className:"rejt-minus-menu",style:g.minus});return y.createElement("li",{className:"rejt-value-node",style:g.li},y.createElement("span",{className:"rejt-name",style:g.name},e," : "),C?y.createElement("span",{className:"rejt-edit-form",style:g.editForm},D," ",E,x):y.createElement("span",{className:"rejt-value",style:g.value,onClick:b?null:this.handleEditMode},String(t)),!b&&!C&&S)}};Dr.defaultProps={keyPath:[],deep:0,handleUpdateValue:()=>Promise.resolve(),editButtonElement:y.createElement("button",null,"e"),cancelButtonElement:y.createElement("button",null,"c"),minusMenuElement:y.createElement("span",null," - ")};var xee={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Cee={minus:{color:"red"},plus:{color:"green"},collapsed:{color:"grey"},delimiter:{},ul:{padding:"0px",margin:"0 0 0 25px",listStyle:"none"},name:{color:"#2287CD"},addForm:{}},Dee={minus:{color:"red"},editForm:{},value:{color:"#7bba3d"},li:{minHeight:"22px",lineHeight:"22px",outline:"0px"},name:{color:"#2287CD"}};function See(e){let t=e;if(t.indexOf("function")===0)return(0,eval)(`(${t})`);try{t=JSON.parse(e)}catch{}return t}var cD=class extends l.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:s,editButtonElement:u,inputElement:d,textareaElement:p,minusMenuElement:h,plusMenuElement:m,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C,fallback:w=null}=this.props,x=un(e),E=a;un(a)==="Boolean"&&(E=()=>a);let D=d;d&&un(d)!=="Function"&&(D=()=>d);let S=p;return p&&un(p)!=="Function"&&(S=()=>p),x==="Object"||x==="Array"?y.createElement("div",{className:"rejt-tree"},y.createElement(Bu,{data:e,name:t,deep:-1,isCollapsed:r,onUpdate:this.onUpdate,onDeltaUpdate:n,readOnly:E,getStyle:o,addButtonElement:i,cancelButtonElement:s,editButtonElement:u,inputElementGenerator:D,textareaElementGenerator:S,minusMenuElement:h,plusMenuElement:m,handleRemove:this.removeRoot,beforeRemoveAction:f,beforeAddAction:v,beforeUpdateAction:g,logger:b,onSubmitValueParser:C})):w}};cD.defaultProps={rootName:"root",isCollapsed:(e,t)=>t!==-1,getStyle:(e,t,r,n,a)=>{switch(a){case"Object":case"Error":return xee;case"Array":return Cee;default:return Dee}},readOnly:()=>!1,onFullyUpdate:()=>{},onDeltaUpdate:()=>{},beforeRemoveAction:()=>Promise.resolve(),beforeAddAction:()=>Promise.resolve(),beforeUpdateAction:()=>Promise.resolve(),logger:{error:()=>{}},onSubmitValueParser:(e,t,r,n,a)=>See(a),inputElement:()=>y.createElement("input",null),textareaElement:()=>y.createElement("textarea",null),fallback:null};var{window:Aee}=at,kee=_.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}})),id=_.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})),_ee=_(FO)(({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}})),Fee=_(IO)(({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}})),l3=_.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}`}})),Iee=_(fn)(({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}})),Tee=_(Fi.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"}})),Ree={bubbles:!0,cancelable:!0,key:"Enter",code:"Enter",keyCode:13},Bee=e=>{e.currentTarget.dispatchEvent(new Aee.KeyboardEvent("keydown",Ree))},$ee=e=>{e.currentTarget.select()},zee=e=>()=>({name:{color:e.color.secondary},collapsed:{color:e.color.dark},ul:{listStyle:"none",margin:"0 0 0 1rem",padding:0},li:{outline:0}}),s3=({name:e,value:t,onChange:r,argType:n})=>{var x;let a=j3(),o=l.useMemo(()=>t&&SJ(t),[t]),i=o!=null,[s,u]=l.useState(!i),[d,p]=l.useState(null),h=!!((x=n==null?void 0:n.table)!=null&&x.readonly),m=l.useCallback(E=>{try{E&&r(JSON.parse(E)),p(void 0)}catch(D){p(D)}},[r]),[f,v]=l.useState(!1),g=l.useCallback(()=>{r({}),v(!0)},[v]),b=l.useRef(null);if(l.useEffect(()=>{f&&b.current&&b.current.select()},[f]),!i)return y.createElement(Fn,{disabled:h,id:ks(e),onClick:g},"Set object");let C=y.createElement(Tee,{ref:b,id:Dt(e),name:e,defaultValue:t===null?"":JSON.stringify(t,null,2),onBlur:E=>m(E.target.value),placeholder:"Edit JSON string...",autoFocus:f,valid:d?"error":null,readOnly:h}),w=Array.isArray(t)||typeof t=="object"&&(t==null?void 0:t.constructor)===Object;return y.createElement(kee,{"aria-readonly":h},w&&y.createElement(Iee,{onClick:E=>{E.preventDefault(),u(D=>!D)}},s?y.createElement(kO,null):y.createElement(AO,null),y.createElement("span",null,"RAW")),s?C:y.createElement(cD,{readOnly:h||!w,isCollapsed:w?void 0:()=>!0,data:o,rootName:e,onFullyUpdate:r,getStyle:zee(a),cancelButtonElement:y.createElement(id,{type:"button"},"Cancel"),editButtonElement:y.createElement(id,{type:"submit"},"Save"),addButtonElement:y.createElement(id,{type:"submit",primary:!0},"Save"),plusMenuElement:y.createElement(_ee,null),minusMenuElement:y.createElement(Fee,null),inputElement:(E,D,S,A)=>A?y.createElement(l3,{onFocus:$ee,onBlur:Bee}):y.createElement(l3,null),fallback:C}))},Lee=_.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}%, ${Mt(.02,e.input.background)} ${(n-t)/(r-t)*100}%, ${Mt(.02,e.input.background)} 100%)`:`linear-gradient(to right, @@ -555,7 +555,7 @@ ${t}`);let r=t.match(iz);if(!r)return y.createElement(l.Fragment,null,t);let[,n, ${Mt(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${en(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${en(.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 ${Nt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),dD=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Oee=_(dD)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Mee=_.div({display:"flex",alignItems:"center",width:"100%"});function Pee(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 Nee=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:u})=>{var f;let d=v=>{r(JQ(v.target.value))},p=t!==void 0,h=l.useMemo(()=>Pee(o),[o]),m=!!((f=u==null?void 0:u.table)!=null&&f.readonly);return y.createElement(Mee,{"aria-readonly":m},y.createElement(dD,null,n),y.createElement(Lee,{id:Dt(e),type:"range",disabled:m,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(Oee,{numberOFDecimalsPlaces:h,max:a},p?t.toFixed(h):"--"," / ",a))},Hee=_.label({display:"flex"}),jee=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Vee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},u=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),h=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",disabled:u,id:ks(e),onClick:h},"Set string");let m=typeof t=="string";return y.createElement(Hee,null,y.createElement(Fi.Textarea,{id:Dt(e),maxLength:o,onChange:s,disabled:u,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:m?null:"error",name:e,value:m?t:"",onFocus:n,onBlur:a}),o&&y.createElement(jee,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Uee=_(Fi.Input)({padding:10});function qee(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Wee=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var u;let o=l.useRef(null),i=(u=a==null?void 0:a.control)==null?void 0:u.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(p),qee(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(Uee,{ref:o,id:Dt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},Gee=l.lazy(()=>ip(()=>import("./Color-KGDBMAHA-Cc7gMpSH.js"),__vite__mapDeps([7,2,3,6,1,4,5]),import.meta.url)),Kee=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(Gee,{...e})),Yee={array:s3,object:s3,boolean:jQ,color:Kee,date:KQ,number:XQ,check:Vn,"inline-check":Vn,radio:Vn,"inline-radio":Vn,select:Vn,"multi-select":Vn,range:Nee,text:Vee,file:Wee},u3=()=>y.createElement(y.Fragment,null,"-"),Jee=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[u,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(b=>(d({value:b}),r({[a]:b}),b),[r,a]),h=l.useCallback(()=>s(!1),[]),m=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let b=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&b?y.createElement(ia,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(u3,null)}let f={name:a,argType:e,value:u.value,onChange:p,onBlur:h,onFocus:m},v=Yee[o.type]||u3;return y.createElement(v,{...f,...o,controlType:o.type})},Zee=_.span({fontWeight:"bold"}),Xee=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Qee=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Hr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),ete=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?4:0})),tte=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),rte=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),nte=e=>e&&{summary:typeof e=="string"?e:e.name},ll=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:u,description:d}=n,p=n.table||{},h=p.type||nte(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(rte,{expandable:i},y.createElement(Zee,null,u),f?y.createElement(Xee,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(Qee,null,y.createElement(RC,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(tte,{hasDescription:v},y.createElement(od,{value:h,initialExpandedArgs:s})),y.createElement(FQ,{tags:p.jsDocTags})):y.createElement(ete,{hasDescription:v},y.createElement(od,{value:h,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(od,{value:m,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(Jee,{...e,isHovered:t})):null)},ate=_(RO)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),ote=_(BO)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),ite=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),lte=_.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),ste=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),ute=_.td(()=>({position:"relative"})),cte=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${en(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),c3=_.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"})),ld=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?ste:lte,u=(r==null?void 0:r.length)||0,d=e==="subsection"?`${u} item${u!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?u:t} item${u!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(cte,{title:p},y.createElement(s,{colSpan:1},y.createElement(c3,{onClick:h=>i(!o),tabIndex:0},p),y.createElement(ite,null,o?y.createElement(ate,null):y.createElement(ote,null),t)),y.createElement(ute,{colSpan:a-1},y.createElement(c3,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},sl=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),ke=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),he=_.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})),_e=[2,4,2,2],dte=()=>y.createElement(y.Fragment,null,y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"}))),y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"}))),y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"}))),y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"})))),pte=_.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"})),fte=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),hte=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),mte=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(pte,{inAddonPanel:e},y.createElement(R9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.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:y.createElement(fte,null,e&&y.createElement(y.Fragment,null,y.createElement(ia,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(_O,null)," Watch 5m video"),y.createElement(hte,null),y.createElement(ia,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(q1,null)," Read docs")),!e&&y.createElement(ia,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(q1,null)," Learn how to set that up"))}))},gte=_.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"?ie(.25,e.color.defaultText):ie(.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}}}}})),vte=_(fn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),yte=_.span({display:"flex",justifyContent:"space-between"}),bte={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},wte=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:u}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!u)d.ungrouped.push({key:o,...i});else{let p=d.subsections[u]||[];p.push({key:o,...i}),d.subsections[u]=p}r.sections[s]=d}else if(u){let d=r.ungroupedSubsections[u]||[];d.push({key:o,...i}),r.ungroupedSubsections[u]=d}else r.ungrouped.push({key:o,...i})});let n=bte[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].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)}}),{})}},Ete=(e,t,r)=>{try{return NA(e,t,r)}catch(n){return qX.warn(n.message),!1}},np=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:w}=e;return y.createElement(KC,null,w," ",y.createElement(ia,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(q1,null)," Read the docs"))}if(s)return y.createElement(dte,null);let{rows:u,args:d,globals:p}="rows"in e&&e,h=wte(tW(u,w=>{var x;return!((x=w==null?void 0:w.table)!=null&&x.disable)&&Ete(w,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return y.createElement(mte,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let b=Object.keys(h.sections).length>0,C={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(sx,null,y.createElement(gte,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(yte,null,"Control"," ",!s&&r&&y.createElement(vte,{onClick:()=>r(),title:"Reset controls"},y.createElement(zO,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(w=>y.createElement(ll,{key:w.key,row:w,arg:d&&d[w.key],...C})),Object.entries(h.ungroupedSubsections).map(([w,x])=>y.createElement(ld,{key:w,label:w,level:"subsection",colSpan:g},x.map(E=>y.createElement(ll,{key:E.key,row:E,arg:d&&d[E.key],expandable:b,...C})))),Object.entries(h.sections).map(([w,x])=>y.createElement(ld,{key:w,label:w,level:"section",colSpan:g},x.ungrouped.map(E=>y.createElement(ll,{key:E.key,row:E,arg:d&&d[E.key],...C})),Object.entries(x.subsections).map(([E,D])=>y.createElement(ld,{key:E,label:E,level:"subsection",colSpan:g},D.map(S=>y.createElement(ll,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...C})))))))))},xte=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(np,{...r[0][1],...t}):y.createElement(yL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,u="div",d=a===0?t:{sort:t.sort};return y.createElement(u,{key:s,id:s,title:o},({active:p})=>p?y.createElement(np,{key:`prop_table_${o}`,...i,...d}):null)}))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(ue,({theme:e})=>({...Ru(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ie(.2,e.color.defaultText):ie(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Ru(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"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Ru(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Cte=e=>`anchor--${e}`,pD=({storyId:e,children:t})=>y.createElement("div",{id:Cte(e),className:"sb-anchor"},t);at&&at.__DOCS_CONTEXT__===void 0&&(at.__DOCS_CONTEXT__=l.createContext(null),at.__DOCS_CONTEXT__.displayName="DocsContext");var kt=at?at.__DOCS_CONTEXT__:l.createContext(null),Tn=(e,t)=>l.useContext(kt).resolveOf(e,t),Dte=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Ste=e=>{if(e)return typeof e=="string"?e.includes("-")?Dte(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Ate(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function fD(e){return VX(e,{allowFunction:!1})}var hD=l.createContext({sources:{}}),mD="--unknown--",kte=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:u,args:d=void 0,source:p,format:h}=typeof o=="string"?{id:o,source:i,format:s}:o,m=d?fD(d):mD;n(f=>({...f,[u]:{...f[u],[m]:{code:p,format:h}}}))};return t.on(Xh,a),()=>t.off(Xh,a)},[]),y.createElement(hD.Provider,{value:{sources:r}},e)},_te=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[fD(t)])||(a==null?void 0:a[mD])||{code:""}},Fte=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var u,d;let{__isArgsStory:a}=t.parameters,o=((u=t.parameters.docs)==null?void 0:u.source)||{},i=r||o.type||Lu.AUTO;if(o.code!==void 0)return o.code;let s=i===Lu.DYNAMIC||i===Lu.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},Ite=(e,t,r)=>{var f,v,g,b;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,s=e.format??o.format,u=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:s,language:u,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=_te(n.id,h,r);return s=m.format??((b=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:b.format)??!1,{code:Fte({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:u,dark:d}};function Tte(e,t){let r=Rte([e],t);return r&&r[0]}function Rte(e,t){let[r,n]=l.useState({});return l.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 Bte=(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},$te=(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 s=e.height??o.height,u=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:u,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}},zte=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(kt),r=Bte(e,t),n=Tte(r,t);if(!n)return y.createElement(ZC,null);let a=$te(e,n,t);return a?y.createElement(EQ,{...a}):null},Lte=e=>{var m,f,v,g,b,C,w,x,E,D;let t=l.useContext(kt),r=l.useContext(hD),{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}=Tn(n||"story",["story"]),i=Ite({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((f=(m=o.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",u=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.additionalActions),p=e.sourceState??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.sourceState)??"hidden",h=e.className??((D=(E=o.parameters.docs)==null?void 0:E.canvas)==null?void 0:D.className);return y.createElement(XC,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:u,additionalActions:d,className:h,layout:s},y.createElement(zte,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Ote=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(Zy,o),()=>t.channel.off(Zy,o)},[t.channel]),[n]},Mte=(e,t)=>{let r=Pte(e,t);if(!r)throw new Error("No result when story was defined");return r},Pte=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let u=d=>{d.storyId===n&&o(d.args)};return t.channel.on(Xy,u),()=>t.channel.off(Xy,u)},[n,t.channel]);let i=l.useCallback(u=>t.channel.emit(WX,{storyId:n,updatedArgs:u}),[n,t.channel]),s=l.useCallback(u=>t.channel.emit(GX,{storyId:n,argNames:u}),[n,t.channel]);return e&&[a,i,s]};function Nte(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Hte=e=>{var E;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(kt),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,u=((E=a.docs)==null?void 0:E.controls)||{},d=e.include??u.include,p=e.exclude??u.exclude,h=e.sort??u.sort,[m,f,v]=Mte(n,r),[g]=Ote(n,r),b=Jy(o,d,p);if(!(s&&Object.keys(s).length>0))return Object.keys(b).length>0||Object.keys(m).length>0?y.createElement(np,{rows:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let C=Ste(i),w=Object.fromEntries(Object.entries(s).map(([D,S])=>[D,{rows:Jy(Nte(S,a),d,p),sort:h}])),x={[C]:{rows:b,sort:h},...w};return y.createElement(xte,{tabs:x,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:gD}=at,vD=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(ox,null,t);let n=e&&e.split("-");return y.createElement(YC,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Wh(e,t){e.channel.emit(KX,t)}var ap=zL.a,jte=({hash:e,children:t})=>{let r=l.useContext(kt);return y.createElement(ap,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);gD.getElementById(a)&&Wh(r,e)}},t)},yD=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(kt);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(ap,{...e}):t.startsWith("#")?y.createElement(jte,{hash:t},n):y.createElement(ap,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Wh(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},bD=["h1","h2","h3","h4","h5","h6"],Vte=bD.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Ute=_.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),qte=({as:e,id:t,children:r,...n})=>{let a=l.useContext(kt),o=Vte[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Ute,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{gD.getElementById(t)&&Wh(a,i)}},y.createElement(TO,null)),r)},Gh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(qte,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...se(s,t)})},wD=bD.reduce((e,t)=>({...e,[t]:r=>y.createElement(Gh,{as:t,...r})}),{}),Wte=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(FD`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${en(.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 ${Nt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),dD=_.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),Oee=_(dD)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),Mee=_.div({display:"flex",alignItems:"center",width:"100%"});function Pee(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 Nee=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:u})=>{var f;let d=v=>{r(JQ(v.target.value))},p=t!==void 0,h=l.useMemo(()=>Pee(o),[o]),m=!!((f=u==null?void 0:u.table)!=null&&f.readonly);return y.createElement(Mee,{"aria-readonly":m},y.createElement(dD,null,n),y.createElement(Lee,{id:Dt(e),type:"range",disabled:m,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(Oee,{numberOFDecimalsPlaces:h,max:a},p?t.toFixed(h):"--"," / ",a))},Hee=_.label({display:"flex"}),jee=_.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),Vee=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},u=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),h=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Fn,{variant:"outline",size:"medium",disabled:u,id:ks(e),onClick:h},"Set string");let m=typeof t=="string";return y.createElement(Hee,null,y.createElement(Fi.Textarea,{id:Dt(e),maxLength:o,onChange:s,disabled:u,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:m?null:"error",name:e,value:m?t:"",onFocus:n,onBlur:a}),o&&y.createElement(jee,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},Uee=_(Fi.Input)({padding:10});function qee(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var Wee=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var u;let o=l.useRef(null),i=(u=a==null?void 0:a.control)==null?void 0:u.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(h=>URL.createObjectURL(h));e(p),qee(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(Uee,{ref:o,id:Dt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},Gee=l.lazy(()=>ip(()=>import("./Color-KGDBMAHA-BZ4_Y5qx.js"),__vite__mapDeps([7,2,3,6,1,4,5]),import.meta.url)),Kee=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(Gee,{...e})),Yee={array:s3,object:s3,boolean:jQ,color:Kee,date:KQ,number:XQ,check:Vn,"inline-check":Vn,radio:Vn,"inline-radio":Vn,select:Vn,"multi-select":Vn,range:Nee,text:Vee,file:Wee},u3=()=>y.createElement(y.Fragment,null,"-"),Jee=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[u,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(b=>(d({value:b}),r({[a]:b}),b),[r,a]),h=l.useCallback(()=>s(!1),[]),m=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let b=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&b?y.createElement(ia,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(u3,null)}let f={name:a,argType:e,value:u.value,onChange:p,onBlur:h,onFocus:m},v=Yee[o.type]||u3;return y.createElement(v,{...f,...o,controlType:o.type})},Zee=_.span({fontWeight:"bold"}),Xee=_.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),Qee=_.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Hr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),ete=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?4:0})),tte=_.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ie(.1,e.color.defaultText):ie(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),rte=_.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),nte=e=>e&&{summary:typeof e=="string"?e:e.name},ll=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:u,description:d}=n,p=n.table||{},h=p.type||nte(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(rte,{expandable:i},y.createElement(Zee,null,u),f?y.createElement(Xee,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(Qee,null,y.createElement(RC,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(tte,{hasDescription:v},y.createElement(od,{value:h,initialExpandedArgs:s})),y.createElement(FQ,{tags:p.jsDocTags})):y.createElement(ete,{hasDescription:v},y.createElement(od,{value:h,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(od,{value:m,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(Jee,{...e,isHovered:t})):null)},ate=_(RO)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),ote=_(BO)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ie(.25,e.color.defaultText):ie(.3,e.color.defaultText),border:"none",display:"inline-block"})),ite=_.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),lte=_.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),ste=_.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),ute=_.td(()=>({position:"relative"})),cte=_.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${en(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),c3=_.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"})),ld=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?ste:lte,u=(r==null?void 0:r.length)||0,d=e==="subsection"?`${u} item${u!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?u:t} item${u!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(cte,{title:p},y.createElement(s,{colSpan:1},y.createElement(c3,{onClick:h=>i(!o),tabIndex:0},p),y.createElement(ite,null,o?y.createElement(ate,null):y.createElement(ote,null),t)),y.createElement(ute,{colSpan:a-1},y.createElement(c3,{onClick:h=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},sl=_.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),ke=_.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),he=_.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})),_e=[2,4,2,2],dte=()=>y.createElement(y.Fragment,null,y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"}))),y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"}))),y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"}))),y.createElement(sl,null,y.createElement(ke,{numColumn:_e[0]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[1]},y.createElement(he,{width:"80%"}),y.createElement(he,{width:"30%"})),y.createElement(ke,{numColumn:_e[2]},y.createElement(he,{width:"60%"})),y.createElement(ke,{numColumn:_e[3]},y.createElement(he,{width:"60%"})))),pte=_.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"})),fte=_.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),hte=_.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),mte=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(pte,{inAddonPanel:e},y.createElement(R9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.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:y.createElement(fte,null,e&&y.createElement(y.Fragment,null,y.createElement(ia,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(_O,null)," Watch 5m video"),y.createElement(hte,null),y.createElement(ia,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(q1,null)," Read docs")),!e&&y.createElement(ia,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(q1,null)," Learn how to set that up"))}))},gte=_.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"?ie(.25,e.color.defaultText):ie(.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}}}}})),vte=_(fn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),yte=_.span({display:"flex",justifyContent:"space-between"}),bte={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},wte=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:u}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!u)d.ungrouped.push({key:o,...i});else{let p=d.subsections[u]||[];p.push({key:o,...i}),d.subsections[u]=p}r.sections[s]=d}else if(u){let d=r.ungroupedSubsections[u]||[];d.push({key:o,...i}),r.ungroupedSubsections[u]=d}else r.ungrouped.push({key:o,...i})});let n=bte[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].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)}}),{})}},Ete=(e,t,r)=>{try{return NA(e,t,r)}catch(n){return qX.warn(n.message),!1}},np=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:w}=e;return y.createElement(KC,null,w," ",y.createElement(ia,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(q1,null)," Read the docs"))}if(s)return y.createElement(dte,null);let{rows:u,args:d,globals:p}="rows"in e&&e,h=wte(tW(u,w=>{var x;return!((x=w==null?void 0:w.table)!=null&&x.disable)&&Ete(w,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return y.createElement(mte,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let b=Object.keys(h.sections).length>0,C={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(sx,null,y.createElement(gte,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(yte,null,"Control"," ",!s&&r&&y.createElement(vte,{onClick:()=>r(),title:"Reset controls"},y.createElement(zO,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(w=>y.createElement(ll,{key:w.key,row:w,arg:d&&d[w.key],...C})),Object.entries(h.ungroupedSubsections).map(([w,x])=>y.createElement(ld,{key:w,label:w,level:"subsection",colSpan:g},x.map(E=>y.createElement(ll,{key:E.key,row:E,arg:d&&d[E.key],expandable:b,...C})))),Object.entries(h.sections).map(([w,x])=>y.createElement(ld,{key:w,label:w,level:"section",colSpan:g},x.ungrouped.map(E=>y.createElement(ll,{key:E.key,row:E,arg:d&&d[E.key],...C})),Object.entries(x.subsections).map(([E,D])=>y.createElement(ld,{key:E,label:E,level:"subsection",colSpan:g},D.map(S=>y.createElement(ll,{key:S.key,row:S,arg:d&&d[S.key],expandable:b,...C})))))))))},xte=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(np,{...r[0][1],...t}):y.createElement(yL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,u="div",d=a===0?t:{sort:t.sort};return y.createElement(u,{key:s,id:s,title:o},({active:p})=>p?y.createElement(np,{key:`prop_table_${o}`,...i,...d}):null)}))};_.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));_.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});_.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});_.div(ue,({theme:e})=>({...Ru(e),margin:"25px 0 40px",padding:"30px 20px"}));_.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));_.div(({theme:e})=>({color:e.base==="light"?ie(.2,e.color.defaultText):ie(.6,e.color.defaultText)}));_.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});_.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"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));_.div({display:"flex",flexDirection:"row"});_.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));_.div(({theme:e})=>({...Ru(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"}));_.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});_.div({flex:1,display:"flex",flexDirection:"row"});_.div({display:"flex",alignItems:"flex-start"});_.div({flex:"0 0 30%"});_.div({flex:1});_.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ie(.4,e.color.defaultText):ie(.6,e.color.defaultText)}));_.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));_.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));_.div(({theme:e})=>({...Ru(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));_.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});_.div({display:"flex",flexFlow:"row wrap"});var Cte=e=>`anchor--${e}`,pD=({storyId:e,children:t})=>y.createElement("div",{id:Cte(e),className:"sb-anchor"},t);at&&at.__DOCS_CONTEXT__===void 0&&(at.__DOCS_CONTEXT__=l.createContext(null),at.__DOCS_CONTEXT__.displayName="DocsContext");var kt=at?at.__DOCS_CONTEXT__:l.createContext(null),Tn=(e,t)=>l.useContext(kt).resolveOf(e,t),Dte=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),Ste=e=>{if(e)return typeof e=="string"?e.includes("-")?Dte(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function Ate(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function fD(e){return VX(e,{allowFunction:!1})}var hD=l.createContext({sources:{}}),mD="--unknown--",kte=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:u,args:d=void 0,source:p,format:h}=typeof o=="string"?{id:o,source:i,format:s}:o,m=d?fD(d):mD;n(f=>({...f,[u]:{...f[u],[m]:{code:p,format:h}}}))};return t.on(Xh,a),()=>t.off(Xh,a)},[]),y.createElement(hD.Provider,{value:{sources:r}},e)},_te=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[fD(t)])||(a==null?void 0:a[mD])||{code:""}},Fte=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var u,d;let{__isArgsStory:a}=t.parameters,o=((u=t.parameters.docs)==null?void 0:u.source)||{},i=r||o.type||Lu.AUTO;if(o.code!==void 0)return o.code;let s=i===Lu.DYNAMIC||i===Lu.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},Ite=(e,t,r)=>{var f,v,g,b;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,s=e.format??o.format,u=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:s,language:u,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=_te(n.id,h,r);return s=m.format??((b=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:b.format)??!1,{code:Fte({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:u,dark:d}};function Tte(e,t){let r=Rte([e],t);return r&&r[0]}function Rte(e,t){let[r,n]=l.useState({});return l.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 Bte=(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},$te=(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 s=e.height??o.height,u=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:u,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}},zte=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(kt),r=Bte(e,t),n=Tte(r,t);if(!n)return y.createElement(ZC,null);let a=$te(e,n,t);return a?y.createElement(EQ,{...a}):null},Lte=e=>{var m,f,v,g,b,C,w,x,E,D;let t=l.useContext(kt),r=l.useContext(hD),{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}=Tn(n||"story",["story"]),i=Ite({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((f=(m=o.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",u=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.additionalActions),p=e.sourceState??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.sourceState)??"hidden",h=e.className??((D=(E=o.parameters.docs)==null?void 0:E.canvas)==null?void 0:D.className);return y.createElement(XC,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:u,additionalActions:d,className:h,layout:s},y.createElement(zte,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Ote=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(Zy,o),()=>t.channel.off(Zy,o)},[t.channel]),[n]},Mte=(e,t)=>{let r=Pte(e,t);if(!r)throw new Error("No result when story was defined");return r},Pte=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let u=d=>{d.storyId===n&&o(d.args)};return t.channel.on(Xy,u),()=>t.channel.off(Xy,u)},[n,t.channel]);let i=l.useCallback(u=>t.channel.emit(WX,{storyId:n,updatedArgs:u}),[n,t.channel]),s=l.useCallback(u=>t.channel.emit(GX,{storyId:n,argNames:u}),[n,t.channel]);return e&&[a,i,s]};function Nte(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Hte=e=>{var E;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(kt),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,u=((E=a.docs)==null?void 0:E.controls)||{},d=e.include??u.include,p=e.exclude??u.exclude,h=e.sort??u.sort,[m,f,v]=Mte(n,r),[g]=Ote(n,r),b=Jy(o,d,p);if(!(s&&Object.keys(s).length>0))return Object.keys(b).length>0||Object.keys(m).length>0?y.createElement(np,{rows:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let C=Ste(i),w=Object.fromEntries(Object.entries(s).map(([D,S])=>[D,{rows:Jy(Nte(S,a),d,p),sort:h}])),x={[C]:{rows:b,sort:h},...w};return y.createElement(xte,{tabs:x,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:gD}=at,vD=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(ox,null,t);let n=e&&e.split("-");return y.createElement(YC,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Wh(e,t){e.channel.emit(KX,t)}var ap=zL.a,jte=({hash:e,children:t})=>{let r=l.useContext(kt);return y.createElement(ap,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);gD.getElementById(a)&&Wh(r,e)}},t)},yD=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(kt);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(ap,{...e}):t.startsWith("#")?y.createElement(jte,{hash:t},n):y.createElement(ap,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Wh(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},bD=["h1","h2","h3","h4","h5","h6"],Vte=bD.reduce((e,t)=>({...e,[t]:_(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Ute=_.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),qte=({as:e,id:t,children:r,...n})=>{let a=l.useContext(kt),o=Vte[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Ute,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{gD.getElementById(t)&&Wh(a,i)}},y.createElement(TO,null)),r)},Gh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(qte,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...se(s,t)})},wD=bD.reduce((e,t)=>({...e,[t]:r=>y.createElement(Gh,{as:t,...r})}),{}),Wte=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(FD`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/clsx-B-dksMZM.js b/assets/clsx-B-dksMZM.js new file mode 100644 index 00000000..b8badebb --- /dev/null +++ b/assets/clsx-B-dksMZM.js @@ -0,0 +1 @@ +function a(r){var f,n,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var o=r.length;for(f=0;fa.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[a.jsx("path",{d:"M33.63 30.9H2.37L18 3zm-24.44-4h17.62L18 11.19z"}),a.jsx("path",{d:"M17 16.99h2v4.95h-2zm0 5.95h2v1.95h-2z"})]})),Nn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z"})})),xn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z"})})),Dn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m22.857 32-16-16 16-16 2.9 2.91L12.677 16l13.08 13.09z"})})),l1=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z"})})),Sn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z"})})),Cn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 28","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M14 0C6.3 0 0 6.3 0 14s6.3 14 14 14 14-6.3 14-14S21.7 0 14 0m0 24C8.5 24 4 19.5 4 14S8.5 4 14 4s10 4.5 10 10-4.5 10-10 10M13 9h2V7h-2zm0 12h2V11h-2z"})})),$n=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M31 32H1v-2.5c0-7.5 4.2-10 10-10h10c5.8 0 10 2.5 10 10zM16 17a7.6 7.6 0 0 0 7.5-7.5 7.5 7.5 0 0 0-15 0A7.6 7.6 0 0 0 16 17"})})),Ln=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m32 29.119-9.825-9.825a12.217 12.217 0 1 0-2.88 2.881L29.118 32zm-19.771-8.746a8.145 8.145 0 1 1 0-16.289 8.145 8.145 0 0 1 0 16.29z"})}));function kn(e){if(Array.isArray(e))return wn(e)}function Zn(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function En(){throw new TypeError(`Invalid attempt to spread non-iterable instance. -In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function R(e){return kn(e)||Zn(e)||Pn(e)||En()}function u1(e){switch(e){case 2:return"h2";case 3:return"h3";case 4:return"h4";default:return"h1"}}var Mn=["children","className","inverseColor","level","size"];function K(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function T(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),c=L(t,2),s=c[0],i=c[1];return o.useEffect(function(){i(document.title)},[]),s&&(n.length===1?document.title="(".concat(n.length," ").concat(r.singular,") ").concat(s):n.length>1?document.title="(".concat(n.length," ").concat(r.plural,") ").concat(s):document.title=s),null},In=["errors","errorCountLabel"];function ee(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function re(e){for(var n=1;nc&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(c," tekens")}))});bc.displayName="CharacterCount";var Oc=["children","className"];function Le(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function ke(e){for(var n=1;ne.length)&&(n=e.length);for(var r=0,t=Array(n);ra.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[a.jsx("path",{d:"M33.63 30.9H2.37L18 3zm-24.44-4h17.62L18 11.19z"}),a.jsx("path",{d:"M17 16.99h2v4.95h-2zm0 5.95h2v1.95h-2z"})]})),kn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z"})})),Zn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z"})})),En=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m22.857 32-16-16 16-16 2.9 2.91L12.677 16l13.08 13.09z"})})),b1=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z"})})),Mn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z"})})),_n=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 28","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M14 0C6.3 0 0 6.3 0 14s6.3 14 14 14 14-6.3 14-14S21.7 0 14 0m0 24C8.5 24 4 19.5 4 14S8.5 4 14 4s10 4.5 10 10-4.5 10-10 10M13 9h2V7h-2zm0 12h2V11h-2z"})})),Hn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"M31 32H1v-2.5c0-7.5 4.2-10 10-10h10c5.8 0 10 2.5 10 10zM16 17a7.6 7.6 0 0 0 7.5-7.5 7.5 7.5 0 0 0-15 0A7.6 7.6 0 0 0 16 17"})})),Vn=e=>a.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:a.jsx("path",{fillRule:"evenodd",d:"m32 29.119-9.825-9.825a12.217 12.217 0 1 0-2.88 2.881L29.118 32zm-19.771-8.746a8.145 8.145 0 1 1 0-16.289 8.145 8.145 0 0 1 0 16.29z"})}));function Rn(e){if(Array.isArray(e))return H(e)}function Kn(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Tn(){throw new TypeError(`Invalid attempt to spread non-iterable instance. +In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function T(e){return Rn(e)||Kn(e)||p1(e)||Tn()}function d1(e){switch(e){case 2:return"h2";case 3:return"h3";case 4:return"h4";default:return"h1"}}var An=["children","className","inverseColor","level","size"];function A(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function z(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),c=k(t,2),s=c[0],i=c[1];return o.useEffect(function(){i(document.title)},[]),s&&(n.length===1?document.title="(".concat(n.length," ").concat(r.singular,") ").concat(s):n.length>1?document.title="(".concat(n.length," ").concat(r.plural,") ").concat(s):document.title=s),null},Qn=["errors","errorCountLabel"];function te(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function ne(e){for(var n=1;nc&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(c," tekens")}))});yc.displayName="CharacterCount";var jc=["children","className"];function Ze(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function Ee(e){for(var n=1;n ":"",v=Array.from(N.querySelectorAll("".concat(w).concat(xc.join(", ".concat(w))))),C=function($){return $&&v.includes($)?v.indexOf($):0},P;switch(m.key){case O:{C(j)!==v.length-1?(P=v[C(j)+1],j&&!v.includes(j)&&(P=v[0])):c&&(P=v[0]);break}case f:{C(j)!==0?P=v[C(j)-1]:c&&(P=v[v.length-1]);break}case D.Home:{P=v[0];break}case D.End:{P=v[v.length-1];break}}(m.key===D.ArrowDown||m.key===D.ArrowUp||m.key===D.ArrowLeft||m.key===D.ArrowRight||m.key===D.Home||m.key===D.End)&&P instanceof HTMLElement&&(P.focus(),m.preventDefault())}};return{keyDown:h}},Dc=["activeTab","children","className"];function qe(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function Ge(e){for(var n=1;ng.length-1?h(g.length-1):h(r))},[r,g]);var m=function(v){h(v)};o.useImperativeHandle(n,function(){return l.current});var N=C1(l,{rotating:!0,horizontally:!0}),j=N.keyDown;return a.jsx(V.Provider,{value:{activeTab:f,updateTab:m,tabsId:i},children:a.jsx("div",Ge(Ge({},s),{},{role:"tabs",ref:l,onKeyDown:j,className:p("ams-tabs",c),children:t}))})});$1.displayName="Tabs";Object.assign($1,{Button:x1,List:D1,Panel:S1});var Sc=["className","dir","invalid","resize"];function Ue(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function We(e){for(var n=1;nt&&O===t-2&&e ":"",v=Array.from(N.querySelectorAll("".concat(w).concat(Zc.join(", ".concat(w))))),C=function($){return $&&v.includes($)?v.indexOf($):0},P;switch(O.key){case m:{C(y)!==v.length-1?(P=v[C(y)+1],y&&!v.includes(y)&&(P=v[0])):c&&(P=v[0]);break}case f:{C(y)!==0?P=v[C(y)-1]:c&&(P=v[v.length-1]);break}case D.Home:{P=v[0];break}case D.End:{P=v[v.length-1];break}}(O.key===D.ArrowDown||O.key===D.ArrowUp||O.key===D.ArrowLeft||O.key===D.ArrowRight||O.key===D.Home||O.key===D.End)&&P instanceof HTMLElement&&(P.focus(),O.preventDefault())}};return{keyDown:h}},Ec=["activeTab","children","className"];function We(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function Ue(e){for(var n=1;ng.length-1?h(g.length-1):h(r))},[r,g]);var O=function(v){h(v)};o.useImperativeHandle(n,function(){return l.current});var N=k1(l,{rotating:!0,horizontally:!0}),y=N.keyDown;return a.jsx(R.Provider,{value:{activeTab:f,updateTab:O,tabsId:i},children:a.jsx("div",Ue(Ue({},s),{},{role:"tabs",ref:l,onKeyDown:y,className:p("ams-tabs",c),children:t}))})});Z1.displayName="Tabs";Object.assign(Z1,{Button:C1,List:$1,Panel:L1});var Mc=["className","dir","invalid","resize"];function Je(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function Qe(e){for(var n=1;nt&&m===t-2&&e @@ -26,4 +26,4 @@ The breadcrumb nav component is used to show the user's current location within url: 'https://www.figma.com/file/ZWSC4gCrOXRUR9UX3aoZ8x/Gemeente-Rotterdam-Design-System?type=design&node-id=507-20062&mode=design&t=yvzUSkFQYQmWSHsQ-4' } } -}`,...(o=(n=r.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const b=["Default"];export{r as Default,b as __namedExportsOrder,w as default}; +}`,...(o=(n=r.parameters)==null?void 0:n.docs)==null?void 0:o.source}}};const w=["Default"];export{r as Default,w as __namedExportsOrder,v as default}; diff --git a/assets/css-counter-badge.stories-xSylUTnC.js b/assets/css-counter-badge.stories-DgWRPbbZ.js similarity index 85% rename from assets/css-counter-badge.stories-xSylUTnC.js rename to assets/css-counter-badge.stories-DgWRPbbZ.js index a043c271..797a497f 100644 --- a/assets/css-counter-badge.stories-xSylUTnC.js +++ b/assets/css-counter-badge.stories-DgWRPbbZ.js @@ -1,7 +1,7 @@ -import{c as E}from"./index-C5cqLfhp.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const b=`# Counter Badge +import{c as E}from"./index-G8Tt6w1S.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const b=`# Counter Badge The Counter Badge component is used to display a count of items. It is typically used in a list or table to show the number of items in a list or table. -`;/* @license CC0-1.0 */const N={title:"CSS Component/Counter badge",id:"css-utrecht-badge-counter",component:E,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"},docs:{description:{component:b}}}},e={name:"Single",args:{children:"9"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}},n={name:"Double",args:{children:"99"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}},r={name:"Triple",args:{children:"999"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}},t={name:"Quadruple",args:{children:"9.999"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}};var i,a,s;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ +`;/* @license CC0-1.0 */const K={title:"CSS Component/Counter badge",id:"css-utrecht-badge-counter",component:E,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"},docs:{description:{component:b}}}},e={name:"Single",args:{children:"9"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}},n={name:"Double",args:{children:"99"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}},r={name:"Triple",args:{children:"999"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}},t={name:"Quadruple",args:{children:"9.999"},parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1"}}};var i,a,s;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ name: 'Single', args: { children: '9' @@ -45,4 +45,4 @@ The Counter Badge component is used to display a count of items. It is typically url: 'https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1235%3A4364&t=VEgVZGuEwb18Kx3g-1' } } -}`,...(w=(l=t.parameters)==null?void 0:l.docs)==null?void 0:w.source}}};const T=["Single","Double","Triple","Quadruple"];export{n as Double,t as Quadruple,e as Single,r as Triple,T as __namedExportsOrder,N as default}; +}`,...(w=(l=t.parameters)==null?void 0:l.docs)==null?void 0:w.source}}};const N=["Single","Double","Triple","Quadruple"];export{n as Double,t as Quadruple,e as Single,r as Triple,N as __namedExportsOrder,K as default}; diff --git a/assets/css-utrecht-accordion.stories-BxWSLOnp.js b/assets/css-utrecht-accordion.stories-DJJoUjnh.js similarity index 90% rename from assets/css-utrecht-accordion.stories-BxWSLOnp.js rename to assets/css-utrecht-accordion.stories-DJJoUjnh.js index 8622760a..77ec0cac 100644 --- a/assets/css-utrecht-accordion.stories-BxWSLOnp.js +++ b/assets/css-utrecht-accordion.stories-DJJoUjnh.js @@ -1,7 +1,7 @@ -import{j as s}from"./jsx-runtime-BlAj40OV.js";import{A as o}from"./index-C5cqLfhp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const p=`# Accordion +import{j as s}from"./jsx-runtime-BlAj40OV.js";import{A as o}from"./index-G8Tt6w1S.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const p=`# Accordion The accordion component is a container that can be collapsed and expanded. It is used to hide and show content. -`,b=({expanded:c,label:l,body:m})=>s.jsx(o,{sections:[{expanded:c,label:l,body:m}]}),D={title:"CSS Component/Accordion",id:"css-utrecht-accordion",component:o,args:{label:"",body:"",expandedAccordion:!1},argTypes:{label:{name:"label",type:{name:"string",required:!0},table:{defaultValue:{summary:""},category:"API"}},body:{name:"body",type:{name:"string",required:!0},table:{defaultValue:{summary:""},category:"API"}},expandedAccordion:{name:"expandedAccordion",type:{name:"boolean",required:!1},table:{defaultValue:{summary:!1},category:"API"}}},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1261%3A4784&t=lu24fBlSHdl7JcKT-1"},docs:{description:{component:p}}},render:b},e={args:{label:"Lorem ipsum",body:`Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore +`,b=({expanded:c,label:l,body:m})=>s.jsx(o,{sections:[{expanded:c,label:l,body:m}]}),L={title:"CSS Component/Accordion",id:"css-utrecht-accordion",component:o,args:{label:"",body:"",expandedAccordion:!1},argTypes:{label:{name:"label",type:{name:"string",required:!0},table:{defaultValue:{summary:""},category:"API"}},body:{name:"body",type:{name:"string",required:!0},table:{defaultValue:{summary:""},category:"API"}},expandedAccordion:{name:"expandedAccordion",type:{name:"boolean",required:!1},table:{defaultValue:{summary:!1},category:"API"}}},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1261%3A4784&t=lu24fBlSHdl7JcKT-1"},docs:{description:{component:p}}},render:b},e={args:{label:"Lorem ipsum",body:`Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est @@ -30,4 +30,4 @@ The accordion component is a container that can be collapsed and expanded. It is } }`,...(r=(a=e.parameters)==null?void 0:a.docs)==null?void 0:r.source}}};var n,u,d;i.parameters={...i.parameters,docs:{...(n=i.parameters)==null?void 0:n.docs,source:{originalSource:`{ render: () => -}`,...(d=(u=i.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};const E=["Default","Multiple"];export{e as Default,i as Multiple,E as __namedExportsOrder,D as default}; +}`,...(d=(u=i.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};const D=["Default","Multiple"];export{e as Default,i as Multiple,D as __namedExportsOrder,L as default}; diff --git a/assets/css-utrecht-button.stories-FUMHfw7d.js b/assets/css-utrecht-button.stories-CRf4vBhM.js similarity index 84% rename from assets/css-utrecht-button.stories-FUMHfw7d.js rename to assets/css-utrecht-button.stories-CRf4vBhM.js index ce6bb537..9034d0e1 100644 --- a/assets/css-utrecht-button.stories-FUMHfw7d.js +++ b/assets/css-utrecht-button.stories-CRf4vBhM.js @@ -1,9 +1,9 @@ -import{d as y}from"./index-C5cqLfhp.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const f=` +import{d as y}from"./index-G8Tt6w1S.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const f=` # Button Button component for Tilburg -`;/* @license CC0-1.0 */const k={title:"CSS Component/Button",id:"css-utrecht-button",component:y,argTypes:{children:{name:"Content",description:"Button text",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{bugs:"https://github.com/nl-design-system/tilburg/labels/component%2Fbutton",design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=847%3A865&mode=design&t=FsnygCvT6dNHH48s-1"},docs:{description:{component:f}}}},e={name:"Default button",args:{children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}},t={name:"Primary action button",args:{appearance:"primary-action-button",children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}},n={name:"Secondary action button",args:{appearance:"secondary-action-button",children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}},i={name:"Subtle button",args:{appearance:"subtle-button",children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}};var a,r,o;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ +`;/* @license CC0-1.0 */const E={title:"CSS Component/Button",id:"css-utrecht-button",component:y,argTypes:{children:{name:"Content",description:"Button text",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{bugs:"https://github.com/nl-design-system/tilburg/labels/component%2Fbutton",design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=847%3A865&mode=design&t=FsnygCvT6dNHH48s-1"},docs:{description:{component:f}}}},e={name:"Default button",args:{children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}},t={name:"Primary action button",args:{appearance:"primary-action-button",children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}},n={name:"Secondary action button",args:{appearance:"secondary-action-button",children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}},i={name:"Subtle button",args:{appearance:"subtle-button",children:"Label"},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1"}}};var a,r,o;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ name: 'Default button', args: { children: 'Label' @@ -14,7 +14,7 @@ Button component for Tilburg url: 'https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1' } } -}`,...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var s,m,d;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{ +}`,...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var s,d,m;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{ name: 'Primary action button', args: { appearance: 'primary-action-button', @@ -26,7 +26,7 @@ Button component for Tilburg url: 'https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1' } } -}`,...(d=(m=t.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var c,u,p;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{ +}`,...(m=(d=t.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var c,u,p;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`{ name: 'Secondary action button', args: { appearance: 'secondary-action-button', @@ -50,4 +50,4 @@ Button component for Tilburg url: 'https://www.figma.com/file/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?type=design&node-id=153%3A1140&mode=design&t=FsnygCvT6dNHH48s-1' } } -}`,...(b=(l=i.parameters)==null?void 0:l.docs)==null?void 0:b.source}}};const H=["DefaultButton","PrimaryActionButton","SecondaryActionButton","SubtleButton"];export{e as DefaultButton,t as PrimaryActionButton,n as SecondaryActionButton,i as SubtleButton,H as __namedExportsOrder,k as default}; +}`,...(b=(l=i.parameters)==null?void 0:l.docs)==null?void 0:b.source}}};const k=["DefaultButton","PrimaryActionButton","SecondaryActionButton","SubtleButton"];export{e as DefaultButton,t as PrimaryActionButton,n as SecondaryActionButton,i as SubtleButton,k as __namedExportsOrder,E as default}; diff --git a/assets/css-utrecht-data-list.stories-BvximUrk.js b/assets/css-utrecht-data-list.stories-a0SHXrVY.js similarity index 97% rename from assets/css-utrecht-data-list.stories-BvximUrk.js rename to assets/css-utrecht-data-list.stories-a0SHXrVY.js index b08df8ae..5e6de7ed 100644 --- a/assets/css-utrecht-data-list.stories-BvximUrk.js +++ b/assets/css-utrecht-data-list.stories-a0SHXrVY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BlAj40OV.js";import{D as h,a as k,b,c as _,d as w}from"./index.esm-Ccu_-M9k.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const j=` +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{D as h,a as k,b,c as _,d as w}from"./index.esm-DALnRssO.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const j=` # Data list diff --git a/assets/css-utrecht-form-field.stories-CyhNdvxP.js b/assets/css-utrecht-form-field.stories-CH2_y9aX.js similarity index 90% rename from assets/css-utrecht-form-field.stories-CyhNdvxP.js rename to assets/css-utrecht-form-field.stories-CH2_y9aX.js index e6c73376..e97bd4b2 100644 --- a/assets/css-utrecht-form-field.stories-CyhNdvxP.js +++ b/assets/css-utrecht-form-field.stories-CH2_y9aX.js @@ -1,7 +1,7 @@ -import{j as e}from"./jsx-runtime-BlAj40OV.js";import{F as y,e as i,f as S,T as f,g as k,P as O,C as j,S as C,h as r}from"./index-C5cqLfhp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const v=`# Form field +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{F as y,e as i,f as S,T as f,g as k,P as O,C as j,S as C,h as r}from"./index-G8Tt6w1S.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const v=`# Form field Form fields are used to collect user input. They are used in forms, where the user is required to fill in data. -`,T={title:"CSS Component/Forms",id:"css-utrecht-form-field",component:y,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{bugs:"https://github.com/nl-design-system/rotterdam/labels/component%2Fbreadcrumb-nav",design:{type:"figma",url:"https://www.figma.com/file/ZWSC4gCrOXRUR9UX3aoZ8x/?node-id=501-18760"},docs:{description:{component:v}}}},t={name:"Form Field",args:{type:"text",children:[e.jsx(i,{children:"Label"},"label"),e.jsx(S,{children:"Description"},"description"),e.jsx(f,{},"textbox")]},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ZWSC4gCrOXRUR9UX3aoZ8x/Gemeente-Rotterdam-Design-System?type=design&node-id=507-20062&mode=design&t=yvzUSkFQYQmWSHsQ-4"}}},o={name:"Form Field with error",args:{type:"text",children:[e.jsx(i,{children:"Label"},"label"),e.jsx(S,{children:"Description"},"description"),e.jsx(k,{children:"Error message"},"error"),e.jsx(f,{},"textbox")]}},a={name:"Checkbox",args:{type:"checkbox",children:[e.jsx(O,{className:"utrecht-form-field__label utrecht-form-field__label--checkbox",children:e.jsxs(i,{type:"checkbox",children:[e.jsx(j,{className:"utrecht-form-field__input",name:"consent",value:"consent"},"checkbox"),"Label"]},"label")})]}},s={name:"Select",args:{type:"select",children:[e.jsxs(C,{children:[e.jsx(r,{disabled:!0,value:"",children:"Select an option"}),e.jsx(r,{value:"1",children:"Option #1"}),e.jsx(r,{value:"2",children:"Option #2"}),e.jsx(r,{value:"3",children:"Option #3"}),e.jsx(r,{value:"4",children:"Option #4"})]})]}};var l,c,n;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{ +`,Q={title:"CSS Component/Forms",id:"css-utrecht-form-field",component:y,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{bugs:"https://github.com/nl-design-system/rotterdam/labels/component%2Fbreadcrumb-nav",design:{type:"figma",url:"https://www.figma.com/file/ZWSC4gCrOXRUR9UX3aoZ8x/?node-id=501-18760"},docs:{description:{component:v}}}},t={name:"Form Field",args:{type:"text",children:[e.jsx(i,{children:"Label"},"label"),e.jsx(S,{children:"Description"},"description"),e.jsx(f,{},"textbox")]},parameters:{design:{type:"figma",url:"https://www.figma.com/file/ZWSC4gCrOXRUR9UX3aoZ8x/Gemeente-Rotterdam-Design-System?type=design&node-id=507-20062&mode=design&t=yvzUSkFQYQmWSHsQ-4"}}},o={name:"Form Field with error",args:{type:"text",children:[e.jsx(i,{children:"Label"},"label"),e.jsx(S,{children:"Description"},"description"),e.jsx(k,{children:"Error message"},"error"),e.jsx(f,{},"textbox")]}},a={name:"Checkbox",args:{type:"checkbox",children:[e.jsx(O,{className:"utrecht-form-field__label utrecht-form-field__label--checkbox",children:e.jsxs(i,{type:"checkbox",children:[e.jsx(j,{className:"utrecht-form-field__input",name:"consent",value:"consent"},"checkbox"),"Label"]},"label")})]}},s={name:"Select",args:{type:"select",children:[e.jsxs(C,{children:[e.jsx(r,{disabled:!0,value:"",children:"Select an option"}),e.jsx(r,{value:"1",children:"Option #1"}),e.jsx(r,{value:"2",children:"Option #2"}),e.jsx(r,{value:"3",children:"Option #3"}),e.jsx(r,{value:"4",children:"Option #4"})]})]}};var l,c,n;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{ name: 'Form Field', args: { type: 'text', @@ -44,4 +44,4 @@ Form fields are used to collect user input. They are used in forms, where the us Option #4 ] } -}`,...(F=(g=s.parameters)==null?void 0:g.docs)==null?void 0:F.source}}};const X=["Default","Error","CheckboxField","SelectField"];export{a as CheckboxField,t as Default,o as Error,s as SelectField,X as __namedExportsOrder,T as default}; +}`,...(F=(g=s.parameters)==null?void 0:g.docs)==null?void 0:F.source}}};const T=["Default","Error","CheckboxField","SelectField"];export{a as CheckboxField,t as Default,o as Error,s as SelectField,T as __namedExportsOrder,Q as default}; diff --git a/assets/css-utrecht-heading.stories-qQtZ-tGa.js b/assets/css-utrecht-heading.stories-D1BteIfT.js similarity index 71% rename from assets/css-utrecht-heading.stories-qQtZ-tGa.js rename to assets/css-utrecht-heading.stories-D1BteIfT.js index 951e47b0..fd472183 100644 --- a/assets/css-utrecht-heading.stories-qQtZ-tGa.js +++ b/assets/css-utrecht-heading.stories-D1BteIfT.js @@ -1,7 +1,7 @@ -import{H as y}from"./index-C5cqLfhp.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const E=`# Heading +import{H as y}from"./index-G8Tt6w1S.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const E=`# Heading These headings make use of the TradeGothicCondensed18 font. -`;/* @license CC0-1.0 */const q={title:"CSS Component/Heading",id:"css-utrecht-heading",component:y,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=153-1039&t=nrvRAztL0ecku9kp-0"},docs:{description:{component:E}}}},e={name:"Heading 1",args:{children:"Heading 1",level:1}},n={name:"Heading 2",args:{children:"Heading 2",level:2}},a={name:"Heading 3",args:{children:"Heading 3",level:3}},r={name:"Heading 4",args:{children:"Heading 4",level:4}},s={name:"Heading 5",args:{children:"Heading 5",level:5}},i={name:"Heading 6",args:{children:"Heading 6",level:6}};var d,o,t;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`{ +`;/* @license CC0-1.0 */const j={title:"CSS Component/Heading",id:"css-utrecht-heading",component:y,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=153-1039&t=nrvRAztL0ecku9kp-0"},docs:{description:{component:E}}}},e={name:"Heading 1",args:{children:"Heading 1",level:1}},n={name:"Heading 2",args:{children:"Heading 2",level:2}},a={name:"Heading 3",args:{children:"Heading 3",level:3}},r={name:"Heading 4",args:{children:"Heading 4",level:4}},s={name:"Heading 5",args:{children:"Heading 5",level:5}},d={name:"Heading 6",args:{children:"Heading 6",level:6}};var i,o,t;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ name: 'Heading 1', args: { children: 'Heading 1', @@ -31,10 +31,10 @@ These headings make use of the TradeGothicCondensed18 font. children: 'Heading 5', level: 5 } -}`,...(C=(f=s.parameters)==null?void 0:f.docs)==null?void 0:C.source}}};var k,T,w;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{ +}`,...(C=(f=s.parameters)==null?void 0:f.docs)==null?void 0:C.source}}};var k,T,w;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{ name: 'Heading 6', args: { children: 'Heading 6', level: 6 } -}`,...(w=(T=i.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};const A=["Heading1","Heading2","Heading3","Heading4","Heading5","Heading6"];export{e as Heading1,n as Heading2,a as Heading3,r as Heading4,s as Heading5,i as Heading6,A as __namedExportsOrder,q as default}; +}`,...(w=(T=d.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};const q=["Heading1","Heading2","Heading3","Heading4","Heading5","Heading6"];export{e as Heading1,n as Heading2,a as Heading3,r as Heading4,s as Heading5,d as Heading6,q as __namedExportsOrder,j as default}; diff --git a/assets/css-utrecht-link.stories-X_w29_T-.js b/assets/css-utrecht-link.stories-preF43kn.js similarity index 89% rename from assets/css-utrecht-link.stories-X_w29_T-.js rename to assets/css-utrecht-link.stories-preF43kn.js index a0c0fe8c..2fdf451a 100644 --- a/assets/css-utrecht-link.stories-X_w29_T-.js +++ b/assets/css-utrecht-link.stories-preF43kn.js @@ -1,7 +1,7 @@ -import{j as t}from"./jsx-runtime-BlAj40OV.js";import{L as T,P as s}from"./index-C5cqLfhp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const f=`# Link +import{j as t}from"./jsx-runtime-BlAj40OV.js";import{L as T,P as s}from"./index-G8Tt6w1S.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const f=`# Link This is the link component. -`,N={title:"CSS Component/Link",id:"css-utrecht-link",component:T,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=153-1056&t=nrvRAztL0ecku9kp-0"},docs:{description:{component:f}}}},n={name:"Link",args:{children:"Website van Tilburg",href:"#"}},r={name:"Link in paragraph",args:{children:"website van Tilburg",href:"#"},decorators:[e=>t.jsxs(s,{children:["Tilburg, gelegen in het zuiden van Nederland, is een bruisende stad met een rijke geschiedenis en een levendige cultuur. Bekijk de ",e(),". Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap."]})]},i={name:"Link in lead paragraph",args:{children:"Website van Tilburg",href:"#"},decorators:[e=>t.jsxs(s,{lead:!0,children:["Tilburg, gelegen in het zuiden van Nederland, is een bruisende stad met een rijke geschiedenis en een levendige cultuur. Bekijk de ",e(),". Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap."]})]},a={name:"Link in small print",args:{children:"Website van Tilburg",href:"#"},decorators:[e=>t.jsxs(s,{small:!0,children:["Tilburg, gelegen in het zuiden van Nederland, is een bruisende stad met een rijke geschiedenis en een levendige cultuur. Bekijk de ",e(),". Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap."]})]};var d,o,l;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{ +`,w={title:"CSS Component/Link",id:"css-utrecht-link",component:T,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=153-1056&t=nrvRAztL0ecku9kp-0"},docs:{description:{component:f}}}},n={name:"Link",args:{children:"Website van Tilburg",href:"#"}},r={name:"Link in paragraph",args:{children:"website van Tilburg",href:"#"},decorators:[e=>t.jsxs(s,{children:["Tilburg, gelegen in het zuiden van Nederland, is een bruisende stad met een rijke geschiedenis en een levendige cultuur. Bekijk de ",e(),". Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap."]})]},i={name:"Link in lead paragraph",args:{children:"Website van Tilburg",href:"#"},decorators:[e=>t.jsxs(s,{lead:!0,children:["Tilburg, gelegen in het zuiden van Nederland, is een bruisende stad met een rijke geschiedenis en een levendige cultuur. Bekijk de ",e(),". Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap."]})]},a={name:"Link in small print",args:{children:"Website van Tilburg",href:"#"},decorators:[e=>t.jsxs(s,{small:!0,children:["Tilburg, gelegen in het zuiden van Nederland, is een bruisende stad met een rijke geschiedenis en een levendige cultuur. Bekijk de ",e(),". Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap."]})]};var d,o,l;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{ name: 'Link', args: { children: 'Website van Tilburg', @@ -40,4 +40,4 @@ This is the link component. cultuur. Bekijk de {Story()}. Ooit bekend als een centrum van de textielindustrie, heeft Tilburg zich ontwikkeld tot een moderne en dynamische stad met een bloeiende economie en een levendige gemeenschap. ] -}`,...(v=(b=a.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};const B=["Default","LinkInParagraph","LinkInLeadParagraph","LinkInSmallPrint"];export{n as Default,i as LinkInLeadParagraph,r as LinkInParagraph,a as LinkInSmallPrint,B as __namedExportsOrder,N as default}; +}`,...(v=(b=a.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};const N=["Default","LinkInParagraph","LinkInLeadParagraph","LinkInSmallPrint"];export{n as Default,i as LinkInLeadParagraph,r as LinkInParagraph,a as LinkInSmallPrint,N as __namedExportsOrder,w as default}; diff --git a/assets/css-utrecht-ordered-list.stories-BsnNzI3f.js b/assets/css-utrecht-ordered-list.stories-dA4HjmIM.js similarity index 72% rename from assets/css-utrecht-ordered-list.stories-BsnNzI3f.js rename to assets/css-utrecht-ordered-list.stories-dA4HjmIM.js index a996cee1..6ae9a354 100644 --- a/assets/css-utrecht-ordered-list.stories-BsnNzI3f.js +++ b/assets/css-utrecht-ordered-list.stories-dA4HjmIM.js @@ -1,9 +1,9 @@ -import{j as r}from"./jsx-runtime-BlAj40OV.js";import{O as n,i as t}from"./index-C5cqLfhp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const m=`# Ordered list +import{j as r}from"./jsx-runtime-BlAj40OV.js";import{O as n,i as t}from"./index-G8Tt6w1S.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const m=`# Ordered list An ordered list element to sum up a list of items in a specific order. -`,f={title:"CSS Component/Ordered list",id:"css-utrecht-ordered-list",component:n,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=823-571&m=dev"},docs:{description:{component:m}}}},e={name:"Ordered list",args:{children:[r.jsx(t,{children:"Gemeente Tilburg rekenkamer"}),r.jsx(t,{children:"Gemeente Tilburg college"}),r.jsx(t,{children:"Gemeente Tilburg contact"})]}};var i,s,d;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ +`,O={title:"CSS Component/Ordered list",id:"css-utrecht-ordered-list",component:n,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=823-571&m=dev"},docs:{description:{component:m}}}},e={name:"Ordered list",args:{children:[r.jsx(t,{children:"Gemeente Tilburg rekenkamer"}),r.jsx(t,{children:"Gemeente Tilburg college"}),r.jsx(t,{children:"Gemeente Tilburg contact"})]}};var i,s,d;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ name: 'Ordered list', args: { children: [Gemeente Tilburg rekenkamer, Gemeente Tilburg college, Gemeente Tilburg contact] } -}`,...(d=(s=e.parameters)==null?void 0:s.docs)==null?void 0:d.source}}};const h=["Default"];export{e as Default,h as __namedExportsOrder,f as default}; +}`,...(d=(s=e.parameters)==null?void 0:s.docs)==null?void 0:d.source}}};const f=["Default"];export{e as Default,f as __namedExportsOrder,O as default}; diff --git a/assets/css-utrecht-paragraph.stories-Drd_dDKu.js b/assets/css-utrecht-paragraph.stories-B9CO2dIM.js similarity index 85% rename from assets/css-utrecht-paragraph.stories-Drd_dDKu.js rename to assets/css-utrecht-paragraph.stories-B9CO2dIM.js index a4a2a8a0..423939cf 100644 --- a/assets/css-utrecht-paragraph.stories-Drd_dDKu.js +++ b/assets/css-utrecht-paragraph.stories-B9CO2dIM.js @@ -1,7 +1,7 @@ -import{P as m}from"./index-C5cqLfhp.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const p=`# Paragraph +import{P as m}from"./index-G8Tt6w1S.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const c=`# Paragraph This is a paragraph. -`;/* @license CC0-1.0 */const w={title:"CSS Component/Paragraph",id:"css-utrecht-paragraph",component:m,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=150-734&t=nrvRAztL0ecku9kp-0"},docs:{description:{component:p}}}},e={name:"Paragraph",args:{children:'"Tilburg, gelegen in het zuiden van Nederland, is een levendige stad met een rijke geschiedenis en een bruisende cultuur. Bekend om zijn textielindustrie in het verleden, heeft Tilburg zich ontwikkeld tot een moderne stad vol met kunst, muziek, en culinaire hoogstandjes. Wandel door de sfeervolle straten van de binnenstad en ontdek de vele boetiekjes, gezellige cafés en restaurants. Breng een bezoek aan de indrukwekkende musea, zoals het Textielmuseum of het De Pont Museum voor hedendaagse kunst, waar je kunt genieten van inspirerende tentoonstellingen. Verken het groene landschap rondom Tilburg, met prachtige parken en natuurgebieden zoals de Oude Warande en de Loonse en Drunense Duinen. Of geniet van een avondje uit in een van de vele theaters of concertzalen die de stad te bieden heeft. Met zijn diverse aanbod aan activiteiten en bezienswaardigheden is Tilburg een stad die voor ieder wat wils biedt'}},n={name:"Lead paragraph",args:{...e.args,lead:!0}},a={name:"Small print",args:{...e.args,small:!0}};var r,t,i;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{ +`;/* @license CC0-1.0 */const j={title:"CSS Component/Paragraph",id:"css-utrecht-paragraph",component:m,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=150-734&t=nrvRAztL0ecku9kp-0"},docs:{description:{component:c}}}},e={name:"Paragraph",args:{children:'"Tilburg, gelegen in het zuiden van Nederland, is een levendige stad met een rijke geschiedenis en een bruisende cultuur. Bekend om zijn textielindustrie in het verleden, heeft Tilburg zich ontwikkeld tot een moderne stad vol met kunst, muziek, en culinaire hoogstandjes. Wandel door de sfeervolle straten van de binnenstad en ontdek de vele boetiekjes, gezellige cafés en restaurants. Breng een bezoek aan de indrukwekkende musea, zoals het Textielmuseum of het De Pont Museum voor hedendaagse kunst, waar je kunt genieten van inspirerende tentoonstellingen. Verken het groene landschap rondom Tilburg, met prachtige parken en natuurgebieden zoals de Oude Warande en de Loonse en Drunense Duinen. Of geniet van een avondje uit in een van de vele theaters of concertzalen die de stad te bieden heeft. Met zijn diverse aanbod aan activiteiten en bezienswaardigheden is Tilburg een stad die voor ieder wat wils biedt'}},n={name:"Lead paragraph",args:{...e.args,lead:!0}},a={name:"Small print",args:{...e.args,small:!0}};var r,t,i;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{ name: 'Paragraph', args: { children: '"Tilburg, gelegen in het zuiden van Nederland, is een levendige stad met een rijke geschiedenis en een bruisende cultuur. Bekend om zijn textielindustrie in het verleden, heeft Tilburg zich ontwikkeld tot een moderne stad vol met kunst, muziek, en culinaire hoogstandjes. Wandel door de sfeervolle straten van de binnenstad en ontdek de vele boetiekjes, gezellige cafés en restaurants. Breng een bezoek aan de indrukwekkende musea, zoals het Textielmuseum of het De Pont Museum voor hedendaagse kunst, waar je kunt genieten van inspirerende tentoonstellingen. Verken het groene landschap rondom Tilburg, met prachtige parken en natuurgebieden zoals de Oude Warande en de Loonse en Drunense Duinen. Of geniet van een avondje uit in een van de vele theaters of concertzalen die de stad te bieden heeft. Met zijn diverse aanbod aan activiteiten en bezienswaardigheden is Tilburg een stad die voor ieder wat wils biedt' @@ -18,4 +18,4 @@ This is a paragraph. ...Default.args, small: true } -}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const P=["Default","LeadParagraph","SmallPrintParagraph"];export{e as Default,n as LeadParagraph,a as SmallPrintParagraph,P as __namedExportsOrder,w as default}; +}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const w=["Default","LeadParagraph","SmallPrintParagraph"];export{e as Default,n as LeadParagraph,a as SmallPrintParagraph,w as __namedExportsOrder,j as default}; diff --git a/assets/css-utrecht-skip-link.stories-CS8_uYJJ.js b/assets/css-utrecht-skip-link.stories-DX3KBZoq.js similarity index 93% rename from assets/css-utrecht-skip-link.stories-CS8_uYJJ.js rename to assets/css-utrecht-skip-link.stories-DX3KBZoq.js index 943a9b22..324c441a 100644 --- a/assets/css-utrecht-skip-link.stories-CS8_uYJJ.js +++ b/assets/css-utrecht-skip-link.stories-DX3KBZoq.js @@ -1,4 +1,4 @@ -import{j as u}from"./jsx-runtime-BlAj40OV.js";import{S as d}from"./index.esm-Ccu_-M9k.js";import{c as k}from"./clsx-BspRNC6E.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const f=`# Skip link +import{j as u}from"./jsx-runtime-BlAj40OV.js";import{S as d}from"./index.esm-DALnRssO.js";import{c as k}from"./clsx-B-dksMZM.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./extends-CF3RwP-h.js";const f=`# Skip link An accessibility component. It is a link that allows users to skip to the main content of a page. This is useful for users of screen readers, who can skip over the navigation and other elements that are repeated on every page. `,h=({focus:p,visibility:s,visibleOnFocus:m,...l})=>u.jsx(d,{className:k({"utrecht-skip-link--focus":p,"utrecht-skip-link--visible-on-focus":m,"utrecht-skip-link--hidden":s==="hidden","utrecht-skip-link--visible":s==="visible"}),...l}),O={title:"CSS Component/Skip link",id:"css-skip-link",component:h,argTypes:{},args:{},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=2217-10122&t=iKkbTeLsUISfA7KG-0"},docs:{description:{component:f}}}},e={args:{href:"#main",focus:!0,children:"Skip to main content",visibility:"visible"}},i={args:{href:"#main",focus:!0,children:"Skip to main content",visibleOnFocus:!0},name:"Visible on focus"};var n,t,o;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{ diff --git a/assets/css-utrecht-status-badge.stories-CrIpzdyz.js b/assets/css-utrecht-status-badge.stories-hUGB1TEr.js similarity index 76% rename from assets/css-utrecht-status-badge.stories-CrIpzdyz.js rename to assets/css-utrecht-status-badge.stories-hUGB1TEr.js index 11a4951c..d1c783ec 100644 --- a/assets/css-utrecht-status-badge.stories-CrIpzdyz.js +++ b/assets/css-utrecht-status-badge.stories-hUGB1TEr.js @@ -1,7 +1,7 @@ -import{j as h}from"./index-C5cqLfhp.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const w=`# Status badge +import{j as h}from"./index-G8Tt6w1S.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./jsx-runtime-BlAj40OV.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const w=`# Status badge The status badge component. -`;/* @license CC0-1.0 */const y={title:"CSS Component/Status badge",id:"css-utrecht-status-badge",component:h,argTypes:{children:{description:"Text content",control:"text"},status:{control:{type:"select"},description:"Status",options:["danger","success","warning"]}},args:{status:"neutral",children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1354-6672&t=iKkbTeLsUISfA7KG-0"},docs:{description:{component:w}}}},r={args:{status:"neutral",children:"normaal"}},e={args:{status:"success",children:"success"},name:"Success"},s={args:{status:"warning",children:"warning"},name:"Warning"},a={args:{status:"error",children:"error"},name:"Error"};var t,n,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ +`;/* @license CC0-1.0 */const k={title:"CSS Component/Status badge",id:"css-utrecht-status-badge",component:h,argTypes:{children:{description:"Text content",control:"text"},status:{control:{type:"select"},description:"Status",options:["danger","success","warning"]}},args:{status:"neutral",children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1354-6672&t=iKkbTeLsUISfA7KG-0"},docs:{description:{component:w}}}},r={args:{status:"neutral",children:"normaal"}},e={args:{status:"success",children:"success"},name:"Success"},s={args:{status:"warning",children:"warning"},name:"Warning"},a={args:{status:"error",children:"error"},name:"Error"};var t,n,o;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ args: { status: 'neutral', children: 'normaal' @@ -24,4 +24,4 @@ The status badge component. children: 'error' }, name: 'Error' -}`,...(S=(l=a.parameters)==null?void 0:l.docs)==null?void 0:S.source}}};const D=["Default","Success","Warning","Error"];export{r as Default,a as Error,e as Success,s as Warning,D as __namedExportsOrder,y as default}; +}`,...(S=(l=a.parameters)==null?void 0:l.docs)==null?void 0:S.source}}};const y=["Default","Success","Warning","Error"];export{r as Default,a as Error,e as Success,s as Warning,y as __namedExportsOrder,k as default}; diff --git a/assets/css-utrecht-table.stories-DpoILt8H.js b/assets/css-utrecht-table.stories-CU-XWNqt.js similarity index 89% rename from assets/css-utrecht-table.stories-DpoILt8H.js rename to assets/css-utrecht-table.stories-CU-XWNqt.js index 1704e51a..6d1214a1 100644 --- a/assets/css-utrecht-table.stories-DpoILt8H.js +++ b/assets/css-utrecht-table.stories-CU-XWNqt.js @@ -1,7 +1,7 @@ -import{j as e}from"./jsx-runtime-BlAj40OV.js";import{T as j,e as h,f as a,g as n,h as r,i as l,j as x}from"./index.esm-Ccu_-M9k.js";import{L as o}from"./index-C5cqLfhp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";import"./slicedToArray-CZk-kZYI.js";const m=`# Table +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{T as j,e as h,f as a,g as n,h as r,i as l,j as x}from"./index.esm-DALnRssO.js";import{L as o}from"./index-G8Tt6w1S.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const m=`# Table The table component. -`,g={title:"CSS Component/Table",id:"css-table",component:j,argTypes:{},args:{},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1561-6448&t=31Z0WojGdXpyWRau-0"},docs:{description:{component:m}}}},s={args:{children:[e.jsx(h,{children:e.jsxs(a,{children:[e.jsx(n,{scope:"col",children:"Column 1"}),e.jsx(n,{scope:"col",children:"Column 2"}),e.jsx(n,{scope:"col",children:"Column 3"}),e.jsx(n,{scope:"col",children:"Column 4"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(x,{children:e.jsxs(a,{children:[e.jsx(l,{children:"Footer data"}),e.jsx(l,{children:"Footer data"}),e.jsx(l,{children:"Footer data"}),e.jsx(l,{children:"Footer data"})]})})]}},d={args:{children:[e.jsx(h,{children:e.jsxs(a,{children:[e.jsx(n,{scope:"col",children:"Column 1"}),e.jsx(n,{scope:"col",children:"Column 2"}),e.jsx(n,{scope:"col",children:"Column 3"}),e.jsx(n,{scope:"col",children:"Column 4"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})})]}};var c,b,T;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{ +`,f={title:"CSS Component/Table",id:"css-table",component:j,argTypes:{},args:{},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=1561-6448&t=31Z0WojGdXpyWRau-0"},docs:{description:{component:m}}}},s={args:{children:[e.jsx(h,{children:e.jsxs(a,{children:[e.jsx(n,{scope:"col",children:"Column 1"}),e.jsx(n,{scope:"col",children:"Column 2"}),e.jsx(n,{scope:"col",children:"Column 3"}),e.jsx(n,{scope:"col",children:"Column 4"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(x,{children:e.jsxs(a,{children:[e.jsx(l,{children:"Footer data"}),e.jsx(l,{children:"Footer data"}),e.jsx(l,{children:"Footer data"}),e.jsx(l,{children:"Footer data"})]})})]}},d={args:{children:[e.jsx(h,{children:e.jsxs(a,{children:[e.jsx(n,{scope:"col",children:"Column 1"}),e.jsx(n,{scope:"col",children:"Column 2"}),e.jsx(n,{scope:"col",children:"Column 3"}),e.jsx(n,{scope:"col",children:"Column 4"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})}),e.jsx(r,{children:e.jsxs(a,{children:[e.jsx(l,{children:e.jsx(o,{href:"#",children:"Link"})}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"}),e.jsx(l,{children:"Data"})]})})]}};var c,b,T;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{ args: { children: [ @@ -73,4 +73,4 @@ The table component. ] } -}`,...(C=(t=d.parameters)==null?void 0:t.docs)==null?void 0:C.source}}};const y=["Default","TableWithLinks"];export{s as Default,d as TableWithLinks,y as __namedExportsOrder,g as default}; +}`,...(C=(t=d.parameters)==null?void 0:t.docs)==null?void 0:C.source}}};const g=["Default","TableWithLinks"];export{s as Default,d as TableWithLinks,g as __namedExportsOrder,f as default}; diff --git a/assets/css-utrecht-unordered-list.stories-DEU_H7pK.js b/assets/css-utrecht-unordered-list.stories-D_O4tTCp.js similarity index 70% rename from assets/css-utrecht-unordered-list.stories-DEU_H7pK.js rename to assets/css-utrecht-unordered-list.stories-D_O4tTCp.js index 25cc61ce..3c277dbc 100644 --- a/assets/css-utrecht-unordered-list.stories-DEU_H7pK.js +++ b/assets/css-utrecht-unordered-list.stories-D_O4tTCp.js @@ -1,7 +1,7 @@ -import{j as n}from"./jsx-runtime-BlAj40OV.js";import{U as s,k as r}from"./index-C5cqLfhp.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./slicedToArray-CZk-kZYI.js";import"./clsx-BspRNC6E.js";import"./objectDestructuringEmpty-B6xfWM80.js";import"./extends-CF3RwP-h.js";const d=`# Unordered List +import{j as n}from"./jsx-runtime-BlAj40OV.js";import{U as s,k as r}from"./index-G8Tt6w1S.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./objectDestructuringEmpty-kEsbOJzC.js";import"./clsx-B-dksMZM.js";import"./extends-CF3RwP-h.js";const d=`# Unordered List This is an unordered list. -`,w={title:"CSS Component/Unordered List",id:"css-utrecht-unordered-list",component:s,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=828%3A920&t=Y2YZ0H2902enM7la-1"},docs:{description:{component:d}}}},e={name:"Unordered list",args:{children:[n.jsx(r,{children:"In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s)"}),n.jsx(r,{children:"In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s)"}),n.jsx(r,{children:"In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s)"})]}};var t,a,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ +`,k={title:"CSS Component/Unordered List",id:"css-utrecht-unordered-list",component:s,argTypes:{children:{name:"Content",type:{name:"string",required:!0},defaultValue:""}},args:{children:""},tags:["autodocs"],parameters:{design:{type:"figma",url:"https://www.figma.com/design/ck81CE8SNzePi30jCEu7MK/NLDS---Gemeente-Tilburg---Bibliotheek?node-id=828%3A920&t=Y2YZ0H2902enM7la-1"},docs:{description:{component:d}}}},e={name:"Unordered list",args:{children:[n.jsx(r,{children:"In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s)"}),n.jsx(r,{children:"In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s)"}),n.jsx(r,{children:"In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s)"})]}};var a,t,i;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ name: 'Unordered list', args: { children: [ @@ -12,4 +12,4 @@ This is an unordered list. In deze app staan niet de dagen waarop wij de wijkcontainers legen, alleen de huiscontainers (kliko’s) ] } -}`,...(i=(a=e.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};const j=["Default"];export{e as Default,j as __namedExportsOrder,w as default}; +}`,...(i=(t=e.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const w=["Default"];export{e as Default,w as __namedExportsOrder,k as default}; diff --git a/assets/iframe-D5ssxWLY.js b/assets/iframe-D5ssxWLY.js new file mode 100644 index 00000000..8c367693 --- /dev/null +++ b/assets/iframe-D5ssxWLY.js @@ -0,0 +1,2 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./css-ams-pagination.stories-DP1AzFJf.js","./jsx-runtime-BlAj40OV.js","./index-Cs7sjTYM.js","./_commonjsHelpers-BosuxZz1.js","./clsx-B-dksMZM.js","./css-ams-pagination-B1THh0zP.css","./css-breadcrumb-nav.stories-BSLmiT7c.js","./index-G8Tt6w1S.js","./objectDestructuringEmpty-kEsbOJzC.js","./extends-CF3RwP-h.js","./css-counter-badge.stories-DgWRPbbZ.js","./css-utrecht-accordion.stories-DJJoUjnh.js","./css-utrecht-button.stories-CRf4vBhM.js","./css-utrecht-data-list.stories-a0SHXrVY.js","./index.esm-DALnRssO.js","./css-utrecht-form-field.stories-CH2_y9aX.js","./css-utrecht-heading.stories-D1BteIfT.js","./css-utrecht-link.stories-preF43kn.js","./css-utrecht-ordered-list.stories-dA4HjmIM.js","./css-utrecht-paragraph.stories-B9CO2dIM.js","./css-utrecht-skip-link.stories-DX3KBZoq.js","./css-utrecht-status-badge.stories-hUGB1TEr.js","./css-utrecht-table.stories-CU-XWNqt.js","./css-utrecht-unordered-list.stories-D_O4tTCp.js","./introduction-CcNC5Xs0.js","./index-BI1Biiay.js","./chunk-HLWAVYOI-Pxl4ZBOf.js","./react-18-D9dwDG6f.js","./index-DSgSp0X8.js","./license-CGgmIf7J.js","./notice-DyCQoZsF.js","./entry-preview-D0UJ6Vh3.js","./entry-preview-docs-DzJt4V2x.js","./preview-LrJkIPFx.js","./preview-DstPTpnu.css"])))=>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 e of document.querySelectorAll('link[rel="modulepreload"]'))a(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const s of r.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&a(s)}).observe(document,{childList:!0,subtree:!0});function c(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function a(e){if(e.ep)return;e.ep=!0;const r=c(e);fetch(e.href,r)}})();const R="modulepreload",f=function(o,i){return new URL(o,i).href},p={},t=function(i,c,a){let e=Promise.resolve();if(c&&c.length>0){const r=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),E=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));e=Promise.all(c.map(_=>{if(_=f(_,a),_ in p)return;p[_]=!0;const u=_.endsWith(".css"),O=u?'[rel="stylesheet"]':"";if(!!a)for(let m=r.length-1;m>=0;m--){const l=r[m];if(l.href===_&&(!u||l.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${O}`))return;const n=document.createElement("link");if(n.rel=u?"stylesheet":R,u||(n.as="script",n.crossOrigin=""),n.href=_,E&&n.setAttribute("nonce",E),document.head.appendChild(n),u)return new Promise((m,l)=>{n.addEventListener("load",m),n.addEventListener("error",()=>l(new Error(`Unable to preload CSS for ${_}`)))})}))}return e.then(()=>i()).catch(r=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=r,window.dispatchEvent(s),!s.defaultPrevented)throw r})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:L}=__STORYBOOK_MODULE_PREVIEW_API__,d=T({page:"preview"});L.setChannel(d);window.__STORYBOOK_ADDONS_CHANNEL__=d;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=d);const P={"./src/css-ams-pagination.stories.tsx":async()=>t(()=>import("./css-ams-pagination.stories-DP1AzFJf.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url),"./src/css-breadcrumb-nav.stories.tsx":async()=>t(()=>import("./css-breadcrumb-nav.stories-BSLmiT7c.js"),__vite__mapDeps([6,1,2,3,7,8,4,9]),import.meta.url),"./src/css-counter-badge.stories.tsx":async()=>t(()=>import("./css-counter-badge.stories-DgWRPbbZ.js"),__vite__mapDeps([10,7,8,2,3,1,4,9]),import.meta.url),"./src/css-utrecht-accordion.stories.tsx":async()=>t(()=>import("./css-utrecht-accordion.stories-DJJoUjnh.js"),__vite__mapDeps([11,1,2,3,7,8,4,9]),import.meta.url),"./src/css-utrecht-button.stories.tsx":async()=>t(()=>import("./css-utrecht-button.stories-CRf4vBhM.js"),__vite__mapDeps([12,7,8,2,3,1,4,9]),import.meta.url),"./src/css-utrecht-data-list.stories.tsx":async()=>t(()=>import("./css-utrecht-data-list.stories-a0SHXrVY.js"),__vite__mapDeps([13,1,2,3,14,8,4,9]),import.meta.url),"./src/css-utrecht-form-field.stories.tsx":async()=>t(()=>import("./css-utrecht-form-field.stories-CH2_y9aX.js"),__vite__mapDeps([15,1,2,3,7,8,4,9]),import.meta.url),"./src/css-utrecht-heading.stories.tsx":async()=>t(()=>import("./css-utrecht-heading.stories-D1BteIfT.js"),__vite__mapDeps([16,7,8,2,3,1,4,9]),import.meta.url),"./src/css-utrecht-link.stories.tsx":async()=>t(()=>import("./css-utrecht-link.stories-preF43kn.js"),__vite__mapDeps([17,1,2,3,7,8,4,9]),import.meta.url),"./src/css-utrecht-ordered-list.stories.tsx":async()=>t(()=>import("./css-utrecht-ordered-list.stories-dA4HjmIM.js"),__vite__mapDeps([18,1,2,3,7,8,4,9]),import.meta.url),"./src/css-utrecht-paragraph.stories.tsx":async()=>t(()=>import("./css-utrecht-paragraph.stories-B9CO2dIM.js"),__vite__mapDeps([19,7,8,2,3,1,4,9]),import.meta.url),"./src/css-utrecht-skip-link.stories.tsx":async()=>t(()=>import("./css-utrecht-skip-link.stories-DX3KBZoq.js"),__vite__mapDeps([20,1,2,3,14,8,4,9]),import.meta.url),"./src/css-utrecht-status-badge.stories.tsx":async()=>t(()=>import("./css-utrecht-status-badge.stories-hUGB1TEr.js"),__vite__mapDeps([21,7,8,2,3,1,4,9]),import.meta.url),"./src/css-utrecht-table.stories.tsx":async()=>t(()=>import("./css-utrecht-table.stories-CU-XWNqt.js"),__vite__mapDeps([22,1,2,3,14,8,4,9,7]),import.meta.url),"./src/css-utrecht-unordered-list.stories.tsx":async()=>t(()=>import("./css-utrecht-unordered-list.stories-D_O4tTCp.js"),__vite__mapDeps([23,1,2,3,7,8,4,9]),import.meta.url),"./src/documentation/introduction.mdx":async()=>t(()=>import("./introduction-CcNC5Xs0.js"),__vite__mapDeps([24,1,2,3,25,26,27,9,28]),import.meta.url),"./src/documentation/license.mdx":async()=>t(()=>import("./license-CGgmIf7J.js"),__vite__mapDeps([29,1,2,3,25,26,27,9,28]),import.meta.url),"./src/documentation/notice.mdx":async()=>t(()=>import("./notice-DyCQoZsF.js"),__vite__mapDeps([30,1,2,3,25,26,27,9,28]),import.meta.url)};async function y(o){return P[o]()}const{composeConfigs:h,PreviewWeb:v,ClientApi:D}=__STORYBOOK_MODULE_PREVIEW_API__,I=async(o=[])=>{const i=await Promise.all([o.at(0)??t(()=>import("./entry-preview-D0UJ6Vh3.js"),__vite__mapDeps([31,2,3,27]),import.meta.url),o.at(1)??t(()=>import("./entry-preview-docs-DzJt4V2x.js"),__vite__mapDeps([32,28,3,2]),import.meta.url),o.at(2)??t(()=>import("./preview-BvEyddgK.js"),[],import.meta.url),o.at(3)??t(()=>import("./preview-gw1b0d5Y.js"),[],import.meta.url),o.at(4)??t(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),o.at(5)??t(()=>import("./preview-LrJkIPFx.js").then(c=>c.p),__vite__mapDeps([33,1,2,3,26,27,9,28,7,8,4,34]),import.meta.url)]);return h(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new v(y,I);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/iframe-FbXY6UUT.js b/assets/iframe-FbXY6UUT.js deleted file mode 100644 index df5f5406..00000000 --- a/assets/iframe-FbXY6UUT.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./css-ams-pagination.stories-B7lKyXas.js","./clsx-BspRNC6E.js","./slicedToArray-CZk-kZYI.js","./jsx-runtime-BlAj40OV.js","./index-Cs7sjTYM.js","./_commonjsHelpers-BosuxZz1.js","./css-ams-pagination-B1THh0zP.css","./css-breadcrumb-nav.stories-BQRoHBr2.js","./index-C5cqLfhp.js","./objectDestructuringEmpty-B6xfWM80.js","./extends-CF3RwP-h.js","./css-counter-badge.stories-xSylUTnC.js","./css-utrecht-accordion.stories-BxWSLOnp.js","./css-utrecht-button.stories-FUMHfw7d.js","./css-utrecht-data-list.stories-BvximUrk.js","./index.esm-Ccu_-M9k.js","./css-utrecht-form-field.stories-CyhNdvxP.js","./css-utrecht-heading.stories-qQtZ-tGa.js","./css-utrecht-link.stories-X_w29_T-.js","./css-utrecht-ordered-list.stories-BsnNzI3f.js","./css-utrecht-paragraph.stories-Drd_dDKu.js","./css-utrecht-skip-link.stories-CS8_uYJJ.js","./css-utrecht-status-badge.stories-CrIpzdyz.js","./css-utrecht-table.stories-DpoILt8H.js","./css-utrecht-unordered-list.stories-DEU_H7pK.js","./introduction-AI892bA0.js","./index-BI1Biiay.js","./chunk-HLWAVYOI-Bqru1wn9.js","./react-18-D9dwDG6f.js","./index-DSgSp0X8.js","./license-CUXPDAfo.js","./notice-CS5x1wGq.js","./entry-preview-D0UJ6Vh3.js","./entry-preview-docs-DzJt4V2x.js","./preview-B7prcy4G.js","./preview-DstPTpnu.css"])))=>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 e of document.querySelectorAll('link[rel="modulepreload"]'))a(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const s of r.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&a(s)}).observe(document,{childList:!0,subtree:!0});function c(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function a(e){if(e.ep)return;e.ep=!0;const r=c(e);fetch(e.href,r)}})();const R="modulepreload",f=function(o,i){return new URL(o,i).href},p={},t=function(i,c,a){let e=Promise.resolve();if(c&&c.length>0){const r=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),E=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));e=Promise.all(c.map(_=>{if(_=f(_,a),_ in p)return;p[_]=!0;const u=_.endsWith(".css"),O=u?'[rel="stylesheet"]':"";if(!!a)for(let m=r.length-1;m>=0;m--){const l=r[m];if(l.href===_&&(!u||l.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${_}"]${O}`))return;const n=document.createElement("link");if(n.rel=u?"stylesheet":R,u||(n.as="script",n.crossOrigin=""),n.href=_,E&&n.setAttribute("nonce",E),document.head.appendChild(n),u)return new Promise((m,l)=>{n.addEventListener("load",m),n.addEventListener("error",()=>l(new Error(`Unable to preload CSS for ${_}`)))})}))}return e.then(()=>i()).catch(r=>{const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=r,window.dispatchEvent(s),!s.defaultPrevented)throw r})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:L}=__STORYBOOK_MODULE_PREVIEW_API__,d=T({page:"preview"});L.setChannel(d);window.__STORYBOOK_ADDONS_CHANNEL__=d;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=d);const P={"./src/css-ams-pagination.stories.tsx":async()=>t(()=>import("./css-ams-pagination.stories-B7lKyXas.js"),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url),"./src/css-breadcrumb-nav.stories.tsx":async()=>t(()=>import("./css-breadcrumb-nav.stories-BQRoHBr2.js"),__vite__mapDeps([7,3,4,5,8,2,1,9,10]),import.meta.url),"./src/css-counter-badge.stories.tsx":async()=>t(()=>import("./css-counter-badge.stories-xSylUTnC.js"),__vite__mapDeps([11,8,2,1,4,5,3,9,10]),import.meta.url),"./src/css-utrecht-accordion.stories.tsx":async()=>t(()=>import("./css-utrecht-accordion.stories-BxWSLOnp.js"),__vite__mapDeps([12,3,4,5,8,2,1,9,10]),import.meta.url),"./src/css-utrecht-button.stories.tsx":async()=>t(()=>import("./css-utrecht-button.stories-FUMHfw7d.js"),__vite__mapDeps([13,8,2,1,4,5,3,9,10]),import.meta.url),"./src/css-utrecht-data-list.stories.tsx":async()=>t(()=>import("./css-utrecht-data-list.stories-BvximUrk.js"),__vite__mapDeps([14,3,4,5,15,1,9,10]),import.meta.url),"./src/css-utrecht-form-field.stories.tsx":async()=>t(()=>import("./css-utrecht-form-field.stories-CyhNdvxP.js"),__vite__mapDeps([16,3,4,5,8,2,1,9,10]),import.meta.url),"./src/css-utrecht-heading.stories.tsx":async()=>t(()=>import("./css-utrecht-heading.stories-qQtZ-tGa.js"),__vite__mapDeps([17,8,2,1,4,5,3,9,10]),import.meta.url),"./src/css-utrecht-link.stories.tsx":async()=>t(()=>import("./css-utrecht-link.stories-X_w29_T-.js"),__vite__mapDeps([18,3,4,5,8,2,1,9,10]),import.meta.url),"./src/css-utrecht-ordered-list.stories.tsx":async()=>t(()=>import("./css-utrecht-ordered-list.stories-BsnNzI3f.js"),__vite__mapDeps([19,3,4,5,8,2,1,9,10]),import.meta.url),"./src/css-utrecht-paragraph.stories.tsx":async()=>t(()=>import("./css-utrecht-paragraph.stories-Drd_dDKu.js"),__vite__mapDeps([20,8,2,1,4,5,3,9,10]),import.meta.url),"./src/css-utrecht-skip-link.stories.tsx":async()=>t(()=>import("./css-utrecht-skip-link.stories-CS8_uYJJ.js"),__vite__mapDeps([21,3,4,5,15,1,9,10]),import.meta.url),"./src/css-utrecht-status-badge.stories.tsx":async()=>t(()=>import("./css-utrecht-status-badge.stories-CrIpzdyz.js"),__vite__mapDeps([22,8,2,1,4,5,3,9,10]),import.meta.url),"./src/css-utrecht-table.stories.tsx":async()=>t(()=>import("./css-utrecht-table.stories-DpoILt8H.js"),__vite__mapDeps([23,3,4,5,15,1,9,10,8,2]),import.meta.url),"./src/css-utrecht-unordered-list.stories.tsx":async()=>t(()=>import("./css-utrecht-unordered-list.stories-DEU_H7pK.js"),__vite__mapDeps([24,3,4,5,8,2,1,9,10]),import.meta.url),"./src/documentation/introduction.mdx":async()=>t(()=>import("./introduction-AI892bA0.js"),__vite__mapDeps([25,3,4,5,26,27,28,10,29]),import.meta.url),"./src/documentation/license.mdx":async()=>t(()=>import("./license-CUXPDAfo.js"),__vite__mapDeps([30,3,4,5,26,27,28,10,29]),import.meta.url),"./src/documentation/notice.mdx":async()=>t(()=>import("./notice-CS5x1wGq.js"),__vite__mapDeps([31,3,4,5,26,27,28,10,29]),import.meta.url)};async function y(o){return P[o]()}const{composeConfigs:h,PreviewWeb:v,ClientApi:D}=__STORYBOOK_MODULE_PREVIEW_API__,I=async(o=[])=>{const i=await Promise.all([o.at(0)??t(()=>import("./entry-preview-D0UJ6Vh3.js"),__vite__mapDeps([32,4,5,28]),import.meta.url),o.at(1)??t(()=>import("./entry-preview-docs-DzJt4V2x.js"),__vite__mapDeps([33,29,5,4]),import.meta.url),o.at(2)??t(()=>import("./preview-ThApo9I9.js"),[],import.meta.url),o.at(3)??t(()=>import("./preview-fOiQaISh.js"),[],import.meta.url),o.at(4)??t(()=>import("./preview-BnWGZYux.js"),[],import.meta.url),o.at(5)??t(()=>import("./preview-B7prcy4G.js").then(c=>c.p),__vite__mapDeps([34,3,4,5,27,28,10,29,8,2,1,9,35]),import.meta.url)]);return h(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new v(y,I);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-CYO710Yz.js b/assets/index-Bvryo_uQ.js similarity index 96% rename from assets/index-CYO710Yz.js rename to assets/index-Bvryo_uQ.js index 2104205d..94206da6 100644 --- a/assets/index-CYO710Yz.js +++ b/assets/index-Bvryo_uQ.js @@ -1 +1 @@ -import{s as m,i as l,S as c,a as T,A as b,u as S,F as d,Z as B,w as L,b as C,y as H,H as u,T as g,J as y,N as I,c as h,x as k,C as P,E as W,e as A,R as F,f,g as x,h as R,X as v,B as D,k as E,j as M,q as N,l as q,m as w,n as O,L as U,o as Z,I as j,p as z,z as G,v as J,_ as K,r as Q,M as V,t as X,G as Y,K as _,O as $,$ as aa,P as sa,Q as oa,U as ta,V as ea,W as ra,Y as pa,a0 as na,a1 as ia,a2 as ma,a3 as la,a4 as ca,a5 as Ta,a6 as ba,a7 as Sa,a8 as da,a9 as Ba,aa as La,ab as Ca,ac as Ha,ad as ua,ae as ga,af as ya}from"./chunk-HLWAVYOI-Bqru1wn9.js";import"./iframe-FbXY6UUT.js";import"../sb-preview/runtime.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";export{m as A,l as ActionBar,c as AddonPanel,T as Badge,b as Bar,S as Blockquote,d as Button,B as ClipboardCode,L as Code,C as DL,H as Div,u as DocumentWrapper,g as EmptyTabContent,y as ErrorFormatter,I as FlexBar,h as Form,k as H1,P as H2,W as H3,A as H4,F as H5,f as H6,x as HR,R as IconButton,v as IconButtonSkeleton,D as Icons,E as Img,M as LI,N as Link,q as ListItem,w as Loader,O as Modal,U as OL,Z as P,j as Placeholder,z as Pre,G as ResetWrapper,J as ScrollArea,K as Separator,Q as Spaced,V as Span,X as StorybookIcon,Y as StorybookLogo,_ as Symbols,$ as SyntaxHighlighter,aa as TT,sa as TabBar,oa as TabButton,ta as TabWrapper,ea as Table,ra as Tabs,pa as TabsState,na as TooltipLinkList,ia as TooltipMessage,ma as TooltipNote,la as UL,ca as WithTooltip,Ta as WithTooltipPure,ba as Zoom,Sa as codeCommon,da as components,Ba as createCopyToClipboardFunction,La as getStoryHref,Ca as icons,Ha as interleaveSeparators,ua as nameSpaceClassNames,ga as resetComponents,ya as withReset}; +import{s as m,i as l,S as c,a as T,A as b,u as S,F as d,Z as B,w as L,b as C,y as H,H as u,T as g,J as y,N as I,c as h,x as k,C as P,E as W,e as A,R as F,f,g as x,h as R,X as v,B as D,k as E,j as M,q as N,l as q,m as w,n as O,L as U,o as Z,I as j,p as z,z as G,v as J,_ as K,r as Q,M as V,t as X,G as Y,K as _,O as $,$ as aa,P as sa,Q as oa,U as ta,V as ea,W as ra,Y as pa,a0 as na,a1 as ia,a2 as ma,a3 as la,a4 as ca,a5 as Ta,a6 as ba,a7 as Sa,a8 as da,a9 as Ba,aa as La,ab as Ca,ac as Ha,ad as ua,ae as ga,af as ya}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import"./iframe-D5ssxWLY.js";import"../sb-preview/runtime.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";export{m as A,l as ActionBar,c as AddonPanel,T as Badge,b as Bar,S as Blockquote,d as Button,B as ClipboardCode,L as Code,C as DL,H as Div,u as DocumentWrapper,g as EmptyTabContent,y as ErrorFormatter,I as FlexBar,h as Form,k as H1,P as H2,W as H3,A as H4,F as H5,f as H6,x as HR,R as IconButton,v as IconButtonSkeleton,D as Icons,E as Img,M as LI,N as Link,q as ListItem,w as Loader,O as Modal,U as OL,Z as P,j as Placeholder,z as Pre,G as ResetWrapper,J as ScrollArea,K as Separator,Q as Spaced,V as Span,X as StorybookIcon,Y as StorybookLogo,_ as Symbols,$ as SyntaxHighlighter,aa as TT,sa as TabBar,oa as TabButton,ta as TabWrapper,ea as Table,ra as Tabs,pa as TabsState,na as TooltipLinkList,ia as TooltipMessage,ma as TooltipNote,la as UL,ca as WithTooltip,Ta as WithTooltipPure,ba as Zoom,Sa as codeCommon,da as components,Ba as createCopyToClipboardFunction,La as getStoryHref,Ca as icons,Ha as interleaveSeparators,ua as nameSpaceClassNames,ga as resetComponents,ya as withReset}; diff --git a/assets/index-C5cqLfhp.js b/assets/index-G8Tt6w1S.js similarity index 86% rename from assets/index-C5cqLfhp.js rename to assets/index-G8Tt6w1S.js index daa708c5..8bc7d109 100644 --- a/assets/index-C5cqLfhp.js +++ b/assets/index-G8Tt6w1S.js @@ -1,10 +1,11 @@ -import{_ as ut}from"./slicedToArray-CZk-kZYI.js";import{_ as d,c as l,a as b}from"./clsx-BspRNC6E.js";import{r as i}from"./index-Cs7sjTYM.js";import{j as a}from"./jsx-runtime-BlAj40OV.js";import{_ as fc}from"./objectDestructuringEmpty-B6xfWM80.js";import{_ as kc}from"./extends-CF3RwP-h.js";function s(t,c){c===void 0&&(c={});var r=c.insertAt;if(!(!t||typeof document>"u")){var e=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",r==="top"&&e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}var xc=`.utrecht-accordion{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-accordion-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-accordion-margin-block-start, 0))}.utrecht-accordion__section{break-inside:avoid;margin-block-end:var(--utrecht-accordion-section-margin-block-end);margin-block-start:var(--utrecht-accordion-section-margin-block-start)}.utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-min-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-padding-inline-start:var(--utrecht-accordion-button-padding-inline-start);--utrecht-button-subtle-padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);--utrecht-button-subtle-padding-block-start:var(--utrecht-accordion-button-padding-block-start);--utrecht-button-subtle-padding-block-end:var(--utrecht-accordion-button-padding-block-end);--utrecht-button-subtle-color:var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-hover-color:var(--utrecht-accordion-button-hover-color);--utrecht-button-subtle-active-background-color:var(--utrecht-accordion-button-active-background-color);--utrecht-button-subtle-active-border-color:var(--utrecht-accordion-button-active-border-color);--utrecht-button-subtle-active-color:var(--utrecht-accordion-button-active-color);--utrecht-button-subtle-focus-background-color:var(--utrecht-accordion-button-focus-background-color);--utrecht-button-subtle-focus-border-color:var(--utrecht-accordion-button-focus-border-color);--utrecht-button-subtle-focus-color:var(--utrecht-accordion-button-focus-color);--utrecht-button-subtle-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);--utrecht-button-icon-gap:var(--utrecht-accordion-button-gap,var(--utrecht-space-text-xs));align-items:baseline;justify-content:start!important;position:relative;text-align:start}.utrecht-accordion__button--utrecht[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-utrecht-background-color);background-position:50%;background-repeat:no-repeat;block-size:var(--utrecht-accordion-button-icon-size);content:"";inline-size:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute}.utrecht-accordion__button--utrecht[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-utrecht-arrow-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m15.866 4.135-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E"))}.utrecht-accordion__button--utrecht[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-utrecht-arrow-up,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m5.223 9.457 5.32-5.322 5.322 5.322'/%3E%3C/svg%3E"));background-position:50%;background-repeat:no-repeat;content:""}.utrecht-accordion__button-icon{display:flex}.utrecht-accordion__button[aria-expanded=true] .utrecht-accordion__button-icon{transform:rotate(180deg)}.utrecht-accordion__panel{border-block-start:none;border-color:var(--utrecht-accordion-panel-border-color);border-style:solid;border-width:var(--utrecht-accordion-panel-border-width);padding-block-end:var(--utrecht-accordion-panel-padding-block-end);padding-block-start:var(--utrecht-accordion-panel-padding-block-start);padding-inline-end:var(--utrecht-accordion-panel-padding-inline-end);padding-inline-start:var(--utrecht-accordion-panel-padding-inline-start)}.utrecht-accordion__header{--utrecht-space-around:0}`;s(xc);var yc=["appearance","busy","disabled","children","className","hint","pressed","type"];function ht(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function lt(t){for(var c=1;c=1?c[0]:void 0},Pc=function(c){return c.length>=1?c[c.length-1]:void 0},zc=function(c,r){var e=r?c.indexOf(r):-1;return e>=0&&e+1<=c.length-1?c[e+1]:void 0},Nc=function(c,r){var e=r?c.indexOf(r):-1;return e>=0&&e-1<=c.length-1?c[e-1]:void 0},nc=i.forwardRef(function(t,c){var r=t.id,e=t.label,o=t.className,n=t.headingLevel,u=n===void 0?1:n,h=t.expanded,v=h===void 0?!1:h,g=t.disabled,m=t.section,p=t.children,f=t.buttonRef,C=t.onActivate,k=t.onButtonBlur,_=t.onButtonFocus,j=t.icon,$=t.appearance,S=d(t,wc),z={className:l("utrecht-accordion__panel",{"utrecht-accordion__panel--expanded":v}),hidden:!v,"aria-hidden":!v},N=j||(j===null?null:a.jsx(Oc,{}));$==="utrecht"&&(N=null);var q="utrecht-accordion",E=r||i.useId(),H="".concat(q).concat(E,"-button"),O="".concat(q).concat(E,"-panel");return a.jsxs("div",w(w({className:l("utrecht-accordion__section",o),id:r,ref:c},S),{},{children:[a.jsx(W,{level:u,className:l("utrecht-accordion__header"),children:a.jsxs(rt,{className:l("utrecht-accordion__button",b({},"utrecht-accordion__button--utrecht",$==="utrecht")),appearance:"subtle-button","aria-expanded":v===!0,"aria-controls":O,disabled:g,id:H,onClick:function(){return typeof C=="function"&&C(c)},onFocus:function(){return typeof _=="function"&&_(c)},onBlur:function(){return typeof k=="function"&&k(c)},ref:f,children:[N&&a.jsx("span",{className:"utrecht-accordion__button-icon",children:N}),a.jsx("span",{className:"utrecht-accordion__button-label",children:e})]})}),m?a.jsx("section",w(w({id:O,"aria-labelledby":H},z),{},{children:p})):a.jsx("div",w(w({id:O},z),{},{children:p}))]}))});nc.displayName="AccordionSection";var ic=i.forwardRef(function(t,c){var r=t.children,e=t.group,o=t.headingLevel,n=t.heading,u=d(t,_c),h=i.useId();return a.jsxs(a.Fragment,{children:[!!n&&typeof o=="number"&&a.jsx(W,{level:o,children:n}),a.jsx("div",w(w({className:l("utrecht-accordion"),role:e?"group":void 0,"aria-labelledby":e?h:void 0},u),{},{ref:c,children:r}))]})});ic.displayName="Accordion";var Lc=function(c,r){var e=c.map(function(n){return i.useRef(null)}),o=c.map(function(n){return i.useRef(null)});return{ref:r,refs:e,buttonRefs:o,activeElement:null,sections:c,focusNextSection:function(u){var h,v=e.indexOf(u),g=v>=0?o[v]:void 0,m=g?zc(o,g):void 0;m==null||(h=m.current)===null||h===void 0||h.focus()},focusFirstSection:function(){var u,h=jc(o);h==null||(u=h.current)===null||u===void 0||u.focus()},focusPreviousSection:function(u){var h,v=e.indexOf(u),g=v>=0?o[v]:void 0,m=g?Nc(o,g):void 0;m==null||(h=m.current)===null||h===void 0||h.focus()},focusLastSection:function(){var u,h=Pc(o);h==null||(u=h.current)===null||u===void 0||u.focus()}}},Dc=function(c){var r=c.sections,e=c.icon,o=c.appearance,n=i.useRef(null),u=Lc(r,n),h=u.refs,v=u.buttonRefs,g=u.focusNextSection,m=u.focusFirstSection,p=u.focusLastSection,f=u.focusPreviousSection,C=i.useState(null),k=ut(C,2),_=k[0],j=k[1],$=i.useState(r),S=ut($,2),z=S[0],N=S[1],q=function(x){j(x)},E=function(x){j(null)},H=function(x){if(x.code==="End")p();else if(x.code==="Home")m();else if(x.code==="ArrowDown")_&&g(_);else if(x.code==="ArrowUp")_&&f(_);else return;x.preventDefault()};return a.jsx(ic,{onKeyDown:H,ref:n,children:z.map(function(O,x){var X=function(J){var Q=h.indexOf(J);N(z.map(function(V,Y){return Y===Q?w(w({},V),{},{expanded:!V.expanded}):V}))};return i.createElement(nc,w(w({},O),{},{icon:e,appearance:o,ref:h[x],buttonRef:v[x],key:x,onButtonFocus:q,onButtonBlur:E,onActivate:X}),O.body)})})};Dc.displayName="AccordionProvider";var $c='.utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius,0);border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:"icon message";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}';s($c);var Sc=["children","className","icon","type"];function vt(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function gt(t){for(var c=1;ct.length)&&(c=t.length);for(var r=0,e=Array(c);r"u")){var e=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",r==="top"&&e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}var Oc=`.utrecht-accordion{margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-accordion-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-accordion-margin-block-start, 0))}.utrecht-accordion__section{break-inside:avoid;margin-block-end:var(--utrecht-accordion-section-margin-block-end);margin-block-start:var(--utrecht-accordion-section-margin-block-start)}.utrecht-accordion__button{--utrecht-button-focus-scale:1;--utrecht-button-hover-scale:1;--utrecht-button-inline-size:100%;--utrecht-button-min-inline-size:100%;--utrecht-button-subtle-background-color:var(--utrecht-accordion-button-background-color);--utrecht-button-subtle-padding-inline-start:var(--utrecht-accordion-button-padding-inline-start);--utrecht-button-subtle-padding-inline-end:var(--utrecht-accordion-button-padding-inline-end);--utrecht-button-subtle-padding-block-start:var(--utrecht-accordion-button-padding-block-start);--utrecht-button-subtle-padding-block-end:var(--utrecht-accordion-button-padding-block-end);--utrecht-button-subtle-color:var(--utrecht-accordion-button-color);--utrecht-button-subtle-hover-background-color:var(--utrecht-accordion-button-hover-background-color);--utrecht-button-subtle-hover-border-color:var(--utrecht-accordion-button-hover-border-color);--utrecht-button-subtle-hover-color:var(--utrecht-accordion-button-hover-color);--utrecht-button-subtle-active-background-color:var(--utrecht-accordion-button-active-background-color);--utrecht-button-subtle-active-border-color:var(--utrecht-accordion-button-active-border-color);--utrecht-button-subtle-active-color:var(--utrecht-accordion-button-active-color);--utrecht-button-subtle-focus-background-color:var(--utrecht-accordion-button-focus-background-color);--utrecht-button-subtle-focus-border-color:var(--utrecht-accordion-button-focus-border-color);--utrecht-button-subtle-focus-color:var(--utrecht-accordion-button-focus-color);--utrecht-button-subtle-border-color:var(--utrecht-accordion-button-border-color);--utrecht-button-subtle-border-width:var(--utrecht-accordion-button-border-width);--utrecht-button-icon-gap:var(--utrecht-accordion-button-gap,var(--utrecht-space-text-xs));align-items:baseline;justify-content:start!important;position:relative;text-align:start}.utrecht-accordion__button--utrecht[aria-expanded]:after{background-color:var(--utrecht-accordion-button-icon-utrecht-background-color);background-position:50%;background-repeat:no-repeat;block-size:var(--utrecht-accordion-button-icon-size);content:"";inline-size:var(--utrecht-accordion-button-icon-size);inset-block-start:0;inset-inline-end:0;position:absolute}.utrecht-accordion__button--utrecht[aria-expanded=false]:after{background-image:var(--utrecht-accordion-icon-utrecht-arrow-down,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m15.866 4.135-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E"))}.utrecht-accordion__button--utrecht[aria-expanded=true]:after{background-image:var(--utrecht-accordion-icon-utrecht-arrow-up,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='m5.223 9.457 5.32-5.322 5.322 5.322'/%3E%3C/svg%3E"));background-position:50%;background-repeat:no-repeat;content:""}.utrecht-accordion__button-icon{display:flex}.utrecht-accordion__button[aria-expanded=true] .utrecht-accordion__button-icon{transform:rotate(180deg)}.utrecht-accordion__panel{border-block-start:none;border-color:var(--utrecht-accordion-panel-border-color);border-style:solid;border-width:var(--utrecht-accordion-panel-border-width);padding-block-end:var(--utrecht-accordion-panel-padding-block-end);padding-block-start:var(--utrecht-accordion-panel-padding-block-start);padding-inline-end:var(--utrecht-accordion-panel-padding-inline-end);padding-inline-start:var(--utrecht-accordion-panel-padding-inline-start)}.utrecht-accordion__header{--utrecht-space-around:0}`;s(Oc);var jc=["appearance","busy","disabled","children","className","hint","pressed","type"];function lt(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function dt(t){for(var c=1;c=1?c[0]:void 0},$c=function(c){return c.length>=1?c[c.length-1]:void 0},Sc=function(c,r){var e=r?c.indexOf(r):-1;return e>=0&&e+1<=c.length-1?c[e+1]:void 0},qc=function(c,r){var e=r?c.indexOf(r):-1;return e>=0&&e-1<=c.length-1?c[e-1]:void 0},ic=i.forwardRef(function(t,c){var r=t.id,e=t.label,o=t.className,n=t.headingLevel,u=n===void 0?1:n,h=t.expanded,v=h===void 0?!1:h,g=t.disabled,m=t.section,p=t.children,f=t.buttonRef,C=t.onActivate,k=t.onButtonBlur,_=t.onButtonFocus,j=t.icon,$=t.appearance,S=d(t,zc),z={className:l("utrecht-accordion__panel",{"utrecht-accordion__panel--expanded":v}),hidden:!v,"aria-hidden":!v},N=j||(j===null?null:a.jsx(Lc,{}));$==="utrecht"&&(N=null);var q="utrecht-accordion",E=r||i.useId(),H="".concat(q).concat(E,"-button"),O="".concat(q).concat(E,"-panel");return a.jsxs("div",w(w({className:l("utrecht-accordion__section",o),id:r,ref:c},S),{},{children:[a.jsx(W,{level:u,className:l("utrecht-accordion__header"),children:a.jsxs(rt,{className:l("utrecht-accordion__button",b({},"utrecht-accordion__button--utrecht",$==="utrecht")),appearance:"subtle-button","aria-expanded":v===!0,"aria-controls":O,disabled:g,id:H,onClick:function(){return typeof C=="function"&&C(c)},onFocus:function(){return typeof _=="function"&&_(c)},onBlur:function(){return typeof k=="function"&&k(c)},ref:f,children:[N&&a.jsx("span",{className:"utrecht-accordion__button-icon",children:N}),a.jsx("span",{className:"utrecht-accordion__button-label",children:e})]})}),m?a.jsx("section",w(w({id:O,"aria-labelledby":H},z),{},{children:p})):a.jsx("div",w(w({id:O},z),{},{children:p}))]}))});ic.displayName="AccordionSection";var uc=i.forwardRef(function(t,c){var r=t.children,e=t.group,o=t.headingLevel,n=t.heading,u=d(t,Nc),h=i.useId();return a.jsxs(a.Fragment,{children:[!!n&&typeof o=="number"&&a.jsx(W,{level:o,children:n}),a.jsx("div",w(w({className:l("utrecht-accordion"),role:e?"group":void 0,"aria-labelledby":e?h:void 0},u),{},{ref:c,children:r}))]})});uc.displayName="Accordion";var Ec=function(c,r){var e=c.map(function(n){return i.useRef(null)}),o=c.map(function(n){return i.useRef(null)});return{ref:r,refs:e,buttonRefs:o,activeElement:null,sections:c,focusNextSection:function(u){var h,v=e.indexOf(u),g=v>=0?o[v]:void 0,m=g?Sc(o,g):void 0;m==null||(h=m.current)===null||h===void 0||h.focus()},focusFirstSection:function(){var u,h=Dc(o);h==null||(u=h.current)===null||u===void 0||u.focus()},focusPreviousSection:function(u){var h,v=e.indexOf(u),g=v>=0?o[v]:void 0,m=g?qc(o,g):void 0;m==null||(h=m.current)===null||h===void 0||h.focus()},focusLastSection:function(){var u,h=$c(o);h==null||(u=h.current)===null||u===void 0||u.focus()}}},Hc=function(c){var r=c.sections,e=c.icon,o=c.appearance,n=i.useRef(null),u=Ec(r,n),h=u.refs,v=u.buttonRefs,g=u.focusNextSection,m=u.focusFirstSection,p=u.focusLastSection,f=u.focusPreviousSection,C=i.useState(null),k=ht(C,2),_=k[0],j=k[1],$=i.useState(r),S=ht($,2),z=S[0],N=S[1],q=function(x){j(x)},E=function(x){j(null)},H=function(x){if(x.code==="End")p();else if(x.code==="Home")m();else if(x.code==="ArrowDown")_&&g(_);else if(x.code==="ArrowUp")_&&f(_);else return;x.preventDefault()};return a.jsx(uc,{onKeyDown:H,ref:n,children:z.map(function(O,x){var X=function(J){var Q=h.indexOf(J);N(z.map(function(V,Y){return Y===Q?w(w({},V),{},{expanded:!V.expanded}):V}))};return i.createElement(ic,w(w({},O),{},{icon:e,appearance:o,ref:h[x],buttonRef:v[x],key:x,onButtonFocus:q,onButtonBlur:E,onActivate:X}),O.body)})})};Hc.displayName="AccordionProvider";var Rc='.utrecht-alert{background-color:var(--_utrecht-alert-background-color,var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color,var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius,0);border-style:solid;border-width:var(--_utrecht-alert-border-width,var(--utrecht-alert-border-width,0));color:var(--_utrecht-alert-color,var(--utrecht-alert-color));display:grid;gap:var(--utrecht-alert-icon-gap);grid-template-areas:"icon message";grid-template-columns:0fr 100fr;margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color,var(--utrecht-alert-icon-color));grid-area:icon}.utrecht-alert__message{grid-area:message}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}';s(Rc);var Mc=["children","className","icon","type"];function gt(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function mt(t){for(var c=1;c=2},so=i.forwardRef(function(t,c){var r=t.children,e=t.className,o=t.direction,n=d(t,lo);return a.jsx("p",Dt(Dt({role:bo(r)?"group":void 0},n),{},{ref:c,className:l("utrecht-button-group",{"utrecht-button-group--column":o==="column","utrecht-button-group--row":o==="row"},e),children:r}))});so.displayName="ButtonGroup";var vo=`.utrecht-button-link{--_utrecht-button-background-color:var( + );--_utrecht-button-hint-pressed-border-color:var(--utrecht-button-subtle-warning-pressed-border-color);--_utrecht-button-hint-pressed-color:var(--utrecht-button-subtle-warning-pressed-color)}`;s(vo);var go=".utrecht-button-group{align-items:baseline;background-color:var(--utrecht-button-group-background-color);display:flex;flex-wrap:wrap;gap:var(--utrecht-button-group-inline-gap,1em);margin-block-end:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0)*var(--utrecht-button-group-margin-block-start, 0));min-block-size:var(--utrecht-button-block-size);padding-block-end:var(--utrecht-button-group-padding-block-end);padding-block-start:var(--utrecht-button-group-padding-block-start)}.utrecht-button-group--distanced{--utrecht-space-around:1}.utrecht-button-group--row .utrecht-link-button,.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button,.utrecht-button-group__link-button--row{--utrecht-button-padding-inline-end:0;--utrecht-button-padding-inline-start:0}.utrecht-button-group--column{flex-direction:column;gap:var(--utrecht-button-group-block-gap,1em)}";s(go);var mo=["children","className","direction"];function Dt(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function $t(t){for(var c=1;c=2},fo=i.forwardRef(function(t,c){var r=t.children,e=t.className,o=t.direction,n=d(t,mo);return a.jsx("p",$t($t({role:po(r)?"group":void 0},n),{},{ref:c,className:l("utrecht-button-group",{"utrecht-button-group--column":o==="column","utrecht-button-group--row":o==="row"},e),children:r}))});fo.displayName="ButtonGroup";var ko=`.utrecht-button-link{--_utrecht-button-background-color:var( --_utrecht-button-hint-background-color,var(--_utrecht-button-appearance-background-color,var(--utrecht-button-background-color)) );--_utrecht-button-color:var( --_utrecht-button-hint-color,var(--_utrecht-button-appearance-color,var(--utrecht-button-color)) @@ -280,7 +281,7 @@ import{_ as ut}from"./slicedToArray-CZk-kZYI.js";import{_ as d,c as l,a as b}fro --utrecht-button-secondary-action-disabled-background-color );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-secondary-action-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-secondary-action-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-secondary-action-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-secondary-action-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-secondary-action-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-secondary-action-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-secondary-action-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-secondary-action-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-secondary-action-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-secondary-action-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-secondary-action-pressed-color)}.utrecht-button-link--subtle{--_utrecht-button-appearance-active-background-color:var(--utrecht-button-subtle-active-background-color);--_utrecht-button-appearance-active-border-color:var(--utrecht-button-subtle-active-border-color);--_utrecht-button-appearance-active-color:var(--utrecht-button-subtle-active-color);--_utrecht-button-appearance-background-color:var(--utrecht-button-subtle-background-color);--_utrecht-button-appearance-border-color:var(--utrecht-button-subtle-border-color);--_utrecht-button-appearance-border-width:var(--utrecht-button-subtle-border-width);--_utrecht-button-appearance-color:var(--utrecht-button-subtle-color);--_utrecht-button-appearance-font-weight:var(--utrecht-button-subtle-font-weight);--_utrecht-button-appearance-disabled-background-color:var( --utrecht-button-subtle-disabled-background-color - );--_utrecht-button-appearance-disabled-border-color:var(--utrecht-button-subtle-disabled-border-color);--_utrecht-button-appearance-disabled-color:var(--utrecht-button-subtle-disabled-color);--_utrecht-button-appearance-focus-background-color:var(--utrecht-button-subtle-focus-background-color);--_utrecht-button-appearance-focus-border-color:var(--utrecht-button-subtle-focus-border-color);--_utrecht-button-appearance-focus-color:var(--utrecht-button-subtle-focus-color);--_utrecht-button-appearance-hover-background-color:var(--utrecht-button-subtle-hover-background-color);--_utrecht-button-appearance-hover-border-color:var(--utrecht-button-subtle-hover-border-color);--_utrecht-button-appearance-hover-color:var(--utrecht-button-subtle-hover-color);--_utrecht-button-appearance-pressed-background-color:var(--utrecht-button-subtle-pressed-background-color);--_utrecht-button-appearance-pressed-border-color:var(--utrecht-button-subtle-pressed-border-color);--_utrecht-button-appearance-pressed-color:var(--utrecht-button-subtle-pressed-color)}`;s(vo);var go=["appearance","children","className","external","href","placeholder","role"];function $t(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function B(t){for(var c=1;c0&&"utrecht-currency-data--positive",v),"aria-label":p,children:r||f}))});Ko.displayName="CurrencyData";var Bo=".utrecht-badge-data{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-data-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-data-text-transform,inherit)}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-badge-data{border:1px solid}}";s(Bo);var To=["children","className","dateTime","value"];function Tt(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function L(t){for(var c=1;c0&&"utrecht-currency-data--positive",v),"aria-label":p,children:r||f}))});Ao.displayName="CurrencyData";var Go=".utrecht-badge-data{background-color:var(--utrecht-badge-background-color,#000);border-radius:var(--utrecht-badge-border-radius,.5ch);color:var(--utrecht-badge-color,#fff);display:inline-block;font-family:var(--utrecht-document-font-family,sans-serif);font-size:var(--utrecht-badge-font-size,inherit);font-style:var(--utrecht-badge-font-style,normal);font-weight:var(--utrecht-badge-font-weight,bold);letter-spacing:var(--utrecht-badge-data-letter-spacing,inherit);line-height:var(--utrecht-badge-line-height,1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block,.5ex);padding-block-start:var(--utrecht-badge-padding-block,.5ex);padding-inline-end:var(--utrecht-badge-padding-inline,.5ch);padding-inline-start:var(--utrecht-badge-padding-inline,.5ch);text-decoration:none;text-transform:var(--utrecht-badge-data-text-transform,inherit)}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.utrecht-badge-data{border:1px solid}}";s(Go);var Uo=["children","className","dateTime","value"];function Tt(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function L(t){for(var c=1;cli{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:"●"}`;s(Ma);var Va=["children","className"];function pr(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function fr(t){for(var c=1;cli{margin-block-end:var(--utrecht-unordered-list-item-margin-block-end);margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);padding-inline-start:var(--utrecht-unordered-list-item-padding-inline-start,1ch)}.utrecht-html ul>li::marker{color:var(--utrecht-unordered-list-marker-color);content:"●"}`;s(Ia);var Ta=["children","className"];function fr(t,c){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);c&&(e=e.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,e)}return r}function kr(t){for(var c=1;c=2},z3=o.forwardRef(function(e,n){var r=e.children,t=e.className,c=e.direction,s=l(e,U3);return a.jsx("p",P1(P1({role:_3(r)?"group":void 0},s),{},{ref:n,className:i("utrecht-button-group",{"utrecht-button-group--column":c==="column","utrecht-button-group--row":c==="row"},t),children:r}))});z3.displayName="ButtonGroup";var G3=["appearance","children","className","external","href","placeholder","role"];function w1(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function I(e){for(var n=1;n0&&"utrecht-currency-data--positive",p),"aria-label":f,children:r||m}))});d7.displayName="CurrencyData";var p7=["children","className","dateTime","value"];function M1(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function P(e){for(var n=1;n=2},G3=o.forwardRef(function(e,n){var r=e.children,t=e.className,c=e.direction,s=l(e,U3);return a.jsx("p",P1(P1({role:z3(r)?"group":void 0},s),{},{ref:n,className:i("utrecht-button-group",{"utrecht-button-group--column":c==="column","utrecht-button-group--row":c==="row"},t),children:r}))});G3.displayName="ButtonGroup";var _3=["appearance","children","className","external","href","placeholder","role"];function w1(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function I(e){for(var n=1;n0&&"utrecht-currency-data--positive",p),"aria-label":f,children:r||m}))});d7.displayName="CurrencyData";var p7=["children","className","dateTime","value"];function M1(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,t)}return r}function P(e){for(var n=1;n +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as r}from"./index-BI1Biiay.js";import{ag as s,ah as a}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-D5ssxWLY.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";const o=` # NL Design System introductie diff --git a/assets/license-CUXPDAfo.js b/assets/license-CGgmIf7J.js similarity index 99% rename from assets/license-CUXPDAfo.js rename to assets/license-CGgmIf7J.js index 413e7839..785c7291 100644 --- a/assets/license-CUXPDAfo.js +++ b/assets/license-CGgmIf7J.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ag as r,ah as a}from"./chunk-HLWAVYOI-Bqru1wn9.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-FbXY6UUT.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";const s=`# EUROPEAN UNION PUBLIC LICENCE v. 1.2 +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as t}from"./index-BI1Biiay.js";import{ag as r,ah as a}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-D5ssxWLY.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";const s=`# EUROPEAN UNION PUBLIC LICENCE v. 1.2 EUPL © the European Union 2007, 2016 diff --git a/assets/notice-CS5x1wGq.js b/assets/notice-DyCQoZsF.js similarity index 91% rename from assets/notice-CS5x1wGq.js rename to assets/notice-DyCQoZsF.js index e71b461f..7774f855 100644 --- a/assets/notice-CS5x1wGq.js +++ b/assets/notice-DyCQoZsF.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as o}from"./index-BI1Biiay.js";import{ag as i,ah as a}from"./chunk-HLWAVYOI-Bqru1wn9.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-FbXY6UUT.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";const s=`# Auteursrecht {auteur} +import{j as e}from"./jsx-runtime-BlAj40OV.js";import{useMDXComponents as o}from"./index-BI1Biiay.js";import{ag as i,ah as a}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./iframe-D5ssxWLY.js";import"../sb-preview/runtime.js";import"./react-18-D9dwDG6f.js";import"./extends-CF3RwP-h.js";import"./index-DSgSp0X8.js";const s=`# Auteursrecht {auteur} Copyright (c) {jaar} {auteur} diff --git a/assets/objectDestructuringEmpty-B6xfWM80.js b/assets/objectDestructuringEmpty-B6xfWM80.js deleted file mode 100644 index cd98f097..00000000 --- a/assets/objectDestructuringEmpty-B6xfWM80.js +++ /dev/null @@ -1 +0,0 @@ -function t(r){if(r==null)throw new TypeError("Cannot destructure "+r)}export{t as _}; diff --git a/assets/objectDestructuringEmpty-kEsbOJzC.js b/assets/objectDestructuringEmpty-kEsbOJzC.js new file mode 100644 index 00000000..1abeaf84 --- /dev/null +++ b/assets/objectDestructuringEmpty-kEsbOJzC.js @@ -0,0 +1 @@ +function n(r){"@babel/helpers - typeof";return n=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(r)}function l(r,t){if(n(r)!="object"||!r)return r;var e=r[Symbol.toPrimitive];if(e!==void 0){var o=e.call(r,t||"default");if(n(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(r)}function f(r){var t=l(r,"string");return n(t)=="symbol"?t:t+""}function y(r,t,e){return(t=f(t))in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function c(r,t){if(r==null)return{};var e={};for(var o in r)if({}.hasOwnProperty.call(r,o)){if(t.includes(o))continue;e[o]=r[o]}return e}function b(r,t){if(r==null)return{};var e,o,i=c(r,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(r);for(o=0;oi.map(i=>d[i]); -import{_ as S}from"./iframe-FbXY6UUT.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-Bg15X7FZ.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-D5ssxWLY.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-Bg15X7FZ.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-B7prcy4G.js b/assets/preview-LrJkIPFx.js similarity index 65% rename from assets/preview-B7prcy4G.js rename to assets/preview-LrJkIPFx.js index 8146d7ee..1036a08d 100644 --- a/assets/preview-B7prcy4G.js +++ b/assets/preview-LrJkIPFx.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./tilburg-button.entry-C5mYzz_A.js","./jsx-runtime-BlAj40OV.js","./index-Cs7sjTYM.js","./_commonjsHelpers-BosuxZz1.js","./chunk-HLWAVYOI-Bqru1wn9.js","./iframe-FbXY6UUT.js","./react-18-D9dwDG6f.js","./extends-CF3RwP-h.js","./index-DSgSp0X8.js","./index-C5cqLfhp.js","./slicedToArray-CZk-kZYI.js","./clsx-BspRNC6E.js","./objectDestructuringEmpty-B6xfWM80.js"])))=>i.map(i=>d[i]); -import{j as $}from"./jsx-runtime-BlAj40OV.js";import{ai as et,aj as tt,ak as rt,al as at}from"./chunk-HLWAVYOI-Bqru1wn9.js";import{_ as pe}from"./iframe-FbXY6UUT.js";import{D as nt}from"./index-C5cqLfhp.js";const ot="tilburg",Ce={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!1,cmpDidRender:!1,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!1,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!1,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!1,lifecycleDOMEvents:!1,member:!1,method:!1,mode:!1,observeAttribute:!1,profile:!1,prop:!1,propBoolean:!1,propMutable:!1,propNumber:!1,propString:!1,reflect:!1,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!1,state:!1,style:!0,svg:!1,taskQueue:!0,transformTagName:!1,updatable:!1,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!1,vdomKey:!0,vdomListener:!1,vdomPropOrAttr:!0,vdomRef:!1,vdomRender:!0,vdomStyle:!1,vdomText:!1,vdomXlink:!1,watchCallback:!1};var st=Object.defineProperty,it=(e,t)=>{for(var r in t)st(e,r,{get:t[r],enumerable:!0})},ne=new WeakMap,A=e=>ne.get(e),Ar=(e,t)=>ne.set(t.$lazyInstance$=e,t),lt=(e,t)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return r.$onReadyPromise$=new Promise(a=>r.$onReadyResolve$=a),e["s-p"]=[],e["s-rc"]=[],ne.set(e,r)},dt=(e,t)=>t in e,B=(e,t)=>(0,console.error)(e,t),G=new Map,ut=(e,t,r)=>{const a=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const s=G.get(n);if(s)return s[a];{const o=i=>(G.set(n,i),i[a]);switch(n){case"tilburg-button":return pe(()=>import("./tilburg-button.entry-C5mYzz_A.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12]),import.meta.url).then(o,B)}}return pe(()=>import(`./${n}.entry.js`),[],import.meta.url).then(o=>(G.set(n,o),o[a]),B)},L=new Map,ct="{visibility:hidden}.hydrated{visibility:inherit}",Fe="slot-fb{display:contents}slot-fb[hidden]{display:none}",oe=typeof window<"u"?window:{},w=oe.document||{head:{}},m={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,a)=>e.addEventListener(t,r,a),rel:(e,t,r,a)=>e.removeEventListener(t,r,a),ce:(e,t)=>new CustomEvent(e,t)},ft=e=>Promise.resolve(e),pt=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),V=!1,me=[],xe=[],mt=(e,t)=>r=>{e.push(r),V||(V=!0,m.$flags$&4?se(ee):m.raf(ee))},ge=e=>{for(let t=0;t{ge(me),ge(xe),(V=me.length>0)&&m.raf(ee)},se=e=>ft().then(e),gt=mt(xe),he={},ht=e=>e!=null,ke=e=>(e=typeof e,e==="object"||e==="function");function Ee(e){var t,r,a;return(a=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?a:void 0}var bt={};it(bt,{err:()=>Te,map:()=>vt,ok:()=>te,unwrap:()=>yt,unwrapErr:()=>$t});var te=e=>({isOk:!0,isErr:!1,value:e}),Te=e=>({isOk:!1,isErr:!0,value:e});function vt(e,t){if(e.isOk){const r=t(e.value);return r instanceof Promise?r.then(a=>te(a)):te(r)}if(e.isErr){const r=e.value;return Te(r)}throw"should never get here"}var yt=e=>{if(e.isOk)return e.value;throw e.value},$t=e=>{if(e.isErr)return e.value;throw e.value},S=(e,t="")=>()=>{},wt=(e,t)=>()=>{},St=(e,t,...r)=>{let a=null,n=null,s=!1,o=!1;const i=[],d=c=>{for(let p=0;pc[p]).join(" "))}}const u=re(e,null);return u.$attrs$=t,i.length>0&&(u.$children$=i),u.$key$=n,u},re=(e,t)=>{const r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r},Ct={},Ft=e=>e&&e.$tag$===Ct,xt=(e,t,r)=>{const a=m.ce(t,r);return e.dispatchEvent(a),a},be=new WeakMap,kt=(e,t,r)=>{let a=L.get(e);pt&&r?(a=a||new CSSStyleSheet,typeof a=="string"?a=t:a.replaceSync(t)):a=t,L.set(e,a)},Et=(e,t,r)=>{var a;const n=Pe(t),s=L.get(n);if(e=e.nodeType===11?e:w,s)if(typeof s=="string"){e=e.head||e;let o=be.get(e),i;if(o||be.set(e,o=new Set),!o.has(n)){{i=w.createElement("style"),i.innerHTML=s;const d=(a=m.$nonce$)!=null?a:Ee(w);d!=null&&i.setAttribute("nonce",d),e.insertBefore(i,e.querySelector("link"))}t.$flags$&4&&(i.innerHTML+=Fe),o&&o.add(n)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return n},Tt=e=>{const t=e.$cmpMeta$,r=e.$hostElement$,a=t.$flags$,n=S("attachStyles",t.$tagName$),s=Et(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);a&10&&(r["s-sc"]=s,r.classList.add(s+"-h")),n()},Pe=(e,t)=>"sc-"+e.$tagName$,Pt=(e,t,r,a,n,s)=>{if(r!==a){let o=dt(e,t);if(t.toLowerCase(),t==="class"){const i=e.classList,d=ve(r),u=ve(a);i.remove(...d.filter(c=>c&&!u.includes(c))),i.add(...u.filter(c=>c&&!d.includes(c)))}else if(t!=="key"){const i=ke(a);if((o||i&&a!==null)&&!n)try{if(e.tagName.includes("-"))e[t]=a;else{const d=a??"";t==="list"?o=!1:(r==null||e[t]!=d)&&(e[t]=d)}}catch{}a==null||a===!1?(a!==!1||e.getAttribute(t)==="")&&e.removeAttribute(t):(!o||s&4||n)&&!i&&(a=a===!0?"":a,e.setAttribute(t,a))}}},It=/\s/,ve=e=>e?e.split(It):[],Ie=(e,t,r)=>{const a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||he,s=t.$attrs$||he;for(const o of Bt(Object.keys(s)))Pt(a,o,n[o],s[o],r,t.$flags$)};function Bt(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var R,ie,le=!1,Be=!1,je=(e,t,r,a)=>{const n=t.$children$[r];let s=0,o,i;if(o=n.$elm$=w.createElement(!le&&Ce.slotRelocation&&n.$flags$&2?"slot-fb":n.$tag$),Ie(null,n,Be),ht(R)&&o["s-si"]!==R&&o.classList.add(o["s-si"]=R),n.$children$)for(s=0;s{let o=e,i;for(o.shadowRoot&&o.tagName===ie&&(o=o.shadowRoot);n<=s;++n)a[n]&&(i=je(null,r,n),i&&(a[n].$elm$=i,Rt(o,i,t)))},_t=(e,t,r=!1)=>{const a=t.$elm$=e.$elm$,n=t.$children$;t.$tag$==="slot"&&!le||Ie(e,t,Be),n!==null&&jt(a,null,t,n,0,n.length-1)},Rt=(e,t,r)=>e==null?void 0:e.insertBefore(t,r),Mt=(e,t,r=!1)=>{const a=e.$hostElement$,n=e.$cmpMeta$,s=e.$vnode$||re(null,null),o=Ft(t)?t:St(null,null,t);if(ie=a.tagName,r&&o.$attrs$)for(const i of Object.keys(o.$attrs$))a.hasAttribute(i)&&!["key","ref","style","class"].includes(i)&&(o.$attrs$[i]=a[i]);o.$tag$=null,o.$flags$|=4,e.$vnode$=o,o.$elm$=s.$elm$=a.shadowRoot||a,R=a["s-sc"],le=(n.$flags$&1)!==0,_t(s,o,r)},_e=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(r=>e.$onRenderResolve$=r))},Re=(e,t)=>{if(e.$flags$&4){e.$flags$|=512;return}return _e(e,e.$ancestorComponent$),gt(()=>Ot(e,t))},Ot=(e,t)=>{const r=e.$hostElement$,a=S("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return a(),At(s,()=>Dt(e,n,t))},At=(e,t)=>Lt(e)?e.then(t).catch(r=>{console.error(r),t()}):t(),Lt=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",Dt=async(e,t,r)=>{var a;const n=e.$hostElement$,s=S("update",e.$cmpMeta$.$tagName$),o=n["s-rc"];r&&Tt(e);const i=S("render",e.$cmpMeta$.$tagName$);Ht(e,t,n,r),o&&(o.map(d=>d()),n["s-rc"]=void 0),i(),s();{const d=(a=n["s-p"])!=null?a:[],u=()=>zt(e);d.length===0?u():(Promise.all(d).then(u),e.$flags$|=4,d.length=0)}},Ht=(e,t,r,a)=>{try{t=t.render(),e.$flags$|=2,Mt(e,t,a)}catch(n){B(n,e.$hostElement$)}return null},zt=e=>{const t=e.$cmpMeta$.$tagName$,r=e.$hostElement$,a=S("postUpdate",t),n=e.$ancestorComponent$;e.$flags$&64?a():(e.$flags$|=64,Oe(r),a(),e.$onReadyResolve$(r),n||Me()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&se(()=>Re(e,!1)),e.$flags$&=-517},Me=e=>{Oe(w.documentElement),se(()=>xt(oe,"appload",{detail:{namespace:ot}}))},Oe=e=>{var t;return e.classList.add((t=Ce.hydratedSelectorName)!=null?t:"hydrated")},Nt=(e,t,r)=>e,qt=async(e,t,r,a)=>{let n;if(!(t.$flags$&32)){if(t.$flags$|=32,r.$lazyBundleId$){const d=ut(r);if(d&&"then"in d){const c=wt();n=await d,c()}else n=d;if(!n)throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);const u=S("createInstance",r.$tagName$);try{new n(t)}catch(c){B(c)}u()}else{n=e.constructor;const d=e.localName;customElements.whenDefined(d).then(()=>t.$flags$|=128)}if(n&&n.style){let d;typeof n.style=="string"&&(d=n.style);const u=Pe(r);if(!L.has(u)){const c=S("registerStyles",r.$tagName$);kt(u,d,!!(r.$flags$&1)),c()}}}const s=t.$ancestorComponent$,o=()=>Re(t,!0);s&&s["s-rc"]?s["s-rc"].push(o):o()},Ut=e=>{},Wt=e=>{if(!(m.$flags$&1)){const t=A(e),r=t.$cmpMeta$,a=S("connectedCallback",r.$tagName$);if(t.$flags$&1)t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Ut());else{t.$flags$|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){_e(t,t.$ancestorComponent$=n);break}}qt(e,t,r)}a()}},Gt=e=>{},Yt=async e=>{if(!(m.$flags$&1)){const t=A(e);t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Gt())}},Kt=(e,t={})=>{var r;const a=S(),n=[],s=t.exclude||[],o=oe.customElements,i=w.head,d=i.querySelector("meta[charset]"),u=w.createElement("style"),c=[];let p,g=!0;Object.assign(m,t),m.$resourcesUrl$=new URL(t.resourcesUrl||"./",w.baseURI).href;let x=!1;if(e.map(b=>{b[1].map(k=>{const v={$flags$:k[0],$tagName$:k[1],$members$:k[2],$listeners$:k[3]};v.$flags$&4&&(x=!0);const y=v.$tagName$,Ve=class extends HTMLElement{constructor(F){if(super(F),this.hasRegisteredEventListeners=!1,F=this,lt(F,v),v.$flags$&1){if(!F.shadowRoot)F.attachShadow({mode:"open"});else if(F.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${v.$tagName$}! Mode is set to ${F.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){A(this),this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),p&&(clearTimeout(p),p=null),g?c.push(this):m.jmp(()=>Wt(this))}disconnectedCallback(){m.jmp(()=>Yt(this))}componentOnReady(){return A(this).$onReadyPromise$}};v.$lazyBundleId$=b[0],!s.includes(y)&&!o.get(y)&&(n.push(y),o.define(y,Nt(Ve)))})}),n.length>0&&(x&&(u.textContent+=Fe),u.textContent+=n.sort()+ct,u.innerHTML.length)){u.setAttribute("data-styles","");const b=(r=m.$nonce$)!=null?r:Ee(w);b!=null&&u.setAttribute("nonce",b),i.insertBefore(u,d?d.nextSibling:i.firstChild)}g=!1,c.length?c.map(b=>b.connectedCallback()):m.jmp(()=>p=setTimeout(Me,30)),a()};const Qt=()=>{},Jt=async(e,t)=>{if(!(typeof window>"u"))return await Qt(),Kt([["tilburg-button",[[1,"tilburg-button"]]]],t)};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();const Ae=(e,t)=>(t.parameters.args=t.args,$.jsx("div",{className:"tilburg-theme",children:$.jsx(nt,{children:$.jsx(e,{})})}));Ae.__docgenInfo={description:"",methods:[],displayName:"ParametersArgsDecorator"};var Xt=Object.defineProperty,l=(e,t)=>Xt(e,"name",{value:t,configurable:!0});function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); +import{j as $}from"./jsx-runtime-BlAj40OV.js";import{ai as et,aj as tt,ak as rt,al as at}from"./chunk-HLWAVYOI-Pxl4ZBOf.js";import{_ as pe}from"./iframe-D5ssxWLY.js";import{D as nt}from"./index-G8Tt6w1S.js";const ot="tilburg",Ce={allRenderFn:!0,appendChildSlotFix:!1,asyncLoading:!0,asyncQueue:!1,attachStyles:!0,cloneNodeFix:!1,cmpDidLoad:!1,cmpDidRender:!1,cmpDidUnload:!1,cmpDidUpdate:!1,cmpShouldUpdate:!1,cmpWillLoad:!1,cmpWillRender:!1,cmpWillUpdate:!1,connectedCallback:!1,constructableCSS:!0,cssAnnotations:!0,devTools:!1,disconnectedCallback:!1,element:!1,event:!1,experimentalScopedSlotChanges:!1,experimentalSlotFixes:!1,formAssociated:!1,hasRenderFn:!0,hostListener:!1,hostListenerTarget:!1,hostListenerTargetBody:!1,hostListenerTargetDocument:!1,hostListenerTargetParent:!1,hostListenerTargetWindow:!1,hotModuleReplacement:!1,hydrateClientSide:!1,hydrateServerSide:!1,hydratedAttribute:!1,hydratedClass:!0,hydratedSelectorName:"hydrated",initializeNextTick:!1,invisiblePrehydration:!0,isDebug:!1,isDev:!1,isTesting:!1,lazyLoad:!0,lifecycle:!1,lifecycleDOMEvents:!1,member:!1,method:!1,mode:!1,observeAttribute:!1,profile:!1,prop:!1,propBoolean:!1,propMutable:!1,propNumber:!1,propString:!1,reflect:!1,scoped:!1,scopedSlotTextContentFix:!1,scriptDataOpts:!1,shadowDelegatesFocus:!1,shadowDom:!0,slot:!0,slotChildNodesFix:!1,slotRelocation:!1,state:!1,style:!0,svg:!1,taskQueue:!0,transformTagName:!1,updatable:!1,vdomAttribute:!0,vdomClass:!0,vdomFunctional:!1,vdomKey:!0,vdomListener:!1,vdomPropOrAttr:!0,vdomRef:!1,vdomRender:!0,vdomStyle:!1,vdomText:!1,vdomXlink:!1,watchCallback:!1};var st=Object.defineProperty,it=(e,t)=>{for(var r in t)st(e,r,{get:t[r],enumerable:!0})},ne=new WeakMap,A=e=>ne.get(e),Ar=(e,t)=>ne.set(t.$lazyInstance$=e,t),lt=(e,t)=>{const r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};return r.$onReadyPromise$=new Promise(a=>r.$onReadyResolve$=a),e["s-p"]=[],e["s-rc"]=[],ne.set(e,r)},dt=(e,t)=>t in e,B=(e,t)=>(0,console.error)(e,t),G=new Map,ut=(e,t,r)=>{const a=e.$tagName$.replace(/-/g,"_"),n=e.$lazyBundleId$;if(!n)return;const s=G.get(n);if(s)return s[a];{const o=i=>(G.set(n,i),i[a]);switch(n){case"tilburg-button":return pe(()=>import("./tilburg-button.entry-uf9Edn9e.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url).then(o,B)}}return pe(()=>import(`./${n}.entry.js`),[],import.meta.url).then(o=>(G.set(n,o),o[a]),B)},L=new Map,ct="{visibility:hidden}.hydrated{visibility:inherit}",Fe="slot-fb{display:contents}slot-fb[hidden]{display:none}",oe=typeof window<"u"?window:{},w=oe.document||{head:{}},m={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,a)=>e.addEventListener(t,r,a),rel:(e,t,r,a)=>e.removeEventListener(t,r,a),ce:(e,t)=>new CustomEvent(e,t)},ft=e=>Promise.resolve(e),pt=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),V=!1,me=[],xe=[],mt=(e,t)=>r=>{e.push(r),V||(V=!0,m.$flags$&4?se(ee):m.raf(ee))},ge=e=>{for(let t=0;t{ge(me),ge(xe),(V=me.length>0)&&m.raf(ee)},se=e=>ft().then(e),gt=mt(xe),he={},ht=e=>e!=null,ke=e=>(e=typeof e,e==="object"||e==="function");function Ee(e){var t,r,a;return(a=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?a:void 0}var bt={};it(bt,{err:()=>Te,map:()=>vt,ok:()=>te,unwrap:()=>yt,unwrapErr:()=>$t});var te=e=>({isOk:!0,isErr:!1,value:e}),Te=e=>({isOk:!1,isErr:!0,value:e});function vt(e,t){if(e.isOk){const r=t(e.value);return r instanceof Promise?r.then(a=>te(a)):te(r)}if(e.isErr){const r=e.value;return Te(r)}throw"should never get here"}var yt=e=>{if(e.isOk)return e.value;throw e.value},$t=e=>{if(e.isErr)return e.value;throw e.value},S=(e,t="")=>()=>{},wt=(e,t)=>()=>{},St=(e,t,...r)=>{let a=null,n=null,s=!1,o=!1;const i=[],d=c=>{for(let p=0;pc[p]).join(" "))}}const u=re(e,null);return u.$attrs$=t,i.length>0&&(u.$children$=i),u.$key$=n,u},re=(e,t)=>{const r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};return r.$attrs$=null,r.$key$=null,r},Ct={},Ft=e=>e&&e.$tag$===Ct,xt=(e,t,r)=>{const a=m.ce(t,r);return e.dispatchEvent(a),a},be=new WeakMap,kt=(e,t,r)=>{let a=L.get(e);pt&&r?(a=a||new CSSStyleSheet,typeof a=="string"?a=t:a.replaceSync(t)):a=t,L.set(e,a)},Et=(e,t,r)=>{var a;const n=Pe(t),s=L.get(n);if(e=e.nodeType===11?e:w,s)if(typeof s=="string"){e=e.head||e;let o=be.get(e),i;if(o||be.set(e,o=new Set),!o.has(n)){{i=w.createElement("style"),i.innerHTML=s;const d=(a=m.$nonce$)!=null?a:Ee(w);d!=null&&i.setAttribute("nonce",d),e.insertBefore(i,e.querySelector("link"))}t.$flags$&4&&(i.innerHTML+=Fe),o&&o.add(n)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return n},Tt=e=>{const t=e.$cmpMeta$,r=e.$hostElement$,a=t.$flags$,n=S("attachStyles",t.$tagName$),s=Et(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);a&10&&(r["s-sc"]=s,r.classList.add(s+"-h")),n()},Pe=(e,t)=>"sc-"+e.$tagName$,Pt=(e,t,r,a,n,s)=>{if(r!==a){let o=dt(e,t);if(t.toLowerCase(),t==="class"){const i=e.classList,d=ve(r),u=ve(a);i.remove(...d.filter(c=>c&&!u.includes(c))),i.add(...u.filter(c=>c&&!d.includes(c)))}else if(t!=="key"){const i=ke(a);if((o||i&&a!==null)&&!n)try{if(e.tagName.includes("-"))e[t]=a;else{const d=a??"";t==="list"?o=!1:(r==null||e[t]!=d)&&(e[t]=d)}}catch{}a==null||a===!1?(a!==!1||e.getAttribute(t)==="")&&e.removeAttribute(t):(!o||s&4||n)&&!i&&(a=a===!0?"":a,e.setAttribute(t,a))}}},It=/\s/,ve=e=>e?e.split(It):[],Ie=(e,t,r)=>{const a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$,n=e&&e.$attrs$||he,s=t.$attrs$||he;for(const o of Bt(Object.keys(s)))Pt(a,o,n[o],s[o],r,t.$flags$)};function Bt(e){return e.includes("ref")?[...e.filter(t=>t!=="ref"),"ref"]:e}var R,ie,le=!1,Be=!1,je=(e,t,r,a)=>{const n=t.$children$[r];let s=0,o,i;if(o=n.$elm$=w.createElement(!le&&Ce.slotRelocation&&n.$flags$&2?"slot-fb":n.$tag$),Ie(null,n,Be),ht(R)&&o["s-si"]!==R&&o.classList.add(o["s-si"]=R),n.$children$)for(s=0;s{let o=e,i;for(o.shadowRoot&&o.tagName===ie&&(o=o.shadowRoot);n<=s;++n)a[n]&&(i=je(null,r,n),i&&(a[n].$elm$=i,Rt(o,i,t)))},_t=(e,t,r=!1)=>{const a=t.$elm$=e.$elm$,n=t.$children$;t.$tag$==="slot"&&!le||Ie(e,t,Be),n!==null&&jt(a,null,t,n,0,n.length-1)},Rt=(e,t,r)=>e==null?void 0:e.insertBefore(t,r),Mt=(e,t,r=!1)=>{const a=e.$hostElement$,n=e.$cmpMeta$,s=e.$vnode$||re(null,null),o=Ft(t)?t:St(null,null,t);if(ie=a.tagName,r&&o.$attrs$)for(const i of Object.keys(o.$attrs$))a.hasAttribute(i)&&!["key","ref","style","class"].includes(i)&&(o.$attrs$[i]=a[i]);o.$tag$=null,o.$flags$|=4,e.$vnode$=o,o.$elm$=s.$elm$=a.shadowRoot||a,R=a["s-sc"],le=(n.$flags$&1)!==0,_t(s,o,r)},_e=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise(r=>e.$onRenderResolve$=r))},Re=(e,t)=>{if(e.$flags$&4){e.$flags$|=512;return}return _e(e,e.$ancestorComponent$),gt(()=>Ot(e,t))},Ot=(e,t)=>{const r=e.$hostElement$,a=S("scheduleUpdate",e.$cmpMeta$.$tagName$),n=e.$lazyInstance$;if(!n)throw new Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return a(),At(s,()=>Dt(e,n,t))},At=(e,t)=>Lt(e)?e.then(t).catch(r=>{console.error(r),t()}):t(),Lt=e=>e instanceof Promise||e&&e.then&&typeof e.then=="function",Dt=async(e,t,r)=>{var a;const n=e.$hostElement$,s=S("update",e.$cmpMeta$.$tagName$),o=n["s-rc"];r&&Tt(e);const i=S("render",e.$cmpMeta$.$tagName$);Ht(e,t,n,r),o&&(o.map(d=>d()),n["s-rc"]=void 0),i(),s();{const d=(a=n["s-p"])!=null?a:[],u=()=>zt(e);d.length===0?u():(Promise.all(d).then(u),e.$flags$|=4,d.length=0)}},Ht=(e,t,r,a)=>{try{t=t.render(),e.$flags$|=2,Mt(e,t,a)}catch(n){B(n,e.$hostElement$)}return null},zt=e=>{const t=e.$cmpMeta$.$tagName$,r=e.$hostElement$,a=S("postUpdate",t),n=e.$ancestorComponent$;e.$flags$&64?a():(e.$flags$|=64,Oe(r),a(),e.$onReadyResolve$(r),n||Me()),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),e.$flags$&512&&se(()=>Re(e,!1)),e.$flags$&=-517},Me=e=>{Oe(w.documentElement),se(()=>xt(oe,"appload",{detail:{namespace:ot}}))},Oe=e=>{var t;return e.classList.add((t=Ce.hydratedSelectorName)!=null?t:"hydrated")},Nt=(e,t,r)=>e,qt=async(e,t,r,a)=>{let n;if(!(t.$flags$&32)){if(t.$flags$|=32,r.$lazyBundleId$){const d=ut(r);if(d&&"then"in d){const c=wt();n=await d,c()}else n=d;if(!n)throw new Error(`Constructor for "${r.$tagName$}#${t.$modeName$}" was not found`);const u=S("createInstance",r.$tagName$);try{new n(t)}catch(c){B(c)}u()}else{n=e.constructor;const d=e.localName;customElements.whenDefined(d).then(()=>t.$flags$|=128)}if(n&&n.style){let d;typeof n.style=="string"&&(d=n.style);const u=Pe(r);if(!L.has(u)){const c=S("registerStyles",r.$tagName$);kt(u,d,!!(r.$flags$&1)),c()}}}const s=t.$ancestorComponent$,o=()=>Re(t,!0);s&&s["s-rc"]?s["s-rc"].push(o):o()},Ut=e=>{},Wt=e=>{if(!(m.$flags$&1)){const t=A(e),r=t.$cmpMeta$,a=S("connectedCallback",r.$tagName$);if(t.$flags$&1)t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Ut());else{t.$flags$|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){_e(t,t.$ancestorComponent$=n);break}}qt(e,t,r)}a()}},Gt=e=>{},Yt=async e=>{if(!(m.$flags$&1)){const t=A(e);t!=null&&t.$lazyInstance$||t!=null&&t.$onReadyPromise$&&t.$onReadyPromise$.then(()=>Gt())}},Kt=(e,t={})=>{var r;const a=S(),n=[],s=t.exclude||[],o=oe.customElements,i=w.head,d=i.querySelector("meta[charset]"),u=w.createElement("style"),c=[];let p,g=!0;Object.assign(m,t),m.$resourcesUrl$=new URL(t.resourcesUrl||"./",w.baseURI).href;let x=!1;if(e.map(b=>{b[1].map(k=>{const v={$flags$:k[0],$tagName$:k[1],$members$:k[2],$listeners$:k[3]};v.$flags$&4&&(x=!0);const y=v.$tagName$,Ve=class extends HTMLElement{constructor(F){if(super(F),this.hasRegisteredEventListeners=!1,F=this,lt(F,v),v.$flags$&1){if(!F.shadowRoot)F.attachShadow({mode:"open"});else if(F.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${v.$tagName$}! Mode is set to ${F.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){A(this),this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),p&&(clearTimeout(p),p=null),g?c.push(this):m.jmp(()=>Wt(this))}disconnectedCallback(){m.jmp(()=>Yt(this))}componentOnReady(){return A(this).$onReadyPromise$}};v.$lazyBundleId$=b[0],!s.includes(y)&&!o.get(y)&&(n.push(y),o.define(y,Nt(Ve)))})}),n.length>0&&(x&&(u.textContent+=Fe),u.textContent+=n.sort()+ct,u.innerHTML.length)){u.setAttribute("data-styles","");const b=(r=m.$nonce$)!=null?r:Ee(w);b!=null&&u.setAttribute("nonce",b),i.insertBefore(u,d?d.nextSibling:i.firstChild)}g=!1,c.length?c.map(b=>b.connectedCallback()):m.jmp(()=>p=setTimeout(Me,30)),a()};const Qt=()=>{},Jt=async(e,t)=>{if(!(typeof window>"u"))return await Qt(),Kt([["tilburg-button",[[1,"tilburg-button"]]]],t)};(function(){if(typeof window<"u"&&window.Reflect!==void 0&&window.customElements!==void 0){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}})();const Ae=(e,t)=>(t.parameters.args=t.args,$.jsx("div",{className:"tilburg-theme",children:$.jsx(nt,{children:$.jsx(e,{})})}));Ae.__docgenInfo={description:"",methods:[],displayName:"ParametersArgsDecorator"};var Xt=Object.defineProperty,l=(e,t)=>Xt(e,"name",{value:t,configurable:!0});function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); -import{_ as a}from"./iframe-FbXY6UUT.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-DpU21KUC.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),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-C1GDIoOW.js","./chunk-HLWAVYOI-Pxl4ZBOf.js","./iframe-D5ssxWLY.js","./index-Cs7sjTYM.js","./_commonjsHelpers-BosuxZz1.js","./react-18-D9dwDG6f.js","./extends-CF3RwP-h.js","./index-DSgSp0X8.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-D5ssxWLY.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-C1GDIoOW.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),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/assets/slicedToArray-CZk-kZYI.js b/assets/slicedToArray-CZk-kZYI.js deleted file mode 100644 index 4698b036..00000000 --- a/assets/slicedToArray-CZk-kZYI.js +++ /dev/null @@ -1,2 +0,0 @@ -function f(r){if(Array.isArray(r))return r}function b(r,e){var t=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(t!=null){var n,i,u,o,a=[],l=!0,c=!1;try{if(u=(t=t.call(r)).next,e!==0)for(;!(l=(n=u.call(t)).done)&&(a.push(n.value),a.length!==e);l=!0);}catch(s){c=!0,i=s}finally{try{if(!l&&t.return!=null&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return a}}function y(r,e){(e==null||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t - + diff --git a/project.json b/project.json index 72eb46b6..be94cc84 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1725822059555,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"9.1.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.6","storybookVersionSpecifier":"8.2.6","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"8.2.6"},"@storybook/addon-interactions":{"version":"8.2.6"},"@storybook/addon-links":{"version":"8.2.6"},"@storybook/manager-api":{"version":"8.2.6"},"@storybook/react":{"version":"8.2.6"},"@storybook/react-vite":{"version":"8.2.6"},"@storybook/theming":{"version":"8.2.6"},"storybook":{"version":"8.2.6"}},"addons":{"@storybook/addon-a11y":{"version":"8.2.6"},"@storybook/addon-docs":{"version":"8.2.6"},"@storybook/addon-viewport":{"version":"8.2.6"}}} +{"generatedAt":1725822576993,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Lerna","packageManager":{"type":"pnpm","version":"9.1.2"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.6","storybookVersionSpecifier":"8.2.6","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"8.2.6"},"@storybook/addon-interactions":{"version":"8.2.6"},"@storybook/addon-links":{"version":"8.2.6"},"@storybook/manager-api":{"version":"8.2.6"},"@storybook/react":{"version":"8.2.6"},"@storybook/react-vite":{"version":"8.2.6"},"@storybook/theming":{"version":"8.2.6"},"storybook":{"version":"8.2.6"}},"addons":{"@storybook/addon-a11y":{"version":"8.2.6"},"@storybook/addon-docs":{"version":"8.2.6"},"@storybook/addon-viewport":{"version":"8.2.6"}}}