@stfrigerio/sito-template 0.1.72 → 0.1.74

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

@@ -1,367 +0,0 @@
-import{r as x,j as e}from"./iframe-Bipsh9dY.js";import{u as st}from"./use-motion-value-wsIqdv-r.js";import{u as nn}from"./use-transform-DuAStHvG.js";import{m as Ie}from"./proxy-D9bljBhB.js";import{T as an}from"./trash-2-Bc-vtAZE.js";import{c as Rt}from"./createLucideIcon-CltDwvOP.js";import{C as on}from"./check-CV4xXNXR.js";import{a as be}from"./index-BEA1mHaT.js";import{D as rn}from"./download-SJcs72V4.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BgQoFUhc.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 sn=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],ln=Rt("grip-vertical",sn);/**
- * @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 dn=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],cn=Rt("pencil",dn),mn="_calendar_abdfq_2",un="_loading_abdfq_14",pn="_loadingSpinner_abdfq_21",fn="_header_abdfq_27",gn="_navigation_abdfq_35",vn="_navButton_abdfq_41",hn="_title_abdfq_60",yn="_controls_abdfq_70",wn="_exportDropdown_abdfq_76",Dn="_exportButton_abdfq_80",_n="_exportMenu_abdfq_98",bn="_exportMenuItem_abdfq_113",xn="_todayButton_abdfq_130",Sn="_viewToggle_abdfq_146",kn="_viewButton_abdfq_153",Cn="_active_abdfq_167",Tn="_filterBar_abdfq_177",En="_filterPill_abdfq_186",jn="_filterPillActive_abdfq_205",Nn="_filterDot_abdfq_211",Hn="_weekDays_abdfq_219",Mn="_withWeekNumbers_abdfq_226",qn="_weekNumberHeader_abdfq_230",$n="_weekDay_abdfq_219",Ln="_daysGrid_abdfq_247",In="_dayCell_abdfq_263",Pn="_dayNumber_abdfq_292",Bn="_today_abdfq_130",Fn="_events_abdfq_311",Wn="_event_abdfq_311",An="_eventTitle_abdfq_338",On="_eventTime_abdfq_347",Rn="_otherMonth_abdfq_392",Vn="_selected_abdfq_397",zn="_compact_abdfq_409",Gn="_dots_abdfq_432",Un="_dot_abdfq_432",Yn="_dotMore_abdfq_447",Xn="_weekNumberCell_abdfq_454",Jn="_completed_abdfq_500",Qn="_completedIcon_abdfq_521",Kn="_moreEvents_abdfq_528",Zn="_emptyState_abdfq_538",ea="_dayView_abdfq_548",ta="_dayViewHeader_abdfq_557",na="_timeColumnHeader_abdfq_567",aa="_dayColumnHeader_abdfq_574",oa="_allDayStrip_abdfq_584",ra="_allDayLabel_abdfq_592",sa="_allDayList_abdfq_603",ia="_dayViewScrollContainer_abdfq_626",la="_dayTimelineGrid_abdfq_635",da="_hourRow_abdfq_640",ca="_hourLabel_abdfq_646",ma="_hourSlots_abdfq_657",ua="_halfHourSlot_abdfq_664",pa="_halfHourSlotBottom_abdfq_674",fa="_dayEventAnchor_abdfq_679",ga="_weekTimeline_abdfq_687",va="_weekTimelineHeader_abdfq_696",ha="_weekDayColumnHeader_abdfq_708",ya="_weekDayLabel_abdfq_742",wa="_weekDayNumber_abdfq_750",Da="_weekTimelineScroll_abdfq_755",_a="_weekTimelineGrid_abdfq_763",ba="_weekTimeColumn_abdfq_769",xa="_weekTimeSlot_abdfq_777",Sa="_weekHourLabel_abdfq_784",ka="_weekDayColumns_abdfq_790",Ca="_weekDayColumn_abdfq_708",Ta="_weekHourRow_abdfq_808",Ea="_weekEventAnchor_abdfq_814",ja="_currentTimeIndicator_abdfq_822",n={calendar:mn,loading:un,loadingSpinner:pn,header:fn,navigation:gn,navButton:vn,title:hn,controls:yn,exportDropdown:wn,exportButton:Dn,exportMenu:_n,exportMenuItem:bn,todayButton:xn,viewToggle:Sn,viewButton:kn,active:Cn,filterBar:Tn,filterPill:En,filterPillActive:jn,filterDot:Nn,weekDays:Hn,withWeekNumbers:Mn,weekNumberHeader:qn,weekDay:$n,daysGrid:Ln,dayCell:In,dayNumber:Pn,today:Bn,events:Fn,event:Wn,eventTitle:An,eventTime:On,otherMonth:Rn,selected:Vn,compact:zn,dots:Gn,dot:Un,dotMore:Yn,weekNumberCell:Xn,completed:Jn,completedIcon:Qn,moreEvents:Kn,emptyState:Zn,dayView:ea,dayViewHeader:ta,timeColumnHeader:na,dayColumnHeader:aa,allDayStrip:oa,allDayLabel:ra,allDayList:sa,dayViewScrollContainer:ia,dayTimelineGrid:la,hourRow:da,hourLabel:ca,hourSlots:ma,halfHourSlot:ua,halfHourSlotBottom:pa,dayEventAnchor:fa,weekTimeline:ga,weekTimelineHeader:va,weekDayColumnHeader:ha,weekDayLabel:ya,weekDayNumber:wa,weekTimelineScroll:Da,weekTimelineGrid:_a,weekTimeColumn:ba,weekTimeSlot:xa,weekHourLabel:Sa,weekDayColumns:ka,weekDayColumn:Ca,weekHourRow:Ta,weekEventAnchor:Ea,currentTimeIndicator:ja},Na="_wrapper_nyv1b_1",Ha="_deleteUnderlay_nyv1b_7",Ma="_card_nyv1b_23",qa="_dragging_nyv1b_43",$a="_completed_nyv1b_49",La="_text_nyv1b_53",Ia="_grip_nyv1b_57",Pa="_checkIcon_nyv1b_77",Ba="_time_nyv1b_89",Fa="_editButton_nyv1b_96",B={wrapper:Na,deleteUnderlay:Ha,card:Ma,dragging:qa,completed:$a,text:La,grip:Ia,checkIcon:Pa,time:Ba,editButton:Fa},Wa=-80,Le=({event:o,color:a,textColor:s,onComplete:l,onEdit:d,onDelete:u,onDragEnd:c,draggable:h=!0})=>{const w=st(0),b=st(0),D=nn(w,[-80,0],[1,0]),[C,j]=x.useState(!1),L=x.useRef(!1),H=x.useRef(null),K=o.status==="completed",R=(p,z)=>{u&&z.offset.x<Wa?be(w,-1e3,{duration:.2,onComplete:()=>u(o)}):be(w,0,{type:"spring",stiffness:400,damping:30})},Z=()=>{if(L.current){L.current=!1;return}C||l==null||l(o)},le=p=>{!h||!c||(p.stopPropagation(),p.preventDefault(),H.current={x:p.clientX,y:p.clientY,pointerId:p.pointerId},p.currentTarget.setPointerCapture(p.pointerId),j(!0))},ee=p=>{H.current&&(w.set(p.clientX-H.current.x),b.set(p.clientY-H.current.y))},de=p=>{if(!H.current)return;const z=p.clientY,_=p.clientX;try{p.currentTarget.releasePointerCapture(H.current.pointerId)}catch{}H.current=null,j(!1),be(b,0,{type:"spring",stiffness:400,damping:30}),be(w,0,{type:"spring",stiffness:400,damping:30}),c==null||c(z,_)},V=!!u,ce=h&&!!c;return e.jsxs("div",{className:B.wrapper,children:[V&&e.jsxs(Ie.div,{className:B.deleteUnderlay,style:{opacity:D},children:[e.jsx(an,{size:16}),e.jsx("span",{children:"Delete"})]}),e.jsxs(Ie.div,{className:`${B.card} ${K?B.completed:""} ${C?B.dragging:""}`,style:{x:w,y:b,background:a,color:s,borderLeftColor:a},drag:V&&!C?"x":!1,dragConstraints:V?{left:-200,right:0}:void 0,dragElastic:.15,dragDirectionLock:!0,onDragStart:()=>{L.current=!0},onDragEnd:R,whileTap:C?void 0:{scale:.98},animate:C?{scale:1.03}:{scale:1},onClick:Z,children:[ce&&e.jsx("div",{className:B.grip,onPointerDown:le,onPointerMove:ee,onPointerUp:de,onPointerCancel:de,onClick:p=>p.stopPropagation(),children:e.jsx(ln,{size:14})}),K&&e.jsx(on,{size:14,className:B.checkIcon,strokeWidth:3}),e.jsx("span",{className:B.text,children:o.title}),o.time&&e.jsx("span",{className:B.time,children:o.time}),d&&e.jsx("button",{className:B.editButton,onClick:p=>{p.stopPropagation(),d(o)},"aria-label":"Edit event",children:e.jsx(cn,{size:13})})]})]})};Le.__docgenInfo={description:"",methods:[],displayName:"DayEventCard",props:{draggable:{defaultValue:{value:"true",computed:!1},required:!1}}};const fe=["id","title","date","time","endTime","allDay","type","status","priority","category"],Aa=o=>(typeof o=="string"?new Date(o):o).toISOString(),Ge=o=>{const a={};for(const s of fe){const l=o[s];l!==void 0&&(a[s]=s==="date"?Aa(l):l)}return a},Oa=o=>{if(o==null)return"";const a=String(o);return/[",\n\r]/.test(a)?`"${a.replace(/"/g,'""')}"`:a},Ra=o=>{const a=fe.join(","),s=o.map(l=>{const d=Ge(l);return fe.map(u=>Oa(d[u])).join(",")});return[a,...s].join(`
-`)},Va=o=>JSON.stringify(o.map(Ge),null,2),za=o=>{if(o==null)return"";const a=String(o);return/[",\n\r]/.test(a)?`"${a.replace(/"/g,'""')}"`:a},Ga=o=>{const a=`events[${o.length}]{${fe.join(",")}}:`,s=o.map(l=>{const d=Ge(l);return"  "+fe.map(u=>za(d[u])).join(",")});return[a,...s].join(`
-`)},Ua={csv:"text/csv;charset=utf-8;",json:"application/json;charset=utf-8;",toon:"text/plain;charset=utf-8;"},Ya={csv:"csv",json:"json",toon:"toon"},Xa=(o,a)=>a==="csv"?Ra(o):a==="json"?Va(o):Ga(o),Ja=(o,a,s)=>{const l=Xa(o,a),d=new Blob([l],{type:Ua[a]}),u=URL.createObjectURL(d),c=document.createElement("a");c.href=u,c.download=`events-${new Date().toISOString().slice(0,10)}.${Ya[a]}`,document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(u)};function se({events:o,onEventClick:a,onDateClick:s,onEventClickByView:l,onDateClickByView:d,onTimeSlotClick:u,onEventDrop:c,onEventComplete:h,onEventDelete:w,onEventEdit:b,viewMode:D="month",initialDate:C=new Date,config:j={},className:L="",style:H={},loading:K=!1,emptyState:R,hideHeader:Z=!1,compact:le=!1,selectedDate:ee,selectedCategoryId:de,onCategoryChange:V,exportFormats:ce}){const[p,z]=x.useState(C),[_,Be]=x.useState(D),[zt,Gt]=x.useState(null),Ue=de!==void 0,te=Ue?de??null:zt,Ye=t=>{Ue||Gt(t),V==null||V(t)},Fe=x.useRef(null),We=x.useRef(null),[ge,Ae]=x.useState(!1),Oe=x.useRef(null);x.useEffect(()=>{if(!ge)return;const t=r=>{Oe.current&&!Oe.current.contains(r.target)&&Ae(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[ge]);const{eventColors:Xe={},iconRenderer:Je,maxEventsPerDay:G=3,mondayStart:me=!1,showWeekNumbers:ve=!1,dateFormat:Qe={month:"long",year:"numeric"},locale:U="en-US",dayLabels:Ut,monthNames:he,startHour:I=0,endHour:Ke=24,hourHeight:T=60,halfHourSlots:P=!1,categories:ne}=j,Ze=x.useMemo(()=>!ne||ne.length===0||te===null?o:o.filter(t=>!t.category||t.category===te),[o,ne,te]),Yt=Ut||(me?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]),et=(j==null?void 0:j.hourHeight)??60,tt=(j==null?void 0:j.startHour)??0,ue=x.useMemo(()=>{const t=p.getFullYear(),r=p.getMonth();let f,m,S;if(_==="week"){f=new Date(p);const q=f.getDay(),y=me?f.getDate()-q+(q===0?-6:1):f.getDate()-q;f=new Date(f.setDate(y)),f.setHours(0,0,0,0),m=new Date(f),m.setDate(m.getDate()+6);const W=f.toLocaleDateString(U,{day:"numeric",month:"short"}),$=m.toLocaleDateString(U,{day:"numeric",month:"short"});S=`${W} - ${$}`}else if(_==="day")f=new Date(p),f.setHours(0,0,0,0),m=new Date(p),m.setHours(23,59,59,999),S=p.toLocaleDateString(U,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const q=new Date(t,r,1),y=new Date(t,r+1,0);f=new Date(q);const W=me?(q.getDay()+6)%7:q.getDay();f.setDate(f.getDate()-W),m=new Date(y);const $=me?(y.getDay()+6)%7:y.getDay();m.setDate(m.getDate()+(6-$)),he&&he[r]?S=`${he[r]} ${t}`:S=p.toLocaleDateString(U,Qe)}const N=[],M=new Date(f);for(;M<=m;)N.push(new Date(M)),M.setDate(M.getDate()+1);return{days:N,displayTitle:S}},[p,_,me,U,Qe,he]);x.useEffect(()=>{const t=_==="day"?Fe:_==="week"?We:null;if(!(t!=null&&t.current))return;const r=new Date;if(!(_==="day"?p.toDateString()===r.toDateString():ue.days.some(N=>N.toDateString()===r.toDateString())))return;const m=(r.getHours()-tt)*60+r.getMinutes(),S=Math.max(0,m/60*et-100);setTimeout(()=>{t.current&&(t.current.scrollTop=S)},0)},[_,p,tt,et,ue]);const Re=t=>{const r=Ze.filter(f=>new Date(f.date).toDateString()===t.toDateString());return _==="week"?r.sort((f,m)=>{const S=f.time?nt(f.time):999999,N=m.time?nt(m.time):999999;return S-N}):r},nt=t=>{const[r,f]=t.split(":").map(Number);return r*60+f},Xt=()=>{const t=new Date(p);_==="week"?t.setDate(t.getDate()-7):_==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),z(t)},Jt=()=>{const t=new Date(p);_==="week"?t.setDate(t.getDate()+7):_==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),z(t)},Qt=()=>{z(new Date)},ae=t=>{if(t.color)return t.color;if(t.type&&Xe[t.type])return Xe[t.type];const r={high:"#FF4444",medium:"#FFA500",low:"#4A90E2"};return t.priority&&r[t.priority]?r[t.priority]:"#4A90E2"},Kt=t=>{const r=t.replace("#",""),f=parseInt(r.substring(0,2),16),m=parseInt(r.substring(2,4),16),S=parseInt(r.substring(4,6),16);return(.299*f+.587*m+.114*S)/255>.5?"#000000":"#FFFFFF"},ye=t=>{if(t.textColor)return t.textColor;const r=ae(t);return Kt(r)},we=t=>{l&&l[_]?l[_](t):a&&a(t)},at=t=>{d&&d[_]?d[_](t):s&&s(t)},Zt=t=>{const r=new Date;return t.toDateString()===r.toDateString()},en=t=>t.getMonth()===p.getMonth(),tn=t=>{const r=new Date(t.getFullYear(),0,1),f=t.getTime()-r.getTime(),m=1e3*60*60*24*7;return Math.floor(f/m)+1};return K?e.jsx("div",{className:`${n.calendar} ${n.loading} ${L}`,style:H,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${le?n.compact:""} ${L}`,style:H,children:[!Z&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:Xt,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:ue.displayTitle}),e.jsx("button",{onClick:Jt,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"})})})]}),ne&&ne.length>0&&e.jsxs("div",{className:n.filterBar,role:"tablist","aria-label":"Filter by category",children:[e.jsx("button",{type:"button",role:"tab","aria-selected":te===null,className:`${n.filterPill} ${te===null?n.filterPillActive:""}`,onClick:()=>Ye(null),children:"All"}),ne.map(t=>{const r=te===t.id;return e.jsxs("button",{type:"button",role:"tab","aria-selected":r,className:`${n.filterPill} ${r?n.filterPillActive:""}`,style:r?{background:t.color,borderColor:t.color,color:"#ffffff"}:void 0,onClick:()=>Ye(t.id),children:[!r&&e.jsx("span",{className:n.filterDot,style:{background:t.color}}),t.label]},t.id)})]}),e.jsxs("div",{className:n.controls,children:[ce&&ce.length>0&&e.jsxs("div",{className:n.exportDropdown,ref:Oe,children:[e.jsx("button",{type:"button",className:n.exportButton,onClick:()=>Ae(t=>!t),"aria-haspopup":"menu","aria-expanded":ge,"aria-label":"Export events",title:"Export events",children:e.jsx(rn,{size:16})}),ge&&e.jsx("div",{className:n.exportMenu,role:"menu",children:ce.map(t=>e.jsx("button",{type:"button",role:"menuitem",className:n.exportMenuItem,onClick:()=>{Ja(Ze,t),Ae(!1)},children:t.toUpperCase()},t))})]}),e.jsx("button",{onClick:Qt,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${_==="month"?n.active:""}`,onClick:()=>Be("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${_==="week"?n.active:""}`,onClick:()=>Be("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${_==="day"?n.active:""}`,onClick:()=>Be("day"),children:"Day"})]})]})]}),_==="month"&&e.jsxs("div",{className:`${n.weekDays} ${ve?n.withWeekNumbers:""}`,children:[ve&&e.jsx("div",{className:n.weekNumberHeader,children:"Wk"}),Yt.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),_==="day"?(()=>{const t=Re(p),r=t.filter(i=>!i.allDay&&i.time),f=t.filter(i=>i.allDay||!i.time),m=Array.from({length:Ke-I},(i,g)=>I+g),S=m.length*T,N=new Date,M=p.toDateString()===N.toDateString(),y=((N.getHours()-I)*60+N.getMinutes())/60*T,W=M&&y>=0&&y<=S,$=i=>{const[g,E]=i.split(":").map(Number);return g*60+E},Ve=i=>{if(!i.time||!i.endTime)return 30;const g=$(i.endTime)-$(i.time);return g>0?g:30},v=(i,g)=>{if(u){const E=new Date(p);E.setHours(i,g,0,0);const A=`${i.toString().padStart(2,"0")}:${g.toString().padStart(2,"0")}`;u(E,i,A)}},k=(i,g)=>{var _e;if(!c)return;const E=(_e=Fe.current)==null?void 0:_e.querySelector(`.${n.dayTimelineGrid}`);if(!E)return;const A=E.getBoundingClientRect(),Y=g-A.top,X=P?T/2:T,O=Math.max(0,Math.floor(Y/X)),J=P?m.length*2:m.length,Q=Math.min(J-1,O),ze=I+Math.floor(P?Q/2:Q),pe=P&&Q%2===1?30:0,De=new Date(p);De.setHours(ze,pe,0,0),c(i,De)};return 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:p.toLocaleDateString(U,{weekday:"short",day:"numeric"})})]}),f.length>0&&e.jsxs("div",{className:n.allDayStrip,children:[e.jsx("span",{className:n.allDayLabel,children:"All day"}),e.jsx("div",{className:n.allDayList,children:f.map(i=>e.jsx(Le,{event:i,color:ae(i),textColor:ye(i),onComplete:h??(a?we:void 0),onEdit:b,onDelete:w,draggable:!1},i.id))})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:Fe,children:e.jsxs("div",{className:n.dayTimelineGrid,style:{height:S},children:[m.map(i=>e.jsxs("div",{className:n.hourRow,style:{height:T},children:[e.jsxs("span",{className:n.hourLabel,children:[i.toString().padStart(2,"0"),":00"]}),e.jsx("div",{className:n.hourSlots,children:P?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>v(i,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>v(i,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>v(i,0)})})]},i)),r.map(i=>{const[g,E]=i.time.split(":").map(Number),A=(g-I)*T+E/60*T,Y=Ve(i),X=Math.max(24,Y/60*T-2);return e.jsx("div",{className:n.dayEventAnchor,style:{top:A,height:X},onClick:O=>O.stopPropagation(),children:e.jsx(Le,{event:i,color:ae(i),textColor:ye(i),onComplete:h??(a?we:void 0),onEdit:b,onDelete:w,onDragEnd:c?O=>k(i,O):void 0})},i.id)}),W&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${y}px`}})]})})]})})():_==="week"?(()=>{const t=ue.days,r=Array.from({length:Ke-I},(v,k)=>I+k),f=r.length*T,m=new Date,S=t.findIndex(v=>v.toDateString()===m.toDateString()),M=((m.getHours()-I)*60+m.getMinutes())/60*T,q=S>=0&&M>=0&&M<=f,y=v=>{const[k,i]=v.split(":").map(Number);return k*60+i},W=v=>{if(!v.time||!v.endTime)return 30;const k=y(v.endTime)-y(v.time);return k>0?k:30},$=(v,k,i)=>{if(!u)return;const g=new Date(v);g.setHours(k,i,0,0);const E=`${k.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`;u(g,k,E)},Ve=(v,k,i)=>{var rt;if(!c)return;const g=(rt=We.current)==null?void 0:rt.querySelector(`.${n.weekDayColumns}`);if(!g)return;const E=g.getBoundingClientRect(),A=i-E.left,Y=k-E.top,X=E.width/7,O=Math.min(6,Math.max(0,Math.floor(A/X))),J=t[O],Q=P?T/2:T,ze=P?r.length*2:r.length,pe=Math.min(ze-1,Math.max(0,Math.floor(Y/Q))),De=I+Math.floor(P?pe/2:pe),_e=P&&pe%2===1?30:0,ot=new Date(J);ot.setHours(De,_e,0,0),c(v,ot)};return e.jsxs("div",{className:n.weekTimeline,children:[e.jsxs("div",{className:n.weekTimelineHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),t.map(v=>{const k=v.toDateString()===m.toDateString(),i=ee&&v.toDateString()===ee.toDateString();return e.jsxs("button",{type:"button",className:`${n.weekDayColumnHeader} ${k?n.today:""} ${i?n.selected:""}`,onClick:()=>at(v),children:[e.jsx("span",{className:n.weekDayLabel,children:v.toLocaleDateString(U,{weekday:"short"})}),e.jsx("span",{className:n.weekDayNumber,children:v.getDate()})]},v.toISOString())})]}),e.jsx("div",{className:n.weekTimelineScroll,ref:We,children:e.jsxs("div",{className:n.weekTimelineGrid,style:{height:f},children:[e.jsx("div",{className:n.weekTimeColumn,children:r.map(v=>e.jsx("div",{className:n.weekTimeSlot,style:{height:T},children:e.jsxs("span",{className:n.weekHourLabel,children:[v.toString().padStart(2,"0"),":00"]})},v))}),e.jsx("div",{className:n.weekDayColumns,children:t.map(v=>{const k=Re(v).filter(g=>!g.allDay&&g.time),i=v.toDateString()===m.toDateString();return e.jsxs("div",{className:n.weekDayColumn,children:[r.map(g=>e.jsx("div",{className:n.weekHourRow,style:{height:T},children:P?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>$(v,g,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>$(v,g,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>$(v,g,0)})},g)),k.map(g=>{const[E,A]=g.time.split(":").map(Number),Y=(E-I)*T+A/60*T,X=W(g),O=Math.max(24,X/60*T-2);return e.jsx("div",{className:n.weekEventAnchor,style:{top:Y,height:O},onClick:J=>J.stopPropagation(),children:e.jsx(Le,{event:g,color:ae(g),textColor:ye(g),onComplete:h??(a?we:void 0),onEdit:b,onDelete:w,onDragEnd:c?(J,Q)=>Ve(g,J,Q):void 0})},g.id)}),i&&q&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${M}px`,left:0}})]},v.toISOString())})})]})})]})})():(()=>{const t=le?void 0:40+G*24;return e.jsx("div",{className:`${n.daysGrid} ${ve?n.withWeekNumbers:""}`,children:ue.days.map((r,f)=>{const m=Re(r),S=Zt(r),N=en(r),M=ve&&f%7===0,q=ee&&r.toDateString()===ee.toDateString();return e.jsxs(x.Fragment,{children:[M&&e.jsx("div",{className:n.weekNumberCell,style:t!==void 0?{height:t,minHeight:t}:void 0,children:tn(r)}),e.jsxs(Ie.div,{className:`${n.dayCell} ${S?n.today:""} ${N?"":n.otherMonth} ${q?n.selected:""}`,style:t!==void 0?{height:t,minHeight:t}:void 0,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,delay:f*.02,ease:"easeOut"},onClick:()=>at(r),children:[e.jsx("div",{className:n.dayNumber,children:r.getDate()}),m.length>0&&le&&_==="month"?e.jsxs("div",{className:n.dots,children:[m.slice(0,G).map(y=>e.jsx("span",{className:n.dot,style:{backgroundColor:ae(y)}},y.id)),m.length>G&&e.jsxs("span",{className:n.dotMore,children:["+",m.length-G]})]}):m.length>0?e.jsxs("div",{className:n.events,children:[m.slice(0,G).map((y,W)=>e.jsxs(Ie.div,{className:`${n.event} ${y.status==="completed"?n.completed:""}`,style:{backgroundColor:ae(y),color:ye(y),opacity:y.status==="completed"?.7:1},onClick:$=>{$.stopPropagation(),we(y)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:W*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[Je&&Je(y),e.jsxs("span",{className:n.eventTitle,children:[y.time&&e.jsx("span",{className:n.eventTime,children:y.time}),y.title]}),y.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"})})]},y.id)),m.length>G&&e.jsxs("div",{className:n.moreEvents,children:["+",m.length-G," more"]})]}):R?e.jsx("div",{className:n.emptyState,children:R}):null]})]},`${r.getFullYear()}-${r.getMonth()}-${r.getDate()}`)})})})()]})}se.__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"},onEventDrop:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent, newDate: Date) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"},{type:{name:"Date"},name:"newDate"}],return:{name:"void"}}},description:"Callback when an event is dropped (drag-rescheduled) in day view"},onEventComplete:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Day view: callback when an event body is tapped to toggle complete"},onEventDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Day view: callback when an event is swiped left to delete"},onEventEdit:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Day view: callback when an event's edit button is clicked"},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}},compact:{required:!1,tsType:{name:"boolean"},description:"Compact mode - renders colored dots instead of event blocks in month view",defaultValue:{value:"false",computed:!1}},selectedDate:{required:!1,tsType:{name:"Date"},description:"Externally controlled selected date highlight (distinct from initialDate which controls navigation)"},selectedCategoryId:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:'Controlled category filter selection. `null` means "All". Omit for uncontrolled.'},onCategoryChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(categoryId: string | null) => void",signature:{arguments:[{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"categoryId"}],return:{name:"void"}}},description:'Called when the user picks a pill in the category filter. `null` = "All".'},exportFormats:{required:!1,tsType:{name:"Array",elements:[{name:"union",raw:"'csv' | 'json' | 'toon'",elements:[{name:"literal",value:"'csv'"},{name:"literal",value:"'json'"},{name:"literal",value:"'toon'"}]}],raw:"ExportFormat[]"},description:'Offer an "Export" dropdown in the header with the given formats. Exports the currently\nfiltered events (respects category filter). Omit or pass `[]` to hide the button.'}}};const uo={title:"Organisms/Calendar",component:se,parameters:{layout:"padded"},argTypes:{viewMode:{control:"radio",options:["month","week","day"]},compact:{control:"boolean"},config:{control:"object"},onEventClick:{action:"event-clicked"},onDateClick:{action:"date-clicked"},onTimeSlotClick:{action:"slot-clicked"}}},oe=["#4A90E2","#7ED321","#BD10E0","#F5B829","#FF6B6B","#4ECDC4","#7C6FBF"],re=["Morning standup","Sprint planning","Code review","1:1 with manager","Design critique","Client demo","Deep work","Lunch with Ava","Architecture review","Release sign-off","Interview (FE)","Write weekly summary","Bug triage","Pairing session","Retro","Security debrief"],Pe=["meeting","task","review","deadline"],F=(o,a=0)=>`${o.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}`,Qa=o=>{let a=o;return()=>{a|=0,a=a+1831565813|0;let s=Math.imul(a^a>>>15,1|a);return s=s+Math.imul(s^s>>>7,61|s)^s,((s^s>>>14)>>>0)/4294967296}},ie=(o=42)=>{const a=Qa(o),s=new Date,l=[];for(let d=0;d<28;d++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(a()*30)-15);const c=8+Math.floor(a()*10),h=a()>.5?0:30;l.push({id:`m-${d}`,title:re[d%re.length],date:u,time:a()>.35?F(c,h):void 0,type:Pe[Math.floor(a()*Pe.length)],status:a()>.75?"completed":"pending",color:oe[d%oe.length],textColor:"#ffffff"})}return l},Vt=()=>{const o=new Date,a=(s,l=0)=>{const d=new Date(o);return d.setHours(s,l,0,0),d};return[{id:"ad-1",title:"Offsite — Q2 planning",date:a(0),allDay:!0,color:"#7C6FBF",textColor:"#ffffff"},{id:"d-1",title:"Morning standup",date:a(9),time:"09:00",endTime:"09:30",status:"completed",color:"#4A90E2",textColor:"#ffffff"},{id:"d-2",title:"Deep work: refactor auth",date:a(10),time:"10:00",endTime:"12:00",color:"#F5B829",textColor:"#1a1a1a"},{id:"d-3",title:"Lunch with Ava",date:a(12,30),time:"12:30",endTime:"13:30",color:"#4ECDC4",textColor:"#1a1a1a"},{id:"d-4",title:"1:1 with manager",date:a(14),time:"14:00",endTime:"14:30",color:"#BD10E0",textColor:"#ffffff"},{id:"d-5",title:"Design review",date:a(15),time:"15:00",endTime:"16:30",color:"#FF6B6B",textColor:"#ffffff"},{id:"d-6",title:"Write weekly summary",date:a(17,30),time:"17:30",endTime:"18:00",color:"#10b981",textColor:"#ffffff"}]},Ka=o=>{const a={meeting:"👥",task:"✓",review:"👀",deadline:"⏰"};return e.jsx("span",{style:{fontSize:11},children:a[o.type??""]??"📅"})},xe={args:{events:ie(),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3,iconRenderer:Ka}},render:o=>{const[a,s]=x.useState(o.events??[]);return e.jsx(se,{...o,events:a,onEventClick:l=>{s(d=>d.map(u=>u.id===l.id?{...u,status:u.status==="completed"?"pending":"completed"}:u))},onDateClick:l=>{s(d=>[...d,{id:`new-${Date.now()}`,title:"New event",date:l,time:"15:00",type:"task",status:"pending",color:"#6366f1",textColor:"#ffffff"}])}})}},Se={args:{events:[],viewMode:"week",config:{mondayStart:!0,startHour:7,endHour:22,hourHeight:56,halfHourSlots:!0}},render:o=>{const a=new Date,s=(a.getDay()+6)%7,l=new Date(a);l.setDate(a.getDate()-s),l.setHours(0,0,0,0);const d=[];for(let h=0;h<7;h++){const w=new Date(l);w.setDate(l.getDate()+h);const b=h*2%3+1;for(let D=0;D<b;D++){const C=9+D*3+h%2;d.push({id:`w-${h}-${D}`,title:re[(h*3+D)%re.length],date:new Date(w),time:F(C,D%2===0?0:30),endTime:F(C+1,D%2===0?0:30),color:oe[(h+D)%oe.length],textColor:"#ffffff"})}}const[u,c]=x.useState(d);return e.jsx(se,{...o,events:u,onTimeSlotClick:(h,w,b)=>{const D=Math.min(23,h.getHours()+1);c(C=>[...C,{id:`new-${Date.now()}`,title:`New @ ${b}`,date:h,time:b,endTime:F(D,h.getMinutes()),color:"#6366f1",textColor:"#ffffff"}])},onEventComplete:h=>c(w=>w.map(b=>b.id===h.id?{...b,status:b.status==="completed"?"pending":"completed"}:b)),onEventDelete:h=>c(w=>w.filter(b=>b.id!==h.id)),onEventDrop:(h,w)=>{c(b=>b.map(D=>{if(D.id!==h.id)return D;const C=new Date(D.date),j=w.getTime()-C.getTime(),L=(()=>{if(!D.endTime||!D.time)return D.endTime;const[H,K]=D.endTime.split(":").map(Number),R=new Date(C);R.setHours(H,K,0,0);const Z=new Date(R.getTime()+j);return F(Z.getHours(),Z.getMinutes())})();return{...D,date:w,time:F(w.getHours(),w.getMinutes()),endTime:L}}))}})}},ke={args:{events:[],viewMode:"day",config:{startHour:6,endHour:24,hourHeight:72,halfHourSlots:!0,mondayStart:!0}},render:o=>{const[a,s]=x.useState(Vt());return e.jsx(se,{...o,events:a,onTimeSlotClick:(l,d,u)=>{const c=Math.min(23,l.getHours()+1);s(h=>[...h,{id:`new-${Date.now()}`,title:`New @ ${u}`,date:l,time:u,endTime:F(c,l.getMinutes()),color:"#6366f1",textColor:"#ffffff"}])},onEventComplete:l=>s(d=>d.map(u=>u.id===l.id?{...u,status:u.status==="completed"?"pending":"completed"}:u)),onEventDelete:l=>s(d=>d.filter(u=>u.id!==l.id)),onEventEdit:l=>{const d=window.prompt("Rename event",l.title);d&&s(u=>u.map(c=>c.id===l.id?{...c,title:d}:c))},onEventDrop:(l,d)=>{s(u=>u.map(c=>{if(c.id!==l.id)return c;const h=new Date(c.date),w=d.getTime()-h.getTime(),b=(()=>{if(!c.endTime||!c.time)return c.endTime;const[D,C]=c.endTime.split(":").map(Number),j=new Date(h);j.setHours(D,C,0,0);const L=new Date(j.getTime()+w);return F(L.getHours(),L.getMinutes())})();return{...c,date:d,time:F(d.getHours(),d.getMinutes()),endTime:b}}))}})}},Ce={args:{events:ie(1).map((a,s)=>({...a,category:s%3===0?"work":s%3===1?"life":"side"})),viewMode:"month",compact:!0,config:{mondayStart:!0,maxEventsPerDay:4,categories:[{id:"life",label:"Life",color:"#F5B829"},{id:"work",label:"Work",color:"#7C6FBF"},{id:"side",label:"Side",color:"#4ECDC4"}]},style:{maxWidth:420}}},Te={args:{events:Vt(),viewMode:"day",compact:!0,config:{startHour:7,endHour:22,hourHeight:56,halfHourSlots:!0},style:{maxWidth:520}}},Ee={args:{events:ie(3),viewMode:"month",config:{mondayStart:!0,showWeekNumbers:!0,maxEventsPerDay:3}}},je={args:{events:(()=>{const o=new Date;return Array.from({length:9},(a,s)=>({id:`over-${s}`,title:re[s%re.length],date:new Date(o),time:F(8+s),type:Pe[s%Pe.length],color:oe[s%oe.length],textColor:"#ffffff"}))})(),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3}}},Ne={args:{events:[],loading:!0}},He={args:{events:[],viewMode:"month",config:{mondayStart:!0},emptyState:e.jsx("span",{style:{color:"var(--color-text-tertiary)",fontSize:11},children:"No events"})}},Me={args:{events:ie(5),viewMode:"month",exportFormats:["csv","json","toon"],config:{mondayStart:!0,maxEventsPerDay:3}}},qe={args:{events:ie(11).map((a,s)=>({...a,category:s%3===0?"work":s%3===1?"life":"side"})),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3,categories:[{id:"life",label:"Life",color:"#F5B829"},{id:"work",label:"Work",color:"#7C6FBF"},{id:"side",label:"Side projects",color:"#4ECDC4"}]}}},$e={args:{events:[]},render:()=>{const[o,a]=x.useState(new Date),s=x.useMemo(()=>ie(9),[]);return e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-md)"},children:[e.jsxs("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:["Selected: ",e.jsx("strong",{children:o.toLocaleDateString()})]}),e.jsx(se,{events:s,viewMode:"month",selectedDate:o,onDateClick:a,config:{mondayStart:!0,maxEventsPerDay:3}})]})}};var it,lt,dt;xe.parameters={...xe.parameters,docs:{...(it=xe.parameters)==null?void 0:it.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 3,
-      iconRenderer: iconForType
-    }
-  },
-  render: args => {
-    const [events, setEvents] = useState<CalendarEvent[]>(args.events ?? []);
-    return <Calendar {...args} events={events} onEventClick={e => {
-      setEvents(prev => prev.map(ev => ev.id === e.id ? {
-        ...ev,
-        status: ev.status === 'completed' ? 'pending' : 'completed'
-      } : ev));
-    }} onDateClick={date => {
-      setEvents(prev => [...prev, {
-        id: \`new-\${Date.now()}\`,
-        title: 'New event',
-        date,
-        time: '15:00',
-        type: 'task',
-        status: 'pending',
-        color: '#6366f1',
-        textColor: '#ffffff'
-      }]);
-    }} />;
-  }
-}`,...(dt=(lt=xe.parameters)==null?void 0:lt.docs)==null?void 0:dt.source}}};var ct,mt,ut;Se.parameters={...Se.parameters,docs:{...(ct=Se.parameters)==null?void 0:ct.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    viewMode: 'week',
-    config: {
-      mondayStart: true,
-      startHour: 7,
-      endHour: 22,
-      hourHeight: 56,
-      halfHourSlots: true
-    }
-  },
-  render: args => {
-    // Build 7 days of timed events around "today" so drag has neighbours to land on
-    const today = new Date();
-    const mondayOffset = (today.getDay() + 6) % 7;
-    const weekStart = new Date(today);
-    weekStart.setDate(today.getDate() - mondayOffset);
-    weekStart.setHours(0, 0, 0, 0);
-    const initial: CalendarEvent[] = [];
-    for (let i = 0; i < 7; i++) {
-      const d = new Date(weekStart);
-      d.setDate(weekStart.getDate() + i);
-      const count = i * 2 % 3 + 1;
-      for (let j = 0; j < count; j++) {
-        const startH = 9 + j * 3 + i % 2;
-        initial.push({
-          id: \`w-\${i}-\${j}\`,
-          title: TITLES[(i * 3 + j) % TITLES.length],
-          date: new Date(d),
-          time: hhmm(startH, j % 2 === 0 ? 0 : 30),
-          endTime: hhmm(startH + 1, j % 2 === 0 ? 0 : 30),
-          color: PALETTE[(i + j) % PALETTE.length],
-          textColor: '#ffffff'
-        });
-      }
-    }
-    const [events, setEvents] = useState<CalendarEvent[]>(initial);
-    return <Calendar {...args} events={events} onTimeSlotClick={(date, _h, time) => {
-      const endH = Math.min(23, date.getHours() + 1);
-      setEvents(prev => [...prev, {
-        id: \`new-\${Date.now()}\`,
-        title: \`New @ \${time}\`,
-        date,
-        time,
-        endTime: hhmm(endH, date.getMinutes()),
-        color: '#6366f1',
-        textColor: '#ffffff'
-      }]);
-    }} onEventComplete={e => setEvents(prev => prev.map(ev => ev.id === e.id ? {
-      ...ev,
-      status: ev.status === 'completed' ? 'pending' : 'completed'
-    } : ev))} onEventDelete={e => setEvents(prev => prev.filter(ev => ev.id !== e.id))} onEventDrop={(e, newDate) => {
-      setEvents(prev => prev.map(ev => {
-        if (ev.id !== e.id) return ev;
-        const oldStart = new Date(ev.date);
-        const deltaMs = newDate.getTime() - oldStart.getTime();
-        const nextEndTime = (() => {
-          if (!ev.endTime || !ev.time) return ev.endTime;
-          const [oh, om] = ev.endTime.split(':').map(Number);
-          const endOld = new Date(oldStart);
-          endOld.setHours(oh, om, 0, 0);
-          const endNew = new Date(endOld.getTime() + deltaMs);
-          return hhmm(endNew.getHours(), endNew.getMinutes());
-        })();
-        return {
-          ...ev,
-          date: newDate,
-          time: hhmm(newDate.getHours(), newDate.getMinutes()),
-          endTime: nextEndTime
-        };
-      }));
-    }} />;
-  }
-}`,...(ut=(mt=Se.parameters)==null?void 0:mt.docs)==null?void 0:ut.source}}};var pt,ft,gt;ke.parameters={...ke.parameters,docs:{...(pt=ke.parameters)==null?void 0:pt.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    viewMode: 'day',
-    config: {
-      startHour: 6,
-      endHour: 24,
-      hourHeight: 72,
-      halfHourSlots: true,
-      mondayStart: true
-    }
-  },
-  render: args => {
-    const [events, setEvents] = useState<CalendarEvent[]>(buildDayEvents());
-    return <Calendar {...args} events={events} onTimeSlotClick={(date, _h, time) => {
-      const endH = Math.min(23, date.getHours() + 1);
-      setEvents(prev => [...prev, {
-        id: \`new-\${Date.now()}\`,
-        title: \`New @ \${time}\`,
-        date,
-        time,
-        endTime: hhmm(endH, date.getMinutes()),
-        color: '#6366f1',
-        textColor: '#ffffff'
-      }]);
-    }} onEventComplete={e => setEvents(prev => prev.map(ev => ev.id === e.id ? {
-      ...ev,
-      status: ev.status === 'completed' ? 'pending' : 'completed'
-    } : ev))} onEventDelete={e => setEvents(prev => prev.filter(ev => ev.id !== e.id))} onEventEdit={e => {
-      const next = window.prompt('Rename event', e.title);
-      if (!next) return;
-      setEvents(prev => prev.map(ev => ev.id === e.id ? {
-        ...ev,
-        title: next
-      } : ev));
-    }} onEventDrop={(e, newDate) => {
-      setEvents(prev => prev.map(ev => {
-        if (ev.id !== e.id) return ev;
-        const oldStart = new Date(ev.date);
-        const deltaMs = newDate.getTime() - oldStart.getTime();
-        const nextEndTime = (() => {
-          if (!ev.endTime || !ev.time) return ev.endTime;
-          const [oh, om] = ev.endTime.split(':').map(Number);
-          const endOld = new Date(oldStart);
-          endOld.setHours(oh, om, 0, 0);
-          const endNew = new Date(endOld.getTime() + deltaMs);
-          return hhmm(endNew.getHours(), endNew.getMinutes());
-        })();
-        return {
-          ...ev,
-          date: newDate,
-          time: hhmm(newDate.getHours(), newDate.getMinutes()),
-          endTime: nextEndTime
-        };
-      }));
-    }} />;
-  }
-}`,...(gt=(ft=ke.parameters)==null?void 0:ft.docs)==null?void 0:gt.source}}};var vt,ht,yt;Ce.parameters={...Ce.parameters,docs:{...(vt=Ce.parameters)==null?void 0:vt.docs,source:{originalSource:`{
-  args: {
-    events: (() => {
-      const base = buildMonthEvents(1);
-      return base.map((e, i) => ({
-        ...e,
-        category: i % 3 === 0 ? 'work' : i % 3 === 1 ? 'life' : 'side'
-      }));
-    })(),
-    viewMode: 'month',
-    compact: true,
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 4,
-      categories: [{
-        id: 'life',
-        label: 'Life',
-        color: '#F5B829'
-      }, {
-        id: 'work',
-        label: 'Work',
-        color: '#7C6FBF'
-      }, {
-        id: 'side',
-        label: 'Side',
-        color: '#4ECDC4'
-      }]
-    },
-    style: {
-      maxWidth: 420
-    }
-  }
-}`,...(yt=(ht=Ce.parameters)==null?void 0:ht.docs)==null?void 0:yt.source}}};var wt,Dt,_t;Te.parameters={...Te.parameters,docs:{...(wt=Te.parameters)==null?void 0:wt.docs,source:{originalSource:`{
-  args: {
-    events: buildDayEvents(),
-    viewMode: 'day',
-    compact: true,
-    config: {
-      startHour: 7,
-      endHour: 22,
-      hourHeight: 56,
-      halfHourSlots: true
-    },
-    style: {
-      maxWidth: 520
-    }
-  }
-}`,...(_t=(Dt=Te.parameters)==null?void 0:Dt.docs)==null?void 0:_t.source}}};var bt,xt,St;Ee.parameters={...Ee.parameters,docs:{...(bt=Ee.parameters)==null?void 0:bt.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(3),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      showWeekNumbers: true,
-      maxEventsPerDay: 3
-    }
-  }
-}`,...(St=(xt=Ee.parameters)==null?void 0:xt.docs)==null?void 0:St.source}}};var kt,Ct,Tt;je.parameters={...je.parameters,docs:{...(kt=je.parameters)==null?void 0:kt.docs,source:{originalSource:`{
-  args: {
-    events: (() => {
-      const today = new Date();
-      return Array.from({
-        length: 9
-      }, (_, i) => ({
-        id: \`over-\${i}\`,
-        title: TITLES[i % TITLES.length],
-        date: new Date(today),
-        time: hhmm(8 + i),
-        type: TYPES[i % TYPES.length],
-        color: PALETTE[i % PALETTE.length],
-        textColor: '#ffffff'
-      }));
-    })(),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 3
-    }
-  }
-}`,...(Tt=(Ct=je.parameters)==null?void 0:Ct.docs)==null?void 0:Tt.source}}};var Et,jt,Nt;Ne.parameters={...Ne.parameters,docs:{...(Et=Ne.parameters)==null?void 0:Et.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    loading: true
-  }
-}`,...(Nt=(jt=Ne.parameters)==null?void 0:jt.docs)==null?void 0:Nt.source}}};var Ht,Mt,qt;He.parameters={...He.parameters,docs:{...(Ht=He.parameters)==null?void 0:Ht.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    viewMode: 'month',
-    config: {
-      mondayStart: true
-    },
-    emptyState: <span style={{
-      color: 'var(--color-text-tertiary)',
-      fontSize: 11
-    }}>
-                No events
-            </span>
-  }
-}`,...(qt=(Mt=He.parameters)==null?void 0:Mt.docs)==null?void 0:qt.source}}};var $t,Lt,It;Me.parameters={...Me.parameters,docs:{...($t=Me.parameters)==null?void 0:$t.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(5),
-    viewMode: 'month',
-    exportFormats: ['csv', 'json', 'toon'],
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 3
-    }
-  }
-}`,...(It=(Lt=Me.parameters)==null?void 0:Lt.docs)==null?void 0:It.source}}};var Pt,Bt,Ft;qe.parameters={...qe.parameters,docs:{...(Pt=qe.parameters)==null?void 0:Pt.docs,source:{originalSource:`{
-  args: {
-    events: (() => {
-      const base = buildMonthEvents(11);
-      return base.map((e, i) => ({
-        ...e,
-        category: i % 3 === 0 ? 'work' : i % 3 === 1 ? 'life' : 'side'
-      }));
-    })(),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 3,
-      categories: [{
-        id: 'life',
-        label: 'Life',
-        color: '#F5B829'
-      }, {
-        id: 'work',
-        label: 'Work',
-        color: '#7C6FBF'
-      }, {
-        id: 'side',
-        label: 'Side projects',
-        color: '#4ECDC4'
-      }]
-    }
-  }
-}`,...(Ft=(Bt=qe.parameters)==null?void 0:Bt.docs)==null?void 0:Ft.source}}};var Wt,At,Ot;$e.parameters={...$e.parameters,docs:{...(Wt=$e.parameters)==null?void 0:Wt.docs,source:{originalSource:`{
-  args: {
-    events: []
-  },
-  render: () => {
-    const [selected, setSelected] = useState(new Date());
-    const events = useMemo(() => buildMonthEvents(9), []);
-    return <div style={{
-      display: 'grid',
-      gap: 'var(--spacing-md)'
-    }}>
-                <div style={{
-        fontSize: 'var(--font-size-sm)',
-        color: 'var(--color-text-secondary)'
-      }}>
-                    Selected: <strong>{selected.toLocaleDateString()}</strong>
-                </div>
-                <Calendar events={events} viewMode="month" selectedDate={selected} onDateClick={setSelected} config={{
-        mondayStart: true,
-        maxEventsPerDay: 3
-      }} />
-            </div>;
-  }
-}`,...(Ot=(At=$e.parameters)==null?void 0:At.docs)==null?void 0:Ot.source}}};const po=["Default","WeekView","DayView","CompactMonth","CompactDay","WithWeekNumbers","OverflowDay","Loading","Empty","WithExport","WithCategoryFilter","ControlledSelection"];export{Te as CompactDay,Ce as CompactMonth,$e as ControlledSelection,ke as DayView,xe as Default,He as Empty,Ne as Loading,je as OverflowDay,Se as WeekView,qe as WithCategoryFilter,Me as WithExport,Ee as WithWeekNumbers,po as __namedExportsOrder,uo as default};

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

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