@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/Card.stories-CpcboxKs.js

@@ -1,130 +0,0 @@
-import{j as e}from"./iframe-BUaP2gIF.js";import{C as r}from"./Card-D-kcaQHV.js";import{B as h}from"./Button-VfdDKp2T.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-9Y4F2rF8.js";const V={title:"Atoms/Card",component:r,parameters:{layout:"centered",docs:{description:{component:"A flexible container component with various styling options and animation support."}}},tags:["autodocs"],argTypes:{variant:{control:"select",options:["elevated","outlined","flat"],description:"Visual style variant of the card"},padding:{control:"boolean",description:"Whether to add padding inside the card"},hoverable:{control:"boolean",description:"Whether the card should have hover effects"},clickable:{control:"boolean",description:"Whether the card is clickable"},className:{control:"text",description:"Additional CSS classes"},onClick:{action:"clicked"}}},a={args:{children:e.jsxs("div",{children:[e.jsx("h3",{children:"Card Title"}),e.jsx("p",{children:"This is a default card with some content inside."})]})}},t={args:{variant:"outlined",children:e.jsxs("div",{children:[e.jsx("h3",{children:"Outlined Card"}),e.jsx("p",{children:"This card has an outlined border."})]})}},d={args:{variant:"elevated",children:e.jsxs("div",{children:[e.jsx("h3",{children:"Elevated Card"}),e.jsx("p",{children:"This card has a shadow effect for elevation."})]})}},i={args:{variant:"flat",children:e.jsxs("div",{children:[e.jsx("h3",{children:"Flat Card"}),e.jsx("p",{children:"This card has a flat appearance with a subtle background."})]})}},s={args:{hoverable:!0,children:e.jsxs("div",{children:[e.jsx("h3",{children:"Hoverable Card"}),e.jsx("p",{children:"Hover over this card to see the effect."})]})}},n={args:{clickable:!0,hoverable:!0,children:e.jsxs("div",{children:[e.jsx("h3",{children:"Clickable Card"}),e.jsx("p",{children:"This card can be clicked and shows a pointer cursor."})]})}},l={args:{padding:!1,variant:"outlined",children:e.jsxs("div",{children:[e.jsx("img",{src:"https://via.placeholder.com/300x150",alt:"Placeholder",style:{width:"100%",display:"block"}}),e.jsxs("div",{style:{padding:"1rem"},children:[e.jsx("h3",{children:"Image Card"}),e.jsx("p",{children:"Card with no padding, useful for images."})]})]})}},o={args:{variant:"elevated",hoverable:!0,children:e.jsxs("div",{style:{maxWidth:"350px"},children:[e.jsx("img",{src:"https://via.placeholder.com/350x200",alt:"Feature",style:{width:"100%",marginBottom:"1rem",borderRadius:"4px"}}),e.jsx("h2",{style:{marginBottom:"0.5rem"},children:"Feature Card"}),e.jsx("p",{style:{marginBottom:"1rem",color:"#666"},children:"This is a more complex card with an image, title, description, and action buttons."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(h,{variant:"primary",size:"small",children:"Learn More"}),e.jsx(h,{variant:"outline",size:"small",children:"Share"})]})]})}},c={render:()=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"1rem",maxWidth:"800px"},children:[e.jsxs(r,{variant:"elevated",hoverable:!0,children:[e.jsx("h4",{children:"Elevated Card"}),e.jsx("p",{children:"With shadow"})]}),e.jsxs(r,{variant:"outlined",hoverable:!0,children:[e.jsx("h4",{children:"Outlined Card"}),e.jsx("p",{children:"With border"})]}),e.jsxs(r,{variant:"flat",hoverable:!0,children:[e.jsx("h4",{children:"Flat Card"}),e.jsx("p",{children:"Subtle background"})]}),e.jsxs(r,{variant:"elevated",clickable:!0,hoverable:!0,children:[e.jsx("h4",{children:"Clickable Card"}),e.jsx("p",{children:"Interactive card"})]}),e.jsxs(r,{variant:"outlined",padding:!1,children:[e.jsx("h4",{children:"No Padding"}),e.jsx("p",{children:"Compact content"})]})]}),parameters:{controls:{disable:!0},layout:"padded"}};var p,m,v;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    children: <div>
-                <h3>Card Title</h3>
-                <p>This is a default card with some content inside.</p>
-            </div>
-  }
-}`,...(v=(m=a.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var u,x,g;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    variant: 'outlined',
-    children: <div>
-                <h3>Outlined Card</h3>
-                <p>This card has an outlined border.</p>
-            </div>
-  }
-}`,...(g=(x=t.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var b,C,j;d.parameters={...d.parameters,docs:{...(b=d.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    variant: 'elevated',
-    children: <div>
-                <h3>Elevated Card</h3>
-                <p>This card has a shadow effect for elevation.</p>
-            </div>
-  }
-}`,...(j=(C=d.parameters)==null?void 0:C.docs)==null?void 0:j.source}}};var f,y,k;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    variant: 'flat',
-    children: <div>
-                <h3>Flat Card</h3>
-                <p>This card has a flat appearance with a subtle background.</p>
-            </div>
-  }
-}`,...(k=(y=i.parameters)==null?void 0:y.docs)==null?void 0:k.source}}};var w,T,S;s.parameters={...s.parameters,docs:{...(w=s.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  args: {
-    hoverable: true,
-    children: <div>
-                <h3>Hoverable Card</h3>
-                <p>Hover over this card to see the effect.</p>
-            </div>
-  }
-}`,...(S=(T=s.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};var B,W,F;n.parameters={...n.parameters,docs:{...(B=n.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    clickable: true,
-    hoverable: true,
-    children: <div>
-                <h3>Clickable Card</h3>
-                <p>This card can be clicked and shows a pointer cursor.</p>
-            </div>
-  }
-}`,...(F=(W=n.parameters)==null?void 0:W.docs)==null?void 0:F.source}}};var O,E,H;l.parameters={...l.parameters,docs:{...(O=l.parameters)==null?void 0:O.docs,source:{originalSource:`{
-  args: {
-    padding: false,
-    variant: 'outlined',
-    children: <div>
-                <img src="https://via.placeholder.com/300x150" alt="Placeholder" style={{
-        width: '100%',
-        display: 'block'
-      }} />
-                <div style={{
-        padding: '1rem'
-      }}>
-                    <h3>Image Card</h3>
-                    <p>Card with no padding, useful for images.</p>
-                </div>
-            </div>
-  }
-}`,...(H=(E=l.parameters)==null?void 0:E.docs)==null?void 0:H.source}}};var P,N,z;o.parameters={...o.parameters,docs:{...(P=o.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  args: {
-    variant: 'elevated',
-    hoverable: true,
-    children: <div style={{
-      maxWidth: '350px'
-    }}>
-                <img src="https://via.placeholder.com/350x200" alt="Feature" style={{
-        width: '100%',
-        marginBottom: '1rem',
-        borderRadius: '4px'
-      }} />
-                <h2 style={{
-        marginBottom: '0.5rem'
-      }}>Feature Card</h2>
-                <p style={{
-        marginBottom: '1rem',
-        color: '#666'
-      }}>
-                    This is a more complex card with an image, title, description, and action buttons.
-                </p>
-                <div style={{
-        display: 'flex',
-        gap: '0.5rem'
-      }}>
-                    <Button variant="primary" size="small">Learn More</Button>
-                    <Button variant="outline" size="small">Share</Button>
-                </div>
-            </div>
-  }
-}`,...(z=(N=o.parameters)==null?void 0:N.docs)==null?void 0:z.source}}};var I,A,R;c.parameters={...c.parameters,docs:{...(I=c.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: 'grid',
-    gridTemplateColumns: 'repeat(3, 1fr)',
-    gap: '1rem',
-    maxWidth: '800px'
-  }}>
-            <Card variant="elevated" hoverable>
-                <h4>Elevated Card</h4>
-                <p>With shadow</p>
-            </Card>
-            <Card variant="outlined" hoverable>
-                <h4>Outlined Card</h4>
-                <p>With border</p>
-            </Card>
-            <Card variant="flat" hoverable>
-                <h4>Flat Card</h4>
-                <p>Subtle background</p>
-            </Card>
-            <Card variant="elevated" clickable hoverable>
-                <h4>Clickable Card</h4>
-                <p>Interactive card</p>
-            </Card>
-            <Card variant="outlined" padding={false}>
-                <h4>No Padding</h4>
-                <p>Compact content</p>
-            </Card>
-        </div>,
-  parameters: {
-    controls: {
-      disable: true
-    },
-    layout: 'padded'
-  }
-}`,...(R=(A=c.parameters)==null?void 0:A.docs)==null?void 0:R.source}}};const q=["Default","Outlined","Elevated","Flat","Hoverable","Clickable","NoPadding","ComplexContent","GridOfCards"];export{n as Clickable,o as ComplexContent,a as Default,d as Elevated,i as Flat,c as GridOfCards,s as Hoverable,l as NoPadding,t as Outlined,q as __namedExportsOrder,V as default};

