@stfrigerio/sito-template 0.1.57 → 0.1.59

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

@@ -1,229 +0,0 @@
-import{r as S,j as e}from"./iframe-B8pH-Lvr.js";import{u as Pe}from"./use-motion-value--XhiA2Gt.js";import{u as Et}from"./use-transform-vyDqMhf-.js";import{m as de}from"./proxy-BA3VZtN5.js";import{T as Tt}from"./trash-2-BwI5jvsn.js";import{c as lt}from"./createLucideIcon-BNUG5osq.js";import{C as Nt}from"./check-Cty-Z1Ib.js";import{a as _e}from"./index-BN99WpBo.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Mt=[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]],bt=lt("grip-vertical",Mt);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const jt=[["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"}]],Ht=lt("pencil",jt),$t="_calendar_90omi_2",Pt="_loading_90omi_14",Lt="_loadingSpinner_90omi_21",Bt="_header_90omi_27",Vt="_navigation_90omi_35",Ft="_navButton_90omi_41",It="_title_90omi_60",qt="_controls_90omi_70",zt="_todayButton_90omi_76",Rt="_viewToggle_90omi_92",At="_viewButton_90omi_99",Wt="_active_90omi_113",Gt="_weekDays_90omi_123",Ot="_weekNumberHeader_90omi_134",Yt="_weekDay_90omi_123",Ut="_daysGrid_90omi_151",Qt="_weekView_90omi_163",Jt="_dayCell_90omi_167",Kt="_dayNumber_90omi_196",Xt="_today_90omi_76",Zt="_events_90omi_215",en="_event_90omi_215",tn="_eventTitle_90omi_242",nn="_eventTime_90omi_251",an="_otherMonth_90omi_296",on="_selected_90omi_301",rn="_compact_90omi_312",sn="_dots_90omi_324",ln="_dot_90omi_324",cn="_dotMore_90omi_339",dn="_weekNumber_90omi_134",mn="_completed_90omi_389",un="_completedIcon_90omi_410",pn="_moreEvents_90omi_417",vn="_emptyState_90omi_427",yn="_dayView_90omi_437",gn="_dayViewHeader_90omi_446",hn="_timeColumnHeader_90omi_456",fn="_dayColumnHeader_90omi_463",wn="_allDayStrip_90omi_473",Dn="_allDayLabel_90omi_481",_n="_allDayList_90omi_492",Sn="_dayViewScrollContainer_90omi_515",xn="_dayTimelineGrid_90omi_524",Cn="_hourRow_90omi_529",kn="_hourLabel_90omi_535",En="_hourSlots_90omi_546",Tn="_halfHourSlot_90omi_553",Nn="_halfHourSlotBottom_90omi_563",Mn="_dayEventAnchor_90omi_568",bn="_currentTimeIndicator_90omi_576",n={calendar:$t,loading:Pt,loadingSpinner:Lt,header:Bt,navigation:Vt,navButton:Ft,title:It,controls:qt,todayButton:zt,viewToggle:Rt,viewButton:At,active:Wt,weekDays:Gt,weekNumberHeader:Ot,weekDay:Yt,daysGrid:Ut,weekView:Qt,dayCell:Jt,dayNumber:Kt,today:Xt,events:Zt,event:en,eventTitle:tn,eventTime:nn,otherMonth:an,selected:on,compact:rn,dots:sn,dot:ln,dotMore:cn,weekNumber:dn,completed:mn,completedIcon:un,moreEvents:pn,emptyState:vn,dayView:yn,dayViewHeader:gn,timeColumnHeader:hn,dayColumnHeader:fn,allDayStrip:wn,allDayLabel:Dn,allDayList:_n,dayViewScrollContainer:Sn,dayTimelineGrid:xn,hourRow:Cn,hourLabel:kn,hourSlots:En,halfHourSlot:Tn,halfHourSlotBottom:Nn,dayEventAnchor:Mn,currentTimeIndicator:bn},jn="_wrapper_15z7w_1",Hn="_deleteUnderlay_15z7w_7",$n="_card_15z7w_23",Pn="_dragging_15z7w_43",Ln="_completed_15z7w_49",Bn="_text_15z7w_53",Vn="_grip_15z7w_57",Fn="_checkIcon_15z7w_73",In="_time_15z7w_85",qn="_editButton_15z7w_92",E={wrapper:jn,deleteUnderlay:Hn,card:$n,dragging:Pn,completed:Ln,text:Bn,grip:Vn,checkIcon:Fn,time:In,editButton:qn},zn=-80,Se=({event:d,color:a,textColor:s,onComplete:m,onEdit:c,onDelete:u,onDragEnd:p,draggable:_=!0})=>{const T=Pe(0),H=Pe(0),q=Et(T,[-80,0],[1,0]),[N,w]=S.useState(!1),M=S.useRef(!1),b=S.useRef(null),K=d.status==="completed",X=(h,x)=>{u&&x.offset.x<zn?_e(T,-1e3,{duration:.2,onComplete:()=>u(d)}):_e(T,0,{type:"spring",stiffness:400,damping:30})},ve=()=>{if(M.current){M.current=!1;return}N||m==null||m(d)},z=h=>{!_||!p||(h.stopPropagation(),h.preventDefault(),b.current={y:h.clientY,pointerId:h.pointerId},h.currentTarget.setPointerCapture(h.pointerId),w(!0))},Z=h=>{if(!b.current)return;const x=h.clientY-b.current.y;H.set(x)},g=h=>{if(!b.current)return;const x=h.clientY;try{h.currentTarget.releasePointerCapture(b.current.pointerId)}catch{}b.current=null,w(!1),_e(H,0,{type:"spring",stiffness:400,damping:30}),p==null||p(x)},B=!!u,v=_&&!!p;return e.jsxs("div",{className:E.wrapper,children:[B&&e.jsxs(de.div,{className:E.deleteUnderlay,style:{opacity:q},children:[e.jsx(Tt,{size:16}),e.jsx("span",{children:"Delete"})]}),e.jsxs(de.div,{className:`${E.card} ${K?E.completed:""} ${N?E.dragging:""}`,style:{x:T,y:H,background:a,color:s,borderLeftColor:a},drag:B&&!N?"x":!1,dragConstraints:B?{left:-200,right:0}:void 0,dragElastic:.15,dragDirectionLock:!0,onDragStart:()=>{M.current=!0},onDragEnd:X,whileTap:N?void 0:{scale:.98},animate:N?{scale:1.03}:{scale:1},onClick:ve,children:[v&&e.jsx("div",{className:E.grip,onPointerDown:z,onPointerMove:Z,onPointerUp:g,onPointerCancel:g,onClick:h=>h.stopPropagation(),children:e.jsx(bt,{size:14})}),K&&e.jsx(Nt,{size:14,className:E.checkIcon,strokeWidth:3}),e.jsx("span",{className:E.text,children:d.title}),d.time&&e.jsx("span",{className:E.time,children:d.time}),c&&e.jsx("button",{className:E.editButton,onClick:h=>{h.stopPropagation(),c(d)},"aria-label":"Edit event",children:e.jsx(Ht,{size:13})})]})]})};Se.__docgenInfo={description:"",methods:[],displayName:"DayEventCard",props:{draggable:{defaultValue:{value:"true",computed:!1},required:!1}}};function Q({events:d,onEventClick:a,onDateClick:s,onEventClickByView:m,onDateClickByView:c,onTimeSlotClick:u,onEventDrop:p,onEventComplete:_,onEventDelete:T,onEventEdit:H,viewMode:q="month",initialDate:N=new Date,config:w={},className:M="",style:b={},loading:K=!1,emptyState:X,hideHeader:ve=!1,compact:z=!1,selectedDate:Z}){const[g,B]=S.useState(N),[v,h]=S.useState(q),x=S.useRef(null),{eventColors:xe={},iconRenderer:Ce,maxEventsPerDay:V=3,mondayStart:R=!1,showWeekNumbers:ke=!1,dateFormat:Ee={month:"long",year:"numeric"},locale:I="en-US",dayLabels:dt,monthNames:ee,startHour:A=0,endHour:mt=24,hourHeight:$=60,halfHourSlots:W=!1}=w,ut=dt||(R?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]),Te=(w==null?void 0:w.hourHeight)??60,Ne=(w==null?void 0:w.startHour)??0;S.useEffect(()=>{if(v==="day"&&x.current){const t=new Date;if(g.toDateString()===t.toDateString()){const i=((t.getHours()-Ne)*60+t.getMinutes())/60*Te-100;setTimeout(()=>{x.current&&(x.current.scrollTop=Math.max(0,i))},0)}}},[v,g,Ne,Te]);const Me=S.useMemo(()=>{const t=g.getFullYear(),r=g.getMonth();let l,i,f;if(v==="week"){l=new Date(g);const k=l.getDay(),y=R?l.getDate()-k+(k===0?-6:1):l.getDate()-k;l=new Date(l.setDate(y)),l.setHours(0,0,0,0),i=new Date(l),i.setDate(i.getDate()+6);const F=l.toLocaleDateString(I,{day:"numeric",month:"short"}),L=i.toLocaleDateString(I,{day:"numeric",month:"short"});f=`${F} - ${L}`}else if(v==="day")l=new Date(g),l.setHours(0,0,0,0),i=new Date(g),i.setHours(23,59,59,999),f=g.toLocaleDateString(I,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const k=new Date(t,r,1),y=new Date(t,r+1,0);l=new Date(k);const F=R?(k.getDay()+6)%7:k.getDay();l.setDate(l.getDate()-F),i=new Date(y);const L=R?(y.getDay()+6)%7:y.getDay();i.setDate(i.getDate()+(6-L)),ee&&ee[r]?f=`${ee[r]} ${t}`:f=g.toLocaleDateString(I,Ee)}const C=[],P=new Date(l);for(;P<=i;)C.push(new Date(P)),P.setDate(P.getDate()+1);return{days:C,displayTitle:f}},[g,v,R,I,Ee,ee]),be=t=>{const r=d.filter(l=>new Date(l.date).toDateString()===t.toDateString());return v==="week"?r.sort((l,i)=>{const f=l.time?je(l.time):999999,C=i.time?je(i.time):999999;return f-C}):r},je=t=>{const[r,l]=t.split(":").map(Number);return r*60+l},pt=()=>{const t=new Date(g);v==="week"?t.setDate(t.getDate()-7):v==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),B(t)},vt=()=>{const t=new Date(g);v==="week"?t.setDate(t.getDate()+7):v==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),B(t)},yt=()=>{B(new Date)},G=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"},gt=t=>{const r=t.replace("#",""),l=parseInt(r.substring(0,2),16),i=parseInt(r.substring(2,4),16),f=parseInt(r.substring(4,6),16);return(.299*l+.587*i+.114*f)/255>.5?"#000000":"#FFFFFF"},ye=t=>{if(t.textColor)return t.textColor;const r=G(t);return gt(r)},ge=t=>{m&&m[v]?m[v](t):a&&a(t)},ht=t=>{c&&c[v]?c[v](t):s&&s(t)},ft=t=>{const r=new Date;return t.toDateString()===r.toDateString()},wt=t=>t.getMonth()===g.getMonth(),Dt=t=>{const r=new Date(t.getFullYear(),0,1),l=t.getTime()-r.getTime(),i=1e3*60*60*24*7;return Math.floor(l/i)+1};return K?e.jsx("div",{className:`${n.calendar} ${n.loading} ${M}`,style:b,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${z?n.compact:""} ${M}`,style:b,children:[!ve&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:pt,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:Me.displayTitle}),e.jsx("button",{onClick:vt,className:n.navButton,"aria-label":"Next",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"9,6 15,12 9,18"})})})]}),e.jsxs("div",{className:n.controls,children:[e.jsx("button",{onClick:yt,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${v==="month"?n.active:""}`,onClick:()=>h("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${v==="week"?n.active:""}`,onClick:()=>h("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${v==="day"?n.active:""}`,onClick:()=>h("day"),children:"Day"})]})]})]}),v!=="day"&&e.jsxs("div",{className:n.weekDays,children:[ke&&e.jsx("div",{className:n.weekNumberHeader,children:"Week"}),ut.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),v==="day"?(()=>{const t=be(g),r=t.filter(o=>!o.allDay&&o.time),l=t.filter(o=>o.allDay||!o.time),i=Array.from({length:mt-A},(o,D)=>A+D),f=i.length*$,C=new Date,P=g.toDateString()===C.toDateString(),y=((C.getHours()-A)*60+C.getMinutes())/60*$,F=P&&y>=0&&y<=f,L=o=>{const[D,j]=o.split(":").map(Number);return D*60+j},_t=o=>{if(!o.time||!o.endTime)return 30;const D=L(o.endTime)-L(o.time);return D>0?D:30},he=(o,D)=>{if(u){const j=new Date(g);j.setHours(o,D,0,0);const O=`${o.toString().padStart(2,"0")}:${D.toString().padStart(2,"0")}`;u(j,o,O)}},St=(o,D)=>{var $e;if(!p)return;const j=($e=x.current)==null?void 0:$e.querySelector(`.${n.dayTimelineGrid}`);if(!j)return;const O=j.getBoundingClientRect(),fe=D-O.top,we=W?$/2:$,Y=Math.max(0,Math.floor(fe/we)),xt=W?i.length*2:i.length,De=Math.min(xt-1,Y),Ct=A+Math.floor(W?De/2:De),kt=W&&De%2===1?30:0,He=new Date(g);He.setHours(Ct,kt,0,0),p(o,He)};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:g.toLocaleDateString(I,{weekday:"short",day:"numeric"})})]}),l.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:l.map(o=>e.jsx(Se,{event:o,color:G(o),textColor:ye(o),onComplete:_??(a?ge:void 0),onEdit:H,onDelete:T,draggable:!1},o.id))})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:x,children:e.jsxs("div",{className:n.dayTimelineGrid,style:{height:f},children:[i.map(o=>e.jsxs("div",{className:n.hourRow,style:{height:$},children:[e.jsxs("span",{className:n.hourLabel,children:[o.toString().padStart(2,"0"),":00"]}),e.jsx("div",{className:n.hourSlots,children:W?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>he(o,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>he(o,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>he(o,0)})})]},o)),r.map(o=>{const[D,j]=o.time.split(":").map(Number),O=(D-A)*$+j/60*$,fe=_t(o),we=Math.max(24,fe/60*$-2);return e.jsx("div",{className:n.dayEventAnchor,style:{top:O,height:we},onClick:Y=>Y.stopPropagation(),children:e.jsx(Se,{event:o,color:G(o),textColor:ye(o),onComplete:_??(a?ge:void 0),onEdit:H,onDelete:T,onDragEnd:p?Y=>St(o,Y):void 0})},o.id)}),F&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${y}px`}})]})})]})})():(()=>{const t=v==="month"&&!z?40+V*24:void 0;return e.jsx("div",{className:`${n.daysGrid} ${v==="week"?n.weekView:""}`,children:Me.days.map((r,l)=>{const i=be(r),f=ft(r),C=v==="week"||wt(r),P=ke&&l%7===0,k=Z&&r.toDateString()===Z.toDateString();return e.jsxs(de.div,{className:`${n.dayCell} ${f?n.today:""} ${C?"":n.otherMonth} ${k?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:l*.02,ease:"easeOut"},onClick:()=>ht(r),children:[P&&e.jsx("div",{className:n.weekNumber,children:Dt(r)}),e.jsx("div",{className:n.dayNumber,children:r.getDate()}),i.length>0&&z&&v==="month"?e.jsxs("div",{className:n.dots,children:[i.slice(0,V).map(y=>e.jsx("span",{className:n.dot,style:{backgroundColor:G(y)}},y.id)),i.length>V&&e.jsxs("span",{className:n.dotMore,children:["+",i.length-V]})]}):i.length>0?e.jsxs("div",{className:n.events,children:[i.slice(0,V).map((y,F)=>e.jsxs(de.div,{className:`${n.event} ${y.status==="completed"?n.completed:""}`,style:{backgroundColor:G(y),color:ye(y),opacity:y.status==="completed"?.7:1},onClick:L=>{L.stopPropagation(),ge(y)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:F*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[Ce&&Ce(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)),i.length>V&&e.jsxs("div",{className:n.moreEvents,children:["+",i.length-V," more"]})]}):X?e.jsx("div",{className:n.emptyState,children:X}):null]},`${r.getFullYear()}-${r.getMonth()}-${r.getDate()}`)})})})()]})}Q.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
-
-@component
-@description
-A highly customizable calendar component that can display events in month or week view.
-Supports custom event types, colors, icons, and localization. Perfect for scheduling,
-project management, habit tracking, or any date-based data visualization.
-
-@example
-// Basic usage
-<Calendar
-  events={myEvents}
-  onEventClick={handleEventClick}
-  viewMode="month"
-/>
-
-@example
-// With custom configuration
-<Calendar
-  events={projectEvents}
-  config={{
-    eventColors: { task: '#4A90E2', meeting: '#7ED321' },
-    maxEventsPerDay: 5,
-    mondayStart: true
-  }}
-  onEventClick={handleEventClick}
-/>`,methods:[],displayName:"Calendar",props:{events:{required:!0,tsType:{name:"Array",elements:[{name:"CalendarEvent"}],raw:"CalendarEvent[]"},description:"Array of events to display"},onEventClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Callback when an event is clicked"},onDateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}}},description:"Callback when a date is clicked"},onEventClickByView:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-    month?: (event: CalendarEvent) => void;
-    week?: (event: CalendarEvent) => void;
-    day?: (event: CalendarEvent) => void;
-}`,signature:{properties:[{key:"month",value:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}},required:!1}},{key:"week",value:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}},required:!1}},{key:"day",value:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}},required:!1}}]}},description:"View-specific event click handlers"},onDateClickByView:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-    month?: (date: Date) => void;
-    week?: (date: Date) => void;
-    day?: (date: Date) => void;
-}`,signature:{properties:[{key:"month",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}},{key:"week",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}},{key:"day",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}}]}},description:"View-specific date click handlers"},onTimeSlotClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, hour: number, time: string) => void",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"number"},name:"hour"},{type:{name:"string"},name:"time"}],return:{name:"void"}}},description:"Callback when a time slot is clicked in day view"},onEventDrop:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent, newDate: Date) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"},{type:{name:"Date"},name:"newDate"}],return:{name:"void"}}},description:"Callback when an event is dropped (drag-rescheduled) in day view"},onEventComplete:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Day view: callback when an event body is tapped to toggle complete"},onEventDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Day view: callback when an event is swiped left to delete"},onEventEdit:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: CalendarEvent) => void",signature:{arguments:[{type:{name:"CalendarEvent"},name:"event"}],return:{name:"void"}}},description:"Day view: callback when an event's edit button is clicked"},viewMode:{required:!1,tsType:{name:"union",raw:"'month' | 'week' | 'day'",elements:[{name:"literal",value:"'month'"},{name:"literal",value:"'week'"},{name:"literal",value:"'day'"}]},description:"Initial view mode",defaultValue:{value:"'month'",computed:!1}},initialDate:{required:!1,tsType:{name:"Date"},description:"Initial date to display",defaultValue:{value:"new Date()",computed:!1}},config:{required:!1,tsType:{name:"CalendarConfig"},description:"Configuration options",defaultValue:{value:"{}",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom CSS class",defaultValue:{value:"''",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Custom styles",defaultValue:{value:"{}",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Loading state",defaultValue:{value:"false",computed:!1}},emptyState:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"Custom empty state component"},hideHeader:{required:!1,tsType:{name:"boolean"},description:"Hide the calendar header (navigation, title, view controls)",defaultValue:{value:"false",computed:!1}},compact:{required:!1,tsType:{name:"boolean"},description:"Compact mode - renders colored dots instead of event blocks in month view",defaultValue:{value:"false",computed:!1}},selectedDate:{required:!1,tsType:{name:"Date"},description:"Externally controlled selected date highlight (distinct from initialDate which controls navigation)"}}};const ta={title:"Organisms/Calendar",component:Q,parameters:{layout:"padded"},tags:["autodocs"],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"}}},me=["#4A90E2","#7ED321","#BD10E0","#F5B829","#FF6B6B","#4ECDC4","#7C6FBF"],ue=["Morning standup","Sprint planning","Code review","1:1 with manager","Design critique","Client demo","Deep work","Lunch with Ava","Architecture review","Release sign-off","Interview (FE)","Write weekly summary","Bug triage","Pairing session","Retro","Security debrief"],pe=["meeting","task","review","deadline"],U=(d,a=0)=>`${d.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}`,Rn=d=>{let a=d;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}},J=(d=42)=>{const a=Rn(d),s=new Date,m=[];for(let c=0;c<28;c++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(a()*30)-15);const p=8+Math.floor(a()*10),_=a()>.5?0:30;m.push({id:`m-${c}`,title:ue[c%ue.length],date:u,time:a()>.35?U(p,_):void 0,type:pe[Math.floor(a()*pe.length)],status:a()>.75?"completed":"pending",color:me[c%me.length],textColor:"#ffffff"})}return m},An=()=>{const d=new Date,a=(s,m=0)=>{const c=new Date(d);return c.setHours(s,m,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"}]},ct=d=>{const a={meeting:"👥",task:"✓",review:"👀",deadline:"⏰"};return e.jsx("span",{style:{fontSize:11},children:a[d.type??""]??"📅"})},te={args:{events:J(),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3,iconRenderer:ct}},render:d=>{const[a,s]=S.useState(d.events??[]);return e.jsx(Q,{...d,events:a,onEventClick:m=>{s(c=>c.map(u=>u.id===m.id?{...u,status:u.status==="completed"?"pending":"completed"}:u))},onDateClick:m=>{s(c=>[...c,{id:`new-${Date.now()}`,title:"New event",date:m,time:"15:00",type:"task",status:"pending",color:"#6366f1",textColor:"#ffffff"}])}})}},ne={args:{events:J(7),viewMode:"week",config:{mondayStart:!0,maxEventsPerDay:6,iconRenderer:ct}}},ae={args:{events:[],viewMode:"day",config:{startHour:6,endHour:24,hourHeight:72,halfHourSlots:!0,mondayStart:!0}},render:d=>{const[a,s]=S.useState(An());return e.jsx(Q,{...d,events:a,onTimeSlotClick:(m,c,u)=>{const p=Math.min(23,m.getHours()+1);s(_=>[..._,{id:`new-${Date.now()}`,title:`New @ ${u}`,date:m,time:u,endTime:U(p,m.getMinutes()),color:"#6366f1",textColor:"#ffffff"}])},onEventComplete:m=>s(c=>c.map(u=>u.id===m.id?{...u,status:u.status==="completed"?"pending":"completed"}:u)),onEventDelete:m=>s(c=>c.filter(u=>u.id!==m.id)),onEventEdit:m=>{const c=window.prompt("Rename event",m.title);c&&s(u=>u.map(p=>p.id===m.id?{...p,title:c}:p))},onEventDrop:(m,c)=>{s(u=>u.map(p=>{if(p.id!==m.id)return p;const _=new Date(p.date),T=c.getTime()-_.getTime(),H=(()=>{if(!p.endTime||!p.time)return p.endTime;const[q,N]=p.endTime.split(":").map(Number),w=new Date(_);w.setHours(q,N,0,0);const M=new Date(w.getTime()+T);return U(M.getHours(),M.getMinutes())})();return{...p,date:c,time:U(c.getHours(),c.getMinutes()),endTime:H}}))}})}},oe={args:{events:J(1),viewMode:"month",compact:!0,config:{mondayStart:!0,maxEventsPerDay:4},style:{maxWidth:420}}},re={args:{events:J(3),viewMode:"month",config:{mondayStart:!0,showWeekNumbers:!0,maxEventsPerDay:3}}},se={args:{events:(()=>{const d=new Date;return Array.from({length:9},(a,s)=>({id:`over-${s}`,title:ue[s%ue.length],date:new Date(d),time:U(8+s),type:pe[s%pe.length],color:me[s%me.length],textColor:"#ffffff"}))})(),viewMode:"month",config:{mondayStart:!0,maxEventsPerDay:3}}},ie={args:{events:[],loading:!0}},le={args:{events:[],viewMode:"month",config:{mondayStart:!0},emptyState:e.jsx("span",{style:{color:"var(--color-text-tertiary)",fontSize:11},children:"No events"})}},ce={args:{events:[]},render:()=>{const[d,a]=S.useState(new Date),s=S.useMemo(()=>J(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:d.toLocaleDateString()})]}),e.jsx(Q,{events:s,viewMode:"month",selectedDate:d,onDateClick:a,config:{mondayStart:!0,maxEventsPerDay:3}})]})}};var Le,Be,Ve;te.parameters={...te.parameters,docs:{...(Le=te.parameters)==null?void 0:Le.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 3,
-      iconRenderer: iconForType
-    }
-  },
-  render: args => {
-    const [events, setEvents] = useState<CalendarEvent[]>(args.events ?? []);
-    return <Calendar {...args} events={events} onEventClick={e => {
-      setEvents(prev => prev.map(ev => ev.id === e.id ? {
-        ...ev,
-        status: ev.status === 'completed' ? 'pending' : 'completed'
-      } : ev));
-    }} onDateClick={date => {
-      setEvents(prev => [...prev, {
-        id: \`new-\${Date.now()}\`,
-        title: 'New event',
-        date,
-        time: '15:00',
-        type: 'task',
-        status: 'pending',
-        color: '#6366f1',
-        textColor: '#ffffff'
-      }]);
-    }} />;
-  }
-}`,...(Ve=(Be=te.parameters)==null?void 0:Be.docs)==null?void 0:Ve.source}}};var Fe,Ie,qe;ne.parameters={...ne.parameters,docs:{...(Fe=ne.parameters)==null?void 0:Fe.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(7),
-    viewMode: 'week',
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 6,
-      iconRenderer: iconForType
-    }
-  }
-}`,...(qe=(Ie=ne.parameters)==null?void 0:Ie.docs)==null?void 0:qe.source}}};var ze,Re,Ae;ae.parameters={...ae.parameters,docs:{...(ze=ae.parameters)==null?void 0:ze.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    viewMode: 'day',
-    config: {
-      startHour: 6,
-      endHour: 24,
-      hourHeight: 72,
-      halfHourSlots: true,
-      mondayStart: true
-    }
-  },
-  render: args => {
-    const [events, setEvents] = useState<CalendarEvent[]>(buildDayEvents());
-    return <Calendar {...args} events={events} onTimeSlotClick={(date, _h, time) => {
-      const endH = Math.min(23, date.getHours() + 1);
-      setEvents(prev => [...prev, {
-        id: \`new-\${Date.now()}\`,
-        title: \`New @ \${time}\`,
-        date,
-        time,
-        endTime: hhmm(endH, date.getMinutes()),
-        color: '#6366f1',
-        textColor: '#ffffff'
-      }]);
-    }} onEventComplete={e => setEvents(prev => prev.map(ev => ev.id === e.id ? {
-      ...ev,
-      status: ev.status === 'completed' ? 'pending' : 'completed'
-    } : ev))} onEventDelete={e => setEvents(prev => prev.filter(ev => ev.id !== e.id))} onEventEdit={e => {
-      const next = window.prompt('Rename event', e.title);
-      if (!next) return;
-      setEvents(prev => prev.map(ev => ev.id === e.id ? {
-        ...ev,
-        title: next
-      } : ev));
-    }} onEventDrop={(e, newDate) => {
-      setEvents(prev => prev.map(ev => {
-        if (ev.id !== e.id) return ev;
-        const oldStart = new Date(ev.date);
-        const deltaMs = newDate.getTime() - oldStart.getTime();
-        const nextEndTime = (() => {
-          if (!ev.endTime || !ev.time) return ev.endTime;
-          const [oh, om] = ev.endTime.split(':').map(Number);
-          const endOld = new Date(oldStart);
-          endOld.setHours(oh, om, 0, 0);
-          const endNew = new Date(endOld.getTime() + deltaMs);
-          return hhmm(endNew.getHours(), endNew.getMinutes());
-        })();
-        return {
-          ...ev,
-          date: newDate,
-          time: hhmm(newDate.getHours(), newDate.getMinutes()),
-          endTime: nextEndTime
-        };
-      }));
-    }} />;
-  }
-}`,...(Ae=(Re=ae.parameters)==null?void 0:Re.docs)==null?void 0:Ae.source}}};var We,Ge,Oe;oe.parameters={...oe.parameters,docs:{...(We=oe.parameters)==null?void 0:We.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(1),
-    viewMode: 'month',
-    compact: true,
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 4
-    },
-    style: {
-      maxWidth: 420
-    }
-  }
-}`,...(Oe=(Ge=oe.parameters)==null?void 0:Ge.docs)==null?void 0:Oe.source}}};var Ye,Ue,Qe;re.parameters={...re.parameters,docs:{...(Ye=re.parameters)==null?void 0:Ye.docs,source:{originalSource:`{
-  args: {
-    events: buildMonthEvents(3),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      showWeekNumbers: true,
-      maxEventsPerDay: 3
-    }
-  }
-}`,...(Qe=(Ue=re.parameters)==null?void 0:Ue.docs)==null?void 0:Qe.source}}};var Je,Ke,Xe;se.parameters={...se.parameters,docs:{...(Je=se.parameters)==null?void 0:Je.docs,source:{originalSource:`{
-  args: {
-    events: (() => {
-      const today = new Date();
-      return Array.from({
-        length: 9
-      }, (_, i) => ({
-        id: \`over-\${i}\`,
-        title: TITLES[i % TITLES.length],
-        date: new Date(today),
-        time: hhmm(8 + i),
-        type: TYPES[i % TYPES.length],
-        color: PALETTE[i % PALETTE.length],
-        textColor: '#ffffff'
-      }));
-    })(),
-    viewMode: 'month',
-    config: {
-      mondayStart: true,
-      maxEventsPerDay: 3
-    }
-  }
-}`,...(Xe=(Ke=se.parameters)==null?void 0:Ke.docs)==null?void 0:Xe.source}}};var Ze,et,tt;ie.parameters={...ie.parameters,docs:{...(Ze=ie.parameters)==null?void 0:Ze.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    loading: true
-  }
-}`,...(tt=(et=ie.parameters)==null?void 0:et.docs)==null?void 0:tt.source}}};var nt,at,ot;le.parameters={...le.parameters,docs:{...(nt=le.parameters)==null?void 0:nt.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    viewMode: 'month',
-    config: {
-      mondayStart: true
-    },
-    emptyState: <span style={{
-      color: 'var(--color-text-tertiary)',
-      fontSize: 11
-    }}>
-                No events
-            </span>
-  }
-}`,...(ot=(at=le.parameters)==null?void 0:at.docs)==null?void 0:ot.source}}};var rt,st,it;ce.parameters={...ce.parameters,docs:{...(rt=ce.parameters)==null?void 0:rt.docs,source:{originalSource:`{
-  args: {
-    events: []
-  },
-  render: () => {
-    const [selected, setSelected] = useState(new Date());
-    const events = useMemo(() => buildMonthEvents(9), []);
-    return <div style={{
-      display: 'grid',
-      gap: 'var(--spacing-md)'
-    }}>
-                <div style={{
-        fontSize: 'var(--font-size-sm)',
-        color: 'var(--color-text-secondary)'
-      }}>
-                    Selected: <strong>{selected.toLocaleDateString()}</strong>
-                </div>
-                <Calendar events={events} viewMode="month" selectedDate={selected} onDateClick={setSelected} config={{
-        mondayStart: true,
-        maxEventsPerDay: 3
-      }} />
-            </div>;
-  }
-}`,...(it=(st=ce.parameters)==null?void 0:st.docs)==null?void 0:it.source}}};const na=["Default","WeekView","DayView","CompactMonth","WithWeekNumbers","OverflowDay","Loading","Empty","ControlledSelection"];export{oe as CompactMonth,ce as ControlledSelection,ae as DayView,te as Default,le as Empty,ie as Loading,se as OverflowDay,ne as WeekView,re as WithWeekNumbers,na as __namedExportsOrder,ta as default};

package/storybook-static/assets/Checkbox.stories-BwsnN3CP.js

@@ -1,83 +0,0 @@
-import{r as w,j as s}from"./iframe-B8pH-Lvr.js";import{C as c}from"./Checkbox-Dw8W2w74.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";const q={title:"Atoms/Checkbox",component:c,parameters:{layout:"centered",docs:{description:{component:"A simple checkbox component with optional label."}}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:"Whether the checkbox is checked"},label:{control:"text",description:"Optional label text"},disabled:{control:"boolean",description:"Whether the checkbox is disabled"},onChange:{action:"changed"}}},n={args:{checked:!1,label:"Accept terms and conditions",onChange:()=>{}}},t={args:{checked:!0,label:"Subscribe to newsletter",onChange:()=>{}}},r={args:{checked:!1,onChange:()=>{}}},i={args:{checked:!1,label:"This option is disabled",disabled:!0,onChange:()=>{}}},l={args:{checked:!0,label:"This option is disabled and checked",disabled:!0,onChange:()=>{}}},d={args:{checked:!1,label:"Interactive checkbox",onChange:()=>{}},render:()=>{const[e,a]=w.useState(!1);return s.jsx(c,{checked:e,onChange:a,label:e?"Checked! Click to uncheck":"Unchecked! Click to check"})}},h={args:{checked:!1,label:"Multiple checkboxes example",onChange:()=>{}},render:()=>{const[e,a]=w.useState({option1:!1,option2:!0,option3:!1,option4:!1});return s.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:[s.jsx(c,{checked:e.option1,onChange:o=>a({...e,option1:o}),label:"Enable notifications"}),s.jsx(c,{checked:e.option2,onChange:o=>a({...e,option2:o}),label:"Receive marketing emails"}),s.jsx(c,{checked:e.option3,onChange:o=>a({...e,option3:o}),label:"Share usage statistics"}),s.jsx(c,{checked:e.option4,onChange:o=>a({...e,option4:o}),label:"Enable dark mode",disabled:!0})]})},parameters:{controls:{disable:!0}}};var p,k,b;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    checked: false,
-    label: 'Accept terms and conditions',
-    onChange: () => {}
-  }
-}`,...(b=(k=n.parameters)==null?void 0:k.docs)==null?void 0:b.source}}};var u,m,g;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    checked: true,
-    label: 'Subscribe to newsletter',
-    onChange: () => {}
-  }
-}`,...(g=(m=t.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var C,x,f;r.parameters={...r.parameters,docs:{...(C=r.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {
-    checked: false,
-    onChange: () => {}
-  }
-}`,...(f=(x=r.parameters)==null?void 0:x.docs)==null?void 0:f.source}}};var S,v,j;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    checked: false,
-    label: 'This option is disabled',
-    disabled: true,
-    onChange: () => {}
-  }
-}`,...(j=(v=i.parameters)==null?void 0:v.docs)==null?void 0:j.source}}};var D,O,E;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    checked: true,
-    label: 'This option is disabled and checked',
-    disabled: true,
-    onChange: () => {}
-  }
-}`,...(E=(O=l.parameters)==null?void 0:O.docs)==null?void 0:E.source}}};var y,T,A;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    checked: false,
-    label: 'Interactive checkbox',
-    onChange: () => {}
-  },
-  render: () => {
-    const [checked, setChecked] = useState(false);
-    return <Checkbox checked={checked} onChange={setChecked} label={checked ? 'Checked! Click to uncheck' : 'Unchecked! Click to check'} />;
-  }
-}`,...(A=(T=d.parameters)==null?void 0:T.docs)==null?void 0:A.source}}};var I,M,W;h.parameters={...h.parameters,docs:{...(I=h.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    checked: false,
-    label: 'Multiple checkboxes example',
-    onChange: () => {}
-  },
-  render: () => {
-    const [options, setOptions] = useState({
-      option1: false,
-      option2: true,
-      option3: false,
-      option4: false
-    });
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '0.5rem'
-    }}>
-        <Checkbox checked={options.option1} onChange={checked => setOptions({
-        ...options,
-        option1: checked
-      })} label="Enable notifications" />
-        <Checkbox checked={options.option2} onChange={checked => setOptions({
-        ...options,
-        option2: checked
-      })} label="Receive marketing emails" />
-        <Checkbox checked={options.option3} onChange={checked => setOptions({
-        ...options,
-        option3: checked
-      })} label="Share usage statistics" />
-        <Checkbox checked={options.option4} onChange={checked => setOptions({
-        ...options,
-        option4: checked
-      })} label="Enable dark mode" disabled />
-      </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(W=(M=h.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const z=["Default","Checked","WithoutLabel","Disabled","DisabledChecked","Interactive","MultipleCheckboxes"];export{t as Checked,n as Default,i as Disabled,l as DisabledChecked,d as Interactive,h as MultipleCheckboxes,r as WithoutLabel,z as __namedExportsOrder,q as default};

package/storybook-static/assets/Color-AVL7NMMY-CoWQkAiP.js

@@ -1 +0,0 @@
-import{d as ce,x as M,Y as U,g as he,i as fe,Z as de,M as ge,_ as be,a as q}from"./DocsRenderer-PQXLIZUC-C2AYT361.js";import{r as p,R as v}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-7dGub68c.js";import"./client-0pKYCVHx.js";import"./index-PY_vM88c.js";var ve=q({"../../node_modules/color-name/index.js"(r,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Z=q({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=c/(i+o):g=c/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,o,i,c=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(c,f,g),y=b-Math.min(c,f,g),m=function(k){return(b-k)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,n=m(c),t=m(f),a=m(g),c===b?o=a-t:f===b?o=1/3+n-a:g===b&&(o=2/3+t-n),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(1-n,1-t,1-a),i=(1-n-o)/(1-o)||0,c=(1-t-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,c*100,f*100,o*100]};function d(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let o of Object.keys(s)){let i=s[o],c=d(e,i);c<t&&(t=c,a=o)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[o*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],o=n[2];t/=95.047,a/=100,o/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,c=500*(t-a),f=200*(a-o);return[i,c,f]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?o=a*(1+t):o=a+t-a*t;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=f+(o-f)*6*i:2*i<1?c=o:3*i<2?c=f+(o-f)*(2/3-i)*6:c=f,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,o*=i<=1?i:2-i;let c=(a+t)/2,f=a===0?2*o/(i+o):2*t/(a+t);return[n,f*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,o=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),f=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,o){case 0:return[a,g,c];case 1:return[f,a,c];case 2:return[c,a,g];case 3:return[c,f,a];case 4:return[g,c,a];case 5:return[a,c,f]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,c;c=(2-t)*a;let f=(2-t)*o;return i=t*o,i/=f<=1?f:2-f,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o=t+a,i;o>1&&(t/=o,a/=o);let c=Math.floor(6*n),f=1-a;i=6*n-c,c&1&&(i=1-i);let g=t+i*(f-t),b,y,m;switch(c){default:case 6:case 0:b=f,y=g,m=t;break;case 1:b=g,y=f,m=t;break;case 2:b=t,y=f,m=g;break;case 3:b=t,y=g,m=f;break;case 4:b=g,y=t,m=f;break;case 5:b=f,y=t,m=g;break}return[b*255,y*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,t*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,c*255,f*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o,i,c;return o=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[o*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*t-16,i=500*(n-t),c=200*(t-a);return[o,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],o,i,c;i=(n+16)/116,o=t/500+i,c=i-a/200;let f=i**3,g=o**3,b=c**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,o*=95.047,i*=100,c*=108.883,[o,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],o;o=Math.atan2(a,t)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(t*t+a*a);return[n,i,o]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,o=t*Math.cos(a),i=t*Math.sin(a);return[n,o,i]},u.rgb.ansi16=function(e,n=null){let[t,a,o]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,o=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,o=n%6/5*255;return[t,a,o]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(f=>f+f).join(""));let a=parseInt(t,16),o=a>>16&255,i=a>>8&255,c=a&255;return[o,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=o-i,f,g;return c<1?f=i/(1-c):f=0,c<=0?g=0:o===n?g=(t-a)/c%6:o===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,f*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),o=0;return a<1&&(o=(t-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let o=[0,0,0],i=n%1*6,c=i%1,f=1-c,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-t)*a,[(t*o[0]+g)*255,(t*o[1]+g)*255,(t*o[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),o=0;return a>0&&(o=n/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=q({"../../node_modules/color-convert/route.js"(r,l){var s=Z();function h(){let n={},t=Object.keys(s);for(let a=t.length,o=0;o<a;o++)n[t[o]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let o=a.pop(),i=Object.keys(s[o]);for(let c=i.length,f=0;f<c;f++){let g=i[f],b=t[g];b.distance===-1&&(b.distance=t[o].distance+1,b.parent=o,a.unshift(g))}}return t}function d(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],o=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),o=d(s[t[i].parent][i],o),i=t[i].parent;return o.conversion=a,o}l.exports=function(n){let t=u(n),a={},o=Object.keys(t);for(let i=o.length,c=0;c<i;c++){let f=o[c];t[f].parent!==null&&(a[f]=e(f,t))}return a}}}),pe=q({"../../node_modules/color-convert/index.js"(r,l){var s=Z(),h=me(),u={},d=Object.keys(s);function e(t){let a=function(...o){let i=o[0];return i==null?i:(i.length>1&&(o=i),t(o))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let c=t(o);if(typeof c=="object")for(let f=c.length,g=0;g<f;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}d.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(o=>{let i=a[o];u[t][o]=n(i),u[t][o].raw=e(i)})}),l.exports=u}}),_=be(pe());function C(){return(C=Object.assign||function(r){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function D(r,l){if(r==null)return{};var s,h,u={},d=Object.keys(r);for(h=0;h<d.length;h++)l.indexOf(s=d[h])>=0||(u[s]=r[s]);return u}function L(r){var l=p.useRef(r),s=p.useRef(function(h){l.current&&l.current(h)});return l.current=r,s.current}var O=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=1),r>s?s:r<l?l:r},S=function(r){return"touches"in r},B=function(r){return r&&r.ownerDocument.defaultView||self},T=function(r,l,s){var h=r.getBoundingClientRect(),u=S(l)?function(d,e){for(var n=0;n<d.length;n++)if(d[n].identifier===e)return d[n];return d[0]}(l.touches,s):l;return{left:O((u.pageX-(h.left+B(r).pageXOffset))/h.width),top:O((u.pageY-(h.top+B(r).pageYOffset))/h.height)}},W=function(r){!S(r)&&r.preventDefault()},G=v.memo(function(r){var l=r.onMove,s=r.onKey,h=D(r,["onMove","onKey"]),u=p.useRef(null),d=L(l),e=L(s),n=p.useRef(null),t=p.useRef(!1),a=p.useMemo(function(){var f=function(y){W(y),(S(y)?y.touches.length>0:y.buttons>0)&&u.current?d(T(u.current,y,n.current)):b(!1)},g=function(){return b(!1)};function b(y){var m=t.current,k=B(u.current),E=y?k.addEventListener:k.removeEventListener;E(m?"touchmove":"mousemove",f),E(m?"touchend":"mouseup",g)}return[function(y){var m=y.nativeEvent,k=u.current;if(k&&(W(m),!function(x,R){return R&&!S(x)}(m,t.current)&&k)){if(S(m)){t.current=!0;var E=m.changedTouches||[];E.length&&(n.current=E[0].identifier)}k.focus(),d(T(k,m,n.current)),b(!0)}},function(y){var m=y.which||y.keyCode;m<37||m>40||(y.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],c=a[2];return p.useEffect(function(){return c},[c]),v.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),N=function(r){return r.filter(Boolean).join(" ")},F=function(r){var l=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,d=N(["react-colorful__pointer",r.className]);return v.createElement("div",{className:d,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},w=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=Math.pow(10,l)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return ee(K(r))},K=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,l){return l===void 0&&(l="deg"),Number(r)*(ye[l]||1)},ke=function(r){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(r){var l=r.s,s=r.l;return{h:r.h,s:(l*=(s<50?s:100-s)/100)>0?2*l/(s+l)*100:0,v:s+l,a:r.a}},Ee=function(r){return Ce(Q(r))},J=function(r){var l=r.s,s=r.v,h=r.a,u=(200-l)*s/100;return{h:w(r.h),s:w(u>0&&u<200?l*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},X=function(r){var l=J(r);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},H=function(r){var l=J(r);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},Q=function(r){var l=r.h,s=r.s,h=r.v,u=r.a;l=l/360*6,s/=100,h/=100;var d=Math.floor(l),e=h*(1-s),n=h*(1-(l-d)*s),t=h*(1-(1-l+d)*s),a=d%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Me=function(r){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?ee({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(r){var l=r.toString(16);return l.length<2?"0"+l:l},Ce=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=u<1?j(w(255*u)):"";return"#"+j(l)+j(s)+j(h)+d},ee=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=Math.max(l,s,h),e=d-Math.min(l,s,h),n=e?d===l?(s-h)/e:d===s?2+(h-l)/e:4+(l-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(d?e/d*100:0),v:w(d/255*100),a:u}},re=v.memo(function(r){var l=r.hue,s=r.onChange,h=N(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(G,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:O(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(l),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(F,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),te=v.memo(function(r){var l=r.hsva,s=r.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(G,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:O(l.s+100*u.left,0,100),v:O(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(l.s)+"%, Brightness "+w(l.v)+"%"},v.createElement(F,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ne=function(r,l){if(r===l)return!0;for(var s in r)if(r[s]!==l[s])return!1;return!0},ae=function(r,l){return r.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(r,l){return r.toLowerCase()===l.toLowerCase()||ne(K(r),K(l))};function le(r,l,s){var h=L(s),u=p.useState(function(){return r.toHsva(l)}),d=u[0],e=u[1],n=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!r.equal(l,n.current.color)){var a=r.toHsva(l);n.current={hsva:a,color:l},e(a)}},[l,r]),p.useEffect(function(){var a;ne(d,n.current.hsva)||r.equal(a=r.fromHsva(d),n.current.color)||(n.current={hsva:d,color:a},h(a))},[d,r,h]);var t=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,t]}var Oe=typeof window<"u"?p.useLayoutEffect:p.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},Y=new Map,oe=function(r){Oe(function(){var l=r.current?r.current.ownerDocument:document;if(l!==void 0&&!Y.has(l)){var s=l.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,Y.set(l,s);var h=Se();h&&s.setAttribute("nonce",h),l.head.appendChild(s)}},[])},Ne=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,C({},r,{colorModel:Re}))},ze=function(r){var l=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+H(Object.assign({},s,{a:0}))+", "+H(Object.assign({},s,{a:1}))+")"},d=N(["react-colorful__alpha",l]),e=w(100*s.a);return v.createElement("div",{className:d},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(G,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:O(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(F,{className:"react-colorful__alpha-pointer",left:s.a,color:H(s)})))},ue=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=D(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=le(s,u,d),a=t[0],o=t[1],i=N(["react-colorful",l]);return v.createElement("div",C({},e,{ref:n,className:i}),v.createElement(te,{hsva:a,onChange:o}),v.createElement(re,{hue:a.h,onChange:o}),v.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:H,equal:ae},Ie=function(r){return v.createElement(ue,C({},r,{colorModel:He}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var l=Q(r);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:ae},Pe=function(r){return v.createElement(ue,C({},r,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(U)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(fe)(({theme:r})=>({fontFamily:r.typography.fonts.base})),Ve=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),De=M.div(({theme:r,active:l})=>({width:16,height:16,boxShadow:l?`${r.appBorderColor} 0 0 0 1px inset, ${r.textMutedColor}50 0 0 0 4px`:`${r.appBorderColor} 0 0 0 1px inset`,borderRadius:r.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,A=({value:r,style:l,...s})=>{let h=`linear-gradient(${r}, ${r}), ${Ge}, linear-gradient(#fff, #fff)`;return v.createElement(De,{...s,style:{...l,backgroundImage:h}})},Fe=M(de.Input)(({theme:r,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base})),Te=M(ge)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ie=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ie||{}),P=Object.values(ie),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,V=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ze={hex:je,rgb:Pe,hsl:Ie},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},se=r=>{let l=r==null?void 0:r.match(We);if(!l)return[0,0,0,1];let[,s,h,u,d=1]=l;return[s,h,u,d].map(Number)},Je=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.rgb.hsl([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([l,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${d}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([l,s,h]).toLowerCase()}`}},Qe=r=>{let[l,s,h,u]=se(r),[d,e,n]=_.default.hsl.rgb([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([l,s,h]),colorSpace:"hsl",rgb:`rgba(${d}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([l,s,h]).toLowerCase()}`}},er=r=>{let l=r.replace("#",""),s=_.default.keyword.rgb(l)||_.default.hex.rgb(l),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=l:V.test(r)&&(u=`#${l}`);let d=!0;if(u.startsWith("#"))d=V.test(u);else try{_.default.keyword.hex(u)}catch{d=!1}return{valid:d,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},$=r=>{if(r)return Ye.test(r)?Je(r):Ae.test(r)?Qe(r):er(r)},rr=(r,l,s)=>{if(!r||!(l!=null&&l.valid))return z[s];if(s!=="hex")return(l==null?void 0:l[s])||z[s];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ue);if(!h)return V.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},tr=(r,l)=>{let[s,h]=p.useState(r||""),[u,d]=p.useState(()=>$(s)),[e,n]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=r||"",c=$(i);h(i),d(c),n((c==null?void 0:c.colorSpace)||"hex")},[r]);let t=p.useMemo(()=>rr(s,u,e).toLowerCase(),[s,u,e]),a=p.useCallback(i=>{let c=$(i),f=(c==null?void 0:c.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),c&&(d(c),n(c.colorSpace),l(c.value))},[l]),o=p.useCallback(()=>{let i=(P.indexOf(e)+1)%P.length,c=P[i];n(c);let f=(u==null?void 0:u[c])||"";h(f),l(f)},[u,e,l]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},I=r=>r.replace(/\s*/,"").toLowerCase(),nr=(r,l,s)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(r||[]).map(n=>typeof n=="string"?$(n):n.title?{...$(n.color),keyword:n.title}:$(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=p.useCallback(n=>{n!=null&&n.valid&&(d.some(t=>t&&t[s]&&I(t[s]||"")===I(n[s]||""))||u(t=>t.concat(n)))},[s,d]);return{presets:d,addPreset:e}},ar=({name:r,value:l,onChange:s,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:n})=>{var E;let t=p.useCallback(ce(s,200),[s]),{value:a,realValue:o,updateValue:i,color:c,colorSpace:f,cycleColorSpace:g}=tr(l,t),{presets:b,addPreset:y}=nr(d??[],c,f),m=Ze[f],k=!!((E=n==null?void 0:n.table)!=null&&E.readonly);return v.createElement(Le,{"aria-readonly":k},v.createElement(Be,{startOpen:e,trigger:k?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>c&&y(c),tooltip:v.createElement(Ke,null,v.createElement(m,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Ve,null,b.map((x,R)=>v.createElement(U,{key:`${(x==null?void 0:x.value)||R}-${R}`,hasChrome:!1,tooltip:v.createElement(Xe,{note:(x==null?void 0:x.keyword)||(x==null?void 0:x.value)||""})},v.createElement(A,{value:(x==null?void 0:x[f])||"",active:!!(c&&x&&x[f]&&I(x[f]||"")===I(c[f])),onClick:()=>x&&i(x.value||"")})))))},v.createElement(A,{value:o,style:{margin:4}})),v.createElement(Fe,{id:he(r),value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),a?v.createElement(Te,{onClick:g}):null)},hr=ar;export{ar as ColorControl,hr as default};

package/storybook-static/assets/DateInput-C4-Rlnpy.css

@@ -1 +0,0 @@
-._dateInput_1ef9d_1{margin-bottom:var(--spacing-lg);position:relative}._label_1ef9d_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._inputWrapper_1ef9d_16{position:relative;display:flex;align-items:stretch;background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}._inputWrapper_1ef9d_16:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._inputWrapper_1ef9d_16:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);background:var(--color-background)}._textInput_1ef9d_43{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-base);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;letter-spacing:.05em;font-weight:var(--font-weight-medium);color:var(--color-text);outline:none;min-height:44px}._textInput_1ef9d_43::placeholder{color:var(--color-text-secondary);opacity:.6;font-family:inherit}._textInput_1ef9d_43:disabled{background:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}._calendarButton_1ef9d_70{position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-left:1px solid rgba(124,58,237,.2);color:var(--color-text-inverse);cursor:pointer;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-base);outline:none;min-width:44px}._calendarButton_1ef9d_70:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));filter:brightness(1.1)}._calendarButton_1ef9d_70:active{transform:scale(.95)}._calendarButton_1ef9d_70:focus-visible{box-shadow:inset 0 0 0 2px #ffffff4d}._calendarButton_1ef9d_70 svg{width:20px;height:20px;display:block}._inputWrapper_1ef9d_16:hover ._calendarButton_1ef9d_70 svg{animation:_calendarPulse_1ef9d_1 .5s ease-in-out}@keyframes _calendarPulse_1ef9d_1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}._hiddenDateInput_1ef9d_122{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;z-index:-1}._error_1ef9d_133 ._inputWrapper_1ef9d_16{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_1ef9d_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_1ef9d_133 ._label_1ef9d_6{color:var(--color-error)}._error_1ef9d_133 ._inputWrapper_1ef9d_16:focus-within{box-shadow:0 0 0 3px #f43f5e26}@keyframes _shake_1ef9d_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_1ef9d_158 ._inputWrapper_1ef9d_16{border-color:var(--color-success)}._success_1ef9d_158 ._inputWrapper_1ef9d_16:after{content:"✓";position:absolute;right:calc(var(--spacing-md) + 44px);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;animation:_checkIn_1ef9d_1 .3s ease-out}@keyframes _checkIn_1ef9d_1{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}[data-theme=dark] ._inputWrapper_1ef9d_16{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._inputWrapper_1ef9d_16:focus-within{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._calendarButton_1ef9d_70{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-left-color:#a78bfa33}[data-theme=dark] ._calendarButton_1ef9d_70:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}@media (max-width: 768px){._dateInput_1ef9d_1{margin-bottom:var(--spacing-md)}._label_1ef9d_6{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_1ef9d_43{font-size:16px;padding:var(--spacing-md);min-height:48px}._calendarButton_1ef9d_70{min-width:48px;font-size:20px}._calendarButton_1ef9d_70 svg{width:22px;height:22px}}._loading_1ef9d_243 ._inputWrapper_1ef9d_16{position:relative;overflow:hidden}._loading_1ef9d_243 ._inputWrapper_1ef9d_16:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_1ef9d_1 2s infinite}@keyframes _shimmer_1ef9d_1{to{left:100%}}

package/storybook-static/assets/DateInput.stories-d46zYiZA.js

@@ -1,119 +0,0 @@
-import{r as o,j as e}from"./iframe-B8pH-Lvr.js";import{D as r}from"./DateInput-CW4PsZAQ.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./createLucideIcon-BNUG5osq.js";const T={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    label: 'Select Date',
-    value: '',
-    placeholder: '25/12/2024',
-    onChange: () => {}
-  }
-}`,...(g=(h=s.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var y,D,v;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    label: 'Birth Date',
-    value: '1990-05-15',
-    onChange: () => {}
-  }
-}`,...(v=(D=l.parameters)==null?void 0:D.docs)==null?void 0:v.source}}};var x,S,b;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    label: 'Event Date',
-    value: '',
-    placeholder: '01/01/2025',
-    onChange: () => {}
-  }
-}`,...(b=(S=c.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};var C,f,k;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {
-    label: 'Select a date',
-    value: '',
-    placeholder: 'dd/mm/yyyy',
-    onChange: () => {}
-  },
-  render: () => {
-    const [date, setDate] = useState('');
-    return <div>
-                <DateInput label="Select a date" value={date} onChange={setDate} placeholder="dd/mm/yyyy" />
-                <p style={{
-        marginTop: '1rem',
-        fontSize: '0.875rem',
-        color: '#666'
-      }}>
-                    Selected: {date || 'No date selected'}
-                </p>
-            </div>;
-  }
-}`,...(k=(f=d.parameters)==null?void 0:f.docs)==null?void 0:k.source}}};var I,j,B;i.parameters={...i.parameters,docs:{...(I=i.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    label: 'Date Range',
-    value: '2024-01-01',
-    onChange: () => {}
-  },
-  render: () => {
-    const [startDate, setStartDate] = useState('2024-01-01');
-    const [endDate, setEndDate] = useState('2024-12-31');
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '1rem'
-    }}>
-                <DateInput label="Start Date" value={startDate} onChange={setStartDate} />
-                <DateInput label="End Date" value={endDate} onChange={setEndDate} />
-                <div style={{
-        padding: '1rem',
-        background: '#f5f5f5',
-        borderRadius: '4px'
-      }}>
-                    <p style={{
-          margin: 0,
-          fontSize: '0.875rem'
-        }}>
-                        <strong>Period:</strong> {startDate || 'Not set'} to {endDate || 'Not set'}
-                    </p>
-                </div>
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(B=(j=i.parameters)==null?void 0:j.docs)==null?void 0:B.source}}};var E,O,R;u.parameters={...u.parameters,docs:{...(E=u.parameters)==null?void 0:E.docs,source:{originalSource:`{
-  args: {
-    label: 'Check-in',
-    value: '',
-    placeholder: 'dd/mm/yyyy',
-    onChange: () => {}
-  },
-  render: () => {
-    const [checkIn, setCheckIn] = useState('');
-    const [checkOut, setCheckOut] = useState('');
-    return <div style={{
-      padding: '1.5rem',
-      background: '#fff',
-      border: '1px solid #e0e0e0',
-      borderRadius: '8px',
-      maxWidth: '400px'
-    }}>
-                <h3 style={{
-        marginTop: 0,
-        marginBottom: '1rem'
-      }}>Hotel Booking</h3>
-                <div style={{
-        display: 'flex',
-        gap: '1rem',
-        marginBottom: '1rem'
-      }}>
-                    <DateInput label="Check-in" value={checkIn} onChange={setCheckIn} placeholder="dd/mm/yyyy" />
-                    <DateInput label="Check-out" value={checkOut} onChange={setCheckOut} placeholder="dd/mm/yyyy" />
-                </div>
-                {checkIn && checkOut && <p style={{
-        margin: 0,
-        fontSize: '0.875rem',
-        color: '#666'
-      }}>
-                        Your stay: {new Date(checkIn).toLocaleDateString('en-GB')} - {new Date(checkOut).toLocaleDateString('en-GB')}
-                    </p>}
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(R=(O=u.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};const G=["Default","WithValue","CustomPlaceholder","Interactive","MultipleDateInputs","DateRangePicker"];export{c as CustomPlaceholder,u as DateRangePicker,s as Default,d as Interactive,i as MultipleDateInputs,l as WithValue,G as __namedExportsOrder,T as default};