@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/NumberStepper.stories-NZw7r4Oh.js

@@ -1,127 +0,0 @@
-import{j as r,r as v}from"./iframe-BUaP2gIF.js";import{N as n}from"./NumberStepper-BZGlrWCN.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-9Y4F2rF8.js";import"./index-CZs7_DA6.js";const pe={title:"Atoms/NumberStepper",component:n,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{value:{control:{type:"number"},description:"Current value of the stepper"},onChange:{action:"changed",description:"Callback when value changes"},min:{control:{type:"number"},description:"Minimum allowed value"},max:{control:{type:"number"},description:"Maximum allowed value"},step:{control:{type:"number"},description:"Step increment/decrement amount"},label:{control:"text",description:"Label text for the stepper"},icon:{control:"text",description:"Icon or emoji to display"},disabled:{control:"boolean",description:"Whether the stepper is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant of the stepper"},variant:{control:{type:"select"},options:["default","outlined","filled"],description:"Visual variant of the stepper"},showPlusMinus:{control:"boolean",description:"Show plus/minus icons instead of arrows"},allowKeyboard:{control:"boolean",description:"Allow keyboard navigation"}}},a=e=>{const[f,h]=v.useState(e.value||0);return r.jsx(n,{...e,value:f,onChange:s=>{var t;h(s),(t=e.onChange)==null||t.call(e,s)}})},o={render:e=>r.jsx(a,{...e}),args:{value:5,min:0,max:10,step:1}},l={render:e=>r.jsx(a,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},i={render:e=>r.jsx(a,{...e}),args:{value:1,min:1,max:99,step:1,label:"Quantity",icon:"📦",showPlusMinus:!0}},p={render:e=>r.jsx(a,{...e}),args:{value:20,min:16,max:30,step:.5,label:"Temperature",icon:"🌡️",variant:"filled"}},c={render:e=>r.jsx(a,{...e}),args:{value:3,min:0,max:10,step:1,size:"small",label:"Small"}},m={render:e=>r.jsx(a,{...e}),args:{value:50,min:0,max:100,step:10,size:"large",label:"Large",icon:"🎯"}},u={render:e=>r.jsx(a,{...e}),args:{value:25,min:0,max:100,step:5,variant:"outlined",label:"Progress",icon:"📊"}},d={render:e=>r.jsx(a,{...e}),args:{value:7,min:1,max:10,step:1,variant:"filled",label:"Rating",icon:"⭐"}},g={render:e=>r.jsx(a,{...e}),args:{value:5,min:0,max:10,step:1,disabled:!0,label:"Disabled"}},b={render:e=>r.jsx(a,{...e}),args:{value:0,step:1,label:"Unlimited",icon:"♾️"}},x={render:e=>r.jsx(a,{...e}),args:{value:1.5,min:0,max:5,step:.1,label:"Decimal",icon:"🔢"}},S={render:()=>{const[e,f]=v.useState(0),[h,s]=v.useState(0),[t,ne]=v.useState(7);return r.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[r.jsx(n,{value:e,onChange:f,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),r.jsx(n,{value:h,onChange:s,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),r.jsx(n,{value:t,onChange:ne,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}};var N,W,j;o.parameters={...o.parameters,docs:{...(N=o.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 5,
-    min: 0,
-    max: 10,
-    step: 1
-  }
-}`,...(j=(W=o.parameters)==null?void 0:W.docs)==null?void 0:j.source}}};var y,C,w;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 5,
-    min: 0,
-    max: 100,
-    step: 1,
-    label: 'Cigarettes',
-    icon: '🚬'
-  }
-}`,...(w=(C=l.parameters)==null?void 0:C.docs)==null?void 0:w.source}}};var D,z,L;i.parameters={...i.parameters,docs:{...(D=i.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 1,
-    min: 1,
-    max: 99,
-    step: 1,
-    label: 'Quantity',
-    icon: '📦',
-    showPlusMinus: true
-  }
-}`,...(L=(z=i.parameters)==null?void 0:z.docs)==null?void 0:L.source}}};var E,T,M;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 20,
-    min: 16,
-    max: 30,
-    step: 0.5,
-    label: 'Temperature',
-    icon: '🌡️',
-    variant: 'filled'
-  }
-}`,...(M=(T=p.parameters)==null?void 0:T.docs)==null?void 0:M.source}}};var P,V,k;c.parameters={...c.parameters,docs:{...(P=c.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 3,
-    min: 0,
-    max: 10,
-    step: 1,
-    size: 'small',
-    label: 'Small'
-  }
-}`,...(k=(V=c.parameters)==null?void 0:V.docs)==null?void 0:k.source}}};var A,H,Q;m.parameters={...m.parameters,docs:{...(A=m.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 50,
-    min: 0,
-    max: 100,
-    step: 10,
-    size: 'large',
-    label: 'Large',
-    icon: '🎯'
-  }
-}`,...(Q=(H=m.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var I,O,R;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 25,
-    min: 0,
-    max: 100,
-    step: 5,
-    variant: 'outlined',
-    label: 'Progress',
-    icon: '📊'
-  }
-}`,...(R=(O=u.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};var F,G,U;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 7,
-    min: 1,
-    max: 10,
-    step: 1,
-    variant: 'filled',
-    label: 'Rating',
-    icon: '⭐'
-  }
-}`,...(U=(G=d.parameters)==null?void 0:G.docs)==null?void 0:U.source}}};var _,K,q;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 5,
-    min: 0,
-    max: 10,
-    step: 1,
-    disabled: true,
-    label: 'Disabled'
-  }
-}`,...(q=(K=g.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var B,J,X;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 0,
-    step: 1,
-    label: 'Unlimited',
-    icon: '♾️'
-  }
-}`,...(X=(J=b.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var Y,Z,$;x.parameters={...x.parameters,docs:{...(Y=x.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 1.5,
-    min: 0,
-    max: 5,
-    step: 0.1,
-    label: 'Decimal',
-    icon: '🔢'
-  }
-}`,...($=(Z=x.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,ae;S.parameters={...S.parameters,docs:{...(ee=S.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  render: () => {
-    const [water, setWater] = useState(0);
-    const [exercise, setExercise] = useState(0);
-    const [sleep, setSleep] = useState(7);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '20px'
-    }}>
-                <NumberStepper value={water} onChange={setWater} min={0} max={10} step={1} label="Glasses of Water" icon="💧" variant="filled" />
-                <NumberStepper value={exercise} onChange={setExercise} min={0} max={120} step={15} label="Exercise (minutes)" icon="🏃" variant="outlined" />
-                <NumberStepper value={sleep} onChange={setSleep} min={0} max={12} step={0.5} label="Hours of Sleep" icon="😴" />
-            </div>;
-  }
-}`,...(ae=(re=S.parameters)==null?void 0:re.docs)==null?void 0:ae.source}}};const ce=["Default","WithLabelAndIcon","QuantitySelector","TemperatureControl","SmallSize","LargeSize","OutlinedVariant","FilledVariant","Disabled","NoLimits","DecimalStep","HabitTracking"];export{x as DecimalStep,o as Default,g as Disabled,d as FilledVariant,S as HabitTracking,m as LargeSize,b as NoLimits,u as OutlinedVariant,i as QuantitySelector,c as SmallSize,p as TemperatureControl,l as WithLabelAndIcon,ce as __namedExportsOrder,pe as default};