package/storybook-static/assets/Color-AVL7NMMY-BzNNgCT5.js

@@ -1 +0,0 @@
-import{d as ce,x as M,Y as U,g as he,i as fe,Z as de,M as ge,_ as be,a as q}from"./DocsRenderer-PQXLIZUC-q9kcQxfH.js";import{r as p,R as v}from"./iframe-BUaP2gIF.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-D4c-_GAk.js";var ve=q({"../../node_modules/color-name/index.js"(r,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]}}}),Z=q({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[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:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=c/(i+o):g=c/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,o,i,c=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(c,f,g),y=b-Math.min(c,f,g),m=function(k){return(b-k)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,n=m(c),t=m(f),a=m(g),c===b?o=a-t:f===b?o=1/3+n-a:g===b&&(o=2/3+t-n),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(1-n,1-t,1-a),i=(1-n-o)/(1-o)||0,c=(1-t-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,c*100,f*100,o*100]};function d(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let o of Object.keys(s)){let i=s[o],c=d(e,i);c<t&&(t=c,a=o)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[o*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],o=n[2];t/=95.047,a/=100,o/=108.883,t=t>.008856?t**(1/3):7.787*t+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,c=500*(t-a),f=200*(a-o);return[i,c,f]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?o=a*(1+t):o=a+t-a*t;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=f+(o-f)*6*i:2*i<1?c=o:3*i<2?c=f+(o-f)*(2/3-i)*6:c=f,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,o*=i<=1?i:2-i;let c=(a+t)/2,f=a===0?2*o/(i+o):2*t/(a+t);return[n,f*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,o=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),f=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,o){case 0:return[a,g,c];case 1:return[f,a,c];case 2:return[c,a,g];case 3:return[c,f,a];case 4:return[g,c,a];case 5:return[a,c,f]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,c;c=(2-t)*a;let f=(2-t)*o;return i=t*o,i/=f<=1?f:2-f,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o=t+a,i;o>1&&(t/=o,a/=o);let c=Math.floor(6*n),f=1-a;i=6*n-c,c&1&&(i=1-i);let g=t+i*(f-t),b,y,m;switch(c){default:case 6:case 0:b=f,y=g,m=t;break;case 1:b=g,y=f,m=t;break;case 2:b=t,y=f,m=g;break;case 3:b=t,y=g,m=f;break;case 4:b=g,y=t,m=f;break;case 5:b=f,y=t,m=g;break}return[b*255,y*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,t*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,c*255,f*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o,i,c;return o=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.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,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[o*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*t-16,i=500*(n-t),c=200*(t-a);return[o,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],o,i,c;i=(n+16)/116,o=t/500+i,c=i-a/200;let f=i**3,g=o**3,b=c**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,o*=95.047,i*=100,c*=108.883,[o,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],o;o=Math.atan2(a,t)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(t*t+a*a);return[n,i,o]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,o=t*Math.cos(a),i=t*Math.sin(a);return[n,o,i]},u.rgb.ansi16=function(e,n=null){let[t,a,o]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,o=(n>>1&1)*t*255,i=(n>>2&1)*t*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 n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,o=n%6/5*255;return[t,a,o]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(f=>f+f).join(""));let a=parseInt(t,16),o=a>>16&255,i=a>>8&255,c=a&255;return[o,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=o-i,f,g;return c<1?f=i/(1-c):f=0,c<=0?g=0:o===n?g=(t-a)/c%6:o===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,f*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),o=0;return a<1&&(o=(t-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let o=[0,0,0],i=n%1*6,c=i%1,f=1-c,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=c,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]=c;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-t)*a,[(t*o[0]+g)*255,(t*o[1]+g)*255,(t*o[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),o=0;return a>0&&(o=n/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,o=0;return a<1&&(o=(t-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 n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=q({"../../node_modules/color-convert/route.js"(r,l){var s=Z();function h(){let n={},t=Object.keys(s);for(let a=t.length,o=0;o<a;o++)n[t[o]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let o=a.pop(),i=Object.keys(s[o]);for(let c=i.length,f=0;f<c;f++){let g=i[f],b=t[g];b.distance===-1&&(b.distance=t[o].distance+1,b.parent=o,a.unshift(g))}}return t}function d(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],o=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),o=d(s[t[i].parent][i],o),i=t[i].parent;return o.conversion=a,o}l.exports=function(n){let t=u(n),a={},o=Object.keys(t);for(let i=o.length,c=0;c<i;c++){let f=o[c];t[f].parent!==null&&(a[f]=e(f,t))}return a}}}),pe=q({"../../node_modules/color-convert/index.js"(r,l){var s=Z(),h=me(),u={},d=Object.keys(s);function e(t){let a=function(...o){let i=o[0];return i==null?i:(i.length>1&&(o=i),t(o))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let c=t(o);if(typeof c=="object")for(let f=c.length,g=0;g<f;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}d.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(o=>{let i=a[o];u[t][o]=n(i),u[t][o].raw=e(i)})}),l.exports=u}}),_=be(pe());function C(){return(C=Object.assign||function(r){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function D(r,l){if(r==null)return{};var s,h,u={},d=Object.keys(r);for(h=0;h<d.length;h++)l.indexOf(s=d[h])>=0||(u[s]=r[s]);return u}function L(r){var l=p.useRef(r),s=p.useRef(function(h){l.current&&l.current(h)});return l.current=r,s.current}var O=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=1),r>s?s:r<l?l:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},T=function(r,l,s){var h=r.getBoundingClientRect(),u=S(l)?function(d,e){for(var n=0;n<d.length;n++)if(d[n].identifier===e)return d[n];return d[0]}(l.touches,s):l;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},G=v.memo(function(r){var l=r.onMove,s=r.onKey,h=D(r,["onMove","onKey"]),u=p.useRef(null),d=L(l),e=L(s),n=p.useRef(null),t=p.useRef(!1),a=p.useMemo(function(){var f=function(y){W(y),(S(y)?y.touches.length>0:y.buttons>0)&&u.current?d(T(u.current,y,n.current)):b(!1)},g=function(){return b(!1)};function b(y){var m=t.current,k=B(u.current),E=y?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",f),E(m?"touchend":"mouseup",g)}return[function(y){var m=y.nativeEvent,k=u.current;if(k&&(W(m),!function(x,R){return R&&!S(x)}(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),d(T(k,m,n.current)),b(!0)}},function(y){var m=y.which||y.keyCode;m<37||m>40||(y.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],c=a[2];return p.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},F=function(r){var l=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,d=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:d,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},w=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=Math.pow(10,l)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return ee(K(r))},K=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,l){return l===void 0&&(l="deg"),Number(r)*(ye[l]||1)},ke=function(r){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);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(r){var l=r.s,s=r.l;return{h:r.h,s:(l*=(s<50?s:100-s)/100)>0?2*l/(s+l)*100:0,v:s+l,a:r.a}},Ee=function(r){return Ce(Q(r))},J=function(r){var l=r.s,s=r.v,h=r.a,u=(200-l)*s/100;return{h:w(r.h),s:w(u>0&&u<200?l*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},X=function(r){var l=J(r);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},H=function(r){var l=J(r);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},Q=function(r){var l=r.h,s=r.s,h=r.v,u=r.a;l=l/360*6,s/=100,h/=100;var d=Math.floor(l),e=h*(1-s),n=h*(1-(l-d)*s),t=h*(1-(1-l+d)*s),a=d%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Me=function(r){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?ee({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(r){var l=r.toString(16);return l.length<2?"0"+l:l},Ce=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=u<1?j(w(255*u)):"";return"#"+j(l)+j(s)+j(h)+d},ee=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=Math.max(l,s,h),e=d-Math.min(l,s,h),n=e?d===l?(s-h)/e:d===s?2+(h-l)/e:4+(l-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(d?e/d*100:0),v:w(d/255*100),a:u}},re=v.memo(function(r){var l=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(G,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(l),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(F,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),te=v.memo(function(r){var l=r.hsva,s=r.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(G,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(l.s+100*u.left,0,100),v:O(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(l.s)+"%, Brightness "+w(l.v)+"%"},v.createElement(F,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ne=function(r,l){if(r===l)return!0;for(var s in r)if(r[s]!==l[s])return!1;return!0},ae=function(r,l){return r.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(r,l){return r.toLowerCase()===l.toLowerCase()||ne(K(r),K(l))};function le(r,l,s){var h=L(s),u=p.useState(function(){return r.toHsva(l)}),d=u[0],e=u[1],n=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!r.equal(l,n.current.color)){var a=r.toHsva(l);n.current={hsva:a,color:l},e(a)}},[l,r]),p.useEffect(function(){var a;ne(d,n.current.hsva)||r.equal(a=r.fromHsva(d),n.current.color)||(n.current={hsva:d,color:a},h(a))},[d,r,h]);var t=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,t]}var Oe=typeof window<"u"?p.useLayoutEffect:p.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},Y=new Map,oe=function(r){Oe(function(){var l=r.current?r.current.ownerDocument:document;if(l!==void 0&&!Y.has(l)){var s=l.createElement("style");s.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,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,Y.set(l,s);var h=Se();h&&s.setAttribute("nonce",h),l.head.appendChild(s)}},[])},Ne=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=function(r){var l=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},d=N(["react-colorful__alpha",l]),e=w(100*s.a);return v.createElement("div",{className:d},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(G,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(F,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o}),v.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ae},Ie=function(r){return v.createElement(ue,C({},r,{colorModel:He}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var l=Q(r);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(U)({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(fe)(({theme:r})=>({fontFamily:r.typography.fonts.base})),Ve=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),De=M.div(({theme:r,active:l})=>({width:16,height:16,boxShadow:l?`${r.appBorderColor} 0 0 0 1px inset, ${r.textMutedColor}50 0 0 0 4px`:`${r.appBorderColor} 0 0 0 1px inset`,borderRadius:r.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,A=({value:r,style:l,...s})=>{let h=`linear-gradient(${r}, ${r}), ${Ge}, linear-gradient(#fff, #fff)`;return v.createElement(De,{...s,style:{...l,backgroundImage:h}})},Fe=M(de.Input)(({theme:r,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base})),Te=M(ge)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),P=Object.values(ie),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ze={hex:je,rgb:Pe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let l=r==null?void 0:r.match(We);if(!l)return[0,0,0,1];let[,s,h,u,d=1]=l;return[s,h,u,d].map(Number)},Je=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.rgb.hsl([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([l,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${d}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([l,s,h]).toLowerCase()}`}},Qe=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.hsl.rgb([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([l,s,h]),colorSpace:"hsl",rgb:`rgba(${d}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([l,s,h]).toLowerCase()}`}},er=r=>{let l=r.replace("#",""),s=_.default.keyword.rgb(l)||_.default.hex.rgb(l),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=l:V.test(r)&&(u=`#${l}`);let d=!0;if(u.startsWith("#"))d=V.test(u);else try{_.default.keyword.hex(u)}catch{d=!1}return{valid:d,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ye.test(r)?Je(r):Ae.test(r)?Qe(r):er(r)},rr=(r,l,s)=>{if(!r||!(l!=null&&l.valid))return z[s];if(s!=="hex")return(l==null?void 0:l[s])||z[s];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ue);if(!h)return V.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},tr=(r,l)=>{let[s,h]=p.useState(r||""),[u,d]=p.useState(()=>$(s)),[e,n]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=r||"",c=$(i);h(i),d(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=p.useMemo(()=>rr(s,u,e).toLowerCase(),[s,u,e]),a=p.useCallback(i=>{let c=$(i),f=(c==null?void 0:c.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),c&&(d(c),n(c.colorSpace),l(c.value))},[l]),o=p.useCallback(()=>{let i=(P.indexOf(e)+1)%P.length,c=P[i];n(c);let f=(u==null?void 0:u[c])||"";h(f),l(f)},[u,e,l]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},I=r=>r.replace(/\s*/,"").toLowerCase(),nr=(r,l,s)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=p.useCallback(n=>{n!=null&&n.valid&&(d.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,d]);return{presets:d,addPreset:e}},ar=({name:r,value:l,onChange:s,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:n})=>{var E;let t=p.useCallback(ce(s,200),[s]),{value:a,realValue:o,updateValue:i,color:c,colorSpace:f,cycleColorSpace:g}=tr(l,t),{presets:b,addPreset:y}=nr(d??[],c,f),m=Ze[f],k=!!((E=n==null?void 0:n.table)!=null&&E.readonly);return v.createElement(Le,{"aria-readonly":k},v.createElement(Be,{startOpen:e,trigger:k?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>c&&y(c),tooltip:v.createElement(Ke,null,v.createElement(m,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ve,null,b.map((x,R)=>v.createElement(U,{key:`${(x==null?void 0:x.value)||R}-${R}`,hasChrome:!1,tooltip:v.createElement(Xe,{note:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||""})},v.createElement(A,{value:(x==null?void 0:x[f])||"",active:!!(c&&x&&x[f]&&I(x[f]||"")===I(c[f])),onClick:()=>x&&i(x.value||"")})))))},v.createElement(A,{value:o,style:{margin:4}})),v.createElement(Fe,{id:he(r),value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),a?v.createElement(Te,{onClick:g}):null)},sr=ar;export{ar as ColorControl,sr as default};

package/storybook-static/assets/DateInput-Cu3PZYc0.js

@@ -1,33 +0,0 @@
-import{r as I,j as l}from"./iframe-BUaP2gIF.js";import{d as y}from"./index-5bdJXrkD.js";const v=r=>{if(!r)return"";const a=new Date(r);if(isNaN(a.getTime()))return"";const s=a.getDate().toString().padStart(2,"0"),u=(a.getMonth()+1).toString().padStart(2,"0"),c=a.getFullYear();return`${s}/${u}/${c}`},m=r=>{if(!r)return"";const s=r.replace(/[^\d/]/g,"").split("/");if(s.length===3){const[u,c,d]=s,p=`${d.length===2?`20${d}`:d}-${c.padStart(2,"0")}-${u.padStart(2,"0")}`,o=new Date(p);if(!isNaN(o.getTime()))return p}return""},N="_dateInput_1ef9d_1",C="_label_1ef9d_6",j="_inputWrapper_1ef9d_16",E="_textInput_1ef9d_43",S="_calendarButton_1ef9d_70",w="_hiddenDateInput_1ef9d_122",k="_error_1ef9d_133",B="_success_1ef9d_158",Y="_loading_1ef9d_243",n={dateInput:N,label:C,inputWrapper:j,textInput:E,calendarButton:S,hiddenDateInput:w,error:k,success:B,loading:Y};function $({label:r,value:a,onChange:s,placeholder:u="25/12/2024",onFocus:c,onBlur:d,error:h=!1,success:p=!1,loading:o=!1,disabled:f=!1}){const i=I.useRef(null),g=t=>{let e=t.replace(/[^\d/]/g,"");if(e.length>=2&&e.charAt(2)!=="/"&&(e=e.substring(0,2)+"/"+e.substring(2)),e.length>=5&&e.charAt(5)!=="/"&&(e=e.substring(0,5)+"/"+e.substring(5)),e.length>10&&(e=e.substring(0,10)),e.length===10){const x=m(e);s(x||e)}else s(e)},D=()=>{if(i.current){const t=a.includes("-")?a:m(a);t&&(i.current.value=t),i.current.showPicker?i.current.showPicker():i.current.click()}},_=t=>{const e=t.target.value;e&&s(e)},b=()=>{const t=[n.dateInput];return h&&t.push(n.error),p&&t.push(n.success),o&&t.push(n.loading),t.join(" ")};return l.jsxs("div",{className:b(),children:[l.jsx("label",{className:n.label,children:r}),l.jsxs("div",{className:n.inputWrapper,children:[l.jsx("input",{type:"text",value:a.includes("-")?v(a):a,onChange:t=>g(t.target.value),onFocus:c,onBlur:d,placeholder:u,className:n.textInput,disabled:f||o}),l.jsx("button",{type:"button",onClick:D,className:n.calendarButton,title:"Select date from calendar",disabled:f||o,children:l.jsx(y,{})}),l.jsx("input",{ref:i,type:"date",onChange:_,className:n.hiddenDateInput,tabIndex:-1,disabled:f||o})]})]})}$.__docgenInfo={description:`DateInput component - European format date picker with manual input support
-
-@component
-@description
-A date input component that supports both manual text entry in DD/MM/YYYY format
-and native calendar picker selection. Automatically formats dates as users type,
-adding slashes at appropriate positions. Stores dates internally in ISO format
-while displaying them in European format for better UX in European contexts.
-
-Features:
-- Auto-formatting while typing (adds slashes automatically)
-- Calendar icon for native date picker access
-- Seamless conversion between European display and ISO storage formats
-- Mobile-optimized with proper touch targets
-
-@example
-// Basic usage
-<DateInput
-  label="Date of Birth"
-  value={birthDate}
-  onChange={setBirthDate}
-  placeholder="31/12/2000"
-/>
-
-@example
-// With focus handlers
-<DateInput
-  label="Event Date"
-  value={eventDate}
-  onChange={setEventDate}
-  onFocus={() => console.log('Focused')}
-  onBlur={() => validateDate(eventDate)}
-/>`,methods:[],displayName:"DateInput",props:{placeholder:{defaultValue:{value:'"25/12/2024"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1}}};export{$ as D};

package/storybook-static/assets/MoodChart.stories-V-wKOSu-.js

@@ -1,40 +0,0 @@
-import{r as i,j as n}from"./iframe-BUaP2gIF.js";import{s as S}from"./transform-NloTqvdv.js";import{l as A,a as z,b as Y}from"./linear-4t_RuQok.js";import{e as G,t as J,l as K,m as U}from"./monotone-BYG7Mesf.js";import{t as Z}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const tt="_container_1cfkm_1",at="_chart_1cfkm_11",et="_gridLine_1cfkm_16",ot="_line_1cfkm_22",nt="_xAxis_1cfkm_30",rt="_yAxis_1cfkm_31",st="_dataPoint_1cfkm_50",it="_tooltip_1cfkm_63",ct="_tooltipHeader_1cfkm_88",lt="_tooltipDate_1cfkm_97",mt="_tooltipRating_1cfkm_103",dt="_ratingValue_1cfkm_113",pt="_ratingMax_1cfkm_118",gt="_tooltipTags_1cfkm_123",ht="_tag_1cfkm_130",ut="_tooltipComment_1cfkm_148",a={container:tt,chart:at,gridLine:et,line:ot,xAxis:nt,yAxis:rt,dataPoint:st,tooltip:it,tooltipHeader:ct,tooltipDate:lt,tooltipRating:mt,ratingValue:dt,ratingMax:pt,tooltipTags:gt,tag:ht,tooltipComment:ut},O=({moodData:o,width:p=800,height:u=400})=>{const s=i.useRef(null),g=i.useRef(null),[c,f]=i.useState(null),[T,W]=i.useState({x:0,y:0}),l={top:20,right:20,bottom:50,left:40},D=p-l.left-l.right,k=u-l.top-l.bottom,h=i.useMemo(()=>o.map(e=>{const r=e.tag?e.tag.split(",").map(m=>m.trim()).filter(m=>m):[];return{date:new Date(e.date),rating:e.rating,tags:r,comment:e.comment}}).filter(e=>!isNaN(e.date.getTime())&&isFinite(e.rating)),[o]),j=i.useMemo(()=>A().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return i.useEffect(()=>{if(!s.current||h.length===0)return;const e=S(s.current);e.selectAll("*").remove();const r=e.append("g").attr("transform",`translate(${l.left},${l.top})`),m=G(h,t=>t.date);if(!m[0]||!m[1])return;const v=J().domain(m).range([0,D]),d=A().domain([1,10]).range([k,0]),Q=K().x(t=>v(t.date)).y(t=>d(t.rating)).curve(U);r.selectAll(".grid-line-y").data(d.ticks(5)).enter().append("line").attr("class",a.gridLine).attr("x1",0).attr("y1",t=>d(t)).attr("x2",D).attr("y2",t=>d(t)),r.append("path").datum(h).attr("class",a.line).attr("d",Q),r.append("g").attr("class",a.xAxis).attr("transform",`translate(0,${k})`).call(z(v).tickFormat(t=>Z("%m/%d")(t))),r.append("g").attr("class",a.yAxis).call(Y(d)),r.selectAll(".mood-circle").data(h).enter().append("circle").attr("class",a.dataPoint).attr("cx",t=>v(t.date)).attr("cy",t=>d(t.rating)).attr("r",5).attr("fill",t=>j(t.rating)).style("cursor","pointer").on("mouseenter",(t,X)=>{var w;const N=(w=s.current)==null?void 0:w.getBoundingClientRect();N&&W({x:t.clientX-N.left+20,y:t.clientY-N.top-10}),f(X),S(t.currentTarget).transition().duration(200).attr("r",8)}).on("mouseleave",t=>{setTimeout(()=>{f(null)},0),S(t.currentTarget).transition().duration(200).attr("r",5)})},[h,D,k,j,l]),i.useEffect(()=>()=>{f(null)},[]),n.jsxs("div",{className:a.container,ref:g,onMouseLeave:()=>f(null),children:[n.jsx("svg",{ref:s,width:p,height:u,className:a.chart}),c&&n.jsxs("div",{className:a.tooltip,style:{position:"absolute",pointerEvents:"none",left:T.x,top:T.y,zIndex:1e3},children:[n.jsxs("div",{className:a.tooltipHeader,children:[n.jsx("div",{className:a.tooltipDate,children:c.date.toLocaleDateString()}),n.jsxs("div",{className:a.tooltipRating,children:[n.jsx("span",{className:a.ratingValue,children:c.rating}),n.jsx("span",{className:a.ratingMax,children:"/10"})]})]}),c.tags.length>0&&n.jsx("div",{className:a.tooltipTags,children:c.tags.map((e,r)=>n.jsx("span",{className:a.tag,children:e},r))}),c.comment&&n.jsx("div",{className:a.tooltipComment,children:c.comment})]})]})};O.__docgenInfo={description:"",methods:[],displayName:"MoodChart",props:{moodData:{required:!0,tsType:{name:"Array",elements:[{name:"MoodNoteData"}],raw:"MoodNoteData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}}}};const Nt={title:"Organisms/Charts/MoodChart",component:O,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:1200,step:50}},height:{control:{type:"number",min:200,max:800,step:50}}}},R=o=>{const p=[],u=new Date;for(let s=o-1;s>=0;s--){const g=new Date(u);g.setDate(g.getDate()-s),p.push(g.toISOString().split("T")[0])}return p},_={args:{moodData:R(30).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","excited","calm","focused"][Math.floor(Math.random()*4)],comment:`Feeling ${Math.random()>.5?"good":"okay"} today`})),width:800,height:400}},x={args:{moodData:R(7).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["happy","calm","energetic","focused"][Math.floor(Math.random()*4)],comment:`Day ${o.split("-")[2]} mood note`})),width:600,height:300}},y={args:{moodData:R(90).map(o=>({date:o,rating:Math.floor(Math.random()*10)+1,tag:["productive","creative","stressed","relaxed","motivated"][Math.floor(Math.random()*5)],comment:Math.random()>.7?`Notable day - ${o}`:void 0})),width:1e3,height:400}},M={args:{moodData:[],width:800,height:400}};var b,C,$;_.parameters={..._.parameters,docs:{...(b=_.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    moodData: generateDateRange(30).map(date => ({
-      date,
-      rating: Math.floor(Math.random() * 10) + 1,
-      tag: ['happy', 'excited', 'calm', 'focused'][Math.floor(Math.random() * 4)],
-      comment: \`Feeling \${Math.random() > 0.5 ? 'good' : 'okay'} today\`
-    })),
-    width: 800,
-    height: 400
-  }
-}`,...($=(C=_.parameters)==null?void 0:C.docs)==null?void 0:$.source}}};var F,E,L;x.parameters={...x.parameters,docs:{...(F=x.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    moodData: generateDateRange(7).map(date => ({
-      date,
-      rating: Math.floor(Math.random() * 10) + 1,
-      tag: ['happy', 'calm', 'energetic', 'focused'][Math.floor(Math.random() * 4)],
-      comment: \`Day \${date.split('-')[2]} mood note\`
-    })),
-    width: 600,
-    height: 300
-  }
-}`,...(L=(E=x.parameters)==null?void 0:E.docs)==null?void 0:L.source}}};var B,P,V;y.parameters={...y.parameters,docs:{...(B=y.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    moodData: generateDateRange(90).map(date => ({
-      date,
-      rating: Math.floor(Math.random() * 10) + 1,
-      tag: ['productive', 'creative', 'stressed', 'relaxed', 'motivated'][Math.floor(Math.random() * 5)],
-      comment: Math.random() > 0.7 ? \`Notable day - \${date}\` : undefined
-    })),
-    width: 1000,
-    height: 400
-  }
-}`,...(V=(P=y.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var H,q,I;M.parameters={...M.parameters,docs:{...(H=M.parameters)==null?void 0:H.docs,source:{originalSource:`{
-  args: {
-    moodData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(I=(q=M.parameters)==null?void 0:q.docs)==null?void 0:I.source}}};const St=["Default","Weekly","Quarterly","EmptyState"];export{_ as Default,M as EmptyState,y as Quarterly,x as Weekly,St as __namedExportsOrder,Nt as default};

package/storybook-static/assets/Navbar-B8vEvGnB.css

@@ -1 +0,0 @@
-._navbar_1ou84_1{position:fixed;background:var(--color-surface);padding:var(--spacing-md);z-index:var(--z-index-sticky);display:flex;flex-direction:column;transition:transform var(--transition-base)}._navbarSidebar_1ou84_12{top:0;left:0;bottom:0;width:280px;box-shadow:var(--shadow-lg);overflow-y:auto}._navbarTop_1ou84_22{top:0;left:0;right:0;height:auto;flex-direction:row;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);box-shadow:var(--shadow-md)}._navbarTop_1ou84_22 ._navList_1ou84_33{flex-direction:row;gap:var(--spacing-md);margin:0}._navbarTop_1ou84_22 ._navItem_1ou84_39{margin:0}._navbarMinimal_1ou84_44{background:transparent;box-shadow:none;position:relative;padding:0}._navbarMinimal_1ou84_44 ._navList_1ou84_33{flex-direction:row;gap:var(--spacing-sm)}._navLogo_1ou84_57{margin-bottom:var(--spacing-xl)}._navbarTop_1ou84_22 ._navLogo_1ou84_57{margin-bottom:0;margin-right:auto}._logoContainer_1ou84_66{display:flex;align-items:center;gap:var(--spacing-md)}._logoImage_1ou84_72{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md)}._logoPlaceholder_1ou84_79{width:48px;height:48px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}._logoContent_1ou84_92{display:flex;flex-direction:column}._logoText_1ou84_97{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}._logoSubtitle_1ou84_104{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight)}._navList_1ou84_33{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column}._navItem_1ou84_39{margin-bottom:var(--spacing-xs)}._subNavItem_1ou84_124{margin-left:var(--spacing-lg)}._navLink_1ou84_128{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;border-radius:var(--radius-md);position:relative;cursor:pointer;transition:all var(--transition-fast)}._navLink_1ou84_128:hover{background:var(--color-background-secondary)}._navLink_1ou84_128._active_1ou84_150{color:var(--color-text-inverse)}._activeBackground_1ou84_154{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-primary);border-radius:var(--radius-md);z-index:0}._navIcon_1ou84_165{font-size:1.25rem;margin-right:var(--spacing-sm);position:relative;z-index:1;transition:color var(--transition-fast)}._activeIcon_1ou84_173{color:var(--color-text-inverse)}._navText_1ou84_177{position:relative;z-index:1;flex:1;transition:color var(--transition-fast)}._activeText_1ou84_184{color:var(--color-text-inverse)}._navBadge_1ou84_188{position:relative;z-index:1;padding:2px 6px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto}._chevron_1ou84_200{position:relative;z-index:1;margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._subNavList_1ou84_209{list-style:none;padding:0;margin:var(--spacing-xs) 0 0 0;overflow:hidden}._subNavList_1ou84_209 ._navLink_1ou84_128{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._navFooter_1ou84_222{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}._mobileMenuButton_1ou84_229{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-index-sticky) + 1);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);width:48px;height:48px;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer}._mobileMenuButton_1ou84_229:hover{background:var(--color-primary-hover)}._mobileMenuButton_1ou84_229 svg{font-size:1.5rem}._mobileBackdrop_1ou84_256{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-index-sticky) - 1)}@media (max-width: 768px){._mobileMenuButton_1ou84_229{display:flex}._navbarSidebar_1ou84_12{transform:translate(-100%)}._navbarSidebar_1ou84_12._mobileMenuOpen_1ou84_276{transform:translate(0)}._navbarTop_1ou84_22{padding:var(--spacing-sm) var(--spacing-md)}._navbarTop_1ou84_22 ._navList_1ou84_33{position:fixed;top:60px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg);transform:translateY(-100%);transition:transform var(--transition-base)}._navbarTop_1ou84_22._mobileMenuOpen_1ou84_276 ._navList_1ou84_33{transform:translateY(0)}}._navbar_t9p09_2{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:0 -2px 10px #0000001a;z-index:var(--z-index-sticky)}._navLogo_t9p09_14{display:none}._navList_t9p09_18{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:space-around;align-items:center}._navItem_t9p09_28{flex:1;margin:0}._navLink_t9p09_33{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-sm);position:relative;cursor:pointer;transition:all var(--transition-fast);width:100%}._navLink_t9p09_33:active{transform:scale(.95)}._navLink_t9p09_33._active_t9p09_56{color:var(--color-primary)}._activeBackground_t9p09_60{display:none}._navIcon_t9p09_64{font-size:1.5rem;margin-right:0;margin-bottom:2px;transition:color var(--transition-fast)}._activeIcon_t9p09_71{color:var(--color-primary)}._navText_t9p09_75{font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._activeText_t9p09_83{color:var(--color-primary)}._navBadge_t9p09_87{position:absolute;top:2px;right:calc(50% - 12px);padding:1px 4px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);min-width:16px;text-align:center}._chevron_t9p09_102,._subNavList_t9p09_103,._navFooter_t9p09_108,._mobileMenuButton_t9p09_113,._mobileBackdrop_t9p09_117{display:none}._navbarTop_t9p09_122{top:0;bottom:auto;flex-direction:row;padding:var(--spacing-sm) var(--spacing-md)}._navbarTop_t9p09_122 ._navLogo_t9p09_14{display:block;margin-right:auto;margin-bottom:0}._navbarTop_t9p09_122 ._navList_t9p09_18{flex-direction:row;gap:var(--spacing-sm)}._navbarTop_t9p09_122 ._navLink_t9p09_33{flex-direction:row;padding:var(--spacing-xs) var(--spacing-sm)}._navbarTop_t9p09_122 ._navIcon_t9p09_64{margin-right:var(--spacing-xs);margin-bottom:0}._navbarTop_t9p09_122 ._navText_t9p09_75{font-size:var(--font-size-sm)}._navbarMinimal_t9p09_155{position:relative;background:transparent;box-shadow:none;padding:var(--spacing-sm)}._navbarMinimal_t9p09_155 ._navList_t9p09_18{justify-content:flex-start;gap:var(--spacing-xs)}

package/storybook-static/assets/Navbar.stories-Dkf77idX.js

@@ -1,235 +0,0 @@
-import{r as p,j as e}from"./iframe-BUaP2gIF.js";import{q as fe,u as Ie,v as T,m as le,e as N,w as ce,x as Ne,f as Se,y as de,z as me,l as Te,A as ve,B as ke,C as je}from"./index-5bdJXrkD.js";import{m as t}from"./proxy-9Y4F2rF8.js";import{A as S}from"./index-CZs7_DA6.js";import"./preload-helper-C1FmrZbK.js";const Fe="_navbar_1ou84_1",Ce="_navbarSidebar_1ou84_12",Me="_navbarTop_1ou84_22",$e="_navList_1ou84_33",we="_navItem_1ou84_39",Ae="_navbarMinimal_1ou84_44",Le="_navLogo_1ou84_57",Be="_logoContainer_1ou84_66",Pe="_logoImage_1ou84_72",He="_logoPlaceholder_1ou84_79",Ee="_logoContent_1ou84_92",Oe="_logoText_1ou84_97",qe="_logoSubtitle_1ou84_104",ze="_subNavItem_1ou84_124",Re="_navLink_1ou84_128",We="_active_1ou84_150",De="_activeBackground_1ou84_154",Ue="_navIcon_1ou84_165",Ve="_activeIcon_1ou84_173",Ge="_navText_1ou84_177",Ye="_activeText_1ou84_184",Xe="_navBadge_1ou84_188",Je="_chevron_1ou84_200",Ke="_subNavList_1ou84_209",Qe="_navFooter_1ou84_222",Ze="_mobileMenuButton_1ou84_229",en="_mobileBackdrop_1ou84_256",nn="_mobileMenuOpen_1ou84_276",an={navbar:Fe,navbarSidebar:Ce,navbarTop:Me,navList:$e,navItem:we,navbarMinimal:Ae,navLogo:Le,logoContainer:Be,logoImage:Pe,logoPlaceholder:He,logoContent:Ee,logoText:Oe,logoSubtitle:qe,subNavItem:ze,navLink:Re,active:We,activeBackground:De,navIcon:Ue,activeIcon:Ve,navText:Ge,activeText:Ye,navBadge:Xe,chevron:Je,subNavList:Ke,navFooter:Qe,mobileMenuButton:Ze,mobileBackdrop:en,mobileMenuOpen:nn},tn="_navbar_t9p09_2",on="_navLogo_t9p09_14",sn="_navList_t9p09_18",rn="_navItem_t9p09_28",ln="_navLink_t9p09_33",cn="_active_t9p09_56",dn="_activeBackground_t9p09_60",mn="_navIcon_t9p09_64",vn="_activeIcon_t9p09_71",pn="_navText_t9p09_75",bn="_activeText_t9p09_83",un="_navBadge_t9p09_87",gn="_chevron_t9p09_102",_n="_subNavList_t9p09_103",hn="_navFooter_t9p09_108",xn="_mobileMenuButton_t9p09_113",yn="_mobileBackdrop_t9p09_117",fn="_navbarTop_t9p09_122",In="_navbarMinimal_t9p09_155",Nn={navbar:tn,navLogo:on,navList:sn,navItem:rn,navLink:ln,active:cn,activeBackground:dn,navIcon:mn,activeIcon:vn,navText:pn,activeText:bn,navBadge:un,chevron:gn,subNavList:_n,navFooter:hn,mobileMenuButton:xn,mobileBackdrop:yn,navbarTop:fn,navbarMinimal:In},pe=({items:s,logo:i,onItemClick:k,variant:c="sidebar",isMobile:d=!1,footer:j,className:F=""})=>{var $;const a=p.useMemo(()=>d?Nn:an,[d]),[r,v]=p.useState(!1),[be,ue]=p.useState(new Set);p.useEffect(()=>{const n=()=>{window.innerWidth>768&&v(!1)};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]);const ge=()=>{v(!r)},_e=n=>{ue(m=>{const o=new Set(m);return o.has(n)?o.delete(n):o.add(n),o})},he=n=>{n.children&&n.children.length>0?_e(n.id):(n.onClick&&n.onClick(),k&&k(n),(d||r)&&v(!1))},C=(n,m,o=0)=>{const w=n.icon,A=be.has(n.id),L=n.children&&n.children.length>0;return e.jsxs(t.li,{className:`${a.navItem} ${o>0?a.subNavItem:""}`,initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:m*.05},children:[e.jsxs(t.button,{className:`${a.navLink} ${n.isActive?a.active:""}`,onClick:()=>he(n),whileHover:{x:5},whileTap:{scale:.98},children:[n.isActive&&e.jsx(t.div,{className:a.activeBackground,layoutId:"activeNavBackground",initial:!1,transition:{type:"spring",stiffness:500,damping:35}}),w&&e.jsx(w,{className:`${a.navIcon} ${n.isActive?a.activeIcon:""}`}),e.jsx("span",{className:`${a.navText} ${n.isActive?a.activeText:""}`,children:n.label}),n.badge&&e.jsx("span",{className:a.navBadge,children:n.badge}),L&&e.jsx(t.span,{className:a.chevron,animate:{rotate:A?180:0},transition:{duration:.2},children:"▼"})]}),L&&e.jsx(S,{children:A&&e.jsx(t.ul,{className:a.subNavList,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:n.children.map((xe,ye)=>C(xe,ye,o+1))})})]},n.id)},M=e.jsxs(e.Fragment,{children:[i&&e.jsx(t.div,{className:a.navLogo,initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{delay:.1},children:e.jsxs("div",{className:a.logoContainer,children:[i.src?e.jsx(t.img,{src:i.src,alt:i.alt||"Logo",className:a.logoImage,whileHover:{scale:1.05},transition:{type:"spring",stiffness:400}}):e.jsx("div",{className:a.logoPlaceholder,children:(($=i.text)==null?void 0:$.charAt(0))||"L"}),(i.text||i.subtitle)&&e.jsxs("div",{className:a.logoContent,children:[i.text&&e.jsx("span",{className:a.logoText,children:i.text}),i.subtitle&&e.jsx("span",{className:a.logoSubtitle,children:i.subtitle})]})]})}),e.jsx("ul",{className:a.navList,children:s.map((n,m)=>C(n,m))}),j&&e.jsx(t.div,{className:a.navFooter,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:j})]});return c==="top"?e.jsx(t.nav,{className:`${a.navbar} ${a.navbarTop} ${F}`,initial:{y:-100},animate:{y:0},transition:{type:"spring",stiffness:300,damping:30},children:M}):e.jsxs(e.Fragment,{children:[(d||window.innerWidth<=768)&&e.jsx(t.button,{className:a.mobileMenuButton,onClick:ge,"aria-label":"Toggle navigation menu",whileTap:{scale:.9},children:e.jsx(S,{mode:"wait",children:r?e.jsx(t.div,{initial:{rotate:-90,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:90,opacity:0},children:e.jsx(fe,{})},"close"):e.jsx(t.div,{initial:{rotate:90,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:-90,opacity:0},children:e.jsx(Ie,{})},"menu")})}),e.jsx(S,{children:r&&e.jsx(t.div,{className:a.mobileBackdrop,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>v(!1)})}),e.jsx(t.nav,{className:`${a.navbar} ${a[`navbar${c.charAt(0).toUpperCase()+c.slice(1)}`]} ${r?a.mobileMenuOpen:""} ${F}`,initial:c==="sidebar"?{x:-300}:{opacity:0},animate:c==="sidebar"?{x:r||!d?0:-300}:{opacity:1},transition:{type:"spring",stiffness:300,damping:30},children:M})]})};pe.__docgenInfo={description:"",methods:[],displayName:"Navbar",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"NavItem"}],raw:"NavItem[]"},description:""},logo:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-    src?: string;
-    alt?: string;
-    text?: string;
-    subtitle?: string;
-}`,signature:{properties:[{key:"src",value:{name:"string",required:!1}},{key:"alt",value:{name:"string",required:!1}},{key:"text",value:{name:"string",required:!1}},{key:"subtitle",value:{name:"string",required:!1}}]}},description:""},onItemClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: NavItem) => void",signature:{arguments:[{type:{name:"NavItem"},name:"item"}],return:{name:"void"}}},description:""},variant:{required:!1,tsType:{name:"union",raw:"'sidebar' | 'top' | 'minimal'",elements:[{name:"literal",value:"'sidebar'"},{name:"literal",value:"'top'"},{name:"literal",value:"'minimal'"}]},description:"",defaultValue:{value:"'sidebar'",computed:!1}},isMobile:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},footer:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}}}};const Cn={title:"Organisms/Navbar",component:pe,parameters:{layout:"fullscreen"},argTypes:{variant:{control:{type:"select"},options:["sidebar","top","minimal"]},isMobile:{control:{type:"boolean"}}}},l=[{id:"home",label:"Home",icon:T,isActive:!0},{id:"projects",label:"Projects",icon:le,badge:3},{id:"team",label:"Team",icon:N},{id:"settings",label:"Settings",icon:ce,children:[{id:"profile",label:"Profile"},{id:"account",label:"Account"},{id:"security",label:"Security"}]},{id:"help",label:"Help",icon:Ne}],b={args:{items:l,variant:"sidebar",logo:{text:"MyApp",subtitle:"Dashboard"}}},u={args:{items:l,variant:"sidebar",logo:{src:"https://via.placeholder.com/48",alt:"Company Logo",text:"Company",subtitle:"Management System"}}},g={args:{items:l.slice(0,5),variant:"top",logo:{text:"TopNav"}}},_={args:{items:l.map(s=>({...s,icon:void 0})),variant:"minimal"}},h={args:{items:[{id:"home",label:"Home",icon:T,isActive:!0},{id:"search",label:"Search",icon:Se},{id:"cart",label:"Cart",icon:de,badge:2},{id:"favorites",label:"Favorites",icon:me},{id:"profile",label:"Profile",icon:N}],variant:"sidebar",isMobile:!0}},x={args:{items:[{id:"shop",label:"Shop",icon:de,isActive:!0},{id:"categories",label:"Categories",icon:Te,children:[{id:"electronics",label:"Electronics"},{id:"clothing",label:"Clothing"},{id:"home",label:"Home & Garden"},{id:"sports",label:"Sports"}]},{id:"trending",label:"Trending",icon:ve,badge:"New"},{id:"wishlist",label:"Wishlist",icon:me,badge:5},{id:"account",label:"Account",icon:N}],variant:"sidebar",logo:{text:"ShopHub",subtitle:"Your Online Store"}}},y={args:{items:[{id:"overview",label:"Overview",icon:T,isActive:!0},{id:"analytics",label:"Analytics",icon:ve},{id:"projects",label:"Projects",icon:le,badge:12,children:[{id:"active",label:"Active Projects",badge:8},{id:"archived",label:"Archived",badge:4},{id:"drafts",label:"Drafts"}]},{id:"team",label:"Team",icon:N,children:[{id:"members",label:"Members"},{id:"roles",label:"Roles"},{id:"invites",label:"Invitations",badge:2}]},{id:"messages",label:"Messages",icon:ke,badge:7},{id:"integrations",label:"Integrations",icon:je},{id:"settings",label:"Settings",icon:ce}],variant:"sidebar",logo:{text:"AdminPro",subtitle:"Control Panel"},footer:e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)",textAlign:"center"},children:[e.jsx("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"Version 2.1.0"}),e.jsx("div",{style:{fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)",marginTop:"4px"},children:"© 2024 AdminPro"})]})}},f={args:{items:l,variant:"sidebar",logo:{text:"MyApp"},footer:e.jsx("div",{style:{padding:"var(--spacing-sm)"},children:e.jsx("button",{style:{width:"100%",padding:"var(--spacing-sm)",background:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-md)",cursor:"pointer",fontWeight:"var(--font-weight-semibold)"},children:"Sign Out"})})}},I={args:{items:l,variant:"sidebar",logo:{text:"Interactive",subtitle:"Click items to see console logs"},onItemClick:s=>{console.log("Clicked item:",s),alert(`You clicked: ${s.label}`)}}};var B,P,H;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems,
-    variant: 'sidebar',
-    logo: {
-      text: 'MyApp',
-      subtitle: 'Dashboard'
-    }
-  }
-}`,...(H=(P=b.parameters)==null?void 0:P.docs)==null?void 0:H.source}}};var E,O,q;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems,
-    variant: 'sidebar',
-    logo: {
-      src: 'https://via.placeholder.com/48',
-      alt: 'Company Logo',
-      text: 'Company',
-      subtitle: 'Management System'
-    }
-  }
-}`,...(q=(O=u.parameters)==null?void 0:O.docs)==null?void 0:q.source}}};var z,R,W;g.parameters={...g.parameters,docs:{...(z=g.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems.slice(0, 5),
-    variant: 'top',
-    logo: {
-      text: 'TopNav'
-    }
-  }
-}`,...(W=(R=g.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};var D,U,V;_.parameters={..._.parameters,docs:{...(D=_.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems.map(item => ({
-      ...item,
-      icon: undefined
-    })),
-    variant: 'minimal'
-  }
-}`,...(V=(U=_.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var G,Y,X;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    items: [{
-      id: 'home',
-      label: 'Home',
-      icon: FiHome,
-      isActive: true
-    }, {
-      id: 'search',
-      label: 'Search',
-      icon: FiSearch
-    }, {
-      id: 'cart',
-      label: 'Cart',
-      icon: FiShoppingCart,
-      badge: 2
-    }, {
-      id: 'favorites',
-      label: 'Favorites',
-      icon: FiHeart
-    }, {
-      id: 'profile',
-      label: 'Profile',
-      icon: FiUsers
-    }],
-    variant: 'sidebar',
-    isMobile: true
-  }
-}`,...(X=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:X.source}}};var J,K,Q;x.parameters={...x.parameters,docs:{...(J=x.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    items: [{
-      id: 'shop',
-      label: 'Shop',
-      icon: FiShoppingCart,
-      isActive: true
-    }, {
-      id: 'categories',
-      label: 'Categories',
-      icon: FiGrid,
-      children: [{
-        id: 'electronics',
-        label: 'Electronics'
-      }, {
-        id: 'clothing',
-        label: 'Clothing'
-      }, {
-        id: 'home',
-        label: 'Home & Garden'
-      }, {
-        id: 'sports',
-        label: 'Sports'
-      }]
-    }, {
-      id: 'trending',
-      label: 'Trending',
-      icon: FiTrendingUp,
-      badge: 'New'
-    }, {
-      id: 'wishlist',
-      label: 'Wishlist',
-      icon: FiHeart,
-      badge: 5
-    }, {
-      id: 'account',
-      label: 'Account',
-      icon: FiUsers
-    }],
-    variant: 'sidebar',
-    logo: {
-      text: 'ShopHub',
-      subtitle: 'Your Online Store'
-    }
-  }
-}`,...(Q=(K=x.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var Z,ee,ne;y.parameters={...y.parameters,docs:{...(Z=y.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    items: [{
-      id: 'overview',
-      label: 'Overview',
-      icon: FiHome,
-      isActive: true
-    }, {
-      id: 'analytics',
-      label: 'Analytics',
-      icon: FiTrendingUp
-    }, {
-      id: 'projects',
-      label: 'Projects',
-      icon: FiFolder,
-      badge: 12,
-      children: [{
-        id: 'active',
-        label: 'Active Projects',
-        badge: 8
-      }, {
-        id: 'archived',
-        label: 'Archived',
-        badge: 4
-      }, {
-        id: 'drafts',
-        label: 'Drafts'
-      }]
-    }, {
-      id: 'team',
-      label: 'Team',
-      icon: FiUsers,
-      children: [{
-        id: 'members',
-        label: 'Members'
-      }, {
-        id: 'roles',
-        label: 'Roles'
-      }, {
-        id: 'invites',
-        label: 'Invitations',
-        badge: 2
-      }]
-    }, {
-      id: 'messages',
-      label: 'Messages',
-      icon: FiMail,
-      badge: 7
-    }, {
-      id: 'integrations',
-      label: 'Integrations',
-      icon: FiLayers
-    }, {
-      id: 'settings',
-      label: 'Settings',
-      icon: FiSettings
-    }],
-    variant: 'sidebar',
-    logo: {
-      text: 'AdminPro',
-      subtitle: 'Control Panel'
-    },
-    footer: <div style={{
-      padding: 'var(--spacing-md)',
-      background: 'var(--color-background-secondary)',
-      borderRadius: 'var(--radius-md)',
-      textAlign: 'center'
-    }}>
-                <div style={{
-        fontSize: 'var(--font-size-sm)',
-        color: 'var(--color-text-secondary)'
-      }}>
-                    Version 2.1.0
-                </div>
-                <div style={{
-        fontSize: 'var(--font-size-xs)',
-        color: 'var(--color-text-tertiary)',
-        marginTop: '4px'
-      }}>
-                    © 2024 AdminPro
-                </div>
-            </div>
-  }
-}`,...(ne=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var ae,te,ie;f.parameters={...f.parameters,docs:{...(ae=f.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems,
-    variant: 'sidebar',
-    logo: {
-      text: 'MyApp'
-    },
-    footer: <div style={{
-      padding: 'var(--spacing-sm)'
-    }}>
-                <button style={{
-        width: '100%',
-        padding: 'var(--spacing-sm)',
-        background: 'var(--color-primary)',
-        color: 'white',
-        border: 'none',
-        borderRadius: 'var(--radius-md)',
-        cursor: 'pointer',
-        fontWeight: 'var(--font-weight-semibold)'
-      }}>
-                    Sign Out
-                </button>
-            </div>
-  }
-}`,...(ie=(te=f.parameters)==null?void 0:te.docs)==null?void 0:ie.source}}};var oe,se,re;I.parameters={...I.parameters,docs:{...(oe=I.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    items: sampleItems,
-    variant: 'sidebar',
-    logo: {
-      text: 'Interactive',
-      subtitle: 'Click items to see console logs'
-    },
-    onItemClick: item => {
-      console.log('Clicked item:', item);
-      alert(\`You clicked: \${item.label}\`);
-    }
-  }
-}`,...(re=(se=I.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};const Mn=["SidebarDefault","SidebarWithImage","TopNavigation","MinimalNavigation","MobileBottomNav","ECommerceNav","DashboardNav","WithCustomFooter","InteractiveExample"];export{y as DashboardNav,x as ECommerceNav,I as InteractiveExample,_ as MinimalNavigation,h as MobileBottomNav,b as SidebarDefault,u as SidebarWithImage,g as TopNavigation,f as WithCustomFooter,Mn as __namedExportsOrder,Cn as default};

package/storybook-static/assets/NumberStepper-BVHPJutJ.css

@@ -1 +0,0 @@
-._container_9yae8_1{display:inline-flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-family-primary)}._header_9yae8_8{display:flex;align-items:center;gap:var(--spacing-sm)}._icon_9yae8_14{font-size:var(--font-size-xl);line-height:1;display:flex;align-items:center;justify-content:center}._label_9yae8_22{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}._stepper_9yae8_31{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xs);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}._stepper_9yae8_31:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._stepper_9yae8_31:hover:not(._disabled_9yae8_49 ._stepper_9yae8_31){border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}._button_9yae8_55{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-background-secondary);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}._button_9yae8_55:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary-light);transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}._button_9yae8_55:hover:not(:disabled){background:var(--color-primary);color:var(--color-background)}._button_9yae8_55:hover:not(:disabled):before{width:100%;height:100%}._button_9yae8_55:active:not(:disabled){transform:scale(.95)}._button_9yae8_55:disabled{opacity:.3;cursor:not-allowed}._buttonIcon_9yae8_103{width:16px;height:16px;position:relative;z-index:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}._valueContainer_9yae8_114{flex:1;min-width:60px;position:relative;height:36px;display:flex;align-items:center;justify-content:center}._valueWrapper_9yae8_124{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._value_9yae8_114{width:100%;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;border:none;outline:none;padding:0 var(--spacing-xs)}._value_9yae8_114:focus{color:var(--color-primary)}._limits_9yae8_150{display:flex;justify-content:space-between;padding:0 var(--spacing-xs);opacity:.6}._limit_9yae8_150{font-size:var(--font-size-xs);color:var(--color-text-secondary)}._small_9yae8_163 ._stepper_9yae8_31{padding:2px}._small_9yae8_163 ._button_9yae8_55{width:28px;height:28px}._small_9yae8_163 ._valueContainer_9yae8_114{min-width:48px;height:28px}._small_9yae8_163 ._value_9yae8_114{font-size:var(--font-size-base)}._small_9yae8_163 ._buttonIcon_9yae8_103{width:12px;height:12px;font-size:var(--font-size-lg)}._large_9yae8_187 ._stepper_9yae8_31{padding:var(--spacing-sm)}._large_9yae8_187 ._button_9yae8_55{width:44px;height:44px}._large_9yae8_187 ._valueContainer_9yae8_114{min-width:80px;height:44px}._large_9yae8_187 ._value_9yae8_114{font-size:var(--font-size-xl)}._large_9yae8_187 ._buttonIcon_9yae8_103{width:20px;height:20px;font-size:var(--font-size-2xl)}._outlined_9yae8_212 ._stepper_9yae8_31{background:transparent;border:2px solid var(--color-border)}._outlined_9yae8_212 ._button_9yae8_55{background:transparent}._outlined_9yae8_212 ._button_9yae8_55:hover:not(:disabled){background:var(--color-primary-light)}._filled_9yae8_225 ._stepper_9yae8_31{background:var(--color-primary);border-color:var(--color-primary)}._filled_9yae8_225 ._button_9yae8_55{background:#fff3;color:#fff}._filled_9yae8_225 ._value_9yae8_114{color:#fff}._filled_9yae8_225 ._button_9yae8_55:hover:not(:disabled){background:#ffffff4d}._disabled_9yae8_49{opacity:.5;pointer-events:none}._disabled_9yae8_49 ._stepper_9yae8_31,[data-theme=dark] ._stepper_9yae8_31{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._button_9yae8_55{background:var(--color-background-tertiary)}[data-theme=dark] ._button_9yae8_55:hover:not(:disabled){background:var(--color-primary)}[data-theme=dark] ._outlined_9yae8_212 ._stepper_9yae8_31{background:transparent}[data-theme=dark] ._filled_9yae8_225 ._stepper_9yae8_31{background:var(--color-primary-light)}@keyframes _pulse_9yae8_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){._valueContainer_9yae8_114{min-width:50px}}

package/storybook-static/assets/NumberStepper-BZGlrWCN.js

@@ -1,30 +0,0 @@
-import{r as u,j as a}from"./iframe-BUaP2gIF.js";import{m as N}from"./proxy-9Y4F2rF8.js";import{A as L}from"./index-CZs7_DA6.js";const W="_container_9yae8_1",A="_header_9yae8_8",B="_icon_9yae8_14",E="_label_9yae8_22",P="_stepper_9yae8_31",z="_disabled_9yae8_49",F="_button_9yae8_55",K="_buttonIcon_9yae8_103",U="_valueContainer_9yae8_114",$="_valueWrapper_9yae8_124",H="_value_9yae8_114",J="_limits_9yae8_150",Q="_limit_9yae8_150",R="_small_9yae8_163",X="_large_9yae8_187",G="_outlined_9yae8_212",O="_filled_9yae8_225",Y="_pulse_9yae8_1",n={container:W,header:A,icon:B,label:E,stepper:P,disabled:z,button:F,buttonIcon:K,valueContainer:U,valueWrapper:$,value:H,limits:J,limit:Q,small:R,large:X,outlined:G,filled:O,pulse:Y},Z=({value:t,onChange:i,min:s=-1/0,max:l=1/0,step:r=1,label:m,icon:y,disabled:o=!1,size:D="medium",variant:T="default",showPlusMinus:I=!1,allowKeyboard:x=!0,className:V=""})=>{const[b,j]=u.useState(!1),[v,k]=u.useState(!1),[c,p]=u.useState(t);u.useEffect(()=>{p(t)},[t]);const _=u.useCallback(()=>{if(o||t>=l)return;const e=Math.min(t+r,l);i(e),j(!0),setTimeout(()=>j(!1),200)},[t,i,l,r,o]),h=u.useCallback(()=>{if(o||t<=s)return;const e=Math.max(t-r,s);i(e),k(!0),setTimeout(()=>k(!1),200)},[t,i,s,r,o]),S=u.useCallback(e=>{if(!(!x||o))switch(e.key){case"ArrowUp":e.preventDefault(),_();break;case"ArrowDown":e.preventDefault(),h();break;case"PageUp":e.preventDefault();const d=Math.min(t+r*10,l);i(d);break;case"PageDown":e.preventDefault();const f=Math.max(t-r*10,s);i(f);break;case"Home":e.preventDefault(),s!==-1/0&&i(s);break;case"End":e.preventDefault(),l!==1/0&&i(l);break}},[x,o,_,h,t,r,s,l,i]),C=u.useCallback(e=>{const d=e.target.value;if(d===""||d==="-"){p(d);return}const f=parseFloat(d);isNaN(f)||p(f)},[]),q=u.useCallback(()=>{let e=typeof c=="string"?c===""||c==="-"?s:parseFloat(c):c;isNaN(e)&&(e=s),e=Math.max(s,Math.min(l,e)),r!==1&&(e=Math.round(e/r)*r),i(e),p(e)},[c,s,l,r,i]),M=[n.container,n[D],n[T],o&&n.disabled,V].filter(Boolean).join(" "),w=o||t<=s,g=o||t>=l;return a.jsxs("div",{className:M,children:[(m||y)&&a.jsxs("div",{className:n.header,children:[y&&a.jsx("span",{className:n.icon,children:y}),m&&a.jsx("label",{className:n.label,children:m})]}),a.jsxs("div",{className:n.stepper,onKeyDown:S,tabIndex:o?-1:0,children:[a.jsx(N.button,{className:n.button,onClick:h,disabled:w,whileTap:w?void 0:{scale:.9},animate:v?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:I?a.jsx("span",{className:n.buttonIcon,children:"−"}):a.jsx("svg",{className:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),a.jsx("div",{className:n.valueContainer,children:a.jsx(L,{mode:"wait",children:a.jsx(N.div,{initial:{y:b?10:v?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:b?-10:v?10:0,opacity:0},transition:{duration:.15},className:n.valueWrapper,children:a.jsx("input",{type:"text",className:n.value,value:c,onChange:C,onBlur:q,disabled:o,"aria-label":m||"Number input","aria-valuemin":s,"aria-valuemax":l,"aria-valuenow":t})},t)})}),a.jsx(N.button,{className:n.button,onClick:_,disabled:g,whileTap:g?void 0:{scale:.9},animate:b?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:I?a.jsx("span",{className:n.buttonIcon,children:"+"}):a.jsx("svg",{className:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),(s!==-1/0||l!==1/0)&&a.jsxs("div",{className:n.limits,children:[a.jsx("span",{className:n.limit,children:s!==-1/0&&`Min: ${s}`}),a.jsx("span",{className:n.limit,children:l!==1/0&&`Max: ${l}`})]})]})};Z.__docgenInfo={description:`NumberStepper Component
-
-@component
-@description
-A number input component with increment and decrement controls.
-Supports keyboard navigation, min/max limits, and custom step values.
-
-@example
-// Basic usage
-<NumberStepper
-  value={count}
-  onChange={setCount}
-  min={0}
-  max={10}
-/>
-
-@example
-// With label and icon
-<NumberStepper
-  value={5}
-  onChange={(val) => setValue(val)}
-  min={0}
-  max={100}
-  step={5}
-  label="Quantity"
-  icon="📦"
-/>
-
-@param {NumberStepperProps} props - The props for the NumberStepper component
-@returns {JSX.Element} The rendered NumberStepper component`,methods:[],displayName:"NumberStepper",props:{value:{required:!0,tsType:{name:"number"},description:"Current value"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: number) => void",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:"Callback when value changes"},min:{required:!1,tsType:{name:"number"},description:"Minimum allowed value",defaultValue:{value:"-Infinity",computed:!1}},max:{required:!1,tsType:{name:"number"},description:"Maximum allowed value",defaultValue:{value:"Infinity",computed:!0}},step:{required:!1,tsType:{name:"number"},description:"Step increment/decrement amount",defaultValue:{value:"1",computed:!1}},label:{required:!1,tsType:{name:"string"},description:"Label text"},icon:{required:!1,tsType:{name:"string"},description:"Icon or emoji to display"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the stepper is disabled",defaultValue:{value:"false",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"Size variant",defaultValue:{value:"'medium'",computed:!1}},variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'filled'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'filled'"}]},description:"Visual variant",defaultValue:{value:"'default'",computed:!1}},showPlusMinus:{required:!1,tsType:{name:"boolean"},description:"Show plus/minus icons instead of arrows",defaultValue:{value:"false",computed:!1}},allowKeyboard:{required:!1,tsType:{name:"boolean"},description:"Allow keyboard navigation",defaultValue:{value:"true",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom className",defaultValue:{value:"''",computed:!1}}}};export{Z as N};