@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1776073297810,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-links":{"version":"9.1.2"},"@chromatic-com/storybook":{"version":"4.1.0"}}}
+{"generatedAt":1776077926646,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-links":{"version":"9.1.2"}}}

package/storybook-static/assets/ArrayInput.stories-Cshz2s-a.js

@@ -1,232 +0,0 @@
-import{j as e,r as p}from"./iframe-B8pH-Lvr.js";import{B as S}from"./Button-CQGdvhpN.js";import{T as le}from"./TextInput-CLyTHgK9.js";import{T as re}from"./TextArea-DKx3k6hV.js";import{A as se}from"./index-DBfrIdYd.js";import{m as ne}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./MotionConfigContext-D5hZdVGx.js";const ie="_arrayInput_6qbs9_1",me="_arrayInputLabel_6qbs9_5",ce="_arrayInputItem_6qbs9_14",de="_inputWrapper_6qbs9_38",pe="_input_6qbs9_38",ue="_complexItem_6qbs9_71",he="_fieldsWrapper_6qbs9_77",ge="_removeButton_6qbs9_96",be="_addButton_6qbs9_112",l={arrayInput:ie,arrayInputLabel:me,arrayInputItem:ce,inputWrapper:de,input:pe,complexItem:ue,fieldsWrapper:he,removeButton:ge,addButton:be};function d(t){return t.type==="complex"?e.jsx(ye,{...t}):e.jsx(xe,{...t})}function xe({label:t,values:r,onChange:i,placeholder:c,itemStyle:u,inputStyle:h,multiline:w=!1,rows:A=3,buttonVariant:g="primary"}){const m=p.useRef([]);for(;m.current.length<r.length;)m.current.push(`item-${Date.now()}-${Math.random()}`);m.current.length>r.length&&(m.current=m.current.slice(0,r.length));const b=(s,a)=>{const n=[...r];n[s]=a,i(n)},E=()=>{m.current.push(`item-${Date.now()}-${Math.random()}`),i([...r,""])},o=s=>{const a=r.filter((n,oe)=>oe!==s);m.current.splice(s,1),i(a)};return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(se,{children:r.map((s,a)=>e.jsxs(ne.div,{className:l.arrayInputItem,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:l.inputWrapper,children:w?e.jsx("div",{style:h,children:e.jsx(re,{label:"",value:s,onChange:n=>b(a,n),placeholder:c,rows:A,compact:!0})}):e.jsx("input",{type:"text",value:s,onChange:n=>b(a,n.target.value),placeholder:c,className:l.input,style:h})}),e.jsx(S,{variant:"ghost",size:"small",onClick:()=>o(a),"aria-label":"Remove item",className:l.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"})})})]},m.current[a]))})}),e.jsx(S,{variant:g,size:"small",onClick:E,className:l.addButton,children:t})]})}function ye({label:t,values:r,onChange:i,fields:c,getKey:u,itemStyle:h,inputStyle:w,buttonVariant:A="primary"}){const g=(o,s,a)=>{const n=[...r];n[o]={...n[o],[s]:a},i(n)},m=()=>{const o=c.reduce((s,a)=>({...s,[a.name]:""}),{});i([...r,o])},b=o=>{const s=r.filter((a,n)=>n!==o);i(s)},E=(o,s)=>u?u(o,s):c.map(a=>o[a.name]||"").join("-")+`-${s}`;return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(se,{children:r.map((o,s)=>e.jsxs(ne.div,{className:`${l.arrayInputItem} ${c.length>1?l.complexItem:""}`,style:h,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:l.fieldsWrapper,children:c.map(a=>e.jsx("div",{style:w,children:a.multiline?e.jsx(re,{value:o[a.name]||"",onChange:n=>g(s,a.name,n),label:a.label,placeholder:a.placeholder,rows:a.rows,compact:!0}):e.jsx(le,{value:o[a.name]||"",onChange:n=>g(s,a.name,n),label:a.label,type:a.type,placeholder:a.placeholder})},a.name))}),e.jsx(S,{variant:"ghost",size:"small",onClick:()=>b(s),"aria-label":"Remove item",className:l.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"})})})]},E(o,s)))})}),e.jsxs(S,{variant:A,size:"small",onClick:m,className:l.addButton,children:["Add ",t]})]})}d.__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 Ae={title:"Molecules/ArrayInput",component:d,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"}}},x={args:{label:"Items",values:[""],placeholder:"Enter item",onChange:()=>{}}},y={args:{label:"Tags",values:["React","TypeScript","Storybook"],placeholder:"Enter tag",onChange:()=>{}}},f={args:{label:"Skills",values:[],placeholder:"Add a skill",onChange:()=>{}}},v={args:{label:"Email Addresses",values:["john@example.com","jane@example.com"],placeholder:"Enter email",onChange:()=>{}},render:()=>{const[t,r]=p.useState(["john@example.com","jane@example.com"]);return e.jsxs("div",{children:[e.jsx(d,{label:"Email Addresses",values:t,onChange:r,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((i,c)=>e.jsx("li",{style:{fontSize:"0.875rem"},children:i||"(empty)"},c))})]})]})}},j={args:{label:"Tasks",values:["Buy groceries","Walk the dog",""],placeholder:"Enter a task",onChange:()=>{}},render:()=>{const[t,r]=p.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(d,{label:"Tasks",values:t,onChange:r,placeholder:"Enter a task"})]})},parameters:{controls:{disable:!0}}},I={args:{label:"Team Members",values:["Alice Johnson","Bob Smith",""],placeholder:"Enter member name",onChange:()=>{}},render:()=>{const[t,r]=p.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(d,{label:"Team Members",values:t,onChange:r,placeholder:"Enter member name"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Total members: ",t.filter(i=>i).length]})]})},parameters:{controls:{disable:!0}}},T={args:{label:"Ingredients",values:["2 cups flour","1 cup sugar","3 eggs","1 tsp vanilla extract",""],placeholder:"Add ingredient",onChange:()=>{}},render:()=>{const[t,r]=p.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(d,{label:"Ingredients",values:t,onChange:r,placeholder:"Add ingredient"})]})},parameters:{controls:{disable:!0}}},C={args:{label:"Project Notes",values:[""],placeholder:"Enter detailed note...",onChange:()=>{}},render:()=>{const[t,r]=p.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(d,{label:"Project Notes",values:t,onChange:r,placeholder:"Enter detailed note...",multiline:!0,rows:4})})},parameters:{controls:{disable:!0}}},k={args:{label:"Customer Testimonials",values:[],onChange:()=>{}},render:()=>{const[t,r]=p.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(d,{type:"complex",label:"Customer Testimonials",values:t,onChange:r,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 _,N,B;x.parameters={...x.parameters,docs:{...(_=x.parameters)==null?void 0:_.docs,source:{originalSource:`{
-  args: {
-    label: 'Items',
-    values: [''],
-    placeholder: 'Enter item',
-    onChange: () => {}
-  }
-}`,...(B=(N=x.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var W,M,L;y.parameters={...y.parameters,docs:{...(W=y.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    label: 'Tags',
-    values: ['React', 'TypeScript', 'Storybook'],
-    placeholder: 'Enter tag',
-    onChange: () => {}
-  }
-}`,...(L=(M=y.parameters)==null?void 0:M.docs)==null?void 0:L.source}}};var R,z,J;f.parameters={...f.parameters,docs:{...(R=f.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    label: 'Skills',
-    values: [],
-    placeholder: 'Add a skill',
-    onChange: () => {}
-  }
-}`,...(J=(z=f.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};var P,q,V;v.parameters={...v.parameters,docs:{...(P=v.parameters)==null?void 0:P.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>;
-  }
-}`,...(V=(q=v.parameters)==null?void 0:q.docs)==null?void 0:V.source}}};var $,D,O;j.parameters={...j.parameters,docs:{...($=j.parameters)==null?void 0:$.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=(D=j.parameters)==null?void 0:D.docs)==null?void 0:O.source}}};var F,U,G;I.parameters={...I.parameters,docs:{...(F=I.parameters)==null?void 0:F.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
-    }
-  }
-}`,...(G=(U=I.parameters)==null?void 0:U.docs)==null?void 0:G.source}}};var H,K,Q;T.parameters={...T.parameters,docs:{...(H=T.parameters)==null?void 0:H.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
-    }
-  }
-}`,...(Q=(K=T.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var X,Y,Z;C.parameters={...C.parameters,docs:{...(X=C.parameters)==null?void 0:X.docs,source:{originalSource:`{
-  args: {
-    label: 'Project Notes',
-    values: [''],
-    placeholder: 'Enter detailed note...',
-    onChange: () => {}
-  },
-  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
-    }
-  }
-}`,...(Z=(Y=C.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var ee,ae,te;k.parameters={...k.parameters,docs:{...(ee=k.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  args: {
-    label: 'Customer Testimonials',
-    values: [],
-    onChange: () => {}
-  },
-  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
-    }
-  }
-}`,...(te=(ae=k.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};const Ee=["Default","WithInitialValues","EmptyState","Interactive","TodoList","TeamMembers","IngredientsList","MultilineNotes","ComplexMultilineForm"];export{k as ComplexMultilineForm,x as Default,f as EmptyState,T as IngredientsList,v as Interactive,C as MultilineNotes,I as TeamMembers,j as TodoList,y as WithInitialValues,Ee as __namedExportsOrder,Ae as default};

package/storybook-static/assets/BooleansHeatmap-BV4VTyo6.css

@@ -1 +0,0 @@
-._container_ma4de_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}._title_ma4de_8{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:8px}._habitEmoji_ma4de_18{font-size:20px;display:inline-block}._chart_ma4de_23{display:block;margin:var(--spacing-lg) 0}._monthLabel_ma4de_28{fill:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}._dayLabel_ma4de_34{fill:var(--color-text-secondary);font-size:var(--font-size-xs)}._cell_ma4de_39{stroke:var(--color-background-secondary);stroke-width:1;cursor:pointer;transition:var(--transition-base)}._cell_ma4de_39:hover{stroke:var(--color-primary);stroke-width:2}._legend_ma4de_51{display:flex;gap:var(--spacing-xl);justify-content:center;margin-top:var(--spacing-lg)}._legendItem_ma4de_58{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._legendColor_ma4de_66{width:16px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}._tooltip_ma4de_73{background:var(--color-background);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);box-shadow:var(--shadow-lg);pointer-events:none;z-index:1000}._tooltip_ma4de_73 div{margin:var(--spacing-xs) 0}._tooltip_ma4de_73 strong{color:var(--color-primary)}

package/storybook-static/assets/BooleansHeatmap.stories-CpNxqSED.js

@@ -1,123 +0,0 @@
-import{r as W,j as l}from"./iframe-B8pH-Lvr.js";import{s as F}from"./transform-BKmuZieF.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const dt="_container_ma4de_1",ct="_title_ma4de_8",lt="_habitEmoji_ma4de_18",mt="_chart_ma4de_23",ht="_monthLabel_ma4de_28",gt="_dayLabel_ma4de_34",pt="_cell_ma4de_39",ut="_legend_ma4de_51",bt="_legendItem_ma4de_58",ft="_legendColor_ma4de_66",yt="_tooltip_ma4de_73",r={container:dt,title:ct,habitEmoji:lt,chart:mt,monthLabel:ht,dayLabel:gt,cell:pt,legend:ut,legendItem:bt,legendColor:ft,tooltip:yt},Dt=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],_t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],et=({data:e,habitName:t,width:a=800,height:i=200,habitColor:o="#6BCB77",habitEmoji:m="✓"})=>{const S=W.useRef(null),{startDate:p,endDate:R,weeksToShow:b}=W.useMemo(()=>{const h=Object.keys(e).sort();if(h.length===0){const g=new Date;return{startDate:g,endDate:g,weeksToShow:1}}const d=new Date(h[0]),f=new Date(h[h.length-1]),v=Math.ceil((f.getTime()-d.getTime())/(1e3*60*60*24))+1,c=Math.ceil(v/7);return{startDate:d,endDate:f,weeksToShow:c}},[e]);return W.useEffect(()=>{if(!S.current)return;const h=F(S.current);h.selectAll("*").remove();const d={top:40,right:20,bottom:20,left:40},f=a-d.left-d.right,v=i-d.top-d.bottom,c=Math.min(Math.floor(v/7)-1,Math.floor(f/b)-1,20),g=2,k=h.append("g").attr("transform",`translate(${d.left},${d.top})`),N=(p.getDay()+6)%7,C=new Map;let y=p.getMonth();C.set(y,0);for(let s=0;s<b;s++){const n=new Date(p);n.setDate(n.getDate()+s*7-N),n.getMonth()!==y&&(y=n.getMonth(),C.set(y,s))}C.forEach((s,n)=>{k.append("text").attr("x",s*(c+g)).attr("y",-10).attr("class",r.monthLabel).text(_t[n])}),Dt.forEach((s,n)=>{k.append("text").attr("x",-10).attr("y",n*(c+g)+c/2).attr("class",r.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(s)});const D=F("body").append("div").attr("class",r.tooltip).style("opacity",0).style("position","absolute"),at=b*7;for(let s=0;s<at;s++){const n=new Date(p);if(n.setDate(n.getDate()+s-N),n<p||n>R)continue;const O=n.toISOString().split("T")[0],nt=(n.getDay()+6)%7,ot=Math.floor((s+N)/7),T=O in e&&e[O];k.append("rect").attr("x",ot*(c+g)).attr("y",nt*(c+g)).attr("width",c).attr("height",c).attr("rx",3).attr("class",r.cell).attr("data-date",O).attr("data-value",T?"true":"false").style("fill",T?o:"#4D4D4DFF").on("mouseover",function(I){D.transition().duration(200).style("opacity",1);const st=it("%b %d, %Y"),rt=T?`${m} Done`:"✗ Not done";D.html(`
-                    <div><strong>${t}</strong></div>
-                    <div>${st(n)}</div>
-                    <div>${rt}</div>
-                `).style("left",I.pageX+10+"px").style("top",I.pageY-28+"px")}).on("mouseout",function(){D.transition().duration(500).style("opacity",0)})}return()=>{D.remove()}},[e,t,a,i,p,R,b,o,m]),l.jsxs("div",{className:r.container,children:[l.jsxs("h3",{className:r.title,children:[l.jsx("span",{className:r.habitEmoji,children:m}),t]}),l.jsx("svg",{ref:S,width:a,height:i,className:r.chart}),l.jsxs("div",{className:r.legend,children:[l.jsxs("span",{className:r.legendItem,children:[l.jsx("span",{className:r.legendColor,style:{backgroundColor:o}}),"Done"]}),l.jsxs("span",{className:r.legendItem,children:[l.jsx("span",{className:r.legendColor,style:{backgroundColor:"#4D4D4DFF"}}),"Not done"]})]})]})};et.__docgenInfo={description:"",methods:[],displayName:"BooleansHeatmap",props:{data:{required:!0,tsType:{name:"signature",type:"object",raw:"{ [date: string]: boolean }",signature:{properties:[{key:{name:"string"},value:{name:"boolean",required:!0}}]}},description:""},habitName:{required:!0,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"200",computed:!1}},habitColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#6BCB77'",computed:!1}},habitEmoji:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'✓'",computed:!1}}}};const St={title:"Organisms/Charts/BooleansHeatmap",component:et,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:150,max:400,step:50}},habitColor:{control:{type:"color"}},habitEmoji:{control:{type:"text"}}}},u=e=>{const t=[],a=new Date;for(let i=e-1;i>=0;i--){const o=new Date(a);o.setDate(o.getDate()-i),t.push(o.toISOString().split("T")[0])}return t},_={args:{data:(()=>{const e=u(90),t={};return e.forEach(a=>{t[a]=Math.random()>.3}),t})(),habitName:"Daily Exercise",width:900,height:200,habitColor:"#10b981",habitEmoji:"💪"}},w={args:{data:(()=>{const e=u(60),t={};return e.forEach(a=>{t[a]=Math.random()>.4}),t})(),habitName:"Meditation",width:800,height:200,habitColor:"#8b5cf6",habitEmoji:"🧘"}},E={args:{data:(()=>{const e=u(120),t={};return e.forEach((a,i)=>{const o=new Date(a).getDay(),m=o===0||o===6;t[a]=Math.random()>(m?.2:.5)}),t})(),habitName:"Daily Reading",width:1e3,height:200,habitColor:"#f59e0b",habitEmoji:"📚"}},M={args:{data:(()=>{const e=u(30),t={};return e.forEach(a=>{t[a]=Math.random()>.15}),t})(),habitName:"8 Glasses of Water",width:800,height:180,habitColor:"#3b82f6",habitEmoji:"💧"}},x={args:{data:(()=>{const e=u(365),t={};return e.forEach((a,i)=>{const o=new Date(a).getMonth(),m=o>=5&&o<=8;t[a]=Math.random()>(m?.25:.45)}),t})(),habitName:"Outdoor Activity",width:1100,height:250,habitColor:"#10b981",habitEmoji:"🏃"}},j={args:{data:(()=>{const e=u(60),t={};return e.forEach(a=>{Math.random()>.3&&(t[a]=Math.random()>.6)}),t})(),habitName:"Side Project Work",width:800,height:200,habitColor:"#7c3aed",habitEmoji:"💻"}};var L,q,B;_.parameters={..._.parameters,docs:{...(L=_.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(90);
-      const data: {
-        [date: string]: boolean;
-      } = {};
-      dates.forEach(date => {
-        data[date] = Math.random() > 0.3;
-      });
-      return data;
-    })(),
-    habitName: 'Daily Exercise',
-    width: 900,
-    height: 200,
-    habitColor: '#10b981',
-    habitEmoji: '💪'
-  }
-}`,...(B=(q=_.parameters)==null?void 0:q.docs)==null?void 0:B.source}}};var A,H,$;w.parameters={...w.parameters,docs:{...(A=w.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(60);
-      const data: {
-        [date: string]: boolean;
-      } = {};
-      dates.forEach(date => {
-        data[date] = Math.random() > 0.4;
-      });
-      return data;
-    })(),
-    habitName: 'Meditation',
-    width: 800,
-    height: 200,
-    habitColor: '#8b5cf6',
-    habitEmoji: '🧘'
-  }
-}`,...($=(H=w.parameters)==null?void 0:H.docs)==null?void 0:$.source}}};var Y,V,G;E.parameters={...E.parameters,docs:{...(Y=E.parameters)==null?void 0:Y.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(120);
-      const data: {
-        [date: string]: boolean;
-      } = {};
-      dates.forEach((date, _i) => {
-        // More likely to read on weekends
-        const dayOfWeek = new Date(date).getDay();
-        const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;
-        data[date] = Math.random() > (isWeekend ? 0.2 : 0.5);
-      });
-      return data;
-    })(),
-    habitName: 'Daily Reading',
-    width: 1000,
-    height: 200,
-    habitColor: '#f59e0b',
-    habitEmoji: '📚'
-  }
-}`,...(G=(V=E.parameters)==null?void 0:V.docs)==null?void 0:G.source}}};var J,P,z;M.parameters={...M.parameters,docs:{...(J=M.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      const data: {
-        [date: string]: boolean;
-      } = {};
-      dates.forEach(date => {
-        // High success rate for water intake
-        data[date] = Math.random() > 0.15;
-      });
-      return data;
-    })(),
-    habitName: '8 Glasses of Water',
-    width: 800,
-    height: 180,
-    habitColor: '#3b82f6',
-    habitEmoji: '💧'
-  }
-}`,...(z=(P=M.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var K,X,Q;x.parameters={...x.parameters,docs:{...(K=x.parameters)==null?void 0:K.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(365);
-      const data: {
-        [date: string]: boolean;
-      } = {};
-      dates.forEach((date, _i) => {
-        // Simulate seasonal patterns
-        const month = new Date(date).getMonth();
-        const isSummer = month >= 5 && month <= 8;
-        data[date] = Math.random() > (isSummer ? 0.25 : 0.45);
-      });
-      return data;
-    })(),
-    habitName: 'Outdoor Activity',
-    width: 1100,
-    height: 250,
-    habitColor: '#10b981',
-    habitEmoji: '🏃'
-  }
-}`,...(Q=(X=x.parameters)==null?void 0:X.docs)==null?void 0:Q.source}}};var U,Z,tt;j.parameters={...j.parameters,docs:{...(U=j.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(60);
-      const data: {
-        [date: string]: boolean;
-      } = {};
-      // Only populate some dates
-      dates.forEach(date => {
-        if (Math.random() > 0.3) {
-          data[date] = Math.random() > 0.6;
-        }
-      });
-      return data;
-    })(),
-    habitName: 'Side Project Work',
-    width: 800,
-    height: 200,
-    habitColor: '#7c3aed',
-    habitEmoji: '💻'
-  }
-}`,...(tt=(Z=j.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};const vt=["DailyExercise","Meditation","Reading","WaterIntake","YearlyOverview","SparseData"];export{_ as DailyExercise,w as Meditation,E as Reading,j as SparseData,M as WaterIntake,x as YearlyOverview,vt as __namedExportsOrder,St as default};

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

@@ -1 +0,0 @@
-._calendar_90omi_2{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);font-family:var(--font-family-primary);color:var(--color-text);width:100%;max-width:100%}._loading_90omi_14{display:flex;align-items:center;justify-content:center;min-height:400px}._loadingSpinner_90omi_21{color:var(--color-text-secondary);font-size:var(--font-size-lg)}._header_90omi_27{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._navigation_90omi_35{display:flex;align-items:center;gap:var(--spacing-md)}._navButton_90omi_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_90omi_41:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}._title_90omi_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_90omi_70{display:flex;align-items:center;gap:var(--spacing-md)}._todayButton_90omi_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_90omi_76:hover{background:var(--color-primary);color:var(--color-text-inverse)}._viewToggle_90omi_92{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._viewButton_90omi_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_90omi_99:hover{background:var(--color-background-secondary)}._viewButton_90omi_99._active_90omi_113{background:var(--color-primary);color:var(--color-text-inverse)}._viewButton_90omi_99+._viewButton_90omi_99{border-left:1px solid var(--color-border)}._weekDays_90omi_123{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}._weekDays_90omi_123._withWeekNumbers_90omi_130{grid-template-columns:40px repeat(7,1fr)}._weekNumberHeader_90omi_134,._weekDay_90omi_123{text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-sm) 0}._daysGrid_90omi_151{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;align-content:start;gap:var(--spacing-xs)}._daysGrid_90omi_151._withWeekNumbers_90omi_130{grid-template-columns:40px repeat(7,1fr)}._weekView_90omi_163{grid-template-rows:repeat(1,minmax(300px,1fr))}._weekView_90omi_163 ._dayCell_90omi_167{min-height:300px;display:flex;flex-direction:column;border-left:1px solid var(--color-border);position:relative}._weekView_90omi_163 ._dayCell_90omi_167:first-child{border-left:none}._weekView_90omi_163 ._dayCell_90omi_167: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_90omi_163 ._dayNumber_90omi_196{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_90omi_163 ._dayCell_90omi_167._today_90omi_76 ._dayNumber_90omi_196{background:var(--color-primary);color:var(--color-text-inverse);border-bottom-color:var(--color-primary)}._weekView_90omi_163 ._events_90omi_215{flex:1;padding:var(--spacing-sm);gap:var(--spacing-xs);position:relative}._weekView_90omi_163 ._event_90omi_215{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;overflow:visible;white-space:normal;text-overflow:unset;min-height:auto;height:auto}._weekView_90omi_163 ._event_90omi_215:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._weekView_90omi_163 ._eventTitle_90omi_242{font-weight:600;line-height:1.2;white-space:normal;text-overflow:unset;overflow:visible;word-wrap:break-word}._weekView_90omi_163 ._eventTime_90omi_251{font-size:var(--font-size-xs);font-weight:700;background:var(--color-background-secondary);color:var(--color-text);padding:2px 6px;border-radius:var(--radius-sm);margin-right:var(--spacing-xs);border:1px solid var(--color-border);display:inline-block}._dayCell_90omi_167{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_90omi_167:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._dayCell_90omi_167._today_90omi_76{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.08));border-color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.3)}._dayCell_90omi_167._today_90omi_76 ._dayNumber_90omi_196{color:var(--color-primary);font-weight:700}._dayCell_90omi_167._otherMonth_90omi_296{background:var(--color-background-tertiary);opacity:.5}._dayCell_90omi_167._selected_90omi_301{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}._dayCell_90omi_167._selected_90omi_301 ._dayNumber_90omi_196{color:var(--color-primary);font-weight:700}._compact_90omi_312 ._dayCell_90omi_167{min-height:56px;padding:4px}._compact_90omi_312 ._dayNumber_90omi_196{font-size:12px;margin-bottom:2px;font-weight:600;text-align:center}._dots_90omi_324{display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap}._dot_90omi_324{width:6px;height:6px;border-radius:50%;flex-shrink:0}._dotMore_90omi_339{font-size:9px;color:var(--color-text-secondary);margin-left:2px}._weekNumber_90omi_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_90omi_196{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}._events_90omi_215{display:flex;flex-direction:column;gap:2px}._event_90omi_215{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--radius-xs);font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}._event_90omi_215._completed_90omi_389{opacity:.7;text-decoration:line-through}._eventTitle_90omi_242{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}._eventTime_90omi_251{font-weight:600;margin-right:4px;font-size:10px}._completedIcon_90omi_410{width:12px;height:12px;flex-shrink:0;stroke-width:2}._moreEvents_90omi_417{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_90omi_427{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}._dayView_90omi_437{display:flex;flex-direction:column;height:600px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._dayViewHeader_90omi_446{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:5;width:100%}._timeColumnHeader_90omi_456{width:52px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-background-secondary)}._dayColumnHeader_90omi_463{flex:1;padding:var(--spacing-md);text-align:center;font-weight:600;color:var(--color-text);background:var(--color-background)}._allDayStrip_90omi_473{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}._allDayLabel_90omi_481{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding-top:6px;width:52px}._allDayList_90omi_492{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}._allDayEvent_90omi_499{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2)}._allDayEvent_90omi_499._completed_90omi_389{text-decoration:line-through}._dayViewScrollContainer_90omi_515{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%}._dayTimelineGrid_90omi_524{position:relative;width:100%}._hourRow_90omi_529{display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border)}._hourLabel_90omi_535{width:52px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;border-right:1px solid var(--color-border);height:100%}._hourSlots_90omi_546{flex:1;display:flex;flex-direction:column;height:100%}._halfHourSlot_90omi_553{flex:1;cursor:pointer;transition:background .15s ease}._halfHourSlot_90omi_553:hover{background:rgba(var(--color-primary-rgb),.05)}._halfHourSlotBottom_90omi_563{border-top:1px dashed var(--color-border)}._dayEventAnchor_90omi_568{position:absolute;left:60px;right:var(--spacing-sm);z-index:5}._currentTimeIndicator_90omi_576{position:absolute;left:52px;right:0;height:2px;background:#ef4444;z-index:10;border-radius:1px;pointer-events:none;box-shadow:0 1px 3px #0003}._currentTimeIndicator_90omi_576:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px var(--color-background);animation:_pulse_90omi_1 2s ease-in-out infinite}@keyframes _pulse_90omi_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){._calendar_90omi_2{padding:var(--spacing-md);border-radius:var(--radius-md)}._header_90omi_27{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}._navigation_90omi_35{order:2;width:100%;justify-content:center}._controls_90omi_70{order:1;width:100%;justify-content:center;flex-wrap:wrap}._navButton_90omi_41{width:32px;height:32px}._title_90omi_60{font-size:var(--font-size-lg);min-width:auto}._todayButton_90omi_76{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._viewButton_90omi_99{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}._weekDays_90omi_123{gap:1px;margin-bottom:var(--spacing-sm)}._weekDay_90omi_123{font-size:11px;padding:var(--spacing-xs) 0}._daysGrid_90omi_151{gap:1px}._dayCell_90omi_167{min-height:70px;padding:4px}._compact_90omi_312 ._dayCell_90omi_167{min-height:40px;padding:2px}._compact_90omi_312 ._dayNumber_90omi_196{font-size:11px}._dot_90omi_324{width:5px;height:5px}._weekView_90omi_163 ._dayCell_90omi_167{min-height:180px}._weekView_90omi_163 ._dayNumber_90omi_196{font-size:var(--font-size-md);padding:var(--spacing-xs);margin-bottom:var(--spacing-xs)}._weekView_90omi_163 ._events_90omi_215{gap:2px;padding:4px}._weekView_90omi_163 ._event_90omi_215{padding:4px 6px;font-size:10px}._weekView_90omi_163 ._eventTime_90omi_251{font-size:8px;padding:1px 3px}._dayNumber_90omi_196{font-size:12px;margin-bottom:2px;font-weight:600}._events_90omi_215{gap:1px}._event_90omi_215{font-size:9px;padding:1px 4px;border-radius:2px}._eventTime_90omi_251{font-size:8px;margin-right:2px}._moreEvents_90omi_417{font-size:8px;padding:1px 4px}._completedIcon_90omi_410{width:10px;height:10px}._weekNumber_90omi_134{font-size:8px;padding:1px 3px}._dayView_90omi_437{height:500px}._timeColumn_90omi_456,._timeColumnHeader_90omi_456{width:60px}._timeLabel_90omi_762{font-size:10px}._dayEvent_90omi_568{padding:4px 6px;font-size:12px;min-height:28px}._dayEventTime_90omi_772{font-size:10px}}@media (max-width: 480px){._calendar_90omi_2{padding:var(--spacing-sm);border-radius:var(--radius-sm)}._header_90omi_27{gap:var(--spacing-xs)}._navButton_90omi_41{width:28px;height:28px}._title_90omi_60{font-size:var(--font-size-md)}._todayButton_90omi_76{padding:var(--spacing-xs);font-size:11px}._viewButton_90omi_99{padding:var(--spacing-xs);font-size:10px}._weekDay_90omi_123{font-size:10px;padding:4px 0}._dayCell_90omi_167{min-height:60px;padding:2px}._weekView_90omi_163 ._dayCell_90omi_167{min-height:100px}._dayNumber_90omi_196{font-size:11px;margin-bottom:1px}._event_90omi_215{font-size:8px;padding:1px 2px}._eventTime_90omi_251{font-size:7px;margin-right:1px}._moreEvents_90omi_417{font-size:7px;padding:1px 2px}._completedIcon_90omi_410{width:8px;height:8px}}@media (prefers-color-scheme: dark){._calendar_90omi_2{box-shadow:var(--shadow-dark-md)}._event_90omi_215{box-shadow:none}._event_90omi_215:hover{box-shadow:var(--shadow-dark-sm)}}@media (prefers-contrast: high){._dayCell_90omi_167{border-width:2px}._dayCell_90omi_167._today_90omi_76{border-width:3px}._event_90omi_215{border:1px solid var(--color-text-inverse)}}@media (prefers-reduced-motion: reduce){._calendar_90omi_2 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._wrapper_15z7w_1{position:relative;width:100%;height:100%}._deleteUnderlay_15z7w_7{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-error, #ef4444);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:0 var(--spacing-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:none}._card_15z7w_23{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm) 0 var(--spacing-xs);height:100%;min-height:24px;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden}._dragging_15z7w_43{box-shadow:var(--shadow-lg);z-index:10;opacity:.9}._completed_15z7w_49{opacity:.55}._completed_15z7w_49 ._text_15z7w_53{text-decoration:line-through}._grip_15z7w_57{display:flex;align-items:center;justify-content:center;opacity:.5;cursor:grab;padding:0 2px;flex-shrink:0;touch-action:none}._grip_15z7w_57:active{cursor:grabbing;opacity:1}._checkIcon_15z7w_73{color:var(--color-success, #10b981);flex-shrink:0}._text_15z7w_53{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._time_15z7w_85{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;flex-shrink:0;opacity:.85}._editButton_15z7w_92{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:var(--radius-sm);flex-shrink:0;opacity:.7;transition:opacity .15s ease,background .15s ease}._editButton_15z7w_92:hover{background:#0000001a;opacity:1}