@stfrigerio/sito-template 0.1.65 → 0.1.66

package/storybook-static/assets/{Calendar.stories-Dlyqht5q.js → Calendar.stories-D6K4DcbO.js}

@@ -1,4 +1,4 @@
-import{r as S,j as e}from"./iframe-BINQyIZA.js";import{u as st}from"./use-motion-value-BhTz6p3H.js";import{u as nn}from"./use-transform-4uLAGEjM.js";import{m as Pe}from"./proxy-D7-_CcFt.js";import{T as an}from"./trash-2-ClnXPW9t.js";import{c as qt}from"./createLucideIcon-BGbQGOSA.js";import{C as on}from"./check-D832kA1q.js";import{a as xe}from"./index-DmCN6Quz.js";import{D as rn}from"./download-B0dViQRT.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Cl-Ye_B1.js";/**
+import{r as S,j as e}from"./iframe-BVoBDGkl.js";import{u as st}from"./use-motion-value-Cruaf_HC.js";import{u as nn}from"./use-transform-I-in6IUD.js";import{m as Pe}from"./proxy-DTYfJ2to.js";import{T as an}from"./trash-2-DEEOdkJB.js";import{c as qt}from"./createLucideIcon-DaHCgKFX.js";import{C as on}from"./check-C2eSkRHq.js";import{a as _e}from"./index-C5uOIRS9.js";import{D as rn}from"./download--Xa2UKO-.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -8,9 +8,9 @@ import{r as S,j as e}from"./iframe-BINQyIZA.js";import{u as st}from"./use-motion
  *
  * 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=qt("pencil",dn),mn="_calendar_10jyd_2",un="_loading_10jyd_14",pn="_loadingSpinner_10jyd_21",yn="_header_10jyd_27",gn="_navigation_10jyd_35",vn="_navButton_10jyd_41",hn="_title_10jyd_60",fn="_controls_10jyd_70",wn="_exportDropdown_10jyd_76",Dn="_exportButton_10jyd_80",_n="_exportMenu_10jyd_98",xn="_exportMenuItem_10jyd_113",Sn="_todayButton_10jyd_130",kn="_viewToggle_10jyd_146",jn="_viewButton_10jyd_153",Cn="_active_10jyd_167",Tn="_filterBar_10jyd_177",En="_filterPill_10jyd_186",bn="_filterPillActive_10jyd_205",Nn="_filterDot_10jyd_211",Hn="_weekDays_10jyd_219",Mn="_withWeekNumbers_10jyd_226",$n="_weekNumberHeader_10jyd_230",Ln="_weekDay_10jyd_219",In="_daysGrid_10jyd_247",Pn="_dayCell_10jyd_263",Bn="_dayNumber_10jyd_292",Fn="_today_10jyd_130",Wn="_events_10jyd_311",An="_event_10jyd_311",On="_eventTitle_10jyd_338",Rn="_eventTime_10jyd_347",qn="_otherMonth_10jyd_392",Vn="_selected_10jyd_397",zn="_compact_10jyd_409",Gn="_dots_10jyd_431",Un="_dot_10jyd_431",Yn="_dotMore_10jyd_446",Xn="_weekNumberCell_10jyd_453",Jn="_completed_10jyd_499",Qn="_completedIcon_10jyd_520",Kn="_moreEvents_10jyd_527",Zn="_emptyState_10jyd_537",ea="_dayView_10jyd_547",ta="_dayViewHeader_10jyd_556",na="_timeColumnHeader_10jyd_566",aa="_dayColumnHeader_10jyd_573",oa="_allDayStrip_10jyd_583",ra="_allDayLabel_10jyd_591",sa="_allDayList_10jyd_602",ia="_dayViewScrollContainer_10jyd_625",la="_dayTimelineGrid_10jyd_634",da="_hourRow_10jyd_639",ca="_hourLabel_10jyd_645",ma="_hourSlots_10jyd_656",ua="_halfHourSlot_10jyd_663",pa="_halfHourSlotBottom_10jyd_673",ya="_dayEventAnchor_10jyd_678",ga="_weekTimeline_10jyd_686",va="_weekTimelineHeader_10jyd_695",ha="_weekDayColumnHeader_10jyd_707",fa="_weekDayLabel_10jyd_741",wa="_weekDayNumber_10jyd_749",Da="_weekTimelineScroll_10jyd_754",_a="_weekTimelineGrid_10jyd_762",xa="_weekTimeColumn_10jyd_768",Sa="_weekTimeSlot_10jyd_776",ka="_weekHourLabel_10jyd_783",ja="_weekDayColumns_10jyd_789",Ca="_weekDayColumn_10jyd_707",Ta="_weekHourRow_10jyd_807",Ea="_weekEventAnchor_10jyd_813",ba="_currentTimeIndicator_10jyd_821",n={calendar:mn,loading:un,loadingSpinner:pn,header:yn,navigation:gn,navButton:vn,title:hn,controls:fn,exportDropdown:wn,exportButton:Dn,exportMenu:_n,exportMenuItem:xn,todayButton:Sn,viewToggle:kn,viewButton:jn,active:Cn,filterBar:Tn,filterPill:En,filterPillActive:bn,filterDot:Nn,weekDays:Hn,withWeekNumbers:Mn,weekNumberHeader:$n,weekDay:Ln,daysGrid:In,dayCell:Pn,dayNumber:Bn,today:Fn,events:Wn,event:An,eventTitle:On,eventTime:Rn,otherMonth:qn,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:ya,weekTimeline:ga,weekTimelineHeader:va,weekDayColumnHeader:ha,weekDayLabel:fa,weekDayNumber:wa,weekTimelineScroll:Da,weekTimelineGrid:_a,weekTimeColumn:xa,weekTimeSlot:Sa,weekHourLabel:ka,weekDayColumns:ja,weekDayColumn:Ca,weekHourRow:Ta,weekEventAnchor:Ea,currentTimeIndicator:ba},Na="_wrapper_nyv1b_1",Ha="_deleteUnderlay_nyv1b_7",Ma="_card_nyv1b_23",$a="_dragging_nyv1b_43",La="_completed_nyv1b_49",Ia="_text_nyv1b_53",Pa="_grip_nyv1b_57",Ba="_checkIcon_nyv1b_77",Fa="_time_nyv1b_89",Wa="_editButton_nyv1b_96",F={wrapper:Na,deleteUnderlay:Ha,card:Ma,dragging:$a,completed:La,text:Ia,grip:Pa,checkIcon:Ba,time:Fa,editButton:Wa},Aa=-80,Ie=({event:o,color:a,textColor:s,onComplete:l,onEdit:d,onDelete:u,onDragEnd:c,draggable:h=!0})=>{const w=st(0),x=st(0),D=nn(w,[-80,0],[1,0]),[C,b]=S.useState(!1),I=S.useRef(!1),H=S.useRef(null),K=o.status==="completed",q=(p,z)=>{u&&z.offset.x<Aa?xe(w,-1e3,{duration:.2,onComplete:()=>u(o)}):xe(w,0,{type:"spring",stiffness:400,damping:30})},Z=()=>{if(I.current){I.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),b(!0))},ee=p=>{H.current&&(w.set(p.clientX-H.current.x),x.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,b(!1),xe(x,0,{type:"spring",stiffness:400,damping:30}),xe(w,0,{type:"spring",stiffness:400,damping:30}),c==null||c(z,_)},V=!!u,ce=h&&!!c;return e.jsxs("div",{className:F.wrapper,children:[V&&e.jsxs(Pe.div,{className:F.deleteUnderlay,style:{opacity:D},children:[e.jsx(an,{size:16}),e.jsx("span",{children:"Delete"})]}),e.jsxs(Pe.div,{className:`${F.card} ${K?F.completed:""} ${C?F.dragging:""}`,style:{x:w,y:x,background:a,color:s,borderLeftColor:a},drag:V&&!C?"x":!1,dragConstraints:V?{left:-200,right:0}:void 0,dragElastic:.15,dragDirectionLock:!0,onDragStart:()=>{I.current=!0},onDragEnd:q,whileTap:C?void 0:{scale:.98},animate:C?{scale:1.03}:{scale:1},onClick:Z,children:[ce&&e.jsx("div",{className:F.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:F.checkIcon,strokeWidth:3}),e.jsx("span",{className:F.text,children:o.title}),o.time&&e.jsx("span",{className:F.time,children:o.time}),d&&e.jsx("button",{className:F.editButton,onClick:p=>{p.stopPropagation(),d(o)},"aria-label":"Edit event",children:e.jsx(cn,{size:13})})]})]})};Ie.__docgenInfo={description:"",methods:[],displayName:"DayEventCard",props:{draggable:{defaultValue:{value:"true",computed:!1},required:!1}}};const ye=["id","title","date","time","endTime","allDay","type","status","priority","category"],Oa=o=>(typeof o=="string"?new Date(o):o).toISOString(),Ge=o=>{const a={};for(const s of ye){const l=o[s];l!==void 0&&(a[s]=s==="date"?Oa(l):l)}return a},Ra=o=>{if(o==null)return"";const a=String(o);return/[",\n\r]/.test(a)?`"${a.replace(/"/g,'""')}"`:a},qa=o=>{const a=ye.join(","),s=o.map(l=>{const d=Ge(l);return ye.map(u=>Ra(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}]{${ye.join(",")}}:`,s=o.map(l=>{const d=Ge(l);return"  "+ye.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"?qa(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:x,viewMode:D="month",initialDate:C=new Date,config:b={},className:I="",style:H={},loading:K=!1,emptyState:q,hideHeader:Z=!1,compact:le=!1,selectedDate:ee,selectedCategoryId:de,onCategoryChange:V,exportFormats:ce}){const[p,z]=S.useState(C),[_,Fe]=S.useState(D),[zt,Gt]=S.useState(null),Ue=de!==void 0,te=Ue?de??null:zt,Ye=t=>{Ue||Gt(t),V==null||V(t)},We=S.useRef(null),Ae=S.useRef(null),[ge,Oe]=S.useState(!1),Re=S.useRef(null);S.useEffect(()=>{if(!ge)return;const t=r=>{Re.current&&!Re.current.contains(r.target)&&Oe(!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:P=0,endHour:Ke=24,hourHeight:T=60,halfHourSlots:B=!1,categories:ne}=b,Ze=S.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=(b==null?void 0:b.hourHeight)??60,tt=(b==null?void 0:b.startHour)??0,ue=S.useMemo(()=>{const t=p.getFullYear(),r=p.getMonth();let y,m,k;if(_==="week"){y=new Date(p);const $=y.getDay(),f=me?y.getDate()-$+($===0?-6:1):y.getDate()-$;y=new Date(y.setDate(f)),y.setHours(0,0,0,0),m=new Date(y),m.setDate(m.getDate()+6);const A=y.toLocaleDateString(U,{day:"numeric",month:"short"}),L=m.toLocaleDateString(U,{day:"numeric",month:"short"});k=`${A} - ${L}`}else if(_==="day")y=new Date(p),y.setHours(0,0,0,0),m=new Date(p),m.setHours(23,59,59,999),k=p.toLocaleDateString(U,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const $=new Date(t,r,1),f=new Date(t,r+1,0);y=new Date($);const A=me?($.getDay()+6)%7:$.getDay();y.setDate(y.getDate()-A),m=new Date(f);const L=me?(f.getDay()+6)%7:f.getDay();m.setDate(m.getDate()+(6-L)),he&&he[r]?k=`${he[r]} ${t}`:k=p.toLocaleDateString(U,Qe)}const N=[],M=new Date(y);for(;M<=m;)N.push(new Date(M)),M.setDate(M.getDate()+1);return{days:N,displayTitle:k}},[p,_,me,U,Qe,he]);S.useEffect(()=>{const t=_==="day"?We:_==="week"?Ae: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(),k=Math.max(0,m/60*et-100);setTimeout(()=>{t.current&&(t.current.scrollTop=k)},0)},[_,p,tt,et,ue]);const qe=t=>{const r=Ze.filter(y=>new Date(y.date).toDateString()===t.toDateString());return _==="week"?r.sort((y,m)=>{const k=y.time?nt(y.time):999999,N=m.time?nt(m.time):999999;return k-N}):r},nt=t=>{const[r,y]=t.split(":").map(Number);return r*60+y},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("#",""),y=parseInt(r.substring(0,2),16),m=parseInt(r.substring(2,4),16),k=parseInt(r.substring(4,6),16);return(.299*y+.587*m+.114*k)/255>.5?"#000000":"#FFFFFF"},fe=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),y=t.getTime()-r.getTime(),m=1e3*60*60*24*7;return Math.floor(y/m)+1};return K?e.jsx("div",{className:`${n.calendar} ${n.loading} ${I}`,style:H,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${le?n.compact:""} ${I}`,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:Re,children:[e.jsx("button",{type:"button",className:n.exportButton,onClick:()=>Oe(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),Oe(!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:()=>Fe("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${_==="week"?n.active:""}`,onClick:()=>Fe("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${_==="day"?n.active:""}`,onClick:()=>Fe("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=qe(p),r=t.filter(i=>!i.allDay&&i.time),y=t.filter(i=>i.allDay||!i.time),m=Array.from({length:Ke-P},(i,g)=>P+g),k=m.length*T,N=new Date,M=p.toDateString()===N.toDateString(),f=((N.getHours()-P)*60+N.getMinutes())/60*T,A=M&&f>=0&&f<=k,L=i=>{const[g,E]=i.split(":").map(Number);return g*60+E},Ve=i=>{if(!i.time||!i.endTime)return 30;const g=L(i.endTime)-L(i.time);return g>0?g:30},v=(i,g)=>{if(u){const E=new Date(p);E.setHours(i,g,0,0);const O=`${i.toString().padStart(2,"0")}:${g.toString().padStart(2,"0")}`;u(E,i,O)}},j=(i,g)=>{var _e;if(!c)return;const E=(_e=We.current)==null?void 0:_e.querySelector(`.${n.dayTimelineGrid}`);if(!E)return;const O=E.getBoundingClientRect(),Y=g-O.top,X=B?T/2:T,R=Math.max(0,Math.floor(Y/X)),J=B?m.length*2:m.length,Q=Math.min(J-1,R),ze=P+Math.floor(B?Q/2:Q),pe=B&&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"})})]}),y.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:y.map(i=>e.jsx(Ie,{event:i,color:ae(i),textColor:fe(i),onComplete:h??(a?we:void 0),onEdit:x,onDelete:w,draggable:!1},i.id))})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:We,children:e.jsxs("div",{className:n.dayTimelineGrid,style:{height:k},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:B?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),O=(g-P)*T+E/60*T,Y=Ve(i),X=Math.max(24,Y/60*T-2);return e.jsx("div",{className:n.dayEventAnchor,style:{top:O,height:X},onClick:R=>R.stopPropagation(),children:e.jsx(Ie,{event:i,color:ae(i),textColor:fe(i),onComplete:h??(a?we:void 0),onEdit:x,onDelete:w,onDragEnd:c?R=>j(i,R):void 0})},i.id)}),A&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${f}px`}})]})})]})})():_==="week"?(()=>{const t=ue.days,r=Array.from({length:Ke-P},(v,j)=>P+j),y=r.length*T,m=new Date,k=t.findIndex(v=>v.toDateString()===m.toDateString()),M=((m.getHours()-P)*60+m.getMinutes())/60*T,$=k>=0&&M>=0&&M<=y,f=v=>{const[j,i]=v.split(":").map(Number);return j*60+i},A=v=>{if(!v.time||!v.endTime)return 30;const j=f(v.endTime)-f(v.time);return j>0?j:30},L=(v,j,i)=>{if(!u)return;const g=new Date(v);g.setHours(j,i,0,0);const E=`${j.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`;u(g,j,E)},Ve=(v,j,i)=>{var rt;if(!c)return;const g=(rt=Ae.current)==null?void 0:rt.querySelector(`.${n.weekDayColumns}`);if(!g)return;const E=g.getBoundingClientRect(),O=i-E.left,Y=j-E.top,X=E.width/7,R=Math.min(6,Math.max(0,Math.floor(O/X))),J=t[R],Q=B?T/2:T,ze=B?r.length*2:r.length,pe=Math.min(ze-1,Math.max(0,Math.floor(Y/Q))),De=P+Math.floor(B?pe/2:pe),_e=B&&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 j=v.toDateString()===m.toDateString(),i=ee&&v.toDateString()===ee.toDateString();return e.jsxs("button",{type:"button",className:`${n.weekDayColumnHeader} ${j?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:Ae,children:e.jsxs("div",{className:n.weekTimelineGrid,style:{height:y},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 j=qe(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:B?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>L(v,g,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>L(v,g,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>L(v,g,0)})},g)),j.map(g=>{const[E,O]=g.time.split(":").map(Number),Y=(E-P)*T+O/60*T,X=A(g),R=Math.max(24,X/60*T-2);return e.jsx("div",{className:n.weekEventAnchor,style:{top:Y,height:R},onClick:J=>J.stopPropagation(),children:e.jsx(Ie,{event:g,color:ae(g),textColor:fe(g),onComplete:h??(a?we:void 0),onEdit:x,onDelete:w,onDragEnd:c?(J,Q)=>Ve(g,J,Q):void 0})},g.id)}),i&&$&&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,y)=>{const m=qe(r),k=Zt(r),N=en(r),M=ve&&y%7===0,$=ee&&r.toDateString()===ee.toDateString();return e.jsxs(S.Fragment,{children:[M&&e.jsx("div",{className:n.weekNumberCell,style:t!==void 0?{height:t,minHeight:t}:void 0,children:tn(r)}),e.jsxs(Pe.div,{className:`${n.dayCell} ${k?n.today:""} ${N?"":n.otherMonth} ${$?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:y*.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(f=>e.jsx("span",{className:n.dot,style:{backgroundColor:ae(f)}},f.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((f,A)=>e.jsxs(Pe.div,{className:`${n.event} ${f.status==="completed"?n.completed:""}`,style:{backgroundColor:ae(f),color:fe(f),opacity:f.status==="completed"?.7:1},onClick:L=>{L.stopPropagation(),we(f)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:A*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[Je&&Je(f),e.jsxs("span",{className:n.eventTitle,children:[f.time&&e.jsx("span",{className:n.eventTime,children:f.time}),f.title]}),f.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"})})]},f.id)),m.length>G&&e.jsxs("div",{className:n.moreEvents,children:["+",m.length-G," more"]})]}):q?e.jsx("div",{className:n.emptyState,children:q}):null]})]},`${r.getFullYear()}-${r.getMonth()}-${r.getDate()}`)})})})()]})}se.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
+ */const cn=[["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"}]],dn=qt("pencil",cn),mn="_calendar_1x6eh_2",un="_loading_1x6eh_14",pn="_loadingSpinner_1x6eh_21",hn="_header_1x6eh_27",gn="_navigation_1x6eh_35",vn="_navButton_1x6eh_41",fn="_title_1x6eh_60",yn="_controls_1x6eh_70",wn="_exportDropdown_1x6eh_76",xn="_exportButton_1x6eh_80",Dn="_exportMenu_1x6eh_98",_n="_exportMenuItem_1x6eh_113",Sn="_todayButton_1x6eh_130",kn="_viewToggle_1x6eh_146",Cn="_viewButton_1x6eh_153",Tn="_active_1x6eh_167",En="_filterBar_1x6eh_177",bn="_filterPill_1x6eh_186",jn="_filterPillActive_1x6eh_205",Nn="_filterDot_1x6eh_211",Hn="_weekDays_1x6eh_219",Mn="_withWeekNumbers_1x6eh_226",$n="_weekNumberHeader_1x6eh_230",Ln="_weekDay_1x6eh_219",In="_daysGrid_1x6eh_247",Pn="_dayCell_1x6eh_263",Bn="_dayNumber_1x6eh_292",Fn="_today_1x6eh_130",Wn="_events_1x6eh_311",An="_event_1x6eh_311",On="_eventTitle_1x6eh_338",Rn="_eventTime_1x6eh_347",qn="_otherMonth_1x6eh_392",Vn="_selected_1x6eh_397",zn="_compact_1x6eh_409",Gn="_dots_1x6eh_431",Un="_dot_1x6eh_431",Yn="_dotMore_1x6eh_446",Xn="_weekNumberCell_1x6eh_453",Jn="_completed_1x6eh_499",Qn="_completedIcon_1x6eh_520",Kn="_moreEvents_1x6eh_527",Zn="_emptyState_1x6eh_537",ea="_dayView_1x6eh_547",ta="_dayViewHeader_1x6eh_556",na="_timeColumnHeader_1x6eh_566",aa="_dayColumnHeader_1x6eh_573",oa="_allDayStrip_1x6eh_583",ra="_allDayLabel_1x6eh_591",sa="_allDayList_1x6eh_602",ia="_dayViewScrollContainer_1x6eh_625",la="_dayTimelineGrid_1x6eh_634",ca="_hourRow_1x6eh_639",da="_hourLabel_1x6eh_645",ma="_hourSlots_1x6eh_656",ua="_halfHourSlot_1x6eh_663",pa="_halfHourSlotBottom_1x6eh_673",ha="_dayEventAnchor_1x6eh_678",ga="_weekTimeline_1x6eh_686",va="_weekTimelineHeader_1x6eh_695",fa="_weekDayColumnHeader_1x6eh_707",ya="_weekDayLabel_1x6eh_741",wa="_weekDayNumber_1x6eh_749",xa="_weekTimelineScroll_1x6eh_754",Da="_weekTimelineGrid_1x6eh_762",_a="_weekTimeColumn_1x6eh_768",Sa="_weekTimeSlot_1x6eh_776",ka="_weekHourLabel_1x6eh_783",Ca="_weekDayColumns_1x6eh_789",Ta="_weekDayColumn_1x6eh_707",Ea="_weekHourRow_1x6eh_807",ba="_weekEventAnchor_1x6eh_813",ja="_currentTimeIndicator_1x6eh_821",n={calendar:mn,loading:un,loadingSpinner:pn,header:hn,navigation:gn,navButton:vn,title:fn,controls:yn,exportDropdown:wn,exportButton:xn,exportMenu:Dn,exportMenuItem:_n,todayButton:Sn,viewToggle:kn,viewButton:Cn,active:Tn,filterBar:En,filterPill:bn,filterPillActive:jn,filterDot:Nn,weekDays:Hn,withWeekNumbers:Mn,weekNumberHeader:$n,weekDay:Ln,daysGrid:In,dayCell:Pn,dayNumber:Bn,today:Fn,events:Wn,event:An,eventTitle:On,eventTime:Rn,otherMonth:qn,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:ca,hourLabel:da,hourSlots:ma,halfHourSlot:ua,halfHourSlotBottom:pa,dayEventAnchor:ha,weekTimeline:ga,weekTimelineHeader:va,weekDayColumnHeader:fa,weekDayLabel:ya,weekDayNumber:wa,weekTimelineScroll:xa,weekTimelineGrid:Da,weekTimeColumn:_a,weekTimeSlot:Sa,weekHourLabel:ka,weekDayColumns:Ca,weekDayColumn:Ta,weekHourRow:Ea,weekEventAnchor:ba,currentTimeIndicator:ja},Na="_wrapper_nyv1b_1",Ha="_deleteUnderlay_nyv1b_7",Ma="_card_nyv1b_23",$a="_dragging_nyv1b_43",La="_completed_nyv1b_49",Ia="_text_nyv1b_53",Pa="_grip_nyv1b_57",Ba="_checkIcon_nyv1b_77",Fa="_time_nyv1b_89",Wa="_editButton_nyv1b_96",F={wrapper:Na,deleteUnderlay:Ha,card:Ma,dragging:$a,completed:La,text:Ia,grip:Pa,checkIcon:Ba,time:Fa,editButton:Wa},Aa=-80,Ie=({event:o,color:a,textColor:s,onComplete:l,onEdit:c,onDelete:u,onDragEnd:d,draggable:f=!0})=>{const w=st(0),_=st(0),x=nn(w,[-80,0],[1,0]),[T,j]=S.useState(!1),I=S.useRef(!1),H=S.useRef(null),K=o.status==="completed",q=(p,z)=>{u&&z.offset.x<Aa?_e(w,-1e3,{duration:.2,onComplete:()=>u(o)}):_e(w,0,{type:"spring",stiffness:400,damping:30})},Z=()=>{if(I.current){I.current=!1;return}T||l==null||l(o)},le=p=>{!f||!d||(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),_.set(p.clientY-H.current.y))},ce=p=>{if(!H.current)return;const z=p.clientY,D=p.clientX;try{p.currentTarget.releasePointerCapture(H.current.pointerId)}catch{}H.current=null,j(!1),_e(_,0,{type:"spring",stiffness:400,damping:30}),_e(w,0,{type:"spring",stiffness:400,damping:30}),d==null||d(z,D)},V=!!u,de=f&&!!d;return e.jsxs("div",{className:F.wrapper,children:[V&&e.jsxs(Pe.div,{className:F.deleteUnderlay,style:{opacity:x},children:[e.jsx(an,{size:16}),e.jsx("span",{children:"Delete"})]}),e.jsxs(Pe.div,{className:`${F.card} ${K?F.completed:""} ${T?F.dragging:""}`,style:{x:w,y:_,background:a,color:s,borderLeftColor:a},drag:V&&!T?"x":!1,dragConstraints:V?{left:-200,right:0}:void 0,dragElastic:.15,dragDirectionLock:!0,onDragStart:()=>{I.current=!0},onDragEnd:q,whileTap:T?void 0:{scale:.98},animate:T?{scale:1.03}:{scale:1},onClick:Z,children:[de&&e.jsx("div",{className:F.grip,onPointerDown:le,onPointerMove:ee,onPointerUp:ce,onPointerCancel:ce,onClick:p=>p.stopPropagation(),children:e.jsx(ln,{size:14})}),K&&e.jsx(on,{size:14,className:F.checkIcon,strokeWidth:3}),e.jsx("span",{className:F.text,children:o.title}),o.time&&e.jsx("span",{className:F.time,children:o.time}),c&&e.jsx("button",{className:F.editButton,onClick:p=>{p.stopPropagation(),c(o)},"aria-label":"Edit event",children:e.jsx(dn,{size:13})})]})]})};Ie.__docgenInfo={description:"",methods:[],displayName:"DayEventCard",props:{draggable:{defaultValue:{value:"true",computed:!1},required:!1}}};const he=["id","title","date","time","endTime","allDay","type","status","priority","category"],Oa=o=>(typeof o=="string"?new Date(o):o).toISOString(),Ge=o=>{const a={};for(const s of he){const l=o[s];l!==void 0&&(a[s]=s==="date"?Oa(l):l)}return a},Ra=o=>{if(o==null)return"";const a=String(o);return/[",\n\r]/.test(a)?`"${a.replace(/"/g,'""')}"`:a},qa=o=>{const a=he.join(","),s=o.map(l=>{const c=Ge(l);return he.map(u=>Ra(c[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}]{${he.join(",")}}:`,s=o.map(l=>{const c=Ge(l);return"  "+he.map(u=>za(c[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"?qa(o):a==="json"?Va(o):Ga(o),Ja=(o,a,s)=>{const l=Xa(o,a),c=new Blob([l],{type:Ua[a]}),u=URL.createObjectURL(c),d=document.createElement("a");d.href=u,d.download=`events-${new Date().toISOString().slice(0,10)}.${Ya[a]}`,document.body.appendChild(d),d.click(),document.body.removeChild(d),URL.revokeObjectURL(u)};function se({events:o,onEventClick:a,onDateClick:s,onEventClickByView:l,onDateClickByView:c,onTimeSlotClick:u,onEventDrop:d,onEventComplete:f,onEventDelete:w,onEventEdit:_,viewMode:x="month",initialDate:T=new Date,config:j={},className:I="",style:H={},loading:K=!1,emptyState:q,hideHeader:Z=!1,compact:le=!1,selectedDate:ee,selectedCategoryId:ce,onCategoryChange:V,exportFormats:de}){const[p,z]=S.useState(T),[D,Fe]=S.useState(x),[zt,Gt]=S.useState(null),Ue=ce!==void 0,te=Ue?ce??null:zt,Ye=t=>{Ue||Gt(t),V==null||V(t)},We=S.useRef(null),Ae=S.useRef(null),[ge,Oe]=S.useState(!1),Re=S.useRef(null);S.useEffect(()=>{if(!ge)return;const t=r=>{Re.current&&!Re.current.contains(r.target)&&Oe(!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:fe,startHour:P=0,endHour:Ke=24,hourHeight:E=60,halfHourSlots:B=!1,categories:ne}=j,Ze=S.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=S.useMemo(()=>{const t=p.getFullYear(),r=p.getMonth();let h,m,k;if(D==="week"){h=new Date(p);const $=h.getDay(),y=me?h.getDate()-$+($===0?-6:1):h.getDate()-$;h=new Date(h.setDate(y)),h.setHours(0,0,0,0),m=new Date(h),m.setDate(m.getDate()+6);const A=h.toLocaleDateString(U,{day:"numeric",month:"short"}),L=m.toLocaleDateString(U,{day:"numeric",month:"short"});k=`${A} - ${L}`}else if(D==="day")h=new Date(p),h.setHours(0,0,0,0),m=new Date(p),m.setHours(23,59,59,999),k=p.toLocaleDateString(U,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const $=new Date(t,r,1),y=new Date(t,r+1,0);h=new Date($);const A=me?($.getDay()+6)%7:$.getDay();h.setDate(h.getDate()-A),m=new Date(y);const L=me?(y.getDay()+6)%7:y.getDay();m.setDate(m.getDate()+(6-L)),fe&&fe[r]?k=`${fe[r]} ${t}`:k=p.toLocaleDateString(U,Qe)}const N=[],M=new Date(h);for(;M<=m;)N.push(new Date(M)),M.setDate(M.getDate()+1);return{days:N,displayTitle:k}},[p,D,me,U,Qe,fe]);S.useEffect(()=>{const t=D==="day"?We:D==="week"?Ae:null;if(!(t!=null&&t.current))return;const r=new Date;if(!(D==="day"?p.toDateString()===r.toDateString():ue.days.some(N=>N.toDateString()===r.toDateString())))return;const m=(r.getHours()-tt)*60+r.getMinutes(),k=Math.max(0,m/60*et-100);setTimeout(()=>{t.current&&(t.current.scrollTop=k)},0)},[D,p,tt,et,ue]);const qe=t=>{const r=Ze.filter(h=>new Date(h.date).toDateString()===t.toDateString());return D==="week"?r.sort((h,m)=>{const k=h.time?nt(h.time):999999,N=m.time?nt(m.time):999999;return k-N}):r},nt=t=>{const[r,h]=t.split(":").map(Number);return r*60+h},Xt=()=>{const t=new Date(p);D==="week"?t.setDate(t.getDate()-7):D==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),z(t)},Jt=()=>{const t=new Date(p);D==="week"?t.setDate(t.getDate()+7):D==="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("#",""),h=parseInt(r.substring(0,2),16),m=parseInt(r.substring(2,4),16),k=parseInt(r.substring(4,6),16);return(.299*h+.587*m+.114*k)/255>.5?"#000000":"#FFFFFF"},ye=t=>{if(t.textColor)return t.textColor;const r=ae(t);return Kt(r)},we=t=>{l&&l[D]?l[D](t):a&&a(t)},at=t=>{c&&c[D]?c[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),h=t.getTime()-r.getTime(),m=1e3*60*60*24*7;return Math.floor(h/m)+1};return K?e.jsx("div",{className:`${n.calendar} ${n.loading} ${I}`,style:H,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${le?n.compact:""} ${I}`,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:[de&&de.length>0&&e.jsxs("div",{className:n.exportDropdown,ref:Re,children:[e.jsx("button",{type:"button",className:n.exportButton,onClick:()=>Oe(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:de.map(t=>e.jsx("button",{type:"button",role:"menuitem",className:n.exportMenuItem,onClick:()=>{Ja(Ze,t),Oe(!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} ${D==="month"?n.active:""}`,onClick:()=>Fe("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${D==="week"?n.active:""}`,onClick:()=>Fe("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${D==="day"?n.active:""}`,onClick:()=>Fe("day"),children:"Day"})]})]})]}),D==="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))]}),D==="day"?(()=>{const t=qe(p),r=t.filter(i=>!i.allDay&&i.time),h=t.filter(i=>i.allDay||!i.time),m=Array.from({length:Ke-P},(i,g)=>P+g),k=m.length*E,N=new Date,M=p.toDateString()===N.toDateString(),y=((N.getHours()-P)*60+N.getMinutes())/60*E,A=M&&y>=0&&y<=k,L=i=>{const[g,b]=i.split(":").map(Number);return g*60+b},Ve=i=>{if(!i.time||!i.endTime)return 30;const g=L(i.endTime)-L(i.time);return g>0?g:30},v=(i,g)=>{if(u){const b=new Date(p);b.setHours(i,g,0,0);const O=`${i.toString().padStart(2,"0")}:${g.toString().padStart(2,"0")}`;u(b,i,O)}},C=(i,g)=>{var De;if(!d)return;const b=(De=We.current)==null?void 0:De.querySelector(`.${n.dayTimelineGrid}`);if(!b)return;const O=b.getBoundingClientRect(),Y=g-O.top,X=B?E/2:E,R=Math.max(0,Math.floor(Y/X)),J=B?m.length*2:m.length,Q=Math.min(J-1,R),ze=P+Math.floor(B?Q/2:Q),pe=B&&Q%2===1?30:0,xe=new Date(p);xe.setHours(ze,pe,0,0),d(i,xe)};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"})})]}),h.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:h.map(i=>e.jsx(Ie,{event:i,color:ae(i),textColor:ye(i),onComplete:f??(a?we:void 0),onEdit:_,onDelete:w,draggable:!1},i.id))})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:We,children:e.jsxs("div",{className:n.dayTimelineGrid,style:{height:k},children:[m.map(i=>e.jsxs("div",{className:n.hourRow,style:{height:E},children:[e.jsxs("span",{className:n.hourLabel,children:[i.toString().padStart(2,"0"),":00"]}),e.jsx("div",{className:n.hourSlots,children:B?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,b]=i.time.split(":").map(Number),O=(g-P)*E+b/60*E,Y=Ve(i),X=Math.max(24,Y/60*E-2);return e.jsx("div",{className:n.dayEventAnchor,style:{top:O,height:X},onClick:R=>R.stopPropagation(),children:e.jsx(Ie,{event:i,color:ae(i),textColor:ye(i),onComplete:f??(a?we:void 0),onEdit:_,onDelete:w,onDragEnd:d?R=>C(i,R):void 0})},i.id)}),A&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${y}px`}})]})})]})})():D==="week"?(()=>{const t=ue.days,r=Array.from({length:Ke-P},(v,C)=>P+C),h=r.length*E,m=new Date,k=t.findIndex(v=>v.toDateString()===m.toDateString()),M=((m.getHours()-P)*60+m.getMinutes())/60*E,$=k>=0&&M>=0&&M<=h,y=v=>{const[C,i]=v.split(":").map(Number);return C*60+i},A=v=>{if(!v.time||!v.endTime)return 30;const C=y(v.endTime)-y(v.time);return C>0?C:30},L=(v,C,i)=>{if(!u)return;const g=new Date(v);g.setHours(C,i,0,0);const b=`${C.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`;u(g,C,b)},Ve=(v,C,i)=>{var rt;if(!d)return;const g=(rt=Ae.current)==null?void 0:rt.querySelector(`.${n.weekDayColumns}`);if(!g)return;const b=g.getBoundingClientRect(),O=i-b.left,Y=C-b.top,X=b.width/7,R=Math.min(6,Math.max(0,Math.floor(O/X))),J=t[R],Q=B?E/2:E,ze=B?r.length*2:r.length,pe=Math.min(ze-1,Math.max(0,Math.floor(Y/Q))),xe=P+Math.floor(B?pe/2:pe),De=B&&pe%2===1?30:0,ot=new Date(J);ot.setHours(xe,De,0,0),d(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 C=v.toDateString()===m.toDateString(),i=ee&&v.toDateString()===ee.toDateString();return e.jsxs("button",{type:"button",className:`${n.weekDayColumnHeader} ${C?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:Ae,children:e.jsxs("div",{className:n.weekTimelineGrid,style:{height:h},children:[e.jsx("div",{className:n.weekTimeColumn,children:r.map(v=>e.jsx("div",{className:n.weekTimeSlot,style:{height:E},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 C=qe(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:E},children:B?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>L(v,g,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>L(v,g,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>L(v,g,0)})},g)),C.map(g=>{const[b,O]=g.time.split(":").map(Number),Y=(b-P)*E+O/60*E,X=A(g),R=Math.max(24,X/60*E-2);return e.jsx("div",{className:n.weekEventAnchor,style:{top:Y,height:R},onClick:J=>J.stopPropagation(),children:e.jsx(Ie,{event:g,color:ae(g),textColor:ye(g),onComplete:f??(a?we:void 0),onEdit:_,onDelete:w,onDragEnd:d?(J,Q)=>Ve(g,J,Q):void 0})},g.id)}),i&&$&&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,h)=>{const m=qe(r),k=Zt(r),N=en(r),M=ve&&h%7===0,$=ee&&r.toDateString()===ee.toDateString();return e.jsxs(S.Fragment,{children:[M&&e.jsx("div",{className:n.weekNumberCell,style:t!==void 0?{height:t,minHeight:t}:void 0,children:tn(r)}),e.jsxs(Pe.div,{className:`${n.dayCell} ${k?n.today:""} ${N?"":n.otherMonth} ${$?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:h*.02,ease:"easeOut"},onClick:()=>at(r),children:[e.jsx("div",{className:n.dayNumber,children:r.getDate()}),m.length>0&&le&&D==="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,A)=>e.jsxs(Pe.div,{className:`${n.event} ${y.status==="completed"?n.completed:""}`,style:{backgroundColor:ae(y),color:ye(y),opacity:y.status==="completed"?.7:1},onClick:L=>{L.stopPropagation(),we(y)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:A*.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"]})]}):q?e.jsx("div",{className:n.emptyState,children:q}):null]})]},`${r.getFullYear()}-${r.getMonth()}-${r.getDate()}`)})})})()]})}se.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
 
 @component
 @description
