@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/Button.stories-9jnfGkHf.js

@@ -0,0 +1,93 @@
+import{j as e}from"./iframe-Cz1R6gKZ.js";import{B as t}from"./Button-Bkr9S309.js";import{s as i}from"./useSound-DOpt9DfD.js";import{c as s}from"./createLucideIcon-C7zEcVM7.js";import{C as l}from"./chevron-right-DUHx58vO.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-CAwOFzsk.js";import"./MotionConfigContext-C_Ro_xsO.js";/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const b=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]],S=s("plus",b);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const k=[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]],M=s("save",k);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const z=[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]],I=s("trash-2",z),A={title:"Atoms/Button",component:t,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","danger"],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"}}},r={args:{children:"Click me",variant:"primary",size:"medium"}},n={render:()=>e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"},children:[e.jsx(t,{iconLeft:e.jsx(M,{}),children:"Save"}),e.jsx(t,{iconRight:e.jsx(l,{}),children:"Next"}),e.jsx(t,{iconLeft:e.jsx(S,{}),iconRight:e.jsx(l,{}),children:"Add Item"}),e.jsx(t,{variant:"ghost",size:"small",children:e.jsx(I,{})})]}),parameters:{controls:{disable:!0}}},a={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(t,{variant:"primary",children:"Primary"}),e.jsx(t,{variant:"secondary",children:"Secondary"}),e.jsx(t,{variant:"outline",children:"Outline"}),e.jsx(t,{variant:"ghost",children:"Ghost"}),e.jsx(t,{variant:"danger",children:"Danger"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{size:"small",children:"Small"}),e.jsx(t,{size:"medium",children:"Medium"}),e.jsx(t,{size:"large",children:"Large"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{loading:!0,children:"Loading"}),e.jsx(t,{disabled:!0,children:"Disabled"})]})]}),parameters:{controls:{disable:!0}}},o={args:{children:"Button with Sound",variant:"primary",soundConfig:{onClick:!0,onHover:!0}},decorators:[j=>(i.setEnabled(!0),i.setVolume(.5),e.jsx(j,{}))]};var d,c,u;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: {
+    children: 'Click me',
+    variant: 'primary',
+    size: 'medium'
+  }
+}`,...(u=(c=r.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var m,p,h;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => <div style={{
+    display: 'flex',
+    gap: '1rem',
+    alignItems: 'center',
+    flexWrap: 'wrap'
+  }}>
+            <Button iconLeft={<Save />}>Save</Button>
+            <Button iconRight={<ChevronRight />}>Next</Button>
+            <Button iconLeft={<Plus />} iconRight={<ChevronRight />}>Add Item</Button>
+            <Button variant="ghost" size="small"><Trash2 /></Button>
+        </div>,
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(h=(p=n.parameters)==null?void 0:p.docs)==null?void 0:h.source}}};var g,v,y;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.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>
+                <Button variant="danger">Danger</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>
+            </div>
+        </div>,
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(y=(v=a.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var x,f,B;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    children: 'Button with Sound',
+    variant: 'primary',
+    soundConfig: {
+      onClick: true,
+      onHover: true
+    }
+  },
+  decorators: [Story => {
+    soundManager.setEnabled(true);
+    soundManager.setVolume(0.5);
+    return <Story />;
+  }]
+}`,...(B=(f=o.parameters)==null?void 0:f.docs)==null?void 0:B.source}}};const H=["Default","WithIcons","AllVariants","WithSound"];export{a as AllVariants,r as Default,n as WithIcons,o as WithSound,H as __namedExportsOrder,A as default};

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

