diff --git a/assets/CircleButton.stories-Df4a8xx-.js b/assets/CircleButton.stories-CjQoqbu_.js similarity index 92% rename from assets/CircleButton.stories-Df4a8xx-.js rename to assets/CircleButton.stories-CjQoqbu_.js index 7c9e2547..051c7db7 100644 --- a/assets/CircleButton.stories-Df4a8xx-.js +++ b/assets/CircleButton.stories-CjQoqbu_.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{C as s,S as n}from"./plus-qIVVYTMO.js";import{a as i}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./v4-CQkTLCs1.js";const p={title:"shared/ui/button/CircleButton",component:s,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{children:o.jsx(n,{}),width:"w-10",height:"h-10",disable:!1,onClick:i("버튼 클릭")}};var e,r,a;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{C as s,S as n}from"./plus-dioM8lOZ.js";import{a as i}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./v4-CQkTLCs1.js";const p={title:"shared/ui/button/CircleButton",component:s,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{children:o.jsx(n,{}),width:"w-10",height:"h-10",disable:!1,onClick:i("버튼 클릭")}};var e,r,a;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`{ args: { children: , width: 'w-10', diff --git a/assets/Color-F6OSRLHC-CrJiLsZI.js b/assets/Color-F6OSRLHC-D67Ak527.js similarity index 99% rename from assets/Color-F6OSRLHC-CrJiLsZI.js rename to assets/Color-F6OSRLHC-D67Ak527.js index 6202566b..d9fa6136 100644 --- a/assets/Color-F6OSRLHC-CrJiLsZI.js +++ b/assets/Color-F6OSRLHC-D67Ak527.js @@ -1 +1 @@ -import{ae as ce,af as M,a2 as J,a0 as he,N as fe,ag as de,ah as ge,ai as be,aj as q}from"./DocsRenderer-CFRXHY34-AOshfsnT.js";import{R as m,r as p}from"./index-DRjF_FHU.js";import"./iframe-DCCQ28un.js";import"../sb-preview/runtime.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-BXCeiWJk.js";import"./index-CzpEL4_8.js";import"./index-DrFu-skq.js";import"./react-18-CeYYHeGS.js";import"./client-Dbo3a7kb.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={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]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var 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"]}};l.exports=u;for(let 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);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/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];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,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]=f,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]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*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){let 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]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.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}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.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"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},fr=rr;export{rr as ColorControl,fr as default}; +import{ae as ce,af as M,a2 as J,a0 as he,N as fe,ag as de,ah as ge,ai as be,aj as q}from"./DocsRenderer-CFRXHY34-5s844wst.js";import{R as m,r as p}from"./index-DRjF_FHU.js";import"./iframe-CmVLwW56.js";import"../sb-preview/runtime.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-BXCeiWJk.js";import"./index-CzpEL4_8.js";import"./index-DrFu-skq.js";import"./react-18-CeYYHeGS.js";import"./client-Dbo3a7kb.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={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]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var 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"]}};l.exports=u;for(let 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);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/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];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,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]=f,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]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*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){let 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]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.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}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.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"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},fr=rr;export{rr as ColorControl,fr as default}; diff --git a/assets/CssCategoryBar-rjFAbhkJ.js b/assets/CssCategoryBar-4N4Aikh_.js similarity index 75% rename from assets/CssCategoryBar-rjFAbhkJ.js rename to assets/CssCategoryBar-4N4Aikh_.js index 0e8dec5a..4b05b8eb 100644 --- a/assets/CssCategoryBar-rjFAbhkJ.js +++ b/assets/CssCategoryBar-4N4Aikh_.js @@ -1,2 +1,2 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import{C as t}from"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import{c as s}from"./cssCategoryList-CHFX1k4S.js";const e=()=>o.jsx("nav",{className:"flex flex-shrink-0 flex-col gap-1.5 border-r border-r-gray-100 px-4 py-3",children:s.map(r=>o.jsx(t,{cssCategory:r.category},r.category))});e.__docgenInfo={description:`@description +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import{C as t}from"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import{c as s}from"./cssCategoryList-CHFX1k4S.js";const e=()=>o.jsx("nav",{className:"flex flex-shrink-0 flex-col gap-1.5 border-r border-r-gray-100 px-4 py-3",children:s.map(r=>o.jsx(t,{cssCategory:r.category},r.category))});e.__docgenInfo={description:`@description CSS 카테고리 목록을 보여주고 선택할 수 있는 컴포넌트`,methods:[],displayName:"CssCategoryBar"};export{e as C}; diff --git a/assets/CssCategoryBar.stories-D_dtTKC3.js b/assets/CssCategoryBar.stories-BAyGBtl2.js similarity index 65% rename from assets/CssCategoryBar.stories-D_dtTKC3.js rename to assets/CssCategoryBar.stories-BAyGBtl2.js index 67dd96f2..d5a8848a 100644 --- a/assets/CssCategoryBar.stories-D_dtTKC3.js +++ b/assets/CssCategoryBar.stories-BAyGBtl2.js @@ -1,4 +1,4 @@ -import{C as m}from"./CssCategoryBar-rjFAbhkJ.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./cssCategoryList-CHFX1k4S.js";const h={title:"widgets/workspace/css/CssCategoryBar",component:m,parameters:{layout:"centered"},tags:["autodocs"]},r={args:{}};var t,o,p;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ +import{C as m}from"./CssCategoryBar-4N4Aikh_.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./cssCategoryList-CHFX1k4S.js";const h={title:"widgets/workspace/css/CssCategoryBar",component:m,parameters:{layout:"centered"},tags:["autodocs"]},r={args:{}};var t,o,p;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ args: { // propsname: value, } diff --git a/assets/CssCategoryButton-Bdyt7_D4.js b/assets/CssCategoryButton-CZecLCOO.js similarity index 93% rename from assets/CssCategoryButton-Bdyt7_D4.js rename to assets/CssCategoryButton-CZecLCOO.js index 75fffcee..8b56b75a 100644 --- a/assets/CssCategoryButton-Bdyt7_D4.js +++ b/assets/CssCategoryButton-CZecLCOO.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-DR9Q75dM.js";import{u as r}from"./useImageModalStore-jpOIQYA6.js";const n=({cssCategory:e})=>{const{selectedCssCategory:t,setSelectedCssCategory:a}=r();return l.jsx("button",{onClick:()=>a(e),className:`text-bold-sm flex cursor-pointer rounded px-3 py-2.5 text-gray-200 ${t===e&&"text-gray-black bg-yellow-500"}`,children:e},e)};n.__docgenInfo={description:`@description +import{j as l}from"./jsx-runtime-DR9Q75dM.js";import{u as r}from"./useImageModalStore-axAWps0d.js";const n=({cssCategory:e})=>{const{selectedCssCategory:t,setSelectedCssCategory:a}=r();return l.jsx("button",{onClick:()=>a(e),className:`text-bold-sm flex cursor-pointer rounded px-3 py-2.5 text-gray-200 ${t===e&&"text-gray-black bg-yellow-500"}`,children:e},e)};n.__docgenInfo={description:`@description CSS 카테고리를 선택할 수 있는 버튼 컴포넌트`,methods:[],displayName:"CssCategoryButton",props:{cssCategory:{required:!0,tsType:{name:"union",raw:`| '레이아웃' | '박스모델' | '타이포그래피' diff --git a/assets/CssCategoryButton.stories-d_4uGG-H.js b/assets/CssCategoryButton.stories-y14t1ZGs.js similarity index 88% rename from assets/CssCategoryButton.stories-d_4uGG-H.js rename to assets/CssCategoryButton.stories-y14t1ZGs.js index 554dcf5c..82eec8f8 100644 --- a/assets/CssCategoryButton.stories-d_4uGG-H.js +++ b/assets/CssCategoryButton.stories-y14t1ZGs.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{C as a}from"./CssCategoryButton-Bdyt7_D4.js";import{u as p}from"./useImageModalStore-jpOIQYA6.js";import"./index-DRjF_FHU.js";const i={title:"entities/workspace/CssCateGoryButton",component:a,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{cssCategory:"레이아웃"},render:c=>{const{selectedCssCategory:n}=p();return e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsxs("p",{children:["현재 선택된 카테고리 : ",n]}),e.jsx(a,{cssCategory:c.cssCategory})]})}};var r,t,o;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{C as a}from"./CssCategoryButton-CZecLCOO.js";import{u as p}from"./useImageModalStore-axAWps0d.js";import"./index-DRjF_FHU.js";const i={title:"entities/workspace/CssCateGoryButton",component:a,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{cssCategory:"레이아웃"},render:c=>{const{selectedCssCategory:n}=p();return e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsxs("p",{children:["현재 선택된 카테고리 : ",n]}),e.jsx(a,{cssCategory:c.cssCategory})]})}};var r,t,o;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{ args: { cssCategory: '레이아웃' }, diff --git a/assets/CssOptionItem.stories-KVrxJnBH.js b/assets/CssOptionItem.stories-CIGBtN1S.js similarity index 88% rename from assets/CssOptionItem.stories-KVrxJnBH.js rename to assets/CssOptionItem.stories-CIGBtN1S.js index a5ac2f85..354e31f6 100644 --- a/assets/CssOptionItem.stories-KVrxJnBH.js +++ b/assets/CssOptionItem.stories-CIGBtN1S.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{C as i}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{c as a}from"./cssCategoryList-CHFX1k4S.js";import"./useImageModalStore-jpOIQYA6.js";import"./index-DRjF_FHU.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const K={title:"entities/workspace/CssOptionItem",component:i,parameters:{layout:"centered"},tags:["autodocs"]},e={args:{cssItem:a[0].items[0],index:0}},t={render:()=>r.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto"},children:r.jsx(i,{cssItem:a[0].items[0],index:0})})},s={render:()=>{const C="레이아웃";return r.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto"},children:a.filter(o=>o.category===C).map(o=>o.items.map((n,I)=>r.jsx(i,{cssItem:n,index:I},n.label)))})}};var m,p,c;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{C as i}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{c as a}from"./cssCategoryList-CHFX1k4S.js";import"./useImageModalStore-axAWps0d.js";import"./index-DRjF_FHU.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const K={title:"entities/workspace/CssOptionItem",component:i,parameters:{layout:"centered"},tags:["autodocs"]},e={args:{cssItem:a[0].items[0],index:0}},t={render:()=>r.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto"},children:r.jsx(i,{cssItem:a[0].items[0],index:0})})},s={render:()=>{const C="레이아웃";return r.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto"},children:a.filter(o=>o.category===C).map(o=>o.items.map((n,I)=>r.jsx(i,{cssItem:n,index:I},n.label)))})}};var m,p,c;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`{ args: { cssItem: cssCategoryList[0].items[0], index: 0 diff --git a/assets/CssOptionItemList-zkqEQSjk.js b/assets/CssOptionItemList-BTnakjy6.js similarity index 70% rename from assets/CssOptionItemList-zkqEQSjk.js rename to assets/CssOptionItemList-BTnakjy6.js index 7e713cf1..aaec1c9a 100644 --- a/assets/CssOptionItemList-zkqEQSjk.js +++ b/assets/CssOptionItemList-BTnakjy6.js @@ -1,2 +1,2 @@ -import{j as s}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{C as i}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import{u as m}from"./useImageModalStore-jpOIQYA6.js";import{c as p}from"./cssCategoryList-CHFX1k4S.js";const a=()=>{const{selectedCssCategory:r}=m();return s.jsx("article",{className:"flex h-full w-full flex-col gap-4 overflow-y-auto p-3",children:p.filter(t=>t.category===r).map(t=>t.items.map((o,e)=>s.jsx(i,{cssItem:o,index:e},o.label)))})};a.__docgenInfo={description:`@description +import{j as s}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{C as i}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import{u as m}from"./useImageModalStore-axAWps0d.js";import{c as p}from"./cssCategoryList-CHFX1k4S.js";const a=()=>{const{selectedCssCategory:r}=m();return s.jsx("article",{className:"flex h-full w-full flex-col gap-4 overflow-y-auto p-3",children:p.filter(t=>t.category===r).map(t=>t.items.map((o,e)=>s.jsx(i,{cssItem:o,index:e},o.label)))})};a.__docgenInfo={description:`@description CSS 속성을 설정할 수 있는 컴포넌트의 목록을 보여주는 컴포넌트`,methods:[],displayName:"CssOptionItemList"};export{a as C}; diff --git a/assets/CssOptionItemList.stories-CBPhssJX.js b/assets/CssOptionItemList.stories-Gocv7SAm.js similarity index 83% rename from assets/CssOptionItemList.stories-CBPhssJX.js rename to assets/CssOptionItemList.stories-Gocv7SAm.js index a255f09c..14d3fac6 100644 --- a/assets/CssOptionItemList.stories-CBPhssJX.js +++ b/assets/CssOptionItemList.stories-Gocv7SAm.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{C as c}from"./CssOptionItemList-zkqEQSjk.js";import{u}from"./useImageModalStore-jpOIQYA6.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./cssCategoryList-CHFX1k4S.js";const B={title:"widgets/workspace/css/CssOptionItemList",component:c,parameters:{layout:"centered"},tags:["autodocs"]},r={},o={render:()=>{const{setSelectedCssCategory:l}=u(),d=["레이아웃","박스모델","타이포그래피","배경","테두리","간격","flex 속성","grid 속성"];return t.jsxs(t.Fragment,{children:[t.jsx("select",{onChange:e=>l(e.target.value),children:d.map(e=>t.jsx("option",{value:e,children:e},e))}),t.jsx(c,{})]})}};var s,a,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(a=r.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};var n,p,m;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{C as c}from"./CssOptionItemList-BTnakjy6.js";import{u}from"./useImageModalStore-axAWps0d.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./cssCategoryList-CHFX1k4S.js";const B={title:"widgets/workspace/css/CssOptionItemList",component:c,parameters:{layout:"centered"},tags:["autodocs"]},r={},o={render:()=>{const{setSelectedCssCategory:l}=u(),d=["레이아웃","박스모델","타이포그래피","배경","테두리","간격","flex 속성","grid 속성"];return t.jsxs(t.Fragment,{children:[t.jsx("select",{onChange:e=>l(e.target.value),children:d.map(e=>t.jsx("option",{value:e,children:e},e))}),t.jsx(c,{})]})}};var s,a,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(a=r.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};var n,p,m;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{ render: () => { const { setSelectedCssCategory diff --git a/assets/CssPropsSelectBox.stories-BM1NOpnq.js b/assets/CssPropsSelectBox.stories-BM1NOpnq.js new file mode 100644 index 00000000..e85807e6 --- /dev/null +++ b/assets/CssPropsSelectBox.stories-BM1NOpnq.js @@ -0,0 +1,26 @@ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{C as m}from"./ImageTagModal-C34yhzfe.js";import{b as g}from"./useImageModalStore-axAWps0d.js";import"./index-DRjF_FHU.js";import"./GuidesBox-Bzb74nGW.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-Bef_8RUk.js";import"./useCoachMarkStore-BoVLoTcU.js";import"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const te={title:"widgets/workspace/css/CssPropsSelectBox",component:m,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{}},r={render:()=>{const{addClassBlock:c,classBlockList:u}=g(),d=e=>{e.target.value===""||u.includes(e.target.value)||c(e.target.value)},f=e=>{e.key==="Enter"&&(e.currentTarget.blur(),e.preventDefault())};return o.jsxs("div",{className:"flex flex-col gap-3",children:[o.jsx("input",{className:"w-full border p-2 focus:outline-none",type:"text",onBlur:d,onKeyDown:f,placeholder:"추가하고자 하는 CSS 클래스를 입력하세요"}),o.jsx(m,{})]})}};var s,a,l;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(l=(a=t.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};var n,p,i;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ + render: () => { + const { + addClassBlock, + classBlockList + } = useClassBlockStore(); + const handleOnBlur = (e: React.FocusEvent) => { + if (e.target.value === '' || classBlockList.includes(e.target.value)) return; + addClassBlock(e.target.value); + }; + const handleOnKeyDown = (e: React.KeyboardEvent) => { + if (e.key === 'Enter') { + e.currentTarget.blur(); + e.preventDefault(); + } + }; + return
+ + +
; + } +}`,...(i=(p=r.parameters)==null?void 0:p.docs)==null?void 0:i.source}}};const re=["Default","CanSelectClass"];export{r as CanSelectClass,t as Default,re as __namedExportsOrder,te as default}; diff --git a/assets/CssPropsSelectBox.stories-PnqsKss_.js b/assets/CssPropsSelectBox.stories-PnqsKss_.js deleted file mode 100644 index 2a8b04c3..00000000 --- a/assets/CssPropsSelectBox.stories-PnqsKss_.js +++ /dev/null @@ -1,26 +0,0 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{C as c}from"./ImageTagModal-ByYYw5dL.js";import{b as g}from"./useImageModalStore-jpOIQYA6.js";import"./index-DRjF_FHU.js";import"./GuidesBox-DLTeEQIO.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-OTdHhW5-.js";import"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const ee={title:"widgets/workspace/css/CssPropsSelectBox",component:c,parameters:{layout:"centered"},tags:["autodocs"]},t={args:{}},r={render:()=>{const{addClassBlock:m,classBlockList:u}=g(),d=e=>{e.target.value===""||u.includes(e.target.value)||m(e.target.value)},f=e=>{e.key==="Enter"&&(e.currentTarget.blur(),e.preventDefault())};return o.jsxs("div",{className:"flex flex-col gap-3",children:[o.jsx("input",{className:"w-full border p-2 focus:outline-none",type:"text",onBlur:d,onKeyDown:f,placeholder:"추가하고자 하는 CSS 클래스를 입력하세요"}),o.jsx(c,{})]})}};var s,a,l;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(l=(a=t.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};var n,p,i;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ - render: () => { - const { - addClassBlock, - classBlockList - } = useClassBlockStore(); - const handleOnBlur = (e: React.FocusEvent) => { - if (e.target.value === '' || classBlockList.includes(e.target.value)) return; - addClassBlock(e.target.value); - }; - const handleOnKeyDown = (e: React.KeyboardEvent) => { - if (e.key === 'Enter') { - e.currentTarget.blur(); - e.preventDefault(); - } - }; - return
- - -
; - } -}`,...(i=(p=r.parameters)==null?void 0:p.docs)==null?void 0:i.source}}};const te=["Default","CanSelectClass"];export{r as CanSelectClass,t as Default,te as __namedExportsOrder,ee as default}; diff --git a/assets/CssPropsSelectBoxHeader-8rTfHMke.js b/assets/CssPropsSelectBoxHeader-CDkzBjdc.js similarity index 74% rename from assets/CssPropsSelectBoxHeader-8rTfHMke.js rename to assets/CssPropsSelectBoxHeader-CDkzBjdc.js index 71894495..3a99e559 100644 --- a/assets/CssPropsSelectBoxHeader-8rTfHMke.js +++ b/assets/CssPropsSelectBoxHeader-CDkzBjdc.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import{d as p}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{u as c,b as n,r as C,c as d}from"./useImageModalStore-jpOIQYA6.js";import{r}from"./index-DRjF_FHU.js";const x=()=>{const{currentCssClassName:o,setCurrentCssClassName:a}=c(),{classBlockList:t}=n(),[l,i]=r.useState([]);r.useEffect(()=>{i(t)},[t]);const m=[{value:"",label:"클래스를 선택해주세요"},...l.map(s=>({value:s,label:s}))];return e.jsxs("header",{className:"py-border flex h-12 items-center justify-between border-b-yellow-500 bg-yellow-200 px-4",children:[e.jsx("p",{className:"text-semibold-md text-gray-black truncate",children:"CSS 클래스 속성 편집"}),e.jsx(p,{options:m,value:C(o),onChange:s=>a(d(s)),placeholder:"클래스를 선택해주세요"})]})};x.__docgenInfo={description:`@description +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import{d as p}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{u as c,b as n,r as C,c as d}from"./useImageModalStore-axAWps0d.js";import{r}from"./index-DRjF_FHU.js";const x=()=>{const{currentCssClassName:o,setCurrentCssClassName:a}=c(),{classBlockList:t}=n(),[l,i]=r.useState([]);r.useEffect(()=>{i(t)},[t]);const m=[{value:"",label:"클래스를 선택해주세요"},...l.map(s=>({value:s,label:s}))];return e.jsxs("header",{className:"py-border flex h-12 items-center justify-between border-b-yellow-500 bg-yellow-200 px-4",children:[e.jsx("p",{className:"text-semibold-md text-gray-black truncate",children:"CSS 클래스 속성 편집"}),e.jsx(p,{options:m,value:C(o),onChange:s=>a(d(s)),placeholder:"클래스를 선택해주세요"})]})};x.__docgenInfo={description:`@description CSS 클래스를 선택할 수 있는 헤더 컴포넌트`,methods:[],displayName:"CssPropsSelectBoxHeader"};export{x as C}; diff --git a/assets/CssPropsSelectBoxHeader.stories-BojXJJWw.js b/assets/CssPropsSelectBoxHeader.stories-DVPamh9g.js similarity index 86% rename from assets/CssPropsSelectBoxHeader.stories-BojXJJWw.js rename to assets/CssPropsSelectBoxHeader.stories-DVPamh9g.js index e96b1fb6..0ac06678 100644 --- a/assets/CssPropsSelectBoxHeader.stories-BojXJJWw.js +++ b/assets/CssPropsSelectBoxHeader.stories-DVPamh9g.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{C as a}from"./CssPropsSelectBoxHeader-8rTfHMke.js";import{b as C}from"./useImageModalStore-jpOIQYA6.js";import{r as f}from"./index-DRjF_FHU.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./index-D1AAVYfs.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./QueryClientProvider-BdRu95_o.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const I={title:"widgets/workspace/css/CssPropsSelectBoxHeader",component:a,parameters:{layout:"centered"},tags:["autodocs"]},e={args:{}},r={render:()=>o.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto",border:"1px solid #ccc"},className:"p-4",children:o.jsx(a,{})})},s={render:()=>{const{addClassBlock:t}=C();return f.useEffect(()=>{t("test1"),t("test2"),t("test3")},[]),o.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto",border:"1px solid #ccc"},className:"p-4",children:o.jsx(a,{})})}};var c,i,p;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{C as a}from"./CssPropsSelectBoxHeader-CDkzBjdc.js";import{b as C}from"./useImageModalStore-axAWps0d.js";import{r as f}from"./index-DRjF_FHU.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./index-D1AAVYfs.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./QueryClientProvider-BdRu95_o.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const I={title:"widgets/workspace/css/CssPropsSelectBoxHeader",component:a,parameters:{layout:"centered"},tags:["autodocs"]},e={args:{}},r={render:()=>o.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto",border:"1px solid #ccc"},className:"p-4",children:o.jsx(a,{})})},s={render:()=>{const{addClassBlock:t}=C();return f.useEffect(()=>{t("test1"),t("test2"),t("test3")},[]),o.jsx("div",{style:{width:"400px",resize:"horizontal",overflow:"auto",border:"1px solid #ccc"},className:"p-4",children:o.jsx(a,{})})}};var c,i,p;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{ args: { // 필요한 args를 여기에 추가하세요 } diff --git a/assets/DocsRenderer-CFRXHY34-AOshfsnT.js b/assets/DocsRenderer-CFRXHY34-5s844wst.js similarity index 99% rename from assets/DocsRenderer-CFRXHY34-AOshfsnT.js rename to assets/DocsRenderer-CFRXHY34-5s844wst.js index 1ec59ce7..8d507dcd 100644 --- a/assets/DocsRenderer-CFRXHY34-AOshfsnT.js +++ b/assets/DocsRenderer-CFRXHY34-5s844wst.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-BE08qe-V.js","./iframe-DCCQ28un.js","./index-DRjF_FHU.js","./jsx-runtime-DR9Q75dM.js","./index-BXCeiWJk.js","./index-CzpEL4_8.js","./index-DrFu-skq.js","./react-18-CeYYHeGS.js","./client-Dbo3a7kb.js","./Color-F6OSRLHC-CrJiLsZI.js","./index-ChEI-nsM.js"])))=>i.map(i=>d[i]); -var Wx=Object.defineProperty;var Gx=(e,t,r)=>t in e?Wx(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Rn=(e,t,r)=>Gx(e,typeof t!="symbol"?t+"":t,r);import{_ as Y1}from"./iframe-DCCQ28un.js";import{r as l,R as y}from"./index-DRjF_FHU.js";import{j as Z}from"./jsx-runtime-DR9Q75dM.js";import{r as fs,F as Y4}from"./index-BXCeiWJk.js";import{y as hh,g as Eu}from"./index-CzpEL4_8.js";import{d as Yx}from"./index-DrFu-skq.js";import{renderElement as Kx,unmountElement as Jx}from"./react-18-CeYYHeGS.js";var Zx=Object.create,K4=Object.defineProperty,Xx=Object.getOwnPropertyDescriptor,J4=Object.getOwnPropertyNames,Qx=Object.getPrototypeOf,eD=Object.prototype.hasOwnProperty,xi=(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')}),mn=(e,t)=>function(){return t||(0,e[J4(e)[0]])((t={exports:{}}).exports,t),t.exports},tD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of J4(t))!eD.call(e,a)&&a!==r&&K4(e,a,{get:()=>t[a],enumerable:!(n=Xx(t,a))||n.enumerable});return e},K1=(e,t,r)=>(r=e!=null?Zx(Qx(e)):{},tD(t||!e||!e.__esModule?K4(r,"default",{value:e,enumerable:!0}):r,e));function rD(e,t,{signal:r,edges:n}={}){let a,o=null,i=n!=null&&n.includes("leading"),s=n==null||n.includes("trailing"),c=()=>{o!==null&&(e.apply(a,o),a=void 0,o=null)},d=()=>{s&&c(),f()},p=null,m=()=>{p!=null&&clearTimeout(p),p=setTimeout(()=>{p=null,d()},t)},h=()=>{p!==null&&(clearTimeout(p),p=null)},f=()=>{h(),a=void 0,o=null},v=()=>{h(),c()},g=function(...w){if(r!=null&&r.aborted)return;a=this,o=w;let x=p==null;m(),i&&x&&c()};return g.schedule=m,g.cancel=f,g.flush=v,r==null||r.addEventListener("abort",f,{once:!0}),g}function _V(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:a=!1,trailing:o=!0,maxWait:i}=r,s=Array(2);a&&(s[0]="leading"),o&&(s[1]="trailing");let c,d=null,p=rD(function(...f){c=e.apply(this,f),d=null},t,{signal:n,edges:s}),m=function(...f){if(i!=null){if(d===null)d=Date.now();else if(Date.now()-d>=i)return c=e.apply(this,f),d=Date.now(),p.cancel(),p.schedule(),c}return p.apply(this,f),c},h=()=>(p.flush(),c);return m.cancel=p.cancel,m.flush=h,m}function nD(e){return Array.from(new Set(e))}function aD(e,t){let r={},n=Object.entries(e);for(let a=0;a`control-${e.replace(/\s+/g,"-")}`,hs=e=>`set-${e.replace(/\s+/g,"-")}`,pD=Object.create,J1=Object.defineProperty,fD=Object.getOwnPropertyDescriptor,hD=Object.getOwnPropertyNames,mD=Object.getPrototypeOf,gD=Object.prototype.hasOwnProperty,R=(e,t)=>J1(e,"name",{value:t,configurable:!0}),Di=(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')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),vD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of hD(t))!gD.call(e,a)&&a!==r&&J1(e,a,{get:()=>t[a],enumerable:!(n=fD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?pD(mD(e)):{},vD(t||!e||!e.__esModule?J1(r,"default",{value:e,enumerable:!0}):r,e)),yD=ms(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,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,h=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,w=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,D=t?Symbol.for("react.responder"):60118,E=t?Symbol.for("react.scope"):60119;function b($){return typeof $=="string"||typeof $=="function"||$===a||$===p||$===i||$===o||$===h||$===f||typeof $=="object"&&$!==null&&($.$$typeof===g||$.$$typeof===v||$.$$typeof===s||$.$$typeof===c||$.$$typeof===m||$.$$typeof===x||$.$$typeof===D||$.$$typeof===E||$.$$typeof===w)}R(b,"isValidElementType");function C($){if(typeof $=="object"&&$!==null){var rt=$.$$typeof;switch(rt){case r:var xt=$.type;switch(xt){case d:case p:case a:case i:case o:case h:return xt;default:var Mr=xt&&xt.$$typeof;switch(Mr){case c:case m:case g:case v:case s:return Mr;default:return rt}}case n:return rt}}}R(C,"typeOf");var S=d,k=p,A=c,_=s,I=r,B=m,z=a,L=g,M=v,O=n,P=i,j=o,U=h,V=!1;function G($){return V||(V=!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.")),Q($)||C($)===d}R(G,"isAsyncMode");function Q($){return C($)===p}R(Q,"isConcurrentMode");function ne($){return C($)===c}R(ne,"isContextConsumer");function J($){return C($)===s}R(J,"isContextProvider");function ie($){return typeof $=="object"&&$!==null&&$.$$typeof===r}R(ie,"isElement");function N($){return C($)===m}R(N,"isForwardRef");function K($){return C($)===a}R(K,"isFragment");function re($){return C($)===g}R(re,"isLazy");function fe($){return C($)===v}R(fe,"isMemo");function Ce($){return C($)===n}R(Ce,"isPortal");function Et($){return C($)===i}R(Et,"isProfiler");function He($){return C($)===o}R(He,"isStrictMode");function tt($){return C($)===h}R(tt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=A,e.ContextProvider=_,e.Element=I,e.ForwardRef=B,e.Fragment=z,e.Lazy=L,e.Memo=M,e.Portal=O,e.Profiler=P,e.StrictMode=j,e.Suspense=U,e.isAsyncMode=G,e.isConcurrentMode=Q,e.isContextConsumer=ne,e.isContextProvider=J,e.isElement=ie,e.isForwardRef=N,e.isFragment=K,e.isLazy=re,e.isMemo=fe,e.isPortal=Ce,e.isProfiler=Et,e.isStrictMode=He,e.isSuspense=tt,e.isValidElementType=b,e.typeOf=C})()}),bD=ms((e,t)=>{t.exports=yD()}),Z4=ms((e,t)=>{var r=bD(),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 c(w){return r.isMemo(w)?i:s[w.$$typeof]||n}R(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(w,x,D){if(typeof x!="string"){if(v){var E=f(x);E&&E!==v&&g(w,E,D)}var b=p(x);m&&(b=b.concat(m(x)));for(var C=c(w),S=c(x),k=0;k{(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 R(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var m=typeof Di=="function"&&Di;if(!p&&m)return m(d,!0);if(s)return s(d,!0);var h=new Error("Cannot find module '"+d+"'");throw h.code="MODULE_NOT_FOUND",h}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}R(i,"s");for(var s=typeof Di=="function"&&Di,c=0;c=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].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 c;for(c=0;c0&&(D[x]={cacheItem:v,arg:arguments[x]},E?i(m,D):m.push(D),m.length>d&&s(m.shift())),f.wasMemoized=E,f.numArgs=x+1,w},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=m,f}};function i(d,p){var m=d.length,h=p.length,f,v,g;for(v=0;v=0&&(m=d[f],h=m.cacheItem.get(m.arg),!h||!h.size);f--)m.cacheItem.delete(m.arg)}R(s,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}R(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); +var Wx=Object.defineProperty;var Gx=(e,t,r)=>t in e?Wx(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Rn=(e,t,r)=>Gx(e,typeof t!="symbol"?t+"":t,r);import{_ as Y1}from"./iframe-CmVLwW56.js";import{r as l,R as y}from"./index-DRjF_FHU.js";import{j as Z}from"./jsx-runtime-DR9Q75dM.js";import{r as fs,F as Y4}from"./index-BXCeiWJk.js";import{y as hh,g as Eu}from"./index-CzpEL4_8.js";import{d as Yx}from"./index-DrFu-skq.js";import{renderElement as Kx,unmountElement as Jx}from"./react-18-CeYYHeGS.js";var Zx=Object.create,K4=Object.defineProperty,Xx=Object.getOwnPropertyDescriptor,J4=Object.getOwnPropertyNames,Qx=Object.getPrototypeOf,eD=Object.prototype.hasOwnProperty,xi=(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')}),mn=(e,t)=>function(){return t||(0,e[J4(e)[0]])((t={exports:{}}).exports,t),t.exports},tD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of J4(t))!eD.call(e,a)&&a!==r&&K4(e,a,{get:()=>t[a],enumerable:!(n=Xx(t,a))||n.enumerable});return e},K1=(e,t,r)=>(r=e!=null?Zx(Qx(e)):{},tD(t||!e||!e.__esModule?K4(r,"default",{value:e,enumerable:!0}):r,e));function rD(e,t,{signal:r,edges:n}={}){let a,o=null,i=n!=null&&n.includes("leading"),s=n==null||n.includes("trailing"),c=()=>{o!==null&&(e.apply(a,o),a=void 0,o=null)},d=()=>{s&&c(),f()},p=null,m=()=>{p!=null&&clearTimeout(p),p=setTimeout(()=>{p=null,d()},t)},h=()=>{p!==null&&(clearTimeout(p),p=null)},f=()=>{h(),a=void 0,o=null},v=()=>{h(),c()},g=function(...w){if(r!=null&&r.aborted)return;a=this,o=w;let x=p==null;m(),i&&x&&c()};return g.schedule=m,g.cancel=f,g.flush=v,r==null||r.addEventListener("abort",f,{once:!0}),g}function _V(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:a=!1,trailing:o=!0,maxWait:i}=r,s=Array(2);a&&(s[0]="leading"),o&&(s[1]="trailing");let c,d=null,p=rD(function(...f){c=e.apply(this,f),d=null},t,{signal:n,edges:s}),m=function(...f){if(i!=null){if(d===null)d=Date.now();else if(Date.now()-d>=i)return c=e.apply(this,f),d=Date.now(),p.cancel(),p.schedule(),c}return p.apply(this,f),c},h=()=>(p.flush(),c);return m.cancel=p.cancel,m.flush=h,m}function nD(e){return Array.from(new Set(e))}function aD(e,t){let r={},n=Object.entries(e);for(let a=0;a`control-${e.replace(/\s+/g,"-")}`,hs=e=>`set-${e.replace(/\s+/g,"-")}`,pD=Object.create,J1=Object.defineProperty,fD=Object.getOwnPropertyDescriptor,hD=Object.getOwnPropertyNames,mD=Object.getPrototypeOf,gD=Object.prototype.hasOwnProperty,R=(e,t)=>J1(e,"name",{value:t,configurable:!0}),Di=(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')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),vD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of hD(t))!gD.call(e,a)&&a!==r&&J1(e,a,{get:()=>t[a],enumerable:!(n=fD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?pD(mD(e)):{},vD(t||!e||!e.__esModule?J1(r,"default",{value:e,enumerable:!0}):r,e)),yD=ms(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,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,h=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,w=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,D=t?Symbol.for("react.responder"):60118,E=t?Symbol.for("react.scope"):60119;function b($){return typeof $=="string"||typeof $=="function"||$===a||$===p||$===i||$===o||$===h||$===f||typeof $=="object"&&$!==null&&($.$$typeof===g||$.$$typeof===v||$.$$typeof===s||$.$$typeof===c||$.$$typeof===m||$.$$typeof===x||$.$$typeof===D||$.$$typeof===E||$.$$typeof===w)}R(b,"isValidElementType");function C($){if(typeof $=="object"&&$!==null){var rt=$.$$typeof;switch(rt){case r:var xt=$.type;switch(xt){case d:case p:case a:case i:case o:case h:return xt;default:var Mr=xt&&xt.$$typeof;switch(Mr){case c:case m:case g:case v:case s:return Mr;default:return rt}}case n:return rt}}}R(C,"typeOf");var S=d,k=p,A=c,_=s,I=r,B=m,z=a,L=g,M=v,O=n,P=i,j=o,U=h,V=!1;function G($){return V||(V=!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.")),Q($)||C($)===d}R(G,"isAsyncMode");function Q($){return C($)===p}R(Q,"isConcurrentMode");function ne($){return C($)===c}R(ne,"isContextConsumer");function J($){return C($)===s}R(J,"isContextProvider");function ie($){return typeof $=="object"&&$!==null&&$.$$typeof===r}R(ie,"isElement");function N($){return C($)===m}R(N,"isForwardRef");function K($){return C($)===a}R(K,"isFragment");function re($){return C($)===g}R(re,"isLazy");function fe($){return C($)===v}R(fe,"isMemo");function Ce($){return C($)===n}R(Ce,"isPortal");function Et($){return C($)===i}R(Et,"isProfiler");function He($){return C($)===o}R(He,"isStrictMode");function tt($){return C($)===h}R(tt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=A,e.ContextProvider=_,e.Element=I,e.ForwardRef=B,e.Fragment=z,e.Lazy=L,e.Memo=M,e.Portal=O,e.Profiler=P,e.StrictMode=j,e.Suspense=U,e.isAsyncMode=G,e.isConcurrentMode=Q,e.isContextConsumer=ne,e.isContextProvider=J,e.isElement=ie,e.isForwardRef=N,e.isFragment=K,e.isLazy=re,e.isMemo=fe,e.isPortal=Ce,e.isProfiler=Et,e.isStrictMode=He,e.isSuspense=tt,e.isValidElementType=b,e.typeOf=C})()}),bD=ms((e,t)=>{t.exports=yD()}),Z4=ms((e,t)=>{var r=bD(),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 c(w){return r.isMemo(w)?i:s[w.$$typeof]||n}R(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(w,x,D){if(typeof x!="string"){if(v){var E=f(x);E&&E!==v&&g(w,E,D)}var b=p(x);m&&(b=b.concat(m(x)));for(var C=c(w),S=c(x),k=0;k{(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 R(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var m=typeof Di=="function"&&Di;if(!p&&m)return m(d,!0);if(s)return s(d,!0);var h=new Error("Cannot find module '"+d+"'");throw h.code="MODULE_NOT_FOUND",h}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}R(i,"s");for(var s=typeof Di=="function"&&Di,c=0;c=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].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 c;for(c=0;c0&&(D[x]={cacheItem:v,arg:arguments[x]},E?i(m,D):m.push(D),m.length>d&&s(m.shift())),f.wasMemoized=E,f.numArgs=x+1,w},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=m,f}};function i(d,p){var m=d.length,h=p.length,f,v,g;for(v=0;v=0&&(m=d[f],h=m.cacheItem.get(m.arg),!h||!h.size);f--)m.cacheItem.delete(m.arg)}R(s,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}R(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?we(ka,--$e):0,la--,de===10&&(la=1,ys--),de}R(iy,"prev");function Oe(){return de=$e2||sa(de)>3?"":" "}R(ly,"whitespace");function sy(e,t){for(;--t&&Oe()&&!(de<48||de>102||de>57&&de<65||de>70&&de<97););return Aa(e,bo()+(t<6&&dt()==32&&Oe()==32))}R(sy,"escaping");function Cl(e){for(;Oe();)switch(de){case e:return $e;case 34:case 39:e!==34&&e!==39&&Cl(de);break;case 40:e===41&&Cl(e);break;case 92:Oe();break}return $e}R(Cl,"delimiter");function uy(e,t){for(;Oe()&&e+de!==57&&!(e+de===84&&dt()===47););return"/*"+Aa(t,$e-1)+"*"+gs(e===47?e:Oe())}R(uy,"commenter");function cy(e){for(;!sa(dt());)Oe();return Aa(e,$e)}R(cy,"identifier");function dy(e){return op(Eo("",null,null,null,[""],e=ap(e),0,[0],e))}R(dy,"compile");function Eo(e,t,r,n,a,o,i,s,c){for(var d=0,p=0,m=i,h=0,f=0,v=0,g=1,w=1,x=1,D=0,E="",b=a,C=o,S=n,k=E;w;)switch(v=D,D=Oe()){case 40:if(v!=108&&we(k,m-1)==58){Dl(k+=ee(wo(D),"&","&\f"),"&\f")!=-1&&(x=-1);break}case 34:case 39:case 91:k+=wo(D);break;case 9:case 10:case 13:case 32:k+=ly(v);break;case 92:k+=sy(bo()-1,7);continue;case 47:switch(dt()){case 42:case 47:oo(py(uy(Oe(),bo()),t,r),c);break;default:k+="/"}break;case 123*g:s[d++]=lt(k)*x;case 125*g:case 59:case 0:switch(D){case 0:case 125:w=0;case 59+p:x==-1&&(k=ee(k,/\f/g,"")),f>0&<(k)-m&&oo(f>32?Q0(k+";",n,r,m-1):Q0(ee(k," ","")+";",n,r,m-2),c);break;case 59:k+=";";default:if(oo(S=X0(k,t,r,d,p,a,s,E,b=[],C=[],m),o),D===123)if(p===0)Eo(k,t,S,S,b,o,m,s,C);else switch(h===99&&we(k,3)===110?100:h){case 100:case 108:case 109:case 115:Eo(e,S,S,n&&oo(X0(e,S,S,0,0,a,s,E,a,b=[],m),C),a,C,m,s,n?b:C);break;default:Eo(k,S,S,S,[""],C,0,s,C)}}d=p=f=0,g=x=1,E=k="",m=i;break;case 58:m=1+lt(k),f=v;default:if(g<1){if(D==123)--g;else if(D==125&&g++==0&&iy()==125)continue}switch(k+=gs(D),D*g){case 38:x=p>0?1:(k+="\f",-1);break;case 44:s[d++]=(lt(k)-1)*x,x=1;break;case 64:dt()===45&&(k+=wo(Oe())),h=dt(),p=m=lt(E=k+=cy(bo())),D++;break;case 45:v===45&<(k)==2&&(g=0)}}return o}R(Eo,"parse");function X0(e,t,r,n,a,o,i,s,c,d,p){for(var m=a-1,h=a===0?o:[""],f=vs(h),v=0,g=0,w=0;v0?h[x]+" "+D:ee(D,/&\f/g,h[x])))&&(c[w++]=E);return Ko(e,t,r,a===0?tp:s,c,d,p)}R(X0,"ruleset");function py(e,t,r){return Ko(e,t,r,ep,gs(oy()),ia(e,2,-2),0)}R(py,"comment");function Q0(e,t,r,n){return Ko(e,t,r,rp,ia(e,0,n),ia(e,n+1,-1),n)}R(Q0,"declaration");function an(e,t){for(var r="",n=vs(e),a=0;a-1},"isIgnoringComment"),zD=R(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 c=i[s];if(c.line=0;r--)if(!my(t[r]))return!0;return!1},"isPrependedWithRegularRules"),yh=R(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),OD=R(function(e,t,r){my(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."),yh(e)):LD(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),yh(e)))},"incorrectImportAlarm");function ip(e,t){switch(ty(e,t)){case 5103:return te+"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 te+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return te+e+xl+e+_e+e+e;case 6828:case 4268:return te+e+_e+e+e;case 6165:return te+e+_e+"flex-"+e+e;case 5187:return te+e+ee(e,/(\w+).+(:[^]+)/,te+"box-$1$2"+_e+"flex-$1$2")+e;case 5443:return te+e+_e+"flex-item-"+ee(e,/flex-|-self/,"")+e;case 4675:return te+e+_e+"flex-line-pack"+ee(e,/align-content|flex-|-self/,"")+e;case 5548:return te+e+_e+ee(e,"shrink","negative")+e;case 5292:return te+e+_e+ee(e,"basis","preferred-size")+e;case 6060:return te+"box-"+ee(e,"-grow","")+te+e+_e+ee(e,"grow","positive")+e;case 4554:return te+ee(e,/([^-])(transform)/g,"$1"+te+"$2")+e;case 6187:return ee(ee(ee(e,/(zoom-|grab)/,te+"$1"),/(image-set)/,te+"$1"),e,"")+e;case 5495:case 3959:return ee(e,/(image-set\([^]*)/,te+"$1$`$1");case 4968:return ee(ee(e,/(.+:)(flex-)?(.*)/,te+"box-pack:$3"+_e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+te+e+e;case 4095:case 3583:case 4068:case 2532:return ee(e,/(.+)-inline(.+)/,te+"$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(lt(e)-1-t>6)switch(we(e,t+1)){case 109:if(we(e,t+4)!==45)break;case 102:return ee(e,/(.+:)(.+)-([^]+)/,"$1"+te+"$2-$3$1"+xl+(we(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Dl(e,"stretch")?ip(ee(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(we(e,t+1)!==115)break;case 6444:switch(we(e,lt(e)-3-(~Dl(e,"!important")&&10))){case 107:return ee(e,":",":"+te)+e;case 101:return ee(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+te+(we(e,14)===45?"inline-":"")+"box$3$1"+te+"$2$3$1"+_e+"$2box$3")+e}break;case 5936:switch(we(e,t+11)){case 114:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return te+e+_e+e+e}return e}R(ip,"prefix");var MD=R(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case rp:e.return=ip(e.value,e.length);break;case ey:return an([$n(e,{value:ee(e.value,"@","@"+te)})],n);case tp:if(e.length)return ny(e.props,function(a){switch(ry(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return an([$n(e,{props:[ee(a,/:(read-\w+)/,":"+xl+"$1")]})],n);case"::placeholder":return an([$n(e,{props:[ee(a,/:(plac\w+)/,":"+te+"input-$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,":"+xl+"$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,_e+"input-$1")]})],n)}return""})}},"prefixer"),PD=[MD],$D=R(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||PD;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(" "),w=1;w=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)}R(gy,"murmur2");var VD={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},bh=`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';". @@ -677,7 +677,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function lO(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var E4={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function uO(e){if(typeof e!="string")return e;var t=e.toLowerCase();return E4[t]?"#"+E4[t]:e}var cO=/^#[a-fA-F0-9]{6}$/,dO=/^#[a-fA-F0-9]{8}$/,pO=/^#[a-fA-F0-9]{3}$/,fO=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,hO=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,mO=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,gO=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function du(e){if(typeof e!="string")throw new Ot(3);var t=uO(e);if(t.match(cO))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(dO)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(pO))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(fO)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=j0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=hO.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=mO.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Go(s,c,d)+")",m=j0.exec(p);if(!m)throw new Ot(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=gO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+Go(f,v,g)+")",x=j0.exec(w);if(!x)throw new Ot(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Ot(5)}function vO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?ps(e,t,r):"rgba("+Go(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?ps(e.hue,e.saturation,e.lightness):"rgba("+Go(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ot(2)}function P1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return M1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return M1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Ot(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=du(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?P1(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?P1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ot(7)}var xO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},DO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},CO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},SO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function $9(e){if(typeof e!="object")throw new Ot(8);if(DO(e))return nr(e);if(xO(e))return P1(e);if(SO(e))return EO(e);if(CO(e))return wO(e);throw new Ot(8)}function N9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):N9(e,t,n)}}function pu(e){return N9(e,e.length,[])}function fu(e,t,r){return Math.max(e,Math.min(t,r))}function kO(e,t){if(t==="transparent")return t;var r=P9(t);return $9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var AO=pu(kO),Rt=AO;function FO(e,t){if(t==="transparent")return t;var r=P9(t);return $9(Ca({},r,{lightness:fu(0,1,r.lightness+parseFloat(e))}))}var _O=pu(FO),Kr=_O;function RO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var IO=pu(RO),Ji=IO;function BO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var TO=pu(BO),oe=TO,zO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),H9=e=>y.createElement(zO,{...e,className:"docblock-emptyblock sb-unstyled"}),LO=F(jf)(({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"}})),OO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Zi=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${nd}`]:{margin:0}})),MO=()=>y.createElement(OO,null,y.createElement(Zi,null),y.createElement(Zi,{style:{width:"80%"}}),y.createElement(Zi,{style:{width:"30%"}}),y.createElement(Zi,{style:{width:"80%"}})),j9=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=xy();if(e)return y.createElement(MO,null);if(t)return y.createElement(H9,null,t);let c=y.createElement(LO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?td.dark:td.light;return y.createElement(Dy,{theme:rd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Qf=600,PO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Qf}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),$O=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Qf}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),NO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("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}},[he("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}},[he("div")]:t,[he("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}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("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"}},[he("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"}}},[he("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}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),HO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Qf}px)`]:{}})),jO=({children:e,toc:t})=>y.createElement(HO,{className:"sbdocs sbdocs-wrapper"},y.createElement(NO,{className:"sbdocs sbdocs-content"},e),t),hu=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}`}),{window:VO}=globalThis,UO=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=VO.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})}},V9=l.createContext({scale:1}),{PREVIEW_URL:qO}=globalThis,WO=qO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,GO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(oz,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${$1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(U9,null),y.createElement("div",{ref:t,id:`${$1(e)}-inner`,"data-name":i.name}))},YO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(V9.Consumer,null,({scale:r})=>y.createElement(UO,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:FL(WO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),KO=F.strong(({theme:e})=>({color:e.color.orange})),JO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(KO,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:$1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(GO,{...e}):y.createElement(YO,{...e}))},U9=()=>y.createElement(AL,null),ZO=F(Zf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),XO=F.div({display:"flex",alignItems:"center",gap:4}),QO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),eM=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(ZO,{...o},y.createElement(XO,{key:"left"},e?[1,2,3].map(i=>y.createElement(QO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(BL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(TL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(zL,null))))),tM=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),x4=F(j9)(({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)":Rt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Rt(.05,e.background.content)}})),rM=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...hu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),nM=(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(x4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(x4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function aM(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var oM=F(eM)({position:"absolute",top:0,left:0,right:0,height:40}),iM=F.div({overflow:"hidden",position:"relative"}),q9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=nM(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await Y1(()=>import("./index-BE08qe-V.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(B=>B.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(B=>B.title!=="Copied")),1500)}))};return y.createElement(rM,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(oM,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:aM(n),baseUrl:"./iframe.html"}),y.createElement(V9.Provider,{value:{scale:g}},y.createElement(iM,{className:"docs-story",onCopyCapture:a&&A},y.createElement(tM,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(ZT.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Cp,{actionItems:C}))),a&&m&&f)};F(q9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Zr(){return Zr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),k4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},sM=["style","script"],uM=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,cM=/mailto:/i,dM=/\n{2,}$/,W9=/^(\s*>[\s\S]*?)(?=\n{2,})/,pM=/^ *> ?/gm,fM=/^ {2,}\n/,hM=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,G9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,Y9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,mM=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,gM=/^(?:\n *)*\n/,vM=/\r\n?/g,yM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,bM=/^\[\^([^\]]+)]/,wM=/\f/g,EM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,xM=/^\s*?\[(x|\s)\]/,K9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,J9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Z9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,N1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,DM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,X9=/^)/,CM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,SM=/^\{.*\}$/,kM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,AM=/^<([^ >]+@[^ >]+)>/,FM=/^<([^ >]+:\/[^ >]+)>/,_M=/-([a-z])?/gi,Q9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,RM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,IM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,BM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,TM=/(\[|\])/g,zM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,LM=/\t/g,OM=/^ *\| */,MM=/(^ *\||\| *$)/g,PM=/ *$/,$M=/^ *:-+: *$/,NM=/^ *:-+ *$/,HM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",jM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),VM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),UM=new RegExp(`^==${mu}==`),qM=new RegExp(`^~~${mu}~~`),WM=/^\\([^0-9A-Za-z\s])/,GM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,YM=/^\n+/,KM=/^([ \t]*)/,JM=/\\([^\\])/g,A4=/ *\n+$/,ZM=/(?:^|\n)( *)$/,eh="(?:\\d+\\.)",th="(?:[*+-])";function ex(e){return"( *)("+(e===1?eh:th)+") +"}var tx=ex(1),rx=ex(2);function nx(e){return new RegExp("^"+(e===1?tx:rx))}var XM=nx(1),QM=nx(2);function ax(e){return new RegExp("^"+(e===1?tx:rx)+"[^\\n]*(?:\\n(?!\\1"+(e===1?eh:th)+" )[^\\n]*)*(\\n|$)","gm")}var ox=ax(1),ix=ax(2);function lx(e){let t=e===1?eh:th;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var sx=lx(1),ux=lx(2);function F4(e,t){let r=t===1,n=r?sx:ux,a=r?ox:ix,o=r?XM:QM;return{match(i,s,c){let d=ZM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(dM,` +`};function lO(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var E4={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function uO(e){if(typeof e!="string")return e;var t=e.toLowerCase();return E4[t]?"#"+E4[t]:e}var cO=/^#[a-fA-F0-9]{6}$/,dO=/^#[a-fA-F0-9]{8}$/,pO=/^#[a-fA-F0-9]{3}$/,fO=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,hO=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,mO=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,gO=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function du(e){if(typeof e!="string")throw new Ot(3);var t=uO(e);if(t.match(cO))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(dO)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(pO))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(fO)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=j0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=hO.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=mO.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Go(s,c,d)+")",m=j0.exec(p);if(!m)throw new Ot(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=gO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+Go(f,v,g)+")",x=j0.exec(w);if(!x)throw new Ot(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Ot(5)}function vO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?ps(e,t,r):"rgba("+Go(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?ps(e.hue,e.saturation,e.lightness):"rgba("+Go(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Ot(2)}function P1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return M1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return M1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Ot(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=du(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?P1(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?P1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Ot(7)}var xO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},DO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},CO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},SO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function $9(e){if(typeof e!="object")throw new Ot(8);if(DO(e))return nr(e);if(xO(e))return P1(e);if(SO(e))return EO(e);if(CO(e))return wO(e);throw new Ot(8)}function N9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):N9(e,t,n)}}function pu(e){return N9(e,e.length,[])}function fu(e,t,r){return Math.max(e,Math.min(t,r))}function kO(e,t){if(t==="transparent")return t;var r=P9(t);return $9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var AO=pu(kO),Rt=AO;function FO(e,t){if(t==="transparent")return t;var r=P9(t);return $9(Ca({},r,{lightness:fu(0,1,r.lightness+parseFloat(e))}))}var _O=pu(FO),Kr=_O;function RO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var IO=pu(RO),Ji=IO;function BO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var TO=pu(BO),oe=TO,zO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),H9=e=>y.createElement(zO,{...e,className:"docblock-emptyblock sb-unstyled"}),LO=F(jf)(({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"}})),OO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Zi=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${nd}`]:{margin:0}})),MO=()=>y.createElement(OO,null,y.createElement(Zi,null),y.createElement(Zi,{style:{width:"80%"}}),y.createElement(Zi,{style:{width:"30%"}}),y.createElement(Zi,{style:{width:"80%"}})),j9=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=xy();if(e)return y.createElement(MO,null);if(t)return y.createElement(H9,null,t);let c=y.createElement(LO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?td.dark:td.light;return y.createElement(Dy,{theme:rd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,Qf=600,PO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${Qf}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),$O=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${Qf}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),NO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("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}},[he("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}},[he("div")]:t,[he("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}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("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"}},[he("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"}}},[he("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}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),HO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${Qf}px)`]:{}})),jO=({children:e,toc:t})=>y.createElement(HO,{className:"sbdocs sbdocs-wrapper"},y.createElement(NO,{className:"sbdocs sbdocs-content"},e),t),hu=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}`}),{window:VO}=globalThis,UO=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=VO.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})}},V9=l.createContext({scale:1}),{PREVIEW_URL:qO}=globalThis,WO=qO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,GO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(oz,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${$1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(U9,null),y.createElement("div",{ref:t,id:`${$1(e)}-inner`,"data-name":i.name}))},YO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(V9.Consumer,null,({scale:r})=>y.createElement(UO,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:FL(WO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),KO=F.strong(({theme:e})=>({color:e.color.orange})),JO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(KO,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:$1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(GO,{...e}):y.createElement(YO,{...e}))},U9=()=>y.createElement(AL,null),ZO=F(Zf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),XO=F.div({display:"flex",alignItems:"center",gap:4}),QO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),eM=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(ZO,{...o},y.createElement(XO,{key:"left"},e?[1,2,3].map(i=>y.createElement(QO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(BL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(TL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(zL,null))))),tM=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),x4=F(j9)(({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)":Rt(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":Rt(.05,e.background.content)}})),rM=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...hu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),nM=(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(x4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(x4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function aM(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var oM=F(eM)({position:"absolute",top:0,left:0,right:0,height:40}),iM=F.div({overflow:"hidden",position:"relative"}),q9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=nM(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await Y1(()=>import("./index-Btgu8W21.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(B=>B.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(B=>B.title!=="Copied")),1500)}))};return y.createElement(rM,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(oM,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:aM(n),baseUrl:"./iframe.html"}),y.createElement(V9.Provider,{value:{scale:g}},y.createElement(iM,{className:"docs-story",onCopyCapture:a&&A},y.createElement(tM,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(ZT.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Cp,{actionItems:C}))),a&&m&&f)};F(q9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Zr(){return Zr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),k4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},sM=["style","script"],uM=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,cM=/mailto:/i,dM=/\n{2,}$/,W9=/^(\s*>[\s\S]*?)(?=\n{2,})/,pM=/^ *> ?/gm,fM=/^ {2,}\n/,hM=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,G9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,Y9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,mM=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,gM=/^(?:\n *)*\n/,vM=/\r\n?/g,yM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,bM=/^\[\^([^\]]+)]/,wM=/\f/g,EM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,xM=/^\s*?\[(x|\s)\]/,K9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,J9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Z9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,N1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,DM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,X9=/^)/,CM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,SM=/^\{.*\}$/,kM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,AM=/^<([^ >]+@[^ >]+)>/,FM=/^<([^ >]+:\/[^ >]+)>/,_M=/-([a-z])?/gi,Q9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,RM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,IM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,BM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,TM=/(\[|\])/g,zM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,LM=/\t/g,OM=/^ *\| */,MM=/(^ *\||\| *$)/g,PM=/ *$/,$M=/^ *:-+: *$/,NM=/^ *:-+ *$/,HM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",jM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),VM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),UM=new RegExp(`^==${mu}==`),qM=new RegExp(`^~~${mu}~~`),WM=/^\\([^0-9A-Za-z\s])/,GM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,YM=/^\n+/,KM=/^([ \t]*)/,JM=/\\([^\\])/g,A4=/ *\n+$/,ZM=/(?:^|\n)( *)$/,eh="(?:\\d+\\.)",th="(?:[*+-])";function ex(e){return"( *)("+(e===1?eh:th)+") +"}var tx=ex(1),rx=ex(2);function nx(e){return new RegExp("^"+(e===1?tx:rx))}var XM=nx(1),QM=nx(2);function ax(e){return new RegExp("^"+(e===1?tx:rx)+"[^\\n]*(?:\\n(?!\\1"+(e===1?eh:th)+" )[^\\n]*)*(\\n|$)","gm")}var ox=ax(1),ix=ax(2);function lx(e){let t=e===1?eh:th;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var sx=lx(1),ux=lx(2);function F4(e,t){let r=t===1,n=r?sx:ux,a=r?ox:ix,o=r?XM:QM;return{match(i,s,c){let d=ZM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(dM,` `).match(a),m=!1;return{items:p.map(function(h,f){let v=o.exec(h)[0].length,g=new RegExp("^ {1,"+v+"}","gm"),w=h.replace(g,"").replace(o,""),x=f===p.length-1,D=w.indexOf(` `)!==-1||x&&m;m=D;let E=c.inline,b=c.list,C;c.list=!0,D?(c.inline=!1,C=w.replace(A4,` @@ -708,7 +708,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' ${Rt(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Kr(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Kr(.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 ${nr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Dx=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),s$=F(Dx)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),u$=F.div({display:"flex",alignItems:"center",width:"100%"});function c$(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 d$=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{var f;let d=v=>{r(EP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>c$(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(u$,{"aria-readonly":h},y.createElement(Dx,null,n),y.createElement(l$,{id:vt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(s$,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},p$=F.label({display:"flex"}),f$=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),h$=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:hs(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(p$,null,y.createElement(yi.Textarea,{id:vt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(f$,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},m$=F(yi.Input)({padding:10});function g$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var v$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=l.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),g$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(m$,{ref:o,id:vt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},y$=l.lazy(()=>Y1(()=>import("./Color-F6OSRLHC-CrJiLsZI.js"),__vite__mapDeps([9,2,1,3,4,5,6,7,8]),import.meta.url)),b$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(y$,{...e})),w$={array:P4,object:P4,boolean:fP,color:b$,date:bP,number:DP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:d$,text:h$,file:v$},$4=()=>y.createElement(y.Fragment,null,"-"),E$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let w=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&w?y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement($4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=w$[o.type]||$4;return y.createElement(v,{...f,...o,controlType:o.type})},x$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),D$=({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(x$,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)))))},C$=K1(O9()),U1=8,N4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),S$=F.span(Lr,({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}})),k$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),A$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),F$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),_$=F(VL)({marginLeft:4}),R$=F(L9)({marginLeft:4}),I$=()=>y.createElement("span",null,"-"),Cx=({text:e,simple:t})=>y.createElement(S$,{simple:t},e),B$=(0,C$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),T$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return nD(t)},H4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,U1)),r.map(n=>y.createElement(Cx,{key:n,text:n===""?'""':n}))},z$=({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 c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(Cx,{text:c});let d=T$(c),p=d.length;return p>U1?y.createElement(N4,{isExpanded:i},H4(d,i),y.createElement(k$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(N4,null,H4(d))}return y.createElement(Iz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(F$,{width:B$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(A$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(_$,null):y.createElement(R$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(I$,null):y.createElement(z$,{value:e,initialExpandedArgs:t}),L$=F.span({fontWeight:"bold"}),O$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),M$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),P$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),$$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),N$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),H$=e=>e&&{summary:typeof e=="string"?e:e.name},Xi=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||H$(n.type),h=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(N$,{expandable:i},y.createElement(L$,null,c),f?y.createElement(O$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(M$,null,y.createElement(dx,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement($$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(D$,{tags:p.jsDocTags})):y.createElement(P$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(K0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(E$,{...e,isHovered:t})):null)},j$=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),V$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),U$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),q$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(j$,{inAddonPanel:e},y.createElement(F9,{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(V$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(ML,null)," Watch 5m video"),y.createElement(U$,null),y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read docs")),!e&&y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Learn how to set that up"))}))},W$=F(HL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),G$=F(jL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),Y$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),K$=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),J$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),Z$=F.td(()=>({position:"relative"})),X$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),j4=F.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),J0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?J$:K$,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(X$,{title:p},y.createElement(s,{colSpan:1},y.createElement(j4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(Y$,null,o?y.createElement(W$,null):y.createElement(G$,null),t)),y.createElement(Z$,{colSpan:a-1},y.createElement(j4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},Qi=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Fe=[2,4,2,2],Q$=()=>y.createElement(y.Fragment,null,y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),eN=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.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}}}}})),tN=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),rN=F.span({display:"flex",justifyContent:"space-between"}),nN={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},aN=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=nN[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)}}),{})}},oN=(e,t,r)=>{try{return gS(e,t,r)}catch(n){return WL.warn(n.message),!1}},q1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(H9,null,D," ",y.createElement(oa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read the docs"))}if(s)return y.createElement(Q$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=aN(aD(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&oN(D,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(q$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(U8,null,y.createElement(eN,{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(rN,null,"Control"," ",!s&&r&&y.createElement(tN,{onClick:()=>r(),title:"Reset controls"},y.createElement(UL,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Xi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(J0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Xi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(J0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Xi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(J0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Xi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},iN=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(fL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(q1,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...hu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...hu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var lN=e=>`anchor--${e}`,sN=({storyId:e,children:t})=>y.createElement("div",{id:lN(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var Yt=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(Yt).resolveOf(e,t),uN=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),cN=e=>{if(e)return typeof e=="string"?e.includes("-")?uN(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function dN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var pN=Object.create,Sx=Object.defineProperty,fN=Object.getOwnPropertyDescriptor,kx=Object.getOwnPropertyNames,hN=Object.getPrototypeOf,mN=Object.prototype.hasOwnProperty,et=(e,t)=>function(){return t||(0,e[kx(e)[0]])((t={exports:{}}).exports,t),t.exports},gN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of kx(t))!mN.call(e,a)&&a!==r&&Sx(e,a,{get:()=>t[a],enumerable:!(n=fN(t,a))||n.enumerable});return e},ah=(e,t,r)=>(r=e!=null?pN(hN(e)):{},gN(!e||!e.__esModule?Sx(r,"default",{value:e,enumerable:!0}):r,e)),vN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],yN=["detail"];function bN(e){let t=vN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&yN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var wN=K1(O9(),1),Ax=et({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Fx=et({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=Ax();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),EN=et({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=oh(),D=xN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},B=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=B("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,J);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[J]}else ne=D(U,J),U=U[J];ne&&!V&&(v[j]=U)}}return U}}}),DN=et({"node_modules/call-bind/index.js"(e,t){var r=oh(),n=_x(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),CN=et({"node_modules/call-bind/callBound.js"(e,t){var r=_x(),n=DN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),SN=et({"node_modules/has-tostringtag/shams.js"(e,t){var r=Ax();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),kN=et({"node_modules/is-regex/index.js"(e,t){var r=CN(),n=SN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),AN=et({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),FN=et({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Fx()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),_N=ah(kN()),RN=ah(AN()),IN=ah(FN());function BN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var TN=typeof global=="object"&&global&&global.Object===Object&&global,zN=TN,LN=typeof self=="object"&&self&&self.Object===Object&&self,ON=zN||LN||Function("return this")(),ih=ON,MN=ih.Symbol,Sa=MN,Rx=Object.prototype,PN=Rx.hasOwnProperty,$N=Rx.toString,ao=Sa?Sa.toStringTag:void 0;function NN(e){var t=PN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=$N.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var HN=NN,jN=Object.prototype,VN=jN.toString;function UN(e){return VN.call(e)}var qN=UN,WN="[object Null]",GN="[object Undefined]",V4=Sa?Sa.toStringTag:void 0;function YN(e){return e==null?e===void 0?GN:WN:V4&&V4 in Object(e)?HN(e):qN(e)}var KN=YN,U4=Sa?Sa.prototype:void 0;U4&&U4.toString;function JN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ix=JN,ZN="[object AsyncFunction]",XN="[object Function]",QN="[object GeneratorFunction]",eH="[object Proxy]";function tH(e){if(!Ix(e))return!1;var t=KN(e);return t==XN||t==QN||t==ZN||t==eH}var rH=tH,nH=ih["__core-js_shared__"],Z0=nH,q4=function(){var e=/[^.]+$/.exec(Z0&&Z0.keys&&Z0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function aH(e){return!!q4&&q4 in e}var oH=aH,iH=Function.prototype,lH=iH.toString;function sH(e){if(e!=null){try{return lH.call(e)}catch{}try{return e+""}catch{}}return""}var uH=sH,cH=/[\\^$.*+?()[\]{}|]/g,dH=/^\[object .+?Constructor\]$/,pH=Function.prototype,fH=Object.prototype,hH=pH.toString,mH=fH.hasOwnProperty,gH=RegExp("^"+hH.call(mH).replace(cH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function vH(e){if(!Ix(e)||oH(e))return!1;var t=rH(e)?gH:dH;return t.test(uH(e))}var yH=vH;function bH(e,t){return e==null?void 0:e[t]}var wH=bH;function EH(e,t){var r=wH(e,t);return yH(r)?r:void 0}var Bx=EH;function xH(e,t){return e===t||e!==e&&t!==t}var DH=xH,CH=Bx(Object,"create"),Yo=CH;function SH(){this.__data__=Yo?Yo(null):{},this.size=0}var kH=SH;function AH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var FH=AH,_H="__lodash_hash_undefined__",RH=Object.prototype,IH=RH.hasOwnProperty;function BH(e){var t=this.__data__;if(Yo){var r=t[e];return r===_H?void 0:r}return IH.call(t,e)?t[e]:void 0}var TH=BH,zH=Object.prototype,LH=zH.hasOwnProperty;function OH(e){var t=this.__data__;return Yo?t[e]!==void 0:LH.call(t,e)}var MH=OH,PH="__lodash_hash_undefined__";function $H(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?PH:t,this}var NH=$H;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var ZH=JH;function XH(e,t){var r=this.__data__,n=vu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var QH=XH;function Oa(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;i({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),u$=F.div({display:"flex",alignItems:"center",width:"100%"});function c$(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 d$=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{var f;let d=v=>{r(EP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>c$(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(u$,{"aria-readonly":h},y.createElement(Dx,null,n),y.createElement(l$,{id:vt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(s$,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},p$=F.label({display:"flex"}),f$=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),h$=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:hs(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(p$,null,y.createElement(yi.Textarea,{id:vt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(f$,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},m$=F(yi.Input)({padding:10});function g$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var v$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=l.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),g$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(m$,{ref:o,id:vt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},y$=l.lazy(()=>Y1(()=>import("./Color-F6OSRLHC-D67Ak527.js"),__vite__mapDeps([9,2,1,3,4,5,6,7,8]),import.meta.url)),b$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(y$,{...e})),w$={array:P4,object:P4,boolean:fP,color:b$,date:bP,number:DP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:d$,text:h$,file:v$},$4=()=>y.createElement(y.Fragment,null,"-"),E$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let w=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&w?y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement($4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=w$[o.type]||$4;return y.createElement(v,{...f,...o,controlType:o.type})},x$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),D$=({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(x$,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)))))},C$=K1(O9()),U1=8,N4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),S$=F.span(Lr,({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}})),k$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),A$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),F$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),_$=F(VL)({marginLeft:4}),R$=F(L9)({marginLeft:4}),I$=()=>y.createElement("span",null,"-"),Cx=({text:e,simple:t})=>y.createElement(S$,{simple:t},e),B$=(0,C$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),T$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return nD(t)},H4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,U1)),r.map(n=>y.createElement(Cx,{key:n,text:n===""?'""':n}))},z$=({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 c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(Cx,{text:c});let d=T$(c),p=d.length;return p>U1?y.createElement(N4,{isExpanded:i},H4(d,i),y.createElement(k$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(N4,null,H4(d))}return y.createElement(Iz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(F$,{width:B$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(A$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(_$,null):y.createElement(R$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(I$,null):y.createElement(z$,{value:e,initialExpandedArgs:t}),L$=F.span({fontWeight:"bold"}),O$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),M$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),P$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),$$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),N$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),H$=e=>e&&{summary:typeof e=="string"?e:e.name},Xi=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||H$(n.type),h=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(N$,{expandable:i},y.createElement(L$,null,c),f?y.createElement(O$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(M$,null,y.createElement(dx,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement($$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(D$,{tags:p.jsDocTags})):y.createElement(P$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(K0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(E$,{...e,isHovered:t})):null)},j$=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),V$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),U$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),q$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(j$,{inAddonPanel:e},y.createElement(F9,{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(V$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(ML,null)," Watch 5m video"),y.createElement(U$,null),y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read docs")),!e&&y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Learn how to set that up"))}))},W$=F(HL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),G$=F(jL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),Y$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),K$=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),J$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),Z$=F.td(()=>({position:"relative"})),X$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),j4=F.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),J0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?J$:K$,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(X$,{title:p},y.createElement(s,{colSpan:1},y.createElement(j4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(Y$,null,o?y.createElement(W$,null):y.createElement(G$,null),t)),y.createElement(Z$,{colSpan:a-1},y.createElement(j4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},Qi=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Fe=[2,4,2,2],Q$=()=>y.createElement(y.Fragment,null,y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(Qi,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),eN=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.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}}}}})),tN=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),rN=F.span({display:"flex",justifyContent:"space-between"}),nN={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},aN=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=nN[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)}}),{})}},oN=(e,t,r)=>{try{return gS(e,t,r)}catch(n){return WL.warn(n.message),!1}},q1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(H9,null,D," ",y.createElement(oa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read the docs"))}if(s)return y.createElement(Q$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=aN(aD(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&oN(D,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(q$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(U8,null,y.createElement(eN,{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(rN,null,"Control"," ",!s&&r&&y.createElement(tN,{onClick:()=>r(),title:"Reset controls"},y.createElement(UL,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Xi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(J0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Xi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(J0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Xi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(J0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Xi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},iN=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(fL,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(q1,{key:`prop_table_${o}`,...i,...d}):null)}))};F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"}));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...hu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));F.div(({theme:e})=>({...hu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});F.div({display:"flex",flexFlow:"row wrap"});var lN=e=>`anchor--${e}`,sN=({storyId:e,children:t})=>y.createElement("div",{id:lN(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var Yt=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(Yt).resolveOf(e,t),uN=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),cN=e=>{if(e)return typeof e=="string"?e.includes("-")?uN(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function dN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var pN=Object.create,Sx=Object.defineProperty,fN=Object.getOwnPropertyDescriptor,kx=Object.getOwnPropertyNames,hN=Object.getPrototypeOf,mN=Object.prototype.hasOwnProperty,et=(e,t)=>function(){return t||(0,e[kx(e)[0]])((t={exports:{}}).exports,t),t.exports},gN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of kx(t))!mN.call(e,a)&&a!==r&&Sx(e,a,{get:()=>t[a],enumerable:!(n=fN(t,a))||n.enumerable});return e},ah=(e,t,r)=>(r=e!=null?pN(hN(e)):{},gN(!e||!e.__esModule?Sx(r,"default",{value:e,enumerable:!0}):r,e)),vN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],yN=["detail"];function bN(e){let t=vN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&yN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var wN=K1(O9(),1),Ax=et({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Fx=et({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=Ax();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),EN=et({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=oh(),D=xN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},B=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=B("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,J);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[J]}else ne=D(U,J),U=U[J];ne&&!V&&(v[j]=U)}}return U}}}),DN=et({"node_modules/call-bind/index.js"(e,t){var r=oh(),n=_x(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),CN=et({"node_modules/call-bind/callBound.js"(e,t){var r=_x(),n=DN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),SN=et({"node_modules/has-tostringtag/shams.js"(e,t){var r=Ax();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),kN=et({"node_modules/is-regex/index.js"(e,t){var r=CN(),n=SN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),AN=et({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),FN=et({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Fx()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),_N=ah(kN()),RN=ah(AN()),IN=ah(FN());function BN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var TN=typeof global=="object"&&global&&global.Object===Object&&global,zN=TN,LN=typeof self=="object"&&self&&self.Object===Object&&self,ON=zN||LN||Function("return this")(),ih=ON,MN=ih.Symbol,Sa=MN,Rx=Object.prototype,PN=Rx.hasOwnProperty,$N=Rx.toString,ao=Sa?Sa.toStringTag:void 0;function NN(e){var t=PN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=$N.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var HN=NN,jN=Object.prototype,VN=jN.toString;function UN(e){return VN.call(e)}var qN=UN,WN="[object Null]",GN="[object Undefined]",V4=Sa?Sa.toStringTag:void 0;function YN(e){return e==null?e===void 0?GN:WN:V4&&V4 in Object(e)?HN(e):qN(e)}var KN=YN,U4=Sa?Sa.prototype:void 0;U4&&U4.toString;function JN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Ix=JN,ZN="[object AsyncFunction]",XN="[object Function]",QN="[object GeneratorFunction]",eH="[object Proxy]";function tH(e){if(!Ix(e))return!1;var t=KN(e);return t==XN||t==QN||t==ZN||t==eH}var rH=tH,nH=ih["__core-js_shared__"],Z0=nH,q4=function(){var e=/[^.]+$/.exec(Z0&&Z0.keys&&Z0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function aH(e){return!!q4&&q4 in e}var oH=aH,iH=Function.prototype,lH=iH.toString;function sH(e){if(e!=null){try{return lH.call(e)}catch{}try{return e+""}catch{}}return""}var uH=sH,cH=/[\\^$.*+?()[\]{}|]/g,dH=/^\[object .+?Constructor\]$/,pH=Function.prototype,fH=Object.prototype,hH=pH.toString,mH=fH.hasOwnProperty,gH=RegExp("^"+hH.call(mH).replace(cH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function vH(e){if(!Ix(e)||oH(e))return!1;var t=rH(e)?gH:dH;return t.test(uH(e))}var yH=vH;function bH(e,t){return e==null?void 0:e[t]}var wH=bH;function EH(e,t){var r=wH(e,t);return yH(r)?r:void 0}var Bx=EH;function xH(e,t){return e===t||e!==e&&t!==t}var DH=xH,CH=Bx(Object,"create"),Yo=CH;function SH(){this.__data__=Yo?Yo(null):{},this.size=0}var kH=SH;function AH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var FH=AH,_H="__lodash_hash_undefined__",RH=Object.prototype,IH=RH.hasOwnProperty;function BH(e){var t=this.__data__;if(Yo){var r=t[e];return r===_H?void 0:r}return IH.call(t,e)?t[e]:void 0}var TH=BH,zH=Object.prototype,LH=zH.hasOwnProperty;function OH(e){var t=this.__data__;return Yo?t[e]!==void 0:LH.call(t,e)}var MH=OH,PH="__lodash_hash_undefined__";function $H(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?PH:t,this}var NH=$H;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var ZH=JH;function XH(e,t){var r=this.__data__,n=vu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var QH=XH;function Oa(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;iCj(e).replace(/\n\s*/g,"").trim()),kj=function(e,t){let r=t.slice(0,t.indexOf("{")),n=t.slice(t.indexOf("{"));if(r.includes("=>")||r.includes("function"))return t;let a=r;return a=a.replace(e,"function"),a+n},Aj=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/;function zx(e){if(!Dj(e))return e;let t=e,r=!1;return typeof Event<"u"&&e instanceof Event&&(t=bN(t),r=!0),t=Object.keys(t).reduce((n,a)=>{try{t[a]&&t[a].toJSON,n[a]=t[a]}catch{r=!0}return n},{}),r?t:e}var Fj=function(e){let t,r,n,a;return function(o,i){try{if(o==="")return a=[],t=new Map([[i,"[]"]]),r=new Map,n=[],i;let s=r.get(this)||this;for(;n.length&&s!==n[0];)n.shift(),a.pop();if(typeof i=="boolean")return i;if(i===void 0)return e.allowUndefined?"_undefined_":void 0;if(i===null)return null;if(typeof i=="number")return i===-1/0?"_-Infinity_":i===1/0?"_Infinity_":Number.isNaN(i)?"_NaN_":i;if(typeof i=="bigint")return`_bigint_${i.toString()}`;if(typeof i=="string")return Aj.test(i)?e.allowDate?`_date_${i}`:void 0:i;if((0,_N.default)(i))return e.allowRegExp?`_regexp_${i.flags}|${i.source}`:void 0;if((0,RN.default)(i)){if(!e.allowFunction)return;let{name:d}=i,p=i.toString();return p.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?`_function_${d}|${(()=>{}).toString()}`:`_function_${d}|${Sj(kj(o,p))}`}if((0,IN.default)(i)){if(!e.allowSymbol)return;let d=Symbol.keyFor(i);return d!==void 0?`_gsymbol_${d}`:`_symbol_${i.toString().slice(7,-1)}`}if(n.length>=e.maxDepth)return Array.isArray(i)?`[Array(${i.length})]`:"[Object]";if(i===this)return`_duplicate_${JSON.stringify(a)}`;if(i instanceof Error&&e.allowError)return{__isConvertedError__:!0,errorProperties:{...i.cause?{cause:i.cause}:{},...i,name:i.name,message:i.message,stack:i.stack,"_constructor-name_":i.constructor.name}};if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&!e.allowClass)return;let c=t.get(i);if(!c){let d=Array.isArray(i)?i:zx(i);if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&e.allowClass)try{Object.assign(d,{"_constructor-name_":i.constructor.name})}catch{}return a.push(o),n.unshift(d),t.set(i,JSON.stringify(a)),i!==d&&r.set(i,d),d}return`_duplicate_${c}`}catch{return}}},_j={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},Rj=(e,t={})=>{let r={..._j,...t};return JSON.stringify(zx(e),Fj(r),t.space)};function Lx(e){return Rj(e,{allowFunction:!1})}var Ox=l.createContext({sources:{}}),Mx="--unknown--",Ij=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:c,args:d=void 0,source:p,format:m}=typeof o=="string"?{id:o,source:i,format:s}:o,h=d?Lx(d):Mx;n(f=>({...f,[c]:{...f[c],[h]:{code:p,format:m}}}))};return t.on(hh,a),()=>t.off(hh,a)},[]),y.createElement(Ox.Provider,{value:{sources:r}},e)},Bj=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[Lx(t)])||(a==null?void 0:a[Mx])||{code:""}},Tj=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var c,d;let{__isArgsStory:a}=t.parameters,o=((c=t.parameters.docs)==null?void 0:c.source)||{},i=r||o.type||Eu.AUTO;if(o.code!==void 0)return o.code;let s=i===Eu.DYNAMIC||i===Eu.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},zj=(e,t,r)=>{var f,v,g,w;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,c=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:c,dark:d};let p=t.getStoryContext(n),m=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,h=Bj(n.id,m,r);return s=h.format??((w=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:w.format)??!1,{code:Tj({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:d}};function Lj(e,t){let r=Oj([e],t);return r&&r[0]}function Oj(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 Mj=(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},Pj=(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,c=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,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}},$j=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(Yt),r=Mj(e,t),n=Lj(r,t);if(!n)return y.createElement(U9,null);let a=Pj(e,n,t);return a?y.createElement(JO,{...a}):null},Nj=e=>{var h,f,v,g,w,x,D,E,b,C;let t=l.useContext(Yt),r=l.useContext(Ox),{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}=kn(n||"story",["story"]),i=zj({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((f=(h=o.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((E=(D=o.parameters.docs)==null?void 0:D.canvas)==null?void 0:E.sourceState)??"hidden",m=e.className??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.className);return y.createElement(q9,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:c,additionalActions:d,className:m,layout:s},y.createElement($j,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Hj=(e,t)=>{let r=jj(e,t);if(!r)throw new Error("No result when story was defined");return r},jj=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let c=d=>{d.storyId===n&&o(d.args)};return t.channel.on(b4,c),()=>t.channel.off(b4,c)},[n,t.channel]);let i=l.useCallback(c=>t.channel.emit(GL,{storyId:n,updatedArgs:c}),[n,t.channel]),s=l.useCallback(c=>t.channel.emit(YL,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,s]},Vj=(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(w4,o),()=>t.channel.off(w4,o)},[t.channel]),[n]};function Uj(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var qj=e=>{var b;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(Yt),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,c=((b=a.docs)==null?void 0:b.controls)||{},d=e.include??c.include,p=e.exclude??c.exclude,m=e.sort??c.sort,[h,f,v]=Hj(n,r),[g]=Vj(n,r),w=y4(o,d,p);if(!(s&&Object.keys(s).length>0))return Object.keys(w).length>0||Object.keys(h).length>0?y.createElement(q1,{rows:w,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let x=cN(i),D=Object.fromEntries(Object.entries(s).map(([C,S])=>[C,{rows:y4(Uj(S,a),d,p),sort:m}])),E={[x]:{rows:w,sort:m},...D};return y.createElement(iN,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:Px}=globalThis,$x=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(q8,null,t);let n=e&&e.split("-");return y.createElement(j9,{language:n&&n[1]||"text",format:!1,code:t,...r})};function sh(e,t){e.channel.emit(KL,t)}var W1=RL.a,Wj=({hash:e,children:t})=>{let r=l.useContext(Yt);return y.createElement(W1,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);Px.getElementById(a)&&sh(r,e)}},t)},Nx=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(Yt);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(W1,{...e}):t.startsWith("#")?y.createElement(Wj,{hash:t},n):y.createElement(W1,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),sh(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Hx=["h1","h2","h3","h4","h5","h6"],Gj=Hx.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Yj=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),Kj=({as:e,id:t,children:r,...n})=>{let a=l.useContext(Yt),o=Gj[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Yj,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{Px.getElementById(t)&&sh(a,i)}},y.createElement(NL,null)),r)},uh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(Kj,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...le(s,t)})},jx=Hx.reduce((e,t)=>({...e,[t]:r=>y.createElement(uh,{as:t,...r})}),{}),Jj=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Yx`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' diff --git a/assets/EmptyWorkspace-D633SD7C.js b/assets/EmptyWorkspace-kwRUb5w-.js similarity index 67% rename from assets/EmptyWorkspace-D633SD7C.js rename to assets/EmptyWorkspace-kwRUb5w-.js index b9306a62..212c9a2e 100644 --- a/assets/EmptyWorkspace-D633SD7C.js +++ b/assets/EmptyWorkspace-kwRUb5w-.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{H as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import{N as t}from"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import{r as m}from"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";const p=()=>{const[r,o]=m.useState(!1);return e.jsx("div",{className:"flex h-[23rem] w-full justify-center",onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:e.jsx("div",{className:"w-full",children:r?e.jsx(s,{}):e.jsx(t,{})})})};p.__docgenInfo={description:`@description +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{H as s}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import{N as t}from"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import{r as m}from"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";const p=()=>{const[r,o]=m.useState(!1);return e.jsx("div",{className:"flex h-[23rem] w-full justify-center",onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:e.jsx("div",{className:"w-full",children:r?e.jsx(s,{}):e.jsx(t,{})})})};p.__docgenInfo={description:`@description 빈 워크스페이스 컴포넌트`,methods:[],displayName:"EmptyWorkspace"};export{p as E}; diff --git a/assets/EmptyWorkspace.stories-fWFpEfCP.js b/assets/EmptyWorkspace.stories-BRQ9Z5Jj.js similarity index 62% rename from assets/EmptyWorkspace.stories-fWFpEfCP.js rename to assets/EmptyWorkspace.stories-BRQ9Z5Jj.js index ecf06f1f..7dadaf5e 100644 --- a/assets/EmptyWorkspace.stories-fWFpEfCP.js +++ b/assets/EmptyWorkspace.stories-BRQ9Z5Jj.js @@ -1 +1 @@ -import{E as p}from"./EmptyWorkspace-D633SD7C.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const j={title:"widgets/home/EmptyWorkspace",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={};var r,o,m;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(m=(o=t.parameters)==null?void 0:o.docs)==null?void 0:m.source}}};const q=["Default"];export{t as Default,q as __namedExportsOrder,j as default}; +import{E as p}from"./EmptyWorkspace-kwRUb5w-.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const j={title:"widgets/home/EmptyWorkspace",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={};var r,o,m;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(m=(o=t.parameters)==null?void 0:o.docs)==null?void 0:m.source}}};const q=["Default"];export{t as Default,q as __namedExportsOrder,j as default}; diff --git a/assets/GuidesBox-DLTeEQIO.js b/assets/GuidesBox-Bzb74nGW.js similarity index 72% rename from assets/GuidesBox-DLTeEQIO.js rename to assets/GuidesBox-Bzb74nGW.js index 69de04dd..287aa49e 100644 --- a/assets/GuidesBox-DLTeEQIO.js +++ b/assets/GuidesBox-Bzb74nGW.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{G as s}from"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";const i=()=>e.jsx("div",{className:"bg-gray-black flex w-full justify-center py-6",children:e.jsxs("div",{className:"flex w-[1128px] flex-col",children:[e.jsx("h3",{className:"text-bold-xl text-white",children:"학습 가이드"}),e.jsxs("section",{className:"my-5 flex gap-6",children:[e.jsx(s,{videoId:"s2_xaEvcVI0"}),e.jsx(s,{videoId:"nXP7OKDCk4Y"}),e.jsx(s,{videoId:"s2_xaEvcVI0"})]})]})});i.__docgenInfo={description:`@description +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{G as s}from"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";const i=()=>e.jsx("div",{className:"bg-gray-black flex w-full justify-center py-6",children:e.jsxs("div",{className:"flex w-[1128px] flex-col",children:[e.jsx("h3",{className:"text-bold-xl text-white",children:"학습 가이드"}),e.jsxs("section",{className:"my-5 flex gap-6",children:[e.jsx(s,{videoId:"s2_xaEvcVI0"}),e.jsx(s,{videoId:"nXP7OKDCk4Y"}),e.jsx(s,{videoId:"s2_xaEvcVI0"})]})]})});i.__docgenInfo={description:`@description 학습 가이드 영상들을 보여주는 박스 컴포넌트`,methods:[],displayName:"GuidesBox"};export{i as G}; diff --git a/assets/GuidesBox.stories-Sm0FjCxi.js b/assets/GuidesBox.stories-Bf3hg31P.js similarity index 63% rename from assets/GuidesBox.stories-Sm0FjCxi.js rename to assets/GuidesBox.stories-Bf3hg31P.js index 7d52c245..6734d2df 100644 --- a/assets/GuidesBox.stories-Sm0FjCxi.js +++ b/assets/GuidesBox.stories-Bf3hg31P.js @@ -1,4 +1,4 @@ -import{G as p}from"./GuidesBox-DLTeEQIO.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const b={title:"widgets/home/GuidesBox",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{G as p}from"./GuidesBox-Bzb74nGW.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const b={title:"widgets/home/GuidesBox",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var o,t,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { // propsname: value, } diff --git a/assets/HomeHeader-DlPZqUqk.js b/assets/HomeHeader-BWTUlWpY.js similarity index 69% rename from assets/HomeHeader-DlPZqUqk.js rename to assets/HomeHeader-BWTUlWpY.js index e3079e6b..d512243c 100644 --- a/assets/HomeHeader-DlPZqUqk.js +++ b/assets/HomeHeader-BWTUlWpY.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import{L as r}from"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";const i=()=>e.jsx("header",{className:"fixed z-30 flex h-14 w-full items-center justify-center border-b border-gray-100 bg-white px-4 xl:px-0",children:e.jsx("div",{className:"flex w-[1128px] items-center justify-between",children:e.jsx("div",{className:"flex items-center gap-4",children:e.jsx(r,{isBlack:!1})})})});i.__docgenInfo={description:`@description +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import{L as r}from"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";const i=()=>e.jsx("header",{className:"fixed z-30 flex h-14 w-full items-center justify-center border-b border-gray-100 bg-white px-4 xl:px-0",children:e.jsx("div",{className:"flex w-[1128px] items-center justify-between",children:e.jsx("div",{className:"flex items-center gap-4",children:e.jsx(r,{isBlack:!1})})})});i.__docgenInfo={description:`@description 홈페이지 헤더 컴포넌트`,methods:[],displayName:"HomeHeader"};export{i as H}; diff --git a/assets/HomeHeader.stories-DYFhmQpZ.js b/assets/HomeHeader.stories-Ut8W15C9.js similarity index 65% rename from assets/HomeHeader.stories-DYFhmQpZ.js rename to assets/HomeHeader.stories-Ut8W15C9.js index ed2cc350..b7ca4f7f 100644 --- a/assets/HomeHeader.stories-DYFhmQpZ.js +++ b/assets/HomeHeader.stories-Ut8W15C9.js @@ -1,4 +1,4 @@ -import{H as i}from"./HomeHeader-DlPZqUqk.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./index-D1AAVYfs.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./useImageModalStore-jpOIQYA6.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./QueryClientProvider-BdRu95_o.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const z={title:"widgets/home/HomeHeader",component:i,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}},o={args:{isBlack:!0}};var t,e,a;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ +import{H as i}from"./HomeHeader-BWTUlWpY.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./index-D1AAVYfs.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./useImageModalStore-axAWps0d.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./QueryClientProvider-BdRu95_o.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const z={title:"widgets/home/HomeHeader",component:i,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}},o={args:{isBlack:!0}};var t,e,a;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ args: { // propsname: value, } diff --git a/assets/HomePage.stories-BsuriyBP.js b/assets/HomePage.stories-BsuriyBP.js new file mode 100644 index 00000000..906b10e2 --- /dev/null +++ b/assets/HomePage.stories-BsuriyBP.js @@ -0,0 +1,6 @@ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import"./GuidesBox-Bzb74nGW.js";import{B as c,W as l}from"./ImageTagModal-C34yhzfe.js";import{H as d}from"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import{W as f}from"./WorkspaceModal-CrS0f84j.js";import"./PreviewBox-Bef_8RUk.js";import"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";import{e as u,f as x,b as g}from"./useImageModalStore-axAWps0d.js";import{H as j}from"./index.esm-zFJIz-4f.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import{L as k}from"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import{r as H}from"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./useCoachMarkStore-BoVLoTcU.js";import"./index-D1AAVYfs.js";import"./ModalConfirm-BDuYJlbG.js";import"./QueryClientProvider-BdRu95_o.js";import"./infiniteQueryBehavior-DdhmIwcw.js";import"./index-x70cJmE6.js";import"./question-BUxmZXrP.js";import"./cssCategoryList-CHFX1k4S.js";const m=()=>{const{isPending:i}=u(),{setWorkspace:a,setCanvasInfo:p}=x(),{initClassBlockList:n}=g();return H.useEffect(()=>{a(null),p(""),n([])},[]),o.jsxs(o.Fragment,{children:[o.jsxs(j,{children:[o.jsx("title",{children:"BooLock - 홈"}),o.jsx("meta",{name:"description",content:"코딩 입문자들이 HTML과 CSS를 블록으로 배우는 BooLock의 메인 페이지입니다."})]}),i&&o.jsx(k,{}),o.jsxs("div",{className:"flex h-full w-full flex-col items-center",children:[o.jsx(d,{}),o.jsx(c,{}),o.jsx(l,{}),o.jsx(f,{})]})]})};m.__docgenInfo={description:`@description +Boolock 홈페이지 컴포넌트`,methods:[],displayName:"HomePage"};const io={title:"pages/HomePage",component:m,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var t,e,s;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(s=(e=r.parameters)==null?void 0:e.docs)==null?void 0:s.source}}};const ao=["Default"];export{r as Default,ao as __namedExportsOrder,io as default}; diff --git a/assets/HomePage.stories-ogouFZTj.js b/assets/HomePage.stories-ogouFZTj.js deleted file mode 100644 index 481c2814..00000000 --- a/assets/HomePage.stories-ogouFZTj.js +++ /dev/null @@ -1,6 +0,0 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import"./GuidesBox-DLTeEQIO.js";import{B as c,W as l}from"./ImageTagModal-ByYYw5dL.js";import{H as d}from"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import{W as f}from"./WorkspaceModal-CvU9GROv.js";import"./PreviewBox-OTdHhW5-.js";import"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";import{d as u,e as x,b as g}from"./useImageModalStore-jpOIQYA6.js";import{H as j}from"./index.esm-zFJIz-4f.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import{L as k}from"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import{r as H}from"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-D1AAVYfs.js";import"./ModalConfirm-BDuYJlbG.js";import"./QueryClientProvider-BdRu95_o.js";import"./infiniteQueryBehavior-DdhmIwcw.js";import"./index-x70cJmE6.js";import"./cssCategoryList-CHFX1k4S.js";import"./question-BUxmZXrP.js";const m=()=>{const{isPending:i}=u(),{setWorkspace:a,setCanvasInfo:p}=x(),{initClassBlockList:n}=g();return H.useEffect(()=>{a(null),p(""),n([])},[]),o.jsxs(o.Fragment,{children:[o.jsxs(j,{children:[o.jsx("title",{children:"BooLock - 홈"}),o.jsx("meta",{name:"description",content:"코딩 입문자들이 HTML과 CSS를 블록으로 배우는 BooLock의 메인 페이지입니다."})]}),i&&o.jsx(k,{}),o.jsxs("div",{className:"flex h-full w-full flex-col items-center",children:[o.jsx(d,{}),o.jsx(c,{}),o.jsx(l,{}),o.jsx(f,{})]})]})};m.__docgenInfo={description:`@description -Boolock 홈페이지 컴포넌트`,methods:[],displayName:"HomePage"};const mo={title:"pages/HomePage",component:m,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var t,e,s;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(s=(e=r.parameters)==null?void 0:e.docs)==null?void 0:s.source}}};const io=["Default"];export{r as Default,io as __namedExportsOrder,mo as default}; diff --git a/assets/HoveredEmptyWorkspace-DTDk2zGm.js b/assets/HoveredEmptyWorkspace-B3fl6QFz.js similarity index 99% rename from assets/HoveredEmptyWorkspace-DTDk2zGm.js rename to assets/HoveredEmptyWorkspace-B3fl6QFz.js index ff3da1f2..087c63cd 100644 --- a/assets/HoveredEmptyWorkspace-DTDk2zGm.js +++ b/assets/HoveredEmptyWorkspace-B3fl6QFz.js @@ -1,4 +1,4 @@ -var $n=Object.defineProperty;var At=t=>{throw TypeError(t)};var _n=(t,s,o)=>s in t?$n(t,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[s]=o;var q=(t,s,o)=>_n(t,typeof s!="symbol"?s+"":s,o),Je=(t,s,o)=>s.has(t)||At("Cannot "+o);var k=(t,s,o)=>(Je(t,s,"read from private field"),o?o.call(t):s.get(t)),Te=(t,s,o)=>s.has(t)?At("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,o),he=(t,s,o,e)=>(Je(t,s,"write to private field"),e?e.call(t,o):s.set(t,o),o),ge=(t,s,o)=>(Je(t,s,"access private method"),o);import{j as f}from"./jsx-runtime-DR9Q75dM.js";import{r as R,c as mn,g as di}from"./index-DRjF_FHU.js";import{B as Tn,g as ve,k as hn,d as pt,h as $e,i as S,j as gn,l as En,a as Qt,e as Ce,u as Ee,f as ye,b as yt,m as Zt}from"./useImageModalStore-jpOIQYA6.js";import{S as fn,w as bn,q as Lt,A as In,b as es,z as Ne}from"./QueryClientProvider-BdRu95_o.js";import{_ as D}from"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import{C as $t,S as Sn}from"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import{r as On}from"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import{S as _t}from"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import{u as Rn,b as mt}from"./index-x70cJmE6.js";import{S as An,C as ts}from"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import{c as yn}from"./client-Dbo3a7kb.js";const Ln=t=>R.createElement("svg",{width:94,height:89,viewBox:"0 0 94 89",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},R.createElement("path",{d:"M15.666 44.4731H78.3327",stroke:"#00D78B",strokeWidth:8,strokeLinecap:"round",strokeLinejoin:"round"}),R.createElement("path",{d:"M47 14.8311L47 74.1147",stroke:"#00D78B",strokeWidth:8,strokeLinecap:"round",strokeLinejoin:"round"})),U=[];for(let t=0;t<256;++t)U.push((t+256).toString(16).slice(1));function Cn(t,s=0){return(U[t[s+0]]+U[t[s+1]]+U[t[s+2]]+U[t[s+3]]+"-"+U[t[s+4]]+U[t[s+5]]+"-"+U[t[s+6]]+U[t[s+7]]+"-"+U[t[s+8]]+U[t[s+9]]+"-"+U[t[s+10]]+U[t[s+11]]+U[t[s+12]]+U[t[s+13]]+U[t[s+14]]+U[t[s+15]]).toLowerCase()}let ze;const Nn=new Uint8Array(16);function Mn(){if(!ze){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");ze=crypto.getRandomValues.bind(crypto)}return ze(Nn)}const kn=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Ct={randomUUID:kn};function xn(t,s,o){if(Ct.randomUUID&&!s&&!t)return Ct.randomUUID();t=t||{};const e=t.random||(t.rng||Mn)();return e[6]=e[6]&15|64,e[8]=e[8]&63|128,Cn(e)}const be=()=>localStorage.getItem("userId"),He=()=>{const t=xn();return localStorage.setItem("userId",t),t},Bn=t=>{const s=new Date(t),o=new Date,e=new Intl.RelativeTimeFormat("ko",{numeric:"auto"}),r=Math.floor((s.getTime()-o.getTime())/(1e3*60)),l=Math.floor(r/60);return r>-60?e.format(r,"minute"):l>-24?e.format(l,"hour"):new Intl.DateTimeFormat("ko",{year:"numeric",month:"2-digit",day:"2-digit"}).format(s)},ss=(t,s)=>{let o;return(...e)=>{let r;return o&&clearTimeout(o),o=setTimeout(()=>{r=t(...e)},s),r}},{ASTNode:Mi,BasicCursor:ki,Block:xi,BlockSvg:Bi,Blocks:Nt,COLLAPSED_FIELD_NAME:Pi,COLLAPSED_INPUT_NAME:Di,COLLAPSE_CHARS:wi,CodeGenerator:vi,CollapsibleToolboxCategory:Fi,ComponentManager:Ui,Connection:Hi,ConnectionChecker:Vi,ConnectionDB:Gi,ConnectionType:Yi,ContextMenu:Ki,ContextMenuItems:Xi,ContextMenuRegistry:Qe,Css:ji,Cursor:Wi,DELETE_VARIABLE_ID:qi,DeleteArea:Ji,DragTarget:zi,DropDownDiv:Qi,Events:Zi,Extensions:el,Field:Pn,FieldCheckbox:tl,FieldDropdown:sl,FieldImage:nl,FieldLabel:ns,FieldLabelSerializable:Dn,FieldNumber:ol,FieldTextInput:wn,FieldVariable:rl,Flyout:il,FlyoutButton:ll,FlyoutMetricsManager:al,Generator:vn,Gesture:cl,Grid:ul,HorizontalFlyout:dl,INPUT_VALUE:pl,Input:$l,InsertionMarkerManager:_l,InsertionMarkerPreviewer:ml,Marker:Tl,MarkerManager:hl,Menu:gl,MenuItem:El,MetricsManager:fl,Msg:bl,NEXT_STATEMENT:Il,Names:Sl,OPPOSITE_TYPE:Ol,OUTPUT_VALUE:Rl,Options:Al,PREVIOUS_STATEMENT:yl,PROCEDURE_CATEGORY_NAME:Ll,Procedures:Cl,RENAME_VARIABLE_ID:Nl,RenderedConnection:Ml,Scrollbar:kl,ScrollbarPair:xl,ShortcutItems:Bl,ShortcutRegistry:Pl,TOOLBOX_AT_BOTTOM:Dl,TOOLBOX_AT_LEFT:wl,TOOLBOX_AT_RIGHT:vl,TOOLBOX_AT_TOP:Fl,TabNavigateCursor:Ul,Theme:Fn,ThemeManager:Hl,Themes:os,Toolbox:Vl,ToolboxCategory:Gl,ToolboxItem:Yl,ToolboxSeparator:Kl,Tooltip:Xl,Touch:jl,Trashcan:Wl,UnattachedFieldError:ql,VARIABLE_CATEGORY_NAME:Jl,VARIABLE_DYNAMIC_CATEGORY_NAME:zl,VERSION:Ql,VariableMap:Zl,VariableModel:ea,Variables:ta,VariablesDynamic:sa,VerticalFlyout:Un,WidgetDiv:na,Workspace:oa,WorkspaceAudio:ra,WorkspaceDragger:ia,WorkspaceSvg:la,Xml:aa,ZoomControls:ca,blockAnimations:ua,blockRendering:da,browserEvents:pa,bubbles:$a,bumpObjects:_a,clipboard:ma,comments:Ta,common:ha,config:ga,constants:Ea,defineBlocksWithJsonArray:fa,dialog:ba,dragging:Ia,fieldRegistry:Sa,geras:Oa,getMainWorkspace:Mt,getSelected:Ra,hasBubble:Aa,hideChaff:ya,icons:La,inject:Ca,inputs:Na,isCopyable:Ma,isDeletable:ka,isDraggable:xa,isIcon:Ba,isObservable:Pa,isPaster:Da,isRenderedElement:wa,isSelectable:va,isSerializable:Fa,isVariableBackedParameterModel:Ua,procedures:Ha,registry:Va,renderManagement:Ga,serialization:Hn,setLocale:Ya,setParentContainer:Ka,svgResize:Xa,thrasos:ja,uiPosition:Wa,utils:J,zelos:qa}=Tn,kt={SELECT_PREVIEW_TAB:"미리보기 탭을 선택해주세요.",FAIL_TO_SAVE:"저장에 실패했습니다."},Vn=async()=>{var m;const t=ve.getState().isResetCssChecked,s=document.querySelector("iframe");if(!s)throw new Error(kt.SELECT_PREVIEW_TAB);const o=(s==null?void 0:s.contentDocument)||((m=s==null?void 0:s.contentWindow)==null?void 0:m.document);if(!o)throw new Error(kt.FAIL_TO_SAVE);const e=o.documentElement.outerHTML.replace("",""),r=document.createElement("div");t?(r.classList.add("reset-css"),r.innerHTML=e.replace("","} ")):r.innerHTML=e||"",r.style.position="absolute",r.style.top="-9999px",r.style.zIndex="-1",r.style.width="800px",r.style.height="800px",document.body.appendChild(r);const l=await hn(r,{useCORS:!0,logging:!0,scale:2,width:800});document.body.removeChild(r);const a=await new Promise(p=>l.toBlob(p,"image/webp"));return new File([a],"thumbnail.webp",{type:"image/webp"})};var ae,ce,H,se,ne,Pe,ot,zt,Gn=(zt=class extends fn{constructor(s,o){super();Te(this,ne);Te(this,ae);Te(this,ce);Te(this,H);Te(this,se);he(this,ae,s),this.setOptions(o),this.bindMethods(),ge(this,ne,Pe).call(this)}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(s){var e;const o=this.options;this.options=k(this,ae).defaultMutationOptions(s),bn(this.options,o)||k(this,ae).getMutationCache().notify({type:"observerOptionsUpdated",mutation:k(this,H),observer:this}),o!=null&&o.mutationKey&&this.options.mutationKey&&Lt(o.mutationKey)!==Lt(this.options.mutationKey)?this.reset():((e=k(this,H))==null?void 0:e.state.status)==="pending"&&k(this,H).setOptions(this.options)}onUnsubscribe(){var s;this.hasListeners()||(s=k(this,H))==null||s.removeObserver(this)}onMutationUpdate(s){ge(this,ne,Pe).call(this),ge(this,ne,ot).call(this,s)}getCurrentResult(){return k(this,ce)}reset(){var s;(s=k(this,H))==null||s.removeObserver(this),he(this,H,void 0),ge(this,ne,Pe).call(this),ge(this,ne,ot).call(this)}mutate(s,o){var e;return he(this,se,o),(e=k(this,H))==null||e.removeObserver(this),he(this,H,k(this,ae).getMutationCache().build(k(this,ae),this.options)),k(this,H).addObserver(this),k(this,H).execute(s)}},ae=new WeakMap,ce=new WeakMap,H=new WeakMap,se=new WeakMap,ne=new WeakSet,Pe=function(){var o;const s=((o=k(this,H))==null?void 0:o.state)??In();he(this,ce,{...s,isPending:s.status==="pending",isSuccess:s.status==="success",isError:s.status==="error",isIdle:s.status==="idle",mutate:this.mutate,reset:this.reset})},ot=function(s){es.batch(()=>{var o,e,r,l,a,u,m,p;if(k(this,se)&&this.hasListeners()){const $=k(this,ce).variables,T=k(this,ce).context;(s==null?void 0:s.type)==="success"?((e=(o=k(this,se)).onSuccess)==null||e.call(o,s.data,$,T),(l=(r=k(this,se)).onSettled)==null||l.call(r,s.data,null,$,T)):(s==null?void 0:s.type)==="error"&&((u=(a=k(this,se)).onError)==null||u.call(a,s.error,$,T),(p=(m=k(this,se)).onSettled)==null||p.call(m,void 0,s.error,$,T))}this.listeners.forEach($=>{$(k(this,ce))})})},zt);function Yn(t,s){return typeof t=="function"?t(...s):!!t}function Kn(){}function Ie(t,s){const o=Ne(),[e]=R.useState(()=>new Gn(o,t));R.useEffect(()=>{e.setOptions(t)},[e,t]);const r=R.useSyncExternalStore(R.useCallback(a=>e.subscribe(es.batchCalls(a)),[e]),()=>e.getCurrentResult(),()=>e.getCurrentResult()),l=R.useCallback((a,u)=>{e.mutate(a,u).catch(Kn)},[e]);if(r.error&&Yn(e.options.throwOnError,[r.error]))throw r.error;return{...r,mutate:l,mutateAsync:r.mutate}}function rs(t,s){return function(){return t.apply(s,arguments)}}const{toString:Xn}=Object.prototype,{getPrototypeOf:Tt}=Object,Ve=(t=>s=>{const o=Xn.call(s);return t[o]||(t[o]=o.slice(8,-1).toLowerCase())})(Object.create(null)),Q=t=>(t=t.toLowerCase(),s=>Ve(s)===t),Ge=t=>s=>typeof s===t,{isArray:Se}=Array,Le=Ge("undefined");function jn(t){return t!==null&&!Le(t)&&t.constructor!==null&&!Le(t.constructor)&&K(t.constructor.isBuffer)&&t.constructor.isBuffer(t)}const is=Q("ArrayBuffer");function Wn(t){let s;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?s=ArrayBuffer.isView(t):s=t&&t.buffer&&is(t.buffer),s}const qn=Ge("string"),K=Ge("function"),ls=Ge("number"),Ye=t=>t!==null&&typeof t=="object",Jn=t=>t===!0||t===!1,De=t=>{if(Ve(t)!=="object")return!1;const s=Tt(t);return(s===null||s===Object.prototype||Object.getPrototypeOf(s)===null)&&!(Symbol.toStringTag in t)&&!(Symbol.iterator in t)},zn=Q("Date"),Qn=Q("File"),Zn=Q("Blob"),eo=Q("FileList"),to=t=>Ye(t)&&K(t.pipe),so=t=>{let s;return t&&(typeof FormData=="function"&&t instanceof FormData||K(t.append)&&((s=Ve(t))==="formdata"||s==="object"&&K(t.toString)&&t.toString()==="[object FormData]"))},no=Q("URLSearchParams"),[oo,ro,io,lo]=["ReadableStream","Request","Response","Headers"].map(Q),ao=t=>t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function Me(t,s,{allOwnKeys:o=!1}={}){if(t===null||typeof t>"u")return;let e,r;if(typeof t!="object"&&(t=[t]),Se(t))for(e=0,r=t.length;e0;)if(r=o[e],s===r.toLowerCase())return r;return null}const pe=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:global,cs=t=>!Le(t)&&t!==pe;function rt(){const{caseless:t}=cs(this)&&this||{},s={},o=(e,r)=>{const l=t&&as(s,r)||r;De(s[l])&&De(e)?s[l]=rt(s[l],e):De(e)?s[l]=rt({},e):Se(e)?s[l]=e.slice():s[l]=e};for(let e=0,r=arguments.length;e(Me(s,(r,l)=>{o&&K(r)?t[l]=rs(r,o):t[l]=r},{allOwnKeys:e}),t),uo=t=>(t.charCodeAt(0)===65279&&(t=t.slice(1)),t),po=(t,s,o,e)=>{t.prototype=Object.create(s.prototype,e),t.prototype.constructor=t,Object.defineProperty(t,"super",{value:s.prototype}),o&&Object.assign(t.prototype,o)},$o=(t,s,o,e)=>{let r,l,a;const u={};if(s=s||{},t==null)return s;do{for(r=Object.getOwnPropertyNames(t),l=r.length;l-- >0;)a=r[l],(!e||e(a,t,s))&&!u[a]&&(s[a]=t[a],u[a]=!0);t=o!==!1&&Tt(t)}while(t&&(!o||o(t,s))&&t!==Object.prototype);return s},_o=(t,s,o)=>{t=String(t),(o===void 0||o>t.length)&&(o=t.length),o-=s.length;const e=t.indexOf(s,o);return e!==-1&&e===o},mo=t=>{if(!t)return null;if(Se(t))return t;let s=t.length;if(!ls(s))return null;const o=new Array(s);for(;s-- >0;)o[s]=t[s];return o},To=(t=>s=>t&&s instanceof t)(typeof Uint8Array<"u"&&Tt(Uint8Array)),ho=(t,s)=>{const e=(t&&t[Symbol.iterator]).call(t);let r;for(;(r=e.next())&&!r.done;){const l=r.value;s.call(t,l[0],l[1])}},go=(t,s)=>{let o;const e=[];for(;(o=t.exec(s))!==null;)e.push(o);return e},Eo=Q("HTMLFormElement"),fo=t=>t.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(o,e,r){return e.toUpperCase()+r}),xt=(({hasOwnProperty:t})=>(s,o)=>t.call(s,o))(Object.prototype),bo=Q("RegExp"),us=(t,s)=>{const o=Object.getOwnPropertyDescriptors(t),e={};Me(o,(r,l)=>{let a;(a=s(r,l,t))!==!1&&(e[l]=a||r)}),Object.defineProperties(t,e)},Io=t=>{us(t,(s,o)=>{if(K(t)&&["arguments","caller","callee"].indexOf(o)!==-1)return!1;const e=t[o];if(K(e)){if(s.enumerable=!1,"writable"in s){s.writable=!1;return}s.set||(s.set=()=>{throw Error("Can not rewrite read-only method '"+o+"'")})}})},So=(t,s)=>{const o={},e=r=>{r.forEach(l=>{o[l]=!0})};return Se(t)?e(t):e(String(t).split(s)),o},Oo=()=>{},Ro=(t,s)=>t!=null&&Number.isFinite(t=+t)?t:s,Ze="abcdefghijklmnopqrstuvwxyz",Bt="0123456789",ds={DIGIT:Bt,ALPHA:Ze,ALPHA_DIGIT:Ze+Ze.toUpperCase()+Bt},Ao=(t=16,s=ds.ALPHA_DIGIT)=>{let o="";const{length:e}=s;for(;t--;)o+=s[Math.random()*e|0];return o};function yo(t){return!!(t&&K(t.append)&&t[Symbol.toStringTag]==="FormData"&&t[Symbol.iterator])}const Lo=t=>{const s=new Array(10),o=(e,r)=>{if(Ye(e)){if(s.indexOf(e)>=0)return;if(!("toJSON"in e)){s[r]=e;const l=Se(e)?[]:{};return Me(e,(a,u)=>{const m=o(a,r+1);!Le(m)&&(l[u]=m)}),s[r]=void 0,l}}return e};return o(t,0)},Co=Q("AsyncFunction"),No=t=>t&&(Ye(t)||K(t))&&K(t.then)&&K(t.catch),ps=((t,s)=>t?setImmediate:s?((o,e)=>(pe.addEventListener("message",({source:r,data:l})=>{r===pe&&l===o&&e.length&&e.shift()()},!1),r=>{e.push(r),pe.postMessage(o,"*")}))(`axios@${Math.random()}`,[]):o=>setTimeout(o))(typeof setImmediate=="function",K(pe.postMessage)),Mo=typeof queueMicrotask<"u"?queueMicrotask.bind(pe):typeof process<"u"&&process.nextTick||ps,_={isArray:Se,isArrayBuffer:is,isBuffer:jn,isFormData:so,isArrayBufferView:Wn,isString:qn,isNumber:ls,isBoolean:Jn,isObject:Ye,isPlainObject:De,isReadableStream:oo,isRequest:ro,isResponse:io,isHeaders:lo,isUndefined:Le,isDate:zn,isFile:Qn,isBlob:Zn,isRegExp:bo,isFunction:K,isStream:to,isURLSearchParams:no,isTypedArray:To,isFileList:eo,forEach:Me,merge:rt,extend:co,trim:ao,stripBOM:uo,inherits:po,toFlatObject:$o,kindOf:Ve,kindOfTest:Q,endsWith:_o,toArray:mo,forEachEntry:ho,matchAll:go,isHTMLForm:Eo,hasOwnProperty:xt,hasOwnProp:xt,reduceDescriptors:us,freezeMethods:Io,toObjectSet:So,toCamelCase:fo,noop:Oo,toFiniteNumber:Ro,findKey:as,global:pe,isContextDefined:cs,ALPHABET:ds,generateString:Ao,isSpecCompliantForm:yo,toJSONObject:Lo,isAsyncFn:Co,isThenable:No,setImmediate:ps,asap:Mo};function y(t,s,o,e,r){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack,this.message=t,this.name="AxiosError",s&&(this.code=s),o&&(this.config=o),e&&(this.request=e),r&&(this.response=r,this.status=r.status?r.status:null)}_.inherits(y,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:_.toJSONObject(this.config),code:this.code,status:this.status}}});const $s=y.prototype,_s={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach(t=>{_s[t]={value:t}});Object.defineProperties(y,_s);Object.defineProperty($s,"isAxiosError",{value:!0});y.from=(t,s,o,e,r,l)=>{const a=Object.create($s);return _.toFlatObject(t,a,function(m){return m!==Error.prototype},u=>u!=="isAxiosError"),y.call(a,t.message,s,o,e,r),a.cause=t,a.name=t.name,l&&Object.assign(a,l),a};const ko=null;function it(t){return _.isPlainObject(t)||_.isArray(t)}function ms(t){return _.endsWith(t,"[]")?t.slice(0,-2):t}function Pt(t,s,o){return t?t.concat(s).map(function(r,l){return r=ms(r),!o&&l?"["+r+"]":r}).join(o?".":""):s}function xo(t){return _.isArray(t)&&!t.some(it)}const Bo=_.toFlatObject(_,{},null,function(s){return/^is[A-Z]/.test(s)});function Ke(t,s,o){if(!_.isObject(t))throw new TypeError("target must be an object");s=s||new FormData,o=_.toFlatObject(o,{metaTokens:!0,dots:!1,indexes:!1},!1,function(I,E){return!_.isUndefined(E[I])});const e=o.metaTokens,r=o.visitor||$,l=o.dots,a=o.indexes,m=(o.Blob||typeof Blob<"u"&&Blob)&&_.isSpecCompliantForm(s);if(!_.isFunction(r))throw new TypeError("visitor must be a function");function p(g){if(g===null)return"";if(_.isDate(g))return g.toISOString();if(!m&&_.isBlob(g))throw new y("Blob is not supported. Use a Buffer instead.");return _.isArrayBuffer(g)||_.isTypedArray(g)?m&&typeof Blob=="function"?new Blob([g]):Buffer.from(g):g}function $(g,I,E){let L=g;if(g&&!E&&typeof g=="object"){if(_.endsWith(I,"{}"))I=e?I:I.slice(0,-2),g=JSON.stringify(g);else if(_.isArray(g)&&xo(g)||(_.isFileList(g)||_.endsWith(I,"[]"))&&(L=_.toArray(g)))return I=ms(I),L.forEach(function(C,v){!(_.isUndefined(C)||C===null)&&s.append(a===!0?Pt([I],v,l):a===null?I:I+"[]",p(C))}),!1}return it(g)?!0:(s.append(Pt(E,I,l),p(g)),!1)}const T=[],b=Object.assign(Bo,{defaultVisitor:$,convertValue:p,isVisitable:it});function O(g,I){if(!_.isUndefined(g)){if(T.indexOf(g)!==-1)throw Error("Circular reference detected in "+I.join("."));T.push(g),_.forEach(g,function(L,A){(!(_.isUndefined(L)||L===null)&&r.call(s,L,_.isString(A)?A.trim():A,I,b))===!0&&O(L,I?I.concat(A):[A])}),T.pop()}}if(!_.isObject(t))throw new TypeError("data must be an object");return O(t),s}function Dt(t){const s={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(t).replace(/[!'()~]|%20|%00/g,function(e){return s[e]})}function ht(t,s){this._pairs=[],t&&Ke(t,this,s)}const Ts=ht.prototype;Ts.append=function(s,o){this._pairs.push([s,o])};Ts.toString=function(s){const o=s?function(e){return s.call(this,e,Dt)}:Dt;return this._pairs.map(function(r){return o(r[0])+"="+o(r[1])},"").join("&")};function Po(t){return encodeURIComponent(t).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function hs(t,s,o){if(!s)return t;const e=o&&o.encode||Po,r=o&&o.serialize;let l;if(r?l=r(s,o):l=_.isURLSearchParams(s)?s.toString():new ht(s,o).toString(e),l){const a=t.indexOf("#");a!==-1&&(t=t.slice(0,a)),t+=(t.indexOf("?")===-1?"?":"&")+l}return t}class wt{constructor(){this.handlers=[]}use(s,o,e){return this.handlers.push({fulfilled:s,rejected:o,synchronous:e?e.synchronous:!1,runWhen:e?e.runWhen:null}),this.handlers.length-1}eject(s){this.handlers[s]&&(this.handlers[s]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(s){_.forEach(this.handlers,function(e){e!==null&&s(e)})}}const gs={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},Do=typeof URLSearchParams<"u"?URLSearchParams:ht,wo=typeof FormData<"u"?FormData:null,vo=typeof Blob<"u"?Blob:null,Fo={isBrowser:!0,classes:{URLSearchParams:Do,FormData:wo,Blob:vo},protocols:["http","https","file","blob","url","data"]},gt=typeof window<"u"&&typeof document<"u",lt=typeof navigator=="object"&&navigator||void 0,Uo=gt&&(!lt||["ReactNative","NativeScript","NS"].indexOf(lt.product)<0),Ho=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",Vo=gt&&window.location.href||"http://localhost",Go=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:gt,hasStandardBrowserEnv:Uo,hasStandardBrowserWebWorkerEnv:Ho,navigator:lt,origin:Vo},Symbol.toStringTag,{value:"Module"})),V={...Go,...Fo};function Yo(t,s){return Ke(t,new V.classes.URLSearchParams,Object.assign({visitor:function(o,e,r,l){return V.isNode&&_.isBuffer(o)?(this.append(e,o.toString("base64")),!1):l.defaultVisitor.apply(this,arguments)}},s))}function Ko(t){return _.matchAll(/\w+|\[(\w*)]/g,t).map(s=>s[0]==="[]"?"":s[1]||s[0])}function Xo(t){const s={},o=Object.keys(t);let e;const r=o.length;let l;for(e=0;e=o.length;return a=!a&&_.isArray(r)?r.length:a,m?(_.hasOwnProp(r,a)?r[a]=[r[a],e]:r[a]=e,!u):((!r[a]||!_.isObject(r[a]))&&(r[a]=[]),s(o,e,r[a],l)&&_.isArray(r[a])&&(r[a]=Xo(r[a])),!u)}if(_.isFormData(t)&&_.isFunction(t.entries)){const o={};return _.forEachEntry(t,(e,r)=>{s(Ko(e),r,o,0)}),o}return null}function jo(t,s,o){if(_.isString(t))try{return(s||JSON.parse)(t),_.trim(t)}catch(e){if(e.name!=="SyntaxError")throw e}return(0,JSON.stringify)(t)}const ke={transitional:gs,adapter:["xhr","http","fetch"],transformRequest:[function(s,o){const e=o.getContentType()||"",r=e.indexOf("application/json")>-1,l=_.isObject(s);if(l&&_.isHTMLForm(s)&&(s=new FormData(s)),_.isFormData(s))return r?JSON.stringify(Es(s)):s;if(_.isArrayBuffer(s)||_.isBuffer(s)||_.isStream(s)||_.isFile(s)||_.isBlob(s)||_.isReadableStream(s))return s;if(_.isArrayBufferView(s))return s.buffer;if(_.isURLSearchParams(s))return o.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),s.toString();let u;if(l){if(e.indexOf("application/x-www-form-urlencoded")>-1)return Yo(s,this.formSerializer).toString();if((u=_.isFileList(s))||e.indexOf("multipart/form-data")>-1){const m=this.env&&this.env.FormData;return Ke(u?{"files[]":s}:s,m&&new m,this.formSerializer)}}return l||r?(o.setContentType("application/json",!1),jo(s)):s}],transformResponse:[function(s){const o=this.transitional||ke.transitional,e=o&&o.forcedJSONParsing,r=this.responseType==="json";if(_.isResponse(s)||_.isReadableStream(s))return s;if(s&&_.isString(s)&&(e&&!this.responseType||r)){const a=!(o&&o.silentJSONParsing)&&r;try{return JSON.parse(s)}catch(u){if(a)throw u.name==="SyntaxError"?y.from(u,y.ERR_BAD_RESPONSE,this,null,this.response):u}}return s}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:V.classes.FormData,Blob:V.classes.Blob},validateStatus:function(s){return s>=200&&s<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};_.forEach(["delete","get","head","post","put","patch"],t=>{ke.headers[t]={}});const Wo=_.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),qo=t=>{const s={};let o,e,r;return t&&t.split(` +var $n=Object.defineProperty;var At=t=>{throw TypeError(t)};var _n=(t,s,o)=>s in t?$n(t,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[s]=o;var q=(t,s,o)=>_n(t,typeof s!="symbol"?s+"":s,o),Je=(t,s,o)=>s.has(t)||At("Cannot "+o);var k=(t,s,o)=>(Je(t,s,"read from private field"),o?o.call(t):s.get(t)),Te=(t,s,o)=>s.has(t)?At("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(t):s.set(t,o),he=(t,s,o,e)=>(Je(t,s,"write to private field"),e?e.call(t,o):s.set(t,o),o),ge=(t,s,o)=>(Je(t,s,"access private method"),o);import{j as f}from"./jsx-runtime-DR9Q75dM.js";import{r as R,c as mn,g as di}from"./index-DRjF_FHU.js";import{B as Tn,h as ve,l as hn,e as pt,i as $e,j as S,k as gn,m as En,a as Qt,f as Ce,u as Ee,g as ye,b as yt,n as Zt}from"./useImageModalStore-axAWps0d.js";import{S as fn,w as bn,q as Lt,A as In,b as es,z as Ne}from"./QueryClientProvider-BdRu95_o.js";import{_ as D}from"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import{C as $t,S as Sn}from"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import{r as On}from"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import{S as _t}from"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import{u as Rn,b as mt}from"./index-x70cJmE6.js";import{S as An,C as ts}from"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import{c as yn}from"./client-Dbo3a7kb.js";const Ln=t=>R.createElement("svg",{width:94,height:89,viewBox:"0 0 94 89",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},R.createElement("path",{d:"M15.666 44.4731H78.3327",stroke:"#00D78B",strokeWidth:8,strokeLinecap:"round",strokeLinejoin:"round"}),R.createElement("path",{d:"M47 14.8311L47 74.1147",stroke:"#00D78B",strokeWidth:8,strokeLinecap:"round",strokeLinejoin:"round"})),U=[];for(let t=0;t<256;++t)U.push((t+256).toString(16).slice(1));function Cn(t,s=0){return(U[t[s+0]]+U[t[s+1]]+U[t[s+2]]+U[t[s+3]]+"-"+U[t[s+4]]+U[t[s+5]]+"-"+U[t[s+6]]+U[t[s+7]]+"-"+U[t[s+8]]+U[t[s+9]]+"-"+U[t[s+10]]+U[t[s+11]]+U[t[s+12]]+U[t[s+13]]+U[t[s+14]]+U[t[s+15]]).toLowerCase()}let ze;const Nn=new Uint8Array(16);function Mn(){if(!ze){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");ze=crypto.getRandomValues.bind(crypto)}return ze(Nn)}const kn=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Ct={randomUUID:kn};function xn(t,s,o){if(Ct.randomUUID&&!s&&!t)return Ct.randomUUID();t=t||{};const e=t.random||(t.rng||Mn)();return e[6]=e[6]&15|64,e[8]=e[8]&63|128,Cn(e)}const be=()=>localStorage.getItem("userId"),He=()=>{const t=xn();return localStorage.setItem("userId",t),t},Bn=t=>{const s=new Date(t),o=new Date,e=new Intl.RelativeTimeFormat("ko",{numeric:"auto"}),r=Math.floor((s.getTime()-o.getTime())/(1e3*60)),l=Math.floor(r/60);return r>-60?e.format(r,"minute"):l>-24?e.format(l,"hour"):new Intl.DateTimeFormat("ko",{year:"numeric",month:"2-digit",day:"2-digit"}).format(s)},ss=(t,s)=>{let o;return(...e)=>{let r;return o&&clearTimeout(o),o=setTimeout(()=>{r=t(...e)},s),r}},{ASTNode:Mi,BasicCursor:ki,Block:xi,BlockSvg:Bi,Blocks:Nt,COLLAPSED_FIELD_NAME:Pi,COLLAPSED_INPUT_NAME:Di,COLLAPSE_CHARS:wi,CodeGenerator:vi,CollapsibleToolboxCategory:Fi,ComponentManager:Ui,Connection:Hi,ConnectionChecker:Vi,ConnectionDB:Gi,ConnectionType:Yi,ContextMenu:Ki,ContextMenuItems:Xi,ContextMenuRegistry:Qe,Css:ji,Cursor:Wi,DELETE_VARIABLE_ID:qi,DeleteArea:Ji,DragTarget:zi,DropDownDiv:Qi,Events:Zi,Extensions:el,Field:Pn,FieldCheckbox:tl,FieldDropdown:sl,FieldImage:nl,FieldLabel:ns,FieldLabelSerializable:Dn,FieldNumber:ol,FieldTextInput:wn,FieldVariable:rl,Flyout:il,FlyoutButton:ll,FlyoutMetricsManager:al,Generator:vn,Gesture:cl,Grid:ul,HorizontalFlyout:dl,INPUT_VALUE:pl,Input:$l,InsertionMarkerManager:_l,InsertionMarkerPreviewer:ml,Marker:Tl,MarkerManager:hl,Menu:gl,MenuItem:El,MetricsManager:fl,Msg:bl,NEXT_STATEMENT:Il,Names:Sl,OPPOSITE_TYPE:Ol,OUTPUT_VALUE:Rl,Options:Al,PREVIOUS_STATEMENT:yl,PROCEDURE_CATEGORY_NAME:Ll,Procedures:Cl,RENAME_VARIABLE_ID:Nl,RenderedConnection:Ml,Scrollbar:kl,ScrollbarPair:xl,ShortcutItems:Bl,ShortcutRegistry:Pl,TOOLBOX_AT_BOTTOM:Dl,TOOLBOX_AT_LEFT:wl,TOOLBOX_AT_RIGHT:vl,TOOLBOX_AT_TOP:Fl,TabNavigateCursor:Ul,Theme:Fn,ThemeManager:Hl,Themes:os,Toolbox:Vl,ToolboxCategory:Gl,ToolboxItem:Yl,ToolboxSeparator:Kl,Tooltip:Xl,Touch:jl,Trashcan:Wl,UnattachedFieldError:ql,VARIABLE_CATEGORY_NAME:Jl,VARIABLE_DYNAMIC_CATEGORY_NAME:zl,VERSION:Ql,VariableMap:Zl,VariableModel:ea,Variables:ta,VariablesDynamic:sa,VerticalFlyout:Un,WidgetDiv:na,Workspace:oa,WorkspaceAudio:ra,WorkspaceDragger:ia,WorkspaceSvg:la,Xml:aa,ZoomControls:ca,blockAnimations:ua,blockRendering:da,browserEvents:pa,bubbles:$a,bumpObjects:_a,clipboard:ma,comments:Ta,common:ha,config:ga,constants:Ea,defineBlocksWithJsonArray:fa,dialog:ba,dragging:Ia,fieldRegistry:Sa,geras:Oa,getMainWorkspace:Mt,getSelected:Ra,hasBubble:Aa,hideChaff:ya,icons:La,inject:Ca,inputs:Na,isCopyable:Ma,isDeletable:ka,isDraggable:xa,isIcon:Ba,isObservable:Pa,isPaster:Da,isRenderedElement:wa,isSelectable:va,isSerializable:Fa,isVariableBackedParameterModel:Ua,procedures:Ha,registry:Va,renderManagement:Ga,serialization:Hn,setLocale:Ya,setParentContainer:Ka,svgResize:Xa,thrasos:ja,uiPosition:Wa,utils:J,zelos:qa}=Tn,kt={SELECT_PREVIEW_TAB:"미리보기 탭을 선택해주세요.",FAIL_TO_SAVE:"저장에 실패했습니다."},Vn=async()=>{var m;const t=ve.getState().isResetCssChecked,s=document.querySelector("iframe");if(!s)throw new Error(kt.SELECT_PREVIEW_TAB);const o=(s==null?void 0:s.contentDocument)||((m=s==null?void 0:s.contentWindow)==null?void 0:m.document);if(!o)throw new Error(kt.FAIL_TO_SAVE);const e=o.documentElement.outerHTML.replace("",""),r=document.createElement("div");t?(r.classList.add("reset-css"),r.innerHTML=e.replace("","} ")):r.innerHTML=e||"",r.style.position="absolute",r.style.top="-9999px",r.style.zIndex="-1",r.style.width="800px",r.style.height="800px",document.body.appendChild(r);const l=await hn(r,{useCORS:!0,logging:!0,scale:2,width:800});document.body.removeChild(r);const a=await new Promise(p=>l.toBlob(p,"image/webp"));return new File([a],"thumbnail.webp",{type:"image/webp"})};var ae,ce,H,se,ne,Pe,ot,zt,Gn=(zt=class extends fn{constructor(s,o){super();Te(this,ne);Te(this,ae);Te(this,ce);Te(this,H);Te(this,se);he(this,ae,s),this.setOptions(o),this.bindMethods(),ge(this,ne,Pe).call(this)}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(s){var e;const o=this.options;this.options=k(this,ae).defaultMutationOptions(s),bn(this.options,o)||k(this,ae).getMutationCache().notify({type:"observerOptionsUpdated",mutation:k(this,H),observer:this}),o!=null&&o.mutationKey&&this.options.mutationKey&&Lt(o.mutationKey)!==Lt(this.options.mutationKey)?this.reset():((e=k(this,H))==null?void 0:e.state.status)==="pending"&&k(this,H).setOptions(this.options)}onUnsubscribe(){var s;this.hasListeners()||(s=k(this,H))==null||s.removeObserver(this)}onMutationUpdate(s){ge(this,ne,Pe).call(this),ge(this,ne,ot).call(this,s)}getCurrentResult(){return k(this,ce)}reset(){var s;(s=k(this,H))==null||s.removeObserver(this),he(this,H,void 0),ge(this,ne,Pe).call(this),ge(this,ne,ot).call(this)}mutate(s,o){var e;return he(this,se,o),(e=k(this,H))==null||e.removeObserver(this),he(this,H,k(this,ae).getMutationCache().build(k(this,ae),this.options)),k(this,H).addObserver(this),k(this,H).execute(s)}},ae=new WeakMap,ce=new WeakMap,H=new WeakMap,se=new WeakMap,ne=new WeakSet,Pe=function(){var o;const s=((o=k(this,H))==null?void 0:o.state)??In();he(this,ce,{...s,isPending:s.status==="pending",isSuccess:s.status==="success",isError:s.status==="error",isIdle:s.status==="idle",mutate:this.mutate,reset:this.reset})},ot=function(s){es.batch(()=>{var o,e,r,l,a,u,m,p;if(k(this,se)&&this.hasListeners()){const $=k(this,ce).variables,T=k(this,ce).context;(s==null?void 0:s.type)==="success"?((e=(o=k(this,se)).onSuccess)==null||e.call(o,s.data,$,T),(l=(r=k(this,se)).onSettled)==null||l.call(r,s.data,null,$,T)):(s==null?void 0:s.type)==="error"&&((u=(a=k(this,se)).onError)==null||u.call(a,s.error,$,T),(p=(m=k(this,se)).onSettled)==null||p.call(m,void 0,s.error,$,T))}this.listeners.forEach($=>{$(k(this,ce))})})},zt);function Yn(t,s){return typeof t=="function"?t(...s):!!t}function Kn(){}function Ie(t,s){const o=Ne(),[e]=R.useState(()=>new Gn(o,t));R.useEffect(()=>{e.setOptions(t)},[e,t]);const r=R.useSyncExternalStore(R.useCallback(a=>e.subscribe(es.batchCalls(a)),[e]),()=>e.getCurrentResult(),()=>e.getCurrentResult()),l=R.useCallback((a,u)=>{e.mutate(a,u).catch(Kn)},[e]);if(r.error&&Yn(e.options.throwOnError,[r.error]))throw r.error;return{...r,mutate:l,mutateAsync:r.mutate}}function rs(t,s){return function(){return t.apply(s,arguments)}}const{toString:Xn}=Object.prototype,{getPrototypeOf:Tt}=Object,Ve=(t=>s=>{const o=Xn.call(s);return t[o]||(t[o]=o.slice(8,-1).toLowerCase())})(Object.create(null)),Q=t=>(t=t.toLowerCase(),s=>Ve(s)===t),Ge=t=>s=>typeof s===t,{isArray:Se}=Array,Le=Ge("undefined");function jn(t){return t!==null&&!Le(t)&&t.constructor!==null&&!Le(t.constructor)&&K(t.constructor.isBuffer)&&t.constructor.isBuffer(t)}const is=Q("ArrayBuffer");function Wn(t){let s;return typeof ArrayBuffer<"u"&&ArrayBuffer.isView?s=ArrayBuffer.isView(t):s=t&&t.buffer&&is(t.buffer),s}const qn=Ge("string"),K=Ge("function"),ls=Ge("number"),Ye=t=>t!==null&&typeof t=="object",Jn=t=>t===!0||t===!1,De=t=>{if(Ve(t)!=="object")return!1;const s=Tt(t);return(s===null||s===Object.prototype||Object.getPrototypeOf(s)===null)&&!(Symbol.toStringTag in t)&&!(Symbol.iterator in t)},zn=Q("Date"),Qn=Q("File"),Zn=Q("Blob"),eo=Q("FileList"),to=t=>Ye(t)&&K(t.pipe),so=t=>{let s;return t&&(typeof FormData=="function"&&t instanceof FormData||K(t.append)&&((s=Ve(t))==="formdata"||s==="object"&&K(t.toString)&&t.toString()==="[object FormData]"))},no=Q("URLSearchParams"),[oo,ro,io,lo]=["ReadableStream","Request","Response","Headers"].map(Q),ao=t=>t.trim?t.trim():t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"");function Me(t,s,{allOwnKeys:o=!1}={}){if(t===null||typeof t>"u")return;let e,r;if(typeof t!="object"&&(t=[t]),Se(t))for(e=0,r=t.length;e0;)if(r=o[e],s===r.toLowerCase())return r;return null}const pe=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:global,cs=t=>!Le(t)&&t!==pe;function rt(){const{caseless:t}=cs(this)&&this||{},s={},o=(e,r)=>{const l=t&&as(s,r)||r;De(s[l])&&De(e)?s[l]=rt(s[l],e):De(e)?s[l]=rt({},e):Se(e)?s[l]=e.slice():s[l]=e};for(let e=0,r=arguments.length;e(Me(s,(r,l)=>{o&&K(r)?t[l]=rs(r,o):t[l]=r},{allOwnKeys:e}),t),uo=t=>(t.charCodeAt(0)===65279&&(t=t.slice(1)),t),po=(t,s,o,e)=>{t.prototype=Object.create(s.prototype,e),t.prototype.constructor=t,Object.defineProperty(t,"super",{value:s.prototype}),o&&Object.assign(t.prototype,o)},$o=(t,s,o,e)=>{let r,l,a;const u={};if(s=s||{},t==null)return s;do{for(r=Object.getOwnPropertyNames(t),l=r.length;l-- >0;)a=r[l],(!e||e(a,t,s))&&!u[a]&&(s[a]=t[a],u[a]=!0);t=o!==!1&&Tt(t)}while(t&&(!o||o(t,s))&&t!==Object.prototype);return s},_o=(t,s,o)=>{t=String(t),(o===void 0||o>t.length)&&(o=t.length),o-=s.length;const e=t.indexOf(s,o);return e!==-1&&e===o},mo=t=>{if(!t)return null;if(Se(t))return t;let s=t.length;if(!ls(s))return null;const o=new Array(s);for(;s-- >0;)o[s]=t[s];return o},To=(t=>s=>t&&s instanceof t)(typeof Uint8Array<"u"&&Tt(Uint8Array)),ho=(t,s)=>{const e=(t&&t[Symbol.iterator]).call(t);let r;for(;(r=e.next())&&!r.done;){const l=r.value;s.call(t,l[0],l[1])}},go=(t,s)=>{let o;const e=[];for(;(o=t.exec(s))!==null;)e.push(o);return e},Eo=Q("HTMLFormElement"),fo=t=>t.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,function(o,e,r){return e.toUpperCase()+r}),xt=(({hasOwnProperty:t})=>(s,o)=>t.call(s,o))(Object.prototype),bo=Q("RegExp"),us=(t,s)=>{const o=Object.getOwnPropertyDescriptors(t),e={};Me(o,(r,l)=>{let a;(a=s(r,l,t))!==!1&&(e[l]=a||r)}),Object.defineProperties(t,e)},Io=t=>{us(t,(s,o)=>{if(K(t)&&["arguments","caller","callee"].indexOf(o)!==-1)return!1;const e=t[o];if(K(e)){if(s.enumerable=!1,"writable"in s){s.writable=!1;return}s.set||(s.set=()=>{throw Error("Can not rewrite read-only method '"+o+"'")})}})},So=(t,s)=>{const o={},e=r=>{r.forEach(l=>{o[l]=!0})};return Se(t)?e(t):e(String(t).split(s)),o},Oo=()=>{},Ro=(t,s)=>t!=null&&Number.isFinite(t=+t)?t:s,Ze="abcdefghijklmnopqrstuvwxyz",Bt="0123456789",ds={DIGIT:Bt,ALPHA:Ze,ALPHA_DIGIT:Ze+Ze.toUpperCase()+Bt},Ao=(t=16,s=ds.ALPHA_DIGIT)=>{let o="";const{length:e}=s;for(;t--;)o+=s[Math.random()*e|0];return o};function yo(t){return!!(t&&K(t.append)&&t[Symbol.toStringTag]==="FormData"&&t[Symbol.iterator])}const Lo=t=>{const s=new Array(10),o=(e,r)=>{if(Ye(e)){if(s.indexOf(e)>=0)return;if(!("toJSON"in e)){s[r]=e;const l=Se(e)?[]:{};return Me(e,(a,u)=>{const m=o(a,r+1);!Le(m)&&(l[u]=m)}),s[r]=void 0,l}}return e};return o(t,0)},Co=Q("AsyncFunction"),No=t=>t&&(Ye(t)||K(t))&&K(t.then)&&K(t.catch),ps=((t,s)=>t?setImmediate:s?((o,e)=>(pe.addEventListener("message",({source:r,data:l})=>{r===pe&&l===o&&e.length&&e.shift()()},!1),r=>{e.push(r),pe.postMessage(o,"*")}))(`axios@${Math.random()}`,[]):o=>setTimeout(o))(typeof setImmediate=="function",K(pe.postMessage)),Mo=typeof queueMicrotask<"u"?queueMicrotask.bind(pe):typeof process<"u"&&process.nextTick||ps,_={isArray:Se,isArrayBuffer:is,isBuffer:jn,isFormData:so,isArrayBufferView:Wn,isString:qn,isNumber:ls,isBoolean:Jn,isObject:Ye,isPlainObject:De,isReadableStream:oo,isRequest:ro,isResponse:io,isHeaders:lo,isUndefined:Le,isDate:zn,isFile:Qn,isBlob:Zn,isRegExp:bo,isFunction:K,isStream:to,isURLSearchParams:no,isTypedArray:To,isFileList:eo,forEach:Me,merge:rt,extend:co,trim:ao,stripBOM:uo,inherits:po,toFlatObject:$o,kindOf:Ve,kindOfTest:Q,endsWith:_o,toArray:mo,forEachEntry:ho,matchAll:go,isHTMLForm:Eo,hasOwnProperty:xt,hasOwnProp:xt,reduceDescriptors:us,freezeMethods:Io,toObjectSet:So,toCamelCase:fo,noop:Oo,toFiniteNumber:Ro,findKey:as,global:pe,isContextDefined:cs,ALPHABET:ds,generateString:Ao,isSpecCompliantForm:yo,toJSONObject:Lo,isAsyncFn:Co,isThenable:No,setImmediate:ps,asap:Mo};function y(t,s,o,e,r){Error.call(this),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack,this.message=t,this.name="AxiosError",s&&(this.code=s),o&&(this.config=o),e&&(this.request=e),r&&(this.response=r,this.status=r.status?r.status:null)}_.inherits(y,Error,{toJSON:function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:_.toJSONObject(this.config),code:this.code,status:this.status}}});const $s=y.prototype,_s={};["ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION","ECONNABORTED","ETIMEDOUT","ERR_NETWORK","ERR_FR_TOO_MANY_REDIRECTS","ERR_DEPRECATED","ERR_BAD_RESPONSE","ERR_BAD_REQUEST","ERR_CANCELED","ERR_NOT_SUPPORT","ERR_INVALID_URL"].forEach(t=>{_s[t]={value:t}});Object.defineProperties(y,_s);Object.defineProperty($s,"isAxiosError",{value:!0});y.from=(t,s,o,e,r,l)=>{const a=Object.create($s);return _.toFlatObject(t,a,function(m){return m!==Error.prototype},u=>u!=="isAxiosError"),y.call(a,t.message,s,o,e,r),a.cause=t,a.name=t.name,l&&Object.assign(a,l),a};const ko=null;function it(t){return _.isPlainObject(t)||_.isArray(t)}function ms(t){return _.endsWith(t,"[]")?t.slice(0,-2):t}function Pt(t,s,o){return t?t.concat(s).map(function(r,l){return r=ms(r),!o&&l?"["+r+"]":r}).join(o?".":""):s}function xo(t){return _.isArray(t)&&!t.some(it)}const Bo=_.toFlatObject(_,{},null,function(s){return/^is[A-Z]/.test(s)});function Ke(t,s,o){if(!_.isObject(t))throw new TypeError("target must be an object");s=s||new FormData,o=_.toFlatObject(o,{metaTokens:!0,dots:!1,indexes:!1},!1,function(I,E){return!_.isUndefined(E[I])});const e=o.metaTokens,r=o.visitor||$,l=o.dots,a=o.indexes,m=(o.Blob||typeof Blob<"u"&&Blob)&&_.isSpecCompliantForm(s);if(!_.isFunction(r))throw new TypeError("visitor must be a function");function p(g){if(g===null)return"";if(_.isDate(g))return g.toISOString();if(!m&&_.isBlob(g))throw new y("Blob is not supported. Use a Buffer instead.");return _.isArrayBuffer(g)||_.isTypedArray(g)?m&&typeof Blob=="function"?new Blob([g]):Buffer.from(g):g}function $(g,I,E){let L=g;if(g&&!E&&typeof g=="object"){if(_.endsWith(I,"{}"))I=e?I:I.slice(0,-2),g=JSON.stringify(g);else if(_.isArray(g)&&xo(g)||(_.isFileList(g)||_.endsWith(I,"[]"))&&(L=_.toArray(g)))return I=ms(I),L.forEach(function(C,v){!(_.isUndefined(C)||C===null)&&s.append(a===!0?Pt([I],v,l):a===null?I:I+"[]",p(C))}),!1}return it(g)?!0:(s.append(Pt(E,I,l),p(g)),!1)}const T=[],b=Object.assign(Bo,{defaultVisitor:$,convertValue:p,isVisitable:it});function O(g,I){if(!_.isUndefined(g)){if(T.indexOf(g)!==-1)throw Error("Circular reference detected in "+I.join("."));T.push(g),_.forEach(g,function(L,A){(!(_.isUndefined(L)||L===null)&&r.call(s,L,_.isString(A)?A.trim():A,I,b))===!0&&O(L,I?I.concat(A):[A])}),T.pop()}}if(!_.isObject(t))throw new TypeError("data must be an object");return O(t),s}function Dt(t){const s={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(t).replace(/[!'()~]|%20|%00/g,function(e){return s[e]})}function ht(t,s){this._pairs=[],t&&Ke(t,this,s)}const Ts=ht.prototype;Ts.append=function(s,o){this._pairs.push([s,o])};Ts.toString=function(s){const o=s?function(e){return s.call(this,e,Dt)}:Dt;return this._pairs.map(function(r){return o(r[0])+"="+o(r[1])},"").join("&")};function Po(t){return encodeURIComponent(t).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}function hs(t,s,o){if(!s)return t;const e=o&&o.encode||Po,r=o&&o.serialize;let l;if(r?l=r(s,o):l=_.isURLSearchParams(s)?s.toString():new ht(s,o).toString(e),l){const a=t.indexOf("#");a!==-1&&(t=t.slice(0,a)),t+=(t.indexOf("?")===-1?"?":"&")+l}return t}class wt{constructor(){this.handlers=[]}use(s,o,e){return this.handlers.push({fulfilled:s,rejected:o,synchronous:e?e.synchronous:!1,runWhen:e?e.runWhen:null}),this.handlers.length-1}eject(s){this.handlers[s]&&(this.handlers[s]=null)}clear(){this.handlers&&(this.handlers=[])}forEach(s){_.forEach(this.handlers,function(e){e!==null&&s(e)})}}const gs={silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},Do=typeof URLSearchParams<"u"?URLSearchParams:ht,wo=typeof FormData<"u"?FormData:null,vo=typeof Blob<"u"?Blob:null,Fo={isBrowser:!0,classes:{URLSearchParams:Do,FormData:wo,Blob:vo},protocols:["http","https","file","blob","url","data"]},gt=typeof window<"u"&&typeof document<"u",lt=typeof navigator=="object"&&navigator||void 0,Uo=gt&&(!lt||["ReactNative","NativeScript","NS"].indexOf(lt.product)<0),Ho=typeof WorkerGlobalScope<"u"&&self instanceof WorkerGlobalScope&&typeof self.importScripts=="function",Vo=gt&&window.location.href||"http://localhost",Go=Object.freeze(Object.defineProperty({__proto__:null,hasBrowserEnv:gt,hasStandardBrowserEnv:Uo,hasStandardBrowserWebWorkerEnv:Ho,navigator:lt,origin:Vo},Symbol.toStringTag,{value:"Module"})),V={...Go,...Fo};function Yo(t,s){return Ke(t,new V.classes.URLSearchParams,Object.assign({visitor:function(o,e,r,l){return V.isNode&&_.isBuffer(o)?(this.append(e,o.toString("base64")),!1):l.defaultVisitor.apply(this,arguments)}},s))}function Ko(t){return _.matchAll(/\w+|\[(\w*)]/g,t).map(s=>s[0]==="[]"?"":s[1]||s[0])}function Xo(t){const s={},o=Object.keys(t);let e;const r=o.length;let l;for(e=0;e=o.length;return a=!a&&_.isArray(r)?r.length:a,m?(_.hasOwnProp(r,a)?r[a]=[r[a],e]:r[a]=e,!u):((!r[a]||!_.isObject(r[a]))&&(r[a]=[]),s(o,e,r[a],l)&&_.isArray(r[a])&&(r[a]=Xo(r[a])),!u)}if(_.isFormData(t)&&_.isFunction(t.entries)){const o={};return _.forEachEntry(t,(e,r)=>{s(Ko(e),r,o,0)}),o}return null}function jo(t,s,o){if(_.isString(t))try{return(s||JSON.parse)(t),_.trim(t)}catch(e){if(e.name!=="SyntaxError")throw e}return(0,JSON.stringify)(t)}const ke={transitional:gs,adapter:["xhr","http","fetch"],transformRequest:[function(s,o){const e=o.getContentType()||"",r=e.indexOf("application/json")>-1,l=_.isObject(s);if(l&&_.isHTMLForm(s)&&(s=new FormData(s)),_.isFormData(s))return r?JSON.stringify(Es(s)):s;if(_.isArrayBuffer(s)||_.isBuffer(s)||_.isStream(s)||_.isFile(s)||_.isBlob(s)||_.isReadableStream(s))return s;if(_.isArrayBufferView(s))return s.buffer;if(_.isURLSearchParams(s))return o.setContentType("application/x-www-form-urlencoded;charset=utf-8",!1),s.toString();let u;if(l){if(e.indexOf("application/x-www-form-urlencoded")>-1)return Yo(s,this.formSerializer).toString();if((u=_.isFileList(s))||e.indexOf("multipart/form-data")>-1){const m=this.env&&this.env.FormData;return Ke(u?{"files[]":s}:s,m&&new m,this.formSerializer)}}return l||r?(o.setContentType("application/json",!1),jo(s)):s}],transformResponse:[function(s){const o=this.transitional||ke.transitional,e=o&&o.forcedJSONParsing,r=this.responseType==="json";if(_.isResponse(s)||_.isReadableStream(s))return s;if(s&&_.isString(s)&&(e&&!this.responseType||r)){const a=!(o&&o.silentJSONParsing)&&r;try{return JSON.parse(s)}catch(u){if(a)throw u.name==="SyntaxError"?y.from(u,y.ERR_BAD_RESPONSE,this,null,this.response):u}}return s}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,env:{FormData:V.classes.FormData,Blob:V.classes.Blob},validateStatus:function(s){return s>=200&&s<300},headers:{common:{Accept:"application/json, text/plain, */*","Content-Type":void 0}}};_.forEach(["delete","get","head","post","put","patch"],t=>{ke.headers[t]={}});const Wo=_.toObjectSet(["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"]),qo=t=>{const s={};let o,e,r;return t&&t.split(` `).forEach(function(a){r=a.indexOf(":"),o=a.substring(0,r).trim().toLowerCase(),e=a.substring(r+1).trim(),!(!o||s[o]&&Wo[o])&&(o==="set-cookie"?s[o]?s[o].push(e):s[o]=[e]:s[o]=s[o]?s[o]+", "+e:e)}),s},vt=Symbol("internals");function Ae(t){return t&&String(t).trim().toLowerCase()}function we(t){return t===!1||t==null?t:_.isArray(t)?t.map(we):String(t)}function Jo(t){const s=Object.create(null),o=/([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;let e;for(;e=o.exec(t);)s[e[1]]=e[2];return s}const zo=t=>/^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(t.trim());function et(t,s,o,e,r){if(_.isFunction(e))return e.call(this,s,o);if(r&&(s=o),!!_.isString(s)){if(_.isString(e))return s.indexOf(e)!==-1;if(_.isRegExp(e))return e.test(s)}}function Qo(t){return t.trim().toLowerCase().replace(/([a-z\d])(\w*)/g,(s,o,e)=>o.toUpperCase()+e)}function Zo(t,s){const o=_.toCamelCase(" "+s);["get","set","has"].forEach(e=>{Object.defineProperty(t,e+o,{value:function(r,l,a){return this[e].call(this,s,r,l,a)},configurable:!0})})}class G{constructor(s){s&&this.set(s)}set(s,o,e){const r=this;function l(u,m,p){const $=Ae(m);if(!$)throw new Error("header name must be a non-empty string");const T=_.findKey(r,$);(!T||r[T]===void 0||p===!0||p===void 0&&r[T]!==!1)&&(r[T||m]=we(u))}const a=(u,m)=>_.forEach(u,(p,$)=>l(p,$,m));if(_.isPlainObject(s)||s instanceof this.constructor)a(s,o);else if(_.isString(s)&&(s=s.trim())&&!zo(s))a(qo(s),o);else if(_.isHeaders(s))for(const[u,m]of s.entries())l(m,u,e);else s!=null&&l(o,s,e);return this}get(s,o){if(s=Ae(s),s){const e=_.findKey(this,s);if(e){const r=this[e];if(!o)return r;if(o===!0)return Jo(r);if(_.isFunction(o))return o.call(this,r,e);if(_.isRegExp(o))return o.exec(r);throw new TypeError("parser must be boolean|regexp|function")}}}has(s,o){if(s=Ae(s),s){const e=_.findKey(this,s);return!!(e&&this[e]!==void 0&&(!o||et(this,this[e],e,o)))}return!1}delete(s,o){const e=this;let r=!1;function l(a){if(a=Ae(a),a){const u=_.findKey(e,a);u&&(!o||et(e,e[u],u,o))&&(delete e[u],r=!0)}}return _.isArray(s)?s.forEach(l):l(s),r}clear(s){const o=Object.keys(this);let e=o.length,r=!1;for(;e--;){const l=o[e];(!s||et(this,this[l],l,s,!0))&&(delete this[l],r=!0)}return r}normalize(s){const o=this,e={};return _.forEach(this,(r,l)=>{const a=_.findKey(e,l);if(a){o[a]=we(r),delete o[l];return}const u=s?Qo(l):String(l).trim();u!==l&&delete o[l],o[u]=we(r),e[u]=!0}),this}concat(...s){return this.constructor.concat(this,...s)}toJSON(s){const o=Object.create(null);return _.forEach(this,(e,r)=>{e!=null&&e!==!1&&(o[r]=s&&_.isArray(e)?e.join(", "):e)}),o}[Symbol.iterator](){return Object.entries(this.toJSON())[Symbol.iterator]()}toString(){return Object.entries(this.toJSON()).map(([s,o])=>s+": "+o).join(` `)}get[Symbol.toStringTag](){return"AxiosHeaders"}static from(s){return s instanceof this?s:new this(s)}static concat(s,...o){const e=new this(s);return o.forEach(r=>e.set(r)),e}static accessor(s){const e=(this[vt]=this[vt]={accessors:{}}).accessors,r=this.prototype;function l(a){const u=Ae(a);e[u]||(Zo(r,a),e[u]=!0)}return _.isArray(s)?s.forEach(l):l(s),this}}G.accessor(["Content-Type","Content-Length","Accept","Accept-Encoding","User-Agent","Authorization"]);_.reduceDescriptors(G.prototype,({value:t},s)=>{let o=s[0].toUpperCase()+s.slice(1);return{get:()=>t,set(e){this[o]=e}}});_.freezeMethods(G);function tt(t,s){const o=this||ke,e=s||o,r=G.from(e.headers);let l=e.data;return _.forEach(t,function(u){l=u.call(o,l,r.normalize(),s?s.status:void 0)}),r.normalize(),l}function fs(t){return!!(t&&t.__CANCEL__)}function Oe(t,s,o){y.call(this,t??"canceled",y.ERR_CANCELED,s,o),this.name="CanceledError"}_.inherits(Oe,y,{__CANCEL__:!0});function bs(t,s,o){const e=o.config.validateStatus;!o.status||!e||e(o.status)?t(o):s(new y("Request failed with status code "+o.status,[y.ERR_BAD_REQUEST,y.ERR_BAD_RESPONSE][Math.floor(o.status/100)-4],o.config,o.request,o))}function er(t){const s=/^([-+\w]{1,25})(:?\/\/|:)/.exec(t);return s&&s[1]||""}function tr(t,s){t=t||10;const o=new Array(t),e=new Array(t);let r=0,l=0,a;return s=s!==void 0?s:1e3,function(m){const p=Date.now(),$=e[l];a||(a=p),o[r]=m,e[r]=p;let T=l,b=0;for(;T!==r;)b+=o[T++],T=T%t;if(r=(r+1)%t,r===l&&(l=(l+1)%t),p-a{o=$,r=null,l&&(clearTimeout(l),l=null),t.apply(null,p)};return[(...p)=>{const $=Date.now(),T=$-o;T>=e?a(p,$):(r=p,l||(l=setTimeout(()=>{l=null,a(r)},e-T)))},()=>r&&a(r)]}const Fe=(t,s,o=3)=>{let e=0;const r=tr(50,250);return sr(l=>{const a=l.loaded,u=l.lengthComputable?l.total:void 0,m=a-e,p=r(m),$=a<=u;e=a;const T={loaded:a,total:u,progress:u?a/u:void 0,bytes:m,rate:p||void 0,estimated:p&&u&&$?(u-a)/p:void 0,event:l,lengthComputable:u!=null,[s?"download":"upload"]:!0};t(T)},o)},Ft=(t,s)=>{const o=t!=null;return[e=>s[0]({lengthComputable:o,total:t,loaded:e}),s[1]]},Ut=t=>(...s)=>_.asap(()=>t(...s)),nr=V.hasStandardBrowserEnv?function(){const s=V.navigator&&/(msie|trident)/i.test(V.navigator.userAgent),o=document.createElement("a");let e;function r(l){let a=l;return s&&(o.setAttribute("href",a),a=o.href),o.setAttribute("href",a),{href:o.href,protocol:o.protocol?o.protocol.replace(/:$/,""):"",host:o.host,search:o.search?o.search.replace(/^\?/,""):"",hash:o.hash?o.hash.replace(/^#/,""):"",hostname:o.hostname,port:o.port,pathname:o.pathname.charAt(0)==="/"?o.pathname:"/"+o.pathname}}return e=r(window.location.href),function(a){const u=_.isString(a)?r(a):a;return u.protocol===e.protocol&&u.host===e.host}}():function(){return function(){return!0}}(),or=V.hasStandardBrowserEnv?{write(t,s,o,e,r,l){const a=[t+"="+encodeURIComponent(s)];_.isNumber(o)&&a.push("expires="+new Date(o).toGMTString()),_.isString(e)&&a.push("path="+e),_.isString(r)&&a.push("domain="+r),l===!0&&a.push("secure"),document.cookie=a.join("; ")},read(t){const s=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return s?decodeURIComponent(s[3]):null},remove(t){this.write(t,"",Date.now()-864e5)}}:{write(){},read(){return null},remove(){}};function rr(t){return/^([a-z][a-z\d+\-.]*:)?\/\//i.test(t)}function ir(t,s){return s?t.replace(/\/?\/$/,"")+"/"+s.replace(/^\/+/,""):t}function Is(t,s){return t&&!rr(s)?ir(t,s):s}const Ht=t=>t instanceof G?{...t}:t;function me(t,s){s=s||{};const o={};function e(p,$,T){return _.isPlainObject(p)&&_.isPlainObject($)?_.merge.call({caseless:T},p,$):_.isPlainObject($)?_.merge({},$):_.isArray($)?$.slice():$}function r(p,$,T){if(_.isUndefined($)){if(!_.isUndefined(p))return e(void 0,p,T)}else return e(p,$,T)}function l(p,$){if(!_.isUndefined($))return e(void 0,$)}function a(p,$){if(_.isUndefined($)){if(!_.isUndefined(p))return e(void 0,p)}else return e(void 0,$)}function u(p,$,T){if(T in s)return e(p,$);if(T in t)return e(void 0,p)}const m={url:l,method:l,data:l,baseURL:a,transformRequest:a,transformResponse:a,paramsSerializer:a,timeout:a,timeoutMessage:a,withCredentials:a,withXSRFToken:a,adapter:a,responseType:a,xsrfCookieName:a,xsrfHeaderName:a,onUploadProgress:a,onDownloadProgress:a,decompress:a,maxContentLength:a,maxBodyLength:a,beforeRedirect:a,transport:a,httpAgent:a,httpsAgent:a,cancelToken:a,socketPath:a,responseEncoding:a,validateStatus:u,headers:(p,$)=>r(Ht(p),Ht($),!0)};return _.forEach(Object.keys(Object.assign({},t,s)),function($){const T=m[$]||r,b=T(t[$],s[$],$);_.isUndefined(b)&&T!==u||(o[$]=b)}),o}const Ss=t=>{const s=me({},t);let{data:o,withXSRFToken:e,xsrfHeaderName:r,xsrfCookieName:l,headers:a,auth:u}=s;s.headers=a=G.from(a),s.url=hs(Is(s.baseURL,s.url),t.params,t.paramsSerializer),u&&a.set("Authorization","Basic "+btoa((u.username||"")+":"+(u.password?unescape(encodeURIComponent(u.password)):"")));let m;if(_.isFormData(o)){if(V.hasStandardBrowserEnv||V.hasStandardBrowserWebWorkerEnv)a.setContentType(void 0);else if((m=a.getContentType())!==!1){const[p,...$]=m?m.split(";").map(T=>T.trim()).filter(Boolean):[];a.setContentType([p||"multipart/form-data",...$].join("; "))}}if(V.hasStandardBrowserEnv&&(e&&_.isFunction(e)&&(e=e(s)),e||e!==!1&&nr(s.url))){const p=r&&l&&or.read(l);p&&a.set(r,p)}return s},lr=typeof XMLHttpRequest<"u",ar=lr&&function(t){return new Promise(function(o,e){const r=Ss(t);let l=r.data;const a=G.from(r.headers).normalize();let{responseType:u,onUploadProgress:m,onDownloadProgress:p}=r,$,T,b,O,g;function I(){O&&O(),g&&g(),r.cancelToken&&r.cancelToken.unsubscribe($),r.signal&&r.signal.removeEventListener("abort",$)}let E=new XMLHttpRequest;E.open(r.method.toUpperCase(),r.url,!0),E.timeout=r.timeout;function L(){if(!E)return;const C=G.from("getAllResponseHeaders"in E&&E.getAllResponseHeaders()),N={data:!u||u==="text"||u==="json"?E.responseText:E.response,status:E.status,statusText:E.statusText,headers:C,config:t,request:E};bs(function(Z){o(Z),I()},function(Z){e(Z),I()},N),E=null}"onloadend"in E?E.onloadend=L:E.onreadystatechange=function(){!E||E.readyState!==4||E.status===0&&!(E.responseURL&&E.responseURL.indexOf("file:")===0)||setTimeout(L)},E.onabort=function(){E&&(e(new y("Request aborted",y.ECONNABORTED,t,E)),E=null)},E.onerror=function(){e(new y("Network Error",y.ERR_NETWORK,t,E)),E=null},E.ontimeout=function(){let v=r.timeout?"timeout of "+r.timeout+"ms exceeded":"timeout exceeded";const N=r.transitional||gs;r.timeoutErrorMessage&&(v=r.timeoutErrorMessage),e(new y(v,N.clarifyTimeoutError?y.ETIMEDOUT:y.ECONNABORTED,t,E)),E=null},l===void 0&&a.setContentType(null),"setRequestHeader"in E&&_.forEach(a.toJSON(),function(v,N){E.setRequestHeader(N,v)}),_.isUndefined(r.withCredentials)||(E.withCredentials=!!r.withCredentials),u&&u!=="json"&&(E.responseType=r.responseType),p&&([b,g]=Fe(p,!0),E.addEventListener("progress",b)),m&&E.upload&&([T,O]=Fe(m),E.upload.addEventListener("progress",T),E.upload.addEventListener("loadend",O)),(r.cancelToken||r.signal)&&($=C=>{E&&(e(!C||C.type?new Oe(null,t,E):C),E.abort(),E=null)},r.cancelToken&&r.cancelToken.subscribe($),r.signal&&(r.signal.aborted?$():r.signal.addEventListener("abort",$)));const A=er(r.url);if(A&&V.protocols.indexOf(A)===-1){e(new y("Unsupported protocol "+A+":",y.ERR_BAD_REQUEST,t));return}E.send(l||null)})},cr=(t,s)=>{const{length:o}=t=t?t.filter(Boolean):[];if(s||o){let e=new AbortController,r;const l=function(p){if(!r){r=!0,u();const $=p instanceof Error?p:this.reason;e.abort($ instanceof y?$:new Oe($ instanceof Error?$.message:$))}};let a=s&&setTimeout(()=>{a=null,l(new y(`timeout ${s} of ms exceeded`,y.ETIMEDOUT))},s);const u=()=>{t&&(a&&clearTimeout(a),a=null,t.forEach(p=>{p.unsubscribe?p.unsubscribe(l):p.removeEventListener("abort",l)}),t=null)};t.forEach(p=>p.addEventListener("abort",l));const{signal:m}=e;return m.unsubscribe=()=>_.asap(u),m}},ur=function*(t,s){let o=t.byteLength;if(o{const r=dr(t,s);let l=0,a,u=m=>{a||(a=!0,e&&e(m))};return new ReadableStream({async pull(m){try{const{done:p,value:$}=await r.next();if(p){u(),m.close();return}let T=$.byteLength;if(o){let b=l+=T;o(b)}m.enqueue(new Uint8Array($))}catch(p){throw u(p),p}},cancel(m){return u(m),r.return()}},{highWaterMark:2})},Xe=typeof fetch=="function"&&typeof Request=="function"&&typeof Response=="function",Os=Xe&&typeof ReadableStream=="function",$r=Xe&&(typeof TextEncoder=="function"?(t=>s=>t.encode(s))(new TextEncoder):async t=>new Uint8Array(await new Response(t).arrayBuffer())),Rs=(t,...s)=>{try{return!!t(...s)}catch{return!1}},_r=Os&&Rs(()=>{let t=!1;const s=new Request(V.origin,{body:new ReadableStream,method:"POST",get duplex(){return t=!0,"half"}}).headers.has("Content-Type");return t&&!s}),Gt=64*1024,at=Os&&Rs(()=>_.isReadableStream(new Response("").body)),Ue={stream:at&&(t=>t.body)};Xe&&(t=>{["text","arrayBuffer","blob","formData","stream"].forEach(s=>{!Ue[s]&&(Ue[s]=_.isFunction(t[s])?o=>o[s]():(o,e)=>{throw new y(`Response type '${s}' is not supported`,y.ERR_NOT_SUPPORT,e)})})})(new Response);const mr=async t=>{if(t==null)return 0;if(_.isBlob(t))return t.size;if(_.isSpecCompliantForm(t))return(await new Request(V.origin,{method:"POST",body:t}).arrayBuffer()).byteLength;if(_.isArrayBufferView(t)||_.isArrayBuffer(t))return t.byteLength;if(_.isURLSearchParams(t)&&(t=t+""),_.isString(t))return(await $r(t)).byteLength},Tr=async(t,s)=>{const o=_.toFiniteNumber(t.getContentLength());return o??mr(s)},hr=Xe&&(async t=>{let{url:s,method:o,data:e,signal:r,cancelToken:l,timeout:a,onDownloadProgress:u,onUploadProgress:m,responseType:p,headers:$,withCredentials:T="same-origin",fetchOptions:b}=Ss(t);p=p?(p+"").toLowerCase():"text";let O=cr([r,l&&l.toAbortSignal()],a),g;const I=O&&O.unsubscribe&&(()=>{O.unsubscribe()});let E;try{if(m&&_r&&o!=="get"&&o!=="head"&&(E=await Tr($,e))!==0){let N=new Request(s,{method:"POST",body:e,duplex:"half"}),B;if(_.isFormData(e)&&(B=N.headers.get("content-type"))&&$.setContentType(B),N.body){const[Z,oe]=Ft(E,Fe(Ut(m)));e=Vt(N.body,Gt,Z,oe)}}_.isString(T)||(T=T?"include":"omit");const L="credentials"in Request.prototype;g=new Request(s,{...b,signal:O,method:o.toUpperCase(),headers:$.normalize().toJSON(),body:e,duplex:"half",credentials:L?T:void 0});let A=await fetch(g);const C=at&&(p==="stream"||p==="response");if(at&&(u||C&&I)){const N={};["status","statusText","headers"].forEach(ue=>{N[ue]=A[ue]});const B=_.toFiniteNumber(A.headers.get("content-length")),[Z,oe]=u&&Ft(B,Fe(Ut(u),!0))||[];A=new Response(Vt(A.body,Gt,Z,()=>{oe&&oe(),I&&I()}),N)}p=p||"text";let v=await Ue[_.findKey(Ue,p)||"text"](A,t);return!C&&I&&I(),await new Promise((N,B)=>{bs(N,B,{data:v,headers:G.from(A.headers),status:A.status,statusText:A.statusText,config:t,request:g})})}catch(L){throw I&&I(),L&&L.name==="TypeError"&&/fetch/i.test(L.message)?Object.assign(new y("Network Error",y.ERR_NETWORK,t,g),{cause:L.cause||L}):y.from(L,L&&L.code,t,g)}}),ct={http:ko,xhr:ar,fetch:hr};_.forEach(ct,(t,s)=>{if(t){try{Object.defineProperty(t,"name",{value:s})}catch{}Object.defineProperty(t,"adapterName",{value:s})}});const Yt=t=>`- ${t}`,gr=t=>_.isFunction(t)||t===null||t===!1,As={getAdapter:t=>{t=_.isArray(t)?t:[t];const{length:s}=t;let o,e;const r={};for(let l=0;l`adapter ${u} `+(m===!1?"is not supported by the environment":"is not available in the build"));let a=s?l.length>1?`since : `+l.map(Yt).join(` @@ -71,4 +71,4 @@ CSS 속성을 선택할 수 있는 컴포넌트`,methods:[],displayName:"CssOpti @description 임시로 업로드된 이미지 또는 실제 src로부터 제공된 이미지의 미리보기를 표시하는 컴포넌트입니다. 유효하지 않은 이미지일 경우 에러 메시지를 표시합니다.`,methods:[],displayName:"ImageTagModalImg",props:{imageSrc:{required:!0,tsType:{name:"string"},description:""}}};const Qr=({content:t,isBlue:s,onClick:o})=>f.jsx("button",{className:`h-[3.25rem] w-40 rounded-lg text-center align-middle ${s?"bg-blue-500 text-white":"bg-gray-50 text-gray-400"}`,onClick:o,children:t});Qr.__docgenInfo={description:"",methods:[],displayName:"ImageTagModalButton",props:{content:{required:!0,tsType:{name:"string"},description:""},isBlue:{required:!0,tsType:{name:"boolean"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const Zr="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_921_1400'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'%20/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_921_1400)'%3e%3cpath%20d='M7.99826%2012.0006C8.22171%2012.0006%208.41121%2011.9234%208.56676%2011.7691C8.72232%2011.6149%208.8001%2011.426%208.8001%2011.2024C8.8001%2010.979%208.72293%2010.7895%208.5686%2010.6339C8.41438%2010.4784%208.22549%2010.4006%208.00193%2010.4006C7.77849%2010.4006%207.58899%2010.4778%207.43343%2010.6321C7.27788%2010.7863%207.2001%2010.9752%207.2001%2011.1988C7.2001%2011.4222%207.27726%2011.6117%207.4316%2011.7673C7.58582%2011.9228%207.77471%2012.0006%207.99826%2012.0006ZM8.00476%2014.4006C7.12388%2014.4006%206.29454%2014.2339%205.51676%2013.9006C4.73899%2013.5673%204.05843%2013.1089%203.4751%2012.5256C2.89176%2011.9423%202.43343%2011.2619%202.1001%2010.4846C1.76676%209.70725%201.6001%208.8767%201.6001%207.99292C1.6001%207.10914%201.76676%206.28114%202.1001%205.50892C2.43343%204.7367%202.89176%204.05892%203.4751%203.47559C4.05843%202.89225%204.73876%202.43392%205.5161%202.10059C6.29343%201.76725%207.12399%201.60059%208.00776%201.60059C8.89154%201.60059%209.71954%201.76725%2010.4918%202.10059C11.264%202.43392%2011.9418%202.89225%2012.5251%203.47559C13.1084%204.05892%2013.5668%204.73792%2013.9001%205.51259C14.2334%206.28736%2014.4001%207.11514%2014.4001%207.99592C14.4001%208.87681%2014.2334%209.70614%2013.9001%2010.4839C13.5668%2011.2617%2013.1084%2011.9423%2012.5251%2012.5256C11.9418%2013.1089%2011.2628%2013.5673%2010.4881%2013.9006C9.71332%2014.2339%208.88554%2014.4006%208.00476%2014.4006ZM8.0536%205.16725C8.32393%205.16725%208.56593%205.25159%208.7796%205.42025C8.99327%205.58892%209.1001%205.79975%209.1001%206.05275C9.1001%206.28464%209.0296%206.49503%208.8886%206.68392C8.74749%206.87281%208.58465%207.04503%208.4001%207.20059C8.14454%207.42281%207.91121%207.66725%207.7001%207.93392C7.48899%208.20059%207.38343%208.50059%207.38343%208.83392C7.38343%209.00059%207.44276%209.13947%207.56143%209.25059C7.6801%209.3617%207.81854%209.41725%207.97676%209.41725C8.15532%209.41725%208.3066%209.35892%208.4306%209.24225C8.55471%209.12559%208.63343%208.97836%208.66676%208.80059C8.71121%208.56725%208.81121%208.36092%208.96676%208.18159C9.12232%208.00236%209.28899%207.83125%209.46676%207.66825C9.72232%207.43425%209.93899%207.16897%2010.1168%206.87242C10.2945%206.57586%2010.3834%206.25747%2010.3834%205.91725C10.3834%205.35059%2010.1529%204.8867%209.69176%204.52559C9.23065%204.16447%208.69404%203.98392%208.08193%203.98392C7.65904%203.98392%207.25915%204.07836%206.88226%204.26725C6.50526%204.45614%206.19365%204.72986%205.94743%205.08842C5.86032%205.20853%205.83621%205.34059%205.8751%205.48459C5.91399%205.62859%205.99454%205.75059%206.11676%205.85059C6.27232%205.97281%206.43899%206.00892%206.61676%205.95892C6.79454%205.90892%206.94454%205.80614%207.06676%205.65059C7.18899%205.49503%207.33538%205.37559%207.50593%205.29225C7.67649%205.20892%207.85904%205.16725%208.0536%205.16725Z'%20fill='%2390A2B6'%20/%3e%3c/g%3e%3c/svg%3e";class Bs extends St{constructor(){super(...arguments);q(this,"pElement",null);q(this,"inputElement",null);q(this,"buttonElement",null)}init(o){super.init(o);const e=this.targetWorkspace.getToolbox(),r=ee.createElement("div",{class:"contentCreatingBlock"}),l=ee.createElement("label",{for:"creatingBlockInput",class:"creatingBlockLabel"});l.textContent="클래스 생성하기",this.inputElement=ee.createElement("input",{type:"text",placeholder:"클래스명을 정해주세요",class:"creatingBlockInput",id:"creatingBlockInput",maxlength:"30"}),this.inputElement.addEventListener("keydown",I=>{I.key==="Enter"&&this.createStyleBlock()});const a=ee.createElement("button",{class:"creatingBlockButton"});a.textContent="+",a.addEventListener("click",()=>this.createStyleBlock());const u=ee.createElement("label",{class:"listBlockLabel"});u.textContent="클래스 블록 목록";const m=ee.createElement("div",{class:"resetCssDiv"}),p=ee.createElement("input",{type:"checkbox",class:"resetCssCheckbox"});p.checked=ve.getState().isResetCssChecked,ye.getState().setIsCssChanged(!0),p.addEventListener("change",()=>{ve.getState().toggleResetCss()});const $=ee.createElement("span",{class:"resetCssText"});$.textContent="reset CSS 적용하기";const T=ee.createElement("img",{src:Zr,alt:"reset CSS Info",class:"questionImage"}),b=document.createElement("div");document.body.appendChild(b);const O=()=>{const{left:I,top:E}=T.getBoundingClientRect();Jt({description:"브라우저마다 다른 기본 스타일을 일관되게 만들기 위해, 모든 요소의 기본 스타일을 초기화하는 CSS입니다.",isOpen:!0,leftX:I,topY:E},b)},g=()=>{Jt({description:"",isOpen:!1,leftX:0,topY:0},b)};T.addEventListener("mouseenter",O),T.addEventListener("mouseleave",g),m.appendChild(p),m.appendChild($),m.appendChild(T),[l,this.inputElement,a,m,u].forEach(I=>r.appendChild(I)),e.addElementToContentArea(r,!0),this.registerCustomContextMenu(),this.show(te.contents)}addPrefixToClassName(o){return`CSS_${o}`}registerCustomContextMenu(){const o="deleteBlock";if(Qe.registry.getItem(o))return;const e={id:o,scopeType:Qe.ScopeType.BLOCK,displayText:"블록 삭제",weight:100,preconditionFn:r=>{const l=r.block.type;return te.contents.some(u=>u.type===l)&&r.block.isDeletable()?"enabled":"hidden"},callback:r=>{const l=r.block,a=l.type;Mt().getBlocksByType(a).forEach(T=>{T.dispose(!1,!0)}),l.dispose(!1,!0),Ee.getState().removeCssClass(a),ye.getState().setIsBlockChanged(!0),te.contents=te.contents.filter(T=>T.type!==a);const{removeClassBlock:p}=yt.getState();p(a),Mt().getToolbox().getFlyout().show(te.contents),D.success(`"${a.replace("CSS_","")}" 클래스 블록이 삭제되었습니다.`)}};Qe.registry.register(e),document.addEventListener("click",r=>{const l=document.querySelector(".blocklyContextMenu");l&&!l.contains(r.target)&&(l.style.display="none")})}createStyleBlock(){var u;const o=(u=this.inputElement)==null?void 0:u.value;if(!o)return D.error("클래스명을 입력해주세요.");if(Pr(o)){if(!Dr(o))return D.error("클래스명은 영문자, 밑줄(_), 하이픈(-), 숫자만 포함해주세요")}else return D.error("클래스명 첫 글자는 영문자, 밑줄(_), 하이픈(-)만 가능해요");const e=this.addPrefixToClassName(o),r=te.contents||[];if(r.some(m=>m.type===e))return D.error(`"${o}" 입력한 클래스명 블록은 이미 존재합니다.`);Nt[e]||(Ee.getState().addNewCssClass(e),ye.getState().setIsBlockChanged(!0),Nt[e]={init:function(){this.appendDummyInput().appendField(new wr(o),"CLASS"),this.setOutput(!0),this.setStyle("defaultBlockCss")}}),te.contents=[...r,{kind:"block",type:e,enabled:!0}];const{addClassBlock:a}=yt.getState();a(e),this.show(te.contents),D.success(`입력한 클래스명 블록 "${o}"이(가) 추가되었습니다.`),this.inputElement&&(this.inputElement.value="")}}q(Bs,"registryName","StyleFlyout");const oc={tabs:{html:{label:"HTML 태그",toolboxConfig:xr,flyoutRegistryName:St.registryName},css:{label:"CSS 클래스",toolboxConfig:te,flyoutRegistryName:Bs.registryName}},defaultSelectedTab:"html"},ei=()=>{const t=Ne(),s=Re(),o=be()||He(),{setName:e}=Ce(),{mutate:r,isPending:l}=Ie({mutationFn:({workspaceId:a,newName:u})=>s.updateWorkspaceName(o,a,u),onSuccess:a=>{D.success("워크스페이스 이름이 변경되었습니다."),e(a.name),t.invalidateQueries({queryKey:fe.list()})},onError:()=>{D.error("워크스페이스 이름 변경을 실패했습니다.")}});return{mutate:r,isPending:l}},ti=()=>{const t=Ne(),s=Re(),o=be()||He(),{closeModal:e,setIsLoading:r}=Qt(),{mutate:l}=Ie({mutationFn:a=>(r(!0),s.deleteWorkspace(o,a)),onSuccess:()=>{t.invalidateQueries({queryKey:fe.list()}),D.success("워크스페이스 삭제 성공")},onError:()=>{D.error("워크스페이스 삭제 실패")},onSettled:()=>{r(!1),e()}});return{mutate:l}},fe={all:["workspace"],list:()=>[...fe.all,"list"],detail:t=>[...fe.all,"detail",t]},si=t=>{const s=Re(),o=be()||He(),{resetChangedStatusState:e}=ye(),{imageMap:r}=$e(),l=Ne(),{mutate:a,isPending:u}=Ie({mutationFn:({totalCssPropertyObj:m,canvas:p,classBlockList:$,cssResetStatus:T,thumbnail:b})=>s.saveWorkspace(o,t,m,p,$,T,b,r),onSuccess:()=>{e(),l.invalidateQueries({queryKey:fe.list()}),D.success("성공적으로 저장되었습니다.")},onError:()=>{D.error("저장에 실패했습니다.")}});return{mutate:a,isPending:u}},ni=()=>{const t=Re(),s=be()||"",{pushImagePath:o,setNowImage:e}=$e(),{mutate:r,isPending:l}=Ie({mutationFn:({workspaceId:a,imageName:u,image:m})=>t.postImage(s,a,u,m),onSuccess:a=>{o(a.imageName,a.imageUrl),e(a.imageUrl),D.success("성공적으로 저장되었습니다.")},onError:()=>{D.error("저장에 실패했습니다.")}});return{mutate:r,isPending:l}},oi=()=>{const t=Re(),s=be()||"",{deleteImagePath:o}=$e(),{mutate:e}=Ie({mutationFn:({workspaceId:r,imageName:l})=>t.deleteImage(s,r,l),onSuccess:r=>{o(r.imageName),D.success("이미지 삭제 성공")},onError:()=>{D.error("이미지 삭제 실패")}});return{mutate:e}},Ps=()=>{const[t,s]=R.useState(window.innerWidth),[o,e]=R.useState(window.innerHeight);return R.useEffect(()=>{const r=ss(()=>{s(window.innerWidth),e(window.innerHeight)},200);return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[]),{screenWidth:t,setScreenWidth:s,screenHeight:o,setScreenHeight:e}},ri=()=>{const{leftX:t,topY:s,offsetX:o,offsetY:e,setLeftX:r,setTopY:l}=Zt(),{screenWidth:a,screenHeight:u}=Ps();return R.useEffect(()=>{r(o),e+40>u?l(-e+40):l(e)},[o,e,a,u]),{leftX:t,topY:s}},Ds=()=>{const{setCheckedCssPropertyObj:t,setCssOptionObj:s,currentCssClassName:o}=Ee(),{setIsCssChanged:e}=ye(),r=(u,m,p)=>{e(!0),t(o,u,!m),m||s(o,u,p)},l=(u,m)=>{e(!0),s(o,u,m)},a=R.useCallback(ss((u,m)=>{l(u,m)},200),[l]);return{handleCssPropertyCheckboxChange:r,handleCssOptionChange:l,handleColorChange:a}},ii=t=>{const{handleCssOptionChange:s}=Ds(),{setOffsetX:o,setOffsetY:e}=Zt(),{currentCssClassName:r,totalCssPropertyObj:l,selectedCssCategory:a}=Ee(),[u,m]=R.useState(""),[p,$]=R.useState(!1),[T,b]=R.useState(-1),[O,g]=R.useState(!1),[I,E]=R.useState(t.type==="select"&&t.option.length>0?t.option[0]:"");return R.useEffect(()=>{l[r]&&m(l[r].cssOptionObj[t.label]||"")},[r,l,t.label]),R.useEffect(()=>{if(!l[r]){g(!1),E(t.type==="select"?t.option[0]:t.type==="color"?"#000000":"");return}if(g(l[r].checkedCssPropertyObj[t.label]??!1),!l[r].cssOptionObj[t.label]){E(t.type==="select"?t.option[0]:t.type==="color"?"#000000":"");return}E(l[r].cssOptionObj[t.label])},[l,r,t,a]),{cssOptionValue:u,isHover:p,indexOfHover:T,isChecked:O,cssOption:I,handleEnterKey:(N,B)=>{B.key==="Enter"&&(s(N,B.currentTarget.value),B.currentTarget.blur(),B.preventDefault())},handleMouseEnter:(N,B)=>{$(!0),b(B),o(N.currentTarget.getBoundingClientRect().x),e(N.currentTarget.getBoundingClientRect().y)},handleMouseLeave:()=>{$(!1),b(-1)},handleChangeInputValue:N=>{m(N.target.value)}}},li=()=>{const{mutate:t}=bt(),s=()=>{t()};return f.jsx("div",{className:"flex h-[23rem] items-center justify-center border-4 border-dashed border-green-300 bg-green-100",onClick:s,children:f.jsx(Ln,{fill:"green"})})};li.__docgenInfo={description:`@description -빈 워크스페이스에 마우스를 올렸을 때 보여지는 컴포넌트`,methods:[],displayName:"HoveredEmptyWorkspace"};export{Qr as $,da as A,Nt as B,qr as C,ee as D,Bs as E,Pn as F,Xl as G,li as H,la as I,de as J,Ca as K,xr as L,nc as M,oc as N,Al as O,Hn as P,Zi as Q,Yr as R,jr as S,Wl as T,Xr as U,ec as V,Hr as W,tc as X,Jr as Y,ca as Z,zr as _,vr as a,Mt as a0,Wr as b,Vr as c,ks as d,He as e,wr as f,be as g,te as h,Re as i,Za as j,za as k,Qa as l,sl as m,Kn as n,Ja as o,Wa as p,ji as q,Vl as r,Yn as s,St as t,J as u,xn as v,fe as w,Va as x,Gl as y,qa as z}; +빈 워크스페이스에 마우스를 올렸을 때 보여지는 컴포넌트`,methods:[],displayName:"HoveredEmptyWorkspace"};export{zr as $,qa as A,Nt as B,qr as C,ee as D,da as E,Pn as F,Bs as G,li as H,Xl as I,la as J,de as K,Ca as L,xr as M,nc as N,Al as O,oc as P,Hn as Q,Yr as R,jr as S,Wl as T,Xr as U,Zi as V,Hr as W,ec as X,tc as Y,ca as Z,Jr as _,vr as a,Qr as a0,Wr as b,Vr as c,ks as d,He as e,wr as f,be as g,te as h,Re as i,Za as j,za as k,Qa as l,sl as m,Kn as n,Ja as o,Mt as p,Wa as q,ji as r,Yn as s,Vl as t,J as u,xn as v,fe as w,St as x,Va as y,Gl as z}; diff --git a/assets/HoveredEmptyWorkspace.stories-DqSOQb1q.js b/assets/HoveredEmptyWorkspace.stories-DMgerLpS.js similarity index 76% rename from assets/HoveredEmptyWorkspace.stories-DqSOQb1q.js rename to assets/HoveredEmptyWorkspace.stories-DMgerLpS.js index 305f412c..c2a598bf 100644 --- a/assets/HoveredEmptyWorkspace.stories-DqSOQb1q.js +++ b/assets/HoveredEmptyWorkspace.stories-DMgerLpS.js @@ -1 +1 @@ -import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{H as i}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a as s}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const q={title:"entities/home/HoveredEmptyWorkspace",component:i,parameters:{layout:"fullscreen"},decorators:[p=>r.jsx("div",{onClick:s("HoveredEmptyWorkspace clicked"),children:r.jsx(p,{})})],tags:["autodocs"]},o={};var t,e,m;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(m=(e=o.parameters)==null?void 0:e.docs)==null?void 0:m.source}}};const w=["Default"];export{o as Default,w as __namedExportsOrder,q as default}; +import{j as r}from"./jsx-runtime-DR9Q75dM.js";import{H as i}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a as s}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const q={title:"entities/home/HoveredEmptyWorkspace",component:i,parameters:{layout:"fullscreen"},decorators:[p=>r.jsx("div",{onClick:s("HoveredEmptyWorkspace clicked"),children:r.jsx(p,{})})],tags:["autodocs"]},o={};var t,e,m;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(m=(e=o.parameters)==null?void 0:e.docs)==null?void 0:m.source}}};const w=["Default"];export{o as Default,w as __namedExportsOrder,q as default}; diff --git a/assets/ImageTagModal-ByYYw5dL.js b/assets/ImageTagModal-ByYYw5dL.js deleted file mode 100644 index 2e6882a5..00000000 --- a/assets/ImageTagModal-ByYYw5dL.js +++ /dev/null @@ -1,67 +0,0 @@ -var ae=Object.defineProperty;var Rt=r=>{throw TypeError(r)};var le=(r,e,t)=>e in r?ae(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var y=(r,e,t)=>le(r,typeof e!="symbol"?e+"":e,t),pt=(r,e,t)=>e.has(r)||Rt("Cannot "+t);var l=(r,e,t)=>(pt(r,e,"read from private field"),t?t.call(r):e.get(r)),w=(r,e,t)=>e.has(r)?Rt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,t),b=(r,e,t,s)=>(pt(r,e,"write to private field"),s?s.call(r,t):e.set(r,t),t),S=(r,e,t)=>(pt(r,e,"access private method"),t);import{j as u}from"./jsx-runtime-DR9Q75dM.js";import"./GuidesBox-DLTeEQIO.js";import{r as x}from"./index-DRjF_FHU.js";import"./HomeHeader-DlPZqUqk.js";import{W as ce}from"./WorkspaceList-C3U4CKEc.js";import{W as he}from"./WorkspaceHeader-D6gGbePf.js";import{E as ue}from"./EmptyWorkspace-D633SD7C.js";import{W as de}from"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import{P as pe}from"./PreviewBox-OTdHhW5-.js";import{F as fe,s as me,n as Ce,w as ge,g as At,e as xe,i as be,j as Z,B as ct,k as xt,l as ft,m as Ut,o as Xt,T as _e,Z as ye,u as Qt,p as Se,q as qt,r as Te,D as tt,t as ut,O as ve,x as j,y as Jt,z as Lt,A as te,E as Mt,G as Ie,I as dt,J as Oe,K as we,L as Ee,M as De,N as Le,P as Ne,Q as k,V as kt,X as Re,Y as Ae,_ as Me,$ as Bt,a0 as ke}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspacePageHeader-nuoxCE2n.js";import{C as Be}from"./CssCategoryBar-rjFAbhkJ.js";import{C as Pe}from"./CssOptionItemList-zkqEQSjk.js";import{C as Fe}from"./CssPropsSelectBoxHeader-8rTfHMke.js";import{_ as at}from"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import{M as He}from"./ModalConfirm-BDuYJlbG.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import{S as Ge}from"./SkeletonWorkspaceList-LqBByOXs.js";import{i as M,j as bt,r as je,u as Pt,e as We,f as Ve,b as Ze,h as $e}from"./useImageModalStore-jpOIQYA6.js";import"./GuideVideo-MGmf4GR2.js";import{W as Ye}from"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import{S as Ke,v as Ft,a as P,w as _t,l as ht,n as ze,x as yt,y as Ht,t as Ue,k as Xe,r as Gt,b as ee,z as Qe}from"./QueryClientProvider-BdRu95_o.js";import{f as qe,i as jt,h as Je,a as ts}from"./infiniteQueryBehavior-DdhmIwcw.js";const Wt={컨테이너:"M11.5 21.725V12.575L3.5 7.95V15.975C3.5 16.3417 3.5875 16.675 3.7625 16.975C3.9375 17.275 4.18333 17.5167 4.5 17.7L11.5 21.725ZM13.5 21.725L20.5 17.7C20.8167 17.5167 21.0625 17.275 21.2375 16.975C21.4125 16.675 21.5 16.3417 21.5 15.975V7.95L13.5 12.575V21.725ZM17.475 7.975L20.425 6.25L13.5 2.275C13.1833 2.09167 12.85 2 12.5 2C12.15 2 11.8167 2.09167 11.5 2.275L9.525 3.4L17.475 7.975ZM12.5 10.85L15.475 9.15L7.55 4.55L4.55 6.275L12.5 10.85Z",텍스트:"M17.5 15C17.2167 15 16.9792 14.9042 16.7875 14.7125C16.5958 14.5208 16.5 14.2833 16.5 14V10C16.5 9.71667 16.5958 9.47917 16.7875 9.2875C16.9792 9.09583 17.2167 9 17.5 9H20.5C20.7833 9 21.0208 9.09583 21.2125 9.2875C21.4042 9.47917 21.5 9.71667 21.5 10V11H20V10.5H18V13.5H20V13H21.5V14C21.5 14.2833 21.4042 14.5208 21.2125 14.7125C21.0208 14.9042 20.7833 15 20.5 15H17.5ZM10 15V9H14C14.2833 9 14.5208 9.09583 14.7125 9.2875C14.9042 9.47917 15 9.71667 15 10V11C15 11.2833 14.9042 11.5208 14.7125 11.7125C14.5208 11.9042 14.2833 12 14 12C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V14C15 14.2833 14.9042 14.5208 14.7125 14.7125C14.5208 14.9042 14.2833 15 14 15H10ZM11.5 11.25H13.5V10.5H11.5V11.25ZM11.5 13.5H13.5V12.75H11.5V13.5ZM3.5 15V10C3.5 9.71667 3.59583 9.47917 3.7875 9.2875C3.97917 9.09583 4.21667 9 4.5 9H7.5C7.78333 9 8.02083 9.09583 8.2125 9.2875C8.40417 9.47917 8.5 9.71667 8.5 10V15H7V13.5H5V15H3.5ZM5 12H7V10.5H5V12Z",폼:"M12.5 4.25C12.7167 4.25 12.8958 4.17917 13.0375 4.0375C13.1792 3.89583 13.25 3.71667 13.25 3.5C13.25 3.28333 13.1792 3.10417 13.0375 2.9625C12.8958 2.82083 12.7167 2.75 12.5 2.75C12.2833 2.75 12.1042 2.82083 11.9625 2.9625C11.8208 3.10417 11.75 3.28333 11.75 3.5C11.75 3.71667 11.8208 3.89583 11.9625 4.0375C12.1042 4.17917 12.2833 4.25 12.5 4.25ZM18.5 23C17.1167 23 15.9375 22.5125 14.9625 21.5375C13.9875 20.5625 13.5 19.3833 13.5 18C13.5 16.6167 13.9875 15.4375 14.9625 14.4625C15.9375 13.4875 17.1167 13 18.5 13C19.8833 13 21.0625 13.4875 22.0375 14.4625C23.0125 15.4375 23.5 16.6167 23.5 18C23.5 19.3833 23.0125 20.5625 22.0375 21.5375C21.0625 22.5125 19.8833 23 18.5 23ZM5.5 21C4.95 21 4.47917 20.8042 4.0875 20.4125C3.69583 20.0208 3.5 19.55 3.5 19V5C3.5 4.45 3.69583 3.97917 4.0875 3.5875C4.47917 3.19583 4.95 3 5.5 3H9.7C9.91667 2.4 10.2792 1.91667 10.7875 1.55C11.2958 1.18333 11.8667 1 12.5 1C13.1333 1 13.7042 1.18333 14.2125 1.55C14.7208 1.91667 15.0833 2.4 15.3 3H19.5C20.05 3 20.5208 3.19583 20.9125 3.5875C21.3042 3.97917 21.5 4.45 21.5 5V10.45C21.5 10.75 21.375 10.9833 21.125 11.15C20.875 11.3167 20.6083 11.35 20.325 11.25C20.0417 11.1667 19.7458 11.1042 19.4375 11.0625C19.1292 11.0208 18.8167 11 18.5 11C18.3167 11 18.1458 11.0042 17.9875 11.0125C17.8292 11.0208 17.6667 11.0417 17.5 11.075C17.4167 11.0583 17.3167 11.0417 17.2 11.025C17.1167 11.025 17.0125 11.0208 16.8875 11.0125C16.7625 11.0042 16.6333 11 16.5 11H8.5C8.21667 11 7.97917 11.0958 7.7875 11.2875C7.59583 11.4792 7.5 11.7167 7.5 12C7.5 12.2833 7.59583 12.5208 7.7875 12.7125C7.97917 12.9042 8.21667 13 8.5 13H13.625C13.325 13.2833 13.0542 13.5917 12.8125 13.925C12.5708 14.2583 12.3583 14.6167 12.175 15H8.5C8.21667 15 7.97917 15.0958 7.7875 15.2875C7.59583 15.4792 7.5 15.7167 7.5 16C7.5 16.2833 7.59583 16.5208 7.7875 16.7125C7.97917 16.9042 8.21667 17 8.5 17H11.575C11.5417 17.1667 11.5208 17.3292 11.5125 17.4875C11.5042 17.6458 11.5 17.8167 11.5 18C11.5 18.3333 11.5167 18.65 11.55 18.95C11.5833 19.25 11.6417 19.5417 11.725 19.825C11.8083 20.1083 11.7667 20.375 11.6 20.625C11.4333 20.875 11.2083 21 10.925 21H5.5ZM18 18.5V20.5C18 20.6333 18.05 20.75 18.15 20.85C18.25 20.95 18.3667 21 18.5 21C18.6333 21 18.75 20.95 18.85 20.85C18.95 20.75 19 20.6333 19 20.5V18.5H21C21.1333 18.5 21.25 18.45 21.35 18.35C21.45 18.25 21.5 18.1333 21.5 18C21.5 17.8667 21.45 17.75 21.35 17.65C21.25 17.55 21.1333 17.5 21 17.5H19V15.5C19 15.3667 18.95 15.25 18.85 15.15C18.75 15.05 18.6333 15 18.5 15C18.3667 15 18.25 15.05 18.15 15.15C18.05 15.25 18 15.3667 18 15.5V17.5H16C15.8667 17.5 15.75 17.55 15.65 17.65C15.55 17.75 15.5 17.8667 15.5 18C15.5 18.1333 15.55 18.25 15.65 18.35C15.75 18.45 15.8667 18.5 16 18.5H18ZM8.5 9H16.5C16.7833 9 17.0208 8.90417 17.2125 8.7125C17.4042 8.52083 17.5 8.28333 17.5 8C17.5 7.71667 17.4042 7.47917 17.2125 7.2875C17.0208 7.09583 16.7833 7 16.5 7H8.5C8.21667 7 7.97917 7.09583 7.7875 7.2875C7.59583 7.47917 7.5 7.71667 7.5 8C7.5 8.28333 7.59583 8.52083 7.7875 8.7125C7.97917 8.90417 8.21667 9 8.5 9Z",표:"M3.5 8V5C3.5 4.45 3.69583 3.97917 4.0875 3.5875C4.47917 3.19583 4.95 3 5.5 3H19.5C20.05 3 20.5208 3.19583 20.9125 3.5875C21.3042 3.97917 21.5 4.45 21.5 5V8H3.5ZM5.5 21C4.95 21 4.47917 20.8042 4.0875 20.4125C3.69583 20.0208 3.5 19.55 3.5 19V10H8V21H5.5ZM17 21V10H21.5V19C21.5 19.55 21.3042 20.0208 20.9125 20.4125C20.5208 20.8042 20.05 21 19.5 21H17ZM10 21V10H15V21H10Z",리스트:"M6.0248 16.1749L9.5748 12.6249C9.7748 12.4249 10.0081 12.3291 10.2748 12.3374C10.5415 12.3457 10.7748 12.4499 10.9748 12.6499C11.1581 12.8499 11.2498 13.0832 11.2498 13.3499C11.2498 13.6166 11.1581 13.8499 10.9748 14.0499L6.7498 18.2999C6.5498 18.4999 6.31647 18.5999 6.0498 18.5999C5.78314 18.5999 5.5498 18.4999 5.3498 18.2999L3.1998 16.1499C3.01647 15.9666 2.9248 15.7332 2.9248 15.4499C2.9248 15.1666 3.01647 14.9332 3.1998 14.7499C3.38314 14.5666 3.61647 14.4749 3.8998 14.4749C4.18314 14.4749 4.41647 14.5666 4.5998 14.7499L6.0248 16.1749ZM6.0248 8.17491L9.5748 4.62491C9.7748 4.42491 10.0081 4.32908 10.2748 4.33741C10.5415 4.34575 10.7748 4.44991 10.9748 4.64991C11.1581 4.84991 11.2498 5.08325 11.2498 5.34991C11.2498 5.61658 11.1581 5.84991 10.9748 6.04991L6.7498 10.2999C6.5498 10.4999 6.31647 10.5999 6.0498 10.5999C5.78314 10.5999 5.5498 10.4999 5.3498 10.2999L3.1998 8.14991C3.01647 7.96658 2.9248 7.73325 2.9248 7.44991C2.9248 7.16658 3.01647 6.93325 3.1998 6.74991C3.38314 6.56658 3.61647 6.47491 3.8998 6.47491C4.18314 6.47491 4.41647 6.56658 4.5998 6.74991L6.0248 8.17491ZM14.4998 16.9999C14.2165 16.9999 13.979 16.9041 13.7873 16.7124C13.5956 16.5207 13.4998 16.2832 13.4998 15.9999C13.4998 15.7166 13.5956 15.4791 13.7873 15.2874C13.979 15.0957 14.2165 14.9999 14.4998 14.9999H21.4998C21.7831 14.9999 22.0206 15.0957 22.2123 15.2874C22.404 15.4791 22.4998 15.7166 22.4998 15.9999C22.4998 16.2832 22.404 16.5207 22.2123 16.7124C22.0206 16.9041 21.7831 16.9999 21.4998 16.9999H14.4998ZM14.4998 8.99991C14.2165 8.99991 13.979 8.90408 13.7873 8.71241C13.5956 8.52075 13.4998 8.28325 13.4998 7.99991C13.4998 7.71658 13.5956 7.47908 13.7873 7.28741C13.979 7.09575 14.2165 6.99991 14.4998 6.99991H21.4998C21.7831 6.99991 22.0206 7.09575 22.2123 7.28741C22.404 7.47908 22.4998 7.71658 22.4998 7.99991C22.4998 8.28325 22.404 8.52075 22.2123 8.71241C22.0206 8.90408 21.7831 8.99991 21.4998 8.99991H14.4998Z",링크:"M18.5 15.75C18.5 17.4833 17.8917 18.9583 16.675 20.175C15.4583 21.3917 13.9833 22 12.25 22C10.5167 22 9.04167 21.3917 7.825 20.175C6.60833 18.9583 6 17.4833 6 15.75V6.5C6 5.25 6.4375 4.1875 7.3125 3.3125C8.1875 2.4375 9.25 2 10.5 2C11.75 2 12.8125 2.4375 13.6875 3.3125C14.5625 4.1875 15 5.25 15 6.5V15.25C15 16.0167 14.7333 16.6667 14.2 17.2C13.6667 17.7333 13.0167 18 12.25 18C11.4833 18 10.8333 17.7333 10.3 17.2C9.76667 16.6667 9.5 16.0167 9.5 15.25V7C9.5 6.71667 9.59583 6.47917 9.7875 6.2875C9.97917 6.09583 10.2167 6 10.5 6C10.7833 6 11.0208 6.09583 11.2125 6.2875C11.4042 6.47917 11.5 6.71667 11.5 7V15.25C11.5 15.4667 11.5708 15.6458 11.7125 15.7875C11.8542 15.9292 12.0333 16 12.25 16C12.4667 16 12.6458 15.9292 12.7875 15.7875C12.9292 15.6458 13 15.4667 13 15.25V6.5C12.9833 5.8 12.7375 5.20833 12.2625 4.725C11.7875 4.24167 11.2 4 10.5 4C9.8 4 9.20833 4.24167 8.725 4.725C8.24167 5.20833 8 5.8 8 6.5V15.75C7.98333 16.9333 8.39167 17.9375 9.225 18.7625C10.0583 19.5875 11.0667 20 12.25 20C13.4167 20 14.4083 19.5875 15.225 18.7625C16.0417 17.9375 16.4667 16.9333 16.5 15.75V7C16.5 6.71667 16.5958 6.47917 16.7875 6.2875C16.9792 6.09583 17.2167 6 17.5 6C17.7833 6 18.0208 6.09583 18.2125 6.2875C18.4042 6.47917 18.5 6.71667 18.5 7V15.75Z",내용:"M9.5 20C9.18333 20 8.88333 19.9292 8.6 19.7875C8.31667 19.6458 8.08333 19.45 7.9 19.2L3.4 13.2C3.13333 12.85 3 12.45 3 12C3 11.55 3.13333 11.15 3.4 10.8L7.9 4.8C8.08333 4.55 8.31667 4.35417 8.6 4.2125C8.88333 4.07083 9.18333 4 9.5 4H20.5C21.05 4 21.5208 4.19583 21.9125 4.5875C22.3042 4.97917 22.5 5.45 22.5 6V18C22.5 18.55 22.3042 19.0208 21.9125 19.4125C21.5208 19.8042 21.05 20 20.5 20H9.5ZM10.5 13C10.7833 13 11.0208 12.9042 11.2125 12.7125C11.4042 12.5208 11.5 12.2833 11.5 12C11.5 11.7167 11.4042 11.4792 11.2125 11.2875C11.0208 11.0958 10.7833 11 10.5 11C10.2167 11 9.97917 11.0958 9.7875 11.2875C9.59583 11.4792 9.5 11.7167 9.5 12C9.5 12.2833 9.59583 12.5208 9.7875 12.7125C9.97917 12.9042 10.2167 13 10.5 13ZM14 13C14.2833 13 14.5208 12.9042 14.7125 12.7125C14.9042 12.5208 15 12.2833 15 12C15 11.7167 14.9042 11.4792 14.7125 11.2875C14.5208 11.0958 14.2833 11 14 11C13.7167 11 13.4792 11.0958 13.2875 11.2875C13.0958 11.4792 13 11.7167 13 12C13 12.2833 13.0958 12.5208 13.2875 12.7125C13.4792 12.9042 13.7167 13 14 13ZM17.5 13C17.7833 13 18.0208 12.9042 18.2125 12.7125C18.4042 12.5208 18.5 12.2833 18.5 12C18.5 11.7167 18.4042 11.4792 18.2125 11.2875C18.0208 11.0958 17.7833 11 17.5 11C17.2167 11 16.9792 11.0958 16.7875 11.2875C16.5958 11.4792 16.5 11.7167 16.5 12C16.5 12.2833 16.5958 12.5208 16.7875 12.7125C16.9792 12.9042 17.2167 13 17.5 13Z"};function es(r){return"field"in r&&r.field instanceof fe}var N,f,rt,E,$,X,W,B,ot,Q,q,Y,K,V,J,g,st,St,Tt,vt,It,Ot,wt,Et,se,zt,ss=(zt=class extends Ke{constructor(e,t){super();w(this,g);w(this,N);w(this,f);w(this,rt);w(this,E);w(this,$);w(this,X);w(this,W);w(this,B);w(this,ot);w(this,Q);w(this,q);w(this,Y);w(this,K);w(this,V);w(this,J,new Set);this.options=t,b(this,N,e),b(this,B,null),b(this,W,Ft()),this.options.experimental_prefetchInRender||l(this,W).reject(new Error("experimental_prefetchInRender feature flag is not enabled")),this.bindMethods(),this.setOptions(t)}bindMethods(){this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(l(this,f).addObserver(this),Vt(l(this,f),this.options)?S(this,g,st).call(this):this.updateResult(),S(this,g,It).call(this))}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return Dt(l(this,f),this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return Dt(l(this,f),this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,S(this,g,Ot).call(this),S(this,g,wt).call(this),l(this,f).removeObserver(this)}setOptions(e,t){const s=this.options,o=l(this,f);if(this.options=l(this,N).defaultQueryOptions(e),this.options.enabled!==void 0&&typeof this.options.enabled!="boolean"&&typeof this.options.enabled!="function"&&typeof P(this.options.enabled,l(this,f))!="boolean")throw new Error("Expected enabled to be a boolean or a callback that returns a boolean");S(this,g,Et).call(this),l(this,f).setOptions(this.options),s._defaulted&&!_t(this.options,s)&&l(this,N).getQueryCache().notify({type:"observerOptionsUpdated",query:l(this,f),observer:this});const n=this.hasListeners();n&&Zt(l(this,f),o,this.options,s)&&S(this,g,st).call(this),this.updateResult(t),n&&(l(this,f)!==o||P(this.options.enabled,l(this,f))!==P(s.enabled,l(this,f))||ht(this.options.staleTime,l(this,f))!==ht(s.staleTime,l(this,f)))&&S(this,g,St).call(this);const i=S(this,g,Tt).call(this);n&&(l(this,f)!==o||P(this.options.enabled,l(this,f))!==P(s.enabled,l(this,f))||i!==l(this,V))&&S(this,g,vt).call(this,i)}getOptimisticResult(e){const t=l(this,N).getQueryCache().build(l(this,N),e),s=this.createResult(t,e);return os(this,s)&&(b(this,E,s),b(this,X,this.options),b(this,$,l(this,f).state)),s}getCurrentResult(){return l(this,E)}trackResult(e,t){const s={};return Object.keys(e).forEach(o=>{Object.defineProperty(s,o,{configurable:!1,enumerable:!0,get:()=>(this.trackProp(o),t==null||t(o),e[o])})}),s}trackProp(e){l(this,J).add(e)}getCurrentQuery(){return l(this,f)}refetch({...e}={}){return this.fetch({...e})}fetchOptimistic(e){const t=l(this,N).defaultQueryOptions(e),s=l(this,N).getQueryCache().build(l(this,N),t);return s.fetch().then(()=>this.createResult(s,t))}fetch(e){return S(this,g,st).call(this,{...e,cancelRefetch:e.cancelRefetch??!0}).then(()=>(this.updateResult(),l(this,E)))}createResult(e,t){var nt;const s=l(this,f),o=this.options,n=l(this,E),i=l(this,$),c=l(this,X),h=e!==s?e.state:l(this,rt),{state:p}=e;let d={...p},m=!1,C;if(t._optimisticResults){const O=this.hasListeners(),z=!O&&Vt(e,t),U=O&&Zt(e,s,t,o);(z||U)&&(d={...d,...qe(p.data,e.options)}),t._optimisticResults==="isRestoring"&&(d.fetchStatus="idle")}let{error:T,errorUpdatedAt:v,status:D}=d;if(t.select&&d.data!==void 0)if(n&&d.data===(i==null?void 0:i.data)&&t.select===l(this,ot))C=l(this,Q);else try{b(this,ot,t.select),C=t.select(d.data),C=Gt(n==null?void 0:n.data,C,t),b(this,Q,C),b(this,B,null)}catch(O){b(this,B,O)}else C=d.data;if(t.placeholderData!==void 0&&C===void 0&&D==="pending"){let O;if(n!=null&&n.isPlaceholderData&&t.placeholderData===(c==null?void 0:c.placeholderData))O=n.data;else if(O=typeof t.placeholderData=="function"?t.placeholderData((nt=l(this,q))==null?void 0:nt.state.data,l(this,q)):t.placeholderData,t.select&&O!==void 0)try{O=t.select(O),b(this,B,null)}catch(z){b(this,B,z)}O!==void 0&&(D="success",C=Gt(n==null?void 0:n.data,O,t),m=!0)}l(this,B)&&(T=l(this,B),C=l(this,Q),v=Date.now(),D="error");const H=d.fetchStatus==="fetching",_=D==="pending",R=D==="error",A=_&&H,I=C!==void 0,L={status:D,fetchStatus:d.fetchStatus,isPending:_,isSuccess:D==="success",isError:R,isInitialLoading:A,isLoading:A,data:C,dataUpdatedAt:d.dataUpdatedAt,error:T,errorUpdatedAt:v,failureCount:d.fetchFailureCount,failureReason:d.fetchFailureReason,errorUpdateCount:d.errorUpdateCount,isFetched:d.dataUpdateCount>0||d.errorUpdateCount>0,isFetchedAfterMount:d.dataUpdateCount>h.dataUpdateCount||d.errorUpdateCount>h.errorUpdateCount,isFetching:H,isRefetching:H&&!_,isLoadingError:R&&!I,isPaused:d.fetchStatus==="paused",isPlaceholderData:m,isRefetchError:R&&I,isStale:Nt(e,t),refetch:this.refetch,promise:l(this,W)};if(this.options.experimental_prefetchInRender){const O=it=>{L.status==="error"?it.reject(L.error):L.data!==void 0&&it.resolve(L.data)},z=()=>{const it=b(this,W,L.promise=Ft());O(it)},U=l(this,W);switch(U.status){case"pending":e.queryHash===s.queryHash&&O(U);break;case"fulfilled":(L.status==="error"||L.data!==U.value)&&z();break;case"rejected":(L.status!=="error"||L.error!==U.reason)&&z();break}}return L}updateResult(e){const t=l(this,E),s=this.createResult(l(this,f),this.options);if(b(this,$,l(this,f).state),b(this,X,this.options),l(this,$).data!==void 0&&b(this,q,l(this,f)),_t(s,t))return;b(this,E,s);const o={},n=()=>{if(!t)return!0;const{notifyOnChangeProps:i}=this.options,c=typeof i=="function"?i():i;if(c==="all"||!c&&!l(this,J).size)return!0;const a=new Set(c??l(this,J));return this.options.throwOnError&&a.add("error"),Object.keys(l(this,E)).some(h=>{const p=h;return l(this,E)[p]!==t[p]&&a.has(p)})};(e==null?void 0:e.listeners)!==!1&&n()&&(o.listeners=!0),S(this,g,se).call(this,{...o,...e})}onQueryUpdate(){this.updateResult(),this.hasListeners()&&S(this,g,It).call(this)}},N=new WeakMap,f=new WeakMap,rt=new WeakMap,E=new WeakMap,$=new WeakMap,X=new WeakMap,W=new WeakMap,B=new WeakMap,ot=new WeakMap,Q=new WeakMap,q=new WeakMap,Y=new WeakMap,K=new WeakMap,V=new WeakMap,J=new WeakMap,g=new WeakSet,st=function(e){S(this,g,Et).call(this);let t=l(this,f).fetch(this.options,e);return e!=null&&e.throwOnError||(t=t.catch(ze)),t},St=function(){S(this,g,Ot).call(this);const e=ht(this.options.staleTime,l(this,f));if(yt||l(this,E).isStale||!Ht(e))return;const s=Ue(l(this,E).dataUpdatedAt,e)+1;b(this,Y,setTimeout(()=>{l(this,E).isStale||this.updateResult()},s))},Tt=function(){return(typeof this.options.refetchInterval=="function"?this.options.refetchInterval(l(this,f)):this.options.refetchInterval)??!1},vt=function(e){S(this,g,wt).call(this),b(this,V,e),!(yt||P(this.options.enabled,l(this,f))===!1||!Ht(l(this,V))||l(this,V)===0)&&b(this,K,setInterval(()=>{(this.options.refetchIntervalInBackground||Xe.isFocused())&&S(this,g,st).call(this)},l(this,V)))},It=function(){S(this,g,St).call(this),S(this,g,vt).call(this,S(this,g,Tt).call(this))},Ot=function(){l(this,Y)&&(clearTimeout(l(this,Y)),b(this,Y,void 0))},wt=function(){l(this,K)&&(clearInterval(l(this,K)),b(this,K,void 0))},Et=function(){const e=l(this,N).getQueryCache().build(l(this,N),this.options);if(e===l(this,f))return;const t=l(this,f);b(this,f,e),b(this,rt,e.state),this.hasListeners()&&(t==null||t.removeObserver(this),e.addObserver(this))},se=function(e){ee.batch(()=>{e.listeners&&this.listeners.forEach(t=>{t(l(this,E))}),l(this,N).getQueryCache().notify({query:l(this,f),type:"observerResultsUpdated"})})},zt);function rs(r,e){return P(e.enabled,r)!==!1&&r.state.data===void 0&&!(r.state.status==="error"&&e.retryOnMount===!1)}function Vt(r,e){return rs(r,e)||r.state.data!==void 0&&Dt(r,e,e.refetchOnMount)}function Dt(r,e,t){if(P(e.enabled,r)!==!1){const s=typeof t=="function"?t(r):t;return s==="always"||s!==!1&&Nt(r,e)}return!1}function Zt(r,e,t,s){return(r!==e||P(s.enabled,r)===!1)&&(!t.suspense||r.state.status!=="error")&&Nt(r,t)}function Nt(r,e){return P(e.enabled,r)!==!1&&r.isStaleByTime(ht(e.staleTime,r))}function os(r,e){return!_t(r.getCurrentResult(),e)}var ns=class extends ss{constructor(r,e){super(r,e)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(r,e){super.setOptions({...r,behavior:jt()},e)}getOptimisticResult(r){return r.behavior=jt(),super.getOptimisticResult(r)}fetchNextPage(r){return this.fetch({...r,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(r){return this.fetch({...r,meta:{fetchMore:{direction:"backward"}}})}createResult(r,e){var T,v;const{state:t}=r,s=super.createResult(r,e),{isFetching:o,isRefetching:n,isError:i,isRefetchError:c}=s,a=(v=(T=t.fetchMeta)==null?void 0:T.fetchMore)==null?void 0:v.direction,h=i&&a==="forward",p=o&&a==="forward",d=i&&a==="backward",m=o&&a==="backward";return{...s,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:Je(e,t.data),hasPreviousPage:ts(e,t.data),isFetchNextPageError:h,isFetchingNextPage:p,isFetchPreviousPageError:d,isFetchingPreviousPage:m,isRefetchError:c&&!h&&!d,isRefetching:n&&!p&&!m}}},re=x.createContext(!1),is=()=>x.useContext(re);re.Provider;function as(){let r=!1;return{clearReset:()=>{r=!1},reset:()=>{r=!0},isReset:()=>r}}var ls=x.createContext(as()),cs=()=>x.useContext(ls),hs=(r,e)=>{(r.suspense||r.throwOnError||r.experimental_prefetchInRender)&&(e.isReset()||(r.retryOnMount=!1))},us=r=>{x.useEffect(()=>{r.clearReset()},[r])},ds=({result:r,errorResetBoundary:e,throwOnError:t,query:s})=>r.isError&&!e.isReset()&&!r.isFetching&&s&&me(t,[r.error,s]),ps=r=>{r.suspense&&(r.staleTime===void 0&&(r.staleTime=1e3),typeof r.gcTime=="number"&&(r.gcTime=Math.max(r.gcTime,1e3)))},fs=(r,e)=>r.isLoading&&r.isFetching&&!e,ms=(r,e)=>(r==null?void 0:r.suspense)&&e.isPending,$t=(r,e,t)=>e.fetchOptimistic(r).catch(()=>{t.clearReset()});function Cs(r,e,t){var p,d,m,C,T;const s=Qe(),o=is(),n=cs(),i=s.defaultQueryOptions(r);(d=(p=s.getDefaultOptions().queries)==null?void 0:p._experimental_beforeQuery)==null||d.call(p,i),i._optimisticResults=o?"isRestoring":"optimistic",ps(i),hs(i,n),us(n);const c=!s.getQueryCache().get(i.queryHash),[a]=x.useState(()=>new e(s,i)),h=a.getOptimisticResult(i);if(x.useSyncExternalStore(x.useCallback(v=>{const D=o?()=>{}:a.subscribe(ee.batchCalls(v));return a.updateResult(),D},[a,o]),()=>a.getCurrentResult(),()=>a.getCurrentResult()),x.useEffect(()=>{a.setOptions(i,{listeners:!1})},[i,a]),ms(i,h))throw $t(i,a,n);if(ds({result:h,errorResetBoundary:n,throwOnError:i.throwOnError,query:s.getQueryCache().get(i.queryHash)}))throw h.error;if((C=(m=s.getDefaultOptions().queries)==null?void 0:m._experimental_afterQuery)==null||C.call(m,i,h),i.experimental_prefetchInRender&&!yt&&fs(h,o)){const v=c?$t(i,a,n):(T=s.getQueryCache().get(i.queryHash))==null?void 0:T.promise;v==null||v.catch(Ce).finally(()=>{a.updateResult()})}return i.notifyOnChangeProps?h:a.trackResult(h)}function gs(r,e){return Cs(r,ns)}const xs=()=>{const r=be(),{hasNextPage:e,fetchNextPage:t,isPending:s,isFetchingNextPage:o,isError:n,data:i}=gs({queryKey:ge.list(),queryFn:async({pageParam:c})=>{const a=!At(),h=At()||xe();return a&&await r.createWorkspace(h,!0),r.getWorkspaceList(h,c)},initialPageParam:"null",getNextPageParam:c=>{var a;return(a=c.pagedWorkspaceListResult)!=null&&a.nextCursor?JSON.stringify(c.pagedWorkspaceListResult.nextCursor):void 0},select:c=>(c.pages??[]).flatMap(a=>a.pagedWorkspaceListResult.workspaceList)});return{hasNextPage:e,fetchNextPage:t,isFetchingNextPage:o,isPending:s,isError:n,workspaceList:i}},G=(r,e,t,s={init:function(){}},o=!0)=>{const n=s.init;s.init=function(){n.call(this),this.styleName_||(this.setStyle(`defaultBlock${e}`),this.setTooltip(t)),o&&(this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new Z(bt(r))),this.appendStatementInput("children").appendField())},ct[r]=s},bs=r=>{G(M("html"),1,`웹페이지의 시작과 끝을 알려주는 가장 큰 상자예요. -모든 내용을 담고 있는 책의 겉표지 같은 거예요.`,{init:function(){this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new Z("html")),this.appendStatementInput("children").appendField("")}},!1),G(M("head"),2,`웹페이지의 정보를 담아두는 곳이에요. -책의 목차나 출판 정보같이 보이지 않지만 중요한 정보들이 들어가요.`,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendDummyInput().appendField(new Z("head"))}},!1),G(M("body"),3,`웹페이지에서 실제로 보이는 모든 내용이 들어가는 곳이에요. -책의 실제 내용이 적힌 부분같은 거예요.`),Object.values(r).forEach(e=>{e.forEach((t,s)=>{t.type===M("text")?G(t.type,s%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendDummyInput().appendField(new Z(bt(t.type))).appendField(new xt,"TEXT"),this.setTooltip(t.description)}},!1):t.type===M("hr")||t.type===M("br")?G(t.type,s%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendDummyInput().appendField(new Z(bt(t.type)))}},!1):t.type===M("a")?G(t.type,s%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new Z("a")),this.appendDummyInput().appendField(new ft("target")).appendField(new Ut([["_blank","_blank"],["_self","_self"],["_parent","_parent"],["_top","_top"]]),"TARGET"),this.appendDummyInput().appendField(new ft("href")).appendField(new xt,"HREF"),this.appendStatementInput("children").appendField(),this.setInputsInline(!1)}},!1):t.type===M("img")?G(t.type,s%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new Z("img")),this.appendDummyInput().appendField(new ft("src")).appendField(new Xt(""),"SRC"),this.setInputsInline(!1)}},!1):G(t.type,s%3+1,t.description)})})},_s=[{type:M("html"),coordinate:{x:40,y:40},movable:!1,deletable:!1},{type:M("head"),connection:{parent:"html",input:"children"},movable:!1,deletable:!1},{type:M("body"),connection:{parent:"html",input:"children"},movable:!1,deletable:!1}];function ys(r){const e={};_s.forEach(s=>{var p,d;const{type:o,coordinate:n,deletable:i,movable:c,connection:a}=s,h=r.newBlock(o);if(n&&h.moveBy(n.x,n.y),c===!1&&h.setMovable(!1),i===!1&&h.setDeletable(!1),h.initSvg(),h.render(),e[o]=h,a){const m=e[M(a.parent)],C=h;if(m&&C){const T=(p=m.getInput(a.input))==null?void 0:p.connection;if(T){const v=t(m,a.input);v?(d=v.nextConnection)==null||d.connect(C.previousConnection):T.connect(C.previousConnection)}}}});function t(s,o){var c,a;const n=s.getInput(o);if(!((c=n==null?void 0:n.connection)!=null&&c.targetBlock()))return null;let i=n.connection.targetBlock();for(;(a=i==null?void 0:i.nextConnection)!=null&&a.targetBlock();)i=i.nextConnection.targetBlock();return i}}const Ss=r=>{let e="";return Object.keys(r).filter(t=>t&&t.length>0).forEach(t=>{e+=`.${je(t)} { -`,Object.keys(r[t].cssOptionObj).forEach(s=>{r[t].checkedCssPropertyObj[s]&&r[t].cssOptionObj[s].length>0&&(e+=` ${s} : ${r[t].cssOptionObj[s]}; -`)}),e+=`} -`}),e},Ts=["BOOLOCK_SYSTEM_head","BOOLOCK_SYSTEM_text","BOOLOCK_SYSTEM_br","BOOLOCK_SYSTEM_hr","BOOLOCK_SYSTEM_img"],oe=["BOOLOCK_SYSTEM_html","BOOLOCK_SYSTEM_body","BOOLOCK_SYSTEM_div","BOOLOCK_SYSTEM_span","BOOLOCK_SYSTEM_header","BOOLOCK_SYSTEM_section","BOOLOCK_SYSTEM_nav","BOOLOCK_SYSTEM_main","BOOLOCK_SYSTEM_article","BOOLOCK_SYSTEM_footer","BOOLOCK_SYSTEM_p","BOOLOCK_SYSTEM_strong","BOOLOCK_SYSTEM_h1","BOOLOCK_SYSTEM_h2","BOOLOCK_SYSTEM_h3","BOOLOCK_SYSTEM_h4","BOOLOCK_SYSTEM_h5","BOOLOCK_SYSTEM_h6","BOOLOCK_SYSTEM_small","BOOLOCK_SYSTEM_em","BOOLOCK_SYSTEM_i","BOOLOCK_SYSTEM_blockquote","BOOLOCK_SYSTEM_button","BOOLOCK_SYSTEM_option","BOOLOCK_SYSTEM_textarea","BOOLOCK_SYSTEM_select","BOOLOCK_SYSTEM_td","BOOLOCK_SYSTEM_tr","BOOLOCK_SYSTEM_th","BOOLOCK_SYSTEM_caption","BOOLOCK_SYSTEM_table","BOOLOCK_SYSTEM_ul","BOOLOCK_SYSTEM_ol","BOOLOCK_SYSTEM_li","BOOLOCK_SYSTEM_a"],vs=r=>{const e=[];return r.inputList.forEach(t=>{const s=t.connection;if(s){let o=s.targetBlock();for(;o;)e.push(o),o=o.getNextBlock()}}),e},Is=r=>Ts.includes(r)?1:oe.includes(r)?2:0,ne=r=>{if(!r)return 0;const e=r.type,t=Is(e),o=vs(r).reduce((n,i)=>n+ne(i),0);return oe.includes(e)?2+o:t+o},Os=(r,e)=>{const t=r.split(` -`);for(let s=0;su.jsxs("div",{className:"relative flex h-[30rem] w-full items-center justify-center overflow-hidden bg-gradient-to-b from-blue-500 to-green-500",children:[u.jsx(Es,{}),u.jsx("div",{className:"absolute top-0 flex h-full w-full flex-col items-center justify-center overflow-hidden",children:u.jsxs("div",{className:"mt-12 flex flex-col items-center gap-3",children:[u.jsx("h2",{className:"text-center text-lg font-normal text-white opacity-0",style:{animation:"fadeIn 1s ease-out forwards"},children:"블록으로 시작하는 웹 개발 첫 걸음"}),u.jsxs("h1",{className:"text-center text-5xl font-bold leading-[1.33] text-white opacity-0",style:{animation:"1s fadeIn .4s ease-out forwards"},children:["BooLock과 함께하는",u.jsx("br",{})," 정적 웹 개발 학습하기"]})]})})]}),Es=()=>{const[r,e]=x.useState({x:70,y:0}),t=x.useRef({x:70,y:0}),s=x.useRef(),o=(n,i,c)=>n+(i-n)*c;return x.useEffect(()=>{const n=c=>{const{clientX:a,clientY:h}=c,{innerWidth:p,innerHeight:d}=window,m=(a/p-.5)*20,C=70+(h/d-.5)*10;t.current={x:C,y:m}},i=()=>{e(c=>({x:o(c.x,t.current.x,.05),y:o(c.y,t.current.y,.05)})),s.current=requestAnimationFrame(i)};return window.addEventListener("mousemove",n),s.current=requestAnimationFrame(i),()=>{window.removeEventListener("mousemove",n),cancelAnimationFrame(s.current)}},[]),u.jsx("div",{className:"relative flex h-full w-[1200px] items-center justify-center opacity-0",style:{perspective:"2000px",animation:"1s fadeInBlock .8s ease-out forwards"},children:u.jsxs("div",{className:"preserve-3d relative top-0 h-[1200px] w-[2000px] transform-gpu",style:{transformStyle:"preserve-3d",transform:`rotateX(68deg) rotateZ(${r.y/2}deg) translateY(-500px)`},children:[u.jsxs("div",{className:"relative h-[600px] w-[800px] bg-gradient-to-tl from-blue-500 to-blue-900",style:{transformStyle:"preserve-3d",transform:"translateX(200px) translateY(845px) scale(1) "},children:[u.jsx("div",{className:"absolute h-[200px] w-[1200px] bg-gradient-to-b from-blue-100/50 to-yellow-200/0",style:{clipPath:"polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)",transformStyle:"preserve-3d",transform:`rotateX(160deg) translateX(-200px) translateY(170px) translateZ(10px) scale(${1.1})`}}),u.jsx("div",{className:"absolute h-[200px] w-[1200px] bg-gradient-to-b from-yellow-200/90 to-yellow-200/0",style:{clipPath:"polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)",transformStyle:"preserve-3d",transform:"rotateX(60deg) translateX(-200px) translateY(400px) translateZ(-480px) scale(1)"}}),u.jsx("div",{className:"absolute h-[200px] w-[1200px] bg-gradient-to-b from-blue-100/40 to-yellow-200/0",style:{clipPath:"polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)",transformStyle:"preserve-3d",transform:"rotateX(60deg) translateX(-200px) translateY(420px) translateZ(-480px) scale(1)"}}),u.jsx("div",{className:"absolute left-[58px] top-36 h-[240px] w-[500px] rounded-lg bg-blue-500/20",style:{transformStyle:"preserve-3d",transform:"translateZ(70px) scale(1)"}}),u.jsx("div",{className:"absolute left-20 top-40 h-[200px] w-[220px] rounded-lg bg-blue-500/90",style:{transformStyle:"preserve-3d",transform:"translateZ(90px) scale(1)"}}),u.jsx("div",{className:"absolute left-80 top-40 h-[200px] w-[220px] rounded-lg bg-blue-500/60",style:{transformStyle:"preserve-3d",transform:"translateZ(90px) scale(1)"}}),u.jsxs("div",{className:"absolute right-12 top-20 h-[320px] w-[120px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(60px) scale(1)"},children:[u.jsx("div",{className:"absolute left-2 top-4 h-[44px] w-[100px] rounded-lg bg-blue-500/80",style:{transformStyle:"preserve-3d",transform:"translateZ(6px) scale(1)"}}),u.jsx("div",{className:"absolute left-2 top-20 h-[44px] w-[100px] rounded-lg bg-blue-500/80",style:{transformStyle:"preserve-3d",transform:"translateZ(6px) scale(1)"}}),u.jsx("div",{className:"absolute left-2 top-36 h-[44px] w-[100px] rounded-lg bg-blue-500/80",style:{transformStyle:"preserve-3d",transform:"translateZ(6px) scale(1)"}})]}),u.jsx("div",{className:"absolute bottom-4 right-12 h-[48px] w-[80px] rounded-lg bg-blue-500/90",style:{transformStyle:"preserve-3d",transform:"translateZ(60px) scale(1)"}}),u.jsx("div",{className:"absolute bottom-4 right-36 h-[48px] w-[80px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(60px) scale(1)"}}),u.jsx("div",{className:"absolute bottom-4 left-[80px] h-[200px] w-[120px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(40px) scale(1)"}}),u.jsx("div",{className:"absolute bottom-4 left-[220px] h-[200px] w-[120px] rounded-lg bg-blue-500/20",style:{transformStyle:"preserve-3d",transform:"translateZ(40px) scale(1)"}}),u.jsx("div",{className:"absolute bottom-4 left-[360px] h-[200px] w-[120px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(40px) scale(1)"}})]}),u.jsx(lt,{x:0,y:200,z:0,rotateZ:50,scale:1,firstColor:"bg-gradient-to-t from-green-500 to-yellow-200",secondColor:"bg-gradient-to-r from-green-500 to-green-900",thirdColor:"bg-green-300"}),u.jsx(lt,{x:1150,y:100,z:0,rotateZ:-12,firstColor:"bg-gradient-to-b from-blue-500 to-yellow-200 ",secondColor:" bg-gradient-to-r from-blue-300 to-blue-900 ",thirdColor:"bg-blue-300",scale:1.4}),u.jsx(lt,{x:100,y:400,z:0,rotateZ:16,scale:1.3,firstColor:"bg-gradient-to-t from-red-500 to-yellow-200",secondColor:"bg-gradient-to-r from-red-500 to-red-900",thirdColor:"bg-red-300"}),u.jsx(lt,{x:1240,y:200,z:0,rotateZ:-60,firstColor:"bg-gradient-to-t from-green-500 to-yellow-200 ",secondColor:" bg-gradient-to-r from-green-300 to-green-900 ",thirdColor:"bg-green-300",scale:1.5})]})})},lt=({x:r,y:e,z:t,rotateZ:s=0,scale:o=1,firstColor:n,secondColor:i,thirdColor:c})=>u.jsxs("div",{className:`${n} relative h-[240px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:` translateX(${r}px) rotateZ(${s}deg) translateY(${e}px) translateZ(${t}px) scale(${o})`},children:[u.jsx(Yt,{x:0,y:48,z:18,firstColor:n,secondColor:i,thirdColor:c}),u.jsx(Yt,{x:0,y:-48,z:18,firstColor:n,secondColor:i,thirdColor:c}),u.jsx("div",{className:`${n} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(40px)"}}),u.jsx("div",{className:`${n} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(-59px)"}}),u.jsx("div",{className:`${i} absolute left-0 right-0 h-[80px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:"rotateX(90deg) translateY(40px) translateZ(-200px)"}}),u.jsx("div",{className:`${c} absolute right-0 top-0 h-[240px] w-[100px]`,style:{transform:"translateZ(80px)"}})]}),Yt=({x:r,y:e,z:t,firstColor:s,secondColor:o,thirdColor:n})=>u.jsxs("div",{className:`${s} absolute h-[240px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:`translateX(${r}px) translateY(${e}px) translateZ(${t}px) scaleX(.24) scaleY(.18)`},children:[u.jsx("div",{className:`${s} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(40px)"}}),u.jsx("div",{className:`${s} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(-60px)"}}),u.jsx("div",{className:`${o} absolute left-0 right-0 h-[80px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:"rotateX(90deg) translateY(40px) translateZ(-200px)"}}),u.jsx("div",{className:`${n} absolute right-0 top-0 h-[240px] w-[100px]`,style:{transform:"translateZ(80px)"}})]});ws.__docgenInfo={description:"",methods:[],displayName:"Banner"};const Ds=()=>{const{hasNextPage:r,fetchNextPage:e,isPending:t,isFetchingNextPage:s,isError:o,workspaceList:n}=xs(),i=x.useRef(null);return x.useEffect(()=>{const c={root:null,rootMargin:"0px",threshold:.5},a=(p,d)=>{p.forEach(m=>{m.isIntersecting&&r&&(e(),d.unobserve(m.target))})},h=new IntersectionObserver(a,c);return i.current&&h.observe(i.current),()=>{i.current&&h.unobserve(i.current)}},[n]),u.jsxs("section",{className:"w-full max-w-[1128px] pb-48",children:[u.jsx(he,{}),o?u.jsx(Ye,{}):n&&(n.length===0?u.jsx(ue,{}):u.jsxs(de,{children:[u.jsx(ce,{workspaceList:n}),(t||s)&&u.jsx(Ge,{skeletonNum:8})]})),!t&&!s&&r&&u.jsx("div",{ref:i,className:"h-3 w-full"})]})};Ds.__docgenInfo={description:`@description -워크스페이스 헤더와 그리드를 감싸는 컨테이너 컴포넌트`,methods:[],displayName:"WorkspaceContainer"};const mt="72",Ls="53",Kt="47",Ns="100";class Rs extends _e{constructor(t){super(t);y(this,"customWorkspace");this.customWorkspace=t}createDom(){const t=super.createDom(),s=c=>{c.setAttribute("width",mt),c.setAttribute("height",Ns),c.setAttribute("y","0"),c.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/trashcan.png")},o=(c,a,h,p)=>{c.setAttribute("width",a),c.setAttribute("height",h),p&&c.setAttribute("y",p)},n=t.querySelectorAll("image");n.length===2&&n.forEach(s);const i=t.querySelectorAll("clipPath");if(i.length===2){const c=i[0].querySelector("rect");c&&o(c,mt,Ls,Kt);const a=i[1].querySelector("rect");a&&o(a,mt,Kt)}return t}position(t,s){super.position(t,s);const o=document.querySelector(".blocklyTrash");if(o){const n=o.getAttribute("transform");if(n){const i=n.match(/translate\(([^,]+),\s*([^)]+)\)/);if(i){const c=parseFloat(i[1]);let a=parseFloat(i[2]);a-=20,o.setAttribute("transform",`translate(${c}, ${a})`)}}}}}class As extends ye{constructor(t){super(t);y(this,"zoomInGroupSVG",null);y(this,"zoomOutGroupSVG",null);y(this,"zoomResetGroupSVG",null);y(this,"customWorkspace");this.customWorkspace=t}createDom(){const t=super.createDom();if(this.zoomInGroupSVG=t.querySelector(".blocklyZoomIn"),this.zoomInGroupSVG){const s=this.zoomInGroupSVG.querySelector("image");s&&s.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/sprites.png")}if(this.zoomOutGroupSVG=t.querySelector(".blocklyZoomOut"),this.zoomOutGroupSVG){const s=this.zoomOutGroupSVG.querySelector("image");s&&s.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/sprites.png")}if(this.zoomResetGroupSVG=t.querySelector(".blocklyZoomReset"),this.zoomResetGroupSVG){const s=this.zoomResetGroupSVG.querySelector("image");s&&s.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/sprites.png")}return t}position(t,s){var _,R,A,I;if(!(this.zoomInGroupSVG&&this.zoomOutGroupSVG&&this.zoomResetGroupSVG))return;const o=Se,n=0,i=8,c=32,a=32,h=12,p=12,d={horizontal:1,vertical:0};let m=n+2*a;this.zoomResetGroupSVG&&(m+=i+a);const C=o.getStartPositionRect(d,new Qt.Size(m,c),p,h,t,this.customWorkspace),T=o.bumpDirection.DOWN,v=o.bumpPositionRect(C,p,T,s),D=this.zoomResetGroupSVG?i+a:0;(_=this.zoomInGroupSVG)==null||_.setAttribute("transform",`translate(${D}, 0)`);const H=D+n+a;(R=this.zoomOutGroupSVG)==null||R.setAttribute("transform",`translate(${H}, 0)`),(I=(A=this.zoomInGroupSVG)==null?void 0:A.parentElement)==null||I.setAttribute("transform","translate("+v.left+","+v.top+")")}}class Ms extends Te{constructor(t){super(t);y(this,"tabsConfig_");y(this,"currentTabId_");y(this,"tabContainer_",null);y(this,"contentsContainer_",null);y(this,"contentArea_",null);y(this,"flyout_",null)}init(){super.init();const t=this.getFlyout();if(!t)throw new Error("Flyout이 초기화되지 않았습니다. Toolbox 생성 시 Flyout 설정이 필요합니다.");if(!this.contentsContainer_)throw new Error("contentsContainer가 초기화되지 않았습니다. DOM 요소 생성이 필요합니다.");const s=tt.createElement("div",{class:"contentArea"});s.prepend(t.createDom("svg")),this.contentArea_=s,this.contentsContainer_.prepend(s)}createDom_(t){const s=t.getParentSvg(),o=this.createContainer_();return s.parentNode.insertBefore(o,s),this.tabContainer_=this.initTabContainer_(),o.appendChild(this.tabContainer_),this.contentsContainer_=this.initContentContainer_(),o.appendChild(this.contentsContainer_),this.contentsDiv_=this.createContentsContainer_(),this.contentsDiv_.tabIndex=0,this.contentsContainer_.appendChild(this.contentsDiv_),this.attachEvents_(o,this.contentsDiv_),o}setConfig(t){const s=this.getFlyout();if(!s)throw new Error("Flyout이 초기화되지 않았습니다. tab을 생성한 이후 Flyout의 위치를 변경하기 위해 Flyout이 초기화되어 있어야 합니다.");this.tabsConfig_=t.tabs,this.currentTabId_=t.defaultSelectedTab,this.initTabs_(),s.position()}getContentHeight(){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다. 높이 계산을 위해서는 ContentArea가 초기화되어야 합니다.");const t=this.contentArea_.getBoundingClientRect(),s=this.contentArea_.children;let o=0;for(const n of s){if(n.classList.contains("blocklyFlyout"))break;const c=n.getBoundingClientRect().bottom-t.top,a=window.getComputedStyle(n),h=parseFloat(a.marginBottom);o=Math.max(o,c+h)}return o}getContentAreaMetrics(){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다. ContentArea의 width와 height를 계산하기 위해 ContentArea가 초기화되어야 합니다.");const t=this.contentArea_.getBoundingClientRect();return{width:t.width,height:t.height}}addElementToContentArea(t,s=!1){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다.");s?this.contentArea_.prepend(t):this.contentArea_.appendChild(t)}initTabContainer_(){return tt.createElement("div",{class:"toolboxTabs"})}initContentContainer_(){return tt.createElement("div",{class:"contentContainer"})}initTabs_(){if(!this.HtmlDiv||!this.tabContainer_)throw new Error("HtmlDiv나 ContentArea가 초기화되지 않았습니다.");Object.entries(this.tabsConfig_).forEach(([t,s])=>{const o=this.createTab_(s.label,t);this.currentTabId_&&this.currentTabId_===t&&this.selectTab_(t,o),o.addEventListener("click",()=>this.selectTab_(t,o)),this.tabContainer_.appendChild(o)})}createTab_(t,s){const o=tt.createElement("div",{class:"toolboxTab"});return o.dataset.id=s.toString(),o.appendChild(this.createLabel_(t)),o}createLabel_(t){const s=tt.createElement("span",{class:"toolboxTabLabel"});return s.textContent=t,s}selectTab_(t,s){if(!this.workspace_||!this.tabsConfig_)return;this.currentTabId_=t;const o=this.tabsConfig_[t];if(this.flyout_&&this.flyout_.dispose(),this.flyout_=this.createFlyoutByRegistry_(o.flyoutRegistryName||ut.registryName),!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다.");this.clearContentArea_(),this.contentArea_.prepend(this.flyout_.createDom("svg")),this.flyout_.init(this.workspace_),this.workspace_.updateToolbox(o.toolboxConfig),Array.from(this.tabContainer_.children).forEach(n=>{n.classList.remove("tabSelected")}),s.classList.add("tabSelected"),o.toolboxConfig.kind==="categoryToolbox"&&this.getToolboxItems().length!==0&&this.setSelectedItem(this.getToolboxItems()[0])}createFlyoutByRegistry_(t){const s=this.workspace_,o=new ve({parentWorkspace:s,rtl:s.RTL,oneBasedIndex:s.options.oneBasedIndex,horizontalLayout:s.horizontalLayout,renderer:s.options.renderer,rendererOverrides:s.options.rendererOverrides,move:{scrollbars:!0}});o.toolboxPosition=s.options.toolboxPosition;const n=j.getClass(j.Type.FLYOUTS_VERTICAL_TOOLBOX,t);return new n(o)}clearContentArea_(){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다.");this.contentArea_.innerHTML=""}}qt.register(` -.toolboxTabs { - display: flex; - width: 24rem; /* 96 * 0.25rem */ -} - -.toolboxTab { - font-weight: 600; /* Text-semibold-md */ - display: flex; - flex: 1; - cursor: pointer; - justify-content: center; - border-top-left-radius: 0.5rem; /* rounded-t-lg */ - border-top-right-radius: 0.5rem; /* rounded-t-lg */ - background-color: white; /* bg-gray-50 */ - padding: 0.75rem; /* py-3 */ - color: #56687A; /* text-gray-400 */ -} - -.tabSelected { - font-weight: 700; /* Text-bold-md */ - flex: 1; - border-top-left-radius: 0.5rem; /* rounded-t-lg */ - border-top-right-radius: 0.5rem; /* rounded-t-lg */ - background-color: #3b82f6; /* bg-blue-500 */ - padding: 0.75rem; /* py-3 */ - color: #ffffff; /* text-white */ -} - -.contentContainer { - display: flex; - width: 100%; - height: 100%; - background-color: white; -} - -.contentArea { - width: 100%; - height: 100%; - overflow-y: scroll; -} -`);const ks=(r,e)=>{const t=document.createElement("p");t.style.whiteSpace="pre-wrap",t.style.fontFamily="SUIT Variable",t.textContent=e.getTooltip(),r.appendChild(t)};let Ct="";class Bs extends Jt{constructor(e,t,s){super(e,t,s)}addColourBorder_(e){this.rowDiv_.style.color=e}setSelected(e){if(e){if(this.rowDiv_.id!==Ct){Ct=this.rowDiv_.id;const t=this.parentToolbox_;Object.values(t.contentMap_).forEach(o=>{o.rowDiv_.style.color=o.colour_,o.rowDiv_.style.backgroundColor="white"})}this.rowDiv_.style.backgroundColor=this.colour_,this.rowDiv_.style.color="white"}else{if(this.rowDiv_.id===Ct)return;this.rowDiv_.style.backgroundColor="white",this.rowDiv_.style.color=this.colour_}}createIconDom_(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("width","24"),e.setAttribute("height","24"),e.setAttribute("viewBox","0 0 24 24");const t=document.createElementNS("http://www.w3.org/2000/svg","path");return Wt[this.name_]&&t.setAttribute("d",Wt[this.name_]),t.setAttribute("fill","currentColor"),e.appendChild(t),e}}const et=Qt.svgPaths;class Ps extends Lt.ConstantProvider{constructor(){super(),this.NOTCH_WIDTH=6*this.GRID_UNIT,this.NOTCH_HEIGHT=2*this.GRID_UNIT,this.NOTCH_OFFSET_LEFT=2*this.GRID_UNIT/3,this.CORNER_RADIUS=2*this.GRID_UNIT/3,this.FIELD_TEXT_FONTFAMILY="SUIT Variable",this.FIELD_TEXT_FONTWEIGHT="bold",this.EMPTY_INLINE_INPUT_PADDING=50,this.MIN_BLOCK_WIDTH=56,this.FIELD_BORDER_RECT_X_PADDING=7}makeNotch(){const e=this.NOTCH_WIDTH,t=this.NOTCH_HEIGHT;return{type:this.SHAPES.NOTCH,width:e,height:t,pathLeft:"h 0 c 1 0 1 0.5 2 2 l 3 5 c 1 1 2 1 4 0 l 10 -6 c 2 -1 3 -1 5 -1",pathRight:"c -2 0 -3 0 -5 1 l -10 6 c -2 1 -3 1 -4 0 l -3 -5 c -0.5 -1 -1 -2 -2 -2"}}makeRounded(){const e=this.MAX_DYNAMIC_CONNECTION_SHAPE_WIDTH,t=e*1.5;function s(o,n,i){let c=o>t?o-t:0;const a=o>t?t:o,h=a/8;c+=a/8*6;const p=i===n?"0":"1";return et.arc("a","0 0,"+p,h,et.point((i?1:-1)*h,(n?-1:1)*h))+et.lineOnAxis("v",(n?-1:1)*c)+et.arc("a","0 0,"+p,h,et.point((i?-1:1)*h,(n?-1:1)*h))}return{type:this.SHAPES.ROUND,isDynamic:!0,width(o){const n=o/3.5;return n>e?e:n-6},height(o){return o},connectionOffsetY(o){return o/2},connectionOffsetX(o){return-o},pathDown(o){return s(o,!1,!1)},pathUp(o){return s(o,!0,!1)},pathRightDown(o){return s(o,!1,!0)},pathRightUp(o){return s(o,!1,!0)}}}getCSS_(e){return[...super.getCSS_(e),`${e} .blocklyText {`,"fill: #F4F8FA;","}"]}}const gt=te.Types;class Fs extends Lt.RenderInfo{constructor(t,s){super(t,s);y(this,"MIN_WIDTH",160);y(this,"MAX_WIDTH",0);y(this,"MAX_HEIGHT",0);y(this,"PADDING_EMPTY",0);y(this,"PADDING_DEFAULT",35);y(this,"PADDING_LEFT",14);y(this,"PADDING_RIGHT",10);y(this,"WIDTH_DIFF",this.MIN_WIDTH-110)}finalize_(){super.finalize_(),this.initDynamicProps();let t=this.topRow.width,s=!1;for(let o=0;o<2;o++)this.rows.forEach(n=>{if(n.hasInlineInput&&n.elements.length===5)t=this.handleInlineInput(n,t),s=!0;else{const i=n.elements.some(h=>gt.isField(h)&&h.field instanceof xt),c=n.elements.some(h=>gt.isField(h)&&h.field instanceof Ut),a=n.elements.some(h=>gt.isField(h)&&h.field instanceof Xt);i||a?(t=this.handleCustomInput(n,t),s=!0):c?(t=this.handleDropdown(n,t),s=!0):t=Math.max(t,this.MIN_WIDTH)}});this.updateWidths(t,s)}initDynamicProps(){this.MAX_WIDTH=this.constants_.MAX_DYNAMIC_CONNECTION_SHAPE_WIDTH,this.MAX_HEIGHT=this.MAX_WIDTH*1.5,this.PADDING_EMPTY=this.constants_.EMPTY_INLINE_INPUT_PADDING}handleInlineInput(t,s){const o=t.elements[1],n=t.elements[t.elements.length-2],c=Math.min(n.height,this.MAX_HEIGHT)/4,a=o.width,h=n.width,p=this.PADDING_LEFT+a+this.PADDING_DEFAULT+h+this.PADDING_RIGHT;let d=Math.max(p,this.MIN_WIDTH,s);const m=h-(c+this.PADDING_EMPTY);let C=0;if(m){const T=m>this.WIDTH_DIFF?(m+this.WIDTH_DIFF)/2:m;d+=T,C=d-(a+h+this.PADDING_LEFT+this.PADDING_RIGHT)-T}else C=d-(a+h+this.PADDING_LEFT+this.PADDING_RIGHT);return n.xPos=a+(C>this.PADDING_DEFAULT?C:this.PADDING_DEFAULT)+this.PADDING_LEFT,t.width=d>this.MIN_WIDTH?n.xPos+h+this.PADDING_RIGHT:this.MIN_WIDTH,Math.max(s,t.width)}handleCustomInput(t,s){const o=t.elements[t.elements.length-2],i=(t.elements.length>3?t.elements[1]:{width:0,xPos:8}).width,c=o.width,a=this.PADDING_LEFT+i+this.PADDING_DEFAULT+this.PADDING_RIGHT,h=a+c;return es(o)&&h3?t.elements[1]:{width:0,xPos:8}).width,c=o.width,a=this.PADDING_LEFT+i+this.PADDING_DEFAULT+this.PADDING_RIGHT+c,h=Math.max(this.MIN_WIDTH,a),p=Math.max(h,s);if(h==p)return o.xPos=i+this.PADDING_DEFAULT+this.PADDING_LEFT,t.width=Math.max(p,this.MIN_WIDTH),t.width;const d=p-h;return o.xPos=i+this.PADDING_DEFAULT+this.PADDING_LEFT+d,t.width=p,t.width}updateWidths(t,s){if(t>this.topRow.width){const o=t-this.topRow.width,n=o>this.WIDTH_DIFF&&s?(o+this.WIDTH_DIFF)/2:o;this.topRow.elements[this.topRow.elements.length-2].width+=n,this.bottomRow.elements[this.bottomRow.elements.length-2].width+=n,this.rows.forEach(i=>{i.hasStatement&&(i.width+=n)})}}}class Hs extends Lt.Renderer{constructor(e){super(e)}makeConstants_(){return new Ps}makeRenderInfo_(e){return new Fs(this,e)}}const Gs=()=>{te.register("boolock",Hs),j.register(j.Type.TOOLBOX_ITEM,Jt.registrationName,Bs,!0),j.register(j.Type.FLYOUTS_VERTICAL_TOOLBOX,ut.registryName,ut,!0),j.register(j.Type.FLYOUTS_VERTICAL_TOOLBOX,Mt.registryName,Mt,!0),qt.register(` - .blocklyZoom>image, .blocklyZoom>svg>image { - opacity: .6; - } - - .blocklyZoom>image:hover, .blocklyZoom>svg>image:hover { - opacity: .8; - } - - .blocklyZoom>image:active, .blocklyZoom>svg>image:active { - opacity: 1; - } - `)};for(const r in ct)Object.prototype.hasOwnProperty.call(ct,r)&&delete ct[r];Gs();bs(Oe);Ie.setCustomTooltip(ks);dt.prototype.addZoomControls=function(){this.zoomControls_=new As(this);const r=this.zoomControls_.createDom();this.svgGroup_.appendChild(r)};dt.newTrashcan=function(r){return new Rs(r)};dt.prototype.addTrashcan=function(){this.trashcan=dt.newTrashcan(this);const r=this.trashcan.createDom();this.svgGroup_.insertBefore(r,this.getCanvas())};const js=()=>{const[r,e]=x.useState(""),[t,s]=x.useState(""),{totalCssPropertyObj:o}=Pt(),{workspace:n,setWorkspace:i,canvasInfo:c}=We(),{setIsBlockChanged:a}=Ve(),{setCurrentCssClassName:h}=Pt(),{findClassBlock:p}=Ze(),[d,m]=x.useState(0),[C,T]=x.useState(0),[v,D]=x.useState(null),H=x.useRef(!1);return x.useEffect(()=>{const _=we("blocklyDiv",{plugins:{flyoutsVerticalToolbox:ut,toolbox:Ms},renderer:"boolock",toolboxPosition:"end",toolbox:Ee,theme:De,zoom:{controls:!0,wheel:!0,startScale:1,maxScale:3,minScale:.3,scaleSpeed:1.2},maxTrashcanContents:0});_.getToolbox().setConfig(Le),ys(_),_.clearUndo();const R=I=>{if(I.type===k.BLOCK_CREATE||I.type===k.BLOCK_MOVE||I.type===k.BLOCK_CHANGE||I.type===k.BLOCK_DELETE){const F=kt(_),L=Re(F);e(L)}(I.type===k.VIEWPORT_CHANGE||I.type===k.BLOCK_DRAG||I.type===k.BLOCK_FIELD_INTERMEDIATE_CHANGE||I.type===k.BLOCK_DELETE&&H.current)&&a(!0),I.type===k.FINISHED_LOADING&&(H.current=!0)},A=I=>{if(!(I instanceof k.Click))return;const F=_.getBlockById(I.blockId||"");if(D(F&&F.type.startsWith("CSS_")?F.type.replace(/^CSS_/,""):null),!F){m(0),T(0);return}const L=kt(_),nt=Os(L,F.id);m(nt);const O=ne(F);T(O)};return _.addChangeListener(R),_.addChangeListener(A),n===null&&i(_),()=>{_.removeChangeListener(R),_.removeChangeListener(A),_.dispose()}},[]),x.useEffect(()=>{if(!n)return;const _=R=>{if(R.type==="click"){const A=n.getBlockById(R.blockId);A&&p(A.type)&&h(A.type)}};return n.addChangeListener(_),()=>{n.removeChangeListener(_)}},[n]),x.useEffect(()=>{!n||!c||c.length===0||Ne.workspaces.load(JSON.parse(c),n)},[n,c]),x.useEffect(()=>{s(Ss(o))},[r,o]),u.jsxs("div",{className:"flex flex-1",children:[u.jsxs("div",{className:"flex h-[calc(100vh-56px)] w-[32rem] flex-shrink-0 flex-col",children:[u.jsx(pe,{htmlCode:r,cssCode:t,selectedBlockStartLine:d,selectedBlockLength:C,selectedBlockType:v}),u.jsx(ie,{})]}),u.jsx("div",{id:"blocklyDiv",className:"h-full w-full"})]})};js.__docgenInfo={description:`@description -블록 코딩을 할 수 있고 웹사이트, HTML, CSS 코드를 미리보기 할 수 있는 컴포넌트`,methods:[],displayName:"WorkspaceContent"};const ie=()=>u.jsxs("section",{className:"flex h-[26rem] w-full flex-col",children:[u.jsx(Fe,{}),u.jsxs("div",{className:"flex h-[calc(100%-48px)] w-full overflow-hidden",children:[u.jsx(Be,{}),u.jsx(Pe,{})]})]});ie.__docgenInfo={description:`@description -CSS 클래스를 선택하고 CSS 속성을 선택할 수 있는 컴포넌트`,methods:[],displayName:"CssPropsSelectBox"};const Ws=()=>{const{isModalOpen:r,nowImage:e,setIsModalOpen:t,updateImageMap:s,nowId:o}=$e(),[n,i]=x.useState(e);x.useEffect(()=>{i(e)},[e]);const c=()=>{const a=ke();if(!a)return at.error("워크스페이스를 찾을 수 없습니다.");const h=a.getBlockById(o);if(!h)return at.error("블록을 찾을 수 없습니다.");const p=h.getField("SRC");if(!p)return at.error("이미지 필드를 찾을 수 없습니다.");p.setValue(n),s(n),at.success("이미지가 성공적으로 저장되었습니다."),t(!1)};return u.jsx(He,{isOpen:r,children:u.jsxs("div",{className:"flex h-[42.5rem] w-[63rem] flex-col",children:[u.jsx("span",{className:"text-semibold-lg mb-6 w-full text-black",children:"이미지 선택하기"}),u.jsxs("div",{className:"flex h-full flex-row gap-6",children:[u.jsx(Ae,{tagSrc:n,onSetTagSrc:i}),u.jsxs("div",{className:"flex h-full w-full flex-col gap-3",children:[u.jsx("span",{className:"text-semibold-md w-full text-gray-400",children:"이미지 미리보기"}),u.jsx(Me,{imageSrc:n}),u.jsx("input",{className:"w-full rounded-lg border-[1px] px-5 py-3 align-middle text-gray-200 focus:outline-none",value:n,onChange:a=>i(a.target.value)})]})]}),u.jsxs("div",{className:"mt-9 flex w-full flex-row justify-end gap-3",children:[u.jsx(Bt,{content:"닫기",isBlue:!1,onClick:()=>{t(!1)}}),u.jsx(Bt,{content:"이미지 선택하기",isBlue:!0,onClick:()=>c()})]})]})})};Ws.__docgenInfo={description:`@component -@description -이미지 업로드 및 태그 선택을 위한 모달 컴포넌트입니다. -사용자는 이미지를 업로드하거나, 태그를 선택하고, 업로드된 이미지를 저장할 수 있습니다.`,methods:[],displayName:"ImageTagModal"};export{ws as B,ie as C,Ws as I,ss as Q,Ds as W,js as a,Cs as u}; diff --git a/assets/ImageTagModal-C34yhzfe.js b/assets/ImageTagModal-C34yhzfe.js new file mode 100644 index 00000000..f34e70e4 --- /dev/null +++ b/assets/ImageTagModal-C34yhzfe.js @@ -0,0 +1,67 @@ +var de=Object.defineProperty;var Rt=s=>{throw TypeError(s)};var ue=(s,e,t)=>e in s?de(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var y=(s,e,t)=>ue(s,typeof e!="symbol"?e+"":e,t),pt=(s,e,t)=>e.has(s)||Rt("Cannot "+t);var c=(s,e,t)=>(pt(s,e,"read from private field"),t?t.call(s):e.get(s)),w=(s,e,t)=>e.has(s)?Rt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(s):e.set(s,t),b=(s,e,t,r)=>(pt(s,e,"write to private field"),r?r.call(s,t):e.set(s,t),t),S=(s,e,t)=>(pt(s,e,"access private method"),t);import{j as i}from"./jsx-runtime-DR9Q75dM.js";import"./GuidesBox-Bzb74nGW.js";import{r as x}from"./index-DRjF_FHU.js";import"./HomeHeader-BWTUlWpY.js";import{W as pe}from"./WorkspaceList-BRe4hC8a.js";import{W as fe}from"./WorkspaceHeader-DzWhtxVS.js";import{E as me}from"./EmptyWorkspace-kwRUb5w-.js";import{W as Ce}from"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import{P as ge}from"./PreviewBox-Bef_8RUk.js";import{u as Qt}from"./useCoachMarkStore-BoVLoTcU.js";import{C as ft}from"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import{S as xe}from"./SkeletonWorkspaceList-LqBByOXs.js";import{F as be,s as _e,n as ye,w as Se,g as At,e as Te,i as ve,j as $,B as ct,k as _t,l as mt,m as qt,o as Jt,p as te,T as Ie,Z as Oe,u as ee,q as we,r as se,t as Ee,D as tt,x as dt,O as Le,y as G,z as re,A as kt,E as oe,G as Bt,I as De,J as ut,K as Ne,L as ke,M as Me,N as Re,P as Ae,Q as Be,V as A,X as Ht,Y as He,_ as Pe,$ as Fe,a0 as Pt}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{j as R,k as yt,r as je,u as Ft,f as Ge,g as We,b as Ve,i as $e}from"./useImageModalStore-axAWps0d.js";import"./WorkspacePageHeader-BJDLVERN.js";import{C as Ze}from"./CssCategoryBar-4N4Aikh_.js";import{C as Ye}from"./CssOptionItemList-BTnakjy6.js";import{C as Ke}from"./CssPropsSelectBoxHeader-CDkzBjdc.js";import{_ as at}from"./index-D1AAVYfs.js";import{M as ze}from"./ModalConfirm-BDuYJlbG.js";import"./GuideVideo-MGmf4GR2.js";import{W as Ue}from"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import{S as Xe,v as jt,a as H,w as St,l as ht,n as Qe,x as Tt,y as Gt,t as qe,k as Je,r as Wt,b as ne,z as ts}from"./QueryClientProvider-BdRu95_o.js";import{f as es,i as Vt,h as ss,a as rs}from"./infiniteQueryBehavior-DdhmIwcw.js";const $t={컨테이너:"M11.5 21.725V12.575L3.5 7.95V15.975C3.5 16.3417 3.5875 16.675 3.7625 16.975C3.9375 17.275 4.18333 17.5167 4.5 17.7L11.5 21.725ZM13.5 21.725L20.5 17.7C20.8167 17.5167 21.0625 17.275 21.2375 16.975C21.4125 16.675 21.5 16.3417 21.5 15.975V7.95L13.5 12.575V21.725ZM17.475 7.975L20.425 6.25L13.5 2.275C13.1833 2.09167 12.85 2 12.5 2C12.15 2 11.8167 2.09167 11.5 2.275L9.525 3.4L17.475 7.975ZM12.5 10.85L15.475 9.15L7.55 4.55L4.55 6.275L12.5 10.85Z",텍스트:"M17.5 15C17.2167 15 16.9792 14.9042 16.7875 14.7125C16.5958 14.5208 16.5 14.2833 16.5 14V10C16.5 9.71667 16.5958 9.47917 16.7875 9.2875C16.9792 9.09583 17.2167 9 17.5 9H20.5C20.7833 9 21.0208 9.09583 21.2125 9.2875C21.4042 9.47917 21.5 9.71667 21.5 10V11H20V10.5H18V13.5H20V13H21.5V14C21.5 14.2833 21.4042 14.5208 21.2125 14.7125C21.0208 14.9042 20.7833 15 20.5 15H17.5ZM10 15V9H14C14.2833 9 14.5208 9.09583 14.7125 9.2875C14.9042 9.47917 15 9.71667 15 10V11C15 11.2833 14.9042 11.5208 14.7125 11.7125C14.5208 11.9042 14.2833 12 14 12C14.2833 12 14.5208 12.0958 14.7125 12.2875C14.9042 12.4792 15 12.7167 15 13V14C15 14.2833 14.9042 14.5208 14.7125 14.7125C14.5208 14.9042 14.2833 15 14 15H10ZM11.5 11.25H13.5V10.5H11.5V11.25ZM11.5 13.5H13.5V12.75H11.5V13.5ZM3.5 15V10C3.5 9.71667 3.59583 9.47917 3.7875 9.2875C3.97917 9.09583 4.21667 9 4.5 9H7.5C7.78333 9 8.02083 9.09583 8.2125 9.2875C8.40417 9.47917 8.5 9.71667 8.5 10V15H7V13.5H5V15H3.5ZM5 12H7V10.5H5V12Z",폼:"M12.5 4.25C12.7167 4.25 12.8958 4.17917 13.0375 4.0375C13.1792 3.89583 13.25 3.71667 13.25 3.5C13.25 3.28333 13.1792 3.10417 13.0375 2.9625C12.8958 2.82083 12.7167 2.75 12.5 2.75C12.2833 2.75 12.1042 2.82083 11.9625 2.9625C11.8208 3.10417 11.75 3.28333 11.75 3.5C11.75 3.71667 11.8208 3.89583 11.9625 4.0375C12.1042 4.17917 12.2833 4.25 12.5 4.25ZM18.5 23C17.1167 23 15.9375 22.5125 14.9625 21.5375C13.9875 20.5625 13.5 19.3833 13.5 18C13.5 16.6167 13.9875 15.4375 14.9625 14.4625C15.9375 13.4875 17.1167 13 18.5 13C19.8833 13 21.0625 13.4875 22.0375 14.4625C23.0125 15.4375 23.5 16.6167 23.5 18C23.5 19.3833 23.0125 20.5625 22.0375 21.5375C21.0625 22.5125 19.8833 23 18.5 23ZM5.5 21C4.95 21 4.47917 20.8042 4.0875 20.4125C3.69583 20.0208 3.5 19.55 3.5 19V5C3.5 4.45 3.69583 3.97917 4.0875 3.5875C4.47917 3.19583 4.95 3 5.5 3H9.7C9.91667 2.4 10.2792 1.91667 10.7875 1.55C11.2958 1.18333 11.8667 1 12.5 1C13.1333 1 13.7042 1.18333 14.2125 1.55C14.7208 1.91667 15.0833 2.4 15.3 3H19.5C20.05 3 20.5208 3.19583 20.9125 3.5875C21.3042 3.97917 21.5 4.45 21.5 5V10.45C21.5 10.75 21.375 10.9833 21.125 11.15C20.875 11.3167 20.6083 11.35 20.325 11.25C20.0417 11.1667 19.7458 11.1042 19.4375 11.0625C19.1292 11.0208 18.8167 11 18.5 11C18.3167 11 18.1458 11.0042 17.9875 11.0125C17.8292 11.0208 17.6667 11.0417 17.5 11.075C17.4167 11.0583 17.3167 11.0417 17.2 11.025C17.1167 11.025 17.0125 11.0208 16.8875 11.0125C16.7625 11.0042 16.6333 11 16.5 11H8.5C8.21667 11 7.97917 11.0958 7.7875 11.2875C7.59583 11.4792 7.5 11.7167 7.5 12C7.5 12.2833 7.59583 12.5208 7.7875 12.7125C7.97917 12.9042 8.21667 13 8.5 13H13.625C13.325 13.2833 13.0542 13.5917 12.8125 13.925C12.5708 14.2583 12.3583 14.6167 12.175 15H8.5C8.21667 15 7.97917 15.0958 7.7875 15.2875C7.59583 15.4792 7.5 15.7167 7.5 16C7.5 16.2833 7.59583 16.5208 7.7875 16.7125C7.97917 16.9042 8.21667 17 8.5 17H11.575C11.5417 17.1667 11.5208 17.3292 11.5125 17.4875C11.5042 17.6458 11.5 17.8167 11.5 18C11.5 18.3333 11.5167 18.65 11.55 18.95C11.5833 19.25 11.6417 19.5417 11.725 19.825C11.8083 20.1083 11.7667 20.375 11.6 20.625C11.4333 20.875 11.2083 21 10.925 21H5.5ZM18 18.5V20.5C18 20.6333 18.05 20.75 18.15 20.85C18.25 20.95 18.3667 21 18.5 21C18.6333 21 18.75 20.95 18.85 20.85C18.95 20.75 19 20.6333 19 20.5V18.5H21C21.1333 18.5 21.25 18.45 21.35 18.35C21.45 18.25 21.5 18.1333 21.5 18C21.5 17.8667 21.45 17.75 21.35 17.65C21.25 17.55 21.1333 17.5 21 17.5H19V15.5C19 15.3667 18.95 15.25 18.85 15.15C18.75 15.05 18.6333 15 18.5 15C18.3667 15 18.25 15.05 18.15 15.15C18.05 15.25 18 15.3667 18 15.5V17.5H16C15.8667 17.5 15.75 17.55 15.65 17.65C15.55 17.75 15.5 17.8667 15.5 18C15.5 18.1333 15.55 18.25 15.65 18.35C15.75 18.45 15.8667 18.5 16 18.5H18ZM8.5 9H16.5C16.7833 9 17.0208 8.90417 17.2125 8.7125C17.4042 8.52083 17.5 8.28333 17.5 8C17.5 7.71667 17.4042 7.47917 17.2125 7.2875C17.0208 7.09583 16.7833 7 16.5 7H8.5C8.21667 7 7.97917 7.09583 7.7875 7.2875C7.59583 7.47917 7.5 7.71667 7.5 8C7.5 8.28333 7.59583 8.52083 7.7875 8.7125C7.97917 8.90417 8.21667 9 8.5 9Z",표:"M3.5 8V5C3.5 4.45 3.69583 3.97917 4.0875 3.5875C4.47917 3.19583 4.95 3 5.5 3H19.5C20.05 3 20.5208 3.19583 20.9125 3.5875C21.3042 3.97917 21.5 4.45 21.5 5V8H3.5ZM5.5 21C4.95 21 4.47917 20.8042 4.0875 20.4125C3.69583 20.0208 3.5 19.55 3.5 19V10H8V21H5.5ZM17 21V10H21.5V19C21.5 19.55 21.3042 20.0208 20.9125 20.4125C20.5208 20.8042 20.05 21 19.5 21H17ZM10 21V10H15V21H10Z",리스트:"M6.0248 16.1749L9.5748 12.6249C9.7748 12.4249 10.0081 12.3291 10.2748 12.3374C10.5415 12.3457 10.7748 12.4499 10.9748 12.6499C11.1581 12.8499 11.2498 13.0832 11.2498 13.3499C11.2498 13.6166 11.1581 13.8499 10.9748 14.0499L6.7498 18.2999C6.5498 18.4999 6.31647 18.5999 6.0498 18.5999C5.78314 18.5999 5.5498 18.4999 5.3498 18.2999L3.1998 16.1499C3.01647 15.9666 2.9248 15.7332 2.9248 15.4499C2.9248 15.1666 3.01647 14.9332 3.1998 14.7499C3.38314 14.5666 3.61647 14.4749 3.8998 14.4749C4.18314 14.4749 4.41647 14.5666 4.5998 14.7499L6.0248 16.1749ZM6.0248 8.17491L9.5748 4.62491C9.7748 4.42491 10.0081 4.32908 10.2748 4.33741C10.5415 4.34575 10.7748 4.44991 10.9748 4.64991C11.1581 4.84991 11.2498 5.08325 11.2498 5.34991C11.2498 5.61658 11.1581 5.84991 10.9748 6.04991L6.7498 10.2999C6.5498 10.4999 6.31647 10.5999 6.0498 10.5999C5.78314 10.5999 5.5498 10.4999 5.3498 10.2999L3.1998 8.14991C3.01647 7.96658 2.9248 7.73325 2.9248 7.44991C2.9248 7.16658 3.01647 6.93325 3.1998 6.74991C3.38314 6.56658 3.61647 6.47491 3.8998 6.47491C4.18314 6.47491 4.41647 6.56658 4.5998 6.74991L6.0248 8.17491ZM14.4998 16.9999C14.2165 16.9999 13.979 16.9041 13.7873 16.7124C13.5956 16.5207 13.4998 16.2832 13.4998 15.9999C13.4998 15.7166 13.5956 15.4791 13.7873 15.2874C13.979 15.0957 14.2165 14.9999 14.4998 14.9999H21.4998C21.7831 14.9999 22.0206 15.0957 22.2123 15.2874C22.404 15.4791 22.4998 15.7166 22.4998 15.9999C22.4998 16.2832 22.404 16.5207 22.2123 16.7124C22.0206 16.9041 21.7831 16.9999 21.4998 16.9999H14.4998ZM14.4998 8.99991C14.2165 8.99991 13.979 8.90408 13.7873 8.71241C13.5956 8.52075 13.4998 8.28325 13.4998 7.99991C13.4998 7.71658 13.5956 7.47908 13.7873 7.28741C13.979 7.09575 14.2165 6.99991 14.4998 6.99991H21.4998C21.7831 6.99991 22.0206 7.09575 22.2123 7.28741C22.404 7.47908 22.4998 7.71658 22.4998 7.99991C22.4998 8.28325 22.404 8.52075 22.2123 8.71241C22.0206 8.90408 21.7831 8.99991 21.4998 8.99991H14.4998Z",링크:"M18.5 15.75C18.5 17.4833 17.8917 18.9583 16.675 20.175C15.4583 21.3917 13.9833 22 12.25 22C10.5167 22 9.04167 21.3917 7.825 20.175C6.60833 18.9583 6 17.4833 6 15.75V6.5C6 5.25 6.4375 4.1875 7.3125 3.3125C8.1875 2.4375 9.25 2 10.5 2C11.75 2 12.8125 2.4375 13.6875 3.3125C14.5625 4.1875 15 5.25 15 6.5V15.25C15 16.0167 14.7333 16.6667 14.2 17.2C13.6667 17.7333 13.0167 18 12.25 18C11.4833 18 10.8333 17.7333 10.3 17.2C9.76667 16.6667 9.5 16.0167 9.5 15.25V7C9.5 6.71667 9.59583 6.47917 9.7875 6.2875C9.97917 6.09583 10.2167 6 10.5 6C10.7833 6 11.0208 6.09583 11.2125 6.2875C11.4042 6.47917 11.5 6.71667 11.5 7V15.25C11.5 15.4667 11.5708 15.6458 11.7125 15.7875C11.8542 15.9292 12.0333 16 12.25 16C12.4667 16 12.6458 15.9292 12.7875 15.7875C12.9292 15.6458 13 15.4667 13 15.25V6.5C12.9833 5.8 12.7375 5.20833 12.2625 4.725C11.7875 4.24167 11.2 4 10.5 4C9.8 4 9.20833 4.24167 8.725 4.725C8.24167 5.20833 8 5.8 8 6.5V15.75C7.98333 16.9333 8.39167 17.9375 9.225 18.7625C10.0583 19.5875 11.0667 20 12.25 20C13.4167 20 14.4083 19.5875 15.225 18.7625C16.0417 17.9375 16.4667 16.9333 16.5 15.75V7C16.5 6.71667 16.5958 6.47917 16.7875 6.2875C16.9792 6.09583 17.2167 6 17.5 6C17.7833 6 18.0208 6.09583 18.2125 6.2875C18.4042 6.47917 18.5 6.71667 18.5 7V15.75Z",내용:"M9.5 20C9.18333 20 8.88333 19.9292 8.6 19.7875C8.31667 19.6458 8.08333 19.45 7.9 19.2L3.4 13.2C3.13333 12.85 3 12.45 3 12C3 11.55 3.13333 11.15 3.4 10.8L7.9 4.8C8.08333 4.55 8.31667 4.35417 8.6 4.2125C8.88333 4.07083 9.18333 4 9.5 4H20.5C21.05 4 21.5208 4.19583 21.9125 4.5875C22.3042 4.97917 22.5 5.45 22.5 6V18C22.5 18.55 22.3042 19.0208 21.9125 19.4125C21.5208 19.8042 21.05 20 20.5 20H9.5ZM10.5 13C10.7833 13 11.0208 12.9042 11.2125 12.7125C11.4042 12.5208 11.5 12.2833 11.5 12C11.5 11.7167 11.4042 11.4792 11.2125 11.2875C11.0208 11.0958 10.7833 11 10.5 11C10.2167 11 9.97917 11.0958 9.7875 11.2875C9.59583 11.4792 9.5 11.7167 9.5 12C9.5 12.2833 9.59583 12.5208 9.7875 12.7125C9.97917 12.9042 10.2167 13 10.5 13ZM14 13C14.2833 13 14.5208 12.9042 14.7125 12.7125C14.9042 12.5208 15 12.2833 15 12C15 11.7167 14.9042 11.4792 14.7125 11.2875C14.5208 11.0958 14.2833 11 14 11C13.7167 11 13.4792 11.0958 13.2875 11.2875C13.0958 11.4792 13 11.7167 13 12C13 12.2833 13.0958 12.5208 13.2875 12.7125C13.4792 12.9042 13.7167 13 14 13ZM17.5 13C17.7833 13 18.0208 12.9042 18.2125 12.7125C18.4042 12.5208 18.5 12.2833 18.5 12C18.5 11.7167 18.4042 11.4792 18.2125 11.2875C18.0208 11.0958 17.7833 11 17.5 11C17.2167 11 16.9792 11.0958 16.7875 11.2875C16.5958 11.4792 16.5 11.7167 16.5 12C16.5 12.2833 16.5958 12.5208 16.7875 12.7125C16.9792 12.9042 17.2167 13 17.5 13Z"};function os(s){return"field"in s&&s.field instanceof be}const Ct=[{title:"HTML 태그 블록 조립하기",content:i.jsxs(i.Fragment,{children:["오른쪽 ",i.jsx("span",{className:"coachMarkHighlightText",children:"HTML 태그 탭"}),"에서 블록을 가져와 ",i.jsx("br",{}),"작업 공간에서 조립할 수 있어요"]})},{title:"CSS 클래스 블록 생성 후 조립하기",content:i.jsxs(i.Fragment,{children:["원하는 ",i.jsx("span",{className:"coachMarkHighlightText",children:"CSS 클래스 블록"}),"을 생성할 수 있어요.",i.jsx("br",{}),"생성된 블록은 HTML 블록에 조립할 수 있어요"]})},{title:"스타일 속성 추가하기",content:i.jsxs(i.Fragment,{children:["생성한 ",i.jsx("span",{className:"coachMarkHighlightText",children:"CSS 클래스 블록"}),"을 선택해 ",i.jsx("br",{}),"원하는",i.jsx("span",{className:"coachMarkHighlightText",children:"스타일 속성"}),"을 추가할 수 있어요"]})},{title:"미리보기와 코드 확인하기",content:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"coachMarkHighlightText",children:"미리보기"})," 탭에서는 블록 코딩으로 만든 화면을,",i.jsx("br",{}),i.jsx("span",{className:"coachMarkHighlightText",children:"HTML/CSS"})," 탭에서는 코드를 확인할 수 있어요."]})},{title:"저장하고 불러오기",content:i.jsxs(i.Fragment,{children:[i.jsx("span",{className:"coachMarkHighlightText",children:"저장"}),"하지 않고 나가면 블록이 사라져요. ",i.jsx("br",{}),"변경 사항은 ",i.jsx("span",{className:"coachMarkHighlightText",children:"되돌리거나 다시 적용"}),"할 수 있어요."]})}];var N,f,rt,E,Z,X,W,B,ot,Q,q,Y,K,V,J,g,st,vt,It,Ot,wt,Et,Lt,Dt,ie,Xt,ns=(Xt=class extends Xe{constructor(e,t){super();w(this,g);w(this,N);w(this,f);w(this,rt);w(this,E);w(this,Z);w(this,X);w(this,W);w(this,B);w(this,ot);w(this,Q);w(this,q);w(this,Y);w(this,K);w(this,V);w(this,J,new Set);this.options=t,b(this,N,e),b(this,B,null),b(this,W,jt()),this.options.experimental_prefetchInRender||c(this,W).reject(new Error("experimental_prefetchInRender feature flag is not enabled")),this.bindMethods(),this.setOptions(t)}bindMethods(){this.refetch=this.refetch.bind(this)}onSubscribe(){this.listeners.size===1&&(c(this,f).addObserver(this),Zt(c(this,f),this.options)?S(this,g,st).call(this):this.updateResult(),S(this,g,wt).call(this))}onUnsubscribe(){this.hasListeners()||this.destroy()}shouldFetchOnReconnect(){return Nt(c(this,f),this.options,this.options.refetchOnReconnect)}shouldFetchOnWindowFocus(){return Nt(c(this,f),this.options,this.options.refetchOnWindowFocus)}destroy(){this.listeners=new Set,S(this,g,Et).call(this),S(this,g,Lt).call(this),c(this,f).removeObserver(this)}setOptions(e,t){const r=this.options,o=c(this,f);if(this.options=c(this,N).defaultQueryOptions(e),this.options.enabled!==void 0&&typeof this.options.enabled!="boolean"&&typeof this.options.enabled!="function"&&typeof H(this.options.enabled,c(this,f))!="boolean")throw new Error("Expected enabled to be a boolean or a callback that returns a boolean");S(this,g,Dt).call(this),c(this,f).setOptions(this.options),r._defaulted&&!St(this.options,r)&&c(this,N).getQueryCache().notify({type:"observerOptionsUpdated",query:c(this,f),observer:this});const n=this.hasListeners();n&&Yt(c(this,f),o,this.options,r)&&S(this,g,st).call(this),this.updateResult(t),n&&(c(this,f)!==o||H(this.options.enabled,c(this,f))!==H(r.enabled,c(this,f))||ht(this.options.staleTime,c(this,f))!==ht(r.staleTime,c(this,f)))&&S(this,g,vt).call(this);const a=S(this,g,It).call(this);n&&(c(this,f)!==o||H(this.options.enabled,c(this,f))!==H(r.enabled,c(this,f))||a!==c(this,V))&&S(this,g,Ot).call(this,a)}getOptimisticResult(e){const t=c(this,N).getQueryCache().build(c(this,N),e),r=this.createResult(t,e);return as(this,r)&&(b(this,E,r),b(this,X,this.options),b(this,Z,c(this,f).state)),r}getCurrentResult(){return c(this,E)}trackResult(e,t){const r={};return Object.keys(e).forEach(o=>{Object.defineProperty(r,o,{configurable:!1,enumerable:!0,get:()=>(this.trackProp(o),t==null||t(o),e[o])})}),r}trackProp(e){c(this,J).add(e)}getCurrentQuery(){return c(this,f)}refetch({...e}={}){return this.fetch({...e})}fetchOptimistic(e){const t=c(this,N).defaultQueryOptions(e),r=c(this,N).getQueryCache().build(c(this,N),t);return r.fetch().then(()=>this.createResult(r,t))}fetch(e){return S(this,g,st).call(this,{...e,cancelRefetch:e.cancelRefetch??!0}).then(()=>(this.updateResult(),c(this,E)))}createResult(e,t){var nt;const r=c(this,f),o=this.options,n=c(this,E),a=c(this,Z),d=c(this,X),h=e!==r?e.state:c(this,rt),{state:u}=e;let p={...u},m=!1,C;if(t._optimisticResults){const O=this.hasListeners(),z=!O&&Zt(e,t),U=O&&Yt(e,r,t,o);(z||U)&&(p={...p,...es(u.data,e.options)}),t._optimisticResults==="isRestoring"&&(p.fetchStatus="idle")}let{error:T,errorUpdatedAt:v,status:L}=p;if(t.select&&p.data!==void 0)if(n&&p.data===(a==null?void 0:a.data)&&t.select===c(this,ot))C=c(this,Q);else try{b(this,ot,t.select),C=t.select(p.data),C=Wt(n==null?void 0:n.data,C,t),b(this,Q,C),b(this,B,null)}catch(O){b(this,B,O)}else C=p.data;if(t.placeholderData!==void 0&&C===void 0&&L==="pending"){let O;if(n!=null&&n.isPlaceholderData&&t.placeholderData===(d==null?void 0:d.placeholderData))O=n.data;else if(O=typeof t.placeholderData=="function"?t.placeholderData((nt=c(this,q))==null?void 0:nt.state.data,c(this,q)):t.placeholderData,t.select&&O!==void 0)try{O=t.select(O),b(this,B,null)}catch(z){b(this,B,z)}O!==void 0&&(L="success",C=Wt(n==null?void 0:n.data,O,t),m=!0)}c(this,B)&&(T=c(this,B),C=c(this,Q),v=Date.now(),L="error");const F=p.fetchStatus==="fetching",_=L==="pending",k=L==="error",M=_&&F,I=C!==void 0,D={status:L,fetchStatus:p.fetchStatus,isPending:_,isSuccess:L==="success",isError:k,isInitialLoading:M,isLoading:M,data:C,dataUpdatedAt:p.dataUpdatedAt,error:T,errorUpdatedAt:v,failureCount:p.fetchFailureCount,failureReason:p.fetchFailureReason,errorUpdateCount:p.errorUpdateCount,isFetched:p.dataUpdateCount>0||p.errorUpdateCount>0,isFetchedAfterMount:p.dataUpdateCount>h.dataUpdateCount||p.errorUpdateCount>h.errorUpdateCount,isFetching:F,isRefetching:F&&!_,isLoadingError:k&&!I,isPaused:p.fetchStatus==="paused",isPlaceholderData:m,isRefetchError:k&&I,isStale:Mt(e,t),refetch:this.refetch,promise:c(this,W)};if(this.options.experimental_prefetchInRender){const O=it=>{D.status==="error"?it.reject(D.error):D.data!==void 0&&it.resolve(D.data)},z=()=>{const it=b(this,W,D.promise=jt());O(it)},U=c(this,W);switch(U.status){case"pending":e.queryHash===r.queryHash&&O(U);break;case"fulfilled":(D.status==="error"||D.data!==U.value)&&z();break;case"rejected":(D.status!=="error"||D.error!==U.reason)&&z();break}}return D}updateResult(e){const t=c(this,E),r=this.createResult(c(this,f),this.options);if(b(this,Z,c(this,f).state),b(this,X,this.options),c(this,Z).data!==void 0&&b(this,q,c(this,f)),St(r,t))return;b(this,E,r);const o={},n=()=>{if(!t)return!0;const{notifyOnChangeProps:a}=this.options,d=typeof a=="function"?a():a;if(d==="all"||!d&&!c(this,J).size)return!0;const l=new Set(d??c(this,J));return this.options.throwOnError&&l.add("error"),Object.keys(c(this,E)).some(h=>{const u=h;return c(this,E)[u]!==t[u]&&l.has(u)})};(e==null?void 0:e.listeners)!==!1&&n()&&(o.listeners=!0),S(this,g,ie).call(this,{...o,...e})}onQueryUpdate(){this.updateResult(),this.hasListeners()&&S(this,g,wt).call(this)}},N=new WeakMap,f=new WeakMap,rt=new WeakMap,E=new WeakMap,Z=new WeakMap,X=new WeakMap,W=new WeakMap,B=new WeakMap,ot=new WeakMap,Q=new WeakMap,q=new WeakMap,Y=new WeakMap,K=new WeakMap,V=new WeakMap,J=new WeakMap,g=new WeakSet,st=function(e){S(this,g,Dt).call(this);let t=c(this,f).fetch(this.options,e);return e!=null&&e.throwOnError||(t=t.catch(Qe)),t},vt=function(){S(this,g,Et).call(this);const e=ht(this.options.staleTime,c(this,f));if(Tt||c(this,E).isStale||!Gt(e))return;const r=qe(c(this,E).dataUpdatedAt,e)+1;b(this,Y,setTimeout(()=>{c(this,E).isStale||this.updateResult()},r))},It=function(){return(typeof this.options.refetchInterval=="function"?this.options.refetchInterval(c(this,f)):this.options.refetchInterval)??!1},Ot=function(e){S(this,g,Lt).call(this),b(this,V,e),!(Tt||H(this.options.enabled,c(this,f))===!1||!Gt(c(this,V))||c(this,V)===0)&&b(this,K,setInterval(()=>{(this.options.refetchIntervalInBackground||Je.isFocused())&&S(this,g,st).call(this)},c(this,V)))},wt=function(){S(this,g,vt).call(this),S(this,g,Ot).call(this,S(this,g,It).call(this))},Et=function(){c(this,Y)&&(clearTimeout(c(this,Y)),b(this,Y,void 0))},Lt=function(){c(this,K)&&(clearInterval(c(this,K)),b(this,K,void 0))},Dt=function(){const e=c(this,N).getQueryCache().build(c(this,N),this.options);if(e===c(this,f))return;const t=c(this,f);b(this,f,e),b(this,rt,e.state),this.hasListeners()&&(t==null||t.removeObserver(this),e.addObserver(this))},ie=function(e){ne.batch(()=>{e.listeners&&this.listeners.forEach(t=>{t(c(this,E))}),c(this,N).getQueryCache().notify({query:c(this,f),type:"observerResultsUpdated"})})},Xt);function is(s,e){return H(e.enabled,s)!==!1&&s.state.data===void 0&&!(s.state.status==="error"&&e.retryOnMount===!1)}function Zt(s,e){return is(s,e)||s.state.data!==void 0&&Nt(s,e,e.refetchOnMount)}function Nt(s,e,t){if(H(e.enabled,s)!==!1){const r=typeof t=="function"?t(s):t;return r==="always"||r!==!1&&Mt(s,e)}return!1}function Yt(s,e,t,r){return(s!==e||H(r.enabled,s)===!1)&&(!t.suspense||s.state.status!=="error")&&Mt(s,t)}function Mt(s,e){return H(e.enabled,s)!==!1&&s.isStaleByTime(ht(e.staleTime,s))}function as(s,e){return!St(s.getCurrentResult(),e)}var ls=class extends ns{constructor(s,e){super(s,e)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(s,e){super.setOptions({...s,behavior:Vt()},e)}getOptimisticResult(s){return s.behavior=Vt(),super.getOptimisticResult(s)}fetchNextPage(s){return this.fetch({...s,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(s){return this.fetch({...s,meta:{fetchMore:{direction:"backward"}}})}createResult(s,e){var T,v;const{state:t}=s,r=super.createResult(s,e),{isFetching:o,isRefetching:n,isError:a,isRefetchError:d}=r,l=(v=(T=t.fetchMeta)==null?void 0:T.fetchMore)==null?void 0:v.direction,h=a&&l==="forward",u=o&&l==="forward",p=a&&l==="backward",m=o&&l==="backward";return{...r,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:ss(e,t.data),hasPreviousPage:rs(e,t.data),isFetchNextPageError:h,isFetchingNextPage:u,isFetchPreviousPageError:p,isFetchingPreviousPage:m,isRefetchError:d&&!h&&!p,isRefetching:n&&!u&&!m}}},ae=x.createContext(!1),cs=()=>x.useContext(ae);ae.Provider;function hs(){let s=!1;return{clearReset:()=>{s=!1},reset:()=>{s=!0},isReset:()=>s}}var ds=x.createContext(hs()),us=()=>x.useContext(ds),ps=(s,e)=>{(s.suspense||s.throwOnError||s.experimental_prefetchInRender)&&(e.isReset()||(s.retryOnMount=!1))},fs=s=>{x.useEffect(()=>{s.clearReset()},[s])},ms=({result:s,errorResetBoundary:e,throwOnError:t,query:r})=>s.isError&&!e.isReset()&&!s.isFetching&&r&&_e(t,[s.error,r]),Cs=s=>{s.suspense&&(s.staleTime===void 0&&(s.staleTime=1e3),typeof s.gcTime=="number"&&(s.gcTime=Math.max(s.gcTime,1e3)))},gs=(s,e)=>s.isLoading&&s.isFetching&&!e,xs=(s,e)=>(s==null?void 0:s.suspense)&&e.isPending,Kt=(s,e,t)=>e.fetchOptimistic(s).catch(()=>{t.clearReset()});function bs(s,e,t){var u,p,m,C,T;const r=ts(),o=cs(),n=us(),a=r.defaultQueryOptions(s);(p=(u=r.getDefaultOptions().queries)==null?void 0:u._experimental_beforeQuery)==null||p.call(u,a),a._optimisticResults=o?"isRestoring":"optimistic",Cs(a),ps(a,n),fs(n);const d=!r.getQueryCache().get(a.queryHash),[l]=x.useState(()=>new e(r,a)),h=l.getOptimisticResult(a);if(x.useSyncExternalStore(x.useCallback(v=>{const L=o?()=>{}:l.subscribe(ne.batchCalls(v));return l.updateResult(),L},[l,o]),()=>l.getCurrentResult(),()=>l.getCurrentResult()),x.useEffect(()=>{l.setOptions(a,{listeners:!1})},[a,l]),xs(a,h))throw Kt(a,l,n);if(ms({result:h,errorResetBoundary:n,throwOnError:a.throwOnError,query:r.getQueryCache().get(a.queryHash)}))throw h.error;if((C=(m=r.getDefaultOptions().queries)==null?void 0:m._experimental_afterQuery)==null||C.call(m,a,h),a.experimental_prefetchInRender&&!Tt&&gs(h,o)){const v=d?Kt(a,l,n):(T=r.getQueryCache().get(a.queryHash))==null?void 0:T.promise;v==null||v.catch(ye).finally(()=>{l.updateResult()})}return a.notifyOnChangeProps?h:l.trackResult(h)}function _s(s,e){return bs(s,ls)}const ys=()=>{const s=ve(),{hasNextPage:e,fetchNextPage:t,isPending:r,isFetchingNextPage:o,isError:n,data:a}=_s({queryKey:Se.list(),queryFn:async({pageParam:d})=>{const l=!At(),h=At()||Te();return l&&await s.createWorkspace(h,!0),s.getWorkspaceList(h,d)},initialPageParam:"null",getNextPageParam:d=>{var l;return(l=d.pagedWorkspaceListResult)!=null&&l.nextCursor?JSON.stringify(d.pagedWorkspaceListResult.nextCursor):void 0},select:d=>(d.pages??[]).flatMap(l=>l.pagedWorkspaceListResult.workspaceList)});return{hasNextPage:e,fetchNextPage:t,isFetchingNextPage:o,isPending:r,isError:n,workspaceList:a}},j=(s,e,t,r={init:function(){}},o=!0)=>{const n=r.init;r.init=function(){n.call(this),this.styleName_||(this.setStyle(`defaultBlock${e}`),this.setTooltip(t)),o&&(this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new $(yt(s))),this.appendStatementInput("children").appendField())},ct[s]=r},Ss=s=>{j(R("html"),1,`웹페이지의 시작과 끝을 알려주는 가장 큰 상자예요. +모든 내용을 담고 있는 책의 겉표지 같은 거예요.`,{init:function(){this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new $("html")),this.appendStatementInput("children").appendField("")}},!1),j(R("head"),2,`웹페이지의 정보를 담아두는 곳이에요. +책의 목차나 출판 정보같이 보이지 않지만 중요한 정보들이 들어가요.`,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendDummyInput().appendField(new $("head"))}},!1),j(R("body"),3,`웹페이지에서 실제로 보이는 모든 내용이 들어가는 곳이에요. +책의 실제 내용이 적힌 부분같은 거예요.`),Object.values(s).forEach(e=>{e.forEach((t,r)=>{t.type===R("text")?j(t.type,r%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendDummyInput().appendField(new $(yt(t.type))).appendField(new _t,"TEXT"),this.setTooltip(t.description)}},!1):t.type===R("hr")||t.type===R("br")?j(t.type,r%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendDummyInput().appendField(new $(yt(t.type)))}},!1):t.type===R("a")?j(t.type,r%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new $("a")),this.appendDummyInput().appendField(new mt("target")).appendField(new qt([["_blank","_blank"],["_self","_self"],["_parent","_parent"],["_top","_top"]]),"TARGET"),this.appendDummyInput().appendField(new mt("href")).appendField(new _t,"HREF"),this.appendStatementInput("children").appendField(),this.setInputsInline(!1)}},!1):t.type===R("img")?j(t.type,r%3+1,t.description,{init:function(){this.setPreviousStatement(!0),this.setNextStatement(!0),this.appendValueInput("css class").setCheck("CSS-CLASS").appendField(new $("img")),this.appendDummyInput().appendField(new mt("src")).appendField(new Jt(""),"SRC"),this.setInputsInline(!1)}},!1):j(t.type,r%3+1,t.description)})})},Ts=[{type:R("html"),coordinate:{x:40,y:40},movable:!1,deletable:!1},{type:R("head"),connection:{parent:"html",input:"children"},movable:!1,deletable:!1},{type:R("body"),connection:{parent:"html",input:"children"},movable:!1,deletable:!1}];function vs(s){const e={};Ts.forEach(r=>{var u,p;const{type:o,coordinate:n,deletable:a,movable:d,connection:l}=r,h=s.newBlock(o);if(n&&h.moveBy(n.x,n.y),d===!1&&h.setMovable(!1),a===!1&&h.setDeletable(!1),h.initSvg(),h.render(),e[o]=h,l){const m=e[R(l.parent)],C=h;if(m&&C){const T=(u=m.getInput(l.input))==null?void 0:u.connection;if(T){const v=t(m,l.input);v?(p=v.nextConnection)==null||p.connect(C.previousConnection):T.connect(C.previousConnection)}}}});function t(r,o){var d,l;const n=r.getInput(o);if(!((d=n==null?void 0:n.connection)!=null&&d.targetBlock()))return null;let a=n.connection.targetBlock();for(;(l=a==null?void 0:a.nextConnection)!=null&&l.targetBlock();)a=a.nextConnection.targetBlock();return a}}const Is=s=>{let e="";return Object.keys(s).filter(t=>t&&t.length>0).forEach(t=>{e+=`.${je(t)} { +`,Object.keys(s[t].cssOptionObj).forEach(r=>{s[t].checkedCssPropertyObj[r]&&s[t].cssOptionObj[r].length>0&&(e+=` ${r} : ${s[t].cssOptionObj[r]}; +`)}),e+=`} +`}),e},Os=["BOOLOCK_SYSTEM_head","BOOLOCK_SYSTEM_text","BOOLOCK_SYSTEM_br","BOOLOCK_SYSTEM_hr","BOOLOCK_SYSTEM_img"],le=["BOOLOCK_SYSTEM_html","BOOLOCK_SYSTEM_body","BOOLOCK_SYSTEM_div","BOOLOCK_SYSTEM_span","BOOLOCK_SYSTEM_header","BOOLOCK_SYSTEM_section","BOOLOCK_SYSTEM_nav","BOOLOCK_SYSTEM_main","BOOLOCK_SYSTEM_article","BOOLOCK_SYSTEM_footer","BOOLOCK_SYSTEM_p","BOOLOCK_SYSTEM_strong","BOOLOCK_SYSTEM_h1","BOOLOCK_SYSTEM_h2","BOOLOCK_SYSTEM_h3","BOOLOCK_SYSTEM_h4","BOOLOCK_SYSTEM_h5","BOOLOCK_SYSTEM_h6","BOOLOCK_SYSTEM_small","BOOLOCK_SYSTEM_em","BOOLOCK_SYSTEM_i","BOOLOCK_SYSTEM_blockquote","BOOLOCK_SYSTEM_button","BOOLOCK_SYSTEM_option","BOOLOCK_SYSTEM_textarea","BOOLOCK_SYSTEM_select","BOOLOCK_SYSTEM_td","BOOLOCK_SYSTEM_tr","BOOLOCK_SYSTEM_th","BOOLOCK_SYSTEM_caption","BOOLOCK_SYSTEM_table","BOOLOCK_SYSTEM_ul","BOOLOCK_SYSTEM_ol","BOOLOCK_SYSTEM_li","BOOLOCK_SYSTEM_a"],ws=s=>{const e=[];return s.inputList.forEach(t=>{const r=t.connection;if(r){let o=r.targetBlock();for(;o;)e.push(o),o=o.getNextBlock()}}),e},Es=s=>Os.includes(s)?1:le.includes(s)?2:0,ce=s=>{if(!s)return 0;const e=s.type,t=Es(e),o=ws(s).reduce((n,a)=>n+ce(a),0);return le.includes(e)?2+o:t+o},Ls=(s,e)=>{const t=s.split(` +`);for(let r=0;ri.jsxs("div",{className:"relative flex h-[30rem] w-full items-center justify-center overflow-hidden bg-gradient-to-b from-blue-500 to-green-500",children:[i.jsx(Ns,{}),i.jsx("div",{className:"absolute top-0 flex h-full w-full flex-col items-center justify-center overflow-hidden",children:i.jsxs("div",{className:"mt-12 flex flex-col items-center gap-3",children:[i.jsx("h2",{className:"text-center text-lg font-normal text-white opacity-0",style:{animation:"fadeIn 1s ease-out forwards"},children:"블록으로 시작하는 웹 개발 첫 걸음"}),i.jsxs("h1",{className:"text-center text-5xl font-bold leading-[1.33] text-white opacity-0",style:{animation:"1s fadeIn .4s ease-out forwards"},children:["BooLock과 함께하는",i.jsx("br",{})," 정적 웹 개발 학습하기"]})]})})]}),Ns=()=>{const[s,e]=x.useState({x:70,y:0}),t=x.useRef({x:70,y:0}),r=x.useRef(),o=(n,a,d)=>n+(a-n)*d;return x.useEffect(()=>{const n=d=>{const{clientX:l,clientY:h}=d,{innerWidth:u,innerHeight:p}=window,m=(l/u-.5)*20,C=70+(h/p-.5)*10;t.current={x:C,y:m}},a=()=>{e(d=>({x:o(d.x,t.current.x,.05),y:o(d.y,t.current.y,.05)})),r.current=requestAnimationFrame(a)};return window.addEventListener("mousemove",n),r.current=requestAnimationFrame(a),()=>{window.removeEventListener("mousemove",n),cancelAnimationFrame(r.current)}},[]),i.jsx("div",{className:"relative flex h-full w-[1200px] items-center justify-center opacity-0",style:{perspective:"2000px",animation:"1s fadeInBlock .8s ease-out forwards"},children:i.jsxs("div",{className:"preserve-3d relative top-0 h-[1200px] w-[2000px] transform-gpu",style:{transformStyle:"preserve-3d",transform:`rotateX(68deg) rotateZ(${s.y/2}deg) translateY(-500px)`},children:[i.jsxs("div",{className:"relative h-[600px] w-[800px] bg-gradient-to-tl from-blue-500 to-blue-900",style:{transformStyle:"preserve-3d",transform:"translateX(200px) translateY(845px) scale(1) "},children:[i.jsx("div",{className:"absolute h-[200px] w-[1200px] bg-gradient-to-b from-blue-100/50 to-yellow-200/0",style:{clipPath:"polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)",transformStyle:"preserve-3d",transform:`rotateX(160deg) translateX(-200px) translateY(170px) translateZ(10px) scale(${1.1})`}}),i.jsx("div",{className:"absolute h-[200px] w-[1200px] bg-gradient-to-b from-yellow-200/90 to-yellow-200/0",style:{clipPath:"polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)",transformStyle:"preserve-3d",transform:"rotateX(60deg) translateX(-200px) translateY(400px) translateZ(-480px) scale(1)"}}),i.jsx("div",{className:"absolute h-[200px] w-[1200px] bg-gradient-to-b from-blue-100/40 to-yellow-200/0",style:{clipPath:"polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%)",transformStyle:"preserve-3d",transform:"rotateX(60deg) translateX(-200px) translateY(420px) translateZ(-480px) scale(1)"}}),i.jsx("div",{className:"absolute left-[58px] top-36 h-[240px] w-[500px] rounded-lg bg-blue-500/20",style:{transformStyle:"preserve-3d",transform:"translateZ(70px) scale(1)"}}),i.jsx("div",{className:"absolute left-20 top-40 h-[200px] w-[220px] rounded-lg bg-blue-500/90",style:{transformStyle:"preserve-3d",transform:"translateZ(90px) scale(1)"}}),i.jsx("div",{className:"absolute left-80 top-40 h-[200px] w-[220px] rounded-lg bg-blue-500/60",style:{transformStyle:"preserve-3d",transform:"translateZ(90px) scale(1)"}}),i.jsxs("div",{className:"absolute right-12 top-20 h-[320px] w-[120px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(60px) scale(1)"},children:[i.jsx("div",{className:"absolute left-2 top-4 h-[44px] w-[100px] rounded-lg bg-blue-500/80",style:{transformStyle:"preserve-3d",transform:"translateZ(6px) scale(1)"}}),i.jsx("div",{className:"absolute left-2 top-20 h-[44px] w-[100px] rounded-lg bg-blue-500/80",style:{transformStyle:"preserve-3d",transform:"translateZ(6px) scale(1)"}}),i.jsx("div",{className:"absolute left-2 top-36 h-[44px] w-[100px] rounded-lg bg-blue-500/80",style:{transformStyle:"preserve-3d",transform:"translateZ(6px) scale(1)"}})]}),i.jsx("div",{className:"absolute bottom-4 right-12 h-[48px] w-[80px] rounded-lg bg-blue-500/90",style:{transformStyle:"preserve-3d",transform:"translateZ(60px) scale(1)"}}),i.jsx("div",{className:"absolute bottom-4 right-36 h-[48px] w-[80px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(60px) scale(1)"}}),i.jsx("div",{className:"absolute bottom-4 left-[80px] h-[200px] w-[120px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(40px) scale(1)"}}),i.jsx("div",{className:"absolute bottom-4 left-[220px] h-[200px] w-[120px] rounded-lg bg-blue-500/20",style:{transformStyle:"preserve-3d",transform:"translateZ(40px) scale(1)"}}),i.jsx("div",{className:"absolute bottom-4 left-[360px] h-[200px] w-[120px] rounded-lg bg-blue-500/50",style:{transformStyle:"preserve-3d",transform:"translateZ(40px) scale(1)"}})]}),i.jsx(lt,{x:0,y:200,z:0,rotateZ:50,scale:1,firstColor:"bg-gradient-to-t from-green-500 to-yellow-200",secondColor:"bg-gradient-to-r from-green-500 to-green-900",thirdColor:"bg-green-300"}),i.jsx(lt,{x:1150,y:100,z:0,rotateZ:-12,firstColor:"bg-gradient-to-b from-blue-500 to-yellow-200 ",secondColor:" bg-gradient-to-r from-blue-300 to-blue-900 ",thirdColor:"bg-blue-300",scale:1.4}),i.jsx(lt,{x:100,y:400,z:0,rotateZ:16,scale:1.3,firstColor:"bg-gradient-to-t from-red-500 to-yellow-200",secondColor:"bg-gradient-to-r from-red-500 to-red-900",thirdColor:"bg-red-300"}),i.jsx(lt,{x:1240,y:200,z:0,rotateZ:-60,firstColor:"bg-gradient-to-t from-green-500 to-yellow-200 ",secondColor:" bg-gradient-to-r from-green-300 to-green-900 ",thirdColor:"bg-green-300",scale:1.5})]})})},lt=({x:s,y:e,z:t,rotateZ:r=0,scale:o=1,firstColor:n,secondColor:a,thirdColor:d})=>i.jsxs("div",{className:`${n} relative h-[240px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:` translateX(${s}px) rotateZ(${r}deg) translateY(${e}px) translateZ(${t}px) scale(${o})`},children:[i.jsx(zt,{x:0,y:48,z:18,firstColor:n,secondColor:a,thirdColor:d}),i.jsx(zt,{x:0,y:-48,z:18,firstColor:n,secondColor:a,thirdColor:d}),i.jsx("div",{className:`${n} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(40px)"}}),i.jsx("div",{className:`${n} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(-59px)"}}),i.jsx("div",{className:`${a} absolute left-0 right-0 h-[80px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:"rotateX(90deg) translateY(40px) translateZ(-200px)"}}),i.jsx("div",{className:`${d} absolute right-0 top-0 h-[240px] w-[100px]`,style:{transform:"translateZ(80px)"}})]}),zt=({x:s,y:e,z:t,firstColor:r,secondColor:o,thirdColor:n})=>i.jsxs("div",{className:`${r} absolute h-[240px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:`translateX(${s}px) translateY(${e}px) translateZ(${t}px) scaleX(.24) scaleY(.18)`},children:[i.jsx("div",{className:`${r} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(40px)"}}),i.jsx("div",{className:`${r} absolute left-0 right-0 h-[240px] w-[80px]`,style:{transformStyle:"preserve-3d",transform:"rotateY(-90deg) translateX(40px) translateZ(-60px)"}}),i.jsx("div",{className:`${o} absolute left-0 right-0 h-[80px] w-[100px]`,style:{transformStyle:"preserve-3d",transform:"rotateX(90deg) translateY(40px) translateZ(-200px)"}}),i.jsx("div",{className:`${n} absolute right-0 top-0 h-[240px] w-[100px]`,style:{transform:"translateZ(80px)"}})]});Ds.__docgenInfo={description:"",methods:[],displayName:"Banner"};const ks=()=>{const{hasNextPage:s,fetchNextPage:e,isPending:t,isFetchingNextPage:r,isError:o,workspaceList:n}=ys(),a=x.useRef(null);return x.useEffect(()=>{const d={root:null,rootMargin:"0px",threshold:.5},l=(u,p)=>{u.forEach(m=>{m.isIntersecting&&s&&(e(),p.unobserve(m.target))})},h=new IntersectionObserver(l,d);return a.current&&h.observe(a.current),()=>{a.current&&h.unobserve(a.current)}},[n]),i.jsxs("section",{className:"w-full max-w-[1128px] pb-48",children:[i.jsx(fe,{}),o?i.jsx(Ue,{}):n&&(n.length===0?i.jsx(me,{}):i.jsxs(Ce,{children:[i.jsx(pe,{workspaceList:n}),(t||r)&&i.jsx(xe,{skeletonNum:8})]})),!t&&!r&&s&&i.jsx("div",{ref:a,className:"h-3 w-full"})]})};ks.__docgenInfo={description:`@description +워크스페이스 헤더와 그리드를 감싸는 컨테이너 컴포넌트`,methods:[],displayName:"WorkspaceContainer"};const Ms=()=>{const{currentStep:s,setCurrentStep:e,closeCoachMark:t}=Qt(),r=Ct.length,o=document.querySelector(".blocklyToolboxDiv"),n=document.querySelector(".blocklyBlockCanvas"),a=()=>{s{s>0&&e(s-1)},l=()=>{localStorage.setItem("isCoachMarkDismissed","true"),t()};return x.useEffect(()=>{var u;const h=(u=te())==null?void 0:u.getToolbox();if(h){switch(s){case 0:h.clickTab("html");break;case 1:h.clickTab("css");break;case 2:h.clickTab("html")}o&&(s<=1?(o.classList.add("coachMarkHighlight"),n.classList.add("coachMarkHighlight")):(o.classList.remove("coachMarkHighlight"),n.classList.remove("coachMarkHighlight")))}},[s,o]),i.jsx("div",{className:"fixed inset-0 z-[100] flex items-center justify-center bg-black bg-opacity-70",children:i.jsxs("div",{className:"z-[99999] min-h-40 min-w-96 rounded-2xl bg-white p-6 pb-4 shadow-2xl",children:[i.jsx("h2",{className:"text-bold-sm mb-4 text-gray-200",children:Ct[s].title}),i.jsx("p",{className:"text-medium-md mb-6 whitespace-pre-line",children:Ct[s].content}),i.jsxs("div",{className:"flex items-center justify-between",children:[i.jsxs("div",{className:"text-bold-sm text-green-500",children:[s+1,"/",r]}),i.jsxs("div",{className:"flex gap-2",children:[i.jsx(ft,{onClick:l,disable:s===r,className:"text-bold-sm h-8 w-16",variant:"outlined",children:"그만 보기"}),i.jsx(ft,{className:"text-bold-sm h-8 w-16",onClick:d,disable:s===0,children:"이전"}),i.jsx(ft,{onClick:s<4?a:t,disable:s===r,className:"text-bold-sm h-8 w-16",children:s<4?"다음":"시작하기"})]})]})]})})};Ms.__docgenInfo={description:"",methods:[],displayName:"CoachMark"};const gt="72",Rs="53",Ut="47",As="100";class Bs extends Ie{constructor(t){super(t);y(this,"customWorkspace");this.customWorkspace=t}createDom(){const t=super.createDom(),r=d=>{d.setAttribute("width",gt),d.setAttribute("height",As),d.setAttribute("y","0"),d.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/trashcan.png")},o=(d,l,h,u)=>{d.setAttribute("width",l),d.setAttribute("height",h),u&&d.setAttribute("y",u)},n=t.querySelectorAll("image");n.length===2&&n.forEach(r);const a=t.querySelectorAll("clipPath");if(a.length===2){const d=a[0].querySelector("rect");d&&o(d,gt,Rs,Ut);const l=a[1].querySelector("rect");l&&o(l,gt,Ut)}return t}position(t,r){super.position(t,r);const o=document.querySelector(".blocklyTrash");if(o){const n=o.getAttribute("transform");if(n){const a=n.match(/translate\(([^,]+),\s*([^)]+)\)/);if(a){const d=parseFloat(a[1]);let l=parseFloat(a[2]);l-=20,o.setAttribute("transform",`translate(${d}, ${l})`)}}}}}class Hs extends Oe{constructor(t){super(t);y(this,"zoomInGroupSVG",null);y(this,"zoomOutGroupSVG",null);y(this,"zoomResetGroupSVG",null);y(this,"customWorkspace");this.customWorkspace=t}createDom(){const t=super.createDom();if(this.zoomInGroupSVG=t.querySelector(".blocklyZoomIn"),this.zoomInGroupSVG){const r=this.zoomInGroupSVG.querySelector("image");r&&r.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/sprites.png")}if(this.zoomOutGroupSVG=t.querySelector(".blocklyZoomOut"),this.zoomOutGroupSVG){const r=this.zoomOutGroupSVG.querySelector("image");r&&r.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/sprites.png")}if(this.zoomResetGroupSVG=t.querySelector(".blocklyZoomReset"),this.zoomResetGroupSVG){const r=this.zoomResetGroupSVG.querySelector("image");r&&r.setAttribute("xlink:href","https://kr.object.ncloudstorage.com/boolock-storage/static/sprites.png")}return t}position(t,r){var _,k,M,I;if(!(this.zoomInGroupSVG&&this.zoomOutGroupSVG&&this.zoomResetGroupSVG))return;const o=we,n=0,a=8,d=32,l=32,h=12,u=12,p={horizontal:1,vertical:0};let m=n+2*l;this.zoomResetGroupSVG&&(m+=a+l);const C=o.getStartPositionRect(p,new ee.Size(m,d),u,h,t,this.customWorkspace),T=o.bumpDirection.DOWN,v=o.bumpPositionRect(C,u,T,r),L=this.zoomResetGroupSVG?a+l:0;(_=this.zoomInGroupSVG)==null||_.setAttribute("transform",`translate(${L}, 0)`);const F=L+n+l;(k=this.zoomOutGroupSVG)==null||k.setAttribute("transform",`translate(${F}, 0)`),(I=(M=this.zoomInGroupSVG)==null?void 0:M.parentElement)==null||I.setAttribute("transform","translate("+v.left+","+v.top+")")}}class Ps extends Ee{constructor(t){super(t);y(this,"tabsConfig_");y(this,"currentTabId_");y(this,"tabContainer_",null);y(this,"contentsContainer_",null);y(this,"contentArea_",null);y(this,"flyout_",null)}init(){super.init();const t=this.getFlyout();if(!t)throw new Error("Flyout이 초기화되지 않았습니다. Toolbox 생성 시 Flyout 설정이 필요합니다.");if(!this.contentsContainer_)throw new Error("contentsContainer가 초기화되지 않았습니다. DOM 요소 생성이 필요합니다.");const r=tt.createElement("div",{class:"contentArea"});r.prepend(t.createDom("svg")),this.contentArea_=r,this.contentsContainer_.prepend(r)}createDom_(t){const r=t.getParentSvg(),o=this.createContainer_();return r.parentNode.insertBefore(o,r),this.tabContainer_=this.initTabContainer_(),o.appendChild(this.tabContainer_),this.contentsContainer_=this.initContentContainer_(),o.appendChild(this.contentsContainer_),this.contentsDiv_=this.createContentsContainer_(),this.contentsDiv_.tabIndex=0,this.contentsContainer_.appendChild(this.contentsDiv_),this.attachEvents_(o,this.contentsDiv_),o}clickTab(t){const r=Array.from(this.tabContainer_.children).find(o=>o.dataset.id===t);r&&this.selectTab_(t,r)}setConfig(t){const r=this.getFlyout();if(!r)throw new Error("Flyout이 초기화되지 않았습니다. tab을 생성한 이후 Flyout의 위치를 변경하기 위해 Flyout이 초기화되어 있어야 합니다.");this.tabsConfig_=t.tabs,this.currentTabId_=t.defaultSelectedTab,this.initTabs_(),r.position()}getContentHeight(){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다. 높이 계산을 위해서는 ContentArea가 초기화되어야 합니다.");const t=this.contentArea_.getBoundingClientRect(),r=this.contentArea_.children;let o=0;for(const n of r){if(n.classList.contains("blocklyFlyout"))break;const d=n.getBoundingClientRect().bottom-t.top,l=window.getComputedStyle(n),h=parseFloat(l.marginBottom);o=Math.max(o,d+h)}return o}getContentAreaMetrics(){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다. ContentArea의 width와 height를 계산하기 위해 ContentArea가 초기화되어야 합니다.");const t=this.contentArea_.getBoundingClientRect();return{width:t.width,height:t.height}}addElementToContentArea(t,r=!1){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다.");r?this.contentArea_.prepend(t):this.contentArea_.appendChild(t)}initTabContainer_(){return tt.createElement("div",{class:"toolboxTabs"})}initContentContainer_(){return tt.createElement("div",{class:"contentContainer"})}initTabs_(){if(!this.HtmlDiv||!this.tabContainer_)throw new Error("HtmlDiv나 ContentArea가 초기화되지 않았습니다.");Object.entries(this.tabsConfig_).forEach(([t,r])=>{const o=this.createTab_(r.label,t);this.currentTabId_&&this.currentTabId_===t&&this.selectTab_(t,o),o.addEventListener("click",()=>this.selectTab_(t,o)),this.tabContainer_.appendChild(o)})}createTab_(t,r){const o=tt.createElement("div",{class:"toolboxTab"});return o.dataset.id=r.toString(),o.appendChild(this.createLabel_(t)),o}createLabel_(t){const r=tt.createElement("span",{class:"toolboxTabLabel"});return r.textContent=t,r}selectTab_(t,r){if(!this.workspace_||!this.tabsConfig_)return;this.currentTabId_=t;const o=this.tabsConfig_[t];if(this.flyout_&&this.flyout_.dispose(),this.flyout_=this.createFlyoutByRegistry_(o.flyoutRegistryName||dt.registryName),!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다.");this.clearContentArea_(),this.contentArea_.prepend(this.flyout_.createDom("svg")),this.flyout_.init(this.workspace_),this.workspace_.updateToolbox(o.toolboxConfig),Array.from(this.tabContainer_.children).forEach(n=>{n.classList.remove("tabSelected")}),r.classList.add("tabSelected"),o.toolboxConfig.kind==="categoryToolbox"&&this.getToolboxItems().length!==0&&this.setSelectedItem(this.getToolboxItems()[0])}createFlyoutByRegistry_(t){const r=this.workspace_,o=new Le({parentWorkspace:r,rtl:r.RTL,oneBasedIndex:r.options.oneBasedIndex,horizontalLayout:r.horizontalLayout,renderer:r.options.renderer,rendererOverrides:r.options.rendererOverrides,move:{scrollbars:!0}});o.toolboxPosition=r.options.toolboxPosition;const n=G.getClass(G.Type.FLYOUTS_VERTICAL_TOOLBOX,t);return new n(o)}clearContentArea_(){if(!this.contentArea_)throw new Error("ContentArea가 초기화되지 않았습니다.");this.contentArea_.innerHTML=""}}se.register(` +.toolboxTabs { + display: flex; + width: 24rem; /* 96 * 0.25rem */ +} + +.toolboxTab { + font-weight: 600; /* Text-semibold-md */ + display: flex; + flex: 1; + cursor: pointer; + justify-content: center; + border-top-left-radius: 0.5rem; /* rounded-t-lg */ + border-top-right-radius: 0.5rem; /* rounded-t-lg */ + background-color: white; /* bg-gray-50 */ + padding: 0.75rem; /* py-3 */ + color: #56687A; /* text-gray-400 */ +} + +.tabSelected { + font-weight: 700; /* Text-bold-md */ + flex: 1; + border-top-left-radius: 0.5rem; /* rounded-t-lg */ + border-top-right-radius: 0.5rem; /* rounded-t-lg */ + background-color: #3b82f6; /* bg-blue-500 */ + padding: 0.75rem; /* py-3 */ + color: #ffffff; /* text-white */ +} + +.contentContainer { + display: flex; + width: 100%; + height: 100%; + background-color: white; +} + +.contentArea { + width: 100%; + height: 100%; + overflow-y: scroll; +} +`);const Fs=(s,e)=>{const t=document.createElement("p");t.style.whiteSpace="pre-wrap",t.style.fontFamily="SUIT Variable",t.textContent=e.getTooltip(),s.appendChild(t)};let xt="";class js extends re{constructor(e,t,r){super(e,t,r)}addColourBorder_(e){this.rowDiv_.style.color=e}setSelected(e){if(e){if(this.rowDiv_.id!==xt){xt=this.rowDiv_.id;const t=this.parentToolbox_;Object.values(t.contentMap_).forEach(o=>{o.rowDiv_.style.color=o.colour_,o.rowDiv_.style.backgroundColor="white"})}this.rowDiv_.style.backgroundColor=this.colour_,this.rowDiv_.style.color="white"}else{if(this.rowDiv_.id===xt)return;this.rowDiv_.style.backgroundColor="white",this.rowDiv_.style.color=this.colour_}}createIconDom_(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("width","24"),e.setAttribute("height","24"),e.setAttribute("viewBox","0 0 24 24");const t=document.createElementNS("http://www.w3.org/2000/svg","path");return $t[this.name_]&&t.setAttribute("d",$t[this.name_]),t.setAttribute("fill","currentColor"),e.appendChild(t),e}}const et=ee.svgPaths;class Gs extends kt.ConstantProvider{constructor(){super(),this.NOTCH_WIDTH=6*this.GRID_UNIT,this.NOTCH_HEIGHT=2*this.GRID_UNIT,this.NOTCH_OFFSET_LEFT=2*this.GRID_UNIT/3,this.CORNER_RADIUS=2*this.GRID_UNIT/3,this.FIELD_TEXT_FONTFAMILY="SUIT Variable",this.FIELD_TEXT_FONTWEIGHT="bold",this.EMPTY_INLINE_INPUT_PADDING=50,this.MIN_BLOCK_WIDTH=56,this.FIELD_BORDER_RECT_X_PADDING=7}makeNotch(){const e=this.NOTCH_WIDTH,t=this.NOTCH_HEIGHT;return{type:this.SHAPES.NOTCH,width:e,height:t,pathLeft:"h 0 c 1 0 1 0.5 2 2 l 3 5 c 1 1 2 1 4 0 l 10 -6 c 2 -1 3 -1 5 -1",pathRight:"c -2 0 -3 0 -5 1 l -10 6 c -2 1 -3 1 -4 0 l -3 -5 c -0.5 -1 -1 -2 -2 -2"}}makeRounded(){const e=this.MAX_DYNAMIC_CONNECTION_SHAPE_WIDTH,t=e*1.5;function r(o,n,a){let d=o>t?o-t:0;const l=o>t?t:o,h=l/8;d+=l/8*6;const u=a===n?"0":"1";return et.arc("a","0 0,"+u,h,et.point((a?1:-1)*h,(n?-1:1)*h))+et.lineOnAxis("v",(n?-1:1)*d)+et.arc("a","0 0,"+u,h,et.point((a?-1:1)*h,(n?-1:1)*h))}return{type:this.SHAPES.ROUND,isDynamic:!0,width(o){const n=o/3.5;return n>e?e:n-6},height(o){return o},connectionOffsetY(o){return o/2},connectionOffsetX(o){return-o},pathDown(o){return r(o,!1,!1)},pathUp(o){return r(o,!0,!1)},pathRightDown(o){return r(o,!1,!0)},pathRightUp(o){return r(o,!1,!0)}}}getCSS_(e){return[...super.getCSS_(e),`${e} .blocklyText {`,"fill: #F4F8FA;","}"]}}const bt=oe.Types;class Ws extends kt.RenderInfo{constructor(t,r){super(t,r);y(this,"MIN_WIDTH",160);y(this,"MAX_WIDTH",0);y(this,"MAX_HEIGHT",0);y(this,"PADDING_EMPTY",0);y(this,"PADDING_DEFAULT",35);y(this,"PADDING_LEFT",14);y(this,"PADDING_RIGHT",10);y(this,"WIDTH_DIFF",this.MIN_WIDTH-110)}finalize_(){super.finalize_(),this.initDynamicProps();let t=this.topRow.width,r=!1;for(let o=0;o<2;o++)this.rows.forEach(n=>{if(n.hasInlineInput&&n.elements.length===5)t=this.handleInlineInput(n,t),r=!0;else{const a=n.elements.some(h=>bt.isField(h)&&h.field instanceof _t),d=n.elements.some(h=>bt.isField(h)&&h.field instanceof qt),l=n.elements.some(h=>bt.isField(h)&&h.field instanceof Jt);a||l?(t=this.handleCustomInput(n,t),r=!0):d?(t=this.handleDropdown(n,t),r=!0):t=Math.max(t,this.MIN_WIDTH)}});this.updateWidths(t,r)}initDynamicProps(){this.MAX_WIDTH=this.constants_.MAX_DYNAMIC_CONNECTION_SHAPE_WIDTH,this.MAX_HEIGHT=this.MAX_WIDTH*1.5,this.PADDING_EMPTY=this.constants_.EMPTY_INLINE_INPUT_PADDING}handleInlineInput(t,r){const o=t.elements[1],n=t.elements[t.elements.length-2],d=Math.min(n.height,this.MAX_HEIGHT)/4,l=o.width,h=n.width,u=this.PADDING_LEFT+l+this.PADDING_DEFAULT+h+this.PADDING_RIGHT;let p=Math.max(u,this.MIN_WIDTH,r);const m=h-(d+this.PADDING_EMPTY);let C=0;if(m){const T=m>this.WIDTH_DIFF?(m+this.WIDTH_DIFF)/2:m;p+=T,C=p-(l+h+this.PADDING_LEFT+this.PADDING_RIGHT)-T}else C=p-(l+h+this.PADDING_LEFT+this.PADDING_RIGHT);return n.xPos=l+(C>this.PADDING_DEFAULT?C:this.PADDING_DEFAULT)+this.PADDING_LEFT,t.width=p>this.MIN_WIDTH?n.xPos+h+this.PADDING_RIGHT:this.MIN_WIDTH,Math.max(r,t.width)}handleCustomInput(t,r){const o=t.elements[t.elements.length-2],a=(t.elements.length>3?t.elements[1]:{width:0,xPos:8}).width,d=o.width,l=this.PADDING_LEFT+a+this.PADDING_DEFAULT+this.PADDING_RIGHT,h=l+d;return os(o)&&h3?t.elements[1]:{width:0,xPos:8}).width,d=o.width,l=this.PADDING_LEFT+a+this.PADDING_DEFAULT+this.PADDING_RIGHT+d,h=Math.max(this.MIN_WIDTH,l),u=Math.max(h,r);if(h==u)return o.xPos=a+this.PADDING_DEFAULT+this.PADDING_LEFT,t.width=Math.max(u,this.MIN_WIDTH),t.width;const p=u-h;return o.xPos=a+this.PADDING_DEFAULT+this.PADDING_LEFT+p,t.width=u,t.width}updateWidths(t,r){if(t>this.topRow.width){const o=t-this.topRow.width,n=o>this.WIDTH_DIFF&&r?(o+this.WIDTH_DIFF)/2:o;this.topRow.elements[this.topRow.elements.length-2].width+=n,this.bottomRow.elements[this.bottomRow.elements.length-2].width+=n,this.rows.forEach(a=>{a.hasStatement&&(a.width+=n)})}}}class Vs extends kt.Renderer{constructor(e){super(e)}makeConstants_(){return new Gs}makeRenderInfo_(e){return new Ws(this,e)}}const $s=()=>{oe.register("boolock",Vs),G.register(G.Type.TOOLBOX_ITEM,re.registrationName,js,!0),G.register(G.Type.FLYOUTS_VERTICAL_TOOLBOX,dt.registryName,dt,!0),G.register(G.Type.FLYOUTS_VERTICAL_TOOLBOX,Bt.registryName,Bt,!0),se.register(` + .blocklyZoom>image, .blocklyZoom>svg>image { + opacity: .6; + } + + .blocklyZoom>image:hover, .blocklyZoom>svg>image:hover { + opacity: .8; + } + + .blocklyZoom>image:active, .blocklyZoom>svg>image:active { + opacity: 1; + } + `)};for(const s in ct)Object.prototype.hasOwnProperty.call(ct,s)&&delete ct[s];$s();Ss(Ne);De.setCustomTooltip(Fs);ut.prototype.addZoomControls=function(){this.zoomControls_=new Hs(this);const s=this.zoomControls_.createDom();this.svgGroup_.appendChild(s)};ut.newTrashcan=function(s){return new Bs(s)};ut.prototype.addTrashcan=function(){this.trashcan=ut.newTrashcan(this);const s=this.trashcan.createDom();this.svgGroup_.insertBefore(s,this.getCanvas())};const Zs=()=>{const[s,e]=x.useState(""),[t,r]=x.useState(""),{totalCssPropertyObj:o}=Ft(),{workspace:n,setWorkspace:a,canvasInfo:d}=Ge(),{setIsBlockChanged:l}=We(),{setCurrentCssClassName:h}=Ft(),{findClassBlock:u}=Ve(),[p,m]=x.useState(0),[C,T]=x.useState(0),[v,L]=x.useState(null),F=x.useRef(!1);return x.useEffect(()=>{const _=ke("blocklyDiv",{plugins:{flyoutsVerticalToolbox:dt,toolbox:Ps},renderer:"boolock",toolboxPosition:"end",toolbox:Me,theme:Re,zoom:{controls:!0,wheel:!0,startScale:1,maxScale:3,minScale:.3,scaleSpeed:1.2},maxTrashcanContents:0});_.getToolbox().setConfig(Ae),vs(_),_.clearUndo();const k=I=>{if(I.type===A.BLOCK_CREATE||I.type===A.BLOCK_MOVE||I.type===A.BLOCK_CHANGE||I.type===A.BLOCK_DELETE){const P=Ht(_),D=He(P);e(D)}(I.type===A.VIEWPORT_CHANGE||I.type===A.BLOCK_DRAG||I.type===A.BLOCK_FIELD_INTERMEDIATE_CHANGE||I.type===A.BLOCK_DELETE&&F.current)&&l(!0),I.type===A.FINISHED_LOADING&&(F.current=!0)},M=I=>{if(!(I instanceof A.Click))return;const P=_.getBlockById(I.blockId||"");if(L(P&&P.type.startsWith("CSS_")?P.type.replace(/^CSS_/,""):null),!P){m(0),T(0);return}const D=Ht(_),nt=Ls(D,P.id);m(nt);const O=ce(P);T(O)};return _.addChangeListener(k),_.addChangeListener(M),n===null&&a(_),()=>{_.removeChangeListener(k),_.removeChangeListener(M),_.dispose()}},[]),x.useEffect(()=>{if(!n)return;const _=k=>{if(k.type==="click"){const M=n.getBlockById(k.blockId);M&&u(M.type)&&h(M.type)}};return n.addChangeListener(_),()=>{n.removeChangeListener(_)}},[n]),x.useEffect(()=>{!n||!d||d.length===0||Be.workspaces.load(JSON.parse(d),n)},[n,d]),x.useEffect(()=>{r(Is(o))},[s,o]),i.jsxs("div",{className:"flex flex-1",children:[i.jsxs("div",{className:"flex h-[calc(100vh-56px)] w-[32rem] flex-shrink-0 flex-col",children:[i.jsx(ge,{htmlCode:s,cssCode:t,selectedBlockStartLine:p,selectedBlockLength:C,selectedBlockType:v}),i.jsx(he,{})]}),i.jsx("div",{id:"blocklyDiv",className:"h-full w-full"})]})};Zs.__docgenInfo={description:`@description +블록 코딩을 할 수 있고 웹사이트, HTML, CSS 코드를 미리보기 할 수 있는 컴포넌트`,methods:[],displayName:"WorkspaceContent"};const he=()=>{const{currentStep:s}=Qt();return i.jsxs("section",{className:`flex h-[26rem] w-full flex-col ${s===2?"z-[99998] bg-white":""}`,children:[i.jsx(Ke,{}),i.jsxs("div",{className:"flex h-[calc(100%-48px)] w-full overflow-hidden",children:[i.jsx(Ze,{}),i.jsx(Ye,{})]})]})};he.__docgenInfo={description:`@description +CSS 클래스를 선택하고 CSS 속성을 선택할 수 있는 컴포넌트`,methods:[],displayName:"CssPropsSelectBox"};const Ys=()=>{const{isModalOpen:s,nowImage:e,setIsModalOpen:t,updateImageMap:r,nowId:o}=$e(),[n,a]=x.useState(e);x.useEffect(()=>{a(e)},[e]);const d=()=>{const l=te();if(!l)return at.error("워크스페이스를 찾을 수 없습니다.");const h=l.getBlockById(o);if(!h)return at.error("블록을 찾을 수 없습니다.");const u=h.getField("SRC");if(!u)return at.error("이미지 필드를 찾을 수 없습니다.");u.setValue(n),r(n),at.success("이미지가 성공적으로 저장되었습니다."),t(!1)};return i.jsx(ze,{isOpen:s,children:i.jsxs("div",{className:"flex h-[42.5rem] w-[63rem] flex-col",children:[i.jsx("span",{className:"text-semibold-lg mb-6 w-full text-black",children:"이미지 선택하기"}),i.jsxs("div",{className:"flex h-full flex-row gap-6",children:[i.jsx(Pe,{tagSrc:n,onSetTagSrc:a}),i.jsxs("div",{className:"flex h-full w-full flex-col gap-3",children:[i.jsx("span",{className:"text-semibold-md w-full text-gray-400",children:"이미지 미리보기"}),i.jsx(Fe,{imageSrc:n}),i.jsx("input",{className:"w-full rounded-lg border-[1px] px-5 py-3 align-middle text-gray-200 focus:outline-none",value:n,onChange:l=>a(l.target.value)})]})]}),i.jsxs("div",{className:"mt-9 flex w-full flex-row justify-end gap-3",children:[i.jsx(Pt,{content:"닫기",isBlue:!1,onClick:()=>{t(!1)}}),i.jsx(Pt,{content:"이미지 선택하기",isBlue:!0,onClick:()=>d()})]})]})})};Ys.__docgenInfo={description:`@component +@description +이미지 업로드 및 태그 선택을 위한 모달 컴포넌트입니다. +사용자는 이미지를 업로드하거나, 태그를 선택하고, 업로드된 이미지를 저장할 수 있습니다.`,methods:[],displayName:"ImageTagModal"};export{Ds as B,he as C,Ys as I,ns as Q,ks as W,Zs as a,Ms as b,bs as u}; diff --git a/assets/NotFound-CaO8nxSP.js b/assets/NotFound-C-NtJsGQ.js similarity index 65% rename from assets/NotFound-CaO8nxSP.js rename to assets/NotFound-C-NtJsGQ.js index 34cb226c..d4626a7c 100644 --- a/assets/NotFound-CaO8nxSP.js +++ b/assets/NotFound-C-NtJsGQ.js @@ -1,3 +1,3 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{H as r}from"./index.esm-zFJIz-4f.js";import"./GuidesBox-DLTeEQIO.js";import"./ImageTagModal-ByYYw5dL.js";import{H as s}from"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import"./PreviewBox-OTdHhW5-.js";import"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";const e=({description:o})=>t.jsxs(t.Fragment,{children:[t.jsx(s,{}),t.jsxs("div",{className:"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 transform flex-col items-center gap-6",children:[t.jsx("img",{src:"https://kr.object.ncloudstorage.com/boolock-storage/static/not_found.png",width:160,height:160,alt:"not_found"}),t.jsx("p",{className:"text-medium-md whitespace-pre-line text-center text-gray-200",children:o})]})]});e.__docgenInfo={description:"",methods:[],displayName:"ErrorContent",props:{description:{required:!0,tsType:{name:"string"},description:""}}};const i=()=>t.jsxs(t.Fragment,{children:[t.jsxs(r,{children:[t.jsx("title",{children:"BooLock - 페이지를 찾을 수 없음"}),t.jsx("meta",{name:"description",content:"요청한 페이지를 찾을 수 없습니다. 다른 페이지를 확인해 주세요."})]}),t.jsx(e,{description:`유효한 페이지가 아닙니다! +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{H as r}from"./index.esm-zFJIz-4f.js";import"./GuidesBox-Bzb74nGW.js";import"./ImageTagModal-C34yhzfe.js";import{H as s}from"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import"./PreviewBox-Bef_8RUk.js";import"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";const e=({description:o})=>t.jsxs(t.Fragment,{children:[t.jsx(s,{}),t.jsxs("div",{className:"absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 transform flex-col items-center gap-6",children:[t.jsx("img",{src:"https://kr.object.ncloudstorage.com/boolock-storage/static/not_found.png",width:160,height:160,alt:"not_found"}),t.jsx("p",{className:"text-medium-md whitespace-pre-line text-center text-gray-200",children:o})]})]});e.__docgenInfo={description:"",methods:[],displayName:"ErrorContent",props:{description:{required:!0,tsType:{name:"string"},description:""}}};const i=()=>t.jsxs(t.Fragment,{children:[t.jsxs(r,{children:[t.jsx("title",{children:"BooLock - 페이지를 찾을 수 없음"}),t.jsx("meta",{name:"description",content:"요청한 페이지를 찾을 수 없습니다. 다른 페이지를 확인해 주세요."})]}),t.jsx(e,{description:`유효한 페이지가 아닙니다! 다른 페이지에서 만나요!`})]});i.__docgenInfo={description:`@description 404 페이지 컴포넌트`,methods:[],displayName:"NotFound"};export{i as N}; diff --git a/assets/NotFound.stories-BEpMr66J.js b/assets/NotFound.stories-BEpMr66J.js deleted file mode 100644 index a14c68b5..00000000 --- a/assets/NotFound.stories-BEpMr66J.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{N as e}from"./NotFound-CaO8nxSP.js";import"./index-DRjF_FHU.js";import"./index.esm-zFJIz-4f.js";import"./GuidesBox-DLTeEQIO.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./ImageTagModal-ByYYw5dL.js";import"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-OTdHhW5-.js";import"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const U={title:"pages/NotFound",component:e,parameters:{layout:"fullscreen"},decorators:[i=>o.jsx("div",{className:"h-screen",children:o.jsx(i,{})})],tags:["autodocs"]},r={args:{}};var t,m,p;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const V=["Default"];export{r as Default,V as __namedExportsOrder,U as default}; diff --git a/assets/NotFound.stories-WmEQPvzs.js b/assets/NotFound.stories-WmEQPvzs.js new file mode 100644 index 00000000..7321b863 --- /dev/null +++ b/assets/NotFound.stories-WmEQPvzs.js @@ -0,0 +1,5 @@ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{N as e}from"./NotFound-C-NtJsGQ.js";import"./index-DRjF_FHU.js";import"./index.esm-zFJIz-4f.js";import"./GuidesBox-Bzb74nGW.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./ImageTagModal-C34yhzfe.js";import"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-Bef_8RUk.js";import"./useCoachMarkStore-BoVLoTcU.js";import"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const V={title:"pages/NotFound",component:e,parameters:{layout:"fullscreen"},decorators:[i=>o.jsx("div",{className:"h-screen",children:o.jsx(i,{})})],tags:["autodocs"]},r={args:{}};var t,m,p;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const W=["Default"];export{r as Default,W as __namedExportsOrder,V as default}; diff --git a/assets/PreviewBox-Bef_8RUk.js b/assets/PreviewBox-Bef_8RUk.js new file mode 100644 index 00000000..71efb91f --- /dev/null +++ b/assets/PreviewBox-Bef_8RUk.js @@ -0,0 +1,61 @@ +import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{r as f}from"./index-DRjF_FHU.js";import{h as T}from"./useImageModalStore-axAWps0d.js";import{_ as v}from"./index-D1AAVYfs.js";import{u as x}from"./useCoachMarkStore-BoVLoTcU.js";const j=` +html, body, div, span, header, section, nav, main, article, footer, p, strong, +h1, h2, h3, h4, h5, h6, small, br, em, i, blockquote, hr, input, button, +form, option, textarea, select, fieldset, legend, label, td, tr, th, +caption, table, ul, ol, li, a { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article, header, section, nav, main, footer { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} +`,L=i=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},f.createElement("mask",{id:"mask0_503_1523",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:0,width:24,height:24},f.createElement("rect",{width:24,height:24,fill:"currentColor"})),f.createElement("g",{mask:"url(#mask0_503_1523)"},f.createElement("path",{d:"M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6C4.28333 6 4.52083 6.09583 4.7125 6.2875C4.90417 6.47917 5 6.71667 5 7V20H15C15.2833 20 15.5208 20.0958 15.7125 20.2875C15.9042 20.4792 16 20.7167 16 21C16 21.2833 15.9042 21.5208 15.7125 21.7125C15.5208 21.9042 15.2833 22 15 22H5Z",fill:"currentColor"}))),q="_viewer_5mpew_1",H="_scrollContainer_5mpew_7",S="_dark_5mpew_13",E="_lineNumbers_5mpew_18",F="_lineNumber_5mpew_18",M="_lineHighlight_5mpew_28",A="_codeContent_5mpew_32",I="_tag_5mpew_37",D="_attribute_5mpew_41",V="_value_5mpew_45",P="_selector_5mpew_49",O="_property_5mpew_53",R="_newLine_5mpew_70",z="_fadeIn_5mpew_1",B="_blockHighlight_5mpew_74",m={viewer:q,scrollContainer:H,dark:S,lineNumbers:E,lineNumber:F,lineHighlight:M,codeContent:A,tag:I,attribute:D,value:V,selector:P,property:O,"property-value":"_property-value_5mpew_57",newLine:R,fadeIn:z,blockHighlight:B},N=({code:i,codeLineList:r,selectedBlockStartLine:o,selectedBlockLength:g,selectedBlockType:a})=>{const[t,s]=f.useState([]),[u,c]=f.useState([]);return f.useEffect(()=>{const e=[];r.forEach((d,l)=>{(!t[l]||t[l]!==d)&&e.push(l)}),c(e);const p=setTimeout(()=>c([]),1e3);return s(r),()=>clearTimeout(p)},[i]),n.jsx("div",{className:m.codeContent,children:n.jsx("pre",{children:n.jsx("code",{children:r.map((e,p)=>{const d=o&&g&&p+1>=o&&p+1{const[r,o]=f.useState(null),g=t=>{o(t)},a=()=>{o(null)};return n.jsx("div",{className:m.lineNumbers,children:i.map((t,s)=>n.jsx("div",{onMouseEnter:()=>g(s+1),onMouseLeave:a,className:`${m.lineNumber} ${r===s+1?m.lineHighlight:""}`,children:s+1},s))})};k.__docgenInfo={description:"",methods:[],displayName:"LineNumbers",props:{codeLineList:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};const G=(i,r,o)=>{const g=i.split(` +`);let a=!1;return g.map(s=>o&&s.includes(`.${o}`)?(a=!0,`${s}`):a&&!s.includes("}")?`${s}`:a&&s.includes("}")?(a=!1,`${s}`):s.replace(/([^\s{}]+)\s*{/g,(u,c)=>{const e=o&&c.includes(`.${o}`)?`${c}`:c;return`${e} {`}).replace(/([\w-]+):/g,(u,c)=>`  ${c}:`).replace(/:\s*([^;]+);/g,(u,c)=>`: ${c};`)).join(` +`).split(` +`).map(s=>` ${s}`).join(` +`)},K=(i,r,o)=>{const a=new DOMParser().parseFromString(i,"text/html"),t=(e,p)=>{const d=" ".repeat(p),l=`${e.tagName.toLowerCase()}`,b=Array.from(e.attributes).map(h=>{const $=h.name==="class"&&o&&h.value.includes(o)?h.value.replace(o,`${o}`):h.value;return`${h.name}="${$}"`}).join(" "),_=`${d}<${l}${b?" "+b:""}>`,y=`${d}</${l}>`,w=Array.from(e.childNodes).map(h=>u(h,p+1)).join("");return["br","hr","img"].includes(e.tagName.toLowerCase())?` +${d}<${l}${b?" "+b:""} />`:e.tagName.toLowerCase()==="head"?`${d}<${l}${b?" "+b:""}>${w.trim()}</${l}>`:w.trim()?` +${_} +${w} +${y}`:` +${_} +${y}`},s=(e,p)=>{var b;const d=(b=e.textContent)==null?void 0:b.trim(),l=" ".repeat(p);return d?` +${l}${d}`:""},u=(e,p=0)=>e.nodeType===Node.ELEMENT_NODE?t(e,p):e.nodeType===Node.TEXT_NODE?s(e,p):"";return u(a.documentElement,0).trim().split(` +`).map(e=>` ${e}`).join(` +`)},C=({code:i,type:r,theme:o,selectedBlockStartLine:g,selectedBlockLength:a,selectedBlockType:t})=>{const u=(r==="html"?K(i,m,t):G(i,m,t)).split(` +`).filter(e=>e.trim()!==""),{currentStep:c}=x();return n.jsx("div",{className:`${m.viewer} ${o==="dark"?m.dark:m.light} ${c===3?"z-[200] bg-white":""}`,children:n.jsxs("div",{className:m.scrollContainer,children:[n.jsx(k,{codeLineList:u}),n.jsx(N,{code:i,codeLineList:u,selectedBlockLength:a,selectedBlockStartLine:g,selectedBlockType:t})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CodeViewer",props:{code:{required:!0,tsType:{name:"string"},description:""},type:{required:!0,tsType:{name:"union",raw:"'html' | 'css'",elements:[{name:"literal",value:"'html'"},{name:"literal",value:"'css'"}]},description:""},theme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"}]},description:""},selectedBlockStartLine:{required:!1,tsType:{name:"number"},description:""},selectedBlockLength:{required:!1,tsType:{name:"number"},description:""},selectedBlockType:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""}}};const U=({htmlCode:i,cssCode:r,selectedBlockStartLine:o,selectedBlockLength:g,selectedBlockType:a})=>{const[t,s]=f.useState("preview"),{isResetCssChecked:u}=T(),{currentStep:c}=x(),e=` + + + + + `,d=``,l=i.indexOf(""),b=`${i.slice(0,l)}${e}${d}${i.slice(l)}`,_=async(w,h)=>{try{await navigator.clipboard.writeText(w),v.success(`${h} 코드가 복사되었습니다.`)}catch{v.error(`${h} 코드 복사에 실패했습니다.`)}},y=()=>{const w=t==="html"?i:r,h=t.toUpperCase();_(w,h)};return n.jsxs("section",{className:`flex h-[calc(100vh-475px)] flex-1 flex-col border-b border-gray-100 ${c===3?"z-[200]":""}`,children:[n.jsxs("nav",{className:"flex h-10 border-b border-gray-100",children:[n.jsx("button",{onClick:()=>s("preview"),className:`${t==="preview"?"bg-green-500 text-white":"bg-white text-gray-200"} h-full flex-1 border-r border-gray-100 bg-green-500`,children:"미리보기"}),n.jsx("button",{onClick:()=>s("html"),className:`${t==="html"?"bg-green-500 text-white":"bg-white text-gray-200"} h-full flex-1 border-r border-gray-100 bg-green-500`,children:"HTML"}),n.jsx("button",{onClick:()=>s("css"),className:`${t==="css"?"bg-green-500 text-white":"bg-white text-gray-200"} h-full flex-1 bg-green-500`,children:"CSS"})]}),n.jsxs("div",{className:"relative flex-1 overflow-hidden",children:[(t==="html"||t==="css")&&n.jsx("div",{className:"absolute right-4 top-5 z-50",children:n.jsx(L,{className:"h-6 w-6 cursor-pointer text-gray-300 hover:text-green-500",onClick:y})}),t==="preview"&&n.jsx("iframe",{srcDoc:b,className:"h-full w-full",title:"Preview",sandbox:"allow-same-origin allow-scripts allow-popups allow-top-navigation-by-user-activation"}),t==="html"&&n.jsx(C,{code:t==="html"?i:r,type:t,theme:"light",selectedBlockStartLine:o,selectedBlockLength:g,selectedBlockType:a}),t==="css"&&n.jsx(C,{code:r,type:"css",theme:"light",selectedBlockType:a})]})]})};U.__docgenInfo={description:`@description +웹사이트, HTML, CSS 코드 미리보기 박스 컴포넌트`,methods:[],displayName:"PreviewBox",props:{htmlCode:{required:!0,tsType:{name:"string"},description:""},cssCode:{required:!0,tsType:{name:"string"},description:""},selectedBlockStartLine:{required:!1,tsType:{name:"number"},description:""},selectedBlockLength:{required:!1,tsType:{name:"number"},description:""},selectedBlockType:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""}}};export{U as P}; diff --git a/assets/PreviewBox-OTdHhW5-.js b/assets/PreviewBox-OTdHhW5-.js deleted file mode 100644 index c2c2488b..00000000 --- a/assets/PreviewBox-OTdHhW5-.js +++ /dev/null @@ -1,61 +0,0 @@ -import{j as n}from"./jsx-runtime-DR9Q75dM.js";import{r as b}from"./index-DRjF_FHU.js";import{g as k}from"./useImageModalStore-jpOIQYA6.js";import{_ as $}from"./index-D1AAVYfs.js";const T=` -html, body, div, span, header, section, nav, main, article, footer, p, strong, -h1, h2, h3, h4, h5, h6, small, br, em, i, blockquote, hr, input, button, -form, option, textarea, select, fieldset, legend, label, td, tr, th, -caption, table, ul, ol, li, a { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} - -article, header, section, nav, main, footer { - display: block; -} - -body { - line-height: 1; -} - -ol, ul { - list-style: none; -} - -blockquote, q { - quotes: none; -} - -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} -`,j=o=>b.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},b.createElement("mask",{id:"mask0_503_1523",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:0,y:0,width:24,height:24},b.createElement("rect",{width:24,height:24,fill:"currentColor"})),b.createElement("g",{mask:"url(#mask0_503_1523)"},b.createElement("path",{d:"M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6C4.28333 6 4.52083 6.09583 4.7125 6.2875C4.90417 6.47917 5 6.71667 5 7V20H15C15.2833 20 15.5208 20.0958 15.7125 20.2875C15.9042 20.4792 16 20.7167 16 21C16 21.2833 15.9042 21.5208 15.7125 21.7125C15.5208 21.9042 15.2833 22 15 22H5Z",fill:"currentColor"}))),L="_viewer_5mpew_1",q="_scrollContainer_5mpew_7",H="_dark_5mpew_13",S="_lineNumbers_5mpew_18",E="_lineNumber_5mpew_18",F="_lineHighlight_5mpew_28",M="_codeContent_5mpew_32",A="_tag_5mpew_37",I="_attribute_5mpew_41",D="_value_5mpew_45",V="_selector_5mpew_49",P="_property_5mpew_53",O="_newLine_5mpew_70",R="_fadeIn_5mpew_1",z="_blockHighlight_5mpew_74",m={viewer:L,scrollContainer:q,dark:H,lineNumbers:S,lineNumber:E,lineHighlight:F,codeContent:M,tag:A,attribute:I,value:D,selector:V,property:P,"property-value":"_property-value_5mpew_57",newLine:O,fadeIn:R,blockHighlight:z},v=({code:o,codeLineList:r,selectedBlockStartLine:i,selectedBlockLength:h,selectedBlockType:a})=>{const[e,t]=b.useState([]),[u,c]=b.useState([]);return b.useEffect(()=>{const s=[];r.forEach((d,p)=>{(!e[p]||e[p]!==d)&&s.push(p)}),c(s);const l=setTimeout(()=>c([]),1e3);return t(r),()=>clearTimeout(l)},[o]),n.jsx("div",{className:m.codeContent,children:n.jsx("pre",{children:n.jsx("code",{children:r.map((s,l)=>{const d=i&&h&&l+1>=i&&l+1{const[r,i]=b.useState(null),h=e=>{i(e)},a=()=>{i(null)};return n.jsx("div",{className:m.lineNumbers,children:o.map((e,t)=>n.jsx("div",{onMouseEnter:()=>h(t+1),onMouseLeave:a,className:`${m.lineNumber} ${r===t+1?m.lineHighlight:""}`,children:t+1},t))})};x.__docgenInfo={description:"",methods:[],displayName:"LineNumbers",props:{codeLineList:{required:!0,tsType:{name:"Array",elements:[{name:"string"}],raw:"string[]"},description:""}}};const B=(o,r,i)=>{const h=o.split(` -`);let a=!1;return h.map(t=>i&&t.includes(`.${i}`)?(a=!0,`${t}`):a&&!t.includes("}")?`${t}`:a&&t.includes("}")?(a=!1,`${t}`):t.replace(/([^\s{}]+)\s*{/g,(u,c)=>{const s=i&&c.includes(`.${i}`)?`${c}`:c;return`${s} {`}).replace(/([\w-]+):/g,(u,c)=>`  ${c}:`).replace(/:\s*([^;]+);/g,(u,c)=>`: ${c};`)).join(` -`).split(` -`).map(t=>` ${t}`).join(` -`)},G=(o,r,i)=>{const a=new DOMParser().parseFromString(o,"text/html"),e=(s,l)=>{const d=" ".repeat(l),p=`${s.tagName.toLowerCase()}`,g=Array.from(s.attributes).map(w=>{const N=w.name==="class"&&i&&w.value.includes(i)?w.value.replace(i,`${i}`):w.value;return`${w.name}="${N}"`}).join(" "),y=`${d}<${p}${g?" "+g:""}>`,_=`${d}</${p}>`,f=Array.from(s.childNodes).map(w=>u(w,l+1)).join("");return["br","hr","img"].includes(s.tagName.toLowerCase())?` -${d}<${p}${g?" "+g:""} />`:s.tagName.toLowerCase()==="head"?`${d}<${p}${g?" "+g:""}>${f.trim()}</${p}>`:f.trim()?` -${y} -${f} -${_}`:` -${y} -${_}`},t=(s,l)=>{var g;const d=(g=s.textContent)==null?void 0:g.trim(),p=" ".repeat(l);return d?` -${p}${d}`:""},u=(s,l=0)=>s.nodeType===Node.ELEMENT_NODE?e(s,l):s.nodeType===Node.TEXT_NODE?t(s,l):"";return u(a.documentElement,0).trim().split(` -`).map(s=>` ${s}`).join(` -`)},C=({code:o,type:r,theme:i,selectedBlockStartLine:h,selectedBlockLength:a,selectedBlockType:e})=>{const u=(r==="html"?G(o,m,e):B(o,m,e)).split(` -`).filter(c=>c.trim()!=="");return n.jsx("div",{className:`${m.viewer} ${i==="dark"?m.dark:m.light}`,children:n.jsxs("div",{className:m.scrollContainer,children:[n.jsx(x,{codeLineList:u}),n.jsx(v,{code:o,codeLineList:u,selectedBlockLength:a,selectedBlockStartLine:h,selectedBlockType:e})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CodeViewer",props:{code:{required:!0,tsType:{name:"string"},description:""},type:{required:!0,tsType:{name:"union",raw:"'html' | 'css'",elements:[{name:"literal",value:"'html'"},{name:"literal",value:"'css'"}]},description:""},theme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"}]},description:""},selectedBlockStartLine:{required:!1,tsType:{name:"number"},description:""},selectedBlockLength:{required:!1,tsType:{name:"number"},description:""},selectedBlockType:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""}}};const K=({htmlCode:o,cssCode:r,selectedBlockStartLine:i,selectedBlockLength:h,selectedBlockType:a})=>{const[e,t]=b.useState("preview"),{isResetCssChecked:u}=k(),c=` - - - - - `,l=``,d=o.indexOf(""),p=`${o.slice(0,d)}${c}${l}${o.slice(d)}`,g=async(_,f)=>{try{await navigator.clipboard.writeText(_),$.success(`${f} 코드가 복사되었습니다.`)}catch{$.error(`${f} 코드 복사에 실패했습니다.`)}},y=()=>{const _=e==="html"?o:r,f=e.toUpperCase();g(_,f)};return n.jsxs("section",{className:"flex h-[calc(100vh-475px)] flex-1 flex-col border-b border-gray-100",children:[n.jsxs("nav",{className:"flex h-10 border-b border-gray-100",children:[n.jsx("button",{onClick:()=>t("preview"),className:`${e==="preview"?"bg-green-500 text-white":"bg-white text-gray-200"} h-full flex-1 border-r border-gray-100 bg-green-500`,children:"미리보기"}),n.jsx("button",{onClick:()=>t("html"),className:`${e==="html"?"bg-green-500 text-white":"bg-white text-gray-200"} h-full flex-1 border-r border-gray-100 bg-green-500`,children:"HTML"}),n.jsx("button",{onClick:()=>t("css"),className:`${e==="css"?"bg-green-500 text-white":"bg-white text-gray-200"} h-full flex-1 bg-green-500`,children:"CSS"})]}),n.jsxs("div",{className:"relative flex-1 overflow-hidden",children:[(e==="html"||e==="css")&&n.jsx("div",{className:"absolute right-4 top-5 z-50",children:n.jsx(j,{className:"h-6 w-6 cursor-pointer text-gray-300 hover:text-green-500",onClick:y})}),e==="preview"&&n.jsx("iframe",{srcDoc:p,className:"h-full w-full",title:"Preview",sandbox:"allow-same-origin allow-scripts allow-popups allow-top-navigation-by-user-activation"}),e==="html"&&n.jsx(C,{code:e==="html"?o:r,type:e,theme:"light",selectedBlockStartLine:i,selectedBlockLength:h,selectedBlockType:a}),e==="css"&&n.jsx(C,{code:r,type:"css",theme:"light",selectedBlockType:a})]})]})};K.__docgenInfo={description:`@description -웹사이트, HTML, CSS 코드 미리보기 박스 컴포넌트`,methods:[],displayName:"PreviewBox",props:{htmlCode:{required:!0,tsType:{name:"string"},description:""},cssCode:{required:!0,tsType:{name:"string"},description:""},selectedBlockStartLine:{required:!1,tsType:{name:"number"},description:""},selectedBlockLength:{required:!1,tsType:{name:"number"},description:""},selectedBlockType:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""}}};export{K as P}; diff --git a/assets/PreviewBox.stories-CEfDDJTv.js b/assets/PreviewBox.stories-C0mVSaBs.js similarity index 67% rename from assets/PreviewBox.stories-CEfDDJTv.js rename to assets/PreviewBox.stories-C0mVSaBs.js index 8cddd6a7..b5d104d8 100644 --- a/assets/PreviewBox.stories-CEfDDJTv.js +++ b/assets/PreviewBox.stories-C0mVSaBs.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{P as s}from"./PreviewBox-OTdHhW5-.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./index-D1AAVYfs.js";const h={title:"widgets/workspace/PreviewBox",component:s,parameters:{layout:"centered"},decorators:[n=>o.jsx("div",{style:{width:"500px",height:"100%"},children:o.jsx(n,{})})],tags:["autodocs"]},e={args:{htmlCode:` +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{P as s}from"./PreviewBox-Bef_8RUk.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./index-D1AAVYfs.js";import"./useCoachMarkStore-BoVLoTcU.js";const h={title:"widgets/workspace/PreviewBox",component:s,parameters:{layout:"centered"},decorators:[n=>o.jsx("div",{style:{width:"500px",height:"100%"},children:o.jsx(n,{})})],tags:["autodocs"]},e={args:{htmlCode:`
@@ -33,4 +33,4 @@ import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{P as s}from"./PreviewBox-OT } \` } -}`,...(a=(r=e.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};const p=["Default"];export{e as Default,p as __namedExportsOrder,h as default}; +}`,...(a=(r=e.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};const f=["Default"];export{e as Default,f as __namedExportsOrder,h as default}; diff --git a/assets/RedoButton.stories-CWJ7dMqD.js b/assets/RedoButton.stories-BhP7AN0V.js similarity index 76% rename from assets/RedoButton.stories-CWJ7dMqD.js rename to assets/RedoButton.stories-BhP7AN0V.js index 3a990a5b..44064d85 100644 --- a/assets/RedoButton.stories-CWJ7dMqD.js +++ b/assets/RedoButton.stories-BhP7AN0V.js @@ -1 +1 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{R as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a as c}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const A={title:"entities/workspace/RedoButton",component:s,parameters:{layout:"centered"},decorators:[m=>{const p=a=>{a.preventDefault(),c("redo button clicked")()};return o.jsx("div",{onClick:p,children:o.jsx(m,{})})}],tags:["autodocs"]},t={};var r,e,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(i=(e=t.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const F=["Default"];export{t as Default,F as __namedExportsOrder,A as default}; +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{R as s}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a as c}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const A={title:"entities/workspace/RedoButton",component:s,parameters:{layout:"centered"},decorators:[m=>{const p=a=>{a.preventDefault(),c("redo button clicked")()};return o.jsx("div",{onClick:p,children:o.jsx(m,{})})}],tags:["autodocs"]},t={};var r,e,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(i=(e=t.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const F=["Default"];export{t as Default,F as __namedExportsOrder,A as default}; diff --git a/assets/SaveButton.stories-GItKfrlr.js b/assets/SaveButton.stories-DmOFC5xv.js similarity index 76% rename from assets/SaveButton.stories-GItKfrlr.js rename to assets/SaveButton.stories-DmOFC5xv.js index 2f561a8e..7aca11eb 100644 --- a/assets/SaveButton.stories-GItKfrlr.js +++ b/assets/SaveButton.stories-DmOFC5xv.js @@ -1 +1 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{S as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a as c}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const A={title:"entities/workspace/SaveButton",component:s,parameters:{layout:"centered"},decorators:[m=>{const p=a=>{a.preventDefault(),c("save button clicked")()};return o.jsx("div",{onClick:p,children:o.jsx(m,{})})}],tags:["autodocs"]},t={};var r,e,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(i=(e=t.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const F=["Default"];export{t as Default,F as __namedExportsOrder,A as default}; +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{S as s}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a as c}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const A={title:"entities/workspace/SaveButton",component:s,parameters:{layout:"centered"},decorators:[m=>{const p=a=>{a.preventDefault(),c("save button clicked")()};return o.jsx("div",{onClick:p,children:o.jsx(m,{})})}],tags:["autodocs"]},t={};var r,e,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(i=(e=t.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const F=["Default"];export{t as Default,F as __namedExportsOrder,A as default}; diff --git a/assets/Select.stories-txnVrNv9.js b/assets/Select.stories-C_d1O5bO.js similarity index 80% rename from assets/Select.stories-txnVrNv9.js rename to assets/Select.stories-C_d1O5bO.js index 5ece4823..255a2df7 100644 --- a/assets/Select.stories-txnVrNv9.js +++ b/assets/Select.stories-C_d1O5bO.js @@ -1,4 +1,4 @@ -import{d as n}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const k={title:"shared/ui/Select/Select",component:n,parameters:{layout:"centered"},tags:["autodocs"]},o={args:{options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"},{value:"3",label:"Option 3"}],value:"",placeholder:"Select an option",onChange:a=>console.log(a)}};var e,t,r;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:`{ +import{d as n}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const k={title:"shared/ui/Select/Select",component:n,parameters:{layout:"centered"},tags:["autodocs"]},o={args:{options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"},{value:"3",label:"Option 3"}],value:"",placeholder:"Select an option",onChange:a=>console.log(a)}};var e,t,r;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:`{ args: { options: [{ value: '1', diff --git a/assets/Spinner-XIXl0-gb.js b/assets/Spinner-D5uwPRVI.js similarity index 97% rename from assets/Spinner-XIXl0-gb.js rename to assets/Spinner-D5uwPRVI.js index b757409e..ff3f9875 100644 --- a/assets/Spinner-XIXl0-gb.js +++ b/assets/Spinner-D5uwPRVI.js @@ -1,3 +1,3 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import"./useImageModalStore-jpOIQYA6.js";import{r as a}from"./index-DRjF_FHU.js";const i={1:"w-1",2:"w-2",3:"w-3",4:"w-4",5:"w-5",6:"w-6",7:"w-7",8:"w-8",9:"w-9",10:"w-10"},o={1:"h-1",2:"h-2",3:"h-3",4:"h-4",5:"h-5",6:"h-6",7:"h-7",8:"h-8",9:"h-9",10:"h-10"},u={grayWhite:"fill-gray-white",gray200:"fill-gray-200",green500:"fill-green-500"},m={gray200:"text-gray-200"},s=e=>a.createElement("svg",{viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),a.createElement("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})),p=({width:e,height:l,foregroundColor:r,backgroundColor:n})=>t.jsx(s,{className:`inline ${i[e]} ${o[l]} animate-spin ${u[r]} ${m[n]}`});p.__docgenInfo={description:`@description +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import"./useImageModalStore-axAWps0d.js";import{r as a}from"./index-DRjF_FHU.js";const i={1:"w-1",2:"w-2",3:"w-3",4:"w-4",5:"w-5",6:"w-6",7:"w-7",8:"w-8",9:"w-9",10:"w-10"},o={1:"h-1",2:"h-2",3:"h-3",4:"h-4",5:"h-5",6:"h-6",7:"h-7",8:"h-8",9:"h-9",10:"h-10"},u={grayWhite:"fill-gray-white",gray200:"fill-gray-200",green500:"fill-green-500"},m={gray200:"text-gray-200"},s=e=>a.createElement("svg",{viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},a.createElement("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),a.createElement("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})),p=({width:e,height:l,foregroundColor:r,backgroundColor:n})=>t.jsx(s,{className:`inline ${i[e]} ${o[l]} animate-spin ${u[r]} ${m[n]}`});p.__docgenInfo={description:`@description 스피너 컴포넌트 width, height, foregroundColor, backgroundColor에 들어가는 값은 spinnerStyle.ts에 정의된 객체의 키값만 들어갈 수 있습니다.`,methods:[],displayName:"Spinner",props:{width:{required:!0,tsType:{name:"union",raw:"keyof typeof w",elements:[{name:"literal",value:"1"},{name:"literal",value:"2"},{name:"literal",value:"3"},{name:"literal",value:"4"},{name:"literal",value:"5"},{name:"literal",value:"6"},{name:"literal",value:"7"},{name:"literal",value:"8"},{name:"literal",value:"9"},{name:"literal",value:"10"}]},description:""},height:{required:!0,tsType:{name:"union",raw:"keyof typeof h",elements:[{name:"literal",value:"1"},{name:"literal",value:"2"},{name:"literal",value:"3"},{name:"literal",value:"4"},{name:"literal",value:"5"},{name:"literal",value:"6"},{name:"literal",value:"7"},{name:"literal",value:"8"},{name:"literal",value:"9"},{name:"literal",value:"10"}]},description:""},foregroundColor:{required:!0,tsType:{name:"union",raw:"keyof typeof foreground",elements:[{name:"literal",value:"grayWhite"},{name:"literal",value:"gray200"},{name:"literal",value:"green500"}]},description:""},backgroundColor:{required:!0,tsType:{name:"union",raw:"keyof typeof background",elements:[{name:"literal",value:"gray200"}]},description:""}}};export{p as S}; diff --git a/assets/Spinner.stories-CAk41Vo1.js b/assets/Spinner.stories-e0oJOqGS.js similarity index 81% rename from assets/Spinner.stories-CAk41Vo1.js rename to assets/Spinner.stories-e0oJOqGS.js index 12afa8bd..eae8a651 100644 --- a/assets/Spinner.stories-CAk41Vo1.js +++ b/assets/Spinner.stories-e0oJOqGS.js @@ -1,4 +1,4 @@ -import{S as t}from"./Spinner-XIXl0-gb.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";const i={title:"shared/ui/loading/Spinner",component:t,parameters:{layout:"centered"},tags:["autodocs"]},r={args:{width:4,height:4,foregroundColor:"green500",backgroundColor:"gray200"}};var o,e,a;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{S as t}from"./Spinner-D5uwPRVI.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";const i={title:"shared/ui/loading/Spinner",component:t,parameters:{layout:"centered"},tags:["autodocs"]},r={args:{width:4,height:4,foregroundColor:"green500",backgroundColor:"gray200"}};var o,e,a;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { width: 4, height: 4, diff --git a/assets/UndoButton.stories-CiUElbXA.js b/assets/UndoButton.stories-CyYM46tA.js similarity index 76% rename from assets/UndoButton.stories-CiUElbXA.js rename to assets/UndoButton.stories-CyYM46tA.js index 48f28e8d..db3e8b95 100644 --- a/assets/UndoButton.stories-CiUElbXA.js +++ b/assets/UndoButton.stories-CyYM46tA.js @@ -1 +1 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{U as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a as n}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const z={title:"entities/workspace/UndoButton",component:s,parameters:{layout:"centered"},decorators:[m=>{const p=a=>{a.preventDefault(),n("undo button clicked")()};return o.jsx("div",{onClick:p,children:o.jsx(m,{})})}],tags:["autodocs"]},t={};var r,e,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(i=(e=t.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const A=["Default"];export{t as Default,A as __namedExportsOrder,z as default}; +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{U as s}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a as n}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const z={title:"entities/workspace/UndoButton",component:s,parameters:{layout:"centered"},decorators:[m=>{const p=a=>{a.preventDefault(),n("undo button clicked")()};return o.jsx("div",{onClick:p,children:o.jsx(m,{})})}],tags:["autodocs"]},t={};var r,e,i;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(i=(e=t.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const A=["Default"];export{t as Default,A as __namedExportsOrder,z as default}; diff --git a/assets/WorkspaceAddBtn.stories-COsbcCgU.js b/assets/WorkspaceAddBtn.stories-nUslVweg.js similarity index 75% rename from assets/WorkspaceAddBtn.stories-COsbcCgU.js rename to assets/WorkspaceAddBtn.stories-nUslVweg.js index d794e63b..3cb01ae9 100644 --- a/assets/WorkspaceAddBtn.stories-COsbcCgU.js +++ b/assets/WorkspaceAddBtn.stories-nUslVweg.js @@ -1 +1 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{W as i}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const b={title:"entities/home/WorkspaceAddBtn",component:i,parameters:{layout:"centered"},decorators:[e=>o.jsx("div",{onClick:a("WorkspaceAdd Button clicked"),children:o.jsx(e,{})})],tags:["autodocs"]},t={};var r,m,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(p=(m=t.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const q=["Default"];export{t as Default,q as __namedExportsOrder,b as default}; +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{W as i}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const b={title:"entities/home/WorkspaceAddBtn",component:i,parameters:{layout:"centered"},decorators:[e=>o.jsx("div",{onClick:a("WorkspaceAdd Button clicked"),children:o.jsx(e,{})})],tags:["autodocs"]},t={};var r,m,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(p=(m=t.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const q=["Default"];export{t as Default,q as __namedExportsOrder,b as default}; diff --git a/assets/WorkspaceContainer.stories-C60vRK20.js b/assets/WorkspaceContainer.stories-C60vRK20.js new file mode 100644 index 00000000..34e5f7c0 --- /dev/null +++ b/assets/WorkspaceContainer.stories-C60vRK20.js @@ -0,0 +1,5 @@ +import{W as m}from"./ImageTagModal-C34yhzfe.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuidesBox-Bzb74nGW.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-Bef_8RUk.js";import"./useCoachMarkStore-BoVLoTcU.js";import"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const P={title:"widgets/home/WorkspaceContainer",component:m,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var o,t,p;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(p=(t=r.parameters)==null?void 0:t.docs)==null?void 0:p.source}}};const Q=["Default"];export{r as Default,Q as __namedExportsOrder,P as default}; diff --git a/assets/WorkspaceContainer.stories-DCjwKYFJ.js b/assets/WorkspaceContainer.stories-DCjwKYFJ.js deleted file mode 100644 index 08bcdb1c..00000000 --- a/assets/WorkspaceContainer.stories-DCjwKYFJ.js +++ /dev/null @@ -1,5 +0,0 @@ -import{W as m}from"./ImageTagModal-ByYYw5dL.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuidesBox-DLTeEQIO.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-OTdHhW5-.js";import"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const N={title:"widgets/home/WorkspaceContainer",component:m,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var o,t,p;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(p=(t=r.parameters)==null?void 0:t.docs)==null?void 0:p.source}}};const P=["Default"];export{r as Default,P as __namedExportsOrder,N as default}; diff --git a/assets/WorkspaceContent.stories-Che8n8sO.js b/assets/WorkspaceContent.stories-Che8n8sO.js new file mode 100644 index 00000000..bb2eee1d --- /dev/null +++ b/assets/WorkspaceContent.stories-Che8n8sO.js @@ -0,0 +1,5 @@ +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{a as e}from"./ImageTagModal-C34yhzfe.js";import"./index-DRjF_FHU.js";import"./GuidesBox-Bzb74nGW.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-Bef_8RUk.js";import"./useCoachMarkStore-BoVLoTcU.js";import"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const Q={title:"widgets/workspace/WorkspaceContent",component:e,parameters:{layout:"fullscreen"},decorators:[i=>t.jsx("div",{className:"flex h-screen w-screen flex-1",children:t.jsx(i,{})})],tags:["autodocs"]},r={args:{}};var o,p,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const T=["Default"];export{r as Default,T as __namedExportsOrder,Q as default}; diff --git a/assets/WorkspaceContent.stories-Cwn5RjeV.js b/assets/WorkspaceContent.stories-Cwn5RjeV.js deleted file mode 100644 index 37e6f572..00000000 --- a/assets/WorkspaceContent.stories-Cwn5RjeV.js +++ /dev/null @@ -1,5 +0,0 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{a as e}from"./ImageTagModal-ByYYw5dL.js";import"./index-DRjF_FHU.js";import"./GuidesBox-DLTeEQIO.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import"./ModalConfirm-BDuYJlbG.js";import"./PreviewBox-OTdHhW5-.js";import"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./cssCategoryList-CHFX1k4S.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";import"./infiniteQueryBehavior-DdhmIwcw.js";const P={title:"widgets/workspace/WorkspaceContent",component:e,parameters:{layout:"fullscreen"},decorators:[i=>t.jsx("div",{className:"flex h-screen w-screen flex-1",children:t.jsx(i,{})})],tags:["autodocs"]},r={args:{}};var o,p,m;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const Q=["Default"];export{r as Default,Q as __namedExportsOrder,P as default}; diff --git a/assets/WorkspaceGrid.stories-DbTYj8vk.js b/assets/WorkspaceGrid.stories-Cwqesm9t.js similarity index 88% rename from assets/WorkspaceGrid.stories-DbTYj8vk.js rename to assets/WorkspaceGrid.stories-Cwqesm9t.js index 19268442..35670e9a 100644 --- a/assets/WorkspaceGrid.stories-DbTYj8vk.js +++ b/assets/WorkspaceGrid.stories-Cwqesm9t.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{W as d}from"./WorkspaceGrid-vyyREuel.js";import"./GuideVideo-MGmf4GR2.js";import{a as l,v as I}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import{a as k}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./question-BUxmZXrP.js";import"./v4-CQkTLCs1.js";const A={title:"widgets/home/WorkspaceGrid",component:d,parameters:{layout:"fullscreen"},decorators:[a=>t.jsx("div",{className:"p-4",children:t.jsx(a,{})})],tags:["autodocs"]},e={args:{children:t.jsx(l,{workspaceId:I(),title:"예시 1",thumbnail:"",lastEdited:new Date().toISOString(),onClick:()=>{k("workspaceItem clicked")()}})}},r={render:()=>{const a=[{workspaceId:"1234",title:"예시 1",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 2",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 3",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 4",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 5",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"}];return t.jsx(d,{children:a.map(o=>t.jsx(l,{...o,onClick:()=>{k("workspaceItem clicked")()}},o.workspaceId))})}};var i,s,n;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-DR9Q75dM.js";import{W as d}from"./WorkspaceGrid-vyyREuel.js";import"./GuideVideo-MGmf4GR2.js";import{a as l,v as I}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import{a as k}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./question-BUxmZXrP.js";import"./v4-CQkTLCs1.js";const A={title:"widgets/home/WorkspaceGrid",component:d,parameters:{layout:"fullscreen"},decorators:[a=>t.jsx("div",{className:"p-4",children:t.jsx(a,{})})],tags:["autodocs"]},e={args:{children:t.jsx(l,{workspaceId:I(),title:"예시 1",thumbnail:"",lastEdited:new Date().toISOString(),onClick:()=>{k("workspaceItem clicked")()}})}},r={render:()=>{const a=[{workspaceId:"1234",title:"예시 1",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 2",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 3",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 4",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"},{workspaceId:"1234",title:"예시 5",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00"}];return t.jsx(d,{children:a.map(o=>t.jsx(l,{...o,onClick:()=>{k("workspaceItem clicked")()}},o.workspaceId))})}};var i,s,n;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{ args: { children: { action('workspaceItem clicked')(); diff --git a/assets/WorkspaceHeader-D6gGbePf.js b/assets/WorkspaceHeader-DzWhtxVS.js similarity index 67% rename from assets/WorkspaceHeader-D6gGbePf.js rename to assets/WorkspaceHeader-DzWhtxVS.js index 5ae2a4a3..c30ea7c7 100644 --- a/assets/WorkspaceHeader-D6gGbePf.js +++ b/assets/WorkspaceHeader-DzWhtxVS.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{W as s,c as r}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";const t=()=>e.jsxs("header",{className:"mb-5 mt-[60px] flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("h2",{className:"text-bold-xl",children:"워크스페이스"}),e.jsx(s,{})]}),e.jsx(r,{})]});t.__docgenInfo={description:`@description +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{W as s,c as r}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";const t=()=>e.jsxs("header",{className:"mb-5 mt-[60px] flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("h2",{className:"text-bold-xl",children:"워크스페이스"}),e.jsx(s,{})]}),e.jsx(r,{})]});t.__docgenInfo={description:`@description 워크스페이스 헤더 컴포넌트`,methods:[],displayName:"WorkspaceHeader"};export{t as W}; diff --git a/assets/WorkspaceHeader.stories-DMQO0XEn.js b/assets/WorkspaceHeader.stories-rIszQn2_.js similarity index 70% rename from assets/WorkspaceHeader.stories-DMQO0XEn.js rename to assets/WorkspaceHeader.stories-rIszQn2_.js index d3b641c3..9bde890a 100644 --- a/assets/WorkspaceHeader.stories-DMQO0XEn.js +++ b/assets/WorkspaceHeader.stories-rIszQn2_.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{W as a}from"./WorkspaceHeader-D6gGbePf.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const R={title:"widgets/home/WorkspaceHeader",component:a,parameters:{layout:"fullscreen"},decorators:[p=>o.jsx("div",{className:"p-4",children:o.jsx(p,{})})],tags:["autodocs"]},r={args:{}};var t,e,m;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{W as a}from"./WorkspaceHeader-DzWhtxVS.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const R={title:"widgets/home/WorkspaceHeader",component:a,parameters:{layout:"fullscreen"},decorators:[p=>o.jsx("div",{className:"p-4",children:o.jsx(p,{})})],tags:["autodocs"]},r={args:{}};var t,e,m;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{ args: { // propsname: value, } diff --git a/assets/WorkspaceItem.stories-CmOtRge_.js b/assets/WorkspaceItem.stories-C4HjsK60.js similarity index 84% rename from assets/WorkspaceItem.stories-CmOtRge_.js rename to assets/WorkspaceItem.stories-C4HjsK60.js index d19552da..dc04c0a7 100644 --- a/assets/WorkspaceItem.stories-CmOtRge_.js +++ b/assets/WorkspaceItem.stories-C4HjsK60.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{a as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a as m}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const O={title:"entities/home/WorkspaceItem",component:s,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{workspaceId:"4ddcbf25-acb0-42cd-8a97-aeda515e26db",title:"스토리북용 워크스페이스",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00",onClick:()=>{m("workspaceItem clicked")()}},render:i=>e.jsx("div",{className:"flex items-center justify-center p-4",children:e.jsx("ul",{className:"w-[264px]",children:e.jsx(s,{...i})})})};var r,a,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import{a as s}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a as m}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const O={title:"entities/home/WorkspaceItem",component:s,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{workspaceId:"4ddcbf25-acb0-42cd-8a97-aeda515e26db",title:"스토리북용 워크스페이스",thumbnail:"",lastEdited:"2024-11-28T09:34:45.106+00:00",onClick:()=>{m("workspaceItem clicked")()}},render:i=>e.jsx("div",{className:"flex items-center justify-center p-4",children:e.jsx("ul",{className:"w-[264px]",children:e.jsx(s,{...i})})})};var r,a,o;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{ args: { workspaceId: '4ddcbf25-acb0-42cd-8a97-aeda515e26db', title: '스토리북용 워크스페이스', diff --git a/assets/WorkspaceList-C3U4CKEc.js b/assets/WorkspaceList-BRe4hC8a.js similarity index 89% rename from assets/WorkspaceList-C3U4CKEc.js rename to assets/WorkspaceList-BRe4hC8a.js index 2cbcc699..38b32e95 100644 --- a/assets/WorkspaceList-C3U4CKEc.js +++ b/assets/WorkspaceList-BRe4hC8a.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{a as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import{u as i}from"./index-x70cJmE6.js";const a=({workspaceList:t})=>{const n=i();return r.jsx("ul",{className:"grid-cols-list grid w-[1128px] justify-start gap-x-6 gap-y-8",children:t.map(e=>r.jsx(s,{workspaceId:e.workspace_id,title:e.name,thumbnail:e.thumbnail||"",lastEdited:e.updated_at,onClick:()=>{n(`/workspace/${e.workspace_id}`)}},e.workspace_id))})};a.__docgenInfo={description:`@description +import{j as r}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{a as s}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import{u as i}from"./index-x70cJmE6.js";const a=({workspaceList:t})=>{const n=i();return r.jsx("ul",{className:"grid-cols-list grid w-[1128px] justify-start gap-x-6 gap-y-8",children:t.map(e=>r.jsx(s,{workspaceId:e.workspace_id,title:e.name,thumbnail:e.thumbnail||"",lastEdited:e.updated_at,onClick:()=>{n(`/workspace/${e.workspace_id}`)}},e.workspace_id))})};a.__docgenInfo={description:`@description 워크스페이스 목록 컴포넌트`,methods:[],displayName:"WorkspaceList",props:{workspaceList:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{ name: string; updated_at: string; diff --git a/assets/WorkspaceList.stories-DApQ2tSN.js b/assets/WorkspaceList.stories-BmTBngB0.js similarity index 86% rename from assets/WorkspaceList.stories-DApQ2tSN.js rename to assets/WorkspaceList.stories-BmTBngB0.js index 6dbf59c3..c650445c 100644 --- a/assets/WorkspaceList.stories-DApQ2tSN.js +++ b/assets/WorkspaceList.stories-BmTBngB0.js @@ -1,4 +1,4 @@ -import{j as s}from"./jsx-runtime-DR9Q75dM.js";import{W as O}from"./WorkspaceList-C3U4CKEc.js";import{g as c,e as d,v as l}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-x70cJmE6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./question-BUxmZXrP.js";const M={title:"widgets/home/WorkspaceList",component:O,parameters:{layout:"fullscreen"},decorators:[r=>s.jsx("div",{className:"p-4",children:s.jsx(r,{})})],tags:["autodocs"]},e={args:{workspaceList:[{name:"Workspace 1",updated_at:new Date().toISOString(),user_id:c()||d(),workspace_id:l(),isCssReset:!1,thumbnail:"",totalTotalCssPropertyObj:{example:{checkedCssPropertyObj:{},cssOptionObj:{}}}}]}},t={args:{workspaceList:Array.from({length:4}).map((r,u)=>({name:`Workspace ${u}`,updated_at:new Date().toISOString(),user_id:c()||d(),workspace_id:l(),isCssReset:!1,thumbnail:"",totalTotalCssPropertyObj:{example:{checkedCssPropertyObj:{},cssOptionObj:{}}}}))}};var a,o,p;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ +import{j as s}from"./jsx-runtime-DR9Q75dM.js";import{W as O}from"./WorkspaceList-BRe4hC8a.js";import{g as c,e as d,v as l}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-x70cJmE6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./question-BUxmZXrP.js";const M={title:"widgets/home/WorkspaceList",component:O,parameters:{layout:"fullscreen"},decorators:[r=>s.jsx("div",{className:"p-4",children:s.jsx(r,{})})],tags:["autodocs"]},e={args:{workspaceList:[{name:"Workspace 1",updated_at:new Date().toISOString(),user_id:c()||d(),workspace_id:l(),isCssReset:!1,thumbnail:"",totalTotalCssPropertyObj:{example:{checkedCssPropertyObj:{},cssOptionObj:{}}}}]}},t={args:{workspaceList:Array.from({length:4}).map((r,u)=>({name:`Workspace ${u}`,updated_at:new Date().toISOString(),user_id:c()||d(),workspace_id:l(),isCssReset:!1,thumbnail:"",totalTotalCssPropertyObj:{example:{checkedCssPropertyObj:{},cssOptionObj:{}}}}))}};var a,o,p;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:`{ args: { workspaceList: [{ name: 'Workspace 1', diff --git a/assets/WorkspaceModal-CvU9GROv.js b/assets/WorkspaceModal-CrS0f84j.js similarity index 78% rename from assets/WorkspaceModal-CvU9GROv.js rename to assets/WorkspaceModal-CrS0f84j.js index 2298c12c..da0fa4e5 100644 --- a/assets/WorkspaceModal-CvU9GROv.js +++ b/assets/WorkspaceModal-CrS0f84j.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./plus-qIVVYTMO.js";import{S as d}from"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import{M as m}from"./ModalConfirm-BDuYJlbG.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import{S as c}from"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import{a as p}from"./useImageModalStore-jpOIQYA6.js";const h=()=>{const{isModalOpen:t,modalContent:s,handleModalConfirmButton:r,handleModalCloseButton:i,isLoading:a}=p(),n=[{name:"아차차~",func:i,type:"neutral"},{name:"지울래요",func:r,type:"danger",isDisabled:a}];return e.jsx(m,{isOpen:t,children:e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"mb-10 flex flex-col items-center justify-center gap-3 text-center",children:[e.jsx("img",{src:"https://kr.object.ncloudstorage.com/boolock-storage/static/booduck_modal.png",width:100,height:100}),e.jsx("p",{className:"text-semibold-lg whitespace-pre-line text-gray-500",children:s})]}),e.jsx("div",{className:"flex gap-3",children:n.map((o,l)=>e.jsx(d,{onClick:()=>o.func(),variant:o.type,isDisabled:o.isDisabled,children:e.jsx(e.Fragment,{children:o.isDisabled?e.jsx(c,{width:4,height:4,foregroundColor:"grayWhite",backgroundColor:"gray200"}):o.name})},l))})]})})};h.__docgenInfo={description:`@description +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./plus-dioM8lOZ.js";import{S as d}from"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import{M as m}from"./ModalConfirm-BDuYJlbG.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import{S as c}from"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import{a as p}from"./useImageModalStore-axAWps0d.js";const h=()=>{const{isModalOpen:t,modalContent:s,handleModalConfirmButton:r,handleModalCloseButton:i,isLoading:a}=p(),n=[{name:"아차차~",func:i,type:"neutral"},{name:"지울래요",func:r,type:"danger",isDisabled:a}];return e.jsx(m,{isOpen:t,children:e.jsxs("div",{className:"text-center",children:[e.jsxs("div",{className:"mb-10 flex flex-col items-center justify-center gap-3 text-center",children:[e.jsx("img",{src:"https://kr.object.ncloudstorage.com/boolock-storage/static/booduck_modal.png",width:100,height:100}),e.jsx("p",{className:"text-semibold-lg whitespace-pre-line text-gray-500",children:s})]}),e.jsx("div",{className:"flex gap-3",children:n.map((o,l)=>e.jsx(d,{onClick:()=>o.func(),variant:o.type,isDisabled:o.isDisabled,children:e.jsx(e.Fragment,{children:o.isDisabled?e.jsx(c,{width:4,height:4,foregroundColor:"grayWhite",backgroundColor:"gray200"}):o.name})},l))})]})})};h.__docgenInfo={description:`@description 워크스페이스 삭제 모달 컴포넌트`,methods:[],displayName:"WorkspaceModal"};export{h as W}; diff --git a/assets/WorkspaceModal.stories-C-5pOKrl.js b/assets/WorkspaceModal.stories-BwWuwo_1.js similarity index 75% rename from assets/WorkspaceModal.stories-C-5pOKrl.js rename to assets/WorkspaceModal.stories-BwWuwo_1.js index 8b321ea1..2893eda2 100644 --- a/assets/WorkspaceModal.stories-C-5pOKrl.js +++ b/assets/WorkspaceModal.stories-BwWuwo_1.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{W as c}from"./WorkspaceModal-CvU9GROv.js";import{a as e}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{r as u}from"./index-DRjF_FHU.js";import{a as f}from"./useImageModalStore-jpOIQYA6.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ModalConfirm-BDuYJlbG.js";import"./ToasterWithMax-D4jPvwZi.js";import"./index-D1AAVYfs.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./QueryClientProvider-BdRu95_o.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const I={title:"widgets/home/WorkspaceModal",component:c,parameters:{layout:"centered"},decorators:[p=>{const{setModalContent:i,setHandleModalCloseButton:n,setHandleModalConfirmButton:d,openModal:l,closeModal:t}=f();return u.useEffect(()=>{i("워크스페이스 관련 모달창입니다"),n(()=>{e("closeModal")(),t()}),d(()=>{e("confirmModal")(),t()})},[]),o.jsxs(o.Fragment,{children:[o.jsx("button",{onClick:()=>l(),className:"rounded-2xl border px-4 py-2",children:"모달 열기"}),o.jsx(p,{})]})}],tags:["autodocs"]},r={args:{}};var a,s,m;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import{W as c}from"./WorkspaceModal-CrS0f84j.js";import{a as e}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{r as u}from"./index-DRjF_FHU.js";import{a as f}from"./useImageModalStore-axAWps0d.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ModalConfirm-BDuYJlbG.js";import"./ToasterWithMax-D4jPvwZi.js";import"./index-D1AAVYfs.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./QueryClientProvider-BdRu95_o.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./v4-CQkTLCs1.js";const I={title:"widgets/home/WorkspaceModal",component:c,parameters:{layout:"centered"},decorators:[p=>{const{setModalContent:i,setHandleModalCloseButton:n,setHandleModalConfirmButton:d,openModal:l,closeModal:t}=f();return u.useEffect(()=>{i("워크스페이스 관련 모달창입니다"),n(()=>{e("closeModal")(),t()}),d(()=>{e("confirmModal")(),t()})},[]),o.jsxs(o.Fragment,{children:[o.jsx("button",{onClick:()=>l(),className:"rounded-2xl border px-4 py-2",children:"모달 열기"}),o.jsx(p,{})]})}],tags:["autodocs"]},r={args:{}};var a,s,m;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ args: { // propsname: value, } diff --git a/assets/WorkspaceNameInput.stories-I6r9whQL.js b/assets/WorkspaceNameInput.stories-WBv1ARbd.js similarity index 72% rename from assets/WorkspaceNameInput.stories-I6r9whQL.js rename to assets/WorkspaceNameInput.stories-WBv1ARbd.js index 9613dd59..87e9a98a 100644 --- a/assets/WorkspaceNameInput.stories-I6r9whQL.js +++ b/assets/WorkspaceNameInput.stories-WBv1ARbd.js @@ -1 +1 @@ -import{b as m}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const O={title:"entities/workspace/WorkspaceNameInput",component:m,parameters:{layout:"centered"},tags:["autodocs"]},t={};var r,o,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(p=(o=t.parameters)==null?void 0:o.docs)==null?void 0:p.source}}};const S=["Default"];export{t as Default,S as __namedExportsOrder,O as default}; +import{b as m}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./GuideVideo-MGmf4GR2.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";const O={title:"entities/workspace/WorkspaceNameInput",component:m,parameters:{layout:"centered"},tags:["autodocs"]},t={};var r,o,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(p=(o=t.parameters)==null?void 0:o.docs)==null?void 0:p.source}}};const S=["Default"];export{t as Default,S as __namedExportsOrder,O as default}; diff --git a/assets/WorkspacePage.stories-BL0qDhRk.js b/assets/WorkspacePage.stories-BL0qDhRk.js deleted file mode 100644 index 6c719fa9..00000000 --- a/assets/WorkspacePage.stories-BL0qDhRk.js +++ /dev/null @@ -1,6 +0,0 @@ -import{j as t}from"./jsx-runtime-DR9Q75dM.js";import"./GuidesBox-DLTeEQIO.js";import{u as P,Q as S,a as b,I as D}from"./ImageTagModal-ByYYw5dL.js";import"./HomeHeader-DlPZqUqk.js";import"./WorkspaceList-C3U4CKEc.js";import"./WorkspaceHeader-D6gGbePf.js";import"./EmptyWorkspace-D633SD7C.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CvU9GROv.js";import"./PreviewBox-OTdHhW5-.js";import{W as I}from"./WorkspacePageHeader-nuoxCE2n.js";import"./CssCategoryBar-rjFAbhkJ.js";import"./CssOptionItemList-zkqEQSjk.js";import"./CssPropsSelectBoxHeader-8rTfHMke.js";import{r as w,u as B,b as E,e as W,f as x,g as O,h as N}from"./useImageModalStore-jpOIQYA6.js";import{B as k,f as _,g as F,e as M,h as H,w as Q,i as R}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import{_ as q}from"./index-D1AAVYfs.js";import{r as p}from"./index-DRjF_FHU.js";import{a as A,b as T}from"./index-x70cJmE6.js";import{H as U}from"./index.esm-zFJIz-4f.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import{L as K}from"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import{N as z}from"./NotFound-CaO8nxSP.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./ModalConfirm-BDuYJlbG.js";import"./QueryClientProvider-BdRu95_o.js";import"./infiniteQueryBehavior-DdhmIwcw.js";import"./cssCategoryList-CHFX1k4S.js";import"./question-BUxmZXrP.js";function G(e,o){return P(e,S)}const J=e=>{k[e]||(k[e]={init:function(){this.appendDummyInput().appendField(new _(w(e)),"CLASS"),this.setOutput(!0),this.setStyle("defaultBlockCss")}})},$=e=>{const o=R(),r=F()||M(),{initCssPropertyObj:m}=B(),{initClassBlockList:i}=E(),{setCanvasInfo:l,setName:n}=W(),{resetChangedStatusState:a}=x(),{setIsResetCssChecked:u}=O(),{setInitialImageMap:v,setInitialImageList:y}=N(),{data:s,isPending:L,isError:d}=G({queryKey:Q.detail(e),queryFn:()=>o.getWorkspace(r,e)});return p.useEffect(()=>{a()},[]),p.useEffect(()=>{if(d){q.error("워크스페이스 정보 불러오기 실패");return}s&&s.workspaceDto&&(n(s.workspaceDto.name),Object.keys(s.workspaceDto.totalCssPropertyObj).forEach(f=>{J(f)}),m(s.workspaceDto.totalCssPropertyObj),i(Object.keys(s.workspaceDto.totalCssPropertyObj).map(f=>w(f))),l(s.workspaceDto.canvas),H.contents=s.workspaceDto.classBlockList?JSON.parse(s.workspaceDto.classBlockList):[],u(s.workspaceDto.isCssReset),v(s.workspaceDto.imageMap),y(s.workspaceDto.imageList))},[d,s]),{data:s,isPending:L,isError:d}},V=()=>{const{isBlockChanged:e,isCssChanged:o}=x();let r=A(({currentLocation:a,nextLocation:u})=>a.pathname!==u.pathname&&(e||o));const m="저장하지 않은 변경사항이 있습니다. 정말로 떠나시겠습니까?";p.useEffect(()=>{r.state==="blocked"&&(window.confirm(m)?r.proceed():r.reset())},[r.state,e,o]);const i=a=>{a.preventDefault()},l=()=>{window.addEventListener("beforeunload",i)},n=()=>{window.removeEventListener("beforeunload",i)};p.useEffect(()=>(e||o?l():n(),()=>{n()}),[e,o])},j=()=>{const{workspaceId:e}=T(),{isPending:o,isError:r}=$(e);return V(),r?t.jsx(z,{}):t.jsxs(t.Fragment,{children:[t.jsxs(U,{children:[t.jsx("title",{children:"BooLock - 작업 공간"}),t.jsx("meta",{name:"description",content:`작업 공간 ID: ${e}에서 HTML과 CSS를 연습해보세요.`})]}),t.jsxs("div",{className:"flex h-screen flex-col",children:[o&&t.jsx(K,{}),t.jsx(I,{}),t.jsx(b,{})]}),t.jsx(D,{})]})};j.__docgenInfo={description:`@description -워크스페이스 페이지 컴포넌트`,methods:[],displayName:"WorkspacePage"};const Me={title:"pages/WorkspacePage",component:j,parameters:{layout:"fullscreen"},decorators:[e=>t.jsx("div",{className:"h-screen w-screen",children:t.jsx(e,{})})],tags:["autodocs"]},c={args:{}};var g,C,h;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(h=(C=c.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};const He=["Default"];export{c as Default,He as __namedExportsOrder,Me as default}; diff --git a/assets/WorkspacePage.stories-C9Ofv2C-.js b/assets/WorkspacePage.stories-C9Ofv2C-.js new file mode 100644 index 00000000..4d195e31 --- /dev/null +++ b/assets/WorkspacePage.stories-C9Ofv2C-.js @@ -0,0 +1,6 @@ +import{j as o}from"./jsx-runtime-DR9Q75dM.js";import"./GuidesBox-Bzb74nGW.js";import{u as S,Q as D,b as P,a as b,I}from"./ImageTagModal-C34yhzfe.js";import"./HomeHeader-BWTUlWpY.js";import"./WorkspaceList-BRe4hC8a.js";import"./WorkspaceHeader-DzWhtxVS.js";import"./EmptyWorkspace-kwRUb5w-.js";import"./WorkspaceGrid-vyyREuel.js";import"./WorkspaceModal-CrS0f84j.js";import"./PreviewBox-Bef_8RUk.js";import{W as B}from"./WorkspacePageHeader-BJDLVERN.js";import"./CssCategoryBar-4N4Aikh_.js";import"./CssOptionItemList-BTnakjy6.js";import"./CssPropsSelectBoxHeader-CDkzBjdc.js";import{r as w,u as E,b as M,f as O,g as x,h as W,i as N}from"./useImageModalStore-axAWps0d.js";import{B as k,f as _,g as F,e as H,h as Q,w as R,i as q}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import{_ as A}from"./index-D1AAVYfs.js";import{r as m}from"./index-DRjF_FHU.js";import{a as T,b as U}from"./index-x70cJmE6.js";import{H as K}from"./index.esm-zFJIz-4f.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import{L as z}from"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import{N as G}from"./NotFound-C-NtJsGQ.js";import{u as J}from"./useCoachMarkStore-BoVLoTcU.js";import"./GuideVideo-MGmf4GR2.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./ModalConfirm-BDuYJlbG.js";import"./QueryClientProvider-BdRu95_o.js";import"./infiniteQueryBehavior-DdhmIwcw.js";import"./question-BUxmZXrP.js";import"./cssCategoryList-CHFX1k4S.js";function $(e,t){return S(e,D)}const V=e=>{k[e]||(k[e]={init:function(){this.appendDummyInput().appendField(new _(w(e)),"CLASS"),this.setOutput(!0),this.setStyle("defaultBlockCss")}})},X=e=>{const t=q(),r=F()||H(),{initCssPropertyObj:n}=E(),{initClassBlockList:a}=M(),{setCanvasInfo:c,setName:p}=O(),{resetChangedStatusState:i}=x(),{setIsResetCssChecked:u}=W(),{setInitialImageMap:v,setInitialImageList:y}=N(),{data:s,isPending:L,isError:f}=$({queryKey:R.detail(e),queryFn:()=>t.getWorkspace(r,e)});return m.useEffect(()=>{i()},[]),m.useEffect(()=>{if(f){A.error("워크스페이스 정보 불러오기 실패");return}s&&s.workspaceDto&&(p(s.workspaceDto.name),Object.keys(s.workspaceDto.totalCssPropertyObj).forEach(d=>{V(d)}),n(s.workspaceDto.totalCssPropertyObj),a(Object.keys(s.workspaceDto.totalCssPropertyObj).map(d=>w(d))),c(s.workspaceDto.canvas),Q.contents=s.workspaceDto.classBlockList?JSON.parse(s.workspaceDto.classBlockList):[],u(s.workspaceDto.isCssReset),v(s.workspaceDto.imageMap),y(s.workspaceDto.imageList))},[f,s]),{data:s,isPending:L,isError:f}},Y=()=>{const{isBlockChanged:e,isCssChanged:t}=x();let r=T(({currentLocation:i,nextLocation:u})=>i.pathname!==u.pathname&&(e||t));const n="저장하지 않은 변경사항이 있습니다. 정말로 떠나시겠습니까?";m.useEffect(()=>{r.state==="blocked"&&(window.confirm(n)?r.proceed():r.reset())},[r.state,e,t]);const a=i=>{i.preventDefault()},c=()=>{window.addEventListener("beforeunload",a)},p=()=>{window.removeEventListener("beforeunload",a)};m.useEffect(()=>(e||t?c():p(),()=>{p()}),[e,t])},j=()=>{const{workspaceId:e}=U(),{isPending:t,isError:r}=X(e);Y();const{isCoachMarkOpen:n,openCoachMark:a,closeCoachMark:c}=J();return r?o.jsx(G,{}):(m.useLayoutEffect(()=>{localStorage.getItem("isCoachMarkDismissed")?c():a()},[]),o.jsxs(o.Fragment,{children:[o.jsxs(K,{children:[o.jsx("title",{children:"BooLock - 작업 공간"}),o.jsx("meta",{name:"description",content:`작업 공간 ID: ${e}에서 HTML과 CSS를 연습해보세요.`})]}),o.jsxs("div",{className:"flex h-screen flex-col",children:[t&&o.jsx(z,{}),n&&o.jsx(P,{}),o.jsx(B,{}),o.jsx(b,{})]}),o.jsx(I,{})]}))};j.__docgenInfo={description:`@description +워크스페이스 페이지 컴포넌트`,methods:[],displayName:"WorkspacePage"};const Re={title:"pages/WorkspacePage",component:j,parameters:{layout:"fullscreen"},decorators:[e=>o.jsx("div",{className:"h-screen w-screen",children:o.jsx(e,{})})],tags:["autodocs"]},l={args:{}};var g,C,h;l.parameters={...l.parameters,docs:{...(g=l.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(h=(C=l.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};const qe=["Default"];export{l as Default,qe as __namedExportsOrder,Re as default}; diff --git a/assets/WorkspacePageHeader-BJDLVERN.js b/assets/WorkspacePageHeader-BJDLVERN.js new file mode 100644 index 00000000..1cd59e45 --- /dev/null +++ b/assets/WorkspacePageHeader-BJDLVERN.js @@ -0,0 +1,2 @@ +import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{S as o,U as i,R as a,b as m}from"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-axAWps0d.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import{L as p}from"./Logo-DlHd6_yt.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import{u as s}from"./useCoachMarkStore-BoVLoTcU.js";import{S as n}from"./question-BUxmZXrP.js";const t=()=>{const{currentStep:r}=s();return e.jsxs("div",{className:`flex items-center gap-3 ${r===4?"z-[99999]":""}`,children:[e.jsx(o,{}),e.jsx(i,{}),e.jsx(a,{})]})};t.__docgenInfo={description:"",methods:[],displayName:"WorkspaceHeaderButtons"};const c=()=>{const{openCoachMark:r}=s();return e.jsxs("div",{className:"flex h-14 w-full flex-shrink-0 items-center justify-between border-b border-gray-100 bg-white pl-8 pr-4",children:[e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(p,{isBlack:!1}),e.jsx(m,{})]}),e.jsxs("div",{className:"flex gap-11",children:[e.jsxs("button",{className:"text-medium-rg hover flex items-center gap-1 text-gray-300",onClick:r,children:["도움말 ",e.jsx(n,{})]}),e.jsx(t,{})]})]})};c.__docgenInfo={description:`@description +워크스페이스 페이지 헤더 컴포넌트`,methods:[],displayName:"WorkspacePageHeader"};export{c as W}; diff --git a/assets/WorkspacePageHeader-nuoxCE2n.js b/assets/WorkspacePageHeader-nuoxCE2n.js deleted file mode 100644 index 3a938cda..00000000 --- a/assets/WorkspacePageHeader-nuoxCE2n.js +++ /dev/null @@ -1,2 +0,0 @@ -import{j as e}from"./jsx-runtime-DR9Q75dM.js";import"./GuideVideo-MGmf4GR2.js";import{b as r,S as t,U as o,R as s}from"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./index-BXCeiWJk.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";import"./index-DRjF_FHU.js";import"./useImageModalStore-jpOIQYA6.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import{L as i}from"./Logo-DlHd6_yt.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";const m=()=>e.jsxs("div",{className:"flex h-14 w-full flex-shrink-0 items-center justify-between border-b border-gray-100 bg-white pl-8 pr-4",children:[e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(i,{isBlack:!1}),e.jsx(r,{})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t,{}),e.jsx(o,{}),e.jsx(s,{})]})]});m.__docgenInfo={description:`@description -워크스페이스 페이지 헤더 컴포넌트`,methods:[],displayName:"WorkspacePageHeader"};export{m as W}; diff --git a/assets/WorkspacePageHeader.stories-N0zeDbbX.js b/assets/WorkspacePageHeader.stories-N0zeDbbX.js deleted file mode 100644 index a6277c85..00000000 --- a/assets/WorkspacePageHeader.stories-N0zeDbbX.js +++ /dev/null @@ -1,5 +0,0 @@ -import{W as p}from"./WorkspacePageHeader-nuoxCE2n.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-DTDk2zGm.js";import"./useImageModalStore-jpOIQYA6.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-qIVVYTMO.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-XIXl0-gb.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-Bdyt7_D4.js";import"./client-Dbo3a7kb.js";const S={title:"widgets/workspace/WorkspacePageHeader",component:p,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var o,t,e;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ - args: { - // propsname: value, - } -}`,...(e=(t=r.parameters)==null?void 0:t.docs)==null?void 0:e.source}}};const b=["Default"];export{r as Default,b as __namedExportsOrder,S as default}; diff --git a/assets/WorkspacePageHeader.stories-dcGtceyu.js b/assets/WorkspacePageHeader.stories-dcGtceyu.js new file mode 100644 index 00000000..37ae5023 --- /dev/null +++ b/assets/WorkspacePageHeader.stories-dcGtceyu.js @@ -0,0 +1,5 @@ +import{W as e}from"./WorkspacePageHeader-BJDLVERN.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-DRjF_FHU.js";import"./GuideVideo-MGmf4GR2.js";import"./HoveredEmptyWorkspace-B3fl6QFz.js";import"./useImageModalStore-axAWps0d.js";import"./QueryClientProvider-BdRu95_o.js";import"./index-D1AAVYfs.js";import"./plus-dioM8lOZ.js";import"./SquareButton-hj7tViqk.js";import"./Logo-DlHd6_yt.js";import"./index-x70cJmE6.js";import"./index-BXCeiWJk.js";import"./ToasterWithMax-D4jPvwZi.js";import"./Loading-CVQUyNmW.js";import"./Spinner-D5uwPRVI.js";import"./SkeletonWorkspace-D4UalYBK.js";import"./SkeletonWorkspaceList-LqBByOXs.js";import"./WorkspaceLoadError-BuktD2D2.js";import"./NotHoveredEmptyWorkspace-loFxOJJf.js";import"./question-BUxmZXrP.js";import"./CssCategoryButton-CZecLCOO.js";import"./client-Dbo3a7kb.js";import"./useCoachMarkStore-BoVLoTcU.js";const b={title:"widgets/workspace/WorkspacePageHeader",component:e,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{}};var o,t,p;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ + args: { + // propsname: value, + } +}`,...(p=(t=r.parameters)==null?void 0:t.docs)==null?void 0:p.source}}};const h=["Default"];export{r as Default,h as __namedExportsOrder,b as default}; diff --git a/assets/entry-preview-VqsG2L5p.js b/assets/entry-preview-DUCRMuZN.js similarity index 99% rename from assets/entry-preview-VqsG2L5p.js rename to assets/entry-preview-DUCRMuZN.js index f3da33dc..9a0a901d 100644 --- a/assets/entry-preview-VqsG2L5p.js +++ b/assets/entry-preview-DUCRMuZN.js @@ -1,5 +1,5 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-CeYYHeGS.js","./index-DRjF_FHU.js","./client-Dbo3a7kb.js","./index-BXCeiWJk.js"])))=>i.map(i=>d[i]); -import{_ as tr}from"./iframe-DCCQ28un.js";import{_ as sr,a as nr,b as L}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{r as Y,R as re}from"./index-DRjF_FHU.js";import{r as ar}from"./index-BXCeiWJk.js";import"../sb-preview/runtime.js";var b={};/** +import{_ as tr}from"./iframe-CmVLwW56.js";import{_ as sr,a as nr,b as L}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{r as Y,R as re}from"./index-DRjF_FHU.js";import{r as ar}from"./index-BXCeiWJk.js";import"../sb-preview/runtime.js";var b={};/** * @license React * react-dom-test-utils.production.min.js * diff --git a/assets/iframe-CmVLwW56.js b/assets/iframe-CmVLwW56.js new file mode 100644 index 00000000..8dd199ae --- /dev/null +++ b/assets/iframe-CmVLwW56.js @@ -0,0 +1,2 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GuideVideo.stories-nRjg9vQ8.js","./GuideVideo-MGmf4GR2.js","./jsx-runtime-DR9Q75dM.js","./index-DRjF_FHU.js","./HoveredEmptyWorkspace.stories-DMgerLpS.js","./HoveredEmptyWorkspace-B3fl6QFz.js","./useImageModalStore-axAWps0d.js","./QueryClientProvider-BdRu95_o.js","./index-D1AAVYfs.js","./plus-dioM8lOZ.js","./SquareButton-hj7tViqk.js","./Logo-DlHd6_yt.js","./index-x70cJmE6.js","./index-BXCeiWJk.js","./ToasterWithMax-D4jPvwZi.js","./Loading-CVQUyNmW.js","./Spinner-D5uwPRVI.js","./SkeletonWorkspace-D4UalYBK.js","./SkeletonWorkspaceList-LqBByOXs.js","./WorkspaceLoadError-BuktD2D2.js","./NotHoveredEmptyWorkspace-loFxOJJf.js","./question-BUxmZXrP.js","./CssCategoryButton-CZecLCOO.js","./client-Dbo3a7kb.js","./chunk-D5ZWXAHU-CGElDDNX.js","./v4-CQkTLCs1.js","./NotHoveredEmptyWorkspace.stories-6ph6F66O.js","./WorkspaceAddBtn.stories-nUslVweg.js","./WorkspaceItem.stories-C4HjsK60.js","./WorkspaceLoadError.stories-BEs6Mho4.js","./CssCategoryButton.stories-y14t1ZGs.js","./CssOptionItem.stories-CIGBtN1S.js","./cssCategoryList-CHFX1k4S.js","./CssTooltip.stories-BFiP6WgX.js","./RedoButton.stories-BhP7AN0V.js","./SaveButton.stories-DmOFC5xv.js","./UndoButton.stories-CyYM46tA.js","./WorkspaceNameInput.stories-WBv1ARbd.js","./HomePage.stories-BsuriyBP.js","./GuidesBox-Bzb74nGW.js","./ImageTagModal-C34yhzfe.js","./HomeHeader-BWTUlWpY.js","./WorkspaceList-BRe4hC8a.js","./WorkspaceHeader-DzWhtxVS.js","./EmptyWorkspace-kwRUb5w-.js","./WorkspaceGrid-vyyREuel.js","./WorkspaceModal-CrS0f84j.js","./ModalConfirm-BDuYJlbG.js","./PreviewBox-Bef_8RUk.js","./useCoachMarkStore-BoVLoTcU.js","./PreviewBox-B2m_yoUG.css","./WorkspacePageHeader-BJDLVERN.js","./CssCategoryBar-4N4Aikh_.js","./CssOptionItemList-BTnakjy6.js","./CssPropsSelectBoxHeader-CDkzBjdc.js","./infiniteQueryBehavior-DdhmIwcw.js","./index.esm-zFJIz-4f.js","./NotFound.stories-WmEQPvzs.js","./NotFound-C-NtJsGQ.js","./WorkspacePage.stories-C9Ofv2C-.js","./CircleButton.stories-CjQoqbu_.js","./SquareButton.stories-4r1TnWj-.js","./Loading.stories-CMBR5846.js","./Spinner.stories-e0oJOqGS.js","./Logo.stories-_eRPHyws.js","./ModalConfirm.stories-B5jpzorV.js","./Select.stories-C_d1O5bO.js","./SkeletonWorkspace.stories-Bqah0udJ.js","./SkeletonWorkspaceList.stories-CzguX1lG.js","./ToasterWithMax.stories-Dweln7-_.js","./EmptyWorkspace.stories-BRQ9Z5Jj.js","./GuidesBox.stories-Bf3hg31P.js","./HomeHeader.stories-Ut8W15C9.js","./WorkspaceContainer.stories-C60vRK20.js","./WorkspaceGrid.stories-Cwqesm9t.js","./WorkspaceHeader.stories-rIszQn2_.js","./WorkspaceList.stories-BmTBngB0.js","./WorkspaceModal.stories-BwWuwo_1.js","./PreviewBox.stories-C0mVSaBs.js","./WorkspaceContent.stories-Che8n8sO.js","./WorkspacePageHeader.stories-dcGtceyu.js","./CssCategoryBar.stories-BAyGBtl2.js","./CssOptionItemList.stories-Gocv7SAm.js","./CssPropsSelectBox.stories-BM1NOpnq.js","./CssPropsSelectBoxHeader.stories-DVPamh9g.js","./entry-preview-DUCRMuZN.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-CL0gtcRG.js","./index-CzpEL4_8.js","./preview-D0N1Y6iQ.js","./preview-D77C14du.js","./index-DrFu-skq.js","./preview-BWzBA1C2.js","./preview-CK21s2nG.js","./preview-CQwkkKQu.css"])))=>i.map(i=>d[i]); +import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const s of e)if(s.type==="childList")for(const i of s.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function m(e){const s={};return e.integrity&&(s.integrity=e.integrity),e.referrerPolicy&&(s.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?s.credentials="include":e.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function n(e){if(e.ep)return;e.ep=!0;const s=m(e);fetch(e.href,s)}})();const L="modulepreload",P=function(r,_){return new URL(r,_).href},O={},t=function(_,m,n){let e=Promise.resolve();if(m&&m.length>0){const i=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),l=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));e=Promise.allSettled(m.map(a=>{if(a=P(a,n),a in O)return;O[a]=!0;const p=a.endsWith(".css"),R=p?'[rel="stylesheet"]':"";if(!!n)for(let u=i.length-1;u>=0;u--){const d=i[u];if(d.href===a&&(!p||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${a}"]${R}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":L,p||(c.as="script"),c.crossOrigin="",c.href=a,l&&c.setAttribute("nonce",l),document.head.appendChild(c),p)return new Promise((u,d)=>{c.addEventListener("load",u),c.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${a}`)))})}))}function s(i){const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=i,window.dispatchEvent(o),!o.defaultPrevented)throw i}return e.then(i=>{for(const o of i||[])o.status==="rejected"&&s(o.reason);return _().catch(s)})},{createBrowserChannel:y}=__STORYBOOK_MODULE_CHANNELS__,{addons:T}=__STORYBOOK_MODULE_PREVIEW_API__,E=y({page:"preview"});T.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const I={"./src/entities/home/GuideVideo/GuideVideo.stories.tsx":async()=>t(()=>import("./GuideVideo.stories-nRjg9vQ8.js"),__vite__mapDeps([0,1,2,3]),import.meta.url),"./src/entities/home/HoveredEmptyWorkspace/HoveredEmptyWorkspace.stories.tsx":async()=>t(()=>import("./HoveredEmptyWorkspace.stories-DMgerLpS.js"),__vite__mapDeps([4,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/home/NotHoveredEmptyWorkspace/NotHoveredEmptyWorkspace.stories.tsx":async()=>t(()=>import("./NotHoveredEmptyWorkspace.stories-6ph6F66O.js"),__vite__mapDeps([26,20,2,3]),import.meta.url),"./src/entities/home/WorkspaceAddBtn/WorkspaceAddBtn.stories.tsx":async()=>t(()=>import("./WorkspaceAddBtn.stories-nUslVweg.js"),__vite__mapDeps([27,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/home/WorkspaceItem/WorkspaceItem.stories.tsx":async()=>t(()=>import("./WorkspaceItem.stories-C4HjsK60.js"),__vite__mapDeps([28,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/home/WorkspaceLoadError/WorkspaceLoadError.stories.tsx":async()=>t(()=>import("./WorkspaceLoadError.stories-BEs6Mho4.js"),__vite__mapDeps([29,19,2,3]),import.meta.url),"./src/entities/workspace/CssCategoryButton/CssCategoryButton.stories.tsx":async()=>t(()=>import("./CssCategoryButton.stories-y14t1ZGs.js"),__vite__mapDeps([30,2,3,22,6]),import.meta.url),"./src/entities/workspace/CssOptionItem/CssOptionItem.stories.tsx":async()=>t(()=>import("./CssOptionItem.stories-CIGBtN1S.js"),__vite__mapDeps([31,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,32]),import.meta.url),"./src/entities/workspace/CssTooltip/CssTooltip.stories.tsx":async()=>t(()=>import("./CssTooltip.stories-BFiP6WgX.js"),__vite__mapDeps([33,2,3,21,13]),import.meta.url),"./src/entities/workspace/RedoButton/RedoButton.stories.tsx":async()=>t(()=>import("./RedoButton.stories-BhP7AN0V.js"),__vite__mapDeps([34,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/workspace/SaveButton/SaveButton.stories.tsx":async()=>t(()=>import("./SaveButton.stories-DmOFC5xv.js"),__vite__mapDeps([35,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/workspace/UndoButton/UndoButton.stories.tsx":async()=>t(()=>import("./UndoButton.stories-CyYM46tA.js"),__vite__mapDeps([36,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/workspace/WorkspaceNameInput/WorkspaceNameInput.stories.tsx":async()=>t(()=>import("./WorkspaceNameInput.stories-WBv1ARbd.js"),__vite__mapDeps([37,5,2,3,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/pages/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-BsuriyBP.js"),__vite__mapDeps([38,2,3,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,40,41,42,43,44,45,46,47,48,49,50,51,52,32,53,54,55,56]),import.meta.url),"./src/pages/NotFound/NotFound.stories.tsx":async()=>t(()=>import("./NotFound.stories-WmEQPvzs.js"),__vite__mapDeps([57,2,3,58,56,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,40,41,42,43,44,45,46,47,48,49,50,51,52,32,53,54,55]),import.meta.url),"./src/pages/Workspacepage/WorkspacePage.stories.tsx":async()=>t(()=>import("./WorkspacePage.stories-C9Ofv2C-.js"),__vite__mapDeps([59,2,3,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,40,41,42,43,44,45,46,47,48,49,50,51,52,32,53,54,55,56,58]),import.meta.url),"./src/shared/ui/button/CircleButton.stories.tsx":async()=>t(()=>import("./CircleButton.stories-CjQoqbu_.js"),__vite__mapDeps([60,2,3,9,24,25]),import.meta.url),"./src/shared/ui/button/SquareButton.stories.tsx":async()=>t(()=>import("./SquareButton.stories-4r1TnWj-.js"),__vite__mapDeps([61,2,3,10,24,25]),import.meta.url),"./src/shared/ui/loading/Loading.stories.tsx":async()=>t(()=>import("./Loading.stories-CMBR5846.js"),__vite__mapDeps([62,2,3,15]),import.meta.url),"./src/shared/ui/loading/Spinner.stories.tsx":async()=>t(()=>import("./Spinner.stories-e0oJOqGS.js"),__vite__mapDeps([63,16,2,3,6]),import.meta.url),"./src/shared/ui/logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-_eRPHyws.js"),__vite__mapDeps([64,2,3,11,12,13,24,25]),import.meta.url),"./src/shared/ui/modal/ModalConfirm.stories.tsx":async()=>t(()=>import("./ModalConfirm.stories-B5jpzorV.js"),__vite__mapDeps([65,2,3,47,13]),import.meta.url),"./src/shared/ui/select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-C_d1O5bO.js"),__vite__mapDeps([66,5,2,3,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/shared/ui/skeleton/SkeletonWorkspace.stories.tsx":async()=>t(()=>import("./SkeletonWorkspace.stories-Bqah0udJ.js"),__vite__mapDeps([67,17,2,3]),import.meta.url),"./src/shared/ui/skeleton/SkeletonWorkspaceList.stories.tsx":async()=>t(()=>import("./SkeletonWorkspaceList.stories-CzguX1lG.js"),__vite__mapDeps([68,18,2,3,17]),import.meta.url),"./src/shared/ui/toast/ToasterWithMax.stories.tsx":async()=>t(()=>import("./ToasterWithMax.stories-Dweln7-_.js"),__vite__mapDeps([69,2,3,8,14]),import.meta.url),"./src/widgets/home/EmptyWorkspace/EmptyWorkspace.stories.tsx":async()=>t(()=>import("./EmptyWorkspace.stories-BRQ9Z5Jj.js"),__vite__mapDeps([70,44,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/GuidesBox/GuidesBox.stories.tsx":async()=>t(()=>import("./GuidesBox.stories-Bf3hg31P.js"),__vite__mapDeps([71,39,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/HomeHeader/HomeHeader.stories.tsx":async()=>t(()=>import("./HomeHeader.stories-Ut8W15C9.js"),__vite__mapDeps([72,41,2,3,9,10,11,12,13,14,8,15,16,6,17,18,5,7,1,19,20,21,22,23]),import.meta.url),"./src/widgets/home/WorkspaceContainer/WorkspaceContainer.stories.tsx":async()=>t(()=>import("./WorkspaceContainer.stories-C60vRK20.js"),__vite__mapDeps([73,40,2,3,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,41,42,43,44,45,46,47,48,49,50,51,52,32,53,54,55]),import.meta.url),"./src/widgets/home/WorkspaceGrid/WorkspaceGrid.stories.tsx":async()=>t(()=>import("./WorkspaceGrid.stories-Cwqesm9t.js"),__vite__mapDeps([74,2,3,45,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/widgets/home/WorkspaceHeader/WorkspaceHeader.stories.tsx":async()=>t(()=>import("./WorkspaceHeader.stories-rIszQn2_.js"),__vite__mapDeps([75,2,3,43,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/WorkspaceList/WorkspaceList.stories.tsx":async()=>t(()=>import("./WorkspaceList.stories-BmTBngB0.js"),__vite__mapDeps([76,2,3,42,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/WorkspaceModal/WorkspaceModal.stories.tsx":async()=>t(()=>import("./WorkspaceModal.stories-BwWuwo_1.js"),__vite__mapDeps([77,2,3,46,9,10,11,12,13,47,14,8,15,16,6,17,18,5,7,1,19,20,21,22,23,24,25]),import.meta.url),"./src/widgets/workspace/PreviewBox/PreviewBox.stories.tsx":async()=>t(()=>import("./PreviewBox.stories-C0mVSaBs.js"),__vite__mapDeps([78,2,3,48,6,8,49,50]),import.meta.url),"./src/widgets/workspace/WorkspaceContent/WorkspaceContent.stories.tsx":async()=>t(()=>import("./WorkspaceContent.stories-Che8n8sO.js"),__vite__mapDeps([79,2,3,40,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,41,42,43,44,45,46,47,48,49,50,51,52,32,53,54,55]),import.meta.url),"./src/widgets/workspace/WorkspacePageHeader/WorkspacePageHeader.stories.tsx":async()=>t(()=>import("./WorkspacePageHeader.stories-dcGtceyu.js"),__vite__mapDeps([80,51,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,49]),import.meta.url),"./src/widgets/workspace/css/CssCategoryBar/CssCategoryBar.stories.tsx":async()=>t(()=>import("./CssCategoryBar.stories-BAyGBtl2.js"),__vite__mapDeps([81,52,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,32]),import.meta.url),"./src/widgets/workspace/css/CssOptionItemList/CssOptionItemList.stories.tsx":async()=>t(()=>import("./CssOptionItemList.stories-Gocv7SAm.js"),__vite__mapDeps([82,2,3,53,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,32]),import.meta.url),"./src/widgets/workspace/css/CssPropsSelectBox/CssPropsSelectBox.stories.tsx":async()=>t(()=>import("./CssPropsSelectBox.stories-BM1NOpnq.js"),__vite__mapDeps([83,2,3,40,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,41,42,43,44,45,46,47,48,49,50,51,52,32,53,54,55]),import.meta.url),"./src/widgets/workspace/css/CssPropsSelectBoxHeader/CssPropsSelectBoxHeader.stories.tsx":async()=>t(()=>import("./CssPropsSelectBoxHeader.stories-DVPamh9g.js"),__vite__mapDeps([84,2,3,54,9,10,11,12,13,14,8,15,16,6,17,18,5,7,1,19,20,21,22,23]),import.meta.url)};async function v(r){return I[r]()}const{composeConfigs:V,PreviewWeb:D,ClientApi:k}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(r=[])=>{const _=await Promise.all([r[0]??t(()=>import("./entry-preview-DUCRMuZN.js"),__vite__mapDeps([85,86,3,13]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-CL0gtcRG.js"),__vite__mapDeps([87,86,88,3]),import.meta.url),r[2]??t(()=>import("./preview-DpyGzjdk.js"),[],import.meta.url),r[3]??t(()=>import("./preview-D0N1Y6iQ.js"),__vite__mapDeps([89,25]),import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([90,91]),import.meta.url),r[5]??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),r[6]??t(()=>import("./preview-CFgKly6U.js"),[],import.meta.url),r[7]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([92,91]),import.meta.url),r[8]??t(()=>import("./preview-DGUiP6tS.js"),[],import.meta.url),r[9]??t(()=>import("./preview-BJ6EHSBF.js"),[],import.meta.url),r[10]??t(()=>import("./preview-CK21s2nG.js"),__vite__mapDeps([93,2,3,56,12,13,7,55,94]),import.meta.url)]);return V(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(v,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/iframe-DCCQ28un.js b/assets/iframe-DCCQ28un.js deleted file mode 100644 index 0a5662ce..00000000 --- a/assets/iframe-DCCQ28un.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GuideVideo.stories-nRjg9vQ8.js","./GuideVideo-MGmf4GR2.js","./jsx-runtime-DR9Q75dM.js","./index-DRjF_FHU.js","./HoveredEmptyWorkspace.stories-DqSOQb1q.js","./HoveredEmptyWorkspace-DTDk2zGm.js","./useImageModalStore-jpOIQYA6.js","./QueryClientProvider-BdRu95_o.js","./index-D1AAVYfs.js","./plus-qIVVYTMO.js","./SquareButton-hj7tViqk.js","./Logo-DlHd6_yt.js","./index-x70cJmE6.js","./index-BXCeiWJk.js","./ToasterWithMax-D4jPvwZi.js","./Loading-CVQUyNmW.js","./Spinner-XIXl0-gb.js","./SkeletonWorkspace-D4UalYBK.js","./SkeletonWorkspaceList-LqBByOXs.js","./WorkspaceLoadError-BuktD2D2.js","./NotHoveredEmptyWorkspace-loFxOJJf.js","./question-BUxmZXrP.js","./CssCategoryButton-Bdyt7_D4.js","./client-Dbo3a7kb.js","./chunk-D5ZWXAHU-CGElDDNX.js","./v4-CQkTLCs1.js","./NotHoveredEmptyWorkspace.stories-6ph6F66O.js","./WorkspaceAddBtn.stories-COsbcCgU.js","./WorkspaceItem.stories-CmOtRge_.js","./WorkspaceLoadError.stories-BEs6Mho4.js","./CssCategoryButton.stories-d_4uGG-H.js","./CssOptionItem.stories-KVrxJnBH.js","./cssCategoryList-CHFX1k4S.js","./CssTooltip.stories-BFiP6WgX.js","./RedoButton.stories-CWJ7dMqD.js","./SaveButton.stories-GItKfrlr.js","./UndoButton.stories-CiUElbXA.js","./WorkspaceNameInput.stories-I6r9whQL.js","./HomePage.stories-ogouFZTj.js","./GuidesBox-DLTeEQIO.js","./ImageTagModal-ByYYw5dL.js","./HomeHeader-DlPZqUqk.js","./WorkspaceList-C3U4CKEc.js","./WorkspaceHeader-D6gGbePf.js","./EmptyWorkspace-D633SD7C.js","./WorkspaceGrid-vyyREuel.js","./WorkspaceModal-CvU9GROv.js","./ModalConfirm-BDuYJlbG.js","./PreviewBox-OTdHhW5-.js","./PreviewBox-B2m_yoUG.css","./WorkspacePageHeader-nuoxCE2n.js","./CssCategoryBar-rjFAbhkJ.js","./CssOptionItemList-zkqEQSjk.js","./CssPropsSelectBoxHeader-8rTfHMke.js","./infiniteQueryBehavior-DdhmIwcw.js","./index.esm-zFJIz-4f.js","./NotFound.stories-BEpMr66J.js","./NotFound-CaO8nxSP.js","./WorkspacePage.stories-BL0qDhRk.js","./CircleButton.stories-Df4a8xx-.js","./SquareButton.stories-4r1TnWj-.js","./Loading.stories-CMBR5846.js","./Spinner.stories-CAk41Vo1.js","./Logo.stories-_eRPHyws.js","./ModalConfirm.stories-B5jpzorV.js","./Select.stories-txnVrNv9.js","./SkeletonWorkspace.stories-Bqah0udJ.js","./SkeletonWorkspaceList.stories-CzguX1lG.js","./ToasterWithMax.stories-Dweln7-_.js","./EmptyWorkspace.stories-fWFpEfCP.js","./GuidesBox.stories-Sm0FjCxi.js","./HomeHeader.stories-DYFhmQpZ.js","./WorkspaceContainer.stories-DCjwKYFJ.js","./WorkspaceGrid.stories-DbTYj8vk.js","./WorkspaceHeader.stories-DMQO0XEn.js","./WorkspaceList.stories-DApQ2tSN.js","./WorkspaceModal.stories-C-5pOKrl.js","./PreviewBox.stories-CEfDDJTv.js","./WorkspaceContent.stories-Cwn5RjeV.js","./WorkspacePageHeader.stories-N0zeDbbX.js","./CssCategoryBar.stories-D_dtTKC3.js","./CssOptionItemList.stories-CBPhssJX.js","./CssPropsSelectBox.stories-PnqsKss_.js","./CssPropsSelectBoxHeader.stories-BojXJJWw.js","./entry-preview-VqsG2L5p.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-CL0gtcRG.js","./index-CzpEL4_8.js","./preview-D0N1Y6iQ.js","./preview-D77C14du.js","./index-DrFu-skq.js","./preview-BWzBA1C2.js","./preview-BXgneOW2.js","./preview-BVF-Njm5.css"])))=>i.map(i=>d[i]); -import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const s of e)if(s.type==="childList")for(const i of s.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function m(e){const s={};return e.integrity&&(s.integrity=e.integrity),e.referrerPolicy&&(s.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?s.credentials="include":e.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function n(e){if(e.ep)return;e.ep=!0;const s=m(e);fetch(e.href,s)}})();const L="modulepreload",P=function(r,_){return new URL(r,_).href},O={},t=function(_,m,n){let e=Promise.resolve();if(m&&m.length>0){const i=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),l=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));e=Promise.allSettled(m.map(a=>{if(a=P(a,n),a in O)return;O[a]=!0;const p=a.endsWith(".css"),R=p?'[rel="stylesheet"]':"";if(!!n)for(let u=i.length-1;u>=0;u--){const d=i[u];if(d.href===a&&(!p||d.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${a}"]${R}`))return;const c=document.createElement("link");if(c.rel=p?"stylesheet":L,p||(c.as="script"),c.crossOrigin="",c.href=a,l&&c.setAttribute("nonce",l),document.head.appendChild(c),p)return new Promise((u,d)=>{c.addEventListener("load",u),c.addEventListener("error",()=>d(new Error(`Unable to preload CSS for ${a}`)))})}))}function s(i){const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=i,window.dispatchEvent(o),!o.defaultPrevented)throw i}return e.then(i=>{for(const o of i||[])o.status==="rejected"&&s(o.reason);return _().catch(s)})},{createBrowserChannel:y}=__STORYBOOK_MODULE_CHANNELS__,{addons:T}=__STORYBOOK_MODULE_PREVIEW_API__,E=y({page:"preview"});T.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const I={"./src/entities/home/GuideVideo/GuideVideo.stories.tsx":async()=>t(()=>import("./GuideVideo.stories-nRjg9vQ8.js"),__vite__mapDeps([0,1,2,3]),import.meta.url),"./src/entities/home/HoveredEmptyWorkspace/HoveredEmptyWorkspace.stories.tsx":async()=>t(()=>import("./HoveredEmptyWorkspace.stories-DqSOQb1q.js"),__vite__mapDeps([4,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/home/NotHoveredEmptyWorkspace/NotHoveredEmptyWorkspace.stories.tsx":async()=>t(()=>import("./NotHoveredEmptyWorkspace.stories-6ph6F66O.js"),__vite__mapDeps([26,20,2,3]),import.meta.url),"./src/entities/home/WorkspaceAddBtn/WorkspaceAddBtn.stories.tsx":async()=>t(()=>import("./WorkspaceAddBtn.stories-COsbcCgU.js"),__vite__mapDeps([27,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/home/WorkspaceItem/WorkspaceItem.stories.tsx":async()=>t(()=>import("./WorkspaceItem.stories-CmOtRge_.js"),__vite__mapDeps([28,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/home/WorkspaceLoadError/WorkspaceLoadError.stories.tsx":async()=>t(()=>import("./WorkspaceLoadError.stories-BEs6Mho4.js"),__vite__mapDeps([29,19,2,3]),import.meta.url),"./src/entities/workspace/CssCategoryButton/CssCategoryButton.stories.tsx":async()=>t(()=>import("./CssCategoryButton.stories-d_4uGG-H.js"),__vite__mapDeps([30,2,3,22,6]),import.meta.url),"./src/entities/workspace/CssOptionItem/CssOptionItem.stories.tsx":async()=>t(()=>import("./CssOptionItem.stories-KVrxJnBH.js"),__vite__mapDeps([31,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,32]),import.meta.url),"./src/entities/workspace/CssTooltip/CssTooltip.stories.tsx":async()=>t(()=>import("./CssTooltip.stories-BFiP6WgX.js"),__vite__mapDeps([33,2,3,21,13]),import.meta.url),"./src/entities/workspace/RedoButton/RedoButton.stories.tsx":async()=>t(()=>import("./RedoButton.stories-CWJ7dMqD.js"),__vite__mapDeps([34,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/workspace/SaveButton/SaveButton.stories.tsx":async()=>t(()=>import("./SaveButton.stories-GItKfrlr.js"),__vite__mapDeps([35,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/workspace/UndoButton/UndoButton.stories.tsx":async()=>t(()=>import("./UndoButton.stories-CiUElbXA.js"),__vite__mapDeps([36,2,3,5,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/entities/workspace/WorkspaceNameInput/WorkspaceNameInput.stories.tsx":async()=>t(()=>import("./WorkspaceNameInput.stories-I6r9whQL.js"),__vite__mapDeps([37,5,2,3,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/pages/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-ogouFZTj.js"),__vite__mapDeps([38,2,3,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,40,41,42,43,44,45,46,47,48,49,50,51,32,52,53,54,55]),import.meta.url),"./src/pages/NotFound/NotFound.stories.tsx":async()=>t(()=>import("./NotFound.stories-BEpMr66J.js"),__vite__mapDeps([56,2,3,57,55,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,40,41,42,43,44,45,46,47,48,49,50,51,32,52,53,54]),import.meta.url),"./src/pages/Workspacepage/WorkspacePage.stories.tsx":async()=>t(()=>import("./WorkspacePage.stories-BL0qDhRk.js"),__vite__mapDeps([58,2,3,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,40,41,42,43,44,45,46,47,48,49,50,51,32,52,53,54,55,57]),import.meta.url),"./src/shared/ui/button/CircleButton.stories.tsx":async()=>t(()=>import("./CircleButton.stories-Df4a8xx-.js"),__vite__mapDeps([59,2,3,9,24,25]),import.meta.url),"./src/shared/ui/button/SquareButton.stories.tsx":async()=>t(()=>import("./SquareButton.stories-4r1TnWj-.js"),__vite__mapDeps([60,2,3,10,24,25]),import.meta.url),"./src/shared/ui/loading/Loading.stories.tsx":async()=>t(()=>import("./Loading.stories-CMBR5846.js"),__vite__mapDeps([61,2,3,15]),import.meta.url),"./src/shared/ui/loading/Spinner.stories.tsx":async()=>t(()=>import("./Spinner.stories-CAk41Vo1.js"),__vite__mapDeps([62,16,2,3,6]),import.meta.url),"./src/shared/ui/logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-_eRPHyws.js"),__vite__mapDeps([63,2,3,11,12,13,24,25]),import.meta.url),"./src/shared/ui/modal/ModalConfirm.stories.tsx":async()=>t(()=>import("./ModalConfirm.stories-B5jpzorV.js"),__vite__mapDeps([64,2,3,47,13]),import.meta.url),"./src/shared/ui/select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-txnVrNv9.js"),__vite__mapDeps([65,5,2,3,6,7,8,1,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/shared/ui/skeleton/SkeletonWorkspace.stories.tsx":async()=>t(()=>import("./SkeletonWorkspace.stories-Bqah0udJ.js"),__vite__mapDeps([66,17,2,3]),import.meta.url),"./src/shared/ui/skeleton/SkeletonWorkspaceList.stories.tsx":async()=>t(()=>import("./SkeletonWorkspaceList.stories-CzguX1lG.js"),__vite__mapDeps([67,18,2,3,17]),import.meta.url),"./src/shared/ui/toast/ToasterWithMax.stories.tsx":async()=>t(()=>import("./ToasterWithMax.stories-Dweln7-_.js"),__vite__mapDeps([68,2,3,8,14]),import.meta.url),"./src/widgets/home/EmptyWorkspace/EmptyWorkspace.stories.tsx":async()=>t(()=>import("./EmptyWorkspace.stories-fWFpEfCP.js"),__vite__mapDeps([69,44,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/GuidesBox/GuidesBox.stories.tsx":async()=>t(()=>import("./GuidesBox.stories-Sm0FjCxi.js"),__vite__mapDeps([70,39,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/HomeHeader/HomeHeader.stories.tsx":async()=>t(()=>import("./HomeHeader.stories-DYFhmQpZ.js"),__vite__mapDeps([71,41,2,3,9,10,11,12,13,14,8,15,16,6,17,18,5,7,1,19,20,21,22,23]),import.meta.url),"./src/widgets/home/WorkspaceContainer/WorkspaceContainer.stories.tsx":async()=>t(()=>import("./WorkspaceContainer.stories-DCjwKYFJ.js"),__vite__mapDeps([72,40,2,3,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,41,42,43,44,45,46,47,48,49,50,51,32,52,53,54]),import.meta.url),"./src/widgets/home/WorkspaceGrid/WorkspaceGrid.stories.tsx":async()=>t(()=>import("./WorkspaceGrid.stories-DbTYj8vk.js"),__vite__mapDeps([73,2,3,45,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]),import.meta.url),"./src/widgets/home/WorkspaceHeader/WorkspaceHeader.stories.tsx":async()=>t(()=>import("./WorkspaceHeader.stories-DMQO0XEn.js"),__vite__mapDeps([74,2,3,43,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/WorkspaceList/WorkspaceList.stories.tsx":async()=>t(()=>import("./WorkspaceList.stories-DApQ2tSN.js"),__vite__mapDeps([75,2,3,42,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/home/WorkspaceModal/WorkspaceModal.stories.tsx":async()=>t(()=>import("./WorkspaceModal.stories-C-5pOKrl.js"),__vite__mapDeps([76,2,3,46,9,10,11,12,13,47,14,8,15,16,6,17,18,5,7,1,19,20,21,22,23,24,25]),import.meta.url),"./src/widgets/workspace/PreviewBox/PreviewBox.stories.tsx":async()=>t(()=>import("./PreviewBox.stories-CEfDDJTv.js"),__vite__mapDeps([77,2,3,48,6,8,49]),import.meta.url),"./src/widgets/workspace/WorkspaceContent/WorkspaceContent.stories.tsx":async()=>t(()=>import("./WorkspaceContent.stories-Cwn5RjeV.js"),__vite__mapDeps([78,2,3,40,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,41,42,43,44,45,46,47,48,49,50,51,32,52,53,54]),import.meta.url),"./src/widgets/workspace/WorkspacePageHeader/WorkspacePageHeader.stories.tsx":async()=>t(()=>import("./WorkspacePageHeader.stories-N0zeDbbX.js"),__vite__mapDeps([79,50,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23]),import.meta.url),"./src/widgets/workspace/css/CssCategoryBar/CssCategoryBar.stories.tsx":async()=>t(()=>import("./CssCategoryBar.stories-D_dtTKC3.js"),__vite__mapDeps([80,51,2,3,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,32]),import.meta.url),"./src/widgets/workspace/css/CssOptionItemList/CssOptionItemList.stories.tsx":async()=>t(()=>import("./CssOptionItemList.stories-CBPhssJX.js"),__vite__mapDeps([81,2,3,52,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,32]),import.meta.url),"./src/widgets/workspace/css/CssPropsSelectBox/CssPropsSelectBox.stories.tsx":async()=>t(()=>import("./CssPropsSelectBox.stories-PnqsKss_.js"),__vite__mapDeps([82,2,3,40,39,1,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,41,42,43,44,45,46,47,48,49,50,51,32,52,53,54]),import.meta.url),"./src/widgets/workspace/css/CssPropsSelectBoxHeader/CssPropsSelectBoxHeader.stories.tsx":async()=>t(()=>import("./CssPropsSelectBoxHeader.stories-BojXJJWw.js"),__vite__mapDeps([83,2,3,53,9,10,11,12,13,14,8,15,16,6,17,18,5,7,1,19,20,21,22,23]),import.meta.url)};async function v(r){return I[r]()}const{composeConfigs:V,PreviewWeb:D,ClientApi:k}=__STORYBOOK_MODULE_PREVIEW_API__,A=async(r=[])=>{const _=await Promise.all([r[0]??t(()=>import("./entry-preview-VqsG2L5p.js"),__vite__mapDeps([84,85,3,13]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-CL0gtcRG.js"),__vite__mapDeps([86,85,87,3]),import.meta.url),r[2]??t(()=>import("./preview-CMganFWK.js"),[],import.meta.url),r[3]??t(()=>import("./preview-D0N1Y6iQ.js"),__vite__mapDeps([88,25]),import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([89,90]),import.meta.url),r[5]??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),r[6]??t(()=>import("./preview-CFgKly6U.js"),[],import.meta.url),r[7]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([91,90]),import.meta.url),r[8]??t(()=>import("./preview-DGUiP6tS.js"),[],import.meta.url),r[9]??t(()=>import("./preview-BJ6EHSBF.js"),[],import.meta.url),r[10]??t(()=>import("./preview-BXgneOW2.js"),__vite__mapDeps([92,2,3,55,12,13,7,54,93]),import.meta.url)]);return V(_)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new D(v,A);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-BE08qe-V.js b/assets/index-Btgu8W21.js similarity index 92% rename from assets/index-BE08qe-V.js rename to assets/index-Btgu8W21.js index aa299a1f..8bf04e97 100644 --- a/assets/index-BE08qe-V.js +++ b/assets/index-Btgu8W21.js @@ -1 +1 @@ -import{m as c,a as T,G as b,K as d,P as S,g as B,L,b as C,v as H,w as u,c as g,E as y,$ as I,y as h,d as k,N as P,e as W,D as A,x as F,C as x,f as D,S as R,R as f,I as v,h as E,i as M,A as N,F as q,j as w,k as O,l as U,W as Z,n as j,T as z,t as G,o as J,p as K,q as Q,r as V,s as X,u as Y,z as _,B as $,H as aa,J as sa,M as oa,V as ta,O as ea,Q as ra,U as pa,X as ia,Y as na,Z as ma,_ as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./DocsRenderer-CFRXHY34-AOshfsnT.js";import"./iframe-DCCQ28un.js";import"../sb-preview/runtime.js";import"./index-DRjF_FHU.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-BXCeiWJk.js";import"./index-CzpEL4_8.js";import"./index-DrFu-skq.js";import"./react-18-CeYYHeGS.js";import"./client-Dbo3a7kb.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; +import{m as c,a as T,G as b,K as d,P as S,g as B,L,b as C,v as H,w as u,c as g,E as y,$ as I,y as h,d as k,N as P,e as W,D as A,x as F,C as x,f as D,S as R,R as f,I as v,h as E,i as M,A as N,F as q,j as w,k as O,l as U,W as Z,n as j,T as z,t as G,o as J,p as K,q as Q,r as V,s as X,u as Y,z as _,B as $,H as aa,J as sa,M as oa,V as ta,O as ea,Q as ra,U as pa,X as ia,Y as na,Z as ma,_ as la,a0 as ca,a1 as Ta,a2 as ba,a3 as da,a4 as Sa,a5 as Ba,a6 as La,a7 as Ca,a8 as Ha,a9 as ua,aa as ga,ab as ya,ac as Ia,ad as ha}from"./DocsRenderer-CFRXHY34-5s844wst.js";import"./iframe-CmVLwW56.js";import"../sb-preview/runtime.js";import"./index-DRjF_FHU.js";import"./jsx-runtime-DR9Q75dM.js";import"./index-BXCeiWJk.js";import"./index-CzpEL4_8.js";import"./index-DrFu-skq.js";import"./react-18-CeYYHeGS.js";import"./client-Dbo3a7kb.js";export{c as A,T as ActionBar,b as AddonPanel,d as Badge,S as Bar,B as Blockquote,L as Button,C as ClipboardCode,H as Code,u as DL,g as Div,y as DocumentWrapper,I as EmptyTabContent,h as ErrorFormatter,k as FlexBar,P as Form,W as H1,A as H2,F as H3,x as H4,D as H5,R as H6,f as HR,v as IconButton,E as IconButtonSkeleton,M as Icons,N as Img,q as LI,w as Link,O as ListItem,U as Loader,Z as Modal,j as OL,z as P,G as Placeholder,J as Pre,K as ResetWrapper,Q as ScrollArea,V as Separator,X as Spaced,Y as Span,_ as StorybookIcon,$ as StorybookLogo,aa as Symbols,sa as SyntaxHighlighter,oa as TT,ta as TabBar,ea as TabButton,ra as TabWrapper,pa as Table,ia as Tabs,na as TabsState,ma as TooltipLinkList,la as TooltipMessage,ca as TooltipNote,Ta as UL,ba as WithTooltip,da as WithTooltipPure,Sa as Zoom,Ba as codeCommon,La as components,Ca as createCopyToClipboardFunction,Ha as getStoryHref,ua as icons,ga as interleaveSeparators,ya as nameSpaceClassNames,Ia as resetComponents,ha as withReset}; diff --git a/assets/plus-dioM8lOZ.js b/assets/plus-dioM8lOZ.js new file mode 100644 index 00000000..9eaf7be4 --- /dev/null +++ b/assets/plus-dioM8lOZ.js @@ -0,0 +1,2 @@ +import{j as u}from"./jsx-runtime-DR9Q75dM.js";import{r}from"./index-DRjF_FHU.js";const c=({children:e,className:t,width:s,height:n,onClick:o,disable:i=!1,variant:a="filled"})=>{const l=`flex items-center justify-center rounded-full disabled:cursor-not-allowed ${s} ${n}`,d=a==="filled"?"bg-green-500 text-green-100 hover:border hover:border-green-500 hover:bg-green-100 hover:text-green-500 disabled:border-green-300 disabled:bg-green-300":"border border-gray-100 text-gray-300 hover:text-gray-500 hover:border-gray-300";return u.jsx("button",{onClick:o,className:`${l} ${d} ${t}`,disabled:i,children:e})};c.__docgenInfo={description:`@description +원형 버튼 재사용 컴포넌트`,methods:[],displayName:"CircleButton",props:{children:{required:!0,tsType:{name:"union",raw:"ReactNode | string",elements:[{name:"ReactNode"},{name:"string"}]},description:""},className:{required:!1,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"string"},description:""},height:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},disable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},variant:{required:!1,tsType:{name:"union",raw:"'filled' | 'outlined'",elements:[{name:"literal",value:"'filled'"},{name:"literal",value:"'outlined'"}]},description:"",defaultValue:{value:"'filled'",computed:!1}}}};const h=e=>r.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12 4L12 20",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}));export{c as C,h as S}; diff --git a/assets/plus-qIVVYTMO.js b/assets/plus-qIVVYTMO.js deleted file mode 100644 index 79c528e3..00000000 --- a/assets/plus-qIVVYTMO.js +++ /dev/null @@ -1,2 +0,0 @@ -import{j as s}from"./jsx-runtime-DR9Q75dM.js";import{r}from"./index-DRjF_FHU.js";const d=({children:e,width:t,height:n,onClick:o,disable:i=!1})=>s.jsx("button",{onClick:o,className:`flex items-center ${t} ${n} justify-center rounded-full bg-green-500 text-green-100 hover:border hover:border-green-500 hover:bg-green-100 hover:text-green-500`,disabled:i,children:e});d.__docgenInfo={description:`@description -원형 버튼 재사용 컴포넌트`,methods:[],displayName:"CircleButton",props:{children:{required:!0,tsType:{name:"ReactNode"},description:""},width:{required:!0,tsType:{name:"string"},description:""},height:{required:!0,tsType:{name:"string"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},disable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const c=e=>r.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},r.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),r.createElement("path",{d:"M12 4L12 20",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}));export{d as C,c as S}; diff --git a/assets/preview-BVF-Njm5.css b/assets/preview-BVF-Njm5.css deleted file mode 100644 index c5d3c8d0..00000000 --- a/assets/preview-BVF-Njm5.css +++ /dev/null @@ -1 +0,0 @@ -*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(62 132 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(62 132 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#90a2b7}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#56687a}input::placeholder,textarea::placeholder{opacity:1;color:#56687a}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:SUIT Variable;font-weight:100 900;src:url(../fonts/SUIT-Variable.woff2) format("woff2-variations")}body{font-family:SUIT Variable,serif}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-20{left:5rem}.left-80{left:20rem}.left-\[220px\]{left:220px}.left-\[360px\]{left:360px}.left-\[58px\]{left:58px}.left-\[80px\]{left:80px}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-36{right:9rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-36{top:9rem}.top-4{top:1rem}.top-40{top:10rem}.top-5{top:1.25rem}.z-30{z-index:30}.z-50{z-index:50}.z-\[9998\]{z-index:9998}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-9{margin-top:2.25rem}.mt-\[60px\]{margin-top:60px}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1200px\]{height:1200px}.h-\[180px\]{height:180px}.h-\[200px\]{height:200px}.h-\[23rem\]{height:23rem}.h-\[240px\]{height:240px}.h-\[26rem\]{height:26rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[30px\]{height:30px}.h-\[30rem\]{height:30rem}.h-\[320px\]{height:320px}.h-\[42\.5rem\]{height:42.5rem}.h-\[44px\]{height:44px}.h-\[48px\]{height:48px}.h-\[600px\]{height:600px}.h-\[66px\]{height:66px}.h-\[80px\]{height:80px}.h-\[calc\(100\%-48px\)\]{height:calc(100% - 48px)}.h-\[calc\(100vh-475px\)\]{height:calc(100vh - 475px)}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1128px\]{width:1128px}.w-\[1200px\]{width:1200px}.w-\[120px\]{width:120px}.w-\[2000px\]{width:2000px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[264px\]{width:264px}.w-\[272px\]{width:272px}.w-\[30px\]{width:30px}.w-\[32rem\]{width:32rem}.w-\[36rem\]{width:36rem}.w-\[500px\]{width:500px}.w-\[63rem\]{width:63rem}.w-\[800px\]{width:800px}.w-\[80px\]{width:80px}.w-full{width:100%}.w-screen{width:100vw}.min-w-24{min-width:6rem}.max-w-36{max-width:9rem}.max-w-\[1128px\]{max-width:1128px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-list{grid-template-columns:repeat(4,minmax(0,264px))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-8{row-gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tl-none{border-top-left-radius:0}.border{border-width:1px}.border-4{border-width:4px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(205 217 228 / var(--tw-border-opacity))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(244 248 250 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(157 236 206 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(2 208 133 / var(--tw-border-opacity))}.border-b-yellow-500{--tw-border-opacity: 1;border-bottom-color:rgb(255 226 65 / var(--tw-border-opacity))}.border-r-gray-100{--tw-border-opacity: 1;border-right-color:rgb(205 217 228 / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(139 181 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(62 132 255 / var(--tw-bg-opacity))}.bg-blue-500\/20{background-color:#3e84ff33}.bg-blue-500\/50{background-color:#3e84ff80}.bg-blue-500\/60{background-color:#3e84ff99}.bg-blue-500\/80{background-color:#3e84ffcc}.bg-blue-500\/90{background-color:#3e84ffe6}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(205 217 228 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity))}.bg-gray-black{--tw-bg-opacity: 1;background-color:rgb(30 39 46 / var(--tw-bg-opacity))}.bg-gray-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(229 251 243 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(157 236 206 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(2 208 133 / var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(255 81 81 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(255 243 173 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(255 226 65 / var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.from-blue-100\/40{--tw-gradient-from: rgb(226 237 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 237 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-100\/50{--tw-gradient-from: rgb(226 237 255 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 237 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-300{--tw-gradient-from: #8BB5FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 181 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3E84FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(62 132 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-300{--tw-gradient-from: #9DECCE var(--tw-gradient-from-position);--tw-gradient-to: rgb(157 236 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #02D085 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 208 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #FF5151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 81 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-200\/90{--tw-gradient-from: rgb(255 243 173 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 243 173 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-900{--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to: #02D085 var(--tw-gradient-to-position)}.to-green-900{--tw-gradient-to: #14532d var(--tw-gradient-to-position)}.to-red-900{--tw-gradient-to: #7f1d1d var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to: #FFF3AD var(--tw-gradient-to-position)}.to-yellow-200\/0{--tw-gradient-to: rgb(255 243 173 / 0) var(--tw-gradient-to-position)}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-gray-200{fill:#90a2b7}.fill-gray-black{fill:#1e272e}.fill-gray-white{fill:#fff}.fill-green-500{fill:#02d085}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left-top{-o-object-position:left top;object-position:left top}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[72px\]{padding-left:72px;padding-right:72px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[36px\]{padding-top:36px;padding-bottom:36px}.pb-48{padding-bottom:12rem}.pb-6{padding-bottom:1.5rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-\[1\.33\]{line-height:1.33}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(144 162 183 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(118 135 151 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(86 104 122 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(244 248 250 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(65 80 91 / var(--tw-text-opacity))}.text-gray-black{--tw-text-opacity: 1;color:rgb(30 39 46 / var(--tw-text-opacity))}.text-gray-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-green-100{--tw-text-opacity: 1;color:rgb(229 251 243 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder-gray-100::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(205 217 228 / var(--tw-placeholder-opacity))}.placeholder-gray-100::placeholder{--tw-placeholder-opacity: 1;color:rgb(205 217 228 / var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-drop{--tw-shadow: 4px 4px 4px 0px rgba(120, 119, 125, .06);--tw-shadow-colored: 4px 4px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-gray-500{--tw-shadow-color: #41505B;--tw-shadow: var(--tw-shadow-colored)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.text-bold-xl{font-size:1.5rem;font-weight:700;line-height:1.25rem}.text-bold-lg{font-size:1.25rem;font-weight:700;line-height:1rem}.text-bold-md{font-size:1rem;font-weight:700;line-height:1.25rem}.text-bold-rg{font-size:.875rem;font-weight:700;line-height:1rem}.text-bold-sm{font-size:.75rem;font-weight:700;line-height:1rem}.text-semibold-lg{font-size:1.25rem;font-weight:600;line-height:1.75rem}.text-semibold-md{font-size:1rem;font-weight:600;line-height:1.25rem}.text-medium-md{font-size:1rem;font-weight:500;line-height:1.5rem}.text-medium-rg{font-size:.875rem;font-weight:500;line-height:1.5rem}.text-medium-sm{font-size:.75rem;font-weight:500;line-height:1rem}.text-tooltip-sm{font-size:.75rem;font-weight:500;line-height:1.15rem}.blocklyToolboxDiv{padding:0;background-color:transparent;margin:1rem;display:flex!important;height:calc(100% - 2rem)!important;flex-direction:column;flex-wrap:nowrap;align-items:flex-end;box-shadow:0 4px 4px #76767640;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow-y:hidden}.blocklyToolboxContents{background-color:#fff;height:100%;border-left:1px #cdd9e4 solid}.blocklyToolboxCategory{padding:0;margin:0}.blocklyTreeRow{width:6rem;height:auto;background-color:#fff;padding:.5rem 0;margin:0;border-bottom:1px #cdd9e4 solid;display:flex;align-items:center;justify-content:center}.blocklyTreeRowContentContainer{display:flex;flex-direction:column;gap:.5rem;align-items:center}.blocklyTreeRow:hover{cursor:pointer}.blocklyTreeLabel{font-size:.75rem;font-weight:600;line-height:1rem}.blocklyFlyout{z-index:70;transform:translate(800px,40px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cdd9e4;border-radius:4px}input[type=color]::-webkit-color-swatch{border-radius:100%;border:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}.contentCreatingBlock{display:flex;flex-direction:column;padding:1.25rem 1rem .5rem}.creatingBlockLabel{--tw-text-opacity: 1;color:rgb(30 39 46 / var(--tw-text-opacity));font-size:.875rem;font-weight:700;line-height:1rem;margin-bottom:.75rem}.creatingBlockInput{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(86 104 122 / var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1rem;border:1px solid #cdd9e4;border-radius:.5rem;padding:.5rem 1.25rem;width:100%;height:2.5rem}.creatingBlockInput::-moz-placeholder{--tw-text-opacity: 1;color:rgb(144 162 183 / var(--tw-text-opacity))}.creatingBlockInput::placeholder{--tw-text-opacity: 1;color:rgb(144 162 183 / var(--tw-text-opacity))}.creatingBlockButton{--tw-bg-opacity: 1;background-color:rgb(62 132 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));margin-top:.5rem;font-size:1.25rem;border-radius:.5rem;width:100%;height:2.5rem}.creatingBlockButton:hover{--tw-bg-opacity: 1;background-color:rgb(139 181 255 / var(--tw-bg-opacity))}.blocklyTrash{opacity:1!important}.listBlockLabel{--tw-text-opacity: 1;color:rgb(30 39 46 / var(--tw-text-opacity));font-size:.875rem;font-weight:700;line-height:1rem;margin-top:1.75rem}.resetCssDiv{display:flex;align-items:center;margin:1rem 0 0}.resetCssCheckbox{height:1.25rem;width:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(205 217 228 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));background-position:center;background-repeat:no-repeat}.resetCssCheckbox:checked{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));background-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.57986%203.58181L5.25145%209.25L1.86058%205.63747'%20stroke='%2356687A'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e")}.resetCssText{--tw-text-opacity: 1;color:rgb(86 104 122 / var(--tw-text-opacity));padding:0 6px 0 12px}.blocklyTooltipDiv{border-radius:.375rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(2 208 133 / var(--tw-bg-opacity));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:1;font-size:.75rem;font-weight:500;line-height:1.15rem}.blocklyContextMenu{padding:0!important;box-sizing:border-box!important;max-height:200px!important;overflow-y:auto!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBlock{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes rotateX{0%{transform:rotateX(37deg) rotate(0) translateY(-350px)}to{transform:rotateX(70deg) rotate(0) translateY(-350px)}}.reset-css html,.reset-css body,.reset-css div,.reset-css span,.reset-css header,.reset-css section,.reset-css nav,.reset-css main,.reset-css article,.reset-css footer,.reset-css p,.reset-css strong,.reset-css h1,.reset-css h2,.reset-css h3,.reset-css h4,.reset-css h5,.reset-css h6,.reset-css small,.reset-css br,.reset-css em,.reset-css i,.reset-css blockquote,.reset-css hr,.reset-css input,.reset-css button,.reset-css form,.reset-css option,.reset-css textarea,.reset-css select,.reset-css fieldset,.reset-css legend,.reset-css label,.reset-css td,.reset-css tr,.reset-css th,.reset-css caption,.reset-css table,.reset-css ul,.reset-css ol,.reset-css li,.reset-css a{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.reset-css article,.reset-css header,.reset-css section,.reset-css nav,.reset-css main,.reset-css footer{display:block}.reset-css body{line-height:1}.reset-css ol,.reset-css ul{list-style:none}.reset-css blockquote,.reset-css q{quotes:none}.reset-css blockquote:before,.reset-css blockquote:after,.reset-css q:before,.reset-css q:after{content:"";content:none}.reset-css table{border-collapse:collapse;border-spacing:0}.placeholder\:text-gray-100::-moz-placeholder{--tw-text-opacity: 1;color:rgb(205 217 228 / var(--tw-text-opacity))}.placeholder\:text-gray-100::placeholder{--tw-text-opacity: 1;color:rgb(205 217 228 / var(--tw-text-opacity))}.placeholder\:text-semibold-rg::-moz-placeholder{font-size:.875rem;font-weight:600;line-height:1rem}.placeholder\:text-semibold-rg::placeholder{font-size:.875rem;font-weight:600;line-height:1rem}.placeholder\:text-medium-md::-moz-placeholder{font-size:1rem;font-weight:500;line-height:1.5rem}.placeholder\:text-medium-md::placeholder{font-size:1rem;font-weight:500;line-height:1.5rem}.checked\:bg-white:checked{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.checked\:bg-\[url\(\'\@\/shared\/assets\/check\.svg\'\)\]:checked{background-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.57986%203.58181L5.25145%209.25L1.86058%205.63747'%20stroke='%2356687A'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e")}.hover\:border:hover{border-width:1px}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(118 135 151 / var(--tw-border-opacity))}.hover\:border-green-500:hover{--tw-border-opacity: 1;border-color:rgb(2 208 133 / var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(205 217 228 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(229 251 243 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(255 243 173 / var(--tw-bg-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(118 135 151 / var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(2 208 133 / var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(255 81 81 / var(--tw-text-opacity))}.focus\:border-gray-200:focus{--tw-border-opacity: 1;border-color:rgb(144 162 183 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:border:disabled{border-width:1px}.disabled\:border-gray-100:disabled{--tw-border-opacity: 1;border-color:rgb(205 217 228 / var(--tw-border-opacity))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity))}@media (min-width: 1280px){.xl\:px-0{padding-left:0;padding-right:0}} diff --git a/assets/preview-BXgneOW2.js b/assets/preview-CK21s2nG.js similarity index 100% rename from assets/preview-BXgneOW2.js rename to assets/preview-CK21s2nG.js diff --git a/assets/preview-CQwkkKQu.css b/assets/preview-CQwkkKQu.css new file mode 100644 index 00000000..1fbd3353 --- /dev/null +++ b/assets/preview-CQwkkKQu.css @@ -0,0 +1 @@ +*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(62 132 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(62 132 255 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#90a2b7}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#56687a}input::placeholder,textarea::placeholder{opacity:1;color:#56687a}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:SUIT Variable;font-weight:100 900;src:url(../fonts/SUIT-Variable.woff2) format("woff2-variations")}body{font-family:SUIT Variable,serif}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-20{left:5rem}.left-80{left:20rem}.left-\[220px\]{left:220px}.left-\[360px\]{left:360px}.left-\[58px\]{left:58px}.left-\[80px\]{left:80px}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-36{right:9rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-36{top:9rem}.top-4{top:1rem}.top-40{top:10rem}.top-5{top:1.25rem}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[9998\]{z-index:9998}.z-\[99998\]{z-index:99998}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-9{margin-top:2.25rem}.mt-\[60px\]{margin-top:60px}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1200px\]{height:1200px}.h-\[180px\]{height:180px}.h-\[200px\]{height:200px}.h-\[23rem\]{height:23rem}.h-\[240px\]{height:240px}.h-\[26rem\]{height:26rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[30px\]{height:30px}.h-\[30rem\]{height:30rem}.h-\[320px\]{height:320px}.h-\[42\.5rem\]{height:42.5rem}.h-\[44px\]{height:44px}.h-\[48px\]{height:48px}.h-\[600px\]{height:600px}.h-\[66px\]{height:66px}.h-\[80px\]{height:80px}.h-\[calc\(100\%-48px\)\]{height:calc(100% - 48px)}.h-\[calc\(100vh-475px\)\]{height:calc(100vh - 475px)}.h-\[calc\(100vh-56px\)\]{height:calc(100vh - 56px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.min-h-40{min-height:10rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[1128px\]{width:1128px}.w-\[1200px\]{width:1200px}.w-\[120px\]{width:120px}.w-\[2000px\]{width:2000px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[264px\]{width:264px}.w-\[272px\]{width:272px}.w-\[30px\]{width:30px}.w-\[32rem\]{width:32rem}.w-\[36rem\]{width:36rem}.w-\[500px\]{width:500px}.w-\[63rem\]{width:63rem}.w-\[800px\]{width:800px}.w-\[80px\]{width:80px}.w-full{width:100%}.w-screen{width:100vw}.min-w-24{min-width:6rem}.min-w-96{min-width:24rem}.max-w-36{max-width:9rem}.max-w-\[1128px\]{max-width:1128px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-list{grid-template-columns:repeat(4,minmax(0,264px))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-11{gap:2.75rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-8{row-gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-tl-none{border-top-left-radius:0}.border{border-width:1px}.border-4{border-width:4px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-r{border-right-width:1px}.border-dashed{border-style:dashed}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(205 217 228 / var(--tw-border-opacity))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(244 248 250 / var(--tw-border-opacity))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(157 236 206 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(2 208 133 / var(--tw-border-opacity))}.border-b-yellow-500{--tw-border-opacity: 1;border-bottom-color:rgb(255 226 65 / var(--tw-border-opacity))}.border-r-gray-100{--tw-border-opacity: 1;border-right-color:rgb(205 217 228 / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(139 181 255 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(62 132 255 / var(--tw-bg-opacity))}.bg-blue-500\/20{background-color:#3e84ff33}.bg-blue-500\/50{background-color:#3e84ff80}.bg-blue-500\/60{background-color:#3e84ff99}.bg-blue-500\/80{background-color:#3e84ffcc}.bg-blue-500\/90{background-color:#3e84ffe6}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(205 217 228 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity))}.bg-gray-black{--tw-bg-opacity: 1;background-color:rgb(30 39 46 / var(--tw-bg-opacity))}.bg-gray-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(229 251 243 / var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity: 1;background-color:rgb(157 236 206 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(2 208 133 / var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(255 81 81 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(255 243 173 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(255 226 65 / var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-70{--tw-bg-opacity: .7}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left,var(--tw-gradient-stops))}.from-blue-100\/40{--tw-gradient-from: rgb(226 237 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 237 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-100\/50{--tw-gradient-from: rgb(226 237 255 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(226 237 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-300{--tw-gradient-from: #8BB5FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 181 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3E84FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(62 132 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-300{--tw-gradient-from: #9DECCE var(--tw-gradient-from-position);--tw-gradient-to: rgb(157 236 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #02D085 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 208 133 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #FF5151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 81 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-200\/90{--tw-gradient-from: rgb(255 243 173 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 243 173 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-900{--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to: #02D085 var(--tw-gradient-to-position)}.to-green-900{--tw-gradient-to: #14532d var(--tw-gradient-to-position)}.to-red-900{--tw-gradient-to: #7f1d1d var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to: #FFF3AD var(--tw-gradient-to-position)}.to-yellow-200\/0{--tw-gradient-to: rgb(255 243 173 / 0) var(--tw-gradient-to-position)}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-gray-200{fill:#90a2b7}.fill-gray-black{fill:#1e272e}.fill-gray-white{fill:#fff}.fill-green-500{fill:#02d085}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left-top{-o-object-position:left top;object-position:left top}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[72px\]{padding-left:72px;padding-right:72px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[36px\]{padding-top:36px;padding-bottom:36px}.pb-4{padding-bottom:1rem}.pb-48{padding-bottom:12rem}.pb-6{padding-bottom:1.5rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.leading-\[1\.33\]{line-height:1.33}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(144 162 183 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(118 135 151 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(86 104 122 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(244 248 250 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(65 80 91 / var(--tw-text-opacity))}.text-gray-black{--tw-text-opacity: 1;color:rgb(30 39 46 / var(--tw-text-opacity))}.text-gray-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-green-100{--tw-text-opacity: 1;color:rgb(229 251 243 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(2 208 133 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.placeholder-gray-100::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(205 217 228 / var(--tw-placeholder-opacity))}.placeholder-gray-100::placeholder{--tw-placeholder-opacity: 1;color:rgb(205 217 228 / var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-drop{--tw-shadow: 4px 4px 4px 0px rgba(120, 119, 125, .06);--tw-shadow-colored: 4px 4px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-gray-500{--tw-shadow-color: #41505B;--tw-shadow: var(--tw-shadow-colored)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.text-bold-xl{font-size:1.5rem;font-weight:700;line-height:1.25rem}.text-bold-lg{font-size:1.25rem;font-weight:700;line-height:1rem}.text-bold-md{font-size:1rem;font-weight:700;line-height:1.25rem}.text-bold-rg{font-size:.875rem;font-weight:700;line-height:1rem}.text-bold-sm{font-size:.75rem;font-weight:700;line-height:1rem}.text-semibold-lg{font-size:1.25rem;font-weight:600;line-height:1.75rem}.text-semibold-md{font-size:1rem;font-weight:600;line-height:1.25rem}.text-medium-md{font-size:1rem;font-weight:500;line-height:1.5rem}.text-medium-rg{font-size:.875rem;font-weight:500;line-height:1.5rem}.text-medium-sm{font-size:.75rem;font-weight:500;line-height:1rem}.text-tooltip-sm{font-size:.75rem;font-weight:500;line-height:1.15rem}.blocklyToolboxDiv{padding:0;background-color:transparent;margin:1rem;display:flex!important;height:calc(100% - 2rem)!important;flex-direction:column;flex-wrap:nowrap;align-items:flex-end;box-shadow:0 4px 4px #76767640;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow-y:hidden}.blocklyToolboxContents{background-color:#fff;height:100%;border-left:1px #cdd9e4 solid}.blocklyToolboxCategory{padding:0;margin:0}.blocklyTreeRow{width:6rem;height:auto;background-color:#fff;padding:.5rem 0;margin:0;border-bottom:1px #cdd9e4 solid;display:flex;align-items:center;justify-content:center}.blocklyTreeRowContentContainer{display:flex;flex-direction:column;gap:.5rem;align-items:center}.blocklyTreeRow:hover{cursor:pointer}.blocklyTreeLabel{font-size:.75rem;font-weight:600;line-height:1rem}.blocklyFlyout{z-index:70;transform:translate(800px,40px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cdd9e4;border-radius:4px}input[type=color]::-webkit-color-swatch{border-radius:100%;border:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}.contentCreatingBlock{display:flex;flex-direction:column;padding:1.25rem 1rem .5rem}.creatingBlockLabel{--tw-text-opacity: 1;color:rgb(30 39 46 / var(--tw-text-opacity));font-size:.875rem;font-weight:700;line-height:1rem;margin-bottom:.75rem}.creatingBlockInput{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(86 104 122 / var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1rem;border:1px solid #cdd9e4;border-radius:.5rem;padding:.5rem 1.25rem;width:100%;height:2.5rem}.creatingBlockInput::-moz-placeholder{--tw-text-opacity: 1;color:rgb(144 162 183 / var(--tw-text-opacity))}.creatingBlockInput::placeholder{--tw-text-opacity: 1;color:rgb(144 162 183 / var(--tw-text-opacity))}.creatingBlockButton{--tw-bg-opacity: 1;background-color:rgb(62 132 255 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));margin-top:.5rem;font-size:1.25rem;border-radius:.5rem;width:100%;height:2.5rem}.creatingBlockButton:hover{--tw-bg-opacity: 1;background-color:rgb(139 181 255 / var(--tw-bg-opacity))}.blocklyTrash{opacity:1!important}.listBlockLabel{--tw-text-opacity: 1;color:rgb(30 39 46 / var(--tw-text-opacity));font-size:.875rem;font-weight:700;line-height:1rem;margin-top:1.75rem}.resetCssDiv{display:flex;align-items:center;margin:1rem 0 0}.resetCssCheckbox{height:1.25rem;width:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(205 217 228 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));background-position:center;background-repeat:no-repeat}.resetCssCheckbox:checked{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));background-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.57986%203.58181L5.25145%209.25L1.86058%205.63747'%20stroke='%2356687A'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e")}.resetCssText{--tw-text-opacity: 1;color:rgb(86 104 122 / var(--tw-text-opacity));padding:0 6px 0 12px}.blocklyTooltipDiv{border-radius:.375rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(2 208 133 / var(--tw-bg-opacity));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:1;font-size:.75rem;font-weight:500;line-height:1.15rem}.blocklyContextMenu{padding:0!important;box-sizing:border-box!important;max-height:200px!important;overflow-y:auto!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBlock{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes rotateX{0%{transform:rotateX(37deg) rotate(0) translateY(-350px)}to{transform:rotateX(70deg) rotate(0) translateY(-350px)}}.reset-css html,.reset-css body,.reset-css div,.reset-css span,.reset-css header,.reset-css section,.reset-css nav,.reset-css main,.reset-css article,.reset-css footer,.reset-css p,.reset-css strong,.reset-css h1,.reset-css h2,.reset-css h3,.reset-css h4,.reset-css h5,.reset-css h6,.reset-css small,.reset-css br,.reset-css em,.reset-css i,.reset-css blockquote,.reset-css hr,.reset-css input,.reset-css button,.reset-css form,.reset-css option,.reset-css textarea,.reset-css select,.reset-css fieldset,.reset-css legend,.reset-css label,.reset-css td,.reset-css tr,.reset-css th,.reset-css caption,.reset-css table,.reset-css ul,.reset-css ol,.reset-css li,.reset-css a{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.reset-css article,.reset-css header,.reset-css section,.reset-css nav,.reset-css main,.reset-css footer{display:block}.reset-css body{line-height:1}.reset-css ol,.reset-css ul{list-style:none}.reset-css blockquote,.reset-css q{quotes:none}.reset-css blockquote:before,.reset-css blockquote:after,.reset-css q:before,.reset-css q:after{content:"";content:none}.reset-css table{border-collapse:collapse;border-spacing:0}.coachMarkHighlight{z-index:99999}.coachMarkHighlightText{--tw-text-opacity: 1;color:rgb(2 208 133 / var(--tw-text-opacity));font-size:1rem;font-weight:600;line-height:1.25rem}.placeholder\:text-gray-100::-moz-placeholder{--tw-text-opacity: 1;color:rgb(205 217 228 / var(--tw-text-opacity))}.placeholder\:text-gray-100::placeholder{--tw-text-opacity: 1;color:rgb(205 217 228 / var(--tw-text-opacity))}.placeholder\:text-semibold-rg::-moz-placeholder{font-size:.875rem;font-weight:600;line-height:1rem}.placeholder\:text-semibold-rg::placeholder{font-size:.875rem;font-weight:600;line-height:1rem}.placeholder\:text-medium-md::-moz-placeholder{font-size:1rem;font-weight:500;line-height:1.5rem}.placeholder\:text-medium-md::placeholder{font-size:1rem;font-weight:500;line-height:1.5rem}.checked\:bg-white:checked{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.checked\:bg-\[url\(\'\@\/shared\/assets\/check\.svg\'\)\]:checked{background-image:url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.57986%203.58181L5.25145%209.25L1.86058%205.63747'%20stroke='%2356687A'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e")}.hover\:border:hover{border-width:1px}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(118 135 151 / var(--tw-border-opacity))}.hover\:border-green-500:hover{--tw-border-opacity: 1;border-color:rgb(2 208 133 / var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(205 217 228 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity))}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(229 251 243 / var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(255 243 173 / var(--tw-bg-opacity))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(118 135 151 / var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(65 80 91 / var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(2 208 133 / var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(255 81 81 / var(--tw-text-opacity))}.focus\:border-gray-200:focus{--tw-border-opacity: 1;border-color:rgb(144 162 183 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border:disabled{border-width:1px}.disabled\:border-gray-100:disabled{--tw-border-opacity: 1;border-color:rgb(205 217 228 / var(--tw-border-opacity))}.disabled\:border-green-300:disabled{--tw-border-opacity: 1;border-color:rgb(157 236 206 / var(--tw-border-opacity))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity: 1;background-color:rgb(244 248 250 / var(--tw-bg-opacity))}.disabled\:bg-green-300:disabled{--tw-bg-opacity: 1;background-color:rgb(157 236 206 / var(--tw-bg-opacity))}@media (min-width: 1280px){.xl\:px-0{padding-left:0;padding-right:0}} diff --git a/assets/preview-CMganFWK.js b/assets/preview-DpyGzjdk.js similarity index 77% rename from assets/preview-CMganFWK.js rename to assets/preview-DpyGzjdk.js index 248bd097..bc6767d9 100644 --- a/assets/preview-CMganFWK.js +++ b/assets/preview-DpyGzjdk.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-AOshfsnT.js","./iframe-DCCQ28un.js","./index-DRjF_FHU.js","./jsx-runtime-DR9Q75dM.js","./index-BXCeiWJk.js","./index-CzpEL4_8.js","./index-DrFu-skq.js","./react-18-CeYYHeGS.js","./client-Dbo3a7kb.js"])))=>i.map(i=>d[i]); -import{_ as a}from"./iframe-DCCQ28un.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.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-CFRXHY34-AOshfsnT.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[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-CFRXHY34-5s844wst.js","./iframe-CmVLwW56.js","./index-DRjF_FHU.js","./jsx-runtime-DR9Q75dM.js","./index-BXCeiWJk.js","./index-CzpEL4_8.js","./index-DrFu-skq.js","./react-18-CeYYHeGS.js","./client-Dbo3a7kb.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-CmVLwW56.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.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-CFRXHY34-5s844wst.js").then(r=>r.ak),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; diff --git a/assets/useCoachMarkStore-BoVLoTcU.js b/assets/useCoachMarkStore-BoVLoTcU.js new file mode 100644 index 00000000..7838648b --- /dev/null +++ b/assets/useCoachMarkStore-BoVLoTcU.js @@ -0,0 +1 @@ +import{d as a}from"./useImageModalStore-axAWps0d.js";const o=a()(r=>({isCoachMarkOpen:!0,currentStep:0,openCoachMark:()=>r({isCoachMarkOpen:!0,currentStep:0}),closeCoachMark:()=>r({isCoachMarkOpen:!1}),setCurrentStep:e=>r({currentStep:e})}));export{o as u}; diff --git a/assets/useImageModalStore-jpOIQYA6.js b/assets/useImageModalStore-axAWps0d.js similarity index 98% rename from assets/useImageModalStore-jpOIQYA6.js rename to assets/useImageModalStore-axAWps0d.js index 1a03ab07..53464d68 100644 --- a/assets/useImageModalStore-jpOIQYA6.js +++ b/assets/useImageModalStore-axAWps0d.js @@ -1,4 +1,4 @@ -import{c as td,g as LC,R as RB}from"./index-DRjF_FHU.js";const _d="BOOLOCK_SYSTEM_",Xl="CSS_",uT=n=>`${_d}${n}`,dT=n=>n.startsWith(_d)?n.slice(_d.length):n,gT=n=>n.startsWith(Xl)?n:`${Xl}${n}`,Ad=n=>n.startsWith(Xl)?n.replace(Xl,""):n;var Lm={exports:{}};(function(n,r){(function(i,l){n.exports=l()})(td,function(){var i={},l,a,h,d,p,g,f,m,w,_,D,F,v,Y,G,N,ee,P,X,R,q,U,z,ue,Se,We,re,le,nt,ce,Ue,Lt,xe,lt,Yt,xt,bt,Ot,De,Xe,Ht,ti,gc,W,ct,me,co,Jt,ps,ao,at,fA,pc,y,K,Dr,$e,tg,ae,$s,Rr,fs,Bs,$c,ho,Qr,Lr,uo,Ag,fc,jt,GA,Bc,mc,xr,wc,go,Or,Cc,bc,sg,ig,og,Ai,rg,Hr,ng,po,Nr,lg,Mr,cg,Pr,Ec,_c,Gr,Vr,Kr,$o,ag,Wr,hg,ug,Xr,dg,vc,si,gg,zr,yc,Tc,pg,Yr,ii,Jr,$g,Ic,kc,fg,Bg,ms,mg,fo,Fc,Zt,BA,wg,Sc,jr,Uc,Cg,Dc,Bo,bg,oi,mo,Zr,Eg,_g,vg,VA,Ge,wo,pt,yg,Tg,Ig,kg,Fg,Sg,Ug,Rc,mA,ri,Qc,Dg,Rg,Qg,Lg,xg,Og,Hg,Ng,Mg,Lc,Pg,ni,qr,Gg,li,xc,Oc,Hc,en,tn,Nc,Vg,Mc,Pc,Gc,Vc,Kc,Wc,Xc,Kg,Co,zc,An,sn,qt,Yc,Jc,bo,jc,Zc,Wg,on,qc,Xg,zg,Yg,Jg,jg,ci,ea,ta,ai,rn,Zg,qg,Aa,sa,wA,ia,oa,ep,tp,Ap,sp,ra,ip,na,op,ws,Eo,nn,ln,Cs,la,cn,ca,ve,rp,hi,ui,np,aa,an,di,ha,bs,_o,ua,da,lp,cp,ap,ga,hp,pa,vo,up,dp,gp,pp,yo,$a,$p,To,fa,Io,fp,Bp,KA,Ba,eA,mp,wp,ma,Cp,Es,wa,bp,Ep,_p,vp,yp,Ca,Tp,Ip,hn,kp,Fp,ba,un,Ea,dn,_a,va,gi,_s,CA,WA,gn,tA,Sp,Up,Dp,Rp,ya,Qp,Ta,pn,Lp,xp,Op,Ia,$n,ka,fn,Hp,Np,Mp,Pp,XA,V,ht,Oe,Ce,AA,pi,x,ye,Fa,Gp,Bn,Sa,Vp,Ua,mn,Da,Ra,Kp,Qa,Wp,wn,Xp,zp,Yp,Jp,jp,La,Zp,ko,Fo,qp,xa,Oa,Ha,Na,Cn,Ma,e$,t$,A$,$i,Pa,s$,bn,Et,i$,zA,Ga,o$,So,Va,Ka,Wa,Xa,za,Ya,Ja,ja,Za,qa,r$,n$,l$,c$,a$,h$,u$,d$,g$,eh,th,Ah,sh,ih,oh,rh,En,Uo,nh,p$,lh,ch,ah,hh,uh,dh,gh,ph,$h,fh,$$,f$,B$,Bh,m$,w$,C$,b$,E$,I;l=function(e,t,A,s){if(!(e instanceof k)&&typeof e!="string"||`${e}`.trim()==="")throw Error('Invalid type "'+e+'". The type must be a non-empty string or a Blockly.registry.Type.');if(e=`${e}`.toLowerCase(),typeof t!="string"||t.trim()==="")throw Error('Invalid name "'+t+'". The name must be a non-empty string.');const o=t.toLowerCase();if(!A)throw Error("Can not register a null value");let c=YA[e],u=_n[e];if(c||(c=YA[e]=Object.create(null),u=_n[e]=Object.create(null)),a(e,A),!s&&c[o]&&c[o]!==A)throw Error('Name "'+o+'" with type "'+e+'" already registered.');c[o]=A,u[o]=t},a=function(e,t){switch(e){case String(k.FIELD):if(typeof t.fromJson!="function")throw Error('Type "'+e+'" must have a fromJson function')}},h=function(e,t){e=`${e}`.toLowerCase(),t=t.toLowerCase();const A=YA[e];A&&A[t]?(delete YA[e][t],delete _n[e][t]):console.warn("Unable to unregister ["+t+"]["+e+"] from the registry.")},d=function(e,t,A){e=`${e}`.toLowerCase(),t=t.toLowerCase();const s=YA[e];if(!s||!s[t]){if(t="Unable to find ["+t+"]["+e+"] in the registry.",A)throw Error(t+" You must require or register a "+e+" plugin.");return console.warn(t),null}return s[t]},p=function(e,t){return e=`${e}`.toLowerCase(),t=t.toLowerCase(),(e=YA[e])?!!e[t]:!1},g=function(e,t,A){return d(e,t,A)},f=function(e,t,A){return d(e,t,A)},m=function(e,t,A){e=`${e}`.toLowerCase();var s=YA[e];if(!s){if(s=`Unable to find [${e}] in the registry.`,A)throw Error(`${s} You must require or register a ${e} plugin.`);return console.warn(s),null}if(!t)return s;e=_n[e],A=Object.create(null);for(const o of Object.keys(s))A[e[o]]=s[o];return A},w=function(e,t,A){return t=t.plugins[String(e)]||sA,typeof t=="function"?t:g(e,t,A)},_=function(){return"blockly-"+(Mw++).toString(36)},D=function(){return v$.genUid()},i.setRecordUndo$$module$build$src$core$events$utils=function(e){fi=e},F=function(){return fi},v=function(e){kn.fireInternal(e)},Y=function(e){if(P()){if(!ks.length)try{requestAnimationFrame(()=>{setTimeout(G,0)})}catch{setTimeout(G,0)}ks.push(e)}},G=function(){var e=N(ks,!0);ks.length=0;for(let A=0,s;s=e[A];A++)if(s.workspaceId){var t=ue(s.workspaceId);t&&t.fireChangeListener(s)}e=new Set(e.map(A=>A.workspaceId));for(const A of e){if(!A||(e=ue(A),!e))continue;e=e.getUndoStack();let s;for(t=e.length;0`${_d}${n}`,gT=n=>n.startsWith(_d)?n.slice(_d.length):n,pT=n=>n.startsWith(Xl)?n:`${Xl}${n}`,Ad=n=>n.startsWith(Xl)?n.replace(Xl,""):n;var Lm={exports:{}};(function(n,r){(function(i,l){n.exports=l()})(td,function(){var i={},l,a,h,d,p,g,f,m,w,_,D,F,v,Y,G,N,ee,P,X,R,q,U,z,ue,Se,We,re,le,nt,ce,Ue,Lt,xe,lt,Yt,xt,bt,Ot,De,Xe,Ht,ti,gc,W,ct,me,co,Jt,ps,ao,at,fA,pc,y,K,Dr,$e,tg,ae,$s,Rr,fs,Bs,$c,ho,Qr,Lr,uo,Ag,fc,jt,GA,Bc,mc,xr,wc,go,Or,Cc,bc,sg,ig,og,Ai,rg,Hr,ng,po,Nr,lg,Mr,cg,Pr,Ec,_c,Gr,Vr,Kr,$o,ag,Wr,hg,ug,Xr,dg,vc,si,gg,zr,yc,Tc,pg,Yr,ii,Jr,$g,Ic,kc,fg,Bg,ms,mg,fo,Fc,Zt,BA,wg,Sc,jr,Uc,Cg,Dc,Bo,bg,oi,mo,Zr,Eg,_g,vg,VA,Ge,wo,pt,yg,Tg,Ig,kg,Fg,Sg,Ug,Rc,mA,ri,Qc,Dg,Rg,Qg,Lg,xg,Og,Hg,Ng,Mg,Lc,Pg,ni,qr,Gg,li,xc,Oc,Hc,en,tn,Nc,Vg,Mc,Pc,Gc,Vc,Kc,Wc,Xc,Kg,Co,zc,An,sn,qt,Yc,Jc,bo,jc,Zc,Wg,on,qc,Xg,zg,Yg,Jg,jg,ci,ea,ta,ai,rn,Zg,qg,Aa,sa,wA,ia,oa,ep,tp,Ap,sp,ra,ip,na,op,ws,Eo,nn,ln,Cs,la,cn,ca,ve,rp,hi,ui,np,aa,an,di,ha,bs,_o,ua,da,lp,cp,ap,ga,hp,pa,vo,up,dp,gp,pp,yo,$a,$p,To,fa,Io,fp,Bp,KA,Ba,eA,mp,wp,ma,Cp,Es,wa,bp,Ep,_p,vp,yp,Ca,Tp,Ip,hn,kp,Fp,ba,un,Ea,dn,_a,va,gi,_s,CA,WA,gn,tA,Sp,Up,Dp,Rp,ya,Qp,Ta,pn,Lp,xp,Op,Ia,$n,ka,fn,Hp,Np,Mp,Pp,XA,V,ht,Oe,Ce,AA,pi,x,ye,Fa,Gp,Bn,Sa,Vp,Ua,mn,Da,Ra,Kp,Qa,Wp,wn,Xp,zp,Yp,Jp,jp,La,Zp,ko,Fo,qp,xa,Oa,Ha,Na,Cn,Ma,e$,t$,A$,$i,Pa,s$,bn,Et,i$,zA,Ga,o$,So,Va,Ka,Wa,Xa,za,Ya,Ja,ja,Za,qa,r$,n$,l$,c$,a$,h$,u$,d$,g$,eh,th,Ah,sh,ih,oh,rh,En,Uo,nh,p$,lh,ch,ah,hh,uh,dh,gh,ph,$h,fh,$$,f$,B$,Bh,m$,w$,C$,b$,E$,I;l=function(e,t,A,s){if(!(e instanceof k)&&typeof e!="string"||`${e}`.trim()==="")throw Error('Invalid type "'+e+'". The type must be a non-empty string or a Blockly.registry.Type.');if(e=`${e}`.toLowerCase(),typeof t!="string"||t.trim()==="")throw Error('Invalid name "'+t+'". The name must be a non-empty string.');const o=t.toLowerCase();if(!A)throw Error("Can not register a null value");let c=YA[e],u=_n[e];if(c||(c=YA[e]=Object.create(null),u=_n[e]=Object.create(null)),a(e,A),!s&&c[o]&&c[o]!==A)throw Error('Name "'+o+'" with type "'+e+'" already registered.');c[o]=A,u[o]=t},a=function(e,t){switch(e){case String(k.FIELD):if(typeof t.fromJson!="function")throw Error('Type "'+e+'" must have a fromJson function')}},h=function(e,t){e=`${e}`.toLowerCase(),t=t.toLowerCase();const A=YA[e];A&&A[t]?(delete YA[e][t],delete _n[e][t]):console.warn("Unable to unregister ["+t+"]["+e+"] from the registry.")},d=function(e,t,A){e=`${e}`.toLowerCase(),t=t.toLowerCase();const s=YA[e];if(!s||!s[t]){if(t="Unable to find ["+t+"]["+e+"] in the registry.",A)throw Error(t+" You must require or register a "+e+" plugin.");return console.warn(t),null}return s[t]},p=function(e,t){return e=`${e}`.toLowerCase(),t=t.toLowerCase(),(e=YA[e])?!!e[t]:!1},g=function(e,t,A){return d(e,t,A)},f=function(e,t,A){return d(e,t,A)},m=function(e,t,A){e=`${e}`.toLowerCase();var s=YA[e];if(!s){if(s=`Unable to find [${e}] in the registry.`,A)throw Error(`${s} You must require or register a ${e} plugin.`);return console.warn(s),null}if(!t)return s;e=_n[e],A=Object.create(null);for(const o of Object.keys(s))A[e[o]]=s[o];return A},w=function(e,t,A){return t=t.plugins[String(e)]||sA,typeof t=="function"?t:g(e,t,A)},_=function(){return"blockly-"+(Mw++).toString(36)},D=function(){return v$.genUid()},i.setRecordUndo$$module$build$src$core$events$utils=function(e){fi=e},F=function(){return fi},v=function(e){kn.fireInternal(e)},Y=function(e){if(P()){if(!ks.length)try{requestAnimationFrame(()=>{setTimeout(G,0)})}catch{setTimeout(G,0)}ks.push(e)}},G=function(){var e=N(ks,!0);ks.length=0;for(let A=0,s;s=e[A];A++)if(s.workspaceId){var t=ue(s.workspaceId);t&&t.fireChangeListener(s)}e=new Set(e.map(A=>A.workspaceId));for(const A of e){if(!A||(e=ue(A),!e))continue;e=e.getUndoStack();let s;for(t=e.length;0>>/g,e),Ih="",e=document.createElement("style"),e.id="blockly-common-style",t=document.createTextNode(t),e.appendChild(t),document.head.insertBefore(e,document.head.firstChild)))},y=function(e,t,A){e=document.createElementNS(xo,`${e}`);for(const s in t)e.setAttribute(s,`${t[s]}`);return A&&A.appendChild(e),e},K=function(e,t){return t=t.split(" "),t.every(A=>e.classList.contains(A))?!1:(e.classList.add(...t),!0)},Dr=function(e,t){e.classList.remove(...t.split(" "))},$e=function(e,t){return t=t.split(" "),t.every(A=>!e.classList.contains(A))?!1:(e.classList.remove(...t),!0)},tg=function(e,t){return e.classList.contains(t)},ae=function(e){return e&&e.parentNode?e.parentNode.removeChild(e):null},$s=function(e,t){const A=t.nextSibling;if(t=t.parentNode,!t)throw Error("Reference node has no parent.");A?t.insertBefore(e,A):t.appendChild(e)},Rr=function(e,t){e.style.transform=t,e.style["-webkit-transform"]=t},fs=function(){Fh++,Nt||(Nt=Object.create(null))},Bs=function(){Fh--,Fh||(Nt=null)},$c=function(e){const t=e.textContent+` `+e.className.baseVal;let A;if(Nt&&(A=Nt[t]))return A;try{A=e.getComputedTextLength()}catch{return 8*e.textContent.length}return Nt&&(Nt[t]=A),A},ho=function(e,t,A,s){return Qr(e,t+"pt",A,s)},Qr=function(e,t,A,s){const o=e.textContent;e=o+` `+e.className.baseVal;var c;return Nt&&(c=Nt[e])||(Rn||(c=document.createElement("canvas"),c.className="blocklyComputeCanvas",document.body.appendChild(c),Rn=c.getContext("2d")),Rn.font=A+" "+t+" "+s,c=o?Rn.measureText(o).width:0,Nt&&(Nt[e]=c)),c},Lr=function(e,t,A,s){const o=document.createElement("span");o.style.font=A+" "+t+" "+s,o.textContent=e,e=document.createElement("div"),e.style.width="1px",e.style.height="0",t=document.createElement("div"),t.style.display="flex",t.style.position="fixed",t.style.top="0",t.style.left="0",t.appendChild(o),t.appendChild(e),document.body.appendChild(t),A={height:0,baseline:0};try{t.style.alignItems="baseline",A.baseline=e.offsetTop-o.offsetTop,t.style.alignItems="flex-end",A.height=e.offsetTop-o.offsetTop}finally{document.body.removeChild(t)}return A},uo=function(e){return G$.getSizeInternal(e)},Ag=function(e){if(jt(e,"display")!=="none")return fc(e);const t=e.style,A=t.display,s=t.visibility,o=t.position;t.visibility="hidden",t.position="absolute",t.display="inline";const c=e.offsetWidth;return e=e.offsetHeight,t.display=A,t.position=o,t.visibility=s,new Ae(c,e)},fc=function(e){return new Ae(e.offsetWidth,e.offsetHeight)},jt=function(e,t){return e=window.getComputedStyle(e),e[t]||e.getPropertyValue(t)},GA=function(e){const t=new S(0,0);e=e.getBoundingClientRect();var A=document.documentElement;return A=new S(window.pageXOffset||A.scrollLeft,window.pageYOffset||A.scrollTop),t.x=e.left+A.x,t.y=e.top+A.y,t},Bc=function(){const e=document.body,t=document.documentElement;return new S(e.scrollLeft||t.scrollLeft,e.scrollTop||t.scrollTop)},mc=function(e){const t=parseFloat(jt(e,"borderLeftWidth")),A=parseFloat(jt(e,"borderRightWidth")),s=parseFloat(jt(e,"borderTopWidth"));return e=parseFloat(jt(e,"borderBottomWidth")),new ge(s,e,t,A)},xr=function(e,t,A){e=wc(e,t,A),t.scrollLeft=e.x,t.scrollTop=e.y},wc=function(e,t,A){var s=GA(e),o=GA(t),c=mc(t);const u=s.x-o.x-c.left;return s=s.y-o.y-c.top,o=fc(e),e=t.clientWidth-o.width,o=t.clientHeight-o.height,c=t.scrollLeft,t=t.scrollTop,A?(c+=u-e/2,t+=s-o/2):(c+=Math.min(u,Math.max(u-e,0)),t+=Math.min(s,Math.max(s-o,0))),new S(c,t)},go=function(e){const t=new S(0,0);var A=e.x&&e.getAttribute("x");const s=e.y&&e.getAttribute("y");return A&&(t.x=parseInt(A)),s&&(t.y=parseInt(s)),(A=(A=e.getAttribute("transform"))&&A.match(V$))&&(t.x+=Number(A[1]),A[3]&&(t.y+=Number(A[3]))),(e=e.getAttribute("style"))&&e.includes("translate")&&(e=e.match(K$))&&(t.x+=Number(e[1]),e[3]&&(t.y+=Number(e[3]))),t},Or=function(e){let t=0,A=0;for(;e;){const s=go(e);if(t+=s.x,A+=s.y,(" "+(e.getAttribute("class")||"")+" ").includes(" injectionDiv "))break;e=e.parentNode}return new S(t,A)},Cc=function(){const e=Bc();return new ge(e.y,document.documentElement.clientHeight+e.y,e.x,document.documentElement.clientWidth+e.x)},bc=function(){const e=document.documentElement,t=window;return new S(t.pageXOffset||e.scrollLeft,t.pageYOffset||e.scrollTop)},sg=function(e,t){var A=t.x;t=t.y;const s=e.getInjectionDiv().getBoundingClientRect();return A=new S(A-s.left,t-s.top),t=e.getOriginOffsetInPixels(),S.difference(A,t).scale(1/e.scale)},ig=function(e,t){var A=t.scale(e.scale);t=A.x,A=A.y;const s=e.getInjectionDiv().getBoundingClientRect();return e=e.getOriginOffsetInPixels(),new S(t+s.left+e.x,A+s.top+e.y)},og=function(e){({document:Ln=Ln,DOMParser:Oo=Oo,XMLSerializer:Ho=Ho}=e),Qn=new Oo,Sh=new Ho},i.createElement$$module$build$src$core$utils$xml=function(e){return Ln.createElementNS(W$,e)},i.createTextNode$$module$build$src$core$utils$xml=function(e){return Ln.createTextNode(e)},i.textToDom$$module$build$src$core$utils$xml=function(e){let t=Qn.parseFromString(e,"text/xml");if(t&&t.documentElement&&!t.getElementsByTagName("parsererror").length)return t.documentElement;if((t=Qn.parseFromString(e,"text/html"))&&t.body.firstChild&&t.body.firstChild.nodeName.toLowerCase()==="xml")return t.body.firstChild;throw Error(`DOMParser was unable to parse: ${e}`)},Ai=function(e){return rg(Sh.serializeToString(e))},rg=function(e){return e.replace(Ww,t=>`&#${t.charCodeAt(0)};`)},Hr=function(e){return e?((e instanceof Element||typeof e=="string")&&(e=_c(e),e=cg(e)),ng(e),e):null},ng=function(e){const t=e.kind;if(e=e.contents,t&&t!==X$&&t!==Uh)throw Error("Invalid toolbox kind "+t+". Please supply either "+X$+" or "+Uh);if(!e)throw Error("Toolbox must have a contents attribute.")},po=function(e){return e?e.contents?e.contents:Array.isArray(e)&&0 document.")}else e instanceof Element&&(t=e);return t},Gr=function(e,t,A,s,o,c){const u=c.scrollbar&&c.scrollbar.canScrollVertically();return e.horizontal===Ii.LEFT?(A=o.absoluteMetrics.left+A,u&&c.RTL&&(A+=Te.scrollbarThickness)):(A=o.absoluteMetrics.left+o.viewMetrics.width-t.width-A,u&&!c.RTL&&(A-=Te.scrollbarThickness)),e.vertical===FA.TOP?e=o.absoluteMetrics.top+s:(e=o.absoluteMetrics.top+o.viewMetrics.height-t.height-s,c.scrollbar&&c.scrollbar.canScrollHorizontally()&&(e-=Te.scrollbarThickness)),new ge(e,e+t.height,A,A+t.width)},Vr=function(e,t){return{horizontal:t.toolboxMetrics.position===J.LEFT||e.horizontalLayout&&!e.RTL?Ii.RIGHT:Ii.LEFT,vertical:t.toolboxMetrics.position===J.BOTTOM?FA.TOP:FA.BOTTOM}},Kr=function(e,t,A,s){const o=e.left,c=e.right-e.left,u=e.bottom-e.top;for(let $=0;$1'),s.appendChild(A),t.push(s)),ut.variables_get){e.sort(Po.compareByName);for(let o=0,c;c=e[o];o++)A=i.createElement$$module$build$src$core$utils$xml("block"),A.setAttribute("type","variables_get"),A.setAttribute("gap","8"),A.appendChild(ms(c)),t.push(A)}}return t},Tc=function(e){return tf.generateUniqueNameInternal(e)},pg=function(e){return Yr(Lh.charAt(0),e.getAllVariableNames())},Yr=function(e,t){if(!t.length)return e;const A=Lh;let s="",o=A.indexOf(e);for(;;){let c=!1;for(let u=0;uc.getVariableModel().name);if(s&&(A=s.some(c=>c.toLowerCase()===e),s=s.some(c=>c.toLowerCase()===t),A&&s))return o.getName()}return null},Bg=function(e,t,A){e=e.toLowerCase(),t=t.toLowerCase(),A=A.getAllBlocks(!1);for(const o of A){if(!si(o))continue;A=o.getProcedureDef();var s=A[1];const c=s.some(u=>u.toLowerCase()===e);if(s=s.some(u=>u.toLowerCase()===t),c&&s)return A[0]}return null},ms=function(e){const t=i.createElement$$module$build$src$core$utils$xml("field");return t.setAttribute("name","VAR"),t.setAttribute("id",e.getId()),t.setAttribute("variabletype",e.type),e=i.createTextNode$$module$build$src$core$utils$xml(e.name),t.appendChild(e),t},i.getOrCreateVariablePackage$$module$build$src$core$variables=function(e,t,A,s){let o=i.getVariable$$module$build$src$core$variables(e,t,A,s);return o||(o=mg(e,t,A,s)),o},i.getVariable$$module$build$src$core$variables=function(e,t,A,s){const o=e.getPotentialVariableMap();let c=null;if(t&&(c=e.getVariableById(t),!c&&o&&(c=o.getVariableById(t)),c))return c;if(A){if(s===void 0)throw Error("Tried to look up a variable by name without a type");c=e.getVariable(A,s),!c&&o&&(c=o.getVariable(A,s))}return c},mg=function(e,t,A,s){const o=e.getPotentialVariableMap();return A||(A=Tc(e.isFlyout?e.targetWorkspace:e)),o?o.createVariable(A,s,t):e.createVariable(A,s,t)},fo=function(e,t){e=e.getAllVariables();const A=[];if(t.length!==e.length)for(let s=0;s{Hh=t,Af=window.requestAnimationFrame(()=>{jr(),t()})})),ki)},Zt=function(){return ki||Promise.resolve()},BA=function(e){e||window.cancelAnimationFrame(Af),jr(e),!e&&Hh&&Hh()},wg=function(){return L$},Sc=function(e){xh.add(e),Oh.set(e,i.getGroup$$module$build$src$core$events$utils());const t=e.getParent();t?Sc(t):On.add(e)},jr=function(e){const t=e?new Set([e]):new Set([...On].map(c=>c.workspace)),A=[...On].filter(Cg).filter(c=>t.has(c.workspace));for(var s of A)Dc(s);for(const c of t)c.resizeContents();for(var o of A)s=o.getRelativeToSurfaceXY(),o.updateComponentLocations(s);for(const c of A)o=i.getGroup$$module$build$src$core$events$utils(),(s=Oh.get(c))&&i.setGroup$$module$build$src$core$events$utils(s),c.bumpNeighbours(),i.setGroup$$module$build$src$core$events$utils(o);for(const c of A)Uc(c);e||(ki=null)},Uc=function(e){On.delete(e),xh.delete(e),Oh.delete(e);for(const t of e.getChildren(!1))Uc(t)},Cg=function(e){return!e.isDisposed()&&!e.getParent()},Dc=function(e){if(xh.has(e)&&e.initialized){for(const t of e.getChildren(!1))Dc(t);e.renderEfficiently()}},Bo=function(e,t){l(k.SERIALIZER,e,t)},bg=function(e){h(k.SERIALIZER,e)},oi=function(e,{addCoordinates:t=!1,saveIds:A=!0}={}){const s=e.workspace,o=Object.create(null);return o.height=e.getSize().height,o.width=e.getSize().width,A&&(o.id=e.id),t&&(t=e.getRelativeToSurfaceXY(),o.x=s.RTL?s.getWidth()-t.x:t.x,o.y=t.y),e.getText()&&(o.text=e.getText()),e.isCollapsed()&&(o.collapsed=!0),e.isOwnEditable()||(o.editable=!1),e.isOwnMovable()||(o.movable=!1),e.isOwnDeletable()||(o.deletable=!1),o},mo=function(e,t,{recordUndo:A=!1}={}){const s=F();if(i.setRecordUndo$$module$build$src$core$events$utils(A),A=t.newComment(e.id),e.text!==void 0&&A.setText(e.text),e.x!==void 0||e.y!==void 0){const c=A.getRelativeToSurfaceXY();let u,$=(u=e.x)!=null?u:c.x;$=t.RTL?t.getWidth()-$:$;var o;t=(o=e.y)!=null?o:c.y,A.moveTo(new S($,t))}if(e.width!==void 0||e.height){o=A.getSize();let c,u;A.setSize(new Ae((c=e.width)!=null?c:o.width,(u=e.height)!=null?u:o.height))}return e.collapsed!==void 0&&A.setCollapsed(e.collapsed),e.editable!==void 0&&A.setEditable(e.editable),e.movable!==void 0&&A.setMovable(e.movable),e.deletable!==void 0&&A.setDeletable(e.deletable),i.setRecordUndo$$module$build$src$core$events$utils(s),A},Zr=function(e,t){l(k.PASTER,e,t)},Eg=function(e){h(k.PASTER,e)},_g=function(e){const t=e.workspace,A=e.getRelativeToSurfaceXY(),s=new S(0,0),o=t.getTopComments(!1).filter(c=>c.id!==e.id).map(c=>c.getRelativeToSurfaceXY());for(;vg(S.sum(A,s),o);)s.translate(t.RTL?-30:30,30);e.moveTo(S.sum(A,s))},vg=function(e,t){return t.some(A=>1>=Math.abs(A.x-e.x)&&1>=Math.abs(A.y-e.y))},VA=function(e,t){e.setAttribute(Jw,t)},Ge=function(e,t,A){Array.isArray(A)&&(A=A.join(" ")),e.setAttribute(Yw+t,`${A}`)},wo=function(e){return e.saveState!==void 0&&e.loadState!==void 0},pt=function(e,{addCoordinates:t=!1,addInputBlocks:A=!0,addNextBlocks:s=!0,doFullSerialization:o=!0,saveIds:c=!0}={}){if(e.isInsertionMarker())return null;const u={type:e.type,id:c?e.id:void 0};return t&&Tg(e,u),yg(e,u),Ig(e,u,o),kg(e,u,o),Fg(e,u,o),A&&Sg(e,u,o,c),s&&Ug(e,u,o,c),u},yg=function(e,t){e.isCollapsed()&&(t.collapsed=!0),e.isEnabled()||(t.disabledReasons=Array.from(e.getDisabledReasons())),e.isOwnDeletable()||(t.deletable=!1),e.isOwnMovable()||(t.movable=!1),e.isOwnEditable()||(t.editable=!1),e.inputsInline!==void 0&&e.inputsInline!==e.inputsInlineDefault&&(t.inline=e.inputsInline),e.data&&(t.data=e.data)},Tg=function(e,t){const A=e.workspace;e=e.getRelativeToSurfaceXY(),t.x=Math.round(A.RTL?A.getWidth()-e.x:e.x),t.y=Math.round(e.y)},Ig=function(e,t,A){e.saveExtraState?(e=e.saveExtraState(A),e!==null&&(t.extraState=e)):e.mutationToDom&&(e=e.mutationToDom(),e!==null&&(t.extraState=eA(e).replace(' xmlns="https://developers.google.com/blockly/xml"',"")))},kg=function(e,t,A){const s=Object.create(null);for(const o of e.getIcons())wo(o)&&(e=o.saveState(A))&&(s[o.getType().toString()]=e);Object.keys(s).length&&(t.icons=s)},Fg=function(e,t,A){const s=Object.create(null);for(let o=0;o{b.disposed||b.setConnectionTracking(!0)},1)}return $},Qc=function(e,t,{parentConnection:A,isShadow:s=!1}={}){if(!e.type)throw new hf(e);const o=t.newBlock(e.type,e.id);return o.setShadow(s),Rg(o,e),Qg(o,e),Lg(o,e),xg(A,o,e),Og(o,e),Hg(o,e),Ng(o,e),Mg(o,e),Pg(o,t.rendered),o},Dg=function(e,t){if(P())for(e=fo(e,t),t=0;t * Copyright (c) 2022 Niklas von Hertzen * Released under MIT License @@ -770,4 +770,4 @@ PERFORMANCE OF THIS SOFTWARE. content: "" !important; display: none !important; }`,Ey=function(n){_y(n,"."+Kd+Cy+Fm+` - .`+Wd+by+Fm)},_y=function(n,r){var i=n.ownerDocument;if(i){var l=i.createElement("style");l.textContent=r,n.appendChild(l)}},Dw=function(){function n(){}return n.getOrigin=function(r){var i=n._link;return i?(i.href=r,i.href=i.href,i.protocol+i.hostname+i.port):"about:blank"},n.isSameOrigin=function(r){return n.getOrigin(r)===n._origin},n.setContext=function(r){n._link=r.document.createElement("a"),n._origin=n.getOrigin(r.location.href)},n._origin="about:blank",n}(),vy=function(){function n(r,i){this.context=r,this._options=i,this._cache={}}return n.prototype.addImage=function(r){var i=Promise.resolve();return this.has(r)||(bd(r)||ky(r))&&(this._cache[r]=this.loadImage(r)).catch(function(){}),i},n.prototype.match=function(r){return this._cache[r]},n.prototype.loadImage=function(r){return rt(this,void 0,void 0,function(){var i,l,a,h,d=this;return et(this,function(p){switch(p.label){case 0:return i=Dw.isSameOrigin(r),l=!Cd(r)&&this._options.useCORS===!0&&Je.SUPPORT_CORS_IMAGES&&!i,a=!Cd(r)&&!i&&!bd(r)&&typeof this._options.proxy=="string"&&Je.SUPPORT_CORS_XHR&&!l,!i&&this._options.allowTaint===!1&&!Cd(r)&&!bd(r)&&!a&&!l?[2]:(h=r,a?[4,this.proxy(h)]:[3,2]);case 1:h=p.sent(),p.label=2;case 2:return this.context.logger.debug("Added image "+r.substring(0,256)),[4,new Promise(function(g,f){var m=new Image;m.onload=function(){return g(m)},m.onerror=f,(Fy(h)||l)&&(m.crossOrigin="anonymous"),m.src=h,m.complete===!0&&setTimeout(function(){return g(m)},500),d._options.imageTimeout>0&&setTimeout(function(){return f("Timed out ("+d._options.imageTimeout+"ms) loading image")},d._options.imageTimeout)})];case 3:return[2,p.sent()]}})})},n.prototype.has=function(r){return typeof this._cache[r]<"u"},n.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},n.prototype.proxy=function(r){var i=this,l=this._options.proxy;if(!l)throw new Error("No proxy defined");var a=r.substring(0,256);return new Promise(function(h,d){var p=Je.SUPPORT_RESPONSE_TYPE?"blob":"text",g=new XMLHttpRequest;g.onload=function(){if(g.status===200)if(p==="text")h(g.response);else{var w=new FileReader;w.addEventListener("load",function(){return h(w.result)},!1),w.addEventListener("error",function(_){return d(_)},!1),w.readAsDataURL(g.response)}else d("Failed to proxy resource "+a+" with status code "+g.status)},g.onerror=d;var f=l.indexOf("?")>-1?"&":"?";if(g.open("GET",""+l+f+"url="+encodeURIComponent(r)+"&responseType="+p),p!=="text"&&g instanceof XMLHttpRequest&&(g.responseType=p),i._options.imageTimeout){var m=i._options.imageTimeout;g.timeout=m,g.ontimeout=function(){return d("Timed out ("+m+"ms) proxying "+a)}}g.send()})},n}(),yy=/^data:image\/svg\+xml/i,Ty=/^data:image\/.*;base64,/i,Iy=/^data:image\/.*/i,ky=function(n){return Je.SUPPORT_SVG_DRAWING||!Sy(n)},Cd=function(n){return Iy.test(n)},Fy=function(n){return Ty.test(n)},bd=function(n){return n.substr(0,4)==="blob"},Sy=function(n){return n.substr(-3).toLowerCase()==="svg"||yy.test(n)},H=function(){function n(r,i){this.type=0,this.x=r,this.y=i}return n.prototype.add=function(r,i){return new n(this.x+r,this.y+i)},n}(),to=function(n,r,i){return new H(n.x+(r.x-n.x)*i,n.y+(r.y-n.y)*i)},Hl=function(){function n(r,i,l,a){this.type=1,this.start=r,this.startControl=i,this.endControl=l,this.end=a}return n.prototype.subdivide=function(r,i){var l=to(this.start,this.startControl,r),a=to(this.startControl,this.endControl,r),h=to(this.endControl,this.end,r),d=to(l,a,r),p=to(a,h,r),g=to(d,p,r);return i?new n(this.start,l,d,g):new n(g,p,h,this.end)},n.prototype.add=function(r,i){return new n(this.start.add(r,i),this.startControl.add(r,i),this.endControl.add(r,i),this.end.add(r,i))},n.prototype.reverse=function(){return new n(this.end,this.endControl,this.startControl,this.start)},n}(),Dt=function(n){return n.type===1},Uy=function(){function n(r){var i=r.styles,l=r.bounds,a=wr(i.borderTopLeftRadius,l.width,l.height),h=a[0],d=a[1],p=wr(i.borderTopRightRadius,l.width,l.height),g=p[0],f=p[1],m=wr(i.borderBottomRightRadius,l.width,l.height),w=m[0],_=m[1],D=wr(i.borderBottomLeftRadius,l.width,l.height),F=D[0],v=D[1],Y=[];Y.push((h+g)/l.width),Y.push((F+w)/l.width),Y.push((d+v)/l.height),Y.push((f+_)/l.height);var G=Math.max.apply(Math,Y);G>1&&(h/=G,d/=G,g/=G,f/=G,w/=G,_/=G,F/=G,v/=G);var N=l.width-g,ee=l.height-_,P=l.width-w,X=l.height-v,R=i.borderTopWidth,q=i.borderRightWidth,U=i.borderBottomWidth,z=i.borderLeftWidth,ue=be(i.paddingTop,r.bounds.width),Se=be(i.paddingRight,r.bounds.width),We=be(i.paddingBottom,r.bounds.width),re=be(i.paddingLeft,r.bounds.width);this.topLeftBorderDoubleOuterBox=h>0||d>0?_e(l.left+z/3,l.top+R/3,h-z/3,d-R/3,de.TOP_LEFT):new H(l.left+z/3,l.top+R/3),this.topRightBorderDoubleOuterBox=h>0||d>0?_e(l.left+N,l.top+R/3,g-q/3,f-R/3,de.TOP_RIGHT):new H(l.left+l.width-q/3,l.top+R/3),this.bottomRightBorderDoubleOuterBox=w>0||_>0?_e(l.left+P,l.top+ee,w-q/3,_-U/3,de.BOTTOM_RIGHT):new H(l.left+l.width-q/3,l.top+l.height-U/3),this.bottomLeftBorderDoubleOuterBox=F>0||v>0?_e(l.left+z/3,l.top+X,F-z/3,v-U/3,de.BOTTOM_LEFT):new H(l.left+z/3,l.top+l.height-U/3),this.topLeftBorderDoubleInnerBox=h>0||d>0?_e(l.left+z*2/3,l.top+R*2/3,h-z*2/3,d-R*2/3,de.TOP_LEFT):new H(l.left+z*2/3,l.top+R*2/3),this.topRightBorderDoubleInnerBox=h>0||d>0?_e(l.left+N,l.top+R*2/3,g-q*2/3,f-R*2/3,de.TOP_RIGHT):new H(l.left+l.width-q*2/3,l.top+R*2/3),this.bottomRightBorderDoubleInnerBox=w>0||_>0?_e(l.left+P,l.top+ee,w-q*2/3,_-U*2/3,de.BOTTOM_RIGHT):new H(l.left+l.width-q*2/3,l.top+l.height-U*2/3),this.bottomLeftBorderDoubleInnerBox=F>0||v>0?_e(l.left+z*2/3,l.top+X,F-z*2/3,v-U*2/3,de.BOTTOM_LEFT):new H(l.left+z*2/3,l.top+l.height-U*2/3),this.topLeftBorderStroke=h>0||d>0?_e(l.left+z/2,l.top+R/2,h-z/2,d-R/2,de.TOP_LEFT):new H(l.left+z/2,l.top+R/2),this.topRightBorderStroke=h>0||d>0?_e(l.left+N,l.top+R/2,g-q/2,f-R/2,de.TOP_RIGHT):new H(l.left+l.width-q/2,l.top+R/2),this.bottomRightBorderStroke=w>0||_>0?_e(l.left+P,l.top+ee,w-q/2,_-U/2,de.BOTTOM_RIGHT):new H(l.left+l.width-q/2,l.top+l.height-U/2),this.bottomLeftBorderStroke=F>0||v>0?_e(l.left+z/2,l.top+X,F-z/2,v-U/2,de.BOTTOM_LEFT):new H(l.left+z/2,l.top+l.height-U/2),this.topLeftBorderBox=h>0||d>0?_e(l.left,l.top,h,d,de.TOP_LEFT):new H(l.left,l.top),this.topRightBorderBox=g>0||f>0?_e(l.left+N,l.top,g,f,de.TOP_RIGHT):new H(l.left+l.width,l.top),this.bottomRightBorderBox=w>0||_>0?_e(l.left+P,l.top+ee,w,_,de.BOTTOM_RIGHT):new H(l.left+l.width,l.top+l.height),this.bottomLeftBorderBox=F>0||v>0?_e(l.left,l.top+X,F,v,de.BOTTOM_LEFT):new H(l.left,l.top+l.height),this.topLeftPaddingBox=h>0||d>0?_e(l.left+z,l.top+R,Math.max(0,h-z),Math.max(0,d-R),de.TOP_LEFT):new H(l.left+z,l.top+R),this.topRightPaddingBox=g>0||f>0?_e(l.left+Math.min(N,l.width-q),l.top+R,N>l.width+q?0:Math.max(0,g-q),Math.max(0,f-R),de.TOP_RIGHT):new H(l.left+l.width-q,l.top+R),this.bottomRightPaddingBox=w>0||_>0?_e(l.left+Math.min(P,l.width-z),l.top+Math.min(ee,l.height-U),Math.max(0,w-q),Math.max(0,_-U),de.BOTTOM_RIGHT):new H(l.left+l.width-q,l.top+l.height-U),this.bottomLeftPaddingBox=F>0||v>0?_e(l.left+z,l.top+Math.min(X,l.height-U),Math.max(0,F-z),Math.max(0,v-U),de.BOTTOM_LEFT):new H(l.left+z,l.top+l.height-U),this.topLeftContentBox=h>0||d>0?_e(l.left+z+re,l.top+R+ue,Math.max(0,h-(z+re)),Math.max(0,d-(R+ue)),de.TOP_LEFT):new H(l.left+z+re,l.top+R+ue),this.topRightContentBox=g>0||f>0?_e(l.left+Math.min(N,l.width+z+re),l.top+R+ue,N>l.width+z+re?0:g-z+re,f-(R+ue),de.TOP_RIGHT):new H(l.left+l.width-(q+Se),l.top+R+ue),this.bottomRightContentBox=w>0||_>0?_e(l.left+Math.min(P,l.width-(z+re)),l.top+Math.min(ee,l.height+R+ue),Math.max(0,w-(q+Se)),_-(U+We),de.BOTTOM_RIGHT):new H(l.left+l.width-(q+Se),l.top+l.height-(U+We)),this.bottomLeftContentBox=F>0||v>0?_e(l.left+z+re,l.top+X,Math.max(0,F-(z+re)),v-(U+We),de.BOTTOM_LEFT):new H(l.left+z+re,l.top+l.height-(U+We))}return n}(),de;(function(n){n[n.TOP_LEFT=0]="TOP_LEFT",n[n.TOP_RIGHT=1]="TOP_RIGHT",n[n.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",n[n.BOTTOM_LEFT=3]="BOTTOM_LEFT"})(de||(de={}));var _e=function(n,r,i,l,a){var h=4*((Math.sqrt(2)-1)/3),d=i*h,p=l*h,g=n+i,f=r+l;switch(a){case de.TOP_LEFT:return new Hl(new H(n,f),new H(n,f-p),new H(g-d,r),new H(g,r));case de.TOP_RIGHT:return new Hl(new H(n,r),new H(n+d,r),new H(g,f-p),new H(g,f));case de.BOTTOM_RIGHT:return new Hl(new H(g,r),new H(g,r+p),new H(n+d,f),new H(n,f));case de.BOTTOM_LEFT:default:return new Hl(new H(g,f),new H(g-d,f),new H(n,r+p),new H(n,r))}},tc=function(n){return[n.topLeftBorderBox,n.topRightBorderBox,n.bottomRightBorderBox,n.bottomLeftBorderBox]},Dy=function(n){return[n.topLeftContentBox,n.topRightContentBox,n.bottomRightContentBox,n.bottomLeftContentBox]},Ac=function(n){return[n.topLeftPaddingBox,n.topRightPaddingBox,n.bottomRightPaddingBox,n.bottomLeftPaddingBox]},Ry=function(){function n(r,i,l){this.offsetX=r,this.offsetY=i,this.matrix=l,this.type=0,this.target=6}return n}(),Nl=function(){function n(r,i){this.path=r,this.target=i,this.type=1}return n}(),Qy=function(){function n(r){this.opacity=r,this.type=2,this.target=6}return n}(),Ly=function(n){return n.type===0},Rw=function(n){return n.type===1},xy=function(n){return n.type===2},Sm=function(n,r){return n.length===r.length?n.some(function(i,l){return i===r[l]}):!1},Oy=function(n,r,i,l,a){return n.map(function(h,d){switch(d){case 0:return h.add(r,i);case 1:return h.add(r+l,i);case 2:return h.add(r+l,i+a);case 3:return h.add(r,i+a)}return h})},Qw=function(){function n(r){this.element=r,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return n}(),Lw=function(){function n(r,i){if(this.container=r,this.parent=i,this.effects=[],this.curves=new Uy(this.container),this.container.styles.opacity<1&&this.effects.push(new Qy(this.container.styles.opacity)),this.container.styles.transform!==null){var l=this.container.bounds.left+this.container.styles.transformOrigin[0].number,a=this.container.bounds.top+this.container.styles.transformOrigin[1].number,h=this.container.styles.transform;this.effects.push(new Ry(l,a,h))}if(this.container.styles.overflowX!==0){var d=tc(this.curves),p=Ac(this.curves);Sm(d,p)?this.effects.push(new Nl(d,6)):(this.effects.push(new Nl(d,2)),this.effects.push(new Nl(p,4)))}}return n.prototype.getEffects=function(r){for(var i=[2,3].indexOf(this.container.styles.position)===-1,l=this.parent,a=this.effects.slice(0);l;){var h=l.effects.filter(function(g){return!Rw(g)});if(i||l.container.styles.position!==0||!l.parent){if(a.unshift.apply(a,h),i=[2,3].indexOf(l.container.styles.position)===-1,l.container.styles.overflowX!==0){var d=tc(l.curves),p=Ac(l.curves);Sm(d,p)||a.unshift(new Nl(p,6))}}else a.unshift.apply(a,h);l=l.parent}return a.filter(function(g){return Pe(g.target,r)})},n}(),Xd=function(n,r,i,l){n.container.elements.forEach(function(a){var h=Pe(a.flags,4),d=Pe(a.flags,2),p=new Lw(a,n);Pe(a.styles.display,2048)&&l.push(p);var g=Pe(a.flags,8)?[]:l;if(h||d){var f=h||a.styles.isPositioned()?i:r,m=new Qw(p);if(a.styles.isPositioned()||a.styles.opacity<1||a.styles.isTransformed()){var w=a.styles.zIndex.order;if(w<0){var _=0;f.negativeZIndex.some(function(F,v){return w>F.element.container.styles.zIndex.order?(_=v,!1):_>0}),f.negativeZIndex.splice(_,0,m)}else if(w>0){var D=0;f.positiveZIndex.some(function(F,v){return w>=F.element.container.styles.zIndex.order?(D=v+1,!1):D>0}),f.positiveZIndex.splice(D,0,m)}else f.zeroOrAutoZIndexOrTransformedOrOpacity.push(m)}else a.styles.isFloating()?f.nonPositionedFloats.push(m):f.nonPositionedInlineLevel.push(m);Xd(p,m,h?m:i,g)}else a.styles.isInlineLevel()?r.inlineLevel.push(p):r.nonInlineLevel.push(p),Xd(p,r,i,g);Pe(a.flags,8)&&xw(a,g)})},xw=function(n,r){for(var i=n instanceof Pd?n.start:1,l=n instanceof Pd?n.reversed:!1,a=0;a"u"?n[0]:i},Wy=function(n,r,i,l,a){var h=r[0],d=r[1],p=i[0],g=i[1];switch(n){case 2:return[new H(Math.round(l.left),Math.round(l.top+d)),new H(Math.round(l.left+l.width),Math.round(l.top+d)),new H(Math.round(l.left+l.width),Math.round(g+l.top+d)),new H(Math.round(l.left),Math.round(g+l.top+d))];case 3:return[new H(Math.round(l.left+h),Math.round(l.top)),new H(Math.round(l.left+h+p),Math.round(l.top)),new H(Math.round(l.left+h+p),Math.round(l.height+l.top)),new H(Math.round(l.left+h),Math.round(l.height+l.top))];case 1:return[new H(Math.round(l.left+h),Math.round(l.top+d)),new H(Math.round(l.left+h+p),Math.round(l.top+d)),new H(Math.round(l.left+h+p),Math.round(l.top+d+g)),new H(Math.round(l.left+h),Math.round(l.top+d+g))];default:return[new H(Math.round(a.left),Math.round(a.top)),new H(Math.round(a.left+a.width),Math.round(a.top)),new H(Math.round(a.left+a.width),Math.round(a.height+a.top)),new H(Math.round(a.left),Math.round(a.height+a.top))]}},Xy="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Dm="Hidden Text",zy=function(){function n(r){this._data={},this._document=r}return n.prototype.parseMetrics=function(r,i){var l=this._document.createElement("div"),a=this._document.createElement("img"),h=this._document.createElement("span"),d=this._document.body;l.style.visibility="hidden",l.style.fontFamily=r,l.style.fontSize=i,l.style.margin="0",l.style.padding="0",l.style.whiteSpace="nowrap",d.appendChild(l),a.src=Xy,a.width=1,a.height=1,a.style.margin="0",a.style.padding="0",a.style.verticalAlign="baseline",h.style.fontFamily=r,h.style.fontSize=i,h.style.margin="0",h.style.padding="0",h.appendChild(this._document.createTextNode(Dm)),l.appendChild(h),l.appendChild(a);var p=a.offsetTop-h.offsetTop+2;l.removeChild(h),l.appendChild(this._document.createTextNode(Dm)),l.style.lineHeight="normal",a.style.verticalAlign="super";var g=a.offsetTop-l.offsetTop+2;return d.removeChild(l),{baseline:p,middle:g}},n.prototype.getMetrics=function(r,i){var l=r+" "+i;return typeof this._data[l]>"u"&&(this._data[l]=this.parseMetrics(r,i)),this._data[l]},n}(),Hw=function(){function n(r,i){this.context=r,this.options=i}return n}(),Yy=1e4,Jy=function(n){zt(r,n);function r(i,l){var a=n.call(this,i,l)||this;return a._activeEffects=[],a.canvas=l.canvas?l.canvas:document.createElement("canvas"),a.ctx=a.canvas.getContext("2d"),l.canvas||(a.canvas.width=Math.floor(l.width*l.scale),a.canvas.height=Math.floor(l.height*l.scale),a.canvas.style.width=l.width+"px",a.canvas.style.height=l.height+"px"),a.fontMetrics=new zy(document),a.ctx.scale(a.options.scale,a.options.scale),a.ctx.translate(-l.x,-l.y),a.ctx.textBaseline="bottom",a._activeEffects=[],a.context.logger.debug("Canvas renderer initialized ("+l.width+"x"+l.height+") with scale "+l.scale),a}return r.prototype.applyEffects=function(i){for(var l=this;this._activeEffects.length;)this.popEffect();i.forEach(function(a){return l.applyEffect(a)})},r.prototype.applyEffect=function(i){this.ctx.save(),xy(i)&&(this.ctx.globalAlpha=i.opacity),Ly(i)&&(this.ctx.translate(i.offsetX,i.offsetY),this.ctx.transform(i.matrix[0],i.matrix[1],i.matrix[2],i.matrix[3],i.matrix[4],i.matrix[5]),this.ctx.translate(-i.offsetX,-i.offsetY)),Rw(i)&&(this.path(i.path),this.ctx.clip()),this._activeEffects.push(i)},r.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},r.prototype.renderStack=function(i){return rt(this,void 0,void 0,function(){var l;return et(this,function(a){switch(a.label){case 0:return l=i.element.container.styles,l.isVisible()?[4,this.renderStackContent(i)]:[3,2];case 1:a.sent(),a.label=2;case 2:return[2]}})})},r.prototype.renderNode=function(i){return rt(this,void 0,void 0,function(){return et(this,function(l){switch(l.label){case 0:if(Pe(i.container.flags,16))debugger;return i.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(i)]:[3,3];case 1:return l.sent(),[4,this.renderNodeContent(i)];case 2:l.sent(),l.label=3;case 3:return[2]}})})},r.prototype.renderTextWithLetterSpacing=function(i,l,a){var h=this;if(l===0)this.ctx.fillText(i.text,i.bounds.left,i.bounds.top+a);else{var d=Zd(i.text);d.reduce(function(p,g){return h.ctx.fillText(g,p,i.bounds.top+a),p+h.ctx.measureText(g).width},i.bounds.left)}},r.prototype.createFontStyle=function(i){var l=i.fontVariant.filter(function(d){return d==="normal"||d==="small-caps"}).join(""),a=tT(i.fontFamily).join(", "),h=Ur(i.fontSize)?""+i.fontSize.number+i.fontSize.unit:i.fontSize.number+"px";return[[i.fontStyle,l,i.fontWeight,h,a].join(" "),a,h]},r.prototype.renderTextNode=function(i,l){return rt(this,void 0,void 0,function(){var a,h,d,p,g,f,m,w,_=this;return et(this,function(D){return a=this.createFontStyle(l),h=a[0],d=a[1],p=a[2],this.ctx.font=h,this.ctx.direction=l.direction===1?"rtl":"ltr",this.ctx.textAlign="left",this.ctx.textBaseline="alphabetic",g=this.fontMetrics.getMetrics(d,p),f=g.baseline,m=g.middle,w=l.paintOrder,i.textBounds.forEach(function(F){w.forEach(function(v){switch(v){case 0:_.ctx.fillStyle=Ke(l.color),_.renderTextWithLetterSpacing(F,l.letterSpacing,f);var Y=l.textShadow;Y.length&&F.text.trim().length&&(Y.slice(0).reverse().forEach(function(G){_.ctx.shadowColor=Ke(G.color),_.ctx.shadowOffsetX=G.offsetX.number*_.options.scale,_.ctx.shadowOffsetY=G.offsetY.number*_.options.scale,_.ctx.shadowBlur=G.blur.number,_.renderTextWithLetterSpacing(F,l.letterSpacing,f)}),_.ctx.shadowColor="",_.ctx.shadowOffsetX=0,_.ctx.shadowOffsetY=0,_.ctx.shadowBlur=0),l.textDecorationLine.length&&(_.ctx.fillStyle=Ke(l.textDecorationColor||l.color),l.textDecorationLine.forEach(function(G){switch(G){case 1:_.ctx.fillRect(F.bounds.left,Math.round(F.bounds.top+f),F.bounds.width,1);break;case 2:_.ctx.fillRect(F.bounds.left,Math.round(F.bounds.top),F.bounds.width,1);break;case 3:_.ctx.fillRect(F.bounds.left,Math.ceil(F.bounds.top+m),F.bounds.width,1);break}}));break;case 1:l.webkitTextStrokeWidth&&F.text.trim().length&&(_.ctx.strokeStyle=Ke(l.webkitTextStrokeColor),_.ctx.lineWidth=l.webkitTextStrokeWidth,_.ctx.lineJoin=window.chrome?"miter":"round",_.ctx.strokeText(F.text,F.bounds.left,F.bounds.top+f)),_.ctx.strokeStyle="",_.ctx.lineWidth=0,_.ctx.lineJoin="miter";break}})}),[2]})})},r.prototype.renderReplacedElement=function(i,l,a){if(a&&i.intrinsicWidth>0&&i.intrinsicHeight>0){var h=sc(i),d=Ac(l);this.path(d),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(a,0,0,i.intrinsicWidth,i.intrinsicHeight,h.left,h.top,h.width,h.height),this.ctx.restore()}},r.prototype.renderNodeContent=function(i){return rt(this,void 0,void 0,function(){var l,a,h,d,p,g,N,N,f,m,w,_,P,D,F,X,v,Y,G,N,ee,P,X;return et(this,function(R){switch(R.label){case 0:this.applyEffects(i.getEffects(4)),l=i.container,a=i.curves,h=l.styles,d=0,p=l.textNodes,R.label=1;case 1:return d0&&le>0&&(U=h.ctx.createPattern(X,"repeat"),h.renderRepeat(ue,U,ce,Ue))):xE(m)&&(z=Ed(i,l,[null,null,null]),ue=z[0],Se=z[1],We=z[2],re=z[3],le=z[4],nt=m.position.length===0?[Yd]:m.position,ce=be(nt[0],re),Ue=be(nt[nt.length-1],le),Lt=UE(m,ce,Ue,re,le),xe=Lt[0],lt=Lt[1],xe>0&<>0&&(Yt=h.ctx.createRadialGradient(Se+ce,We+Ue,0,Se+ce,We+Ue,xe),tm(m.stops,xe*2).forEach(function(Ht){return Yt.addColorStop(Ht.stop,Ke(Ht.color))}),h.path(ue),h.ctx.fillStyle=Yt,xe!==lt?(xt=i.bounds.left+.5*i.bounds.width,bt=i.bounds.top+.5*i.bounds.height,Ot=lt/xe,De=1/Ot,h.ctx.save(),h.ctx.translate(xt,bt),h.ctx.transform(1,0,0,Ot,0,0),h.ctx.translate(-xt,-bt),h.ctx.fillRect(Se,De*(We-bt)+bt,re,le*De),h.ctx.restore()):h.ctx.fill())),Xe.label=6;case 6:return l--,[2]}})},h=this,d=0,p=i.styles.backgroundImage.slice(0).reverse(),f.label=1;case 1:return d0?m.style!==2?[3,5]:[4,this.renderDashedDottedBorder(m.color,m.width,p,i.curves,2)]:[3,11]):[3,13];case 4:return _.sent(),[3,11];case 5:return m.style!==3?[3,7]:[4,this.renderDashedDottedBorder(m.color,m.width,p,i.curves,3)];case 6:return _.sent(),[3,11];case 7:return m.style!==4?[3,9]:[4,this.renderDoubleBorder(m.color,m.width,p,i.curves)];case 8:return _.sent(),[3,11];case 9:return[4,this.renderSolidBorder(m.color,p,i.curves)];case 10:_.sent(),_.label=11;case 11:p++,_.label=12;case 12:return g++,[3,3];case 13:return[2]}})})},r.prototype.renderDashedDottedBorder=function(i,l,a,h,d){return rt(this,void 0,void 0,function(){var p,g,f,m,w,_,D,F,v,Y,G,N,ee,P,X,R,X,R;return et(this,function(q){return this.ctx.save(),p=Py(h,a),g=Um(h,a),d===2&&(this.path(g),this.ctx.clip()),Dt(g[0])?(f=g[0].start.x,m=g[0].start.y):(f=g[0].x,m=g[0].y),Dt(g[1])?(w=g[1].end.x,_=g[1].end.y):(w=g[1].x,_=g[1].y),a===0||a===2?D=Math.abs(f-w):D=Math.abs(m-_),this.ctx.beginPath(),d===3?this.formatPath(p):this.formatPath(g.slice(0,2)),F=l<3?l*3:l*2,v=l<3?l*2:l,d===3&&(F=l,v=l),Y=!0,D<=F*2?Y=!1:D<=F*2+v?(G=D/(2*F+v),F*=G,v*=G):(N=Math.floor((D+v)/(F+v)),ee=(D-N*F)/(N-1),P=(D-(N+1)*F)/N,v=P<=0||Math.abs(v-ee){let r;const i=new Set,l=(f,m)=>{const w=typeof f=="function"?f(r):f;if(!Object.is(w,r)){const _=r;r=m??(typeof w!="object"||w===null)?w:Object.assign({},r,w),i.forEach(D=>D(r,_))}},a=()=>r,p={setState:l,getState:a,getInitialState:()=>g,subscribe:f=>(i.add(f),()=>i.delete(f))},g=r=n(l,a,p);return p},lT=n=>n?Rm(n):Rm,cT=n=>n;function aT(n,r=cT){const i=RB.useSyncExternalStore(n.subscribe,()=>r(n.getState()),()=>r(n.getInitialState()));return RB.useDebugValue(i),i}const Qm=n=>{const r=lT(n),i=l=>aT(r,l);return Object.assign(i,r),i},$A=n=>n?Qm(n):Qm,fT=$A(n=>({isPending:!1,setIsPending:r=>n({isPending:r})})),BT=$A()(n=>({isModalOpen:!1,modalContent:"워크스페이스 이름",isLoading:!1,isImageUpload:!1,imagePathList:new Map,nowId:"",nowImage:"",imageMap:new Map,handleModalConfirmButton:()=>{},handleModalCloseButton:()=>{},openModal:()=>n({isModalOpen:!0}),closeModal:()=>n({isModalOpen:!1}),setModalContent:r=>n({modalContent:r}),setIsLoading:r=>n({isLoading:r}),setHandleModalConfirmButton:r=>n({handleModalConfirmButton:r}),setHandleModalCloseButton:r=>n({handleModalCloseButton:r}),setNowId:r=>n({nowId:r}),setIsImageUpload:r=>n({isImageUpload:r}),pushImagePath:(r,i)=>n(l=>{const a=new Map(l.imagePathList);return a.set(r,i),{imagePathList:a}}),deleteImagePath:r=>n(i=>{const l=new Map(i.imagePathList);l.delete(r);const a=new Map(i.imageMap);for(const[h,d]of a)d===r&&a.set(h,"");return{imagePathList:l,imageMap:a}}),updateImageMap:r=>n(i=>{const l=new Map(i.imageMap);return l.set(i.nowId,r),{imageMap:l}}),setNowImage:r=>n({nowImage:r}),setInitialImageMap:r=>n(()=>({imageMap:r===""?new Map:new Map(Object.entries(JSON.parse(r)))})),setInitialImageList:r=>n(()=>({imagePathList:r===""?new Map:new Map(Object.entries(JSON.parse(r)))}))})),mT=$A(n=>({currentCssClassName:"",selectedCssCategory:"레이아웃",totalCssPropertyObj:{},addNewCssClass:r=>n(i=>i.totalCssPropertyObj[r]?{}:{totalCssPropertyObj:{...i.totalCssPropertyObj,[r]:{checkedCssPropertyObj:{},cssOptionObj:{}}}}),setCurrentCssClassName:r=>n({currentCssClassName:r}),setSelectedCssCategory:r=>n({selectedCssCategory:r}),setCheckedCssPropertyObj:(r,i,l)=>n(a=>{const h=a.totalCssPropertyObj[r]||{checkedCssPropertyObj:{},cssOptionObh:{}};return h.checkedCssPropertyObj[i]=l,{totalCssPropertyObj:{...a.totalCssPropertyObj,[r]:h}}}),setCssOptionObj:(r,i,l)=>n(a=>{const h=a.totalCssPropertyObj[r]||{checkedCssPropertyObj:{},cssOptionObj:{}};return h.cssOptionObj[i]=l,{totalCssPropertyObj:{...a.totalCssPropertyObj,[r]:h}}}),initCssPropertyObj:r=>n({totalCssPropertyObj:r,currentCssClassName:"",selectedCssCategory:"레이아웃"}),removeCssClass:r=>n(i=>{const l={...i.totalCssPropertyObj};return delete l[r],{totalCssPropertyObj:l,currentCssClassName:r===i.currentCssClassName?"":i.currentCssClassName}})})),wT=$A(n=>({offsetX:-1,offsetY:-1,leftX:0,topY:0,setOffsetX:r=>n({offsetX:r}),setOffsetY:r=>n({offsetY:r}),setLeftX:r=>n({leftX:r}),setTopY:r=>n({topY:r})})),CT=$A((n,r)=>({classBlockList:[],addClassBlock:i=>{n(l=>({classBlockList:[...l.classBlockList,Ad(i)]}))},findClassBlock:i=>r().classBlockList.includes(Ad(i)),removeClassBlock:i=>{n(l=>({classBlockList:l.classBlockList.filter(a=>a!==Ad(i))}))},initClassBlockList:i=>{n({classBlockList:i})}})),bT=$A(n=>({isBlockChanged:!1,isCssChanged:!1,setIsBlockChanged:r=>n({isBlockChanged:r}),setIsCssChanged:r=>n({isCssChanged:r}),resetChangedStatusState:()=>n({isBlockChanged:!1,isCssChanged:!1})}));$A(n=>({workspace:null,setWorkspace:r=>{n({workspace:r})}}));const ET=$A(n=>({isResetCssChecked:!1,toggleResetCss:()=>n(r=>({isResetCssChecked:!r.isResetCssChecked})),setIsResetCssChecked:r=>n({isResetCssChecked:r})})),_T=$A(n=>({workspace:null,canvasInfo:"",name:"워크스페이스 이름",setWorkspace:r=>{n({workspace:r})},setCanvasInfo:r=>n(()=>({canvasInfo:r})),setName:r=>n(()=>({name:r}))})),vT=$A()(n=>({isModalOpen:!1,imageList:new Map,nowId:"",nowImage:"",imageMap:new Map,setNowId:r=>n({nowId:r}),setIsModalOpen:r=>n({isModalOpen:r,nowImage:""}),pushImagePath:(r,i)=>n(l=>{const a=new Map(l.imageList);return a.set(r,i),{imageList:a}}),deleteImagePath:r=>n(i=>{const l=new Map(i.imageList);l.delete(r);const a=new Map(i.imageMap);for(const[h,d]of a)d===r&&a.set(h,"");return{imageList:l,imageMap:a}}),updateImageMap:r=>n(i=>{const l=new Map(i.imageMap);return l.set(i.nowId,r),{imageMap:l}}),setNowImage:r=>n({nowImage:r}),setInitialImageMap:r=>n(()=>({imageMap:r===""?new Map:new Map(Object.entries(JSON.parse(r)))})),setInitialImageList:r=>n(()=>({imageList:r===""?new Map:new Map(Object.entries(JSON.parse(r)))}))}));export{pT as B,BT as a,CT as b,gT as c,fT as d,_T as e,bT as f,ET as g,vT as h,uT as i,dT as j,$T as k,xC as l,wT as m,Ad as r,mT as u}; + .`+Wd+by+Fm)},_y=function(n,r){var i=n.ownerDocument;if(i){var l=i.createElement("style");l.textContent=r,n.appendChild(l)}},Dw=function(){function n(){}return n.getOrigin=function(r){var i=n._link;return i?(i.href=r,i.href=i.href,i.protocol+i.hostname+i.port):"about:blank"},n.isSameOrigin=function(r){return n.getOrigin(r)===n._origin},n.setContext=function(r){n._link=r.document.createElement("a"),n._origin=n.getOrigin(r.location.href)},n._origin="about:blank",n}(),vy=function(){function n(r,i){this.context=r,this._options=i,this._cache={}}return n.prototype.addImage=function(r){var i=Promise.resolve();return this.has(r)||(bd(r)||ky(r))&&(this._cache[r]=this.loadImage(r)).catch(function(){}),i},n.prototype.match=function(r){return this._cache[r]},n.prototype.loadImage=function(r){return rt(this,void 0,void 0,function(){var i,l,a,h,d=this;return et(this,function(p){switch(p.label){case 0:return i=Dw.isSameOrigin(r),l=!Cd(r)&&this._options.useCORS===!0&&Je.SUPPORT_CORS_IMAGES&&!i,a=!Cd(r)&&!i&&!bd(r)&&typeof this._options.proxy=="string"&&Je.SUPPORT_CORS_XHR&&!l,!i&&this._options.allowTaint===!1&&!Cd(r)&&!bd(r)&&!a&&!l?[2]:(h=r,a?[4,this.proxy(h)]:[3,2]);case 1:h=p.sent(),p.label=2;case 2:return this.context.logger.debug("Added image "+r.substring(0,256)),[4,new Promise(function(g,f){var m=new Image;m.onload=function(){return g(m)},m.onerror=f,(Fy(h)||l)&&(m.crossOrigin="anonymous"),m.src=h,m.complete===!0&&setTimeout(function(){return g(m)},500),d._options.imageTimeout>0&&setTimeout(function(){return f("Timed out ("+d._options.imageTimeout+"ms) loading image")},d._options.imageTimeout)})];case 3:return[2,p.sent()]}})})},n.prototype.has=function(r){return typeof this._cache[r]<"u"},n.prototype.keys=function(){return Promise.resolve(Object.keys(this._cache))},n.prototype.proxy=function(r){var i=this,l=this._options.proxy;if(!l)throw new Error("No proxy defined");var a=r.substring(0,256);return new Promise(function(h,d){var p=Je.SUPPORT_RESPONSE_TYPE?"blob":"text",g=new XMLHttpRequest;g.onload=function(){if(g.status===200)if(p==="text")h(g.response);else{var w=new FileReader;w.addEventListener("load",function(){return h(w.result)},!1),w.addEventListener("error",function(_){return d(_)},!1),w.readAsDataURL(g.response)}else d("Failed to proxy resource "+a+" with status code "+g.status)},g.onerror=d;var f=l.indexOf("?")>-1?"&":"?";if(g.open("GET",""+l+f+"url="+encodeURIComponent(r)+"&responseType="+p),p!=="text"&&g instanceof XMLHttpRequest&&(g.responseType=p),i._options.imageTimeout){var m=i._options.imageTimeout;g.timeout=m,g.ontimeout=function(){return d("Timed out ("+m+"ms) proxying "+a)}}g.send()})},n}(),yy=/^data:image\/svg\+xml/i,Ty=/^data:image\/.*;base64,/i,Iy=/^data:image\/.*/i,ky=function(n){return Je.SUPPORT_SVG_DRAWING||!Sy(n)},Cd=function(n){return Iy.test(n)},Fy=function(n){return Ty.test(n)},bd=function(n){return n.substr(0,4)==="blob"},Sy=function(n){return n.substr(-3).toLowerCase()==="svg"||yy.test(n)},H=function(){function n(r,i){this.type=0,this.x=r,this.y=i}return n.prototype.add=function(r,i){return new n(this.x+r,this.y+i)},n}(),to=function(n,r,i){return new H(n.x+(r.x-n.x)*i,n.y+(r.y-n.y)*i)},Hl=function(){function n(r,i,l,a){this.type=1,this.start=r,this.startControl=i,this.endControl=l,this.end=a}return n.prototype.subdivide=function(r,i){var l=to(this.start,this.startControl,r),a=to(this.startControl,this.endControl,r),h=to(this.endControl,this.end,r),d=to(l,a,r),p=to(a,h,r),g=to(d,p,r);return i?new n(this.start,l,d,g):new n(g,p,h,this.end)},n.prototype.add=function(r,i){return new n(this.start.add(r,i),this.startControl.add(r,i),this.endControl.add(r,i),this.end.add(r,i))},n.prototype.reverse=function(){return new n(this.end,this.endControl,this.startControl,this.start)},n}(),Dt=function(n){return n.type===1},Uy=function(){function n(r){var i=r.styles,l=r.bounds,a=wr(i.borderTopLeftRadius,l.width,l.height),h=a[0],d=a[1],p=wr(i.borderTopRightRadius,l.width,l.height),g=p[0],f=p[1],m=wr(i.borderBottomRightRadius,l.width,l.height),w=m[0],_=m[1],D=wr(i.borderBottomLeftRadius,l.width,l.height),F=D[0],v=D[1],Y=[];Y.push((h+g)/l.width),Y.push((F+w)/l.width),Y.push((d+v)/l.height),Y.push((f+_)/l.height);var G=Math.max.apply(Math,Y);G>1&&(h/=G,d/=G,g/=G,f/=G,w/=G,_/=G,F/=G,v/=G);var N=l.width-g,ee=l.height-_,P=l.width-w,X=l.height-v,R=i.borderTopWidth,q=i.borderRightWidth,U=i.borderBottomWidth,z=i.borderLeftWidth,ue=be(i.paddingTop,r.bounds.width),Se=be(i.paddingRight,r.bounds.width),We=be(i.paddingBottom,r.bounds.width),re=be(i.paddingLeft,r.bounds.width);this.topLeftBorderDoubleOuterBox=h>0||d>0?_e(l.left+z/3,l.top+R/3,h-z/3,d-R/3,de.TOP_LEFT):new H(l.left+z/3,l.top+R/3),this.topRightBorderDoubleOuterBox=h>0||d>0?_e(l.left+N,l.top+R/3,g-q/3,f-R/3,de.TOP_RIGHT):new H(l.left+l.width-q/3,l.top+R/3),this.bottomRightBorderDoubleOuterBox=w>0||_>0?_e(l.left+P,l.top+ee,w-q/3,_-U/3,de.BOTTOM_RIGHT):new H(l.left+l.width-q/3,l.top+l.height-U/3),this.bottomLeftBorderDoubleOuterBox=F>0||v>0?_e(l.left+z/3,l.top+X,F-z/3,v-U/3,de.BOTTOM_LEFT):new H(l.left+z/3,l.top+l.height-U/3),this.topLeftBorderDoubleInnerBox=h>0||d>0?_e(l.left+z*2/3,l.top+R*2/3,h-z*2/3,d-R*2/3,de.TOP_LEFT):new H(l.left+z*2/3,l.top+R*2/3),this.topRightBorderDoubleInnerBox=h>0||d>0?_e(l.left+N,l.top+R*2/3,g-q*2/3,f-R*2/3,de.TOP_RIGHT):new H(l.left+l.width-q*2/3,l.top+R*2/3),this.bottomRightBorderDoubleInnerBox=w>0||_>0?_e(l.left+P,l.top+ee,w-q*2/3,_-U*2/3,de.BOTTOM_RIGHT):new H(l.left+l.width-q*2/3,l.top+l.height-U*2/3),this.bottomLeftBorderDoubleInnerBox=F>0||v>0?_e(l.left+z*2/3,l.top+X,F-z*2/3,v-U*2/3,de.BOTTOM_LEFT):new H(l.left+z*2/3,l.top+l.height-U*2/3),this.topLeftBorderStroke=h>0||d>0?_e(l.left+z/2,l.top+R/2,h-z/2,d-R/2,de.TOP_LEFT):new H(l.left+z/2,l.top+R/2),this.topRightBorderStroke=h>0||d>0?_e(l.left+N,l.top+R/2,g-q/2,f-R/2,de.TOP_RIGHT):new H(l.left+l.width-q/2,l.top+R/2),this.bottomRightBorderStroke=w>0||_>0?_e(l.left+P,l.top+ee,w-q/2,_-U/2,de.BOTTOM_RIGHT):new H(l.left+l.width-q/2,l.top+l.height-U/2),this.bottomLeftBorderStroke=F>0||v>0?_e(l.left+z/2,l.top+X,F-z/2,v-U/2,de.BOTTOM_LEFT):new H(l.left+z/2,l.top+l.height-U/2),this.topLeftBorderBox=h>0||d>0?_e(l.left,l.top,h,d,de.TOP_LEFT):new H(l.left,l.top),this.topRightBorderBox=g>0||f>0?_e(l.left+N,l.top,g,f,de.TOP_RIGHT):new H(l.left+l.width,l.top),this.bottomRightBorderBox=w>0||_>0?_e(l.left+P,l.top+ee,w,_,de.BOTTOM_RIGHT):new H(l.left+l.width,l.top+l.height),this.bottomLeftBorderBox=F>0||v>0?_e(l.left,l.top+X,F,v,de.BOTTOM_LEFT):new H(l.left,l.top+l.height),this.topLeftPaddingBox=h>0||d>0?_e(l.left+z,l.top+R,Math.max(0,h-z),Math.max(0,d-R),de.TOP_LEFT):new H(l.left+z,l.top+R),this.topRightPaddingBox=g>0||f>0?_e(l.left+Math.min(N,l.width-q),l.top+R,N>l.width+q?0:Math.max(0,g-q),Math.max(0,f-R),de.TOP_RIGHT):new H(l.left+l.width-q,l.top+R),this.bottomRightPaddingBox=w>0||_>0?_e(l.left+Math.min(P,l.width-z),l.top+Math.min(ee,l.height-U),Math.max(0,w-q),Math.max(0,_-U),de.BOTTOM_RIGHT):new H(l.left+l.width-q,l.top+l.height-U),this.bottomLeftPaddingBox=F>0||v>0?_e(l.left+z,l.top+Math.min(X,l.height-U),Math.max(0,F-z),Math.max(0,v-U),de.BOTTOM_LEFT):new H(l.left+z,l.top+l.height-U),this.topLeftContentBox=h>0||d>0?_e(l.left+z+re,l.top+R+ue,Math.max(0,h-(z+re)),Math.max(0,d-(R+ue)),de.TOP_LEFT):new H(l.left+z+re,l.top+R+ue),this.topRightContentBox=g>0||f>0?_e(l.left+Math.min(N,l.width+z+re),l.top+R+ue,N>l.width+z+re?0:g-z+re,f-(R+ue),de.TOP_RIGHT):new H(l.left+l.width-(q+Se),l.top+R+ue),this.bottomRightContentBox=w>0||_>0?_e(l.left+Math.min(P,l.width-(z+re)),l.top+Math.min(ee,l.height+R+ue),Math.max(0,w-(q+Se)),_-(U+We),de.BOTTOM_RIGHT):new H(l.left+l.width-(q+Se),l.top+l.height-(U+We)),this.bottomLeftContentBox=F>0||v>0?_e(l.left+z+re,l.top+X,Math.max(0,F-(z+re)),v-(U+We),de.BOTTOM_LEFT):new H(l.left+z+re,l.top+l.height-(U+We))}return n}(),de;(function(n){n[n.TOP_LEFT=0]="TOP_LEFT",n[n.TOP_RIGHT=1]="TOP_RIGHT",n[n.BOTTOM_RIGHT=2]="BOTTOM_RIGHT",n[n.BOTTOM_LEFT=3]="BOTTOM_LEFT"})(de||(de={}));var _e=function(n,r,i,l,a){var h=4*((Math.sqrt(2)-1)/3),d=i*h,p=l*h,g=n+i,f=r+l;switch(a){case de.TOP_LEFT:return new Hl(new H(n,f),new H(n,f-p),new H(g-d,r),new H(g,r));case de.TOP_RIGHT:return new Hl(new H(n,r),new H(n+d,r),new H(g,f-p),new H(g,f));case de.BOTTOM_RIGHT:return new Hl(new H(g,r),new H(g,r+p),new H(n+d,f),new H(n,f));case de.BOTTOM_LEFT:default:return new Hl(new H(g,f),new H(g-d,f),new H(n,r+p),new H(n,r))}},tc=function(n){return[n.topLeftBorderBox,n.topRightBorderBox,n.bottomRightBorderBox,n.bottomLeftBorderBox]},Dy=function(n){return[n.topLeftContentBox,n.topRightContentBox,n.bottomRightContentBox,n.bottomLeftContentBox]},Ac=function(n){return[n.topLeftPaddingBox,n.topRightPaddingBox,n.bottomRightPaddingBox,n.bottomLeftPaddingBox]},Ry=function(){function n(r,i,l){this.offsetX=r,this.offsetY=i,this.matrix=l,this.type=0,this.target=6}return n}(),Nl=function(){function n(r,i){this.path=r,this.target=i,this.type=1}return n}(),Qy=function(){function n(r){this.opacity=r,this.type=2,this.target=6}return n}(),Ly=function(n){return n.type===0},Rw=function(n){return n.type===1},xy=function(n){return n.type===2},Sm=function(n,r){return n.length===r.length?n.some(function(i,l){return i===r[l]}):!1},Oy=function(n,r,i,l,a){return n.map(function(h,d){switch(d){case 0:return h.add(r,i);case 1:return h.add(r+l,i);case 2:return h.add(r+l,i+a);case 3:return h.add(r,i+a)}return h})},Qw=function(){function n(r){this.element=r,this.inlineLevel=[],this.nonInlineLevel=[],this.negativeZIndex=[],this.zeroOrAutoZIndexOrTransformedOrOpacity=[],this.positiveZIndex=[],this.nonPositionedFloats=[],this.nonPositionedInlineLevel=[]}return n}(),Lw=function(){function n(r,i){if(this.container=r,this.parent=i,this.effects=[],this.curves=new Uy(this.container),this.container.styles.opacity<1&&this.effects.push(new Qy(this.container.styles.opacity)),this.container.styles.transform!==null){var l=this.container.bounds.left+this.container.styles.transformOrigin[0].number,a=this.container.bounds.top+this.container.styles.transformOrigin[1].number,h=this.container.styles.transform;this.effects.push(new Ry(l,a,h))}if(this.container.styles.overflowX!==0){var d=tc(this.curves),p=Ac(this.curves);Sm(d,p)?this.effects.push(new Nl(d,6)):(this.effects.push(new Nl(d,2)),this.effects.push(new Nl(p,4)))}}return n.prototype.getEffects=function(r){for(var i=[2,3].indexOf(this.container.styles.position)===-1,l=this.parent,a=this.effects.slice(0);l;){var h=l.effects.filter(function(g){return!Rw(g)});if(i||l.container.styles.position!==0||!l.parent){if(a.unshift.apply(a,h),i=[2,3].indexOf(l.container.styles.position)===-1,l.container.styles.overflowX!==0){var d=tc(l.curves),p=Ac(l.curves);Sm(d,p)||a.unshift(new Nl(p,6))}}else a.unshift.apply(a,h);l=l.parent}return a.filter(function(g){return Pe(g.target,r)})},n}(),Xd=function(n,r,i,l){n.container.elements.forEach(function(a){var h=Pe(a.flags,4),d=Pe(a.flags,2),p=new Lw(a,n);Pe(a.styles.display,2048)&&l.push(p);var g=Pe(a.flags,8)?[]:l;if(h||d){var f=h||a.styles.isPositioned()?i:r,m=new Qw(p);if(a.styles.isPositioned()||a.styles.opacity<1||a.styles.isTransformed()){var w=a.styles.zIndex.order;if(w<0){var _=0;f.negativeZIndex.some(function(F,v){return w>F.element.container.styles.zIndex.order?(_=v,!1):_>0}),f.negativeZIndex.splice(_,0,m)}else if(w>0){var D=0;f.positiveZIndex.some(function(F,v){return w>=F.element.container.styles.zIndex.order?(D=v+1,!1):D>0}),f.positiveZIndex.splice(D,0,m)}else f.zeroOrAutoZIndexOrTransformedOrOpacity.push(m)}else a.styles.isFloating()?f.nonPositionedFloats.push(m):f.nonPositionedInlineLevel.push(m);Xd(p,m,h?m:i,g)}else a.styles.isInlineLevel()?r.inlineLevel.push(p):r.nonInlineLevel.push(p),Xd(p,r,i,g);Pe(a.flags,8)&&xw(a,g)})},xw=function(n,r){for(var i=n instanceof Pd?n.start:1,l=n instanceof Pd?n.reversed:!1,a=0;a"u"?n[0]:i},Wy=function(n,r,i,l,a){var h=r[0],d=r[1],p=i[0],g=i[1];switch(n){case 2:return[new H(Math.round(l.left),Math.round(l.top+d)),new H(Math.round(l.left+l.width),Math.round(l.top+d)),new H(Math.round(l.left+l.width),Math.round(g+l.top+d)),new H(Math.round(l.left),Math.round(g+l.top+d))];case 3:return[new H(Math.round(l.left+h),Math.round(l.top)),new H(Math.round(l.left+h+p),Math.round(l.top)),new H(Math.round(l.left+h+p),Math.round(l.height+l.top)),new H(Math.round(l.left+h),Math.round(l.height+l.top))];case 1:return[new H(Math.round(l.left+h),Math.round(l.top+d)),new H(Math.round(l.left+h+p),Math.round(l.top+d)),new H(Math.round(l.left+h+p),Math.round(l.top+d+g)),new H(Math.round(l.left+h),Math.round(l.top+d+g))];default:return[new H(Math.round(a.left),Math.round(a.top)),new H(Math.round(a.left+a.width),Math.round(a.top)),new H(Math.round(a.left+a.width),Math.round(a.height+a.top)),new H(Math.round(a.left),Math.round(a.height+a.top))]}},Xy="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",Dm="Hidden Text",zy=function(){function n(r){this._data={},this._document=r}return n.prototype.parseMetrics=function(r,i){var l=this._document.createElement("div"),a=this._document.createElement("img"),h=this._document.createElement("span"),d=this._document.body;l.style.visibility="hidden",l.style.fontFamily=r,l.style.fontSize=i,l.style.margin="0",l.style.padding="0",l.style.whiteSpace="nowrap",d.appendChild(l),a.src=Xy,a.width=1,a.height=1,a.style.margin="0",a.style.padding="0",a.style.verticalAlign="baseline",h.style.fontFamily=r,h.style.fontSize=i,h.style.margin="0",h.style.padding="0",h.appendChild(this._document.createTextNode(Dm)),l.appendChild(h),l.appendChild(a);var p=a.offsetTop-h.offsetTop+2;l.removeChild(h),l.appendChild(this._document.createTextNode(Dm)),l.style.lineHeight="normal",a.style.verticalAlign="super";var g=a.offsetTop-l.offsetTop+2;return d.removeChild(l),{baseline:p,middle:g}},n.prototype.getMetrics=function(r,i){var l=r+" "+i;return typeof this._data[l]>"u"&&(this._data[l]=this.parseMetrics(r,i)),this._data[l]},n}(),Hw=function(){function n(r,i){this.context=r,this.options=i}return n}(),Yy=1e4,Jy=function(n){zt(r,n);function r(i,l){var a=n.call(this,i,l)||this;return a._activeEffects=[],a.canvas=l.canvas?l.canvas:document.createElement("canvas"),a.ctx=a.canvas.getContext("2d"),l.canvas||(a.canvas.width=Math.floor(l.width*l.scale),a.canvas.height=Math.floor(l.height*l.scale),a.canvas.style.width=l.width+"px",a.canvas.style.height=l.height+"px"),a.fontMetrics=new zy(document),a.ctx.scale(a.options.scale,a.options.scale),a.ctx.translate(-l.x,-l.y),a.ctx.textBaseline="bottom",a._activeEffects=[],a.context.logger.debug("Canvas renderer initialized ("+l.width+"x"+l.height+") with scale "+l.scale),a}return r.prototype.applyEffects=function(i){for(var l=this;this._activeEffects.length;)this.popEffect();i.forEach(function(a){return l.applyEffect(a)})},r.prototype.applyEffect=function(i){this.ctx.save(),xy(i)&&(this.ctx.globalAlpha=i.opacity),Ly(i)&&(this.ctx.translate(i.offsetX,i.offsetY),this.ctx.transform(i.matrix[0],i.matrix[1],i.matrix[2],i.matrix[3],i.matrix[4],i.matrix[5]),this.ctx.translate(-i.offsetX,-i.offsetY)),Rw(i)&&(this.path(i.path),this.ctx.clip()),this._activeEffects.push(i)},r.prototype.popEffect=function(){this._activeEffects.pop(),this.ctx.restore()},r.prototype.renderStack=function(i){return rt(this,void 0,void 0,function(){var l;return et(this,function(a){switch(a.label){case 0:return l=i.element.container.styles,l.isVisible()?[4,this.renderStackContent(i)]:[3,2];case 1:a.sent(),a.label=2;case 2:return[2]}})})},r.prototype.renderNode=function(i){return rt(this,void 0,void 0,function(){return et(this,function(l){switch(l.label){case 0:if(Pe(i.container.flags,16))debugger;return i.container.styles.isVisible()?[4,this.renderNodeBackgroundAndBorders(i)]:[3,3];case 1:return l.sent(),[4,this.renderNodeContent(i)];case 2:l.sent(),l.label=3;case 3:return[2]}})})},r.prototype.renderTextWithLetterSpacing=function(i,l,a){var h=this;if(l===0)this.ctx.fillText(i.text,i.bounds.left,i.bounds.top+a);else{var d=Zd(i.text);d.reduce(function(p,g){return h.ctx.fillText(g,p,i.bounds.top+a),p+h.ctx.measureText(g).width},i.bounds.left)}},r.prototype.createFontStyle=function(i){var l=i.fontVariant.filter(function(d){return d==="normal"||d==="small-caps"}).join(""),a=tT(i.fontFamily).join(", "),h=Ur(i.fontSize)?""+i.fontSize.number+i.fontSize.unit:i.fontSize.number+"px";return[[i.fontStyle,l,i.fontWeight,h,a].join(" "),a,h]},r.prototype.renderTextNode=function(i,l){return rt(this,void 0,void 0,function(){var a,h,d,p,g,f,m,w,_=this;return et(this,function(D){return a=this.createFontStyle(l),h=a[0],d=a[1],p=a[2],this.ctx.font=h,this.ctx.direction=l.direction===1?"rtl":"ltr",this.ctx.textAlign="left",this.ctx.textBaseline="alphabetic",g=this.fontMetrics.getMetrics(d,p),f=g.baseline,m=g.middle,w=l.paintOrder,i.textBounds.forEach(function(F){w.forEach(function(v){switch(v){case 0:_.ctx.fillStyle=Ke(l.color),_.renderTextWithLetterSpacing(F,l.letterSpacing,f);var Y=l.textShadow;Y.length&&F.text.trim().length&&(Y.slice(0).reverse().forEach(function(G){_.ctx.shadowColor=Ke(G.color),_.ctx.shadowOffsetX=G.offsetX.number*_.options.scale,_.ctx.shadowOffsetY=G.offsetY.number*_.options.scale,_.ctx.shadowBlur=G.blur.number,_.renderTextWithLetterSpacing(F,l.letterSpacing,f)}),_.ctx.shadowColor="",_.ctx.shadowOffsetX=0,_.ctx.shadowOffsetY=0,_.ctx.shadowBlur=0),l.textDecorationLine.length&&(_.ctx.fillStyle=Ke(l.textDecorationColor||l.color),l.textDecorationLine.forEach(function(G){switch(G){case 1:_.ctx.fillRect(F.bounds.left,Math.round(F.bounds.top+f),F.bounds.width,1);break;case 2:_.ctx.fillRect(F.bounds.left,Math.round(F.bounds.top),F.bounds.width,1);break;case 3:_.ctx.fillRect(F.bounds.left,Math.ceil(F.bounds.top+m),F.bounds.width,1);break}}));break;case 1:l.webkitTextStrokeWidth&&F.text.trim().length&&(_.ctx.strokeStyle=Ke(l.webkitTextStrokeColor),_.ctx.lineWidth=l.webkitTextStrokeWidth,_.ctx.lineJoin=window.chrome?"miter":"round",_.ctx.strokeText(F.text,F.bounds.left,F.bounds.top+f)),_.ctx.strokeStyle="",_.ctx.lineWidth=0,_.ctx.lineJoin="miter";break}})}),[2]})})},r.prototype.renderReplacedElement=function(i,l,a){if(a&&i.intrinsicWidth>0&&i.intrinsicHeight>0){var h=sc(i),d=Ac(l);this.path(d),this.ctx.save(),this.ctx.clip(),this.ctx.drawImage(a,0,0,i.intrinsicWidth,i.intrinsicHeight,h.left,h.top,h.width,h.height),this.ctx.restore()}},r.prototype.renderNodeContent=function(i){return rt(this,void 0,void 0,function(){var l,a,h,d,p,g,N,N,f,m,w,_,P,D,F,X,v,Y,G,N,ee,P,X;return et(this,function(R){switch(R.label){case 0:this.applyEffects(i.getEffects(4)),l=i.container,a=i.curves,h=l.styles,d=0,p=l.textNodes,R.label=1;case 1:return d0&&le>0&&(U=h.ctx.createPattern(X,"repeat"),h.renderRepeat(ue,U,ce,Ue))):xE(m)&&(z=Ed(i,l,[null,null,null]),ue=z[0],Se=z[1],We=z[2],re=z[3],le=z[4],nt=m.position.length===0?[Yd]:m.position,ce=be(nt[0],re),Ue=be(nt[nt.length-1],le),Lt=UE(m,ce,Ue,re,le),xe=Lt[0],lt=Lt[1],xe>0&<>0&&(Yt=h.ctx.createRadialGradient(Se+ce,We+Ue,0,Se+ce,We+Ue,xe),tm(m.stops,xe*2).forEach(function(Ht){return Yt.addColorStop(Ht.stop,Ke(Ht.color))}),h.path(ue),h.ctx.fillStyle=Yt,xe!==lt?(xt=i.bounds.left+.5*i.bounds.width,bt=i.bounds.top+.5*i.bounds.height,Ot=lt/xe,De=1/Ot,h.ctx.save(),h.ctx.translate(xt,bt),h.ctx.transform(1,0,0,Ot,0,0),h.ctx.translate(-xt,-bt),h.ctx.fillRect(Se,De*(We-bt)+bt,re,le*De),h.ctx.restore()):h.ctx.fill())),Xe.label=6;case 6:return l--,[2]}})},h=this,d=0,p=i.styles.backgroundImage.slice(0).reverse(),f.label=1;case 1:return d0?m.style!==2?[3,5]:[4,this.renderDashedDottedBorder(m.color,m.width,p,i.curves,2)]:[3,11]):[3,13];case 4:return _.sent(),[3,11];case 5:return m.style!==3?[3,7]:[4,this.renderDashedDottedBorder(m.color,m.width,p,i.curves,3)];case 6:return _.sent(),[3,11];case 7:return m.style!==4?[3,9]:[4,this.renderDoubleBorder(m.color,m.width,p,i.curves)];case 8:return _.sent(),[3,11];case 9:return[4,this.renderSolidBorder(m.color,p,i.curves)];case 10:_.sent(),_.label=11;case 11:p++,_.label=12;case 12:return g++,[3,3];case 13:return[2]}})})},r.prototype.renderDashedDottedBorder=function(i,l,a,h,d){return rt(this,void 0,void 0,function(){var p,g,f,m,w,_,D,F,v,Y,G,N,ee,P,X,R,X,R;return et(this,function(q){return this.ctx.save(),p=Py(h,a),g=Um(h,a),d===2&&(this.path(g),this.ctx.clip()),Dt(g[0])?(f=g[0].start.x,m=g[0].start.y):(f=g[0].x,m=g[0].y),Dt(g[1])?(w=g[1].end.x,_=g[1].end.y):(w=g[1].x,_=g[1].y),a===0||a===2?D=Math.abs(f-w):D=Math.abs(m-_),this.ctx.beginPath(),d===3?this.formatPath(p):this.formatPath(g.slice(0,2)),F=l<3?l*3:l*2,v=l<3?l*2:l,d===3&&(F=l,v=l),Y=!0,D<=F*2?Y=!1:D<=F*2+v?(G=D/(2*F+v),F*=G,v*=G):(N=Math.floor((D+v)/(F+v)),ee=(D-N*F)/(N-1),P=(D-(N+1)*F)/N,v=P<=0||Math.abs(v-ee){let r;const i=new Set,l=(f,m)=>{const w=typeof f=="function"?f(r):f;if(!Object.is(w,r)){const _=r;r=m??(typeof w!="object"||w===null)?w:Object.assign({},r,w),i.forEach(D=>D(r,_))}},a=()=>r,p={setState:l,getState:a,getInitialState:()=>g,subscribe:f=>(i.add(f),()=>i.delete(f))},g=r=n(l,a,p);return p},lT=n=>n?Rm(n):Rm,cT=n=>n;function aT(n,r=cT){const i=RB.useSyncExternalStore(n.subscribe,()=>r(n.getState()),()=>r(n.getInitialState()));return RB.useDebugValue(i),i}const Qm=n=>{const r=lT(n),i=l=>aT(r,l);return Object.assign(i,r),i},$A=n=>n?Qm(n):Qm,BT=$A(n=>({isPending:!1,setIsPending:r=>n({isPending:r})})),mT=$A()(n=>({isModalOpen:!1,modalContent:"워크스페이스 이름",isLoading:!1,isImageUpload:!1,imagePathList:new Map,nowId:"",nowImage:"",imageMap:new Map,handleModalConfirmButton:()=>{},handleModalCloseButton:()=>{},openModal:()=>n({isModalOpen:!0}),closeModal:()=>n({isModalOpen:!1}),setModalContent:r=>n({modalContent:r}),setIsLoading:r=>n({isLoading:r}),setHandleModalConfirmButton:r=>n({handleModalConfirmButton:r}),setHandleModalCloseButton:r=>n({handleModalCloseButton:r}),setNowId:r=>n({nowId:r}),setIsImageUpload:r=>n({isImageUpload:r}),pushImagePath:(r,i)=>n(l=>{const a=new Map(l.imagePathList);return a.set(r,i),{imagePathList:a}}),deleteImagePath:r=>n(i=>{const l=new Map(i.imagePathList);l.delete(r);const a=new Map(i.imageMap);for(const[h,d]of a)d===r&&a.set(h,"");return{imagePathList:l,imageMap:a}}),updateImageMap:r=>n(i=>{const l=new Map(i.imageMap);return l.set(i.nowId,r),{imageMap:l}}),setNowImage:r=>n({nowImage:r}),setInitialImageMap:r=>n(()=>({imageMap:r===""?new Map:new Map(Object.entries(JSON.parse(r)))})),setInitialImageList:r=>n(()=>({imagePathList:r===""?new Map:new Map(Object.entries(JSON.parse(r)))}))})),wT=$A(n=>({currentCssClassName:"",selectedCssCategory:"레이아웃",totalCssPropertyObj:{},addNewCssClass:r=>n(i=>i.totalCssPropertyObj[r]?{}:{totalCssPropertyObj:{...i.totalCssPropertyObj,[r]:{checkedCssPropertyObj:{},cssOptionObj:{}}}}),setCurrentCssClassName:r=>n({currentCssClassName:r}),setSelectedCssCategory:r=>n({selectedCssCategory:r}),setCheckedCssPropertyObj:(r,i,l)=>n(a=>{const h=a.totalCssPropertyObj[r]||{checkedCssPropertyObj:{},cssOptionObh:{}};return h.checkedCssPropertyObj[i]=l,{totalCssPropertyObj:{...a.totalCssPropertyObj,[r]:h}}}),setCssOptionObj:(r,i,l)=>n(a=>{const h=a.totalCssPropertyObj[r]||{checkedCssPropertyObj:{},cssOptionObj:{}};return h.cssOptionObj[i]=l,{totalCssPropertyObj:{...a.totalCssPropertyObj,[r]:h}}}),initCssPropertyObj:r=>n({totalCssPropertyObj:r,currentCssClassName:"",selectedCssCategory:"레이아웃"}),removeCssClass:r=>n(i=>{const l={...i.totalCssPropertyObj};return delete l[r],{totalCssPropertyObj:l,currentCssClassName:r===i.currentCssClassName?"":i.currentCssClassName}})})),CT=$A(n=>({offsetX:-1,offsetY:-1,leftX:0,topY:0,setOffsetX:r=>n({offsetX:r}),setOffsetY:r=>n({offsetY:r}),setLeftX:r=>n({leftX:r}),setTopY:r=>n({topY:r})})),bT=$A((n,r)=>({classBlockList:[],addClassBlock:i=>{n(l=>({classBlockList:[...l.classBlockList,Ad(i)]}))},findClassBlock:i=>r().classBlockList.includes(Ad(i)),removeClassBlock:i=>{n(l=>({classBlockList:l.classBlockList.filter(a=>a!==Ad(i))}))},initClassBlockList:i=>{n({classBlockList:i})}})),ET=$A(n=>({isBlockChanged:!1,isCssChanged:!1,setIsBlockChanged:r=>n({isBlockChanged:r}),setIsCssChanged:r=>n({isCssChanged:r}),resetChangedStatusState:()=>n({isBlockChanged:!1,isCssChanged:!1})}));$A(n=>({workspace:null,setWorkspace:r=>{n({workspace:r})}}));const _T=$A(n=>({isResetCssChecked:!1,toggleResetCss:()=>n(r=>({isResetCssChecked:!r.isResetCssChecked})),setIsResetCssChecked:r=>n({isResetCssChecked:r})})),vT=$A(n=>({workspace:null,canvasInfo:"",name:"워크스페이스 이름",setWorkspace:r=>{n({workspace:r})},setCanvasInfo:r=>n(()=>({canvasInfo:r})),setName:r=>n(()=>({name:r}))})),yT=$A()(n=>({isModalOpen:!1,imageList:new Map,nowId:"",nowImage:"",imageMap:new Map,setNowId:r=>n({nowId:r}),setIsModalOpen:r=>n({isModalOpen:r,nowImage:""}),pushImagePath:(r,i)=>n(l=>{const a=new Map(l.imageList);return a.set(r,i),{imageList:a}}),deleteImagePath:r=>n(i=>{const l=new Map(i.imageList);l.delete(r);const a=new Map(i.imageMap);for(const[h,d]of a)d===r&&a.set(h,"");return{imageList:l,imageMap:a}}),updateImageMap:r=>n(i=>{const l=new Map(i.imageMap);return l.set(i.nowId,r),{imageMap:l}}),setNowImage:r=>n({nowImage:r}),setInitialImageMap:r=>n(()=>({imageMap:r===""?new Map:new Map(Object.entries(JSON.parse(r)))})),setInitialImageList:r=>n(()=>({imageList:r===""?new Map:new Map(Object.entries(JSON.parse(r)))}))}));export{$T as B,mT as a,bT as b,pT as c,$A as d,BT as e,vT as f,ET as g,_T as h,yT as i,dT as j,gT as k,fT as l,xC as m,CT as n,Ad as r,wT as u}; diff --git a/iframe.html b/iframe.html index b4e9f320..d76ef8f1 100644 --- a/iframe.html +++ b/iframe.html @@ -509,7 +509,7 @@ } - + diff --git a/project.json b/project.json index 10a85f55..74f92fe4 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1733223454843,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{},"packageManager":{"type":"pnpm","version":"9.14.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.4.5"},"storybook":{"version":"8.4.2"},"@storybook/blocks":{"version":"8.4.2"},"@storybook/react":{"version":"8.4.2"},"@storybook/react-vite":{"version":"8.4.2"},"@storybook/test":{"version":"8.4.2"},"@types/storybook__addon-actions":{"version":"5.2.1"},"eslint-plugin-storybook":{"version":"0.11.0"}},"addons":{"@storybook/addon-onboarding":{"version":"8.4.2"},"@storybook/addon-essentials":{"version":"8.4.2"},"@chromatic-com/storybook":{"version":"3.2.2"},"@storybook/addon-interactions":{"version":"8.4.2"}}} \ No newline at end of file +{"generatedAt":1733225460780,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{},"packageManager":{"type":"pnpm","version":"9.14.4"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.2","storybookVersionSpecifier":"8.4.2","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.4.5"},"storybook":{"version":"8.4.2"},"@storybook/blocks":{"version":"8.4.2"},"@storybook/react":{"version":"8.4.2"},"@storybook/react-vite":{"version":"8.4.2"},"@storybook/test":{"version":"8.4.2"},"@types/storybook__addon-actions":{"version":"5.2.1"},"eslint-plugin-storybook":{"version":"0.11.0"}},"addons":{"@storybook/addon-onboarding":{"version":"8.4.2"},"@storybook/addon-essentials":{"version":"8.4.2"},"@chromatic-com/storybook":{"version":"3.2.2"},"@storybook/addon-interactions":{"version":"8.4.2"}}} \ No newline at end of file