@@ -44,7 +44,7 @@ project management, habit tracking, or any date-based data visualization.
     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"],Be=["meeting","task","review","deadline"],W=(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?W(c,h):void 0,type:Be[Math.floor(a()*Be.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??""]??"📅"})},Se={args:{events:ie(),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3,iconRenderer:Ka}},render:o=>{const[a,s]=S.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"}])}})}},ke={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 x=h*2%3+1;for(let D=0;D<x;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:W(C,D%2===0?0:30),endTime:W(C+1,D%2===0?0:30),color:oe[(h+D)%oe.length],textColor:"#ffffff"})}}const[u,c]=S.useState(d);return e.jsx(se,{...o,events:u,onTimeSlotClick:(h,w,x)=>{const D=Math.min(23,h.getHours()+1);c(C=>[...C,{id:`new-${Date.now()}`,title:`New @ ${x}`,date:h,time:x,endTime:W(D,h.getMinutes()),color:"#6366f1",textColor:"#ffffff"}])},onEventComplete:h=>c(w=>w.map(x=>x.id===h.id?{...x,status:x.status==="completed"?"pending":"completed"}:x)),onEventDelete:h=>c(w=>w.filter(x=>x.id!==h.id)),onEventDrop:(h,w)=>{c(x=>x.map(D=>{if(D.id!==h.id)return D;const C=new Date(D.date),b=w.getTime()-C.getTime(),I=(()=>{if(!D.endTime||!D.time)return D.endTime;const[H,K]=D.endTime.split(":").map(Number),q=new Date(C);q.setHours(H,K,0,0);const Z=new Date(q.getTime()+b);return W(Z.getHours(),Z.getMinutes())})();return{...D,date:w,time:W(w.getHours(),w.getMinutes()),endTime:I}}))}})}},je={args:{events:[],viewMode:"day",config:{startHour:6,endHour:24,hourHeight:72,halfHourSlots:!0,mondayStart:!0}},render:o=>{const[a,s]=S.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:W(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(),x=(()=>{if(!c.endTime||!c.time)return c.endTime;const[D,C]=c.endTime.split(":").map(Number),b=new Date(h);b.setHours(D,C,0,0);const I=new Date(b.getTime()+w);return W(I.getHours(),I.getMinutes())})();return{...c,date:d,time:W(d.getHours(),d.getMinutes()),endTime:x}}))}})}},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}}},be={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:W(8+s),type:Be[s%Be.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}}},$e={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"}]}}},Le={args:{events:[]},render:()=>{const[o,a]=S.useState(new Date),s=S.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;Se.parameters={...Se.parameters,docs:{...(it=Se.parameters)==null?void 0:it.docs,source:{originalSource:`{
+}`,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"],Be=["meeting","task","review","deadline"],W=(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 c=0;c<28;c++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(a()*30)-15);const d=8+Math.floor(a()*10),f=a()>.5?0:30;l.push({id:`m-${c}`,title:re[c%re.length],date:u,time:a()>.35?W(d,f):void 0,type:Be[Math.floor(a()*Be.length)],status:a()>.75?"completed":"pending",color:oe[c%oe.length],textColor:"#ffffff"})}return l},Vt=()=>{const o=new Date,a=(s,l=0)=>{const c=new Date(o);return c.setHours(s,l,0,0),c};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??""]??"📅"})},Se={args:{events:ie(),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3,iconRenderer:Ka}},render:o=>{const[a,s]=S.useState(o.events??[]);return e.jsx(se,{...o,events:a,onEventClick:l=>{s(c=>c.map(u=>u.id===l.id?{...u,status:u.status==="completed"?"pending":"completed"}:u))},onDateClick:l=>{s(c=>[...c,{id:`new-${Date.now()}`,title:"New event",date:l,time:"15:00",type:"task",status:"pending",color:"#6366f1",textColor:"#ffffff"}])}})}},ke={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 c=[];for(let f=0;f<7;f++){const w=new Date(l);w.setDate(l.getDate()+f);const _=f*2%3+1;for(let x=0;x<_;x++){const T=9+x*3+f%2;c.push({id:`w-${f}-${x}`,title:re[(f*3+x)%re.length],date:new Date(w),time:W(T,x%2===0?0:30),endTime:W(T+1,x%2===0?0:30),color:oe[(f+x)%oe.length],textColor:"#ffffff"})}}const[u,d]=S.useState(c);return e.jsx(se,{...o,events:u,onTimeSlotClick:(f,w,_)=>{const x=Math.min(23,f.getHours()+1);d(T=>[...T,{id:`new-${Date.now()}`,title:`New @ ${_}`,date:f,time:_,endTime:W(x,f.getMinutes()),color:"#6366f1",textColor:"#ffffff"}])},onEventComplete:f=>d(w=>w.map(_=>_.id===f.id?{..._,status:_.status==="completed"?"pending":"completed"}:_)),onEventDelete:f=>d(w=>w.filter(_=>_.id!==f.id)),onEventDrop:(f,w)=>{d(_=>_.map(x=>{if(x.id!==f.id)return x;const T=new Date(x.date),j=w.getTime()-T.getTime(),I=(()=>{if(!x.endTime||!x.time)return x.endTime;const[H,K]=x.endTime.split(":").map(Number),q=new Date(T);q.setHours(H,K,0,0);const Z=new Date(q.getTime()+j);return W(Z.getHours(),Z.getMinutes())})();return{...x,date:w,time:W(w.getHours(),w.getMinutes()),endTime:I}}))}})}},Ce={args:{events:[],viewMode:"day",config:{startHour:6,endHour:24,hourHeight:72,halfHourSlots:!0,mondayStart:!0}},render:o=>{const[a,s]=S.useState(Vt());return e.jsx(se,{...o,events:a,onTimeSlotClick:(l,c,u)=>{const d=Math.min(23,l.getHours()+1);s(f=>[...f,{id:`new-${Date.now()}`,title:`New @ ${u}`,date:l,time:u,endTime:W(d,l.getMinutes()),color:"#6366f1",textColor:"#ffffff"}])},onEventComplete:l=>s(c=>c.map(u=>u.id===l.id?{...u,status:u.status==="completed"?"pending":"completed"}:u)),onEventDelete:l=>s(c=>c.filter(u=>u.id!==l.id)),onEventEdit:l=>{const c=window.prompt("Rename event",l.title);c&&s(u=>u.map(d=>d.id===l.id?{...d,title:c}:d))},onEventDrop:(l,c)=>{s(u=>u.map(d=>{if(d.id!==l.id)return d;const f=new Date(d.date),w=c.getTime()-f.getTime(),_=(()=>{if(!d.endTime||!d.time)return d.endTime;const[x,T]=d.endTime.split(":").map(Number),j=new Date(f);j.setHours(x,T,0,0);const I=new Date(j.getTime()+w);return W(I.getHours(),I.getMinutes())})();return{...d,date:c,time:W(c.getHours(),c.getMinutes()),endTime:_}}))}})}},Te={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}}},Ee={args:{events:Vt(),viewMode:"day",compact:!0,config:{startHour:7,endHour:22,hourHeight:56,halfHourSlots:!0},style:{maxWidth:520}}},be={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:W(8+s),type:Be[s%Be.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}}},$e={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"}]}}},Le={args:{events:[]},render:()=>{const[o,a]=S.useState(new Date),s=S.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,ct;Se.parameters={...Se.parameters,docs:{...(it=Se.parameters)==null?void 0:it.docs,source:{originalSource:`{
   args: {
     events: buildMonthEvents(),
     viewMode: 'month',
@@ -74,7 +74,7 @@ project management, habit tracking, or any date-based data visualization.
       }]);
     }} />;
   }