@@ -0,0 +1 @@
+._calendar_1mf94_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_1mf94_14{display:flex;align-items:center;justify-content:center;min-height:400px}._loadingSpinner_1mf94_21{color:var(--color-text-secondary);font-size:var(--font-size-lg)}._header_1mf94_27{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._navigation_1mf94_35{display:flex;align-items:center;gap:var(--spacing-md)}._navButton_1mf94_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_1mf94_41:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}._title_1mf94_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_1mf94_70{display:flex;align-items:center;gap:var(--spacing-md)}._todayButton_1mf94_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_1mf94_76:hover{background:var(--color-primary);color:var(--color-text-inverse)}._viewToggle_1mf94_92{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._viewButton_1mf94_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_1mf94_99:hover{background:var(--color-background-secondary)}._viewButton_1mf94_99._active_1mf94_113{background:var(--color-primary);color:var(--color-text-inverse)}._viewButton_1mf94_99+._viewButton_1mf94_99{border-left:1px solid var(--color-border)}._weekDays_1mf94_123{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}._weekDays_1mf94_123._withWeekNumbers_1mf94_130{grid-template-columns:40px repeat(7,1fr)}._weekNumberHeader_1mf94_134,._weekDay_1mf94_123{text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-sm) 0}._daysGrid_1mf94_151{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}._daysGrid_1mf94_151._withWeekNumbers_1mf94_130{grid-template-columns:40px repeat(7,1fr)}._weekView_1mf94_161{grid-template-rows:repeat(1,minmax(300px,1fr))}._weekView_1mf94_161 ._dayCell_1mf94_165{min-height:300px;display:flex;flex-direction:column;border-left:1px solid var(--color-border);position:relative}._weekView_1mf94_161 ._dayCell_1mf94_165:first-child{border-left:none}._weekView_1mf94_161 ._dayCell_1mf94_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_1mf94_161 ._dayNumber_1mf94_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_1mf94_161 ._dayCell_1mf94_165._today_1mf94_76 ._dayNumber_1mf94_194{background:var(--color-primary);color:var(--color-text-inverse);border-bottom-color:var(--color-primary)}._weekView_1mf94_161 ._events_1mf94_213{flex:1;padding:var(--spacing-sm);gap:var(--spacing-xs);position:relative}._weekView_1mf94_161 ._event_1mf94_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;overflow:visible;white-space:normal;text-overflow:unset;min-height:auto;height:auto}._weekView_1mf94_161 ._event_1mf94_213:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._weekView_1mf94_161 ._eventTitle_1mf94_240{font-weight:600;line-height:1.2;white-space:normal;text-overflow:unset;overflow:visible;word-wrap:break-word}._weekView_1mf94_161 ._eventTime_1mf94_249{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_1mf94_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_1mf94_165:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._dayCell_1mf94_165._today_1mf94_76{background:var(--color-primary-light);border-color:var(--color-primary)}._dayCell_1mf94_165._today_1mf94_76 ._dayNumber_1mf94_194{color:var(--color-primary);font-weight:700}._dayCell_1mf94_165._otherMonth_1mf94_289{background:var(--color-background-tertiary);opacity:.5}._weekNumber_1mf94_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_1mf94_194{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}._events_1mf94_213{display:flex;flex-direction:column;gap:2px}._event_1mf94_213{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_1mf94_213._completed_1mf94_338{opacity:.7;text-decoration:line-through}._eventTitle_1mf94_240{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}._eventTime_1mf94_249{font-weight:600;margin-right:4px;font-size:10px}._completedIcon_1mf94_359{width:12px;height:12px;flex-shrink:0;stroke-width:2}._moreEvents_1mf94_366{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_1mf94_376{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}._dayView_1mf94_386{display:flex;flex-direction:column;height:600px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._dayViewHeader_1mf94_395{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:5;width:100%}._timeColumnHeader_1mf94_405{width:80px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-background-secondary)}._dayColumnHeader_1mf94_412{flex:1;padding:var(--spacing-md);text-align:center;font-weight:600;color:var(--color-text);background:var(--color-background)}._dayViewScrollContainer_1mf94_421{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%}._dayViewContent_1mf94_429{display:flex;min-height:100%;width:100%}._timeColumn_1mf94_405{width:80px;border-right:1px solid var(--color-border);background:var(--color-background-secondary);flex-shrink:0}._dayColumn_1mf94_412{flex:1;position:relative}._timeSlot_1mf94_447{height:60px;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs);border-bottom:1px solid var(--color-border)}._timeLabel_1mf94_456{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}._hourSlot_1mf94_462{height:60px;position:relative;border-bottom:1px solid var(--color-border);padding:var(--spacing-xs);cursor:pointer;transition:background-color .2s ease}._hourSlot_1mf94_462:hover{background-color:#00000005}._hourLine_1mf94_475{position:absolute;top:0;left:0;right:0;height:1px;background:var(--color-border);z-index:1}._dayEvent_1mf94_485{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;position:relative;min-height:32px;box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2);z-index:2}._dayEvent_1mf94_485:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._dayEventTitle_1mf94_506{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.2}._dayEventTime_1mf94_514{font-size:var(--font-size-xs);font-weight:700;opacity:.9}._dayEvent_1mf94_485._completed_1mf94_338{opacity:.7;text-decoration:line-through}._currentTimeIndicator_1mf94_526{position:absolute;left:0;right:0;height:2px;background:var(--color-primary);z-index:10;border-radius:1px;pointer-events:none;box-shadow:0 1px 3px #0003}._currentTimeIndicator_1mf94_526:before{content:"";position:absolute;left:-8px;top:-4px;width:10px;height:10px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 2px var(--color-background);animation:_pulse_1mf94_1 2s ease-in-out infinite}@keyframes _pulse_1mf94_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){._calendar_1mf94_2{padding:var(--spacing-md);border-radius:var(--radius-md)}._header_1mf94_27{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}._navigation_1mf94_35{order:2;width:100%;justify-content:center}._controls_1mf94_70{order:1;width:100%;justify-content:center;flex-wrap:wrap}._navButton_1mf94_41{width:32px;height:32px}._title_1mf94_60{font-size:var(--font-size-lg);min-width:auto}._todayButton_1mf94_76{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._viewButton_1mf94_99{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}._weekDays_1mf94_123{gap:1px;margin-bottom:var(--spacing-sm)}._weekDay_1mf94_123{font-size:11px;padding:var(--spacing-xs) 0}._daysGrid_1mf94_151{gap:1px}._dayCell_1mf94_165{min-height:70px;padding:4px}._weekView_1mf94_161 ._dayCell_1mf94_165{min-height:180px}._weekView_1mf94_161 ._dayNumber_1mf94_194{font-size:var(--font-size-md);padding:var(--spacing-xs);margin-bottom:var(--spacing-xs)}._weekView_1mf94_161 ._events_1mf94_213{gap:2px;padding:4px}._weekView_1mf94_161 ._event_1mf94_213{padding:4px 6px;font-size:10px}._weekView_1mf94_161 ._eventTime_1mf94_249{font-size:8px;padding:1px 3px}._dayNumber_1mf94_194{font-size:12px;margin-bottom:2px;font-weight:600}._events_1mf94_213{gap:1px}._event_1mf94_213{font-size:9px;padding:1px 4px;border-radius:2px}._eventTime_1mf94_249{font-size:8px;margin-right:2px}._moreEvents_1mf94_366{font-size:8px;padding:1px 4px}._completedIcon_1mf94_359{width:10px;height:10px}._weekNumber_1mf94_134{font-size:8px;padding:1px 3px}._dayView_1mf94_386{height:500px}._timeColumn_1mf94_405,._timeColumnHeader_1mf94_405{width:60px}._timeLabel_1mf94_456{font-size:10px}._dayEvent_1mf94_485{padding:4px 6px;font-size:12px;min-height:28px}._dayEventTime_1mf94_514{font-size:10px}}@media (max-width: 480px){._calendar_1mf94_2{padding:var(--spacing-sm);border-radius:var(--radius-sm)}._header_1mf94_27{gap:var(--spacing-xs)}._navButton_1mf94_41{width:28px;height:28px}._title_1mf94_60{font-size:var(--font-size-md)}._todayButton_1mf94_76{padding:var(--spacing-xs);font-size:11px}._viewButton_1mf94_99{padding:var(--spacing-xs);font-size:10px}._weekDay_1mf94_123{font-size:10px;padding:4px 0}._dayCell_1mf94_165{min-height:60px;padding:2px}._weekView_1mf94_161 ._dayCell_1mf94_165{min-height:100px}._dayNumber_1mf94_194{font-size:11px;margin-bottom:1px}._event_1mf94_213{font-size:8px;padding:1px 2px}._eventTime_1mf94_249{font-size:7px;margin-right:1px}._moreEvents_1mf94_366{font-size:7px;padding:1px 2px}._completedIcon_1mf94_359{width:8px;height:8px}}@media (prefers-color-scheme: dark){._calendar_1mf94_2{box-shadow:var(--shadow-dark-md)}._event_1mf94_213{box-shadow:none}._event_1mf94_213:hover{box-shadow:var(--shadow-dark-sm)}}@media (prefers-contrast: high){._dayCell_1mf94_165{border-width:2px}._dayCell_1mf94_165._today_1mf94_76{border-width:3px}._event_1mf94_213{border:1px solid var(--color-text-inverse)}}@media (prefers-reduced-motion: reduce){._calendar_1mf94_2 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

package/storybook-static/assets/Calendar.stories-Bv76X2vb.js

@@ -0,0 +1,470 @@
+import{r as _,j as e}from"./iframe-Cz1R6gKZ.js";import{m as q}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const ze="_calendar_1mf94_2",Fe="_loading_1mf94_14",Pe="_loadingSpinner_1mf94_21",Ae="_header_1mf94_27",We="_navigation_1mf94_35",qe="_navButton_1mf94_41",Ge="_title_1mf94_60",Oe="_controls_1mf94_70",Ue="_todayButton_1mf94_76",Ye="_viewToggle_1mf94_92",Ke="_viewButton_1mf94_99",Je="_active_1mf94_113",Qe="_weekDays_1mf94_123",Xe="_weekNumberHeader_1mf94_134",Ze="_weekDay_1mf94_123",et="_daysGrid_1mf94_151",tt="_weekView_1mf94_161",nt="_dayCell_1mf94_165",at="_dayNumber_1mf94_194",it="_today_1mf94_76",ot="_events_1mf94_213",st="_event_1mf94_213",rt="_eventTitle_1mf94_240",dt="_eventTime_1mf94_249",lt="_otherMonth_1mf94_289",ct="_weekNumber_1mf94_134",mt="_completed_1mf94_338",pt="_completedIcon_1mf94_359",ut="_moreEvents_1mf94_366",vt="_emptyState_1mf94_376",gt="_dayView_1mf94_386",yt="_dayViewHeader_1mf94_395",ht="_timeColumnHeader_1mf94_405",wt="_dayColumnHeader_1mf94_412",ft="_dayViewScrollContainer_1mf94_421",Dt="_dayViewContent_1mf94_429",xt="_timeColumn_1mf94_405",Ct="_dayColumn_1mf94_412",kt="_timeSlot_1mf94_447",_t="_timeLabel_1mf94_456",St="_hourSlot_1mf94_462",Et="_hourLine_1mf94_475",bt="_dayEvent_1mf94_485",jt="_dayEventTitle_1mf94_506",Tt="_dayEventTime_1mf94_514",Mt="_currentTimeIndicator_1mf94_526",n={calendar:ze,loading:Fe,loadingSpinner:Pe,header:Ae,navigation:We,navButton:qe,title:Ge,controls:Oe,todayButton:Ue,viewToggle:Ye,viewButton:Ke,active:Je,weekDays:Qe,weekNumberHeader:Xe,weekDay:Ze,daysGrid:et,weekView:tt,dayCell:nt,dayNumber:at,today:it,events:ot,event:st,eventTitle:rt,eventTime:dt,otherMonth:lt,weekNumber:ct,completed:mt,completedIcon:pt,moreEvents:ut,emptyState:vt,dayView:gt,dayViewHeader:yt,timeColumnHeader:ht,dayColumnHeader:wt,dayViewScrollContainer:ft,dayViewContent:Dt,timeColumn:xt,dayColumn:Ct,timeSlot:kt,timeLabel:_t,hourSlot:St,hourLine:Et,dayEvent:bt,dayEventTitle:jt,dayEventTime:Tt,currentTimeIndicator:Mt};function x({events:s,onEventClick:l,onDateClick:d,onEventClickByView:u,onDateClickByView:y,onTimeSlotClick:f,viewMode:v="month",initialDate:g=new Date,config:C={},className:w="",style:G={},loading:Ee=!1,emptyState:O,hideHeader:be=!1}){const[c,I]=_.useState(g),[r,z]=_.useState(v),b=_.useRef(null),{eventColors:U={},iconRenderer:j,maxEventsPerDay:F=3,mondayStart:E=!1,showWeekNumbers:Y=!1,dateFormat:K={month:"long",year:"numeric"},locale:S="en-US",dayLabels:je,monthNames:T}=C,Te=je||(E?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]);_.useEffect(()=>{if(r==="day"&&b.current){const t=new Date;if(c.toDateString()===t.toDateString()){const i=t.getHours(),a=t.getMinutes(),h=(i*60+a)/60*60-100;setTimeout(()=>{b.current&&(b.current.scrollTop=Math.max(0,h))},0)}}},[r,c]);const J=_.useMemo(()=>{const t=c.getFullYear(),o=c.getMonth();let i,a,m;if(r==="week"){i=new Date(c);const D=i.getDay(),k=E?i.getDate()-D+(D===0?-6:1):i.getDate()-D;i=new Date(i.setDate(k)),i.setHours(0,0,0,0),a=new Date(i),a.setDate(a.getDate()+6);const A=i.toLocaleDateString(S,{day:"numeric",month:"short"}),W=a.toLocaleDateString(S,{day:"numeric",month:"short"});m=`${A} - ${W}`}else if(r==="day")i=new Date(c),i.setHours(0,0,0,0),a=new Date(c),a.setHours(23,59,59,999),m=c.toLocaleDateString(S,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const D=new Date(t,o,1),k=new Date(t,o+1,0);i=new Date(D);const A=E?(D.getDay()+6)%7:D.getDay();i.setDate(i.getDate()-A),a=new Date(k);const W=E?(k.getDay()+6)%7:k.getDay();a.setDate(a.getDate()+(6-W)),T&&T[o]?m=`${T[o]} ${t}`:m=c.toLocaleDateString(S,K)}const h=[],p=new Date(i);for(;p<=a;)h.push(new Date(p)),p.setDate(p.getDate()+1);return{days:h,displayTitle:m}},[c,r,E,S,K,T]),Q=t=>{const o=s.filter(i=>new Date(i.date).toDateString()===t.toDateString());return r==="week"?o.sort((i,a)=>{const m=i.time?X(i.time):999999,h=a.time?X(a.time):999999;return m-h}):o},X=t=>{const[o,i]=t.split(":").map(Number);return o*60+i},Me=()=>{const t=new Date(c);r==="week"?t.setDate(t.getDate()-7):r==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),I(t)},Ne=()=>{const t=new Date(c);r==="week"?t.setDate(t.getDate()+7):r==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),I(t)},$e=()=>{I(new Date)},P=t=>{if(t.color)return t.color;if(t.type&&U[t.type])return U[t.type];const o={high:"#FF4444",medium:"#FFA500",low:"#4A90E2"};return t.priority&&o[t.priority]?o[t.priority]:"#4A90E2"},Be=t=>{const o=t.replace("#",""),i=parseInt(o.substring(0,2),16),a=parseInt(o.substring(2,4),16),m=parseInt(o.substring(4,6),16);return(.299*i+.587*a+.114*m)/255>.5?"#000000":"#FFFFFF"},Z=t=>{if(t.textColor)return t.textColor;const o=P(t);return Be(o)},ee=t=>{u&&u[r]?u[r](t):l&&l(t)},Ve=t=>{y&&y[r]?y[r](t):d&&d(t)},Le=t=>{if(f){const o=new Date(c);o.setHours(t,0,0,0);const i=`${t.toString().padStart(2,"0")}:00`;f(o,t,i)}},He=t=>{const o=new Date;return t.toDateString()===o.toDateString()},Re=t=>t.getMonth()===c.getMonth(),Ie=t=>{const o=new Date(t.getFullYear(),0,1),i=t.getTime()-o.getTime(),a=1e3*60*60*24*7;return Math.floor(i/a)+1};return Ee?e.jsx("div",{className:`${n.calendar} ${n.loading} ${w}`,style:G,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${w}`,style:G,children:[!be&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:Me,className:n.navButton,"aria-label":"Previous",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"15,18 9,12 15,6"})})}),e.jsx("h3",{className:n.title,children:J.displayTitle}),e.jsx("button",{onClick:Ne,className:n.navButton,"aria-label":"Next",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"9,6 15,12 9,18"})})})]}),e.jsxs("div",{className:n.controls,children:[e.jsx("button",{onClick:$e,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${r==="month"?n.active:""}`,onClick:()=>z("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${r==="week"?n.active:""}`,onClick:()=>z("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${r==="day"?n.active:""}`,onClick:()=>z("day"),children:"Day"})]})]})]}),r!=="day"&&e.jsxs("div",{className:n.weekDays,children:[Y&&e.jsx("div",{className:n.weekNumberHeader,children:"Week"}),Te.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),r==="day"?e.jsxs("div",{className:n.dayView,children:[e.jsxs("div",{className:n.dayViewHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),e.jsx("div",{className:n.dayColumnHeader,children:c.toLocaleDateString(S,{weekday:"short",day:"numeric"})})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:b,children:e.jsxs("div",{className:n.dayViewContent,children:[(()=>{const t=new Date,o=t.getHours(),i=t.getMinutes(),m=(o*60+i)/1440*(24*60);return c.toDateString()===t.toDateString()?e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${m}px`}}):null})(),e.jsx("div",{className:n.timeColumn,children:Array.from({length:24},(t,o)=>e.jsx("div",{className:n.timeSlot,children:e.jsxs("span",{className:n.timeLabel,children:[o.toString().padStart(2,"0"),":00"]})},o))}),e.jsx("div",{className:n.dayColumn,children:Array.from({length:24},(t,o)=>{const i=Q(c).filter(a=>a.time?parseInt(a.time.split(":")[0])===o:!1);return e.jsxs("div",{className:n.hourSlot,onClick:a=>{(a.target===a.currentTarget||a.target.classList.contains(n.hourLine))&&Le(o)},style:{cursor:"pointer"},children:[e.jsx("div",{className:n.hourLine}),i.map((a,m)=>e.jsxs(q.div,{className:`${n.dayEvent} ${a.status==="completed"?n.completed:""}`,style:{backgroundColor:P(a),color:Z(a),opacity:a.status==="completed"?.7:1},onClick:h=>{h.stopPropagation(),ee(a)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:m*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[j&&j(a),e.jsxs("span",{className:n.dayEventTitle,children:[e.jsx("span",{className:n.dayEventTime,children:a.time}),a.title]}),a.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},a.id))]},o)})})]})})]}):e.jsx("div",{className:`${n.daysGrid} ${r==="week"?n.weekView:""}`,children:J.days.map((t,o)=>{const i=Q(t),a=He(t),m=r==="week"||Re(t),h=Y&&o%7===0;return e.jsxs(q.div,{className:`${n.dayCell} ${a?n.today:""} ${m?"":n.otherMonth}`,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,delay:o*.02,ease:"easeOut"},onClick:()=>Ve(t),children:[h&&e.jsx("div",{className:n.weekNumber,children:Ie(t)}),e.jsx("div",{className:n.dayNumber,children:t.getDate()}),i.length>0&&e.jsxs("div",{className:n.events,children:[i.slice(0,F).map((p,D)=>e.jsxs(q.div,{className:`${n.event} ${p.status==="completed"?n.completed:""}`,style:{backgroundColor:P(p),color:Z(p),opacity:p.status==="completed"?.7:1},onClick:k=>{k.stopPropagation(),ee(p)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:D*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[j&&j(p),e.jsxs("span",{className:n.eventTitle,children:[p.time&&e.jsx("span",{className:n.eventTime,children:p.time}),p.title]}),p.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},p.id)),i.length>F&&e.jsxs("div",{className:n.moreEvents,children:["+",i.length-F," more"]})]}),i.length===0&&O&&e.jsx("div",{className:n.emptyState,children:O})]},`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`)})})]})}x.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
+
+@component
+@description
+A highly customizable calendar component that can display events in month or week view.
+Supports custom event types, colors, icons, and localization. Perfect for scheduling,
+project management, habit tracking, or any date-based data visualization.
+
+@example
+// Basic usage
+<Calendar
+  events={myEvents}
+  onEventClick={handleEventClick}
+  viewMode="month"
+/>
+
+@example
+// With custom configuration
+<Calendar
+  events={projectEvents}
+  config={{
+    eventColors: { task: '#4A90E2', meeting: '#7ED321' },
+    maxEventsPerDay: 5,
+    mondayStart: true
+  }}
+  onEventClick={handleEventClick}
+/>`,methods:[],displayName:"Calendar",props:{events:{required:!0,tsType:{name:"Array",elements:[{name:"CalendarEvent"}],raw:"CalendarEvent[]"},description:"Array of events to display"},onEventClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Callback when an event is clicked"},onDateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:"Callback when a date is clicked"},onEventClickByView:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+    month?: (event: CalendarEvent) => void;
+    week?: (event: CalendarEvent) => void;
+    day?: (event: CalendarEvent) => void;
+}`,signature:{properties:[{key:"month",value:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}},required:!1}},{key:"week",value:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}},required:!1}},{key:"day",value:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}},required:!1}}]}},description:"View-specific event click handlers"},onDateClickByView:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+    month?: (date: Date) => void;
+    week?: (date: Date) => void;
+    day?: (date: Date) => void;
+}`,signature:{properties:[{key:"month",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}},{key:"week",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}},{key:"day",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}}]}},description:"View-specific date click handlers"},onTimeSlotClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, hour: number, time: string) => void",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"number"},name:"hour"},{type:{name:"string"},name:"time"}],return:{name:"void"}}},description:"Callback when a time slot is clicked in day view"},viewMode:{required:!1,tsType:{name:"union",raw:"'month' | 'week' | 'day'",elements:[{name:"literal",value:"'month'"},{name:"literal",value:"'week'"},{name:"literal",value:"'day'"}]},description:"Initial view mode",defaultValue:{value:"'month'",computed:!1}},initialDate:{required:!1,tsType:{name:"Date"},description:"Initial date to display",defaultValue:{value:"new Date()",computed:!1}},config:{required:!1,tsType:{name:"CalendarConfig"},description:"Configuration options",defaultValue:{value:"{}",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom CSS class",defaultValue:{value:"''",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Custom styles",defaultValue:{value:"{}",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Loading state",defaultValue:{value:"false",computed:!1}},emptyState:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"Custom empty state component"},hideHeader:{required:!1,tsType:{name:"boolean"},description:"Hide the calendar header (navigation, title, view controls)",defaultValue:{value:"false",computed:!1}}}};const Ht={title:"Organisms/Calendar",component:x,parameters:{layout:"padded",docs:{description:{component:"A flexible, customizable calendar component for displaying events in month or week view. Perfect for scheduling, project management, habit tracking, or any date-based data visualization."}}},tags:["autodocs"],argTypes:{events:{control:"object",description:"Array of events to display on the calendar"},viewMode:{control:"radio",options:["month","week"],description:"Initial view mode for the calendar"},onEventClick:{action:"event-clicked"},onDateClick:{action:"date-clicked"}}},Se=()=>{const s=new Date,l=[];for(let d=0;d<12;d++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(Math.random()*30)-15),l.push({id:`event-${d}`,title:`Event ${d+1}`,date:u,time:Math.random()>.5?`${9+Math.floor(Math.random()*8)}:${Math.random()>.5?"00":"30"}`:void 0,type:["meeting","task","deadline","milestone"][Math.floor(Math.random()*4)],status:Math.random()>.7?"completed":"pending",priority:["high","medium","low"][Math.floor(Math.random()*3)]})}return l},M={args:{events:Se(),viewMode:"month"}},N={args:{events:Se(),viewMode:"week"}},$={args:{events:[{id:"1",title:"Morning Standup",date:new Date,time:"09:00",type:"meeting",status:"pending",priority:"high"},{id:"2",title:"Code Review",date:new Date,time:"10:30",type:"task",status:"pending",priority:"medium"},{id:"3",title:"Lunch Break",date:new Date,time:"12:00",type:"break",status:"pending",priority:"low"},{id:"4",title:"Team Sync",date:new Date,time:"14:00",type:"meeting",status:"completed",priority:"medium"},{id:"5",title:"Development Work",date:new Date,time:"15:30",type:"task",status:"pending",priority:"high"},{id:"6",title:"Documentation",date:new Date,time:"17:00",type:"task",status:"pending",priority:"low"}],viewMode:"day"}},B={args:{events:[]},render:()=>{const[s,l]=_.useState([{id:"1",title:"Sprint Planning",date:new Date,time:"09:00",type:"meeting",status:"pending",priority:"high"},{id:"2",title:"Code Review",date:new Date(Date.now()+864e5),time:"14:30",type:"review",status:"completed",priority:"medium"},{id:"3",title:"Design Sprint",date:new Date(Date.now()+1728e5),type:"workshop",status:"pending",priority:"medium"}]),[d,u]=_.useState([]),y=v=>{const g=new Date().toLocaleTimeString();l(C=>C.map(w=>w.id===v.id?{...w,status:w.status==="completed"?"pending":"completed"}:w)),u(C=>[`[${g}] 🔄 Toggled "${v.title}" status`,...C.slice(0,4)])},f=v=>{const g=new Date().toLocaleTimeString(),C={id:`new-${Date.now()}`,title:"New Event",date:v,time:"15:00",type:"meeting",status:"pending",priority:"medium"};l(w=>[...w,C]),u(w=>[`[${g}] ➕ Added event on ${v.toLocaleDateString()}`,...w.slice(0,4)])};return e.jsxs("div",{children:[e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-primary-light)",borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-xs) 0",color:"var(--color-primary)"},children:"🎯 Interactive Demo"}),e.jsx("p",{style:{margin:0,fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"• Click events to toggle status • Click dates to add new events"})]}),e.jsx(x,{events:s,onEventClick:y,onDateClick:f,config:{eventColors:{meeting:"#4A90E2",review:"#BD10E0",workshop:"#4ECDC4"},iconRenderer:v=>{const g={meeting:"👥",review:"👀",workshop:"🎨"};return e.jsx("span",{style:{fontSize:"11px"},children:g[v.type]||"📅"})}},viewMode:"month"}),d.length>0&&e.jsxs("div",{style:{marginTop:"var(--spacing-lg)",padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)"},children:[e.jsx("h5",{style:{margin:"0 0 var(--spacing-sm) 0",color:"var(--color-text)"},children:"Recent Actions:"}),d.map((v,g)=>e.jsx("div",{style:{padding:"var(--spacing-xs)",margin:"2px 0",background:"var(--color-background)",borderRadius:"var(--radius-xs)",fontSize:"var(--font-size-xs)",fontFamily:"monospace"},children:v},g))]})]})}},V={args:{events:[]},render:()=>{const s=[],l=new Date,d=["Exercise","Meditation","Reading","Water","Sleep"],u=["💪","🧘","📚","💧","😴"];for(let y=-7;y<=7;y++){const f=new Date(l);f.setDate(l.getDate()+y),d.forEach((v,g)=>{Math.random()>.3&&s.push({id:`habit-${y}-${g}`,title:v,date:new Date(f),type:"habit",status:Math.random()>.1?"completed":"pending",color:`hsl(${g*70}, 70%, 50%)`,metadata:{icon:u[g]}})})}return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🎯 Habit Tracking Use Case"}),e.jsx(x,{events:s,config:{iconRenderer:y=>{var f;return e.jsx("span",{style:{fontSize:"10px"},children:((f=y.metadata)==null?void 0:f.icon)||"✓"})},maxEventsPerDay:8,mondayStart:!0},viewMode:"month"})]})}},L={args:{events:[]},render:()=>{const s=new Date,l=[{id:"schedule-1",title:"Team Standup and a very long text for a task that never ends",date:new Date(s.getTime()-(s.getDay()-1)*24*60*60*1e3),time:"09:00",type:"meeting",status:"pending",priority:"medium"},{id:"schedule-2",title:"Code Review",date:new Date(s.getTime()-(s.getDay()-1)*24*60*60*1e3),time:"11:30",type:"review",status:"completed",priority:"high"},{id:"schedule-3",title:"Client Call",date:new Date(s.getTime()-(s.getDay()-2)*24*60*60*1e3),time:"10:00",type:"call",status:"pending",priority:"high"},{id:"schedule-4",title:"Sprint Planning",date:new Date(s.getTime()-(s.getDay()-2)*24*60*60*1e3),time:"14:00",type:"meeting",status:"pending",priority:"high"},{id:"schedule-5",title:"Demo Day",date:new Date(s.getTime()-(s.getDay()-5)*24*60*60*1e3),time:"13:00",type:"presentation",status:"pending",priority:"high"}];return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"📅 Event Scheduling (Week View)"}),e.jsx(x,{events:l,config:{eventColors:{meeting:"#4A90E2",call:"#7ED321",review:"#BD10E0",presentation:"#FF6B6B"},iconRenderer:d=>{const u={meeting:"👥",call:"📞",review:"👀",presentation:"🎯"};return e.jsx("span",{style:{fontSize:"12px"},children:u[d.type]||"📅"})},maxEventsPerDay:6,mondayStart:!0},viewMode:"week"})]})}},H={args:{events:[]},render:()=>{const s=[{id:"custom-1",title:"VIP Client Meeting",date:new Date,time:"10:00",type:"vip",status:"pending",priority:"high"},{id:"custom-2",title:"Design Sprint",date:new Date(Date.now()+864e5),type:"workshop",status:"pending",priority:"medium"},{id:"custom-3",title:"Project Milestone ✓",date:new Date(Date.now()-864e5),type:"milestone",status:"completed",priority:"high"}];return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🎨 Custom Colors, Icons & Configuration"}),e.jsx(x,{events:s,config:{eventColors:{vip:"#FF6B6B",workshop:"#4ECDC4",milestone:"#F39C12"},iconRenderer:l=>l.type==="vip"?e.jsx("span",{style:{fontSize:"12px"},children:"⭐"}):l.type==="workshop"?e.jsx("span",{style:{fontSize:"12px"},children:"🎨"}):l.type==="milestone"?e.jsx("span",{style:{fontSize:"12px"},children:"🎯"}):e.jsx("span",{style:{fontSize:"12px"},children:"📅"}),maxEventsPerDay:6,mondayStart:!0,showWeekNumbers:!0,locale:"en-US"},viewMode:"month"})]})}},R={args:{events:[]},render:()=>{const s=[],l=new Date;for(let d=0;d<6;d++)s.push({id:`many-${d}`,title:`Meeting ${d+1}`,date:l,time:`${9+d}:00`,type:"meeting",status:"pending",priority:"medium"});return e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-xl)"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:'📊 Many Events (shows "more" indicator)'}),e.jsx(x,{events:s,config:{maxEventsPerDay:3},viewMode:"month"})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"💨 Loading State"}),e.jsx(x,{events:[],loading:!0})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"📭 Empty State"}),e.jsx(x,{events:[],emptyState:e.jsx("span",{style:{color:"var(--color-text-tertiary)",fontSize:"11px"},children:"No events"})})]})]})}};var te,ne,ae;M.parameters={...M.parameters,docs:{...(te=M.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  args: {
+    events: generateSampleEvents(),
+    viewMode: 'month'
+  }
+}`,...(ae=(ne=M.parameters)==null?void 0:ne.docs)==null?void 0:ae.source}}};var ie,oe,se;N.parameters={...N.parameters,docs:{...(ie=N.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    events: generateSampleEvents(),
+    viewMode: 'week'
+  }
+}`,...(se=(oe=N.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var re,de,le;$.parameters={...$.parameters,docs:{...(re=$.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  args: {
+    events: [{
+      id: '1',
+      title: 'Morning Standup',
+      date: new Date(),
+      time: '09:00',
+      type: 'meeting',
+      status: 'pending',
+      priority: 'high'
+    }, {
+      id: '2',
+      title: 'Code Review',
+      date: new Date(),
+      time: '10:30',
+      type: 'task',
+      status: 'pending',
+      priority: 'medium'
+    }, {
+      id: '3',
+      title: 'Lunch Break',
+      date: new Date(),
+      time: '12:00',
+      type: 'break',
+      status: 'pending',
+      priority: 'low'
+    }, {
+      id: '4',
+      title: 'Team Sync',
+      date: new Date(),
+      time: '14:00',
+      type: 'meeting',
+      status: 'completed',
+      priority: 'medium'
+    }, {
+      id: '5',
+      title: 'Development Work',
+      date: new Date(),
+      time: '15:30',
+      type: 'task',
+      status: 'pending',
+      priority: 'high'
+    }, {
+      id: '6',
+      title: 'Documentation',
+      date: new Date(),
+      time: '17:00',
+      type: 'task',
+      status: 'pending',
+      priority: 'low'
+    }],
+    viewMode: 'day'
+  }
+}`,...(le=(de=$.parameters)==null?void 0:de.docs)==null?void 0:le.source}}};var ce,me,pe;B.parameters={...B.parameters,docs:{...(ce=B.parameters)==null?void 0:ce.docs,source:{originalSource:`{
+  args: {
+    events: []
+  },
+  render: () => {
+    const [events, setEvents] = useState<CalendarEvent[]>([{
+      id: '1',
+      title: 'Sprint Planning',
+      date: new Date(),
+      time: '09:00',
+      type: 'meeting',
+      status: 'pending',
+      priority: 'high'
+    }, {
+      id: '2',
+      title: 'Code Review',
+      date: new Date(Date.now() + 24 * 60 * 60 * 1000),
+      time: '14:30',
+      type: 'review',
+      status: 'completed',
+      priority: 'medium'
+    }, {
+      id: '3',
+      title: 'Design Sprint',
+      date: new Date(Date.now() + 2 * 24 * 60 * 60 * 1000),
+      type: 'workshop',
+      status: 'pending',
+      priority: 'medium'
+    }]);
+    const [actionLog, setActionLog] = useState<string[]>([]);
+    const handleEventClick = (event: CalendarEvent) => {
+      const timestamp = new Date().toLocaleTimeString();
+
+      // Toggle status and log action
+      setEvents(prev => prev.map(e => e.id === event.id ? {
+        ...e,
+        status: e.status === 'completed' ? 'pending' : 'completed'
+      } : e));
+      setActionLog(prev => [\`[\${timestamp}] 🔄 Toggled "\${event.title}" status\`, ...prev.slice(0, 4) // Keep only last 5 logs
+      ]);
+    };
+    const handleDateClick = (date: Date) => {
+      const timestamp = new Date().toLocaleTimeString();
+      const newEvent: CalendarEvent = {
+        id: \`new-\${Date.now()}\`,
+        title: 'New Event',
+        date: date,
+        time: '15:00',
+        type: 'meeting',
+        status: 'pending',
+        priority: 'medium'
+      };
+      setEvents(prev => [...prev, newEvent]);
+      setActionLog(prev => [\`[\${timestamp}] ➕ Added event on \${date.toLocaleDateString()}\`, ...prev.slice(0, 4)]);
+    };
+    return <div>
+                <div style={{
+        padding: 'var(--spacing-md)',
+        background: 'var(--color-primary-light)',
+        borderRadius: 'var(--radius-md)',
+        marginBottom: 'var(--spacing-lg)'
+      }}>
+                    <h4 style={{
+          margin: '0 0 var(--spacing-xs) 0',
+          color: 'var(--color-primary)'
+        }}>
+                        🎯 Interactive Demo
+                    </h4>
+                    <p style={{
+          margin: 0,
+          fontSize: 'var(--font-size-sm)',
+          color: 'var(--color-text-secondary)'
+        }}>
+                        • Click events to toggle status • Click dates to add new events
+                    </p>
+                </div>
+
+                <Calendar events={events} onEventClick={handleEventClick} onDateClick={handleDateClick} config={{
+        eventColors: {
+          meeting: '#4A90E2',
+          review: '#BD10E0',
+          workshop: '#4ECDC4'
+        },
+        iconRenderer: event => {
+          const icons = {
+            meeting: '👥',
+            review: '👀',
+            workshop: '🎨'
+          };
+          return <span style={{
+            fontSize: '11px'
+          }}>{icons[event.type as keyof typeof icons] || '📅'}</span>;
+        }
+      }} viewMode="month" />
+
+                {actionLog.length > 0 && <div style={{
+        marginTop: 'var(--spacing-lg)',
+        padding: 'var(--spacing-md)',
+        background: 'var(--color-background-secondary)',
+        borderRadius: 'var(--radius-md)'
+      }}>
+                        <h5 style={{
+          margin: '0 0 var(--spacing-sm) 0',
+          color: 'var(--color-text)'
+        }}>
+                            Recent Actions:
+                        </h5>
+                        {actionLog.map((log, index) => <div key={index} style={{
+          padding: 'var(--spacing-xs)',
+          margin: '2px 0',
+          background: 'var(--color-background)',
+          borderRadius: 'var(--radius-xs)',
+          fontSize: 'var(--font-size-xs)',
+          fontFamily: 'monospace'
+        }}>
+                                {log}
+                            </div>)}
+                    </div>}
+            </div>;
+  }
+}`,...(pe=(me=B.parameters)==null?void 0:me.docs)==null?void 0:pe.source}}};var ue,ve,ge;V.parameters={...V.parameters,docs:{...(ue=V.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  args: {
+    events: []
+  },
+  render: () => {
+    const habitEvents: CalendarEvent[] = [];
+    const today = new Date();
+    const habits = ['Exercise', 'Meditation', 'Reading', 'Water', 'Sleep'];
+    const habitIcons = ['💪', '🧘', '📚', '💧', '😴'];
+    for (let i = -7; i <= 7; i++) {
+      const date = new Date(today);
+      date.setDate(today.getDate() + i);
+      habits.forEach((habit, index) => {
+        if (Math.random() > 0.3) {
+          // 70% completion rate
+          habitEvents.push({
+            id: \`habit-\${i}-\${index}\`,
+            title: habit,
+            date: new Date(date),
+            type: 'habit',
+            status: Math.random() > 0.1 ? 'completed' : 'pending',
+            color: \`hsl(\${index * 70}, 70%, 50%)\`,
+            metadata: {
+              icon: habitIcons[index]
+            }
+          });
+        }
+      });
+    }
+    return <div>
+                <h3 style={{
+        marginBottom: 'var(--spacing-md)',
+        color: 'var(--color-text)'
+      }}>
+                    🎯 Habit Tracking Use Case
+                </h3>
+                <Calendar events={habitEvents} config={{
+        iconRenderer: event => <span style={{
+          fontSize: '10px'
+        }}>{event.metadata?.icon as string || '✓'}</span>,
+        maxEventsPerDay: 8,
+        mondayStart: true
+      }} viewMode="month" />
+            </div>;
+  }
+}`,...(ge=(ve=V.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var ye,he,we;L.parameters={...L.parameters,docs:{...(ye=L.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  args: {
+    events: []
+  },
+  render: () => {
+    const today = new Date();
+    const scheduleEvents: CalendarEvent[] = [
+    // Monday
+    {
+      id: 'schedule-1',
+      title: 'Team Standup and a very long text for a task that never ends',
+      date: new Date(today.getTime() - (today.getDay() - 1) * 24 * 60 * 60 * 1000),
+      time: '09:00',
+      type: 'meeting',
+      status: 'pending',
+      priority: 'medium'
+    }, {
+      id: 'schedule-2',
+      title: 'Code Review',
+      date: new Date(today.getTime() - (today.getDay() - 1) * 24 * 60 * 60 * 1000),
+      time: '11:30',
+      type: 'review',
+      status: 'completed',
+      priority: 'high'
+    },
+    // Tuesday
+    {
+      id: 'schedule-3',
+      title: 'Client Call',
+      date: new Date(today.getTime() - (today.getDay() - 2) * 24 * 60 * 60 * 1000),
+      time: '10:00',
+      type: 'call',
+      status: 'pending',
+      priority: 'high'
+    }, {
+      id: 'schedule-4',
+      title: 'Sprint Planning',
+      date: new Date(today.getTime() - (today.getDay() - 2) * 24 * 60 * 60 * 1000),
+      time: '14:00',
+      type: 'meeting',
+      status: 'pending',
+      priority: 'high'
+    },
+    // Friday
+    {
+      id: 'schedule-5',
+      title: 'Demo Day',
+      date: new Date(today.getTime() - (today.getDay() - 5) * 24 * 60 * 60 * 1000),
+      time: '13:00',
+      type: 'presentation',
+      status: 'pending',
+      priority: 'high'
+    }];
+    return <div>
+                <h3 style={{
+        marginBottom: 'var(--spacing-md)',
+        color: 'var(--color-text)'
+      }}>
+                    📅 Event Scheduling (Week View)
+                </h3>
+                <Calendar events={scheduleEvents} config={{
+        eventColors: {
+          meeting: '#4A90E2',
+          call: '#7ED321',
+          review: '#BD10E0',
+          presentation: '#FF6B6B'
+        },
+        iconRenderer: event => {
+          const icons = {
+            meeting: '👥',
+            call: '📞',
+            review: '👀',
+            presentation: '🎯'
+          };
+          return <span style={{
+            fontSize: '12px'
+          }}>{icons[event.type as keyof typeof icons] || '📅'}</span>;
+        },
+        maxEventsPerDay: 6,
+        mondayStart: true
+      }} viewMode="week" />
+            </div>;
+  }
+}`,...(we=(he=L.parameters)==null?void 0:he.docs)==null?void 0:we.source}}};var fe,De,xe;H.parameters={...H.parameters,docs:{...(fe=H.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  args: {
+    events: []
+  },
+  render: () => {
+    const customEvents: CalendarEvent[] = [{
+      id: 'custom-1',
+      title: 'VIP Client Meeting',
+      date: new Date(),
+      time: '10:00',
+      type: 'vip',
+      status: 'pending',
+      priority: 'high'
+    }, {
+      id: 'custom-2',
+      title: 'Design Sprint',
+      date: new Date(Date.now() + 24 * 60 * 60 * 1000),
+      type: 'workshop',
+      status: 'pending',
+      priority: 'medium'
+    }, {
+      id: 'custom-3',
+      title: 'Project Milestone ✓',
+      date: new Date(Date.now() - 24 * 60 * 60 * 1000),
+      type: 'milestone',
+      status: 'completed',
+      priority: 'high'
+    }];
+    return <div>
+                <h3 style={{
+        marginBottom: 'var(--spacing-md)',
+        color: 'var(--color-text)'
+      }}>
+                    🎨 Custom Colors, Icons & Configuration
+                </h3>
+                <Calendar events={customEvents} config={{
+        eventColors: {
+          vip: '#FF6B6B',
+          workshop: '#4ECDC4',
+          milestone: '#F39C12'
+        },
+        iconRenderer: event => {
+          if (event.type === 'vip') return <span style={{
+            fontSize: '12px'
+          }}>⭐</span>;
+          if (event.type === 'workshop') return <span style={{
+            fontSize: '12px'
+          }}>🎨</span>;
+          if (event.type === 'milestone') return <span style={{
+            fontSize: '12px'
+          }}>🎯</span>;
+          return <span style={{
+            fontSize: '12px'
+          }}>📅</span>;
+        },
+        maxEventsPerDay: 6,
+        mondayStart: true,
+        showWeekNumbers: true,
+        locale: 'en-US'
+      }} viewMode="month" />
+            </div>;
+  }
+}`,...(xe=(De=H.parameters)==null?void 0:De.docs)==null?void 0:xe.source}}};var Ce,ke,_e;R.parameters={...R.parameters,docs:{...(Ce=R.parameters)==null?void 0:Ce.docs,source:{originalSource:`{
+  args: {
+    events: []
+  },
+  render: () => {
+    const manyEvents: CalendarEvent[] = [];
+    const today = new Date();
+
+    // Generate multiple events for a single day
+    for (let i = 0; i < 6; i++) {
+      manyEvents.push({
+        id: \`many-\${i}\`,
+        title: \`Meeting \${i + 1}\`,
+        date: today,
+        time: \`\${9 + i}:00\`,
+        type: 'meeting',
+        status: 'pending',
+        priority: 'medium'
+      });
+    }
+    return <div style={{
+      display: 'grid',
+      gap: 'var(--spacing-xl)'
+    }}>
+                <div>
+                    <h4 style={{
+          margin: '0 0 var(--spacing-md) 0',
+          color: 'var(--color-text)'
+        }}>
+                        📊 Many Events (shows "more" indicator)
+                    </h4>
+                    <Calendar events={manyEvents} config={{
+          maxEventsPerDay: 3
+        }} viewMode="month" />
+                </div>
+
+                <div>
+                    <h4 style={{
+          margin: '0 0 var(--spacing-md) 0',
+          color: 'var(--color-text)'
+        }}>
+                        💨 Loading State
+                    </h4>
+                    <Calendar events={[]} loading={true} />
+                </div>
+
+                <div>
+                    <h4 style={{
+          margin: '0 0 var(--spacing-md) 0',
+          color: 'var(--color-text)'
+        }}>
+                        📭 Empty State
+                    </h4>
+                    <Calendar events={[]} emptyState={<span style={{
+          color: 'var(--color-text-tertiary)',
+          fontSize: '11px'
+        }}>
+                                No events
+                            </span>} />
+                </div>
+            </div>;
+  }
+}`,...(_e=(ke=R.parameters)==null?void 0:ke.docs)==null?void 0:_e.source}}};const Rt=["MonthView","WeekView","DayView","ClickInteractions","HabitTracker","EventScheduler","CustomConfiguration","ComponentStates"];export{B as ClickInteractions,R as ComponentStates,H as CustomConfiguration,$ as DayView,L as EventScheduler,V as HabitTracker,M as MonthView,N as WeekView,Rt as __namedExportsOrder,Ht as default};

package/storybook-static/assets/Camera-BM3HOhP6.js

@@ -0,0 +1 @@
+import{T as m,a as h,V as e}from"./Mesh-CwXV3WjE.js";const f=new h,M=new e,l=new e;class y extends m{constructor(t,{near:s=.1,far:i=100,fov:r=45,aspect:n=1,left:a,right:o,bottom:u,top:p,zoom:c=1}={}){super(),Object.assign(this,{near:s,far:i,fov:r,aspect:n,left:a,right:o,bottom:u,top:p,zoom:c}),this.projectionMatrix=new h,this.viewMatrix=new h,this.projectionViewMatrix=new h,this.worldPosition=new e,this.type=a||o?"orthographic":"perspective",this.type==="orthographic"?this.orthographic():this.perspective()}perspective({near:t=this.near,far:s=this.far,fov:i=this.fov,aspect:r=this.aspect}={}){return Object.assign(this,{near:t,far:s,fov:i,aspect:r}),this.projectionMatrix.fromPerspective({fov:i*(Math.PI/180),aspect:r,near:t,far:s}),this.type="perspective",this}orthographic({near:t=this.near,far:s=this.far,left:i=this.left||-1,right:r=this.right||1,bottom:n=this.bottom||-1,top:a=this.top||1,zoom:o=this.zoom}={}){return Object.assign(this,{near:t,far:s,left:i,right:r,bottom:n,top:a,zoom:o}),i/=o,r/=o,n/=o,a/=o,this.projectionMatrix.fromOrthogonal({left:i,right:r,bottom:n,top:a,near:t,far:s}),this.type="orthographic",this}updateMatrixWorld(){return super.updateMatrixWorld(),this.viewMatrix.inverse(this.worldMatrix),this.worldMatrix.getTranslation(this.worldPosition),this.projectionViewMatrix.multiply(this.projectionMatrix,this.viewMatrix),this}updateProjectionMatrix(){return this.type==="perspective"?this.perspective():this.orthographic()}lookAt(t){return super.lookAt(t,!0),this}project(t){return t.applyMatrix4(this.viewMatrix),t.applyMatrix4(this.projectionMatrix),this}unproject(t){return t.applyMatrix4(f.inverse(this.projectionMatrix)),t.applyMatrix4(this.worldMatrix),this}updateFrustum(){this.frustum||(this.frustum=[new e,new e,new e,new e,new e,new e]);const t=this.projectionViewMatrix;this.frustum[0].set(t[3]-t[0],t[7]-t[4],t[11]-t[8]).constant=t[15]-t[12],this.frustum[1].set(t[3]+t[0],t[7]+t[4],t[11]+t[8]).constant=t[15]+t[12],this.frustum[2].set(t[3]+t[1],t[7]+t[5],t[11]+t[9]).constant=t[15]+t[13],this.frustum[3].set(t[3]-t[1],t[7]-t[5],t[11]-t[9]).constant=t[15]-t[13],this.frustum[4].set(t[3]-t[2],t[7]-t[6],t[11]-t[10]).constant=t[15]-t[14],this.frustum[5].set(t[3]+t[2],t[7]+t[6],t[11]+t[10]).constant=t[15]+t[14];for(let s=0;s<6;s++){const i=1/this.frustum[s].distance();this.frustum[s].multiply(i),this.frustum[s].constant*=i}}frustumIntersectsMesh(t,s=t.worldMatrix){if(!t.geometry.attributes.position||((!t.geometry.bounds||t.geometry.bounds.radius===1/0)&&t.geometry.computeBoundingSphere(),!t.geometry.bounds))return!0;const i=M;i.copy(t.geometry.bounds.center),i.applyMatrix4(s);const r=t.geometry.bounds.radius*s.getMaxScaleOnAxis();return this.frustumIntersectsSphere(i,r)}frustumIntersectsSphere(t,s){const i=l;for(let r=0;r<6;r++){const n=this.frustum[r];if(i.copy(n).dot(t)+n.constant<-s)return!1}return!0}}export{y as C};