@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/ArrayInput.stories-CRqKExgm.js

@@ -1,221 +0,0 @@
-import{j as e,r as d}from"./iframe-BUaP2gIF.js";import{B as k}from"./Button-VfdDKp2T.js";import{T as ne}from"./TextInput-ZGg8LTL_.js";import{T as te}from"./TextArea-B_sATPlw.js";import{A as re}from"./index-CZs7_DA6.js";import{m as se}from"./proxy-9Y4F2rF8.js";import"./preload-helper-C1FmrZbK.js";const oe="_arrayInput_6qbs9_1",le="_arrayInputLabel_6qbs9_5",ie="_arrayInputItem_6qbs9_14",me="_inputWrapper_6qbs9_38",ce="_input_6qbs9_38",de="_complexItem_6qbs9_71",pe="_fieldsWrapper_6qbs9_77",ue="_removeButton_6qbs9_96",he="_addButton_6qbs9_112",o={arrayInput:oe,arrayInputLabel:le,arrayInputItem:ie,inputWrapper:me,input:ce,complexItem:de,fieldsWrapper:pe,removeButton:ue,addButton:he};function c(t){return t.type==="complex"?e.jsx(be,{...t}):e.jsx(ge,{...t})}function ge({label:t,values:s,onChange:l,placeholder:m,itemStyle:p,inputStyle:u,multiline:S=!1,rows:h=3}){const g=(n,r)=>{const a=[...s];a[n]=r,l(a)},A=()=>{l([...s,""])},w=n=>{const r=s.filter((a,i)=>i!==n);l(r)};return e.jsxs("div",{className:o.arrayInput,children:[e.jsx("h3",{className:o.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(re,{children:s.map((n,r)=>e.jsxs(se.div,{className:o.arrayInputItem,style:p,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut",layout:{duration:.2}},children:[e.jsx("div",{className:o.inputWrapper,children:S?e.jsx("div",{style:u,children:e.jsx(te,{label:"",value:n,onChange:a=>g(r,a),placeholder:m,rows:h,compact:!0})}):e.jsx("input",{type:"text",value:n,onChange:a=>g(r,a.target.value),placeholder:m,className:o.input,style:u})}),e.jsx(k,{variant:"ghost",size:"small",onClick:()=>w(r),"aria-label":"Remove item",className:o.removeButton,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},`item-${r}`))})}),e.jsxs(k,{variant:"primary",size:"small",onClick:A,className:o.addButton,children:["Add ",t]})]})}function be({label:t,values:s,onChange:l,fields:m,getKey:p,itemStyle:u,inputStyle:S}){const h=(n,r,a)=>{const i=[...s];i[n]={...i[n],[r]:a},l(i)},g=()=>{const n=m.reduce((r,a)=>({...r,[a.name]:""}),{});l([...s,n])},A=n=>{const r=s.filter((a,i)=>i!==n);l(r)},w=(n,r)=>p?p(n,r):m.map(a=>n[a.name]||"").join("-")+`-${r}`;return e.jsxs("div",{className:o.arrayInput,children:[e.jsx("h3",{className:o.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(re,{children:s.map((n,r)=>e.jsxs(se.div,{className:`${o.arrayInputItem} ${m.length>1?o.complexItem:""}`,style:u,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut",layout:{duration:.2}},children:[e.jsx("div",{className:o.fieldsWrapper,children:m.map(a=>e.jsx("div",{style:S,children:a.multiline?e.jsx(te,{value:n[a.name]||"",onChange:i=>h(r,a.name,i),label:a.label,placeholder:a.placeholder,rows:a.rows,compact:!0}):e.jsx(ne,{value:n[a.name]||"",onChange:i=>h(r,a.name,i),label:a.label,type:a.type,placeholder:a.placeholder})},a.name))}),e.jsx(k,{variant:"ghost",size:"small",onClick:()=>A(r),"aria-label":"Remove item",className:o.removeButton,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},w(n,r)))})}),e.jsxs(k,{variant:"primary",size:"small",onClick:g,className:o.addButton,children:["Add ",t]})]})}c.__docgenInfo={description:`ArrayInput component - Versatile dynamic list manager
-
-@component
-@description
-A flexible component that can handle both simple string arrays and complex object arrays.
-Users can add, remove, and edit items dynamically. Supports custom field configurations
-for complex data structures.
-
-@example
-// Simple string array
-<ArrayInput
-  label="Tags"
-  values={tags}
-  onChange={setTags}
-  placeholder="Enter tag"
-/>
-
-@example
-// Complex object array
-<ArrayInput
-  type="complex"
-  label="Social Links"
-  values={links}
-  onChange={setLinks}
-  fields={[
-    { name: 'label', label: 'Label', placeholder: 'GitHub' },
-    { name: 'url', label: 'URL', type: 'url', placeholder: 'https://github.com/...' }
-  ]}
-/>`,methods:[],displayName:"ArrayInput"};const Ce={title:"Molecules/ArrayInput",component:c,parameters:{layout:"centered",docs:{description:{component:"A dynamic array input component that allows adding and removing multiple text inputs."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the array input group"},values:{control:"object",description:"Array of string values"},placeholder:{control:"text",description:"Placeholder text for each input"},onChange:{action:"changed"}}},b={args:{label:"Items",values:[""],placeholder:"Enter item",onChange:()=>{}}},x={args:{label:"Tags",values:["React","TypeScript","Storybook"],placeholder:"Enter tag",onChange:()=>{}}},y={args:{label:"Skills",values:[],placeholder:"Add a skill",onChange:()=>{}}},f={args:{label:"Email Addresses",values:["john@example.com","jane@example.com"],placeholder:"Enter email",onChange:()=>{}},render:()=>{const[t,s]=d.useState(["john@example.com","jane@example.com"]);return e.jsxs("div",{children:[e.jsx(c,{label:"Email Addresses",values:t,onChange:s,placeholder:"Enter email"}),e.jsxs("div",{style:{marginTop:"1rem",padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{margin:0,fontSize:"0.875rem"},children:e.jsxs("strong",{children:["Emails (",t.length,"):"]})}),e.jsx("ul",{style:{margin:"0.5rem 0 0",paddingLeft:"1.5rem"},children:t.map((l,m)=>e.jsx("li",{style:{fontSize:"0.875rem"},children:l||"(empty)"},m))})]})]})}},v={args:{label:"Tasks",values:["Buy groceries","Walk the dog",""],placeholder:"Enter a task",onChange:()=>{}},render:()=>{const[t,s]=d.useState(["Buy groceries","Walk the dog",""]);return e.jsxs("div",{style:{maxWidth:"400px"},children:[e.jsx("h3",{style:{marginBottom:"1rem"},children:"Todo List"}),e.jsx(c,{label:"Tasks",values:t,onChange:s,placeholder:"Enter a task"})]})},parameters:{controls:{disable:!0}}},j={args:{label:"Team Members",values:["Alice Johnson","Bob Smith",""],placeholder:"Enter member name",onChange:()=>{}},render:()=>{const[t,s]=d.useState(["Alice Johnson","Bob Smith",""]);return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"450px"},children:[e.jsx("h3",{style:{marginTop:0},children:"Project Team"}),e.jsx(c,{label:"Team Members",values:t,onChange:s,placeholder:"Enter member name"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Total members: ",t.filter(l=>l).length]})]})},parameters:{controls:{disable:!0}}},I={args:{label:"Ingredients",values:["2 cups flour","1 cup sugar","3 eggs","1 tsp vanilla extract",""],placeholder:"Add ingredient",onChange:()=>{}},render:()=>{const[t,s]=d.useState(["2 cups flour","1 cup sugar","3 eggs","1 tsp vanilla extract",""]);return e.jsxs("div",{style:{padding:"1.5rem",background:"#fffef5",border:"2px solid #f0e68c",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,color:"#8b7355"},children:"🍰 Recipe Ingredients"}),e.jsx(c,{label:"Ingredients",values:t,onChange:s,placeholder:"Add ingredient"})]})},parameters:{controls:{disable:!0}}},T={render:()=>{const[t,s]=d.useState(["This is a longer note that demonstrates how multiline text works. The textarea will wrap properly and allow for multiple lines of content.","Another note with some detailed information that spans multiple lines and shows how the component handles longer text content.",""]);return e.jsx("div",{style:{maxWidth:"600px"},children:e.jsx(c,{label:"Project Notes",values:t,onChange:s,placeholder:"Enter detailed note...",multiline:!0,rows:4})})},parameters:{controls:{disable:!0}}},C={render:()=>{const[t,s]=d.useState([{name:"Sarah Johnson",title:"Product Manager",feedback:"This tool has completely transformed how our team collaborates. The intuitive interface and powerful features make project management effortless."},{name:"Mike Chen",title:"Software Engineer",feedback:"Amazing performance and reliability. The development experience is smooth and the documentation is comprehensive."}]);return e.jsx("div",{style:{maxWidth:"700px"},children:e.jsx(c,{type:"complex",label:"Customer Testimonials",values:t,onChange:s,fields:[{name:"name",label:"Name",placeholder:"Customer name"},{name:"title",label:"Job Title",placeholder:"Job title"},{name:"feedback",label:"Testimonial",placeholder:"Enter customer feedback...",multiline:!0,rows:4}]})})},parameters:{controls:{disable:!0}}};var E,_,B;b.parameters={...b.parameters,docs:{...(E=b.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    label: 'Items',
-    values: [''],
-    placeholder: 'Enter item',
-    onChange: () => {}
-  }
-}`,...(B=(_=b.parameters)==null?void 0:_.docs)==null?void 0:B.source}}};var W,N,L;x.parameters={...x.parameters,docs:{...(W=x.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    label: 'Tags',
-    values: ['React', 'TypeScript', 'Storybook'],
-    placeholder: 'Enter tag',
-    onChange: () => {}
-  }
-}`,...(L=(N=x.parameters)==null?void 0:N.docs)==null?void 0:L.source}}};var M,R,z;y.parameters={...y.parameters,docs:{...(M=y.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    label: 'Skills',
-    values: [],
-    placeholder: 'Add a skill',
-    onChange: () => {}
-  }
-}`,...(z=(R=y.parameters)==null?void 0:R.docs)==null?void 0:z.source}}};var J,q,P;f.parameters={...f.parameters,docs:{...(J=f.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    label: 'Email Addresses',
-    values: ['john@example.com', 'jane@example.com'],
-    placeholder: 'Enter email',
-    onChange: () => {}
-  },
-  render: () => {
-    const [emails, setEmails] = useState(['john@example.com', 'jane@example.com']);
-    return <div>
-                <ArrayInput label="Email Addresses" values={emails} onChange={setEmails} placeholder="Enter email" />
-                <div style={{
-        marginTop: '1rem',
-        padding: '1rem',
-        background: '#f5f5f5',
-        borderRadius: '4px'
-      }}>
-                    <p style={{
-          margin: 0,
-          fontSize: '0.875rem'
-        }}>
-                        <strong>Emails ({emails.length}):</strong>
-                    </p>
-                    <ul style={{
-          margin: '0.5rem 0 0',
-          paddingLeft: '1.5rem'
-        }}>
-                        {emails.map((email, index) => <li key={index} style={{
-            fontSize: '0.875rem'
-          }}>
-                                {email || '(empty)'}
-                            </li>)}
-                    </ul>
-                </div>
-            </div>;
-  }
-}`,...(P=(q=f.parameters)==null?void 0:q.docs)==null?void 0:P.source}}};var V,$,O;v.parameters={...v.parameters,docs:{...(V=v.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    label: 'Tasks',
-    values: ['Buy groceries', 'Walk the dog', ''],
-    placeholder: 'Enter a task',
-    onChange: () => {}
-  },
-  render: () => {
-    const [todos, setTodos] = useState(['Buy groceries', 'Walk the dog', '']);
-    return <div style={{
-      maxWidth: '400px'
-    }}>
-                <h3 style={{
-        marginBottom: '1rem'
-      }}>Todo List</h3>
-                <ArrayInput label="Tasks" values={todos} onChange={setTodos} placeholder="Enter a task" />
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(O=($=v.parameters)==null?void 0:$.docs)==null?void 0:O.source}}};var D,F,U;j.parameters={...j.parameters,docs:{...(D=j.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    label: 'Team Members',
-    values: ['Alice Johnson', 'Bob Smith', ''],
-    placeholder: 'Enter member name',
-    onChange: () => {}
-  },
-  render: () => {
-    const [members, setMembers] = useState(['Alice Johnson', 'Bob Smith', '']);
-    return <div style={{
-      padding: '1.5rem',
-      background: '#fff',
-      border: '1px solid #e0e0e0',
-      borderRadius: '8px',
-      maxWidth: '450px'
-    }}>
-                <h3 style={{
-        marginTop: 0
-      }}>Project Team</h3>
-                <ArrayInput label="Team Members" values={members} onChange={setMembers} placeholder="Enter member name" />
-                <p style={{
-        marginTop: '1rem',
-        fontSize: '0.875rem',
-        color: '#666'
-      }}>
-                    Total members: {members.filter(m => m).length}
-                </p>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(U=(F=j.parameters)==null?void 0:F.docs)==null?void 0:U.source}}};var G,H,K;I.parameters={...I.parameters,docs:{...(G=I.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    label: 'Ingredients',
-    values: ['2 cups flour', '1 cup sugar', '3 eggs', '1 tsp vanilla extract', ''],
-    placeholder: 'Add ingredient',
-    onChange: () => {}
-  },
-  render: () => {
-    const [ingredients, setIngredients] = useState(['2 cups flour', '1 cup sugar', '3 eggs', '1 tsp vanilla extract', '']);
-    return <div style={{
-      padding: '1.5rem',
-      background: '#fffef5',
-      border: '2px solid #f0e68c',
-      borderRadius: '8px',
-      maxWidth: '400px'
-    }}>
-                <h3 style={{
-        marginTop: 0,
-        color: '#8b7355'
-      }}>🍰 Recipe Ingredients</h3>
-                <ArrayInput label="Ingredients" values={ingredients} onChange={setIngredients} placeholder="Add ingredient" />
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(K=(H=I.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var Q,X,Y;T.parameters={...T.parameters,docs:{...(Q=T.parameters)==null?void 0:Q.docs,source:{originalSource:`{
-  render: () => {
-    const [notes, setNotes] = useState(['This is a longer note that demonstrates how multiline text works. The textarea will wrap properly and allow for multiple lines of content.', 'Another note with some detailed information that spans multiple lines and shows how the component handles longer text content.', '']);
-    return <div style={{
-      maxWidth: '600px'
-    }}>
-                <ArrayInput label="Project Notes" values={notes} onChange={setNotes} placeholder="Enter detailed note..." multiline={true} rows={4} />
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(Y=(X=T.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,ae;C.parameters={...C.parameters,docs:{...(Z=C.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  render: () => {
-    const [testimonials, setTestimonials] = useState([{
-      name: 'Sarah Johnson',
-      title: 'Product Manager',
-      feedback: 'This tool has completely transformed how our team collaborates. The intuitive interface and powerful features make project management effortless.'
-    }, {
-      name: 'Mike Chen',
-      title: 'Software Engineer',
-      feedback: 'Amazing performance and reliability. The development experience is smooth and the documentation is comprehensive.'
-    }]);
-    return <div style={{
-      maxWidth: '700px'
-    }}>
-                <ArrayInput type="complex" label="Customer Testimonials" values={testimonials} onChange={setTestimonials} fields={[{
-        name: 'name',
-        label: 'Name',
-        placeholder: 'Customer name'
-      }, {
-        name: 'title',
-        label: 'Job Title',
-        placeholder: 'Job title'
-      }, {
-        name: 'feedback',
-        label: 'Testimonial',
-        placeholder: 'Enter customer feedback...',
-        multiline: true,
-        rows: 4
-      }]} />
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(ae=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const ke=["Default","WithInitialValues","EmptyState","Interactive","TodoList","TeamMembers","IngredientsList","MultilineNotes","ComplexMultilineForm"];export{C as ComplexMultilineForm,b as Default,y as EmptyState,I as IngredientsList,f as Interactive,T as MultilineNotes,j as TeamMembers,v as TodoList,x as WithInitialValues,ke as __namedExportsOrder,Ce as default};

package/storybook-static/assets/Button.stories-BeeBKHoX.js

@@ -1,117 +0,0 @@
-import{j as e}from"./iframe-BUaP2gIF.js";import{B as r}from"./Button-VfdDKp2T.js";import{F as ce,a as le,b as de,c as ue}from"./index-5bdJXrkD.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-9Y4F2rF8.js";const ve={title:"Atoms/Button",component:r,parameters:{layout:"centered",docs:{description:{component:"A versatile button component with multiple variants, sizes, and animation support."}}},tags:["autodocs"],argTypes:{variant:{control:"select",options:["primary","secondary","outline","ghost"],description:"The visual style variant of the button"},size:{control:"select",options:["small","medium","large"],description:"The size of the button"},fullWidth:{control:"boolean",description:"Whether the button should take full width of its container"},loading:{control:"boolean",description:"Shows loading spinner and disables the button"},disabled:{control:"boolean",description:"Disables the button"},onClick:{action:"clicked"}}},a={args:{children:"Click me",variant:"primary",size:"medium"}},t={args:{children:"Primary Button",variant:"primary"}},s={args:{children:"Secondary Button",variant:"secondary"}},n={args:{children:"Outline Button",variant:"outline"}},o={args:{children:"Ghost Button",variant:"ghost"}},i={args:{children:"Small Button",size:"small"}},c={args:{children:"Large Button",size:"large"}},l={args:{children:"Full Width Button",fullWidth:!0},parameters:{layout:"padded"}},d={args:{children:"Loading...",loading:!0}},u={args:{children:"Disabled Button",disabled:!0}},m={args:{children:"Save",iconLeft:e.jsx(ce,{})}},p={args:{children:"Next",iconRight:e.jsx(le,{})}},h={args:{children:"Add Item",iconLeft:e.jsx(de,{}),iconRight:e.jsx(le,{})}},g={args:{children:e.jsx(ue,{}),size:"small",variant:"ghost"}},y={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(r,{variant:"primary",children:"Primary"}),e.jsx(r,{variant:"secondary",children:"Secondary"}),e.jsx(r,{variant:"outline",children:"Outline"}),e.jsx(r,{variant:"ghost",children:"Ghost"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(r,{size:"small",children:"Small"}),e.jsx(r,{size:"medium",children:"Medium"}),e.jsx(r,{size:"large",children:"Large"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(r,{loading:!0,children:"Loading"}),e.jsx(r,{disabled:!0,children:"Disabled"}),e.jsx(r,{iconLeft:e.jsx(ce,{}),children:"With Icon"})]})]}),parameters:{controls:{disable:!0}}};var v,B,x;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    children: 'Click me',
-    variant: 'primary',
-    size: 'medium'
-  }
-}`,...(x=(B=a.parameters)==null?void 0:B.docs)==null?void 0:x.source}}};var S,f,b;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    children: 'Primary Button',
-    variant: 'primary'
-  }
-}`,...(b=(f=t.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var j,L,I;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    children: 'Secondary Button',
-    variant: 'secondary'
-  }
-}`,...(I=(L=s.parameters)==null?void 0:L.docs)==null?void 0:I.source}}};var z,W,F;n.parameters={...n.parameters,docs:{...(z=n.parameters)==null?void 0:z.docs,source:{originalSource:`{
-  args: {
-    children: 'Outline Button',
-    variant: 'outline'
-  }
-}`,...(F=(W=n.parameters)==null?void 0:W.docs)==null?void 0:F.source}}};var D,R,O;o.parameters={...o.parameters,docs:{...(D=o.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    children: 'Ghost Button',
-    variant: 'ghost'
-  }
-}`,...(O=(R=o.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};var P,A,C;i.parameters={...i.parameters,docs:{...(P=i.parameters)==null?void 0:P.docs,source:{originalSource:`{
-  args: {
-    children: 'Small Button',
-    size: 'small'
-  }
-}`,...(C=(A=i.parameters)==null?void 0:A.docs)==null?void 0:C.source}}};var G,k,T;c.parameters={...c.parameters,docs:{...(G=c.parameters)==null?void 0:G.docs,source:{originalSource:`{
-  args: {
-    children: 'Large Button',
-    size: 'large'
-  }
-}`,...(T=(k=c.parameters)==null?void 0:k.docs)==null?void 0:T.source}}};var w,E,M;l.parameters={...l.parameters,docs:{...(w=l.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  args: {
-    children: 'Full Width Button',
-    fullWidth: true
-  },
-  parameters: {
-    layout: 'padded'
-  }
-}`,...(M=(E=l.parameters)==null?void 0:E.docs)==null?void 0:M.source}}};var N,V,_;d.parameters={...d.parameters,docs:{...(N=d.parameters)==null?void 0:N.docs,source:{originalSource:`{
-  args: {
-    children: 'Loading...',
-    loading: true
-  }
-}`,...(_=(V=d.parameters)==null?void 0:V.docs)==null?void 0:_.source}}};var q,H,J;u.parameters={...u.parameters,docs:{...(q=u.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    children: 'Disabled Button',
-    disabled: true
-  }
-}`,...(J=(H=u.parameters)==null?void 0:H.docs)==null?void 0:J.source}}};var K,Q,U;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    children: 'Save',
-    iconLeft: <FiSave />
-  }
-}`,...(U=(Q=m.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;p.parameters={...p.parameters,docs:{...(X=p.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    children: 'Next',
-    iconRight: <FiChevronRight />
-  }
-}`,...(Z=(Y=p.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,re;h.parameters={...h.parameters,docs:{...($=h.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    children: 'Add Item',
-    iconLeft: <FiPlus />,
-    iconRight: <FiChevronRight />
-  }
-}`,...(re=(ee=h.parameters)==null?void 0:ee.docs)==null?void 0:re.source}}};var ae,te,se;g.parameters={...g.parameters,docs:{...(ae=g.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    children: <FiTrash2 />,
-    size: 'small',
-    variant: 'ghost'
-  }
-}`,...(se=(te=g.parameters)==null?void 0:te.docs)==null?void 0:se.source}}};var ne,oe,ie;y.parameters={...y.parameters,docs:{...(ne=y.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '1rem'
-  }}>
-            <div style={{
-      display: 'flex',
-      gap: '1rem',
-      alignItems: 'center'
-    }}>
-                <Button variant="primary">Primary</Button>
-                <Button variant="secondary">Secondary</Button>
-                <Button variant="outline">Outline</Button>
-                <Button variant="ghost">Ghost</Button>
-            </div>
-            <div style={{
-      display: 'flex',
-      gap: '1rem',
-      alignItems: 'center'
-    }}>
-                <Button size="small">Small</Button>
-                <Button size="medium">Medium</Button>
-                <Button size="large">Large</Button>
-            </div>
-            <div style={{
-      display: 'flex',
-      gap: '1rem',
-      alignItems: 'center'
-    }}>
-                <Button loading>Loading</Button>
-                <Button disabled>Disabled</Button>
-                <Button iconLeft={<FiSave />}>With Icon</Button>
-            </div>
-        </div>,
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(ie=(oe=y.parameters)==null?void 0:oe.docs)==null?void 0:ie.source}}};const Be=["Default","Primary","Secondary","Outline","Ghost","Small","Large","FullWidth","Loading","Disabled","WithIconLeft","WithIconRight","WithBothIcons","IconOnly","AllVariants"];export{y as AllVariants,a as Default,u as Disabled,l as FullWidth,o as Ghost,g as IconOnly,c as Large,d as Loading,n as Outline,t as Primary,s as Secondary,i as Small,h as WithBothIcons,m as WithIconLeft,p as WithIconRight,Be as __namedExportsOrder,ve as default};

package/storybook-static/assets/Calendar-BTQfDDfP.css

@@ -1 +0,0 @@
-._calendar_1k9gq_2{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);font-family:var(--font-primary);color:var(--color-text);width:100%;max-width:100%}._loading_1k9gq_14{display:flex;align-items:center;justify-content:center;min-height:400px}._loadingSpinner_1k9gq_21{color:var(--color-text-secondary);font-size:var(--font-size-lg)}._header_1k9gq_27{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._navigation_1k9gq_35{display:flex;align-items:center;gap:var(--spacing-md)}._navButton_1k9gq_41{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease}._navButton_1k9gq_41:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}._title_1k9gq_60{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0;text-transform:capitalize;min-width:200px;text-align:center}._controls_1k9gq_70{display:flex;align-items:center;gap:var(--spacing-md)}._todayButton_1k9gq_76{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-primary);font-weight:500;cursor:pointer;transition:all .2s ease}._todayButton_1k9gq_76:hover{background:var(--color-primary);color:var(--color-text-inverse)}._viewToggle_1k9gq_92{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._viewButton_1k9gq_99{padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}._viewButton_1k9gq_99:hover{background:var(--color-background-secondary)}._viewButton_1k9gq_99._active_1k9gq_113{background:var(--color-primary);color:var(--color-text-inverse)}._viewButton_1k9gq_99+._viewButton_1k9gq_99{border-left:1px solid var(--color-border)}._weekDays_1k9gq_123{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}._weekDays_1k9gq_123._withWeekNumbers_1k9gq_130{grid-template-columns:40px repeat(7,1fr)}._weekNumberHeader_1k9gq_134,._weekDay_1k9gq_123{text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-sm) 0}._daysGrid_1k9gq_151{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}._daysGrid_1k9gq_151._withWeekNumbers_1k9gq_130{grid-template-columns:40px repeat(7,1fr)}._weekView_1k9gq_161{grid-template-rows:repeat(1,minmax(300px,1fr))}._weekView_1k9gq_161 ._dayCell_1k9gq_165{min-height:300px;display:flex;flex-direction:column;border-left:1px solid var(--color-border);position:relative}._weekView_1k9gq_161 ._dayCell_1k9gq_165:first-child{border-left:none}._weekView_1k9gq_161 ._dayCell_1k9gq_165:before{content:"";position:absolute;top:60px;left:0;right:0;height:1px;background:repeating-linear-gradient(to right,var(--color-border) 0px,var(--color-border) 1px,transparent 1px,transparent 20px);opacity:.3}._weekView_1k9gq_161 ._dayNumber_1k9gq_194{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);text-align:center;padding:var(--spacing-sm);border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:2}._weekView_1k9gq_161 ._dayCell_1k9gq_165._today_1k9gq_76 ._dayNumber_1k9gq_194{background:var(--color-primary);color:var(--color-text-inverse);border-bottom-color:var(--color-primary)}._weekView_1k9gq_161 ._events_1k9gq_213{flex:1;padding:var(--spacing-sm);gap:var(--spacing-xs);position:relative}._weekView_1k9gq_161 ._event_1k9gq_213{padding:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2);margin-bottom:var(--spacing-xs);position:relative}._weekView_1k9gq_161 ._event_1k9gq_213:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._weekView_1k9gq_161 ._eventTitle_1k9gq_235{font-weight:600;line-height:1.2}._weekView_1k9gq_161 ._eventTime_1k9gq_240{font-size:var(--font-size-xs);font-weight:700;background:#ffffffe6;color:var(--color-text);padding:2px 6px;border-radius:var(--radius-sm);margin-right:var(--spacing-xs);border:1px solid rgba(0,0,0,.1);display:inline-block}._dayCell_1k9gq_165{min-height:100px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);position:relative;overflow:hidden;cursor:pointer}._dayCell_1k9gq_165:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._dayCell_1k9gq_165._today_1k9gq_76{background:var(--color-primary-light);border-color:var(--color-primary)}._dayCell_1k9gq_165._today_1k9gq_76 ._dayNumber_1k9gq_194{color:var(--color-primary);font-weight:700}._dayCell_1k9gq_165._otherMonth_1k9gq_280{background:var(--color-background-tertiary);opacity:.5}._weekNumber_1k9gq_134{position:absolute;top:2px;left:2px;font-size:10px;color:var(--color-text-tertiary);background:var(--color-background-secondary);padding:2px 4px;border-radius:var(--radius-xs)}._dayNumber_1k9gq_194{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}._events_1k9gq_213{display:flex;flex-direction:column;gap:2px}._event_1k9gq_213{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--radius-xs);color:var(--color-text-inverse);font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}._event_1k9gq_213._completed_1k9gq_330{opacity:.7;text-decoration:line-through}._eventTitle_1k9gq_235{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}._eventTime_1k9gq_240{font-weight:600;margin-right:4px;font-size:10px}._completedIcon_1k9gq_351{width:12px;height:12px;flex-shrink:0;stroke-width:2}._moreEvents_1k9gq_358{padding:2px 6px;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:10px;text-align:center;border-radius:var(--radius-xs);margin-top:2px}._emptyState_1k9gq_368{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}@media (max-width: 768px){._calendar_1k9gq_2{padding:var(--spacing-md);border-radius:var(--radius-md)}._header_1k9gq_27{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}._navigation_1k9gq_35{order:2;width:100%;justify-content:center}._controls_1k9gq_70{order:1;width:100%;justify-content:center;flex-wrap:wrap}._navButton_1k9gq_41{width:32px;height:32px}._title_1k9gq_60{font-size:var(--font-size-lg);min-width:auto}._todayButton_1k9gq_76{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._viewButton_1k9gq_99{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}._weekDays_1k9gq_123{gap:1px;margin-bottom:var(--spacing-sm)}._weekDay_1k9gq_123{font-size:11px;padding:var(--spacing-xs) 0}._daysGrid_1k9gq_151{gap:1px}._dayCell_1k9gq_165{min-height:70px;padding:4px}._weekView_1k9gq_161 ._dayCell_1k9gq_165{min-height:180px}._weekView_1k9gq_161 ._dayNumber_1k9gq_194{font-size:var(--font-size-md);padding:var(--spacing-xs);margin-bottom:var(--spacing-xs)}._weekView_1k9gq_161 ._events_1k9gq_213{gap:2px;padding:4px}._weekView_1k9gq_161 ._event_1k9gq_213{padding:4px 6px;font-size:10px}._weekView_1k9gq_161 ._eventTime_1k9gq_240{font-size:8px;padding:1px 3px}._dayNumber_1k9gq_194{font-size:12px;margin-bottom:2px;font-weight:600}._events_1k9gq_213{gap:1px}._event_1k9gq_213{font-size:9px;padding:1px 4px;border-radius:2px}._eventTime_1k9gq_240{font-size:8px;margin-right:2px}._moreEvents_1k9gq_358{font-size:8px;padding:1px 4px}._completedIcon_1k9gq_351{width:10px;height:10px}._weekNumber_1k9gq_134{font-size:8px;padding:1px 3px}}@media (max-width: 480px){._calendar_1k9gq_2{padding:var(--spacing-sm);border-radius:var(--radius-sm)}._header_1k9gq_27{gap:var(--spacing-xs)}._navButton_1k9gq_41{width:28px;height:28px}._title_1k9gq_60{font-size:var(--font-size-md)}._todayButton_1k9gq_76{padding:var(--spacing-xs);font-size:11px}._viewButton_1k9gq_99{padding:var(--spacing-xs);font-size:10px}._weekDay_1k9gq_123{font-size:10px;padding:4px 0}._dayCell_1k9gq_165{min-height:60px;padding:2px}._weekView_1k9gq_161 ._dayCell_1k9gq_165{min-height:100px}._dayNumber_1k9gq_194{font-size:11px;margin-bottom:1px}._event_1k9gq_213{font-size:8px;padding:1px 2px}._eventTime_1k9gq_240{font-size:7px;margin-right:1px}._moreEvents_1k9gq_358{font-size:7px;padding:1px 2px}._completedIcon_1k9gq_351{width:8px;height:8px}}@media (prefers-color-scheme: dark){._calendar_1k9gq_2{box-shadow:var(--shadow-dark-md)}._event_1k9gq_213{box-shadow:none}._event_1k9gq_213:hover{box-shadow:var(--shadow-dark-sm)}}@media (prefers-contrast: high){._dayCell_1k9gq_165{border-width:2px}._dayCell_1k9gq_165._today_1k9gq_76{border-width:3px}._event_1k9gq_213{border:1px solid var(--color-text-inverse)}}@media (prefers-reduced-motion: reduce){._calendar_1k9gq_2 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}