@stfrigerio/sito-template 0.1.51 → 0.1.53

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

@@ -1,470 +0,0 @@
-import{r as _,j as e}from"./iframe-CvT6MryR.js";import{m as q}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const ze="_calendar_1ahyc_2",Fe="_loading_1ahyc_14",Pe="_loadingSpinner_1ahyc_21",Ae="_header_1ahyc_27",We="_navigation_1ahyc_35",qe="_navButton_1ahyc_41",Ge="_title_1ahyc_60",Oe="_controls_1ahyc_70",Ue="_todayButton_1ahyc_76",Ye="_viewToggle_1ahyc_92",Ke="_viewButton_1ahyc_99",Je="_active_1ahyc_113",Qe="_weekDays_1ahyc_123",Xe="_weekNumberHeader_1ahyc_134",Ze="_weekDay_1ahyc_123",et="_daysGrid_1ahyc_151",tt="_weekView_1ahyc_162",nt="_dayCell_1ahyc_166",at="_dayNumber_1ahyc_195",it="_today_1ahyc_76",ot="_events_1ahyc_214",st="_event_1ahyc_214",rt="_eventTitle_1ahyc_241",dt="_eventTime_1ahyc_250",ct="_otherMonth_1ahyc_295",lt="_weekNumber_1ahyc_134",mt="_completed_1ahyc_344",pt="_completedIcon_1ahyc_365",ut="_moreEvents_1ahyc_372",yt="_emptyState_1ahyc_382",vt="_dayView_1ahyc_392",gt="_dayViewHeader_1ahyc_401",ht="_timeColumnHeader_1ahyc_411",wt="_dayColumnHeader_1ahyc_418",Dt="_dayViewScrollContainer_1ahyc_427",ft="_dayViewContent_1ahyc_435",xt="_timeColumn_1ahyc_411",Ct="_dayColumn_1ahyc_418",kt="_timeSlot_1ahyc_453",_t="_timeLabel_1ahyc_462",St="_hourSlot_1ahyc_468",Et="_hourLine_1ahyc_481",bt="_dayEvent_1ahyc_491",jt="_dayEventTitle_1ahyc_512",Tt="_dayEventTime_1ahyc_520",Mt="_currentTimeIndicator_1ahyc_532",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:ct,weekNumber:lt,completed:mt,completedIcon:pt,moreEvents:ut,emptyState:yt,dayView:vt,dayViewHeader:gt,timeColumnHeader:ht,dayColumnHeader:wt,dayViewScrollContainer:Dt,dayViewContent:ft,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:c,onDateClick:d,onEventClickByView:u,onDateClickByView:g,onTimeSlotClick:D,viewMode:y="month",initialDate:v=new Date,config:C={},className:w="",style:G={},loading:Ee=!1,emptyState:O,hideHeader:be=!1}){const[l,I]=_.useState(v),[r,z]=_.useState(y),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(l.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,l]);const J=_.useMemo(()=>{const t=l.getFullYear(),o=l.getMonth();let i,a,m;if(r==="week"){i=new Date(l);const f=i.getDay(),k=E?i.getDate()-f+(f===0?-6:1):i.getDate()-f;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(l),i.setHours(0,0,0,0),a=new Date(l),a.setHours(23,59,59,999),m=l.toLocaleDateString(S,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const f=new Date(t,o,1),k=new Date(t,o+1,0);i=new Date(f);const A=E?(f.getDay()+6)%7:f.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=l.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}},[l,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(l);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(l);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):c&&c(t)},Ve=t=>{g&&g[r]?g[r](t):d&&d(t)},Le=t=>{if(D){const o=new Date(l);o.setHours(t,0,0,0);const i=`${t.toString().padStart(2,"0")}:00`;D(o,t,i)}},He=t=>{const o=new Date;return t.toDateString()===o.toDateString()},Re=t=>t.getMonth()===l.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:l.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 l.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(l).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,f)=>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:f*.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,c=[];for(let d=0;d<12;d++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(Math.random()*30)-15),c.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 c},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,c]=_.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([]),g=y=>{const v=new Date().toLocaleTimeString();c(C=>C.map(w=>w.id===y.id?{...w,status:w.status==="completed"?"pending":"completed"}:w)),u(C=>[`[${v}] 🔄 Toggled "${y.title}" status`,...C.slice(0,4)])},D=y=>{const v=new Date().toLocaleTimeString(),C={id:`new-${Date.now()}`,title:"New Event",date:y,time:"15:00",type:"meeting",status:"pending",priority:"medium"};c(w=>[...w,C]),u(w=>[`[${v}] ➕ Added event on ${y.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:g,onDateClick:D,config:{eventColors:{meeting:"#4A90E2",review:"#BD10E0",workshop:"#4ECDC4"},iconRenderer:y=>{const v={meeting:"👥",review:"👀",workshop:"🎨"};return e.jsx("span",{style:{fontSize:"11px"},children:v[y.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((y,v)=>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:y},v))]})]})}},V={args:{events:[]},render:()=>{const s=[],c=new Date,d=["Exercise","Meditation","Reading","Water","Sleep"],u=["💪","🧘","📚","💧","😴"];for(let g=-7;g<=7;g++){const D=new Date(c);D.setDate(c.getDate()+g),d.forEach((y,v)=>{Math.random()>.3&&s.push({id:`habit-${g}-${v}`,title:y,date:new Date(D),type:"habit",status:Math.random()>.1?"completed":"pending",color:`hsl(${v*70}, 70%, 50%)`,metadata:{icon:u[v]}})})}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:g=>{var D;return e.jsx("span",{style:{fontSize:"10px"},children:((D=g.metadata)==null?void 0:D.icon)||"✓"})},maxEventsPerDay:8,mondayStart:!0},viewMode:"month"})]})}},L={args:{events:[]},render:()=>{const s=new Date,c=[{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:c,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:c=>c.type==="vip"?e.jsx("span",{style:{fontSize:"12px"},children:"⭐"}):c.type==="workshop"?e.jsx("span",{style:{fontSize:"12px"},children:"🎨"}):c.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=[],c=new Date;for(let d=0;d<6;d++)s.push({id:`many-${d}`,title:`Meeting ${d+1}`,date:c,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,ce;$.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'
-  }
-}`,...(ce=(de=$.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var le,me,pe;B.parameters={...B.parameters,docs:{...(le=B.parameters)==null?void 0:le.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,ye,ve;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>;
-  }
-}`,...(ve=(ye=V.parameters)==null?void 0:ye.docs)==null?void 0:ve.source}}};var ge,he,we;L.parameters={...L.parameters,docs:{...(ge=L.parameters)==null?void 0:ge.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 De,fe,xe;H.parameters={...H.parameters,docs:{...(De=H.parameters)==null?void 0:De.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=(fe=H.parameters)==null?void 0:fe.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/ThemeSwitcher.stories-DHgVmIcC.js

@@ -1,62 +0,0 @@
-import{r as p,j as e}from"./iframe-CvT6MryR.js";import{m as l}from"./proxy-0exJiild.js";import{M as L,S}from"./sun-BwQ2hAsY.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";import"./createLucideIcon-Eaeny9Zi.js";const U=p.createContext(void 0),Y=()=>p.useContext(U)??null,X=({children:r,defaultTheme:m="light",storageKey:s="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(s);return a&&["light","dark","lossito","lossito-dark","dmood","dmood-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(s,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dmood","dmood-dark","crt"],w=(a.indexOf(i)+1)%a.length;v(a[w])};return p.useEffect(()=>{const a=document.documentElement;a.setAttribute("data-theme",i),i.includes("dark")?a.classList.add("dark"):a.classList.remove("dark")},[i]),p.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),d=w=>{localStorage.getItem(s)||g(w.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[s]),e.jsx(U.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:r})};X.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},defaultTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dmood' | 'dmood-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dmood'"},{name:"literal",value:"'dmood-dark'"},{name:"literal",value:"'crt'"}]},description:"",defaultValue:{value:"'light'",computed:!1}},storageKey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'app-theme'",computed:!1}}}};const Z="_button_2917u_1",K="_iconWrapper_2917u_20",ee="_label_2917u_28",ae="_toggle_2917u_33",te="_toggleTrack_2917u_43",oe="_toggleThumb_2917u_53",re="_dropdown_2917u_65",se="_dropdownTrigger_2917u_69",ne="_dropdownMenu_2917u_87",le="_dropdownItem_2917u_106",ie="_active_2917u_124",de="_icon_2917u_20",ce="_text_2917u_144",o={button:Z,iconWrapper:K,label:ee,toggle:ae,toggleTrack:te,toggleThumb:oe,dropdown:re,dropdownTrigger:se,dropdownMenu:ne,dropdownItem:le,active:ie,icon:de,text:ce},h=({variant:r="button",showLabel:m=!1,className:s="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=Y(),a=i??(n==null?void 0:n.theme)??"light",d=g??(n==null?void 0:n.setTheme)??(()=>{}),c=v??[{value:"light",label:"Light",icon:e.jsx(S,{})},{value:"dark",label:"Dark",icon:e.jsx(L,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dmood",label:"Dmood Light",icon:"💙"},{value:"dmood-dark",label:"Dmood Dark",icon:"🌌"}],j=c.findIndex(t=>t.value===a),u=c[j]??c[0];if(r==="toggle"){const t=a.includes("dark");return e.jsxs(l.button,{className:`${o.toggle} ${s}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(l.div,{className:o.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(l.div,{className:o.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(L,{size:14}):e.jsx(S,{size:14})})}),m&&e.jsx("span",{className:o.label,children:t?"Dark":"Light"})]})}return r==="dropdown"?e.jsxs("div",{className:`${o.dropdown} ${s}`,children:[e.jsxs(l.button,{className:o.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:o.label,children:u.label})]}),e.jsx(l.div,{className:o.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(l.button,{className:`${o.dropdownItem} ${a===t.value?o.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:o.icon,children:t.icon}),e.jsx("span",{className:o.text,children:t.label})]},t.value))})]}):e.jsxs(l.button,{className:`${o.button} ${s}`,onClick:()=>{const t=(j+1)%c.length;d(c[t].value)},whileTap:{scale:.95},whileHover:{scale:1.05},"aria-label":`Current theme: ${u.label}. Click to change.`,children:[e.jsx(l.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:o.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:o.label,children:u.label})]})};h.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher",props:{variant:{required:!1,tsType:{name:"union",raw:"'button' | 'dropdown' | 'toggle'",elements:[{name:"literal",value:"'button'"},{name:"literal",value:"'dropdown'"},{name:"literal",value:"'toggle'"}]},description:"",defaultValue:{value:"'button'",computed:!1}},showLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},currentTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dmood' | 'dmood-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dmood'"},{name:"literal",value:"'dmood-dark'"},{name:"literal",value:"'crt'"}]},description:""},onThemeChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(theme: Theme) => void",signature:{arguments:[{type:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dmood' | 'dmood-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dmood'"},{name:"literal",value:"'dmood-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const me=({children:r})=>e.jsx(X,{defaultTheme:"light",children:r}),be={title:"Molecules/ThemeSwitcher",component:h,decorators:[r=>e.jsx(me,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(r,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},b={args:{variant:"button",showLabel:!1}},x={args:{variant:"button",showLabel:!0}},f={args:{variant:"toggle",showLabel:!1}},T={args:{variant:"toggle",showLabel:!0}},k={args:{variant:"dropdown",showLabel:!1}},_={args:{variant:"dropdown",showLabel:!0}},y={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Button Variant"}),e.jsx(h,{variant:"button",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Toggle Variant"}),e.jsx(h,{variant:"toggle",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Dropdown Variant"}),e.jsx(h,{variant:"dropdown",showLabel:!0})]})]})};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    variant: 'button',
-    showLabel: false
-  }
-}`,...(D=(N=b.parameters)==null?void 0:N.docs)==null?void 0:D.source}}};var V,B,C;x.parameters={...x.parameters,docs:{...(V=x.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    variant: 'button',
-    showLabel: true
-  }
-}`,...(C=(B=x.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var M,W,q;f.parameters={...f.parameters,docs:{...(M=f.parameters)==null?void 0:M.docs,source:{originalSource:`{
-  args: {
-    variant: 'toggle',
-    showLabel: false
-  }
-}`,...(q=(W=f.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var $,E,O;T.parameters={...T.parameters,docs:{...($=T.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  args: {
-    variant: 'toggle',
-    showLabel: true
-  }
-}`,...(O=(E=T.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var R,P,z;k.parameters={...k.parameters,docs:{...(R=k.parameters)==null?void 0:R.docs,source:{originalSource:`{
-  args: {
-    variant: 'dropdown',
-    showLabel: false
-  }
-}`,...(z=(P=k.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var A,H,Q;_.parameters={..._.parameters,docs:{...(A=_.parameters)==null?void 0:A.docs,source:{originalSource:`{
-  args: {
-    variant: 'dropdown',
-    showLabel: true
-  }
-}`,...(Q=(H=_.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var F,G,J;y.parameters={...y.parameters,docs:{...(F=y.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '2rem',
-    alignItems: 'center'
-  }}>
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Button Variant</h3>
-                <ThemeSwitcher variant="button" showLabel />
-            </div>
-            
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Toggle Variant</h3>
-                <ThemeSwitcher variant="toggle" showLabel />
-            </div>
-            
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Dropdown Variant</h3>
-                <ThemeSwitcher variant="dropdown" showLabel />
-            </div>
-        </div>
-}`,...(J=(G=y.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const xe=["Button","ButtonWithLabel","Toggle","ToggleWithLabel","Dropdown","DropdownWithLabel","MultipleVariants"];export{b as Button,x as ButtonWithLabel,k as Dropdown,_ as DropdownWithLabel,y as MultipleVariants,f as Toggle,T as ToggleWithLabel,xe as __namedExportsOrder,be as default};

package/storybook-static/assets/client-er7qZ0kF.js

@@ -1 +0,0 @@
-import{r}from"./index-Cb6YhhUk.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};

package/storybook-static/assets/iframe-Df7_64QT.css

@@ -1 +0,0 @@
-*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1{font-size:36px;font-weight:700;color:var(--color-text);margin-bottom:16px}h2{font-size:32px;font-weight:600;color:var(--color-text);margin-bottom:12px}h3{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:12px}h4{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}h5{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}h6{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}p{color:var(--color-text);line-height:1.6;margin-bottom:16px}@media (max-width: 768px){.header{padding:16px;margin-bottom:24px}h1{font-size:28px}h2{font-size:24px}h3{font-size:18px}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dmood]{--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #d1fae5;--color-error: #ef4444;--color-error-light: #fb7185;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fef3c7;--color-info: #0ea5e9;--color-info-light: #38bdf8;--color-info-bg: #e0f2fe;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dmood-dark]{--color-success: #34d399;--color-success-light: #6ee7b7;--color-success-bg: #064e3b;--color-error: #fb7185;--color-error-light: #fda4af;--color-error-bg: #881337;--color-warning: #fbbf24;--color-warning-light: #fcd34d;--color-warning-bg: #451a03;--color-info: #38bdf8;--color-info-light: #7dd3fc;--color-info-bg: #082f49;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .35), 0 4px 6px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .35), 0 10px 10px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .45);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .25)}:root,:root[data-theme=default],[data-theme=default]{--color-primary: #7c3aed;--color-secondary: #14b8a6;--color-accent: #ec4899;--color-background: #ffffff;--color-background-secondary: #fafafa;--color-background-tertiary: #f5f5f5;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-text: #18181b;--color-text-secondary: #71717a;--color-text-tertiary: #a1a1aa;--color-text-muted: #d4d4d8;--color-text-inverse: #ffffff;--color-border: #e4e4e7;--color-border-hover: #d4d4d8}:root[data-theme=dark],[data-theme=dark]{--color-primary: #a78bfa;--color-secondary: #2dd4bf;--color-accent: #f472b6;--color-background: #0a0a0a;--color-background-secondary: #18181b;--color-background-tertiary: #27272a;--color-surface: #18181b;--color-surface-hover: #27272a;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-text-inverse: #0a0a0a;--color-border: #27272a;--color-border-hover: #3f3f46}:root[data-theme=lossito],[data-theme=lossito]{--color-primary: #3b82f6;--color-secondary: #1f2937;--color-accent: #3b82f6;--color-background: #f8fafc;--color-background-secondary: #ffffff;--color-background-tertiary: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-hover: #cbd5e1}:root[data-theme=lossito-dark],[data-theme=lossito-dark]{--color-primary: #f5b829;--color-secondary: #e5e7eb;--color-accent: #fce390;--color-background: #010907;--color-background-secondary: #0e1a19;--color-background-tertiary: #040d1b;--color-surface: #0e1a19;--color-surface-hover: #040d1b;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #111827;--color-border: #3e3c03;--color-border-hover: #4b5563;--color-success: #22c55e;--color-error: #fd4545;--color-warning: #fef3c7;--color-info: #dbeafe}:root[data-theme=dmood],[data-theme=dmood]{--color-primary: #0500F2;--color-secondary: #fd79a8;--color-accent: #fd79a8;--color-background: #ffffff;--color-background-secondary: #f8f8f8;--color-background-tertiary: #e8e8e8;--color-surface: #ffffff;--color-surface-hover: #f8f8f8;--color-text: #2d3436;--color-text-secondary: #707070;--color-text-tertiary: #909090;--color-text-muted: #b0b0b0;--color-text-inverse: #ffffff;--color-border: #dfe6e9;--color-border-hover: #c0c0c0}:root[data-theme=dmood-dark],[data-theme=dmood-dark]{--color-primary: #4946ff;--color-secondary: #ffb3d0;--color-accent: #ffb3d0;--color-background: #1a1a1a;--color-background-secondary: #252525;--color-background-tertiary: #333333;--color-surface: #252525;--color-surface-hover: #333333;--color-text: #f0f0f0;--color-text-secondary: #c0c0c0;--color-text-tertiary: #909090;--color-text-muted: #707070;--color-text-inverse: #1a1a1a;--color-border: #404040;--color-border-hover: #505050}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dmood]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-active: color-mix(in oklch, var(--color-primary) 70%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 35%, white);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 20%, white);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 70%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 35%, white);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 20%, white);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, black);--color-accent-active: color-mix(in oklch, var(--color-accent) 70%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 85%, black);--color-success-active: color-mix(in oklch, var(--color-success) 70%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 85%, black);--color-error-active: color-mix(in oklch, var(--color-error) 70%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 85%, black);--color-warning-active: color-mix(in oklch, var(--color-warning) 70%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 85%, black);--color-info-active: color-mix(in oklch, var(--color-info) 70%, black)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dmood-dark]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, white);--color-primary-active: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 50%, black);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 30%, black);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, white);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 50%, black);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 30%, black);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, white);--color-accent-active: color-mix(in oklch, var(--color-accent) 85%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 80%, white);--color-success-active: color-mix(in oklch, var(--color-success) 85%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 80%, white);--color-error-active: color-mix(in oklch, var(--color-error) 85%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 80%, white);--color-warning-active: color-mix(in oklch, var(--color-warning) 85%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 80%, white);--color-info-active: color-mix(in oklch, var(--color-info) 85%, black)}:root,[data-theme]{--color-border-focus: var(--color-primary)}