-}`,...(dt=(lt=Se.parameters)==null?void 0:lt.docs)==null?void 0:dt.source}}};var ct,mt,ut;ke.parameters={...ke.parameters,docs:{...(ct=ke.parameters)==null?void 0:ct.docs,source:{originalSource:`{
+}`,...(ct=(lt=Se.parameters)==null?void 0:lt.docs)==null?void 0:ct.source}}};var dt,mt,ut;ke.parameters={...ke.parameters,docs:{...(dt=ke.parameters)==null?void 0:dt.docs,source:{originalSource:`{
   args: {
     events: [],
     viewMode: 'week',
@@ -148,7 +148,7 @@ project management, habit tracking, or any date-based data visualization.
       }));
     }} />;
   }
-}`,...(ut=(mt=ke.parameters)==null?void 0:mt.docs)==null?void 0:ut.source}}};var pt,yt,gt;je.parameters={...je.parameters,docs:{...(pt=je.parameters)==null?void 0:pt.docs,source:{originalSource:`{
+}`,...(ut=(mt=ke.parameters)==null?void 0:mt.docs)==null?void 0:ut.source}}};var pt,ht,gt;Ce.parameters={...Ce.parameters,docs:{...(pt=Ce.parameters)==null?void 0:pt.docs,source:{originalSource:`{
   args: {
     events: [],
     viewMode: 'day',
@@ -205,7 +205,7 @@ project management, habit tracking, or any date-based data visualization.
       }));
     }} />;
   }
-}`,...(gt=(yt=je.parameters)==null?void 0:yt.docs)==null?void 0:gt.source}}};var vt,ht,ft;Ce.parameters={...Ce.parameters,docs:{...(vt=Ce.parameters)==null?void 0:vt.docs,source:{originalSource:`{
+}`,...(gt=(ht=Ce.parameters)==null?void 0:ht.docs)==null?void 0:gt.source}}};var vt,ft,yt;Te.parameters={...Te.parameters,docs:{...(vt=Te.parameters)==null?void 0:vt.docs,source:{originalSource:`{
   args: {
     events: (() => {
       const base = buildMonthEvents(1);
@@ -237,7 +237,7 @@ project management, habit tracking, or any date-based data visualization.
       maxWidth: 420
     }
   }
-}`,...(ft=(ht=Ce.parameters)==null?void 0:ht.docs)==null?void 0:ft.source}}};var wt,Dt,_t;Te.parameters={...Te.parameters,docs:{...(wt=Te.parameters)==null?void 0:wt.docs,source:{originalSource:`{
+}`,...(yt=(ft=Te.parameters)==null?void 0:ft.docs)==null?void 0:yt.source}}};var wt,xt,Dt;Ee.parameters={...Ee.parameters,docs:{...(wt=Ee.parameters)==null?void 0:wt.docs,source:{originalSource:`{
   args: {
     events: buildDayEvents(),
     viewMode: 'day',
@@ -252,7 +252,7 @@ project management, habit tracking, or any date-based data visualization.
       maxWidth: 520
     }
   }
-}`,...(_t=(Dt=Te.parameters)==null?void 0:Dt.docs)==null?void 0:_t.source}}};var xt,St,kt;Ee.parameters={...Ee.parameters,docs:{...(xt=Ee.parameters)==null?void 0:xt.docs,source:{originalSource:`{
+}`,...(Dt=(xt=Ee.parameters)==null?void 0:xt.docs)==null?void 0:Dt.source}}};var _t,St,kt;be.parameters={...be.parameters,docs:{...(_t=be.parameters)==null?void 0:_t.docs,source:{originalSource:`{
   args: {
     events: buildMonthEvents(3),
     viewMode: 'month',
@@ -262,7 +262,7 @@ project management, habit tracking, or any date-based data visualization.
       maxEventsPerDay: 3
     }
   }
-}`,...(kt=(St=Ee.parameters)==null?void 0:St.docs)==null?void 0:kt.source}}};var jt,Ct,Tt;be.parameters={...be.parameters,docs:{...(jt=be.parameters)==null?void 0:jt.docs,source:{originalSource:`{
+}`,...(kt=(St=be.parameters)==null?void 0:St.docs)==null?void 0:kt.source}}};var Ct,Tt,Et;je.parameters={...je.parameters,docs:{...(Ct=je.parameters)==null?void 0:Ct.docs,source:{originalSource:`{
   args: {
     events: (() => {
       const today = new Date();
@@ -284,12 +284,12 @@ project management, habit tracking, or any date-based data visualization.
       maxEventsPerDay: 3
     }
   }
-}`,...(Tt=(Ct=be.parameters)==null?void 0:Ct.docs)==null?void 0:Tt.source}}};var Et,bt,Nt;Ne.parameters={...Ne.parameters,docs:{...(Et=Ne.parameters)==null?void 0:Et.docs,source:{originalSource:`{
+}`,...(Et=(Tt=je.parameters)==null?void 0:Tt.docs)==null?void 0:Et.source}}};var bt,jt,Nt;Ne.parameters={...Ne.parameters,docs:{...(bt=Ne.parameters)==null?void 0:bt.docs,source:{originalSource:`{
   args: {
     events: [],
     loading: true
   }
-}`,...(Nt=(bt=Ne.parameters)==null?void 0:bt.docs)==null?void 0:Nt.source}}};var Ht,Mt,$t;He.parameters={...He.parameters,docs:{...(Ht=He.parameters)==null?void 0:Ht.docs,source:{originalSource:`{
+}`,...(Nt=(jt=Ne.parameters)==null?void 0:jt.docs)==null?void 0:Nt.source}}};var Ht,Mt,$t;He.parameters={...He.parameters,docs:{...(Ht=He.parameters)==null?void 0:Ht.docs,source:{originalSource:`{
   args: {
     events: [],
     viewMode: 'month',
@@ -364,4 +364,4 @@ project management, habit tracking, or any date-based data visualization.
       }} />
             </div>;
   }
-}`,...(Rt=(Ot=Le.parameters)==null?void 0:Ot.docs)==null?void 0:Rt.source}}};const po=["Default","WeekView","DayView","CompactMonth","CompactDay","WithWeekNumbers","OverflowDay","Loading","Empty","WithExport","WithCategoryFilter","ControlledSelection"];export{Te as CompactDay,Ce as CompactMonth,Le as ControlledSelection,je as DayView,Se as Default,He as Empty,Ne as Loading,be as OverflowDay,ke as WeekView,$e as WithCategoryFilter,Me as WithExport,Ee as WithWeekNumbers,po as __namedExportsOrder,uo as default};
+}`,...(Rt=(Ot=Le.parameters)==null?void 0:Ot.docs)==null?void 0:Rt.source}}};const po=["Default","WeekView","DayView","CompactMonth","CompactDay","WithWeekNumbers","OverflowDay","Loading","Empty","WithExport","WithCategoryFilter","ControlledSelection"];export{Ee as CompactDay,Te as CompactMonth,Le as ControlledSelection,Ce as DayView,Se as Default,He as Empty,Ne as Loading,je as OverflowDay,ke as WeekView,$e as WithCategoryFilter,Me as WithExport,be as WithWeekNumbers,po as __namedExportsOrder,uo as default};

package/storybook-static/assets/{Card-2B4Dlw2C.js → Card-Bj2f3gkT.js}