package/storybook-static/assets/PieChart.stories-BkfNODjW.js

@@ -1,199 +0,0 @@
-import{r as q,j as v}from"./iframe-BUaP2gIF.js";import{s as A,i as ce,c as ue}from"./transform-NloTqvdv.js";import{a as me}from"./array-BKyUJesY.js";import{c as y}from"./path-CbwjOpE9.js";import{t as E,a as $}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";function de(t,a){let l=0;if(a===void 0)for(let c of t)(c=+c)&&(l+=c);else{let c=-1;for(let f of t)(f=+a(f,++c,t))&&(l+=f)}return l}function pe(t,a){return a<t?-1:a>t?1:a>=t?0:NaN}function ge(t){return t}function fe(){var t=ge,a=pe,l=null,c=y(0),f=y(E),L=y(0);function s(e){var r,i=(e=me(e)).length,d,_,x=0,w=new Array(i),u=new Array(i),C=+c.apply(this,arguments),h=Math.min(E,Math.max(-E,f.apply(this,arguments)-C)),S,T=Math.min(Math.abs(h)/i,L.apply(this,arguments)),b=T*(h<0?-1:1),n;for(r=0;r<i;++r)(n=u[w[r]=r]=+t(e[r],r,e))>0&&(x+=n);for(a!=null?w.sort(function(o,m){return a(u[o],u[m])}):l!=null&&w.sort(function(o,m){return l(e[o],e[m])}),r=0,_=x?(h-i*b)/x:0;r<i;++r,C=S)d=w[r],n=u[d],S=C+(n>0?n*_:0)+b,u[d]={data:e[d],index:r,value:n,startAngle:C,endAngle:S,padAngle:T};return u}return s.value=function(e){return arguments.length?(t=typeof e=="function"?e:y(+e),s):t},s.sortValues=function(e){return arguments.length?(a=e,l=null,s):a},s.sort=function(e){return arguments.length?(l=e,a=null,s):l},s.startAngle=function(e){return arguments.length?(c=typeof e=="function"?e:y(+e),s):c},s.endAngle=function(e){return arguments.length?(f=typeof e=="function"?e:y(+e),s):f},s.padAngle=function(e){return arguments.length?(L=typeof e=="function"?e:y(+e),s):L},s}const ve="_container_10542_1",he="_title_10542_7",be="_chartContainer_10542_15",ye="_chart_10542_15",xe="_legend_10542_26",we="_legendItem_10542_31",Ce="_legendColor_10542_45",Se="_legendLabel_10542_52",Le="_legendValue_10542_59",_e="_tooltip_10542_65",p={container:ve,title:he,chartContainer:be,chart:ye,legend:xe,legendItem:we,legendColor:Ce,legendLabel:Se,legendValue:Le,tooltip:_e},g=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],Q=t=>{const a=ue(t);if(!a)return"#ffffff";const l=a.rgb();return(.299*l.r+.587*l.g+.114*l.b)/255>.5?"#000000":"#ffffff"},ie=({data:t,width:a=400,height:l=400,title:c="Distribution",showLegend:f=!0,unit:L="items",centerLabel:s})=>{const e=q.useRef(null),r=Math.min(a,l)/2-20;return q.useEffect(()=>{if(!e.current||!t.length)return;const i=A(e.current);i.selectAll("*").remove();const d=i.append("g").attr("transform",`translate(${a/2},${l/2})`),_=fe().value(n=>n.value).sort(null),x=$().innerRadius(r*.4).outerRadius(r).cornerRadius(4),w=$().innerRadius(r*.7).outerRadius(r*.7),u=A("body").append("div").attr("class",p.tooltip).style("opacity",0).style("position","absolute"),C=_(t),h=de(t,n=>n.value),S=d.selectAll(".arc").data(C).enter().append("g").attr("class","arc");S.append("path").attr("d",n=>x(n)).attr("fill",(n,o)=>n.data.color||g[o%g.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").on("mouseover",function(n,o){const m=$().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);A(this).transition().duration(200).attr("d",B=>m(B)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const V=(o.data.value/h*100).toFixed(1);u.html(`
-                    <div><strong>${o.data.name}</strong></div>
-                    <div>Value: ${o.data.value.toLocaleString()}</div>
-                    <div>${V}% of total</div>
-                `).style("left",n.pageX+10+"px").style("top",n.pageY-28+"px")}).on("mouseout",function(n,o){A(this).transition().duration(200).attr("d",m=>x(m)).style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))"),u.transition().duration(500).style("opacity",0)});const T=t.length>0?ce.gamma(2.2)(...t.map((n,o)=>n.color||g[o%g.length]))(.5):"#ffffff",b=Q(T);return d.append("text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","20px").attr("font-weight","bold").attr("fill",b).style("text-shadow",b==="#ffffff"?"0 1px 3px rgba(0,0,0,0.5)":"0 1px 3px rgba(255,255,255,0.5)").text(s||"Total"),d.append("text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("y",22).attr("font-size","16px").attr("font-weight","600").attr("fill",b).style("text-shadow",b==="#ffffff"?"0 1px 2px rgba(0,0,0,0.4)":"0 1px 2px rgba(255,255,255,0.4)").text(`${h.toLocaleString()} ${L}`),S.filter(n=>n.endAngle-n.startAngle>.2).append("text").attr("transform",n=>`translate(${w.centroid(n)})`).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","13px").attr("fill",(n,o)=>{const m=n.data.color||g[o%g.length];return Q(m)}).attr("font-weight","600").style("pointer-events","none").style("text-shadow",(n,o)=>{const m=n.data.color||g[o%g.length];return`0 1px 2px ${Q(m)==="#ffffff"?"rgba(0,0,0,0.4)":"rgba(255,255,255,0.4)"}`}).text(n=>{const o=n.data.value/h*100;return o>8?`${o.toFixed(0)}%`:""}),()=>{u.remove()}},[t,a,l,r]),v.jsxs("div",{className:p.container,children:[v.jsx("h3",{className:p.title,children:c}),v.jsxs("div",{className:p.chartContainer,children:[v.jsx("svg",{ref:e,width:a,height:l,className:p.chart}),f&&v.jsx("div",{className:p.legend,children:t.map((i,d)=>v.jsxs("div",{className:p.legendItem,children:[v.jsx("span",{className:p.legendColor,style:{backgroundColor:i.color||g[d%g.length]}}),v.jsx("span",{className:p.legendLabel,children:i.name}),v.jsx("span",{className:p.legendValue,children:i.value.toLocaleString()})]},i.name))})]})]})};ie.__docgenInfo={description:"",methods:[],displayName:"PieChart",props:{data:{required:!0,tsType:{name:"Array",elements:[{name:"PieDataPoint"}],raw:"PieDataPoint[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Distribution'",computed:!1}},showLegend:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},unit:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'items'",computed:!1}},centerLabel:{required:!1,tsType:{name:"string"},description:""}}};const ke={title:"Organisms/Charts/PieChart",component:ie,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:700,step:50}},height:{control:{type:"number",min:300,max:700,step:50}},title:{control:{type:"text"}},showLegend:{control:{type:"boolean"}}}},R={args:{data:[{name:"Work",value:40,color:"#7c3aed"},{name:"Sleep",value:30,color:"#3b82f6"},{name:"Personal",value:20,color:"#10b981"},{name:"Exercise",value:10,color:"#f59e0b"}],width:400,height:400,title:"Daily Time Distribution",showLegend:!1}},D={args:{data:[{name:"Frontend Development",value:35,color:"#8b5cf6"},{name:"Backend Development",value:25,color:"#3b82f6"},{name:"Meetings",value:15,color:"#10b981"},{name:"Code Review",value:10,color:"#f59e0b"},{name:"Documentation",value:8,color:"#ec4899"},{name:"Testing",value:7,color:"#14b8a6"}],width:500,height:500,title:"Project Time Allocation",showLegend:!0}},P={args:{data:[{name:"Q1 2024",value:25e4},{name:"Q2 2024",value:3e5},{name:"Q3 2024",value:28e4},{name:"Q4 2024",value:32e4}],width:450,height:450,title:"Quarterly Revenue Distribution",showLegend:!0}},j={args:{data:[{name:"Company A",value:35,color:"#dc2626"},{name:"Company B",value:28,color:"#2563eb"},{name:"Company C",value:18,color:"#16a34a"},{name:"Company D",value:12,color:"#f59e0b"},{name:"Others",value:7,color:"#6b7280"}],width:500,height:500,title:"Market Share Analysis",showLegend:!0}},k={args:{data:[{name:"Housing",value:1500,color:"#dc2626"},{name:"Food",value:600,color:"#f59e0b"},{name:"Transportation",value:400,color:"#3b82f6"},{name:"Entertainment",value:300,color:"#8b5cf6"},{name:"Utilities",value:200,color:"#10b981"},{name:"Healthcare",value:250,color:"#ec4899"},{name:"Savings",value:750,color:"#059669"}],width:550,height:550,title:"Monthly Expense Breakdown",showLegend:!0}},M={args:{data:[{name:"Yes",value:73,color:"#10b981"},{name:"No",value:27,color:"#ef4444"}],width:350,height:350,title:"Survey Results",showLegend:!1}},N={args:{data:[{name:"JavaScript",value:25},{name:"Python",value:20},{name:"Java",value:15},{name:"TypeScript",value:12},{name:"C++",value:8},{name:"C#",value:6},{name:"Go",value:5},{name:"Rust",value:4},{name:"Swift",value:3},{name:"Kotlin",value:2}],width:600,height:600,title:"Programming Language Usage",showLegend:!0}};var F,O,I;R.parameters={...R.parameters,docs:{...(F=R.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Work',
-      value: 40,
-      color: '#7c3aed'
-    }, {
-      name: 'Sleep',
-      value: 30,
-      color: '#3b82f6'
-    }, {
-      name: 'Personal',
-      value: 20,
-      color: '#10b981'
-    }, {
-      name: 'Exercise',
-      value: 10,
-      color: '#f59e0b'
-    }],
-    width: 400,
-    height: 400,
-    title: 'Daily Time Distribution',
-    showLegend: false
-  }
-}`,...(I=(O=R.parameters)==null?void 0:O.docs)==null?void 0:I.source}}};var U,H,J;D.parameters={...D.parameters,docs:{...(U=D.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Frontend Development',
-      value: 35,
-      color: '#8b5cf6'
-    }, {
-      name: 'Backend Development',
-      value: 25,
-      color: '#3b82f6'
-    }, {
-      name: 'Meetings',
-      value: 15,
-      color: '#10b981'
-    }, {
-      name: 'Code Review',
-      value: 10,
-      color: '#f59e0b'
-    }, {
-      name: 'Documentation',
-      value: 8,
-      color: '#ec4899'
-    }, {
-      name: 'Testing',
-      value: 7,
-      color: '#14b8a6'
-    }],
-    width: 500,
-    height: 500,
-    title: 'Project Time Allocation',
-    showLegend: true
-  }
-}`,...(J=(H=D.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};var z,Y,G;P.parameters={...P.parameters,docs:{...(z=P.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Q1 2024',
-      value: 250000
-    }, {
-      name: 'Q2 2024',
-      value: 300000
-    }, {
-      name: 'Q3 2024',
-      value: 280000
-    }, {
-      name: 'Q4 2024',
-      value: 320000
-    }],
-    width: 450,
-    height: 450,
-    title: 'Quarterly Revenue Distribution',
-    showLegend: true
-  }
-}`,...(G=(Y=P.parameters)==null?void 0:Y.docs)==null?void 0:G.source}}};var K,W,X;j.parameters={...j.parameters,docs:{...(K=j.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Company A',
-      value: 35,
-      color: '#dc2626'
-    }, {
-      name: 'Company B',
-      value: 28,
-      color: '#2563eb'
-    }, {
-      name: 'Company C',
-      value: 18,
-      color: '#16a34a'
-    }, {
-      name: 'Company D',
-      value: 12,
-      color: '#f59e0b'
-    }, {
-      name: 'Others',
-      value: 7,
-      color: '#6b7280'
-    }],
-    width: 500,
-    height: 500,
-    title: 'Market Share Analysis',
-    showLegend: true
-  }
-}`,...(X=(W=j.parameters)==null?void 0:W.docs)==null?void 0:X.source}}};var Z,ee,ne;k.parameters={...k.parameters,docs:{...(Z=k.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Housing',
-      value: 1500,
-      color: '#dc2626'
-    }, {
-      name: 'Food',
-      value: 600,
-      color: '#f59e0b'
-    }, {
-      name: 'Transportation',
-      value: 400,
-      color: '#3b82f6'
-    }, {
-      name: 'Entertainment',
-      value: 300,
-      color: '#8b5cf6'
-    }, {
-      name: 'Utilities',
-      value: 200,
-      color: '#10b981'
-    }, {
-      name: 'Healthcare',
-      value: 250,
-      color: '#ec4899'
-    }, {
-      name: 'Savings',
-      value: 750,
-      color: '#059669'
-    }],
-    width: 550,
-    height: 550,
-    title: 'Monthly Expense Breakdown',
-    showLegend: true
-  }
-}`,...(ne=(ee=k.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var te,ae,re;M.parameters={...M.parameters,docs:{...(te=M.parameters)==null?void 0:te.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Yes',
-      value: 73,
-      color: '#10b981'
-    }, {
-      name: 'No',
-      value: 27,
-      color: '#ef4444'
-    }],
-    width: 350,
-    height: 350,
-    title: 'Survey Results',
-    showLegend: false
-  }
-}`,...(re=(ae=M.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};var oe,le,se;N.parameters={...N.parameters,docs:{...(oe=N.parameters)==null?void 0:oe.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'JavaScript',
-      value: 25
-    }, {
-      name: 'Python',
-      value: 20
-    }, {
-      name: 'Java',
-      value: 15
-    }, {
-      name: 'TypeScript',
-      value: 12
-    }, {
-      name: 'C++',
-      value: 8
-    }, {
-      name: 'C#',
-      value: 6
-    }, {
-      name: 'Go',
-      value: 5
-    }, {
-      name: 'Rust',
-      value: 4
-    }, {
-      name: 'Swift',
-      value: 3
-    }, {
-      name: 'Kotlin',
-      value: 2
-    }],
-    width: 600,
-    height: 600,
-    title: 'Programming Language Usage',
-    showLegend: true
-  }
-}`,...(se=(le=N.parameters)==null?void 0:le.docs)==null?void 0:se.source}}};const Me=["SimpleDistribution","ProjectTimeBreakdown","QuarterlyRevenue","MarketShare","ExpenseCategories","TwoCategories","ManyCategories"];export{k as ExpenseCategories,N as ManyCategories,j as MarketShare,D as ProjectTimeBreakdown,P as QuarterlyRevenue,R as SimpleDistribution,M as TwoCategories,Me as __namedExportsOrder,ke as default};

package/storybook-static/assets/QuantifiableHabitsChart-BEfzqND4.css

@@ -1 +0,0 @@
-._container_m8v9r_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center}._controls_m8v9r_10{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-xl)}._viewToggle_m8v9r_17{display:flex;gap:4px;background:var(--color-background-tertiary);padding:4px;border-radius:12px;border:1px solid var(--color-border)}._viewButton_m8v9r_26{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}._viewButton_m8v9r_26:hover{background:var(--color-surface-hover);transform:translateY(-1px)}._viewButton_m8v9r_26._active_m8v9r_47{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 12px #d4af374d}._viewIcon_m8v9r_53{font-size:16px;display:inline-block}._viewLabel_m8v9r_58{display:inline-block}@media (max-width: 640px){._viewLabel_m8v9r_58{display:none}}._legend_m8v9r_68{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-xl);padding:12px;background:var(--color-background-tertiary);border-radius:12px;border:1px solid var(--color-border);justify-content:center}._legendItem_m8v9r_80{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-background-secondary);border:2px solid var(--border-primary);border-radius:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}._legendItem_m8v9r_80:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,var(--color-primary-lighter));opacity:0;transition:opacity .2s ease}._legendItem_m8v9r_80:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--color-primary)}._legendItem_m8v9r_80:hover:before{opacity:1}._legendItem_m8v9r_80._inactive_m8v9r_117{opacity:.4;background:var(--color-background-tertiary)}._legendItem_m8v9r_80._inactive_m8v9r_117:hover{opacity:.6}._legendItem_m8v9r_80._inactive_m8v9r_117 ._legendColor_m8v9r_126{background:var(--color-text-tertiary)!important}._legendEmoji_m8v9r_130{font-size:18px;display:inline-block;animation:_bounce_m8v9r_1 2s infinite;animation-delay:var(--animation-delay, 0s)}@keyframes _bounce_m8v9r_1{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}._legendColor_m8v9r_126{width:12px;height:12px;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0003;position:relative}._legendItem_m8v9r_80:hover ._legendColor_m8v9r_126{transform:scale(1.2)}._legendLabel_m8v9r_155{font-size:13px;font-weight:500;color:var(--color-text);position:relative;z-index:1}._chart_m8v9r_163{display:block;margin:0 auto}._gridLine_m8v9r_168{stroke:var(--color-border);stroke-opacity:.15;stroke-dasharray:4,4}._line_m8v9r_174{fill:none;stroke-width:2.5;transition:opacity .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._xAxis_m8v9r_181,._yAxis_m8v9r_182{color:var(--color-text-secondary);font-size:11px;font-weight:500}._xAxis_m8v9r_181 line,._xAxis_m8v9r_181 path,._yAxis_m8v9r_182 line,._yAxis_m8v9r_182 path{stroke:var(--color-border);stroke-opacity:.3}._xAxis_m8v9r_181 text,._yAxis_m8v9r_182 text{fill:var(--color-text-secondary)}._dataPoint_m8v9r_201{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}._dataPoint_m8v9r_201:hover{r:6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}

package/storybook-static/assets/QuantifiableHabitsChart.stories-Df6rcrdD.js

@@ -1,105 +0,0 @@
-import{r as p,j as c}from"./iframe-BUaP2gIF.js";import{s as ie}from"./transform-NloTqvdv.js";import{t as le,e as ce,l as de,m as me}from"./monotone-BYG7Mesf.js";import{l as ue,a as pe,b as he}from"./linear-4t_RuQok.js";import{t as N}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";const ge="_container_m8v9r_1",ye="_controls_m8v9r_10",fe="_viewToggle_m8v9r_17",ve="_viewButton_m8v9r_26",we="_active_m8v9r_47",Me="_viewIcon_m8v9r_53",be="_viewLabel_m8v9r_58",_e="_legend_m8v9r_68",xe="_legendItem_m8v9r_80",Se="_inactive_m8v9r_117",Te="_legendColor_m8v9r_126",ke="_legendEmoji_m8v9r_130",Ee="_legendLabel_m8v9r_155",Ce="_chart_m8v9r_163",je="_gridLine_m8v9r_168",qe="_line_m8v9r_174",De="_xAxis_m8v9r_181",Ae="_yAxis_m8v9r_182",Le="_dataPoint_m8v9r_201",n={container:ge,controls:ye,viewToggle:fe,viewButton:ve,active:we,viewIcon:Me,viewLabel:be,legend:_e,legendItem:xe,inactive:Se,legendColor:Te,legendEmoji:ke,legendLabel:Ee,chart:Ce,gridLine:je,line:qe,xAxis:De,yAxis:Ae,dataPoint:Le},Fe={Exercise:"#6BCB77",Meditation:"#4D96FF",Reading:"#FFB319",Water:"#00D9FF",Steps:"#FF6B6B",Sleep:"#9B59B6",Calories:"#FF9F1C",Study:"#C774E8"},ee=({data:t,width:v=800,height:w=400,defaultViewType:b="daily",periodType:M="month",habitColors:R={},habitEmojis:te={}})=>{const D=p.useRef(null),[m,ae]=p.useState(b),[S,$]=p.useState([]),[_,H]=p.useState(null),y={top:20,right:20,bottom:50,left:50},A=v-y.left-y.right,L=w-y.top-y.bottom,x=p.useMemo(()=>Object.keys(t).filter(e=>e!=="dates"),[t]);p.useEffect(()=>{$(x)},[x]);const ne=p.useMemo(()=>{switch(M){case"week":return["daily"];case"month":return["daily","weekly"];case"quarter":return["weekly","monthly"];case"year":return["daily","weekly","monthly","quarterly"];case"allTime":return["monthly","quarterly"];default:return["daily"]}},[M]),F=e=>R[e]||Fe[e]||`hsl(${Math.abs(e.split("").reduce((s,l)=>s+l.charCodeAt(0),0))%360}, 70%, 50%)`,u=p.useMemo(()=>{if(m==="daily"||!t.dates.length)return t;const e={dates:[]},s=new Map;return t.dates.forEach((l,f)=>{const h=new Date(l);let r;switch(m){case"weekly":{const i=new Date(h),g=i.getDay(),T=i.getDate()-g+(g===0?-6:1);i.setDate(T),r=i.toISOString().split("T")[0];break}case"monthly":r=`${h.getFullYear()}-${String(h.getMonth()+1).padStart(2,"0")}-01`;break;case"quarterly":{const g=(Math.floor(h.getMonth()/3)+1-1)*3;r=new Date(h.getFullYear(),g,1).toISOString().split("T")[0];break}default:r=l}s.has(r)||s.set(r,[]),s.get(r).push(f)}),e.dates=Array.from(s.keys()).sort(),x.forEach(l=>{e[l]=e.dates.map(f=>{const r=s.get(f).map(i=>t[l][i]).filter(i=>typeof i=="number"&&!isNaN(i));return r.length===0?0:Math.round(r.reduce((i,g)=>i+g,0)/r.length)})}),e},[t,m,x]),re=e=>{$(s=>s.includes(e)?s.filter(l=>l!==e):[...s,e])};p.useEffect(()=>{if(!D.current||u.dates.length===0)return;const e=ie(D.current);e.selectAll("*").remove();const s=e.append("g").attr("transform",`translate(${y.left},${y.top})`),l=u.dates.map(a=>new Date(a)),f=le().domain(ce(l)).range([0,A]),h=Math.max(...S.flatMap(a=>u[a].filter(o=>typeof o=="number"))),r=ue().domain([0,h*1.1]).range([L,0]);s.selectAll(".grid-line-y").data(r.ticks(5)).enter().append("line").attr("class",n.gridLine).attr("x1",0).attr("y1",a=>r(a)).attr("x2",A).attr("y2",a=>r(a));const i=de().x(a=>f(a[0])).y(a=>r(a[1])).curve(me);S.forEach(a=>{const o=l.map((d,oe)=>[d,u[a][oe]]).filter(d=>typeof d[1]=="number");s.append("path").datum(o).attr("class",n.line).attr("d",i).attr("stroke",F(a)).attr("opacity",_&&_!==a?.3:1),s.selectAll(`.circle-${a}`).data(o).enter().append("circle").attr("class",n.dataPoint).attr("cx",d=>f(d[0])).attr("cy",d=>r(d[1])).attr("r",4).attr("fill",F(a)).attr("opacity",_&&_!==a?.3:1)});const g=a=>{const o=new Date(a);o.setHours(0,0,0,0),o.setDate(o.getDate()+3-(o.getDay()+6)%7);const d=new Date(o.getFullYear(),0,4);return 1+Math.round(((o.getTime()-d.getTime())/864e5-3+(d.getDay()+6)%7)/7)},T=(()=>{switch(m){case"daily":return N("%Y-%m-%d");case"weekly":return a=>{const o=g(a);return`${a.getFullYear()}-W${o.toString().padStart(2,"0")}`};case"monthly":return N("%Y-%m");case"quarterly":return a=>{const o=Math.floor(a.getMonth()/3)+1;return`${a.getFullYear()}-Q${o}`};default:return N("%Y-%m-%d")}})(),I=(()=>{switch(m){case"daily":return Math.min(10,u.dates.length);case"weekly":return Math.min(12,u.dates.length);case"monthly":return Math.min(12,u.dates.length);case"quarterly":return u.dates.length;default:return}})(),W=pe(f).tickFormat(a=>T(a));m==="quarterly"?W.tickValues(l):I&&W.ticks(I);const se=s.append("g").attr("class",n.xAxis).attr("transform",`translate(0,${L})`).call(W);(m==="daily"||m==="weekly")&&se.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)"),s.append("g").attr("class",n.yAxis).call(he(r))},[u,S,A,L,y,_,R]);const V={daily:{icon:"📅",label:"Daily"},weekly:{icon:"📆",label:"Weekly"},monthly:{icon:"🗓️",label:"Monthly"},quarterly:{icon:"📊",label:"Quarterly"}};return c.jsxs("div",{className:n.container,children:[c.jsx("div",{className:n.controls,children:c.jsx("div",{className:n.viewToggle,children:ne.map(e=>c.jsxs("button",{className:`${n.viewButton} ${m===e?n.active:""}`,onClick:()=>ae(e),title:V[e].label,children:[c.jsx("span",{className:n.viewIcon,children:V[e].icon}),c.jsx("span",{className:n.viewLabel,children:V[e].label})]},e))})}),c.jsx("div",{className:n.legend,children:x.map(e=>c.jsxs("button",{className:`${n.legendItem} ${S.includes(e)?"":n.inactive}`,onClick:()=>re(e),onMouseEnter:()=>H(e),onMouseLeave:()=>H(null),children:[c.jsx("span",{className:n.legendEmoji,children:te[e]||"📊"}),c.jsx("span",{className:n.legendColor,style:{backgroundColor:F(e)}}),c.jsx("span",{className:n.legendLabel,children:e})]},e))}),c.jsx("svg",{ref:D,width:v,height:w,className:n.chart})]})};ee.__docgenInfo={description:"",methods:[],displayName:"QuantifiableHabitsChart",props:{data:{required:!0,tsType:{name:"ChartData"},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}},defaultViewType:{required:!1,tsType:{name:"union",raw:"'daily' | 'weekly' | 'monthly' | 'quarterly'",elements:[{name:"literal",value:"'daily'"},{name:"literal",value:"'weekly'"},{name:"literal",value:"'monthly'"},{name:"literal",value:"'quarterly'"}]},description:"",defaultValue:{value:"'daily'",computed:!1}},periodType:{required:!1,tsType:{name:"union",raw:"'week' | 'month' | 'quarter' | 'year' | 'allTime'",elements:[{name:"literal",value:"'week'"},{name:"literal",value:"'month'"},{name:"literal",value:"'quarter'"},{name:"literal",value:"'year'"},{name:"literal",value:"'allTime'"}]},description:"",defaultValue:{value:"'month'",computed:!1}},habitColors:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},habitEmojis:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}}}};const Oe={title:"Organisms/Charts/QuantifiableHabitsChart",component:ee,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},defaultViewType:{control:{type:"select"},options:["daily","weekly","monthly","quarterly"]},periodType:{control:{type:"select"},options:["week","month","quarter","year","allTime"]}}},q=t=>{const v=[],w=new Date;for(let b=t-1;b>=0;b--){const M=new Date(w);M.setDate(M.getDate()-b),v.push(M.toISOString().split("T")[0])}return v},k={args:{data:(()=>{const t=q(30);return{dates:t,Exercise:t.map(()=>Math.floor(Math.random()*60)+20),Reading:t.map(()=>Math.floor(Math.random()*120)+30),Water:t.map(()=>Math.floor(Math.random()*8)+2),Steps:t.map(()=>Math.floor(Math.random()*15e3)+5e3)}})(),width:900,height:400,defaultViewType:"daily",periodType:"month",habitColors:{Exercise:"#10b981",Reading:"#8b5cf6",Water:"#3b82f6",Steps:"#f59e0b"},habitEmojis:{Exercise:"🏃",Reading:"📚",Water:"💧",Steps:"👟"}}},E={args:{data:(()=>{const t=q(90);return{dates:t,Meditation:t.map(()=>Math.floor(Math.random()*30)+10),Study:t.map(()=>Math.floor(Math.random()*180)+60),Sleep:t.map(()=>Math.floor(Math.random()*3)+6)}})(),width:900,height:400,defaultViewType:"weekly",periodType:"quarter",habitColors:{Meditation:"#a78bfa",Study:"#34d399",Sleep:"#60a5fa"},habitEmojis:{Meditation:"🧘",Study:"📖",Sleep:"😴"}}},C={args:{data:(()=>{const t=q(365);return{dates:t,Coding:t.map(()=>Math.floor(Math.random()*240)+120),Exercise:t.map(()=>Math.floor(Math.random()*90)+30),Learning:t.map(()=>Math.floor(Math.random()*120)+60),Socializing:t.map(()=>Math.floor(Math.random()*180)+60)}})(),width:1e3,height:450,defaultViewType:"monthly",periodType:"year",habitColors:{Coding:"#7c3aed",Exercise:"#10b981",Learning:"#f59e0b",Socializing:"#ec4899"},habitEmojis:{Coding:"💻",Exercise:"💪",Learning:"🎓",Socializing:"👥"}}},j={args:{data:(()=>{const t=q(30);return{dates:t,Weight:t.map((v,w)=>70+Math.sin(w/5)*2+Math.random())}})(),width:800,height:300,defaultViewType:"daily",periodType:"month",habitColors:{Weight:"#3b82f6"},habitEmojis:{Weight:"⚖️"}}};var B,O,Y;k.parameters={...k.parameters,docs:{...(B=k.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      return {
-        dates,
-        Exercise: dates.map(() => Math.floor(Math.random() * 60) + 20),
-        Reading: dates.map(() => Math.floor(Math.random() * 120) + 30),
-        Water: dates.map(() => Math.floor(Math.random() * 8) + 2),
-        Steps: dates.map(() => Math.floor(Math.random() * 15000) + 5000)
-      };
-    })(),
-    width: 900,
-    height: 400,
-    defaultViewType: 'daily',
-    periodType: 'month',
-    habitColors: {
-      Exercise: '#10b981',
-      Reading: '#8b5cf6',
-      Water: '#3b82f6',
-      Steps: '#f59e0b'
-    },
-    habitEmojis: {
-      Exercise: '🏃',
-      Reading: '📚',
-      Water: '💧',
-      Steps: '👟'
-    }
-  }
-}`,...(Y=(O=k.parameters)==null?void 0:O.docs)==null?void 0:Y.source}}};var z,Q,P;E.parameters={...E.parameters,docs:{...(z=E.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(90);
-      return {
-        dates,
-        Meditation: dates.map(() => Math.floor(Math.random() * 30) + 10),
-        Study: dates.map(() => Math.floor(Math.random() * 180) + 60),
-        Sleep: dates.map(() => Math.floor(Math.random() * 3) + 6)
-      };
-    })(),
-    width: 900,
-    height: 400,
-    defaultViewType: 'weekly',
-    periodType: 'quarter',
-    habitColors: {
-      Meditation: '#a78bfa',
-      Study: '#34d399',
-      Sleep: '#60a5fa'
-    },
-    habitEmojis: {
-      Meditation: '🧘',
-      Study: '📖',
-      Sleep: '😴'
-    }
-  }
-}`,...(P=(Q=E.parameters)==null?void 0:Q.docs)==null?void 0:P.source}}};var G,K,U;C.parameters={...C.parameters,docs:{...(G=C.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(365);
-      return {
-        dates,
-        Coding: dates.map(() => Math.floor(Math.random() * 240) + 120),
-        Exercise: dates.map(() => Math.floor(Math.random() * 90) + 30),
-        Learning: dates.map(() => Math.floor(Math.random() * 120) + 60),
-        Socializing: dates.map(() => Math.floor(Math.random() * 180) + 60)
-      };
-    })(),
-    width: 1000,
-    height: 450,
-    defaultViewType: 'monthly',
-    periodType: 'year',
-    habitColors: {
-      Coding: '#7c3aed',
-      Exercise: '#10b981',
-      Learning: '#f59e0b',
-      Socializing: '#ec4899'
-    },
-    habitEmojis: {
-      Coding: '💻',
-      Exercise: '💪',
-      Learning: '🎓',
-      Socializing: '👥'
-    }
-  }
-}`,...(U=(K=C.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};var X,J,Z;j.parameters={...j.parameters,docs:{...(X=j.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      return {
-        dates,
-        Weight: dates.map((_, i) => 70 + Math.sin(i / 5) * 2 + Math.random())
-      };
-    })(),
-    width: 800,
-    height: 300,
-    defaultViewType: 'daily',
-    periodType: 'month',
-    habitColors: {
-      Weight: '#3b82f6'
-    },
-    habitEmojis: {
-      Weight: '⚖️'
-    }
-  }
-}`,...(Z=(J=j.parameters)==null?void 0:J.docs)==null?void 0:Z.source}}};const Ye=["DailyHabits","WeeklyAverages","YearlyOverview","SingleHabit"];export{k as DailyHabits,j as SingleHabit,E as WeeklyAverages,C as YearlyOverview,Ye as __namedExportsOrder,Oe as default};