@@ -1,4 +1,4 @@
-import{r as I,j as e}from"./iframe-BINQyIZA.js";import{A as M}from"./index-DnyCC_gr.js";import{m as _}from"./proxy-D7-_CcFt.js";const B="_card_k0xft_1",V="_hoverable_k0xft_50",A="_elevated_k0xft_65",L="_outlined_k0xft_78",S="_flat_k0xft_111",E="_glass_k0xft_156",W="_imageContainer_k0xft_187",F="_image_k0xft_187",H="_header_k0xft_233",R="_headerContent_k0xft_248",O="_expandButton_k0xft_254",D="_expandIcon_k0xft_285",J="_expandableContent_k0xft_289",U="_expandable_k0xft_289",X="_body_k0xft_313",z="_footer_k0xft_319",G="_title_k0xft_350",K="_subtitle_k0xft_366",Q="_clickable_k0xft_380",Y="_padding_k0xft_394",Z="_noPadding_k0xft_398",$="_loading_k0xft_403",ee="_loadingShimmer_k0xft_1",ae="_loadingPulse_k0xft_1",a={card:B,hoverable:V,elevated:A,outlined:L,flat:S,glass:E,imageContainer:W,image:F,header:H,headerContent:R,expandButton:O,expandIcon:D,expandableContent:J,expandable:U,body:X,footer:z,title:G,subtitle:K,clickable:Q,padding:Y,noPadding:Z,loading:$,loadingShimmer:ee,loadingPulse:ae},te=({variant:g="elevated",hoverable:d=!1,clickable:l=!1,padding:c=!0,image:p,imageAlt:v="",title:o,subtitle:s,header:u,footer:m,children:f,expandable:t=!1,defaultExpanded:C=!1,expanded:i,onExpandChange:r,className:b="",onClick:k,motionProps:y,...j})=>{const[T,N]=I.useState(C),n=i!==void 0?i:T,h=()=>{const x=!n;i===void 0&&N(x),r==null||r(x)},q=[a.card,a[g],d&&a.hoverable,l&&a.clickable,!c&&a.noPadding,t&&a.expandable,b].filter(Boolean).join(" "),w=()=>u?e.jsxs("div",{className:a.header,children:[e.jsx("div",{className:a.headerContent,children:u}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):o||s?e.jsxs("div",{className:a.header,children:[e.jsxs("div",{className:a.headerContent,children:[o&&e.jsx("h3",{className:a.title,children:o}),s&&e.jsx("p",{className:a.subtitle,children:s})]}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):null,P=e.jsxs(e.Fragment,{children:[p&&e.jsx("div",{className:a.imageContainer,children:e.jsx("img",{src:p,alt:v,className:a.image})}),w(),e.jsx(M,{initial:!1,children:(!t||n)&&e.jsxs(_.div,{initial:t?{height:0,opacity:0}:void 0,animate:t?{height:"auto",opacity:1}:void 0,exit:t?{height:0,opacity:0}:void 0,transition:{duration:.3,ease:"easeInOut"},className:a.expandableContent,children:[f&&e.jsx("div",{className:c?a.body:void 0,children:f}),m&&e.jsx("div",{className:a.footer,children:m})]},"content")})]});return e.jsx(_.div,{className:q,onClick:l?k:void 0,whileHover:d?{y:-4}:void 0,transition:{type:"spring",stiffness:400,damping:17},...y,...j,children:P})};te.__docgenInfo={description:`Card Component
+import{r as I,j as e}from"./iframe-BVoBDGkl.js";import{A as M}from"./index-DufMyQUu.js";import{m as _}from"./proxy-DTYfJ2to.js";const B="_card_k0xft_1",V="_hoverable_k0xft_50",A="_elevated_k0xft_65",L="_outlined_k0xft_78",S="_flat_k0xft_111",E="_glass_k0xft_156",W="_imageContainer_k0xft_187",F="_image_k0xft_187",H="_header_k0xft_233",R="_headerContent_k0xft_248",O="_expandButton_k0xft_254",D="_expandIcon_k0xft_285",J="_expandableContent_k0xft_289",U="_expandable_k0xft_289",X="_body_k0xft_313",z="_footer_k0xft_319",G="_title_k0xft_350",K="_subtitle_k0xft_366",Q="_clickable_k0xft_380",Y="_padding_k0xft_394",Z="_noPadding_k0xft_398",$="_loading_k0xft_403",ee="_loadingShimmer_k0xft_1",ae="_loadingPulse_k0xft_1",a={card:B,hoverable:V,elevated:A,outlined:L,flat:S,glass:E,imageContainer:W,image:F,header:H,headerContent:R,expandButton:O,expandIcon:D,expandableContent:J,expandable:U,body:X,footer:z,title:G,subtitle:K,clickable:Q,padding:Y,noPadding:Z,loading:$,loadingShimmer:ee,loadingPulse:ae},te=({variant:g="elevated",hoverable:d=!1,clickable:l=!1,padding:c=!0,image:p,imageAlt:v="",title:o,subtitle:s,header:u,footer:m,children:f,expandable:t=!1,defaultExpanded:C=!1,expanded:i,onExpandChange:r,className:b="",onClick:k,motionProps:y,...j})=>{const[T,N]=I.useState(C),n=i!==void 0?i:T,h=()=>{const x=!n;i===void 0&&N(x),r==null||r(x)},q=[a.card,a[g],d&&a.hoverable,l&&a.clickable,!c&&a.noPadding,t&&a.expandable,b].filter(Boolean).join(" "),w=()=>u?e.jsxs("div",{className:a.header,children:[e.jsx("div",{className:a.headerContent,children:u}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):o||s?e.jsxs("div",{className:a.header,children:[e.jsxs("div",{className:a.headerContent,children:[o&&e.jsx("h3",{className:a.title,children:o}),s&&e.jsx("p",{className:a.subtitle,children:s})]}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):null,P=e.jsxs(e.Fragment,{children:[p&&e.jsx("div",{className:a.imageContainer,children:e.jsx("img",{src:p,alt:v,className:a.image})}),w(),e.jsx(M,{initial:!1,children:(!t||n)&&e.jsxs(_.div,{initial:t?{height:0,opacity:0}:void 0,animate:t?{height:"auto",opacity:1}:void 0,exit:t?{height:0,opacity:0}:void 0,transition:{duration:.3,ease:"easeInOut"},className:a.expandableContent,children:[f&&e.jsx("div",{className:c?a.body:void 0,children:f}),m&&e.jsx("div",{className:a.footer,children:m})]},"content")})]});return e.jsx(_.div,{className:q,onClick:l?k:void 0,whileHover:d?{y:-4}:void 0,transition:{type:"spring",stiffness:400,damping:17},...y,...j,children:P})};te.__docgenInfo={description:`Card Component
 
 @component
 @description

package/storybook-static/assets/{Card.stories-Dx_8CJUo.js → Card.stories-C1A8NBTN.js}

@@ -1,4 +1,4 @@
-import{j as e,r as T}from"./iframe-BINQyIZA.js";import{C as a}from"./Card-2B4Dlw2C.js";import{B as t}from"./Button-BFubkKpV.js";import"./preload-helper-C1FmrZbK.js";import"./index-DnyCC_gr.js";import"./proxy-D7-_CcFt.js";import"./MotionConfigContext-Cl-Ye_B1.js";import"./useSound-Brsebkk1.js";const D={title:"Atoms/Card",component:a,parameters:{layout:"centered",docs:{description:{component:"A flexible container component with various styling options and animation support."}}},argTypes:{variant:{control:"select",options:["elevated","outlined","flat","glass"],description:"Visual style variant of the card"},padding:{control:"boolean"},hoverable:{control:"boolean"},clickable:{control:"boolean"},expandable:{control:"boolean"},defaultExpanded:{control:"boolean"},title:{control:"text"},subtitle:{control:"text"},onClick:{action:"clicked"},onExpandChange:{action:"expand-changed"}}},r={args:{title:"Card Title",subtitle:"Optional subtitle",hoverable:!0,children:e.jsx("p",{children:"Card content goes here. Use controls to switch between elevated, outlined, flat, and glass variants."})}},n={args:{variant:"elevated",hoverable:!0,image:"https://via.placeholder.com/350x200",imageAlt:"Feature image",children:e.jsxs("div",{style:{maxWidth:"350px"},children:[e.jsx("h2",{style:{marginBottom:"0.5rem"},children:"Feature Card"}),e.jsx("p",{style:{marginBottom:"1rem",color:"#666"},children:"Image, title, description, and action buttons composed together."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Learn More"}),e.jsx(t,{variant:"outline",size:"small",children:"Share"})]})]})}},l={render:()=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"1rem",maxWidth:"800px"},children:[e.jsxs(a,{variant:"elevated",hoverable:!0,children:[e.jsx("h4",{children:"Elevated"}),e.jsx("p",{children:"With shadow"})]}),e.jsxs(a,{variant:"outlined",hoverable:!0,children:[e.jsx("h4",{children:"Outlined"}),e.jsx("p",{children:"With border"})]}),e.jsxs(a,{variant:"glass",hoverable:!0,children:[e.jsx("h4",{children:"Glass"}),e.jsx("p",{children:"Glassmorphism"})]})]}),parameters:{controls:{disable:!0},layout:"padded"}},s={args:{title:"Expandable Card",subtitle:"Click the arrow to expand",expandable:!0,variant:"outlined",children:e.jsxs("div",{children:[e.jsx("p",{children:"This content is collapsible. Useful for FAQ sections, settings panels, or progressive disclosure."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",marginTop:"1rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Action"}),e.jsx(t,{variant:"outline",size:"small",children:"Secondary"})]})]})}},i={render:()=>{const[d,p]=T.useState(!1);return e.jsxs("div",{style:{width:"400px"},children:[e.jsxs(a,{title:"Controlled Expandable",subtitle:"State managed externally",expandable:!0,expanded:d,onExpandChange:p,variant:"glass",hoverable:!0,children:[e.jsx("p",{children:"Expanded state is controlled via props."}),e.jsxs("p",{children:["Current: ",e.jsx("strong",{children:d?"Expanded":"Collapsed"})]})]}),e.jsx("div",{style:{marginTop:"1rem",textAlign:"center"},children:e.jsx(t,{variant:"primary",onClick:()=>p(!d),children:"External Toggle"})})]})},parameters:{controls:{disable:!0}}},o={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",maxWidth:"600px"},children:[e.jsx(a,{title:"Getting Started",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Create an account and follow the onboarding tutorial to get started."})}),e.jsx(a,{title:"Account Management",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Manage settings from the profile page: personal info, password, notifications."})}),e.jsx(a,{title:"Billing & Payments",expandable:!0,defaultExpanded:!0,variant:"outlined",children:e.jsx("p",{children:"We accept all major credit cards and PayPal. Billing is monthly or annual."})})]}),parameters:{controls:{disable:!0},layout:"padded"}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as e,r as T}from"./iframe-BVoBDGkl.js";import{C as a}from"./Card-Bj2f3gkT.js";import{B as t}from"./Button-CHt05Jbq.js";import"./preload-helper-C1FmrZbK.js";import"./index-DufMyQUu.js";import"./proxy-DTYfJ2to.js";import"./MotionConfigContext-BPeKZQwM.js";import"./useSound-D3odJ6j_.js";const D={title:"Atoms/Card",component:a,parameters:{layout:"centered",docs:{description:{component:"A flexible container component with various styling options and animation support."}}},argTypes:{variant:{control:"select",options:["elevated","outlined","flat","glass"],description:"Visual style variant of the card"},padding:{control:"boolean"},hoverable:{control:"boolean"},clickable:{control:"boolean"},expandable:{control:"boolean"},defaultExpanded:{control:"boolean"},title:{control:"text"},subtitle:{control:"text"},onClick:{action:"clicked"},onExpandChange:{action:"expand-changed"}}},r={args:{title:"Card Title",subtitle:"Optional subtitle",hoverable:!0,children:e.jsx("p",{children:"Card content goes here. Use controls to switch between elevated, outlined, flat, and glass variants."})}},n={args:{variant:"elevated",hoverable:!0,image:"https://via.placeholder.com/350x200",imageAlt:"Feature image",children:e.jsxs("div",{style:{maxWidth:"350px"},children:[e.jsx("h2",{style:{marginBottom:"0.5rem"},children:"Feature Card"}),e.jsx("p",{style:{marginBottom:"1rem",color:"#666"},children:"Image, title, description, and action buttons composed together."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Learn More"}),e.jsx(t,{variant:"outline",size:"small",children:"Share"})]})]})}},l={render:()=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"1rem",maxWidth:"800px"},children:[e.jsxs(a,{variant:"elevated",hoverable:!0,children:[e.jsx("h4",{children:"Elevated"}),e.jsx("p",{children:"With shadow"})]}),e.jsxs(a,{variant:"outlined",hoverable:!0,children:[e.jsx("h4",{children:"Outlined"}),e.jsx("p",{children:"With border"})]}),e.jsxs(a,{variant:"glass",hoverable:!0,children:[e.jsx("h4",{children:"Glass"}),e.jsx("p",{children:"Glassmorphism"})]})]}),parameters:{controls:{disable:!0},layout:"padded"}},s={args:{title:"Expandable Card",subtitle:"Click the arrow to expand",expandable:!0,variant:"outlined",children:e.jsxs("div",{children:[e.jsx("p",{children:"This content is collapsible. Useful for FAQ sections, settings panels, or progressive disclosure."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",marginTop:"1rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Action"}),e.jsx(t,{variant:"outline",size:"small",children:"Secondary"})]})]})}},i={render:()=>{const[d,p]=T.useState(!1);return e.jsxs("div",{style:{width:"400px"},children:[e.jsxs(a,{title:"Controlled Expandable",subtitle:"State managed externally",expandable:!0,expanded:d,onExpandChange:p,variant:"glass",hoverable:!0,children:[e.jsx("p",{children:"Expanded state is controlled via props."}),e.jsxs("p",{children:["Current: ",e.jsx("strong",{children:d?"Expanded":"Collapsed"})]})]}),e.jsx("div",{style:{marginTop:"1rem",textAlign:"center"},children:e.jsx(t,{variant:"primary",onClick:()=>p(!d),children:"External Toggle"})})]})},parameters:{controls:{disable:!0}}},o={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",maxWidth:"600px"},children:[e.jsx(a,{title:"Getting Started",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Create an account and follow the onboarding tutorial to get started."})}),e.jsx(a,{title:"Account Management",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Manage settings from the profile page: personal info, password, notifications."})}),e.jsx(a,{title:"Billing & Payments",expandable:!0,defaultExpanded:!0,variant:"outlined",children:e.jsx("p",{children:"We accept all major credit cards and PayPal. Billing is monthly or annual."})})]}),parameters:{controls:{disable:!0},layout:"padded"}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
   args: {
     title: 'Card Title',
     subtitle: 'Optional subtitle',

package/storybook-static/assets/{CardNav.stories-DRxuuo3S.js → CardNav.stories-BSezT2Mu.js}

@@ -1,4 +1,4 @@
-import{r as o,j as t}from"./iframe-BINQyIZA.js";import{g as u}from"./index-C8pce-KX.js";import{G as M}from"./iconBase-DykFijkc.js";import"./preload-helper-C1FmrZbK.js";function U(f){return M({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M18.25 15.5a.75.75 0 0 1-.75-.75V7.56L7.28 17.78a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L16.44 6.5H9.25a.75.75 0 0 1 0-1.5h9a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75Z"},child:[]}]})(f)}const G="_open_87iwp_63",O="_logo_87iwp_71",n={"card-nav-container":"_card-nav-container_87iwp_1","card-nav":"_card-nav_87iwp_1","card-nav-top":"_card-nav-top_87iwp_25","hamburger-menu":"_hamburger-menu_87iwp_38","hamburger-line":"_hamburger-line_87iwp_48",open:G,"logo-container":"_logo-container_87iwp_71",logo:O,"card-nav-cta-button":"_card-nav-cta-button_87iwp_84","card-nav-content":"_card-nav-content_87iwp_101","nav-card":"_nav-card_87iwp_121","nav-card-label":"_nav-card-label_87iwp_134","nav-card-links":"_nav-card-links_87iwp_140","nav-card-link":"_nav-card-link_87iwp_140"},L=({logo:f,logoAlt:$="Logo",items:m,className:N="",ease:b="power3.out",baseColor:k="#fff",menuColor:R,buttonBgColor:j,buttonTextColor:E})=>{const[A,g]=o.useState(!1),[s,_]=o.useState(!1),c=o.useRef(null),p=o.useRef([]),l=o.useRef(null),C=()=>{const e=c.current;if(!e)return 260;if(window.matchMedia("(max-width: 768px)").matches){const a=e.querySelector(".card-nav-content");if(a){const i=a.style.visibility,v=a.style.pointerEvents,S=a.style.position,T=a.style.height;a.style.visibility="visible",a.style.pointerEvents="auto",a.style.position="static",a.style.height="auto",a.offsetHeight;const V=60,q=16,I=a.scrollHeight;return a.style.visibility=i,a.style.pointerEvents=v,a.style.position=S,a.style.height=T,V+I+q}}return 260},h=()=>{const e=c.current;if(!e)return null;u.set(e,{height:60,overflow:"hidden"}),u.set(p.current,{y:50,opacity:0});const r=u.timeline({paused:!0});return r.to(e,{height:C,duration:.4,ease:b}),r.to(p.current,{y:0,opacity:1,duration:.4,ease:b,stagger:.08},"-=0.1"),r};o.useLayoutEffect(()=>{const e=h();return l.current=e,()=>{e==null||e.kill(),l.current=null}},[b,m]),o.useLayoutEffect(()=>{const e=()=>{if(l.current)if(s){const r=C();u.set(c.current,{height:r}),l.current.kill();const a=h();a&&(a.progress(1),l.current=a)}else{l.current.kill();const r=h();r&&(l.current=r)}};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]);const D=()=>{const e=l.current;e&&(s?(g(!1),e.eventCallback("onReverseComplete",()=>_(!1)),e.reverse()):(g(!0),_(!0),e.play(0)))},H=e=>r=>{r&&(p.current[e]=r)};return t.jsx("div",{className:`${n["card-nav-container"]} ${N}`,children:t.jsxs("nav",{ref:c,className:`${n["card-nav"]} ${s?n.open:""}`,style:{backgroundColor:k},children:[t.jsxs("div",{className:`${n["card-nav-top"]}`,children:[t.jsxs("div",{className:`${n["hamburger-menu"]} ${A?n.open:""}`,onClick:D,role:"button","aria-label":s?"Close menu":"Open menu",tabIndex:0,style:{color:R||"#000"},children:[t.jsx("div",{className:`${n["hamburger-line"]}`}),t.jsx("div",{className:`${n["hamburger-line"]}`})]}),t.jsx("div",{className:`${n["logo-container"]}`,children:t.jsx("img",{src:f,alt:$,className:`${n.logo}`})}),t.jsx("button",{type:"button",className:`${n["card-nav-cta-button"]}`,style:{backgroundColor:j,color:E},children:"Get Started"})]}),t.jsx("div",{className:`${n["card-nav-content"]}`,"aria-hidden":!s,children:(m||[]).slice(0,3).map((e,r)=>{var a;return t.jsxs("div",{className:`${n["nav-card"]}`,ref:H(r),style:{backgroundColor:e.bgColor,color:e.textColor},children:[t.jsx("div",{className:`${n["nav-card-label"]}`,children:e.label}),t.jsx("div",{className:`${n["nav-card-links"]}`,children:(a=e.links)==null?void 0:a.map((i,v)=>t.jsxs("a",{className:`${n["nav-card-link"]}`,href:i.href,"aria-label":i.ariaLabel,children:[t.jsx(U,{className:"nav-card-link-icon","aria-hidden":"true"}),i.label]},`${i.label}-${v}`))})]},`${e.label}-${r}`)})})]})})};L.__docgenInfo={description:"",methods:[],displayName:"CardNav",props:{logoAlt:{defaultValue:{value:"'Logo'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},baseColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1}}};const Z={title:"ReactBits/Components/CardNav",component:L,parameters:{layout:"fullscreen"}},d={args:{logoAlt:"Logo",items:[{label:"Products",bgColor:"#1a1a2e",textColor:"#fff",links:[{label:"Analytics",href:"#",ariaLabel:"Analytics"},{label:"Dashboard",href:"#",ariaLabel:"Dashboard"},{label:"Reports",href:"#",ariaLabel:"Reports"}]},{label:"Resources",bgColor:"#16213e",textColor:"#fff",links:[{label:"Documentation",href:"#",ariaLabel:"Documentation"},{label:"Tutorials",href:"#",ariaLabel:"Tutorials"}]},{label:"Company",bgColor:"#0f3460",textColor:"#fff",links:[{label:"About Us",href:"#",ariaLabel:"About Us"},{label:"Careers",href:"#",ariaLabel:"Careers"},{label:"Contact",href:"#",ariaLabel:"Contact"}]}],ease:"power3.out",baseColor:"#fff"}};var y,w,x;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`{
+import{r as o,j as t}from"./iframe-BVoBDGkl.js";import{g as u}from"./index-C8pce-KX.js";import{G as M}from"./iconBase-B-RSH0v3.js";import"./preload-helper-C1FmrZbK.js";function U(f){return M({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M18.25 15.5a.75.75 0 0 1-.75-.75V7.56L7.28 17.78a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L16.44 6.5H9.25a.75.75 0 0 1 0-1.5h9a.75.75 0 0 1 .75.75v9a.75.75 0 0 1-.75.75Z"},child:[]}]})(f)}const G="_open_87iwp_63",O="_logo_87iwp_71",n={"card-nav-container":"_card-nav-container_87iwp_1","card-nav":"_card-nav_87iwp_1","card-nav-top":"_card-nav-top_87iwp_25","hamburger-menu":"_hamburger-menu_87iwp_38","hamburger-line":"_hamburger-line_87iwp_48",open:G,"logo-container":"_logo-container_87iwp_71",logo:O,"card-nav-cta-button":"_card-nav-cta-button_87iwp_84","card-nav-content":"_card-nav-content_87iwp_101","nav-card":"_nav-card_87iwp_121","nav-card-label":"_nav-card-label_87iwp_134","nav-card-links":"_nav-card-links_87iwp_140","nav-card-link":"_nav-card-link_87iwp_140"},L=({logo:f,logoAlt:$="Logo",items:m,className:N="",ease:b="power3.out",baseColor:k="#fff",menuColor:R,buttonBgColor:j,buttonTextColor:E})=>{const[A,g]=o.useState(!1),[s,_]=o.useState(!1),c=o.useRef(null),p=o.useRef([]),l=o.useRef(null),C=()=>{const e=c.current;if(!e)return 260;if(window.matchMedia("(max-width: 768px)").matches){const a=e.querySelector(".card-nav-content");if(a){const i=a.style.visibility,v=a.style.pointerEvents,S=a.style.position,T=a.style.height;a.style.visibility="visible",a.style.pointerEvents="auto",a.style.position="static",a.style.height="auto",a.offsetHeight;const V=60,q=16,I=a.scrollHeight;return a.style.visibility=i,a.style.pointerEvents=v,a.style.position=S,a.style.height=T,V+I+q}}return 260},h=()=>{const e=c.current;if(!e)return null;u.set(e,{height:60,overflow:"hidden"}),u.set(p.current,{y:50,opacity:0});const r=u.timeline({paused:!0});return r.to(e,{height:C,duration:.4,ease:b}),r.to(p.current,{y:0,opacity:1,duration:.4,ease:b,stagger:.08},"-=0.1"),r};o.useLayoutEffect(()=>{const e=h();return l.current=e,()=>{e==null||e.kill(),l.current=null}},[b,m]),o.useLayoutEffect(()=>{const e=()=>{if(l.current)if(s){const r=C();u.set(c.current,{height:r}),l.current.kill();const a=h();a&&(a.progress(1),l.current=a)}else{l.current.kill();const r=h();r&&(l.current=r)}};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]);const D=()=>{const e=l.current;e&&(s?(g(!1),e.eventCallback("onReverseComplete",()=>_(!1)),e.reverse()):(g(!0),_(!0),e.play(0)))},H=e=>r=>{r&&(p.current[e]=r)};return t.jsx("div",{className:`${n["card-nav-container"]} ${N}`,children:t.jsxs("nav",{ref:c,className:`${n["card-nav"]} ${s?n.open:""}`,style:{backgroundColor:k},children:[t.jsxs("div",{className:`${n["card-nav-top"]}`,children:[t.jsxs("div",{className:`${n["hamburger-menu"]} ${A?n.open:""}`,onClick:D,role:"button","aria-label":s?"Close menu":"Open menu",tabIndex:0,style:{color:R||"#000"},children:[t.jsx("div",{className:`${n["hamburger-line"]}`}),t.jsx("div",{className:`${n["hamburger-line"]}`})]}),t.jsx("div",{className:`${n["logo-container"]}`,children:t.jsx("img",{src:f,alt:$,className:`${n.logo}`})}),t.jsx("button",{type:"button",className:`${n["card-nav-cta-button"]}`,style:{backgroundColor:j,color:E},children:"Get Started"})]}),t.jsx("div",{className:`${n["card-nav-content"]}`,"aria-hidden":!s,children:(m||[]).slice(0,3).map((e,r)=>{var a;return t.jsxs("div",{className:`${n["nav-card"]}`,ref:H(r),style:{backgroundColor:e.bgColor,color:e.textColor},children:[t.jsx("div",{className:`${n["nav-card-label"]}`,children:e.label}),t.jsx("div",{className:`${n["nav-card-links"]}`,children:(a=e.links)==null?void 0:a.map((i,v)=>t.jsxs("a",{className:`${n["nav-card-link"]}`,href:i.href,"aria-label":i.ariaLabel,children:[t.jsx(U,{className:"nav-card-link-icon","aria-hidden":"true"}),i.label]},`${i.label}-${v}`))})]},`${e.label}-${r}`)})})]})})};L.__docgenInfo={description:"",methods:[],displayName:"CardNav",props:{logoAlt:{defaultValue:{value:"'Logo'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},baseColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1}}};const Z={title:"ReactBits/Components/CardNav",component:L,parameters:{layout:"fullscreen"}},d={args:{logoAlt:"Logo",items:[{label:"Products",bgColor:"#1a1a2e",textColor:"#fff",links:[{label:"Analytics",href:"#",ariaLabel:"Analytics"},{label:"Dashboard",href:"#",ariaLabel:"Dashboard"},{label:"Reports",href:"#",ariaLabel:"Reports"}]},{label:"Resources",bgColor:"#16213e",textColor:"#fff",links:[{label:"Documentation",href:"#",ariaLabel:"Documentation"},{label:"Tutorials",href:"#",ariaLabel:"Tutorials"}]},{label:"Company",bgColor:"#0f3460",textColor:"#fff",links:[{label:"About Us",href:"#",ariaLabel:"About Us"},{label:"Careers",href:"#",ariaLabel:"Careers"},{label:"Contact",href:"#",ariaLabel:"Contact"}]}],ease:"power3.out",baseColor:"#fff"}};var y,w,x;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`{
   args: {
     logoAlt: 'Logo',
     items: [{

package/storybook-static/assets/{Carousel.stories-DCMJqlia.js → Carousel.stories-CdOtBTqT.js}

@@ -1,4 +1,4 @@
-import{r as c,j as i}from"./iframe-BINQyIZA.js";import{G as v}from"./iconBase-DykFijkc.js";import{u as Y}from"./use-motion-value-BhTz6p3H.js";import{m as k}from"./proxy-D7-_CcFt.js";import{u as z}from"./use-transform-4uLAGEjM.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Cl-Ye_B1.js";function K(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"3",y1:"9",x2:"21",y2:"9"},child:[]},{tag:"line",attr:{x1:"9",y1:"21",x2:"9",y2:"9"},child:[]}]})(e)}function Q(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polygon",attr:{points:"12 2 2 7 12 12 22 7 12 2"},child:[]},{tag:"polyline",attr:{points:"2 17 12 22 22 17"},child:[]},{tag:"polyline",attr:{points:"2 12 12 17 22 12"},child:[]}]})(e)}function X(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"},child:[]},{tag:"polyline",attr:{points:"14 2 14 8 20 8"},child:[]},{tag:"line",attr:{x1:"16",y1:"13",x2:"8",y2:"13"},child:[]},{tag:"line",attr:{x1:"16",y1:"17",x2:"8",y2:"17"},child:[]},{tag:"polyline",attr:{points:"10 9 9 9 8 9"},child:[]}]})(e)}function Z(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"16 18 22 12 16 6"},child:[]},{tag:"polyline",attr:{points:"8 6 2 12 8 18"},child:[]}]})(e)}function ee(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]}]})(e)}const te="_round_14jni_33",ne="_active_14jni_60",oe="_inactive_14jni_64",n={"carousel-container":"_carousel-container_14jni_1","carousel-track":"_carousel-track_14jni_11","carousel-item":"_carousel-item_14jni_15",round:te,"carousel-item-header":"_carousel-item-header_14jni_47","carousel-indicators-container":"_carousel-indicators-container_14jni_52","carousel-indicator":"_carousel-indicator_14jni_52",active:ne,inactive:oe,"carousel-icon-container":"_carousel-icon-container_14jni_74","carousel-icon":"_carousel-icon_14jni_74","carousel-item-content":"_carousel-item-content_14jni_90","carousel-item-title":"_carousel-item-title_14jni_95","carousel-item-description":"_carousel-item-description_14jni_102","carousel-indicators":"_carousel-indicators_14jni_52"},ie=[{title:"Text Animations",description:"Cool text animations for your projects.",id:1,icon:i.jsx(X,{className:`${n["carousel-icon"]}`})},{title:"Animations",description:"Smooth animations for your projects.",id:2,icon:i.jsx(ee,{className:`${n["carousel-icon"]}`})},{title:"Components",description:"Reusable components for your projects.",id:3,icon:i.jsx(Q,{className:`${n["carousel-icon"]}`})},{title:"Backgrounds",description:"Beautiful backgrounds and patterns for your projects.",id:4,icon:i.jsx(K,{className:`${n["carousel-icon"]}`})},{title:"Common UI",description:"Common UI components are coming soon!",id:5,icon:i.jsx(Z,{className:`${n["carousel-icon"]}`})}],S=0,B=500,T=16,se={type:"spring",stiffness:300,damping:30};function ae({item:e,index:l,itemWidth:g,round:m,trackItemOffset:u,x:s,transition:f}){const N=[-(l+1)*u,-l*u,-(l-1)*u],r=z(s,N,[90,0,-90],{clamp:!1});return i.jsxs(k.div,{className:`${n["carousel-item"]} ${m?n.round:""}`,style:{width:g,height:m?g:"100%",rotateY:r,...m&&{borderRadius:"50%"}},transition:f,children:[i.jsx("div",{className:`${n["carousel-item-header"]} ${m?n.round:""}`,children:i.jsx("span",{className:`${n["carousel-icon-container"]}`,children:e.icon})}),i.jsxs("div",{className:`${n["carousel-item-content"]}`,children:[i.jsx("div",{className:`${n["carousel-item-title"]}`,children:e.title}),i.jsx("p",{className:`${n["carousel-item-description"]}`,children:e.description})]})]},`${(e==null?void 0:e.id)??l}-${l}`)}function V({items:e=ie,baseWidth:l=300,autoplay:g=!1,autoplayDelay:m=3e3,pauseOnHover:u=!1,loop:s=!1,round:f=!1}){const x=l-32,r=x+T,a=c.useMemo(()=>s?e.length===0?[]:[e[e.length-1],...e,e[0]]:e,[e,s]),[d,p]=c.useState(s?1:0),h=Y(0),[L,A]=c.useState(!1),[q,j]=c.useState(!1),[w,_]=c.useState(!1),C=c.useRef(null);c.useEffect(()=>{if(u&&C.current){const o=C.current,t=()=>A(!0),y=()=>A(!1);return o.addEventListener("mouseenter",t),o.addEventListener("mouseleave",y),()=>{o.removeEventListener("mouseenter",t),o.removeEventListener("mouseleave",y)}}},[u]),c.useEffect(()=>{if(!g||a.length<=1||u&&L)return;const o=setInterval(()=>{p(t=>Math.min(t+1,a.length-1))},m);return()=>clearInterval(o)},[g,m,L,u,a.length]),c.useEffect(()=>{const o=s?1:0;p(o),h.set(-o*r)},[e.length,s,r,h]),c.useEffect(()=>{!s&&d>a.length-1&&p(Math.max(0,a.length-1))},[a.length,s,d]);const E=q?{duration:0}:se,P=()=>{_(!0)},U=()=>{if(!s||a.length<=1){_(!1);return}const o=a.length-1;if(d===o){j(!0);const t=1;p(t),h.set(-t*r),requestAnimationFrame(()=>{j(!1),_(!1)});return}if(d===0){j(!0);const t=e.length;p(t),h.set(-t*r),requestAnimationFrame(()=>{j(!1),_(!1)});return}_(!1)},W=(o,t)=>{const{offset:y,velocity:I}=t,R=y.x<-S||I.x<-B?1:y.x>S||I.x>B?-1:0;R!==0&&p(H=>{const O=H+R,J=a.length-1;return Math.max(0,Math.min(O,J))})},G=s?{}:{dragConstraints:{left:-r*Math.max(a.length-1,0),right:0}},F=e.length===0?0:s?(d-1+e.length)%e.length:Math.min(d,e.length-1);return i.jsxs("div",{ref:C,className:`${n["carousel-container"]} ${f?n.round:""}`,style:{width:`${l}px`,...f&&{height:`${l}px`,borderRadius:"50%"}},children:[i.jsx(k.div,{className:`${n["carousel-track"]}`,drag:w?!1:"x",...G,style:{width:x,gap:`${T}px`,perspective:1e3,perspectiveOrigin:`${d*r+x/2}px 50%`,x:h},onDragEnd:W,animate:{x:-(d*r)},transition:E,onAnimationStart:P,onAnimationComplete:U,children:a.map((o,t)=>i.jsx(ae,{item:o,index:t,itemWidth:x,round:f,trackItemOffset:r,x:h,transition:E},`${(o==null?void 0:o.id)??t}-${t}`))}),i.jsx("div",{className:`${n["carousel-indicators-container"]} ${f?n.round:""}`,children:i.jsx("div",{className:`${n["carousel-indicators"]}`,children:e.map((o,t)=>i.jsx(k.div,{className:`${n["carousel-indicator"]} ${F===t?n.active:n.inactive}`,animate:{scale:F===t?1.2:1},onClick:()=>p(s?t+1:t),transition:{duration:.15}},t))})})]})}V.__docgenInfo={description:"",methods:[],displayName:"Carousel",props:{items:{defaultValue:{value:`[
+import{r as c,j as i}from"./iframe-BVoBDGkl.js";import{G as v}from"./iconBase-B-RSH0v3.js";import{u as Y}from"./use-motion-value-Cruaf_HC.js";import{m as k}from"./proxy-DTYfJ2to.js";import{u as z}from"./use-transform-I-in6IUD.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";function K(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"rect",attr:{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"},child:[]},{tag:"line",attr:{x1:"3",y1:"9",x2:"21",y2:"9"},child:[]},{tag:"line",attr:{x1:"9",y1:"21",x2:"9",y2:"9"},child:[]}]})(e)}function Q(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polygon",attr:{points:"12 2 2 7 12 12 22 7 12 2"},child:[]},{tag:"polyline",attr:{points:"2 17 12 22 22 17"},child:[]},{tag:"polyline",attr:{points:"2 12 12 17 22 12"},child:[]}]})(e)}function X(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"},child:[]},{tag:"polyline",attr:{points:"14 2 14 8 20 8"},child:[]},{tag:"line",attr:{x1:"16",y1:"13",x2:"8",y2:"13"},child:[]},{tag:"line",attr:{x1:"16",y1:"17",x2:"8",y2:"17"},child:[]},{tag:"polyline",attr:{points:"10 9 9 9 8 9"},child:[]}]})(e)}function Z(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"polyline",attr:{points:"16 18 22 12 16 6"},child:[]},{tag:"polyline",attr:{points:"8 6 2 12 8 18"},child:[]}]})(e)}function ee(e){return v({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]}]})(e)}const te="_round_14jni_33",ne="_active_14jni_60",oe="_inactive_14jni_64",n={"carousel-container":"_carousel-container_14jni_1","carousel-track":"_carousel-track_14jni_11","carousel-item":"_carousel-item_14jni_15",round:te,"carousel-item-header":"_carousel-item-header_14jni_47","carousel-indicators-container":"_carousel-indicators-container_14jni_52","carousel-indicator":"_carousel-indicator_14jni_52",active:ne,inactive:oe,"carousel-icon-container":"_carousel-icon-container_14jni_74","carousel-icon":"_carousel-icon_14jni_74","carousel-item-content":"_carousel-item-content_14jni_90","carousel-item-title":"_carousel-item-title_14jni_95","carousel-item-description":"_carousel-item-description_14jni_102","carousel-indicators":"_carousel-indicators_14jni_52"},ie=[{title:"Text Animations",description:"Cool text animations for your projects.",id:1,icon:i.jsx(X,{className:`${n["carousel-icon"]}`})},{title:"Animations",description:"Smooth animations for your projects.",id:2,icon:i.jsx(ee,{className:`${n["carousel-icon"]}`})},{title:"Components",description:"Reusable components for your projects.",id:3,icon:i.jsx(Q,{className:`${n["carousel-icon"]}`})},{title:"Backgrounds",description:"Beautiful backgrounds and patterns for your projects.",id:4,icon:i.jsx(K,{className:`${n["carousel-icon"]}`})},{title:"Common UI",description:"Common UI components are coming soon!",id:5,icon:i.jsx(Z,{className:`${n["carousel-icon"]}`})}],S=0,B=500,T=16,se={type:"spring",stiffness:300,damping:30};function ae({item:e,index:l,itemWidth:g,round:m,trackItemOffset:u,x:s,transition:f}){const N=[-(l+1)*u,-l*u,-(l-1)*u],r=z(s,N,[90,0,-90],{clamp:!1});return i.jsxs(k.div,{className:`${n["carousel-item"]} ${m?n.round:""}`,style:{width:g,height:m?g:"100%",rotateY:r,...m&&{borderRadius:"50%"}},transition:f,children:[i.jsx("div",{className:`${n["carousel-item-header"]} ${m?n.round:""}`,children:i.jsx("span",{className:`${n["carousel-icon-container"]}`,children:e.icon})}),i.jsxs("div",{className:`${n["carousel-item-content"]}`,children:[i.jsx("div",{className:`${n["carousel-item-title"]}`,children:e.title}),i.jsx("p",{className:`${n["carousel-item-description"]}`,children:e.description})]})]},`${(e==null?void 0:e.id)??l}-${l}`)}function V({items:e=ie,baseWidth:l=300,autoplay:g=!1,autoplayDelay:m=3e3,pauseOnHover:u=!1,loop:s=!1,round:f=!1}){const x=l-32,r=x+T,a=c.useMemo(()=>s?e.length===0?[]:[e[e.length-1],...e,e[0]]:e,[e,s]),[d,p]=c.useState(s?1:0),h=Y(0),[L,A]=c.useState(!1),[q,j]=c.useState(!1),[w,_]=c.useState(!1),C=c.useRef(null);c.useEffect(()=>{if(u&&C.current){const o=C.current,t=()=>A(!0),y=()=>A(!1);return o.addEventListener("mouseenter",t),o.addEventListener("mouseleave",y),()=>{o.removeEventListener("mouseenter",t),o.removeEventListener("mouseleave",y)}}},[u]),c.useEffect(()=>{if(!g||a.length<=1||u&&L)return;const o=setInterval(()=>{p(t=>Math.min(t+1,a.length-1))},m);return()=>clearInterval(o)},[g,m,L,u,a.length]),c.useEffect(()=>{const o=s?1:0;p(o),h.set(-o*r)},[e.length,s,r,h]),c.useEffect(()=>{!s&&d>a.length-1&&p(Math.max(0,a.length-1))},[a.length,s,d]);const E=q?{duration:0}:se,P=()=>{_(!0)},U=()=>{if(!s||a.length<=1){_(!1);return}const o=a.length-1;if(d===o){j(!0);const t=1;p(t),h.set(-t*r),requestAnimationFrame(()=>{j(!1),_(!1)});return}if(d===0){j(!0);const t=e.length;p(t),h.set(-t*r),requestAnimationFrame(()=>{j(!1),_(!1)});return}_(!1)},W=(o,t)=>{const{offset:y,velocity:I}=t,R=y.x<-S||I.x<-B?1:y.x>S||I.x>B?-1:0;R!==0&&p(H=>{const O=H+R,J=a.length-1;return Math.max(0,Math.min(O,J))})},G=s?{}:{dragConstraints:{left:-r*Math.max(a.length-1,0),right:0}},F=e.length===0?0:s?(d-1+e.length)%e.length:Math.min(d,e.length-1);return i.jsxs("div",{ref:C,className:`${n["carousel-container"]} ${f?n.round:""}`,style:{width:`${l}px`,...f&&{height:`${l}px`,borderRadius:"50%"}},children:[i.jsx(k.div,{className:`${n["carousel-track"]}`,drag:w?!1:"x",...G,style:{width:x,gap:`${T}px`,perspective:1e3,perspectiveOrigin:`${d*r+x/2}px 50%`,x:h},onDragEnd:W,animate:{x:-(d*r)},transition:E,onAnimationStart:P,onAnimationComplete:U,children:a.map((o,t)=>i.jsx(ae,{item:o,index:t,itemWidth:x,round:f,trackItemOffset:r,x:h,transition:E},`${(o==null?void 0:o.id)??t}-${t}`))}),i.jsx("div",{className:`${n["carousel-indicators-container"]} ${f?n.round:""}`,children:i.jsx("div",{className:`${n["carousel-indicators"]}`,children:e.map((o,t)=>i.jsx(k.div,{className:`${n["carousel-indicator"]} ${F===t?n.active:n.inactive}`,animate:{scale:F===t?1.2:1},onClick:()=>p(s?t+1:t),transition:{duration:.15}},t))})})]})}V.__docgenInfo={description:"",methods:[],displayName:"Carousel",props:{items:{defaultValue:{value:`[
   {
     title: 'Text Animations',
     description: 'Cool text animations for your projects.',

package/storybook-static/assets/{Checkbox-W1y5iOHO.js → Checkbox-BZw1-CjZ.js}

@@ -1,4 +1,4 @@
-import{r as i,j as a}from"./iframe-BINQyIZA.js";import{u as k}from"./useSound-Brsebkk1.js";const x="_checkboxLabel_kh8g9_1",f="_checkbox_kh8g9_1",g="_checkboxText_kh8g9_92",c={checkboxLabel:x,checkbox:f,checkboxText:g},C=({checked:o,onChange:r,label:s,disabled:h=!1,indeterminate:n=!1,id:l,name:d,value:b,soundConfig:e})=>{const t=i.useRef(null),{playSound:u}=k(e);return i.useEffect(()=>{t.current&&(t.current.indeterminate=n)},[n]),a.jsxs("label",{className:c.checkboxLabel,children:[a.jsx("input",{ref:t,type:"checkbox",checked:o,onChange:m=>{const p=m.target.checked;r(p),(e==null?void 0:e.onClick)!==!1&&u("toggle")},className:c.checkbox,disabled:h,id:l,name:d,value:b,"aria-checked":n?"mixed":o}),s&&a.jsx("span",{className:c.checkboxText,children:s})]})};C.__docgenInfo={description:`Checkbox component - Modern interactive checkbox with animations
+import{r as i,j as a}from"./iframe-BVoBDGkl.js";import{u as k}from"./useSound-D3odJ6j_.js";const x="_checkboxLabel_kh8g9_1",f="_checkbox_kh8g9_1",g="_checkboxText_kh8g9_92",c={checkboxLabel:x,checkbox:f,checkboxText:g},C=({checked:o,onChange:r,label:s,disabled:h=!1,indeterminate:n=!1,id:l,name:d,value:b,soundConfig:e})=>{const t=i.useRef(null),{playSound:u}=k(e);return i.useEffect(()=>{t.current&&(t.current.indeterminate=n)},[n]),a.jsxs("label",{className:c.checkboxLabel,children:[a.jsx("input",{ref:t,type:"checkbox",checked:o,onChange:m=>{const p=m.target.checked;r(p),(e==null?void 0:e.onClick)!==!1&&u("toggle")},className:c.checkbox,disabled:h,id:l,name:d,value:b,"aria-checked":n?"mixed":o}),s&&a.jsx("span",{className:c.checkboxText,children:s})]})};C.__docgenInfo={description:`Checkbox component - Modern interactive checkbox with animations
 
 @component
 @description

package/storybook-static/assets/{Checkbox.stories-BptZXFmi.js → Checkbox.stories-CP7266xH.js}

@@ -1,4 +1,4 @@
-import{r as g,j as t}from"./iframe-BINQyIZA.js";import{C as s}from"./Checkbox-W1y5iOHO.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Brsebkk1.js";const E={title:"Atoms/Checkbox",component:s,parameters:{layout:"centered",docs:{description:{component:"A simple checkbox component with optional label."}}},tags:["autodocs"],argTypes:{checked:{control:"boolean"},label:{control:"text"},disabled:{control:"boolean"},onChange:{action:"changed"}}},n={args:{checked:!1,label:"Accept terms and conditions",onChange:()=>{}}},c={args:{checked:!1,label:"This option is disabled",disabled:!0,onChange:()=>{}}},i={args:{checked:!1,label:"Multiple checkboxes example",onChange:()=>{}},render:()=>{const[e,a]=g.useState({option1:!1,option2:!0,option3:!1,option4:!1});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[t.jsx(s,{checked:e.option1,onChange:o=>a({...e,option1:o}),label:"Enable notifications"}),t.jsx(s,{checked:e.option2,onChange:o=>a({...e,option2:o}),label:"Receive marketing emails"}),t.jsx(s,{checked:e.option3,onChange:o=>a({...e,option3:o}),label:"Share usage statistics"}),t.jsx(s,{checked:e.option4,onChange:o=>a({...e,option4:o}),label:"Enable dark mode",disabled:!0})]})},parameters:{controls:{disable:!0}}};var l,r,p;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`{
+import{r as g,j as t}from"./iframe-BVoBDGkl.js";import{C as s}from"./Checkbox-BZw1-CjZ.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-D3odJ6j_.js";const E={title:"Atoms/Checkbox",component:s,parameters:{layout:"centered",docs:{description:{component:"A simple checkbox component with optional label."}}},tags:["autodocs"],argTypes:{checked:{control:"boolean"},label:{control:"text"},disabled:{control:"boolean"},onChange:{action:"changed"}}},n={args:{checked:!1,label:"Accept terms and conditions",onChange:()=>{}}},c={args:{checked:!1,label:"This option is disabled",disabled:!0,onChange:()=>{}}},i={args:{checked:!1,label:"Multiple checkboxes example",onChange:()=>{}},render:()=>{const[e,a]=g.useState({option1:!1,option2:!0,option3:!1,option4:!1});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[t.jsx(s,{checked:e.option1,onChange:o=>a({...e,option1:o}),label:"Enable notifications"}),t.jsx(s,{checked:e.option2,onChange:o=>a({...e,option2:o}),label:"Receive marketing emails"}),t.jsx(s,{checked:e.option3,onChange:o=>a({...e,option3:o}),label:"Share usage statistics"}),t.jsx(s,{checked:e.option4,onChange:o=>a({...e,option4:o}),label:"Enable dark mode",disabled:!0})]})},parameters:{controls:{disable:!0}}};var l,r,p;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`{
   args: {
     checked: false,
     label: 'Accept terms and conditions',

package/storybook-static/assets/{ChromaGrid.stories-2Gl_0Jg0.js → ChromaGrid.stories-BrS0NLKl.js}

@@ -1,4 +1,4 @@
-import{r as l,j as a}from"./iframe-BINQyIZA.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const M="_role_1xucs_102",q="_handle_1xucs_103",t={"chroma-grid":"_chroma-grid_1xucs_1","chroma-card":"_chroma-card_1xucs_36","chroma-img-wrapper":"_chroma-img-wrapper_1xucs_72","chroma-info":"_chroma-info_1xucs_90",role:M,handle:q,"chroma-overlay":"_chroma-overlay_1xucs_107","chroma-fade":"_chroma-fade_1xucs_140"},b=({items:c,className:C="",radius:x=300,columns:y=3,rows:B=2,damping:_=.45,fadeOut:F=.6,ease:k="power3.out"})=>{const m=l.useRef(null),p=l.useRef(null),o=l.useRef(null),s=l.useRef(null),i=l.useRef({x:0,y:0}),E=[{image:"https://i.pravatar.cc/300?img=8",title:"Alex Rivera",subtitle:"Full Stack Developer",handle:"@alexrivera",borderColor:"#4F46E5",gradient:"linear-gradient(145deg, #4F46E5, #000)",url:"https://github.com/"},{image:"https://i.pravatar.cc/300?img=11",title:"Jordan Chen",subtitle:"DevOps Engineer",handle:"@jordanchen",borderColor:"#10B981",gradient:"linear-gradient(210deg, #10B981, #000)",url:"https://linkedin.com/in/"},{image:"https://i.pravatar.cc/300?img=3",title:"Morgan Blake",subtitle:"UI/UX Designer",handle:"@morganblake",borderColor:"#F59E0B",gradient:"linear-gradient(165deg, #F59E0B, #000)",url:"https://dribbble.com/"},{image:"https://i.pravatar.cc/300?img=16",title:"Casey Park",subtitle:"Data Scientist",handle:"@caseypark",borderColor:"#EF4444",gradient:"linear-gradient(195deg, #EF4444, #000)",url:"https://kaggle.com/"},{image:"https://i.pravatar.cc/300?img=25",title:"Sam Kim",subtitle:"Mobile Developer",handle:"@thesamkim",borderColor:"#8B5CF6",gradient:"linear-gradient(225deg, #8B5CF6, #000)",url:"https://github.com/"},{image:"https://i.pravatar.cc/300?img=60",title:"Tyler Rodriguez",subtitle:"Cloud Architect",handle:"@tylerrod",borderColor:"#06B6D4",gradient:"linear-gradient(135deg, #06B6D4, #000)",url:"https://aws.amazon.com/"}],D=c!=null&&c.length?c:E;l.useEffect(()=>{const e=m.current;if(!e)return;o.current=d.quickSetter(e,"--x","px"),s.current=d.quickSetter(e,"--y","px");const{width:r,height:n}=e.getBoundingClientRect();i.current={x:r/2,y:n/2},o.current(i.current.x),s.current(i.current.y)},[]);const w=(e,r)=>{d.to(i.current,{x:e,y:r,duration:_,ease:k,onUpdate:()=>{var n,u;(n=o.current)==null||n.call(o,i.current.x),(u=s.current)==null||u.call(s,i.current.y)},overwrite:!0})},R=e=>{const r=m.current.getBoundingClientRect();w(e.clientX-r.left,e.clientY-r.top),d.to(p.current,{opacity:0,duration:.25,overwrite:!0})},j=()=>{d.to(p.current,{opacity:1,duration:F,overwrite:!0})},S=e=>{e&&window.open(e,"_blank","noopener,noreferrer")},N=e=>{const r=e.currentTarget,n=r.getBoundingClientRect(),u=e.clientX-n.left,$=e.clientY-n.top;r.style.setProperty("--mouse-x",`${u}px`),r.style.setProperty("--mouse-y",`${$}px`)};return a.jsxs("div",{ref:m,className:`${t["chroma-grid"]} ${C}`,style:{"--r":`${x}px`,"--cols":y,"--rows":B},onPointerMove:R,onPointerLeave:j,children:[D.map((e,r)=>a.jsxs("article",{className:`${t["chroma-card"]}`,onMouseMove:N,onClick:()=>S(e.url),style:{"--card-border":e.borderColor||"transparent","--card-gradient":e.gradient,cursor:e.url?"pointer":"default"},children:[a.jsx("div",{className:`${t["chroma-img-wrapper"]}`,children:a.jsx("img",{src:e.image,alt:e.title,loading:"lazy"})}),a.jsxs("footer",{className:`${t["chroma-info"]}`,children:[a.jsx("h3",{className:"name",children:e.title}),e.handle&&a.jsx("span",{className:`${t.handle}`,children:e.handle}),a.jsx("p",{className:`${t.role}`,children:e.subtitle}),e.location&&a.jsx("span",{className:"location",children:e.location})]})]},r)),a.jsx("div",{className:`${t["chroma-overlay"]}`}),a.jsx("div",{ref:p,className:`${t["chroma-fade"]}`})]})};b.__docgenInfo={description:"",methods:[],displayName:"ChromaGrid",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},columns:{defaultValue:{value:"3",computed:!1},required:!1},rows:{defaultValue:{value:"2",computed:!1},required:!1},damping:{defaultValue:{value:"0.45",computed:!1},required:!1},fadeOut:{defaultValue:{value:"0.6",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1}}};const V={title:"ReactBits/Components/ChromaGrid",component:b,parameters:{layout:"fullscreen"}},g={args:{items:[{image:"https://i.pravatar.cc/300?img=8",title:"Alex Rivera",subtitle:"Full Stack Developer",handle:"@alexrivera",borderColor:"#4F46E5",gradient:"linear-gradient(145deg, #4F46E5, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=11",title:"Jordan Chen",subtitle:"DevOps Engineer",handle:"@jordanchen",borderColor:"#10B981",gradient:"linear-gradient(210deg, #10B981, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=3",title:"Morgan Blake",subtitle:"UI/UX Designer",handle:"@morganblake",borderColor:"#F59E0B",gradient:"linear-gradient(165deg, #F59E0B, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=16",title:"Casey Park",subtitle:"Data Scientist",handle:"@caseypark",borderColor:"#EF4444",gradient:"linear-gradient(195deg, #EF4444, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=25",title:"Sam Kim",subtitle:"Mobile Developer",handle:"@thesamkim",borderColor:"#8B5CF6",gradient:"linear-gradient(225deg, #8B5CF6, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=60",title:"Tyler Rodriguez",subtitle:"Cloud Architect",handle:"@tylerrod",borderColor:"#06B6D4",gradient:"linear-gradient(135deg, #06B6D4, #000)",url:"#"}],radius:300,columns:3,rows:2,damping:.45,fadeOut:.6,ease:"power3.out"}};var h,v,f;g.parameters={...g.parameters,docs:{...(h=g.parameters)==null?void 0:h.docs,source:{originalSource:`{
+import{r as l,j as a}from"./iframe-BVoBDGkl.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const M="_role_1xucs_102",q="_handle_1xucs_103",t={"chroma-grid":"_chroma-grid_1xucs_1","chroma-card":"_chroma-card_1xucs_36","chroma-img-wrapper":"_chroma-img-wrapper_1xucs_72","chroma-info":"_chroma-info_1xucs_90",role:M,handle:q,"chroma-overlay":"_chroma-overlay_1xucs_107","chroma-fade":"_chroma-fade_1xucs_140"},b=({items:c,className:C="",radius:x=300,columns:y=3,rows:B=2,damping:_=.45,fadeOut:F=.6,ease:k="power3.out"})=>{const m=l.useRef(null),p=l.useRef(null),o=l.useRef(null),s=l.useRef(null),i=l.useRef({x:0,y:0}),E=[{image:"https://i.pravatar.cc/300?img=8",title:"Alex Rivera",subtitle:"Full Stack Developer",handle:"@alexrivera",borderColor:"#4F46E5",gradient:"linear-gradient(145deg, #4F46E5, #000)",url:"https://github.com/"},{image:"https://i.pravatar.cc/300?img=11",title:"Jordan Chen",subtitle:"DevOps Engineer",handle:"@jordanchen",borderColor:"#10B981",gradient:"linear-gradient(210deg, #10B981, #000)",url:"https://linkedin.com/in/"},{image:"https://i.pravatar.cc/300?img=3",title:"Morgan Blake",subtitle:"UI/UX Designer",handle:"@morganblake",borderColor:"#F59E0B",gradient:"linear-gradient(165deg, #F59E0B, #000)",url:"https://dribbble.com/"},{image:"https://i.pravatar.cc/300?img=16",title:"Casey Park",subtitle:"Data Scientist",handle:"@caseypark",borderColor:"#EF4444",gradient:"linear-gradient(195deg, #EF4444, #000)",url:"https://kaggle.com/"},{image:"https://i.pravatar.cc/300?img=25",title:"Sam Kim",subtitle:"Mobile Developer",handle:"@thesamkim",borderColor:"#8B5CF6",gradient:"linear-gradient(225deg, #8B5CF6, #000)",url:"https://github.com/"},{image:"https://i.pravatar.cc/300?img=60",title:"Tyler Rodriguez",subtitle:"Cloud Architect",handle:"@tylerrod",borderColor:"#06B6D4",gradient:"linear-gradient(135deg, #06B6D4, #000)",url:"https://aws.amazon.com/"}],D=c!=null&&c.length?c:E;l.useEffect(()=>{const e=m.current;if(!e)return;o.current=d.quickSetter(e,"--x","px"),s.current=d.quickSetter(e,"--y","px");const{width:r,height:n}=e.getBoundingClientRect();i.current={x:r/2,y:n/2},o.current(i.current.x),s.current(i.current.y)},[]);const w=(e,r)=>{d.to(i.current,{x:e,y:r,duration:_,ease:k,onUpdate:()=>{var n,u;(n=o.current)==null||n.call(o,i.current.x),(u=s.current)==null||u.call(s,i.current.y)},overwrite:!0})},R=e=>{const r=m.current.getBoundingClientRect();w(e.clientX-r.left,e.clientY-r.top),d.to(p.current,{opacity:0,duration:.25,overwrite:!0})},j=()=>{d.to(p.current,{opacity:1,duration:F,overwrite:!0})},S=e=>{e&&window.open(e,"_blank","noopener,noreferrer")},N=e=>{const r=e.currentTarget,n=r.getBoundingClientRect(),u=e.clientX-n.left,$=e.clientY-n.top;r.style.setProperty("--mouse-x",`${u}px`),r.style.setProperty("--mouse-y",`${$}px`)};return a.jsxs("div",{ref:m,className:`${t["chroma-grid"]} ${C}`,style:{"--r":`${x}px`,"--cols":y,"--rows":B},onPointerMove:R,onPointerLeave:j,children:[D.map((e,r)=>a.jsxs("article",{className:`${t["chroma-card"]}`,onMouseMove:N,onClick:()=>S(e.url),style:{"--card-border":e.borderColor||"transparent","--card-gradient":e.gradient,cursor:e.url?"pointer":"default"},children:[a.jsx("div",{className:`${t["chroma-img-wrapper"]}`,children:a.jsx("img",{src:e.image,alt:e.title,loading:"lazy"})}),a.jsxs("footer",{className:`${t["chroma-info"]}`,children:[a.jsx("h3",{className:"name",children:e.title}),e.handle&&a.jsx("span",{className:`${t.handle}`,children:e.handle}),a.jsx("p",{className:`${t.role}`,children:e.subtitle}),e.location&&a.jsx("span",{className:"location",children:e.location})]})]},r)),a.jsx("div",{className:`${t["chroma-overlay"]}`}),a.jsx("div",{ref:p,className:`${t["chroma-fade"]}`})]})};b.__docgenInfo={description:"",methods:[],displayName:"ChromaGrid",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},columns:{defaultValue:{value:"3",computed:!1},required:!1},rows:{defaultValue:{value:"2",computed:!1},required:!1},damping:{defaultValue:{value:"0.45",computed:!1},required:!1},fadeOut:{defaultValue:{value:"0.6",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1}}};const V={title:"ReactBits/Components/ChromaGrid",component:b,parameters:{layout:"fullscreen"}},g={args:{items:[{image:"https://i.pravatar.cc/300?img=8",title:"Alex Rivera",subtitle:"Full Stack Developer",handle:"@alexrivera",borderColor:"#4F46E5",gradient:"linear-gradient(145deg, #4F46E5, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=11",title:"Jordan Chen",subtitle:"DevOps Engineer",handle:"@jordanchen",borderColor:"#10B981",gradient:"linear-gradient(210deg, #10B981, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=3",title:"Morgan Blake",subtitle:"UI/UX Designer",handle:"@morganblake",borderColor:"#F59E0B",gradient:"linear-gradient(165deg, #F59E0B, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=16",title:"Casey Park",subtitle:"Data Scientist",handle:"@caseypark",borderColor:"#EF4444",gradient:"linear-gradient(195deg, #EF4444, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=25",title:"Sam Kim",subtitle:"Mobile Developer",handle:"@thesamkim",borderColor:"#8B5CF6",gradient:"linear-gradient(225deg, #8B5CF6, #000)",url:"#"},{image:"https://i.pravatar.cc/300?img=60",title:"Tyler Rodriguez",subtitle:"Cloud Architect",handle:"@tylerrod",borderColor:"#06B6D4",gradient:"linear-gradient(135deg, #06B6D4, #000)",url:"#"}],radius:300,columns:3,rows:2,damping:.45,fadeOut:.6,ease:"power3.out"}};var h,v,f;g.parameters={...g.parameters,docs:{...(h=g.parameters)==null?void 0:h.docs,source:{originalSource:`{
   args: {
     items: [{
       image: 'https://i.pravatar.cc/300?img=8',

package/storybook-static/assets/{CircularGallery.stories-DGBweh3d.js → CircularGallery.stories-CsDrteyz.js}

@@ -1,4 +1,4 @@
-import{r as S,j as A}from"./iframe-BINQyIZA.js";import{G as V,R as j,T as _,P as C,M as R}from"./Mesh-CwXV3WjE.js";import{C as G}from"./Camera-BM3HOhP6.js";import{T as D}from"./Texture-BkQWYNP2.js";import"./preload-helper-C1FmrZbK.js";class b extends V{constructor(e,{width:t=1,height:i=1,widthSegments:s=1,heightSegments:n=1,attributes:a={}}={}){const r=s,o=n,h=(r+1)*(o+1),l=r*o*6,m=new Float32Array(h*3),g=new Float32Array(h*3),v=new Float32Array(h*2),w=l>65536?new Uint32Array(l):new Uint16Array(l);b.buildPlane(m,g,v,w,t,i,0,r,o),Object.assign(a,{position:{size:3,data:m},normal:{size:3,data:g},uv:{size:2,data:v},index:{data:w}}),super(e,a)}static buildPlane(e,t,i,s,n,a,r,o,h,l=0,m=1,g=2,v=1,w=-1,d=0,f=0){const x=d,P=n/o,U=a/h;for(let u=0;u<=h;u++){let I=u*U-a/2;for(let p=0;p<=o;p++,d++){let B=p*P-n/2;if(e[d*3+l]=B*v,e[d*3+m]=I*w,e[d*3+g]=r/2,t[d*3+l]=0,t[d*3+m]=0,t[d*3+g]=r>=0?1:-1,i[d*2]=p/o,i[d*2+1]=1-u/h,u===h||p===o)continue;let F=x+p+u*(o+1),M=x+p+(u+1)*(o+1),W=x+p+(u+1)*(o+1)+1,T=x+p+u*(o+1)+1;s[f*6]=F,s[f*6+1]=M,s[f*6+2]=T,s[f*6+3]=M,s[f*6+4]=W,s[f*6+5]=T,f++}}}}const q={"circular-gallery":"_circular-gallery_p9017_1"};function k(c,e){let t;return function(...i){clearTimeout(t),t=setTimeout(()=>c.apply(this,i),e)}}function H(c,e,t){return c+(e-c)*t}function N(c){const e=Object.getPrototypeOf(c);Object.getOwnPropertyNames(e).forEach(t=>{t!=="constructor"&&typeof c[t]=="function"&&(c[t]=c[t].bind(c))})}function X(c,e,t="bold 30px monospace",i="black"){const s=document.createElement("canvas"),n=s.getContext("2d");n.font=t;const a=n.measureText(e),r=Math.ceil(a.width),o=Math.ceil(parseInt(t,10)*1.2);s.width=r+20,s.height=o+20,n.font=t,n.fillStyle=i,n.textBaseline="middle",n.textAlign="center",n.clearRect(0,0,s.width,s.height),n.fillText(e,s.width/2,s.height/2);const h=new D(c,{generateMipmaps:!1});return h.image=s,{texture:h,width:s.width,height:s.height}}class Y{constructor({gl:e,plane:t,renderer:i,text:s,textColor:n="#545050",font:a="30px sans-serif"}){N(this),this.gl=e,this.plane=t,this.renderer=i,this.text=s,this.textColor=n,this.font=a,this.createMesh()}createMesh(){const{texture:e,width:t,height:i}=X(this.gl,this.text,this.font,this.textColor),s=new b(this.gl),n=new C(this.gl,{vertex:`
+import{r as S,j as A}from"./iframe-BVoBDGkl.js";import{G as V,R as j,T as _,P as C,M as R}from"./Mesh-CwXV3WjE.js";import{C as G}from"./Camera-BM3HOhP6.js";import{T as D}from"./Texture-BkQWYNP2.js";import"./preload-helper-C1FmrZbK.js";class b extends V{constructor(e,{width:t=1,height:i=1,widthSegments:s=1,heightSegments:n=1,attributes:a={}}={}){const r=s,o=n,h=(r+1)*(o+1),l=r*o*6,m=new Float32Array(h*3),g=new Float32Array(h*3),v=new Float32Array(h*2),w=l>65536?new Uint32Array(l):new Uint16Array(l);b.buildPlane(m,g,v,w,t,i,0,r,o),Object.assign(a,{position:{size:3,data:m},normal:{size:3,data:g},uv:{size:2,data:v},index:{data:w}}),super(e,a)}static buildPlane(e,t,i,s,n,a,r,o,h,l=0,m=1,g=2,v=1,w=-1,d=0,f=0){const x=d,P=n/o,U=a/h;for(let u=0;u<=h;u++){let I=u*U-a/2;for(let p=0;p<=o;p++,d++){let B=p*P-n/2;if(e[d*3+l]=B*v,e[d*3+m]=I*w,e[d*3+g]=r/2,t[d*3+l]=0,t[d*3+m]=0,t[d*3+g]=r>=0?1:-1,i[d*2]=p/o,i[d*2+1]=1-u/h,u===h||p===o)continue;let F=x+p+u*(o+1),M=x+p+(u+1)*(o+1),W=x+p+(u+1)*(o+1)+1,T=x+p+u*(o+1)+1;s[f*6]=F,s[f*6+1]=M,s[f*6+2]=T,s[f*6+3]=M,s[f*6+4]=W,s[f*6+5]=T,f++}}}}const q={"circular-gallery":"_circular-gallery_p9017_1"};function k(c,e){let t;return function(...i){clearTimeout(t),t=setTimeout(()=>c.apply(this,i),e)}}function H(c,e,t){return c+(e-c)*t}function N(c){const e=Object.getPrototypeOf(c);Object.getOwnPropertyNames(e).forEach(t=>{t!=="constructor"&&typeof c[t]=="function"&&(c[t]=c[t].bind(c))})}function X(c,e,t="bold 30px monospace",i="black"){const s=document.createElement("canvas"),n=s.getContext("2d");n.font=t;const a=n.measureText(e),r=Math.ceil(a.width),o=Math.ceil(parseInt(t,10)*1.2);s.width=r+20,s.height=o+20,n.font=t,n.fillStyle=i,n.textBaseline="middle",n.textAlign="center",n.clearRect(0,0,s.width,s.height),n.fillText(e,s.width/2,s.height/2);const h=new D(c,{generateMipmaps:!1});return h.image=s,{texture:h,width:s.width,height:s.height}}class Y{constructor({gl:e,plane:t,renderer:i,text:s,textColor:n="#545050",font:a="30px sans-serif"}){N(this),this.gl=e,this.plane=t,this.renderer=i,this.text=s,this.textColor=n,this.font=a,this.createMesh()}createMesh(){const{texture:e,width:t,height:i}=X(this.gl,this.text,this.font,this.textColor),s=new b(this.gl),n=new C(this.gl,{vertex:`
         attribute vec3 position;
         attribute vec2 uv;
         uniform mat4 modelViewMatrix;

package/storybook-static/assets/{CircularText.stories-D9z7407U.js → CircularText.stories-DNkBFKK7.js}

@@ -1,4 +1,4 @@
-import{r as A,j as g}from"./iframe-BINQyIZA.js";import{U as _,u as k}from"./MotionConfigContext-Cl-Ye_B1.js";import{g as w,s as b,m as U}from"./proxy-D7-_CcFt.js";import{u as H}from"./use-motion-value-BhTz6p3H.js";import"./preload-helper-C1FmrZbK.js";function $(t){t.values.forEach(e=>e.stop())}function f(t,e){[...e].reverse().forEach(c=>{const o=t.getVariant(c);o&&b(t,o),t.variantChildren&&t.variantChildren.forEach(n=>{f(n,e)})})}function j(t,e){if(Array.isArray(e))return f(t,e);if(typeof e=="string")return f(t,[e]);b(t,e)}function I(){const t=new Set,e={subscribe(s){return t.add(s),()=>void t.delete(s)},start(s,c){const o=[];return t.forEach(n=>{o.push(w(n,s,{transitionOverride:c}))}),Promise.all(o)},set(s){return t.forEach(c=>{j(c,s)})},stop(){t.forEach(s=>{$(s)})},mount(){return()=>{e.stop()}}};return e}function M(){const t=_(I);return k(t.mount,[]),t}const q=M,L={"circular-text":"_circular-text_2sef0_1"},N=(t,e,s=!0)=>({from:e,to:e+360,ease:"linear",duration:t,type:"tween",repeat:s?1/0:0}),i=(t,e)=>({rotate:N(t,e),scale:{type:"spring",damping:20,stiffness:300}}),C=({text:t,spinDuration:e=20,onHover:s="speedUp",className:c=""})=>{const o=Array.from(t),n=q(),l=H(0);A.useEffect(()=>{const r=l.get();n.start({rotate:r+360,scale:1,transition:i(e,r)})},[e,t,s,n,l]);const v=()=>{const r=l.get();if(console.log("CircularText mounted with text:",t),!s)return;let a,u=1;switch(s){case"slowDown":a=i(e*2,r);break;case"speedUp":a=i(e/4,r);break;case"pause":a={rotate:{type:"spring",damping:20,stiffness:300},scale:{type:"spring",damping:20,stiffness:300}},u=1;break;case"goBonkers":a=i(e/20,r),u=.8;break;default:a=i(e,r)}n.start({rotate:r+360,scale:u,transition:a})},T=()=>{const r=l.get();n.start({rotate:r+360,scale:1,transition:i(e,r)})};return g.jsx(U.div,{className:`${L["circular-text"]} ${c}`,style:{rotate:l},initial:{rotate:0},animate:n,onMouseEnter:v,onMouseLeave:T,children:o.map((r,a)=>{const u=360/o.length*a,d=Math.PI/o.length,V=d*a,E=d*a,m=`rotateZ(${u}deg) translate3d(${V}px, ${E}px, 0)`;return g.jsx("span",{style:{transform:m,WebkitTransform:m},children:r},a)})})};C.__docgenInfo={description:"",methods:[],displayName:"CircularText",props:{spinDuration:{defaultValue:{value:"20",computed:!1},required:!1},onHover:{defaultValue:{value:"'speedUp'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const D={title:"ReactBits/TextAnimations/CircularText",component:C,parameters:{layout:"fullscreen"}},p={args:{text:"Hello World",spinDuration:20,onHover:"speedUp"}};var h,x,y;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`{
+import{r as A,j as g}from"./iframe-BVoBDGkl.js";import{U as _,u as k}from"./MotionConfigContext-BPeKZQwM.js";import{g as w,s as b,m as U}from"./proxy-DTYfJ2to.js";import{u as H}from"./use-motion-value-Cruaf_HC.js";import"./preload-helper-C1FmrZbK.js";function $(t){t.values.forEach(e=>e.stop())}function f(t,e){[...e].reverse().forEach(c=>{const o=t.getVariant(c);o&&b(t,o),t.variantChildren&&t.variantChildren.forEach(n=>{f(n,e)})})}function j(t,e){if(Array.isArray(e))return f(t,e);if(typeof e=="string")return f(t,[e]);b(t,e)}function I(){const t=new Set,e={subscribe(s){return t.add(s),()=>void t.delete(s)},start(s,c){const o=[];return t.forEach(n=>{o.push(w(n,s,{transitionOverride:c}))}),Promise.all(o)},set(s){return t.forEach(c=>{j(c,s)})},stop(){t.forEach(s=>{$(s)})},mount(){return()=>{e.stop()}}};return e}function M(){const t=_(I);return k(t.mount,[]),t}const q=M,L={"circular-text":"_circular-text_2sef0_1"},N=(t,e,s=!0)=>({from:e,to:e+360,ease:"linear",duration:t,type:"tween",repeat:s?1/0:0}),i=(t,e)=>({rotate:N(t,e),scale:{type:"spring",damping:20,stiffness:300}}),C=({text:t,spinDuration:e=20,onHover:s="speedUp",className:c=""})=>{const o=Array.from(t),n=q(),l=H(0);A.useEffect(()=>{const r=l.get();n.start({rotate:r+360,scale:1,transition:i(e,r)})},[e,t,s,n,l]);const v=()=>{const r=l.get();if(console.log("CircularText mounted with text:",t),!s)return;let a,u=1;switch(s){case"slowDown":a=i(e*2,r);break;case"speedUp":a=i(e/4,r);break;case"pause":a={rotate:{type:"spring",damping:20,stiffness:300},scale:{type:"spring",damping:20,stiffness:300}},u=1;break;case"goBonkers":a=i(e/20,r),u=.8;break;default:a=i(e,r)}n.start({rotate:r+360,scale:u,transition:a})},T=()=>{const r=l.get();n.start({rotate:r+360,scale:1,transition:i(e,r)})};return g.jsx(U.div,{className:`${L["circular-text"]} ${c}`,style:{rotate:l},initial:{rotate:0},animate:n,onMouseEnter:v,onMouseLeave:T,children:o.map((r,a)=>{const u=360/o.length*a,d=Math.PI/o.length,V=d*a,E=d*a,m=`rotateZ(${u}deg) translate3d(${V}px, ${E}px, 0)`;return g.jsx("span",{style:{transform:m,WebkitTransform:m},children:r},a)})})};C.__docgenInfo={description:"",methods:[],displayName:"CircularText",props:{spinDuration:{defaultValue:{value:"20",computed:!1},required:!1},onHover:{defaultValue:{value:"'speedUp'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const D={title:"ReactBits/TextAnimations/CircularText",component:C,parameters:{layout:"fullscreen"}},p={args:{text:"Hello World",spinDuration:20,onHover:"speedUp"}};var h,x,y;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`{
   args: {
     text: 'Hello World',
     spinDuration: 20,

package/storybook-static/assets/{ClickSpark.stories-Chkt4JES.js → ClickSpark.stories-BqJSrjeV.js}

@@ -1,4 +1,4 @@
-import{r as l,j as S}from"./iframe-BINQyIZA.js";import"./preload-helper-C1FmrZbK.js";const V=({sparkColor:g="#fff",sparkSize:v=10,sparkRadius:x=15,sparkCount:m=8,duration:p=400,easing:R="ease-out",extraScale:k=1,children:b})=>{const i=l.useRef(null),h=l.useRef([]),C=l.useRef(null);l.useEffect(()=>{const e=i.current;if(!e)return;const t=e.parentElement;if(!t)return;let a;const s=()=>{const{width:r,height:c}=t.getBoundingClientRect();(e.width!==r||e.height!==c)&&(e.width=r,e.height=c)},o=()=>{clearTimeout(a),a=setTimeout(s,100)},n=new ResizeObserver(o);return n.observe(t),s(),()=>{n.disconnect(),clearTimeout(a)}},[]);const w=l.useCallback(e=>{switch(R){case"linear":return e;case"ease-in":return e*e;case"ease-in-out":return e<.5?2*e*e:-1+(4-2*e)*e;default:return e*(2-e)}},[R]);l.useEffect(()=>{const e=i.current;if(!e)return;const t=e.getContext("2d");let a;const s=o=>{C.current||(C.current=o),t.clearRect(0,0,e.width,e.height),h.current=h.current.filter(n=>{const r=o-n.startTime;if(r>=p)return!1;const c=r/p,u=w(c),f=u*x*k,y=v*(1-u),A=n.x+f*Math.cos(n.angle),M=n.y+f*Math.sin(n.angle),_=n.x+(f+y)*Math.cos(n.angle),j=n.y+(f+y)*Math.sin(n.angle);return t.strokeStyle=g,t.lineWidth=2,t.beginPath(),t.moveTo(A,M),t.lineTo(_,j),t.stroke(),!0}),a=requestAnimationFrame(s)};return a=requestAnimationFrame(s),()=>{cancelAnimationFrame(a)}},[g,v,x,m,p,w,k]);const z=e=>{const t=i.current;if(!t)return;const a=t.getBoundingClientRect(),s=e.clientX-a.left,o=e.clientY-a.top,n=performance.now(),r=Array.from({length:m},(c,u)=>({x:s,y:o,angle:2*Math.PI*u/m,startTime:n}));h.current.push(...r)};return S.jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},onClick:z,children:[S.jsx("canvas",{ref:i,style:{width:"100%",height:"100%",display:"block",userSelect:"none",position:"absolute",top:0,left:0,pointerEvents:"none"}}),b]})};V.__docgenInfo={description:"",methods:[],displayName:"ClickSpark",props:{sparkColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},sparkSize:{defaultValue:{value:"10",computed:!1},required:!1},sparkRadius:{defaultValue:{value:"15",computed:!1},required:!1},sparkCount:{defaultValue:{value:"8",computed:!1},required:!1},duration:{defaultValue:{value:"400",computed:!1},required:!1},easing:{defaultValue:{value:"'ease-out'",computed:!1},required:!1},extraScale:{defaultValue:{value:"1.0",computed:!1},required:!1}}};const I={title:"ReactBits/Animations/ClickSpark",component:V,parameters:{layout:"fullscreen"}},d={args:{sparkColor:"#fff",sparkSize:10,sparkRadius:15,sparkCount:8,duration:400,easing:"ease-out",extraScale:1,children:"Hello World"}};var q,T,E;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.docs,source:{originalSource:`{
+import{r as l,j as S}from"./iframe-BVoBDGkl.js";import"./preload-helper-C1FmrZbK.js";const V=({sparkColor:g="#fff",sparkSize:v=10,sparkRadius:x=15,sparkCount:m=8,duration:p=400,easing:R="ease-out",extraScale:k=1,children:b})=>{const i=l.useRef(null),h=l.useRef([]),C=l.useRef(null);l.useEffect(()=>{const e=i.current;if(!e)return;const t=e.parentElement;if(!t)return;let a;const s=()=>{const{width:r,height:c}=t.getBoundingClientRect();(e.width!==r||e.height!==c)&&(e.width=r,e.height=c)},o=()=>{clearTimeout(a),a=setTimeout(s,100)},n=new ResizeObserver(o);return n.observe(t),s(),()=>{n.disconnect(),clearTimeout(a)}},[]);const w=l.useCallback(e=>{switch(R){case"linear":return e;case"ease-in":return e*e;case"ease-in-out":return e<.5?2*e*e:-1+(4-2*e)*e;default:return e*(2-e)}},[R]);l.useEffect(()=>{const e=i.current;if(!e)return;const t=e.getContext("2d");let a;const s=o=>{C.current||(C.current=o),t.clearRect(0,0,e.width,e.height),h.current=h.current.filter(n=>{const r=o-n.startTime;if(r>=p)return!1;const c=r/p,u=w(c),f=u*x*k,y=v*(1-u),A=n.x+f*Math.cos(n.angle),M=n.y+f*Math.sin(n.angle),_=n.x+(f+y)*Math.cos(n.angle),j=n.y+(f+y)*Math.sin(n.angle);return t.strokeStyle=g,t.lineWidth=2,t.beginPath(),t.moveTo(A,M),t.lineTo(_,j),t.stroke(),!0}),a=requestAnimationFrame(s)};return a=requestAnimationFrame(s),()=>{cancelAnimationFrame(a)}},[g,v,x,m,p,w,k]);const z=e=>{const t=i.current;if(!t)return;const a=t.getBoundingClientRect(),s=e.clientX-a.left,o=e.clientY-a.top,n=performance.now(),r=Array.from({length:m},(c,u)=>({x:s,y:o,angle:2*Math.PI*u/m,startTime:n}));h.current.push(...r)};return S.jsxs("div",{style:{position:"relative",width:"100%",height:"100%"},onClick:z,children:[S.jsx("canvas",{ref:i,style:{width:"100%",height:"100%",display:"block",userSelect:"none",position:"absolute",top:0,left:0,pointerEvents:"none"}}),b]})};V.__docgenInfo={description:"",methods:[],displayName:"ClickSpark",props:{sparkColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},sparkSize:{defaultValue:{value:"10",computed:!1},required:!1},sparkRadius:{defaultValue:{value:"15",computed:!1},required:!1},sparkCount:{defaultValue:{value:"8",computed:!1},required:!1},duration:{defaultValue:{value:"400",computed:!1},required:!1},easing:{defaultValue:{value:"'ease-out'",computed:!1},required:!1},extraScale:{defaultValue:{value:"1.0",computed:!1},required:!1}}};const I={title:"ReactBits/Animations/ClickSpark",component:V,parameters:{layout:"fullscreen"}},d={args:{sparkColor:"#fff",sparkSize:10,sparkRadius:15,sparkCount:8,duration:400,easing:"ease-out",extraScale:1,children:"Hello World"}};var q,T,E;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.docs,source:{originalSource:`{
   args: {
     sparkColor: '#fff',
     sparkSize: 10,

package/storybook-static/assets/{ColorBends.stories-D_PqOhcm.js → ColorBends.stories-tjTDyHin.js}

@@ -1,4 +1,4 @@
-import{r as n,j as K}from"./iframe-BINQyIZA.js";import{d as m,S as Q,a as Z,q as ee,e as L,i as re,M as te,W as oe,s as ne,f as ae}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ue={"color-bends-container":"_color-bends-container_1e02y_1"},q=8,se=`
+import{r as n,j as K}from"./iframe-BVoBDGkl.js";import{d as m,S as Q,a as Z,q as ee,e as L,i as re,M as te,W as oe,s as ne,f as ae}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const ue={"color-bends-container":"_color-bends-container_1e02y_1"},q=8,se=`
 #define MAX_COLORS ${q}
 uniform vec2 uCanvas;
 uniform float uTime;

package/storybook-static/assets/{CountUp.stories-Brnx_59H.js → CountUp.stories-Wz9xxsr8.js}

@@ -1,4 +1,4 @@
-import{r as n,j as N}from"./iframe-BINQyIZA.js";import{u as U}from"./use-motion-value-BhTz6p3H.js";import{u as _}from"./use-spring-CMtVWtyM.js";import{u as j}from"./use-in-view-A4Hx2el8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Cl-Ye_B1.js";import"./use-transform-4uLAGEjM.js";function b({to:u,from:s=0,direction:r="up",delay:p=0,duration:o=2,className:w="",startWhen:V=!0,separator:i="",onStart:d,onEnd:g}){const a=n.useRef(null),x=U(r==="down"?u:s),y=20+40*(1/o),E=100*(1/o),h=_(x,{damping:y,stiffness:E}),q=j(a,{once:!0,margin:"0px"}),v=t=>{const e=t.toString();if(e.includes(".")){const m=e.split(".")[1];if(parseInt(m)!==0)return m.length}return 0},l=Math.max(v(s),v(u)),c=n.useCallback(t=>{const e=l>0,m={useGrouping:!!i,minimumFractionDigits:e?l:0,maximumFractionDigits:e?l:0},D=Intl.NumberFormat("en-US",m).format(t);return i?D.replace(/,/g,i):D},[l,i]);return n.useEffect(()=>{a.current&&(a.current.textContent=c(r==="down"?u:s))},[s,u,r,c]),n.useEffect(()=>{if(q&&V){typeof d=="function"&&d();const t=setTimeout(()=>{x.set(r==="down"?s:u)},p*1e3),e=setTimeout(()=>{typeof g=="function"&&g()},p*1e3+o*1e3);return()=>{clearTimeout(t),clearTimeout(e)}}},[q,V,x,r,s,u,p,d,g,o]),n.useEffect(()=>{const t=h.on("change",e=>{a.current&&(a.current.textContent=c(e))});return()=>t()},[h,c]),N.jsx("span",{className:w,ref:a})}b.__docgenInfo={description:"",methods:[],displayName:"CountUp",props:{from:{defaultValue:{value:"0",computed:!1},required:!1},direction:{defaultValue:{value:"'up'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},duration:{defaultValue:{value:"2",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},startWhen:{defaultValue:{value:"true",computed:!1},required:!1},separator:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/TextAnimations/CountUp",component:b,parameters:{layout:"fullscreen"}},f={args:{from:0,to:500,direction:"up",delay:0,duration:2,startWhen:!0,separator:""}};var I,C,T;f.parameters={...f.parameters,docs:{...(I=f.parameters)==null?void 0:I.docs,source:{originalSource:`{
+import{r as n,j as N}from"./iframe-BVoBDGkl.js";import{u as U}from"./use-motion-value-Cruaf_HC.js";import{u as _}from"./use-spring-QrlvhiwT.js";import{u as j}from"./use-in-view-vaSz56VM.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BPeKZQwM.js";import"./use-transform-I-in6IUD.js";function b({to:u,from:s=0,direction:r="up",delay:p=0,duration:o=2,className:w="",startWhen:V=!0,separator:i="",onStart:d,onEnd:g}){const a=n.useRef(null),x=U(r==="down"?u:s),y=20+40*(1/o),E=100*(1/o),h=_(x,{damping:y,stiffness:E}),q=j(a,{once:!0,margin:"0px"}),v=t=>{const e=t.toString();if(e.includes(".")){const m=e.split(".")[1];if(parseInt(m)!==0)return m.length}return 0},l=Math.max(v(s),v(u)),c=n.useCallback(t=>{const e=l>0,m={useGrouping:!!i,minimumFractionDigits:e?l:0,maximumFractionDigits:e?l:0},D=Intl.NumberFormat("en-US",m).format(t);return i?D.replace(/,/g,i):D},[l,i]);return n.useEffect(()=>{a.current&&(a.current.textContent=c(r==="down"?u:s))},[s,u,r,c]),n.useEffect(()=>{if(q&&V){typeof d=="function"&&d();const t=setTimeout(()=>{x.set(r==="down"?s:u)},p*1e3),e=setTimeout(()=>{typeof g=="function"&&g()},p*1e3+o*1e3);return()=>{clearTimeout(t),clearTimeout(e)}}},[q,V,x,r,s,u,p,d,g,o]),n.useEffect(()=>{const t=h.on("change",e=>{a.current&&(a.current.textContent=c(e))});return()=>t()},[h,c]),N.jsx("span",{className:w,ref:a})}b.__docgenInfo={description:"",methods:[],displayName:"CountUp",props:{from:{defaultValue:{value:"0",computed:!1},required:!1},direction:{defaultValue:{value:"'up'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},duration:{defaultValue:{value:"2",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},startWhen:{defaultValue:{value:"true",computed:!1},required:!1},separator:{defaultValue:{value:"''",computed:!1},required:!1}}};const B={title:"ReactBits/TextAnimations/CountUp",component:b,parameters:{layout:"fullscreen"}},f={args:{from:0,to:500,direction:"up",delay:0,duration:2,startWhen:!0,separator:""}};var I,C,T;f.parameters={...f.parameters,docs:{...(I=f.parameters)==null?void 0:I.docs,source:{originalSource:`{
   args: {
     from: 0,
     to: 500,