package/storybook-static/assets/SearchableDropdown-ByAXm1md.js

@@ -1,38 +0,0 @@
-import{r,j as o}from"./iframe-BUaP2gIF.js";import{g as V,f as R,h as A}from"./index-5bdJXrkD.js";import{m as p}from"./proxy-9Y4F2rF8.js";import{A as T}from"./index-CZs7_DA6.js";const q="_searchableDropdown_13fbr_1",M="_dropdownTrigger_13fbr_17",F="_open_13fbr_45",$="_dropdownValue_13fbr_52",L="_placeholder_13fbr_61",K="_dropdownArrow_13fbr_67",H="_dropdownMenu_13fbr_83",P="_dropdownSearch_13fbr_101",z="_searchInput_13fbr_111",B="_searchIcon_13fbr_136",U="_dropdownOptions_13fbr_152",W="_dropdownOption_13fbr_152",G="_selected_13fbr_221",J="_highlighted_13fbr_243",Q="_checkIcon_13fbr_256",X="_dropdownNoResults_13fbr_276",Y="_loading_13fbr_390",n={searchableDropdown:q,dropdownTrigger:M,open:F,dropdownValue:$,placeholder:L,dropdownArrow:K,dropdownMenu:H,dropdownSearch:P,searchInput:z,searchIcon:B,dropdownOptions:U,dropdownOption:W,selected:G,highlighted:J,checkIcon:Q,dropdownNoResults:X,loading:Y};function Z({label:C,value:w,onChange:k,options:m,placeholder:N="Select...",allowEmpty:j=!0,disabled:u=!1,loading:g=!1,error:D=!1}){const[t,i]=r.useState(!1),[_,d]=r.useState(""),[c,l]=r.useState(-1),h=r.useRef(null),f=r.useRef(null),b=m.find(e=>e.value===w),y=b?b.label:"",v=m.filter(e=>e.label.toLowerCase().includes(_.toLowerCase())),s=j?[{label:"(none)",value:""},...v]:v;r.useEffect(()=>{function e(a){h.current&&!h.current.contains(a.target)&&(i(!1),d(""))}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),r.useEffect(()=>{t&&f.current&&f.current.focus()},[t]);const x=e=>{k(e),i(!1),d(""),l(-1)},I=e=>{if(t)switch(e.key){case"ArrowDown":e.preventDefault(),l(a=>a<s.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),l(a=>a>0?a-1:s.length-1);break;case"Enter":e.preventDefault(),c>=0&&c<s.length&&x(s[c].value);break;case"Escape":e.preventDefault(),i(!1),d(""),l(-1);break}},O=()=>{const e=[n.dropdownTrigger];return t&&e.push(n.open),g&&e.push(n.loading),D&&e.push(n.error),e.join(" ")};return o.jsxs("div",{className:n.searchableDropdown,ref:h,onKeyDown:I,children:[o.jsx("label",{children:C}),o.jsxs(p.button,{type:"button",className:O(),onClick:()=>!u&&!g&&i(!t),whileTap:{scale:u?1:.98},style:{willChange:"transform"},disabled:u,children:[o.jsx("span",{className:`${n.dropdownValue} ${y?"":n.placeholder}`,children:y||N}),o.jsx(V,{className:n.dropdownArrow})]}),o.jsx(T,{children:t&&o.jsxs(p.div,{className:n.dropdownMenu,initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.2,ease:"easeOut"},children:[o.jsxs("div",{className:n.dropdownSearch,children:[o.jsx(R,{className:n.searchIcon}),o.jsx("input",{ref:f,type:"text",className:n.searchInput,placeholder:"Cerca...",value:_,onChange:e=>d(e.target.value),onClick:e=>e.stopPropagation()})]}),o.jsxs("div",{className:n.dropdownOptions,children:[s.map((e,a)=>{const S=w===e.value,E=c===a;return o.jsxs(p.button,{type:"button",className:`${n.dropdownOption} ${S?n.selected:""} ${E?n.highlighted:""}`,onClick:()=>x(e.value),onMouseEnter:()=>l(a),initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:a*.02},whileTap:{scale:.98},style:{willChange:"transform"},children:[o.jsx("span",{children:e.label}),S&&o.jsx(A,{className:n.checkIcon})]},`${e.value}-${a}`)}),s.length===0&&o.jsx(p.div,{className:n.dropdownNoResults,initial:{opacity:0},animate:{opacity:1},children:"No results found"})]})]})})]})}Z.__docgenInfo={description:`SearchableDropdown component - Modern filterable dropdown with animations
-
-@component
-@description
-A sophisticated dropdown component with real-time search filtering, smooth animations,
-and keyboard navigation support. Features gradient backgrounds, slide-in animations
-for options, and a sliding indicator on hover. The dropdown menu includes a search
-field that filters options as you type.
-
-Features:
-- Real-time search filtering
-- Smooth animations with Framer Motion
-- Keyboard navigation (Arrow keys, Enter, Escape)
-- Custom scrollbar styling
-- Mobile-optimized with modal-like behavior on small screens
-- Loading and error states
-- Selected item highlighting with gradient background
-
-@example
-// Basic usage
-<SearchableDropdown
-  label="Select Country"
-  value={selectedCountry}
-  onChange={setSelectedCountry}
-  options={countryOptions}
-  placeholder="Choose a country..."
-/>
-
-@example
-// With empty option disabled
-<SearchableDropdown
-  label="Required Field"
-  value={requiredValue}
-  onChange={setRequiredValue}
-  options={options}
-  allowEmpty={false}
-  error={!requiredValue}
-/>`,methods:[],displayName:"SearchableDropdown",props:{placeholder:{defaultValue:{value:'"Select..."',computed:!1},required:!1},allowEmpty:{defaultValue:{value:"true",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1}}};export{Z as S};

package/storybook-static/assets/SelectInput-D-AwfWVz.js

@@ -1,31 +0,0 @@
-import{j as s}from"./iframe-BUaP2gIF.js";import{g as m}from"./index-5bdJXrkD.js";const _="_selectInput_evuah_1",b="_selectWrapper_evuah_16",g="_selectIcon_evuah_68",y="_error_evuah_134",I="_success_evuah_163",x="_loading_evuah_190",l={selectInput:_,selectWrapper:b,selectIcon:g,error:y,success:I,loading:x};function S({label:r,value:o,onChange:c,options:u,placeholder:i="Select...",disabled:p=!1,error:d=!1,success:f=!1,loading:a=!1,required:t=!1}){const v=()=>{const e=[l.selectInput];return d&&e.push(l.error),f&&e.push(l.success),a&&e.push(l.loading),e.join(" ")};return s.jsxs("div",{className:v(),children:[s.jsxs("label",{children:[r,t&&s.jsx("span",{style:{color:"var(--color-error)"},children:" *"})]}),s.jsxs("div",{className:l.selectWrapper,children:[s.jsxs("select",{value:o,onChange:e=>c(e.target.value),disabled:p||a,required:t,children:[s.jsx("option",{value:"",children:i}),u.map(e=>{const n=typeof e=="string"?e:e.value,h=typeof e=="string"?e:e.label;return s.jsx("option",{value:n,children:h},n)})]}),s.jsx(m,{className:l.selectIcon})]})]})}S.__docgenInfo={description:`SelectInput component - Styled dropdown selector with flexible option format
-
-@component
-@description
-A customizable select dropdown that accepts both simple string arrays and
-label-value object arrays for options. Features custom styling that maintains
-consistency across browsers while preserving native select functionality.
-Includes a styled chevron icon for better visual feedback.
-
-@example
-// With simple string options
-<SelectInput
-  label="Country"
-  value={country}
-  onChange={setCountry}
-  options={['Italy', 'France', 'Spain', 'Germany']}
-  placeholder="Select a country"
-/>
-
-@example
-// With label-value pairs
-<SelectInput
-  label="Status"
-  value={status}
-  onChange={setStatus}
-  options={[
-    { label: 'Active', value: 'active' },
-    { label: 'Pending', value: 'pending' },
-    { label: 'Archived', value: 'archived' }
-  ]}
-/>`,methods:[],displayName:"SelectInput",props:{placeholder:{defaultValue:{value:'"Select..."',computed:!1},required:!1},disabled:{defaultValue:{value:"false",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},required:{defaultValue:{value:"false",computed:!1},required:!1}}};export{S};