@stfrigerio/sito-template 0.1.44 → 0.1.48

package/storybook-static/assets/{Calendar.stories-Dxshyi2I.js → Calendar.stories-BPwP3WUJ.js}

@@ -1,4 +1,4 @@
-import{r as _,j as e}from"./iframe-2N7rjfXm.js";import{m as q}from"./proxy-qiKixXs8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";const ze="_calendar_1nl50_2",Fe="_loading_1nl50_14",Pe="_loadingSpinner_1nl50_21",Ae="_header_1nl50_27",We="_navigation_1nl50_35",qe="_navButton_1nl50_41",Ge="_title_1nl50_60",Oe="_controls_1nl50_70",Ue="_todayButton_1nl50_76",Ye="_viewToggle_1nl50_92",Ke="_viewButton_1nl50_99",Je="_active_1nl50_113",Qe="_weekDays_1nl50_123",Xe="_weekNumberHeader_1nl50_134",Ze="_weekDay_1nl50_123",et="_daysGrid_1nl50_151",tt="_weekView_1nl50_162",nt="_dayCell_1nl50_166",at="_dayNumber_1nl50_195",it="_today_1nl50_76",ot="_events_1nl50_214",st="_event_1nl50_214",rt="_eventTitle_1nl50_241",dt="_eventTime_1nl50_250",lt="_otherMonth_1nl50_295",ct="_weekNumber_1nl50_134",mt="_completed_1nl50_344",pt="_completedIcon_1nl50_365",ut="_moreEvents_1nl50_372",vt="_emptyState_1nl50_382",gt="_dayView_1nl50_392",yt="_dayViewHeader_1nl50_401",ht="_timeColumnHeader_1nl50_411",wt="_dayColumnHeader_1nl50_418",Dt="_dayViewScrollContainer_1nl50_427",ft="_dayViewContent_1nl50_435",xt="_timeColumn_1nl50_411",Ct="_dayColumn_1nl50_418",kt="_timeSlot_1nl50_453",_t="_timeLabel_1nl50_462",St="_hourSlot_1nl50_468",Et="_hourLine_1nl50_481",bt="_dayEvent_1nl50_491",jt="_dayEventTitle_1nl50_512",Tt="_dayEventTime_1nl50_520",Mt="_currentTimeIndicator_1nl50_532",n={calendar:ze,loading:Fe,loadingSpinner:Pe,header:Ae,navigation:We,navButton:qe,title:Ge,controls:Oe,todayButton:Ue,viewToggle:Ye,viewButton:Ke,active:Je,weekDays:Qe,weekNumberHeader:Xe,weekDay:Ze,daysGrid:et,weekView:tt,dayCell:nt,dayNumber:at,today:it,events:ot,event:st,eventTitle:rt,eventTime:dt,otherMonth:lt,weekNumber:ct,completed:mt,completedIcon:pt,moreEvents:ut,emptyState:vt,dayView:gt,dayViewHeader:yt,timeColumnHeader:ht,dayColumnHeader:wt,dayViewScrollContainer:Dt,dayViewContent:ft,timeColumn:xt,dayColumn:Ct,timeSlot:kt,timeLabel:_t,hourSlot:St,hourLine:Et,dayEvent:bt,dayEventTitle:jt,dayEventTime:Tt,currentTimeIndicator:Mt};function x({events:s,onEventClick:l,onDateClick:d,onEventClickByView:u,onDateClickByView:y,onTimeSlotClick:D,viewMode:v="month",initialDate:g=new Date,config:C={},className:w="",style:G={},loading:Ee=!1,emptyState:O,hideHeader:be=!1}){const[c,I]=_.useState(g),[r,z]=_.useState(v),b=_.useRef(null),{eventColors:U={},iconRenderer:j,maxEventsPerDay:F=3,mondayStart:E=!1,showWeekNumbers:Y=!1,dateFormat:K={month:"long",year:"numeric"},locale:S="en-US",dayLabels:je,monthNames:T}=C,Te=je||(E?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]);_.useEffect(()=>{if(r==="day"&&b.current){const t=new Date;if(c.toDateString()===t.toDateString()){const i=t.getHours(),a=t.getMinutes(),h=(i*60+a)/60*60-100;setTimeout(()=>{b.current&&(b.current.scrollTop=Math.max(0,h))},0)}}},[r,c]);const J=_.useMemo(()=>{const t=c.getFullYear(),o=c.getMonth();let i,a,m;if(r==="week"){i=new Date(c);const f=i.getDay(),k=E?i.getDate()-f+(f===0?-6:1):i.getDate()-f;i=new Date(i.setDate(k)),i.setHours(0,0,0,0),a=new Date(i),a.setDate(a.getDate()+6);const A=i.toLocaleDateString(S,{day:"numeric",month:"short"}),W=a.toLocaleDateString(S,{day:"numeric",month:"short"});m=`${A} - ${W}`}else if(r==="day")i=new Date(c),i.setHours(0,0,0,0),a=new Date(c),a.setHours(23,59,59,999),m=c.toLocaleDateString(S,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const f=new Date(t,o,1),k=new Date(t,o+1,0);i=new Date(f);const A=E?(f.getDay()+6)%7:f.getDay();i.setDate(i.getDate()-A),a=new Date(k);const W=E?(k.getDay()+6)%7:k.getDay();a.setDate(a.getDate()+(6-W)),T&&T[o]?m=`${T[o]} ${t}`:m=c.toLocaleDateString(S,K)}const h=[],p=new Date(i);for(;p<=a;)h.push(new Date(p)),p.setDate(p.getDate()+1);return{days:h,displayTitle:m}},[c,r,E,S,K,T]),Q=t=>{const o=s.filter(i=>new Date(i.date).toDateString()===t.toDateString());return r==="week"?o.sort((i,a)=>{const m=i.time?X(i.time):999999,h=a.time?X(a.time):999999;return m-h}):o},X=t=>{const[o,i]=t.split(":").map(Number);return o*60+i},Me=()=>{const t=new Date(c);r==="week"?t.setDate(t.getDate()-7):r==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),I(t)},Ne=()=>{const t=new Date(c);r==="week"?t.setDate(t.getDate()+7):r==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),I(t)},$e=()=>{I(new Date)},P=t=>{if(t.color)return t.color;if(t.type&&U[t.type])return U[t.type];const o={high:"#FF4444",medium:"#FFA500",low:"#4A90E2"};return t.priority&&o[t.priority]?o[t.priority]:"#4A90E2"},Be=t=>{const o=t.replace("#",""),i=parseInt(o.substring(0,2),16),a=parseInt(o.substring(2,4),16),m=parseInt(o.substring(4,6),16);return(.299*i+.587*a+.114*m)/255>.5?"#000000":"#FFFFFF"},Z=t=>{if(t.textColor)return t.textColor;const o=P(t);return Be(o)},ee=t=>{u&&u[r]?u[r](t):l&&l(t)},Ve=t=>{y&&y[r]?y[r](t):d&&d(t)},Le=t=>{if(D){const o=new Date(c);o.setHours(t,0,0,0);const i=`${t.toString().padStart(2,"0")}:00`;D(o,t,i)}},He=t=>{const o=new Date;return t.toDateString()===o.toDateString()},Re=t=>t.getMonth()===c.getMonth(),Ie=t=>{const o=new Date(t.getFullYear(),0,1),i=t.getTime()-o.getTime(),a=1e3*60*60*24*7;return Math.floor(i/a)+1};return Ee?e.jsx("div",{className:`${n.calendar} ${n.loading} ${w}`,style:G,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${w}`,style:G,children:[!be&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:Me,className:n.navButton,"aria-label":"Previous",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"15,18 9,12 15,6"})})}),e.jsx("h3",{className:n.title,children:J.displayTitle}),e.jsx("button",{onClick:Ne,className:n.navButton,"aria-label":"Next",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"9,6 15,12 9,18"})})})]}),e.jsxs("div",{className:n.controls,children:[e.jsx("button",{onClick:$e,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${r==="month"?n.active:""}`,onClick:()=>z("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${r==="week"?n.active:""}`,onClick:()=>z("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${r==="day"?n.active:""}`,onClick:()=>z("day"),children:"Day"})]})]})]}),r!=="day"&&e.jsxs("div",{className:n.weekDays,children:[Y&&e.jsx("div",{className:n.weekNumberHeader,children:"Week"}),Te.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),r==="day"?e.jsxs("div",{className:n.dayView,children:[e.jsxs("div",{className:n.dayViewHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),e.jsx("div",{className:n.dayColumnHeader,children:c.toLocaleDateString(S,{weekday:"short",day:"numeric"})})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:b,children:e.jsxs("div",{className:n.dayViewContent,children:[(()=>{const t=new Date,o=t.getHours(),i=t.getMinutes(),m=(o*60+i)/1440*(24*60);return c.toDateString()===t.toDateString()?e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${m}px`}}):null})(),e.jsx("div",{className:n.timeColumn,children:Array.from({length:24},(t,o)=>e.jsx("div",{className:n.timeSlot,children:e.jsxs("span",{className:n.timeLabel,children:[o.toString().padStart(2,"0"),":00"]})},o))}),e.jsx("div",{className:n.dayColumn,children:Array.from({length:24},(t,o)=>{const i=Q(c).filter(a=>a.time?parseInt(a.time.split(":")[0])===o:!1);return e.jsxs("div",{className:n.hourSlot,onClick:a=>{(a.target===a.currentTarget||a.target.classList.contains(n.hourLine))&&Le(o)},style:{cursor:"pointer"},children:[e.jsx("div",{className:n.hourLine}),i.map((a,m)=>e.jsxs(q.div,{className:`${n.dayEvent} ${a.status==="completed"?n.completed:""}`,style:{backgroundColor:P(a),color:Z(a),opacity:a.status==="completed"?.7:1},onClick:h=>{h.stopPropagation(),ee(a)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:m*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[j&&j(a),e.jsxs("span",{className:n.dayEventTitle,children:[e.jsx("span",{className:n.dayEventTime,children:a.time}),a.title]}),a.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},a.id))]},o)})})]})})]}):e.jsx("div",{className:`${n.daysGrid} ${r==="week"?n.weekView:""}`,children:J.days.map((t,o)=>{const i=Q(t),a=He(t),m=r==="week"||Re(t),h=Y&&o%7===0;return e.jsxs(q.div,{className:`${n.dayCell} ${a?n.today:""} ${m?"":n.otherMonth}`,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,delay:o*.02,ease:"easeOut"},onClick:()=>Ve(t),children:[h&&e.jsx("div",{className:n.weekNumber,children:Ie(t)}),e.jsx("div",{className:n.dayNumber,children:t.getDate()}),i.length>0&&e.jsxs("div",{className:n.events,children:[i.slice(0,F).map((p,f)=>e.jsxs(q.div,{className:`${n.event} ${p.status==="completed"?n.completed:""}`,style:{backgroundColor:P(p),color:Z(p),opacity:p.status==="completed"?.7:1},onClick:k=>{k.stopPropagation(),ee(p)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:f*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[j&&j(p),e.jsxs("span",{className:n.eventTitle,children:[p.time&&e.jsx("span",{className:n.eventTime,children:p.time}),p.title]}),p.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},p.id)),i.length>F&&e.jsxs("div",{className:n.moreEvents,children:["+",i.length-F," more"]})]}),i.length===0&&O&&e.jsx("div",{className:n.emptyState,children:O})]},`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`)})})]})}x.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
+import{r as _,j as e}from"./iframe-CvT6MryR.js";import{m as q}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const ze="_calendar_1ahyc_2",Fe="_loading_1ahyc_14",Pe="_loadingSpinner_1ahyc_21",Ae="_header_1ahyc_27",We="_navigation_1ahyc_35",qe="_navButton_1ahyc_41",Ge="_title_1ahyc_60",Oe="_controls_1ahyc_70",Ue="_todayButton_1ahyc_76",Ye="_viewToggle_1ahyc_92",Ke="_viewButton_1ahyc_99",Je="_active_1ahyc_113",Qe="_weekDays_1ahyc_123",Xe="_weekNumberHeader_1ahyc_134",Ze="_weekDay_1ahyc_123",et="_daysGrid_1ahyc_151",tt="_weekView_1ahyc_162",nt="_dayCell_1ahyc_166",at="_dayNumber_1ahyc_195",it="_today_1ahyc_76",ot="_events_1ahyc_214",st="_event_1ahyc_214",rt="_eventTitle_1ahyc_241",dt="_eventTime_1ahyc_250",ct="_otherMonth_1ahyc_295",lt="_weekNumber_1ahyc_134",mt="_completed_1ahyc_344",pt="_completedIcon_1ahyc_365",ut="_moreEvents_1ahyc_372",yt="_emptyState_1ahyc_382",vt="_dayView_1ahyc_392",gt="_dayViewHeader_1ahyc_401",ht="_timeColumnHeader_1ahyc_411",wt="_dayColumnHeader_1ahyc_418",Dt="_dayViewScrollContainer_1ahyc_427",ft="_dayViewContent_1ahyc_435",xt="_timeColumn_1ahyc_411",Ct="_dayColumn_1ahyc_418",kt="_timeSlot_1ahyc_453",_t="_timeLabel_1ahyc_462",St="_hourSlot_1ahyc_468",Et="_hourLine_1ahyc_481",bt="_dayEvent_1ahyc_491",jt="_dayEventTitle_1ahyc_512",Tt="_dayEventTime_1ahyc_520",Mt="_currentTimeIndicator_1ahyc_532",n={calendar:ze,loading:Fe,loadingSpinner:Pe,header:Ae,navigation:We,navButton:qe,title:Ge,controls:Oe,todayButton:Ue,viewToggle:Ye,viewButton:Ke,active:Je,weekDays:Qe,weekNumberHeader:Xe,weekDay:Ze,daysGrid:et,weekView:tt,dayCell:nt,dayNumber:at,today:it,events:ot,event:st,eventTitle:rt,eventTime:dt,otherMonth:ct,weekNumber:lt,completed:mt,completedIcon:pt,moreEvents:ut,emptyState:yt,dayView:vt,dayViewHeader:gt,timeColumnHeader:ht,dayColumnHeader:wt,dayViewScrollContainer:Dt,dayViewContent:ft,timeColumn:xt,dayColumn:Ct,timeSlot:kt,timeLabel:_t,hourSlot:St,hourLine:Et,dayEvent:bt,dayEventTitle:jt,dayEventTime:Tt,currentTimeIndicator:Mt};function x({events:s,onEventClick:c,onDateClick:d,onEventClickByView:u,onDateClickByView:g,onTimeSlotClick:D,viewMode:y="month",initialDate:v=new Date,config:C={},className:w="",style:G={},loading:Ee=!1,emptyState:O,hideHeader:be=!1}){const[l,I]=_.useState(v),[r,z]=_.useState(y),b=_.useRef(null),{eventColors:U={},iconRenderer:j,maxEventsPerDay:F=3,mondayStart:E=!1,showWeekNumbers:Y=!1,dateFormat:K={month:"long",year:"numeric"},locale:S="en-US",dayLabels:je,monthNames:T}=C,Te=je||(E?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]);_.useEffect(()=>{if(r==="day"&&b.current){const t=new Date;if(l.toDateString()===t.toDateString()){const i=t.getHours(),a=t.getMinutes(),h=(i*60+a)/60*60-100;setTimeout(()=>{b.current&&(b.current.scrollTop=Math.max(0,h))},0)}}},[r,l]);const J=_.useMemo(()=>{const t=l.getFullYear(),o=l.getMonth();let i,a,m;if(r==="week"){i=new Date(l);const f=i.getDay(),k=E?i.getDate()-f+(f===0?-6:1):i.getDate()-f;i=new Date(i.setDate(k)),i.setHours(0,0,0,0),a=new Date(i),a.setDate(a.getDate()+6);const A=i.toLocaleDateString(S,{day:"numeric",month:"short"}),W=a.toLocaleDateString(S,{day:"numeric",month:"short"});m=`${A} - ${W}`}else if(r==="day")i=new Date(l),i.setHours(0,0,0,0),a=new Date(l),a.setHours(23,59,59,999),m=l.toLocaleDateString(S,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const f=new Date(t,o,1),k=new Date(t,o+1,0);i=new Date(f);const A=E?(f.getDay()+6)%7:f.getDay();i.setDate(i.getDate()-A),a=new Date(k);const W=E?(k.getDay()+6)%7:k.getDay();a.setDate(a.getDate()+(6-W)),T&&T[o]?m=`${T[o]} ${t}`:m=l.toLocaleDateString(S,K)}const h=[],p=new Date(i);for(;p<=a;)h.push(new Date(p)),p.setDate(p.getDate()+1);return{days:h,displayTitle:m}},[l,r,E,S,K,T]),Q=t=>{const o=s.filter(i=>new Date(i.date).toDateString()===t.toDateString());return r==="week"?o.sort((i,a)=>{const m=i.time?X(i.time):999999,h=a.time?X(a.time):999999;return m-h}):o},X=t=>{const[o,i]=t.split(":").map(Number);return o*60+i},Me=()=>{const t=new Date(l);r==="week"?t.setDate(t.getDate()-7):r==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),I(t)},Ne=()=>{const t=new Date(l);r==="week"?t.setDate(t.getDate()+7):r==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),I(t)},$e=()=>{I(new Date)},P=t=>{if(t.color)return t.color;if(t.type&&U[t.type])return U[t.type];const o={high:"#FF4444",medium:"#FFA500",low:"#4A90E2"};return t.priority&&o[t.priority]?o[t.priority]:"#4A90E2"},Be=t=>{const o=t.replace("#",""),i=parseInt(o.substring(0,2),16),a=parseInt(o.substring(2,4),16),m=parseInt(o.substring(4,6),16);return(.299*i+.587*a+.114*m)/255>.5?"#000000":"#FFFFFF"},Z=t=>{if(t.textColor)return t.textColor;const o=P(t);return Be(o)},ee=t=>{u&&u[r]?u[r](t):c&&c(t)},Ve=t=>{g&&g[r]?g[r](t):d&&d(t)},Le=t=>{if(D){const o=new Date(l);o.setHours(t,0,0,0);const i=`${t.toString().padStart(2,"0")}:00`;D(o,t,i)}},He=t=>{const o=new Date;return t.toDateString()===o.toDateString()},Re=t=>t.getMonth()===l.getMonth(),Ie=t=>{const o=new Date(t.getFullYear(),0,1),i=t.getTime()-o.getTime(),a=1e3*60*60*24*7;return Math.floor(i/a)+1};return Ee?e.jsx("div",{className:`${n.calendar} ${n.loading} ${w}`,style:G,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${w}`,style:G,children:[!be&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:Me,className:n.navButton,"aria-label":"Previous",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"15,18 9,12 15,6"})})}),e.jsx("h3",{className:n.title,children:J.displayTitle}),e.jsx("button",{onClick:Ne,className:n.navButton,"aria-label":"Next",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"9,6 15,12 9,18"})})})]}),e.jsxs("div",{className:n.controls,children:[e.jsx("button",{onClick:$e,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${r==="month"?n.active:""}`,onClick:()=>z("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${r==="week"?n.active:""}`,onClick:()=>z("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${r==="day"?n.active:""}`,onClick:()=>z("day"),children:"Day"})]})]})]}),r!=="day"&&e.jsxs("div",{className:n.weekDays,children:[Y&&e.jsx("div",{className:n.weekNumberHeader,children:"Week"}),Te.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),r==="day"?e.jsxs("div",{className:n.dayView,children:[e.jsxs("div",{className:n.dayViewHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),e.jsx("div",{className:n.dayColumnHeader,children:l.toLocaleDateString(S,{weekday:"short",day:"numeric"})})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:b,children:e.jsxs("div",{className:n.dayViewContent,children:[(()=>{const t=new Date,o=t.getHours(),i=t.getMinutes(),m=(o*60+i)/1440*(24*60);return l.toDateString()===t.toDateString()?e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${m}px`}}):null})(),e.jsx("div",{className:n.timeColumn,children:Array.from({length:24},(t,o)=>e.jsx("div",{className:n.timeSlot,children:e.jsxs("span",{className:n.timeLabel,children:[o.toString().padStart(2,"0"),":00"]})},o))}),e.jsx("div",{className:n.dayColumn,children:Array.from({length:24},(t,o)=>{const i=Q(l).filter(a=>a.time?parseInt(a.time.split(":")[0])===o:!1);return e.jsxs("div",{className:n.hourSlot,onClick:a=>{(a.target===a.currentTarget||a.target.classList.contains(n.hourLine))&&Le(o)},style:{cursor:"pointer"},children:[e.jsx("div",{className:n.hourLine}),i.map((a,m)=>e.jsxs(q.div,{className:`${n.dayEvent} ${a.status==="completed"?n.completed:""}`,style:{backgroundColor:P(a),color:Z(a),opacity:a.status==="completed"?.7:1},onClick:h=>{h.stopPropagation(),ee(a)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:m*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[j&&j(a),e.jsxs("span",{className:n.dayEventTitle,children:[e.jsx("span",{className:n.dayEventTime,children:a.time}),a.title]}),a.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},a.id))]},o)})})]})})]}):e.jsx("div",{className:`${n.daysGrid} ${r==="week"?n.weekView:""}`,children:J.days.map((t,o)=>{const i=Q(t),a=He(t),m=r==="week"||Re(t),h=Y&&o%7===0;return e.jsxs(q.div,{className:`${n.dayCell} ${a?n.today:""} ${m?"":n.otherMonth}`,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,delay:o*.02,ease:"easeOut"},onClick:()=>Ve(t),children:[h&&e.jsx("div",{className:n.weekNumber,children:Ie(t)}),e.jsx("div",{className:n.dayNumber,children:t.getDate()}),i.length>0&&e.jsxs("div",{className:n.events,children:[i.slice(0,F).map((p,f)=>e.jsxs(q.div,{className:`${n.event} ${p.status==="completed"?n.completed:""}`,style:{backgroundColor:P(p),color:Z(p),opacity:p.status==="completed"?.7:1},onClick:k=>{k.stopPropagation(),ee(p)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:f*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[j&&j(p),e.jsxs("span",{className:n.eventTitle,children:[p.time&&e.jsx("span",{className:n.eventTime,children:p.time}),p.title]}),p.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},p.id)),i.length>F&&e.jsxs("div",{className:n.moreEvents,children:["+",i.length-F," more"]})]}),i.length===0&&O&&e.jsx("div",{className:n.emptyState,children:O})]},`${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`)})})]})}x.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
 
 @component
 @description
@@ -32,7 +32,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"},viewMode:{required:!1,tsType:{name:"union",raw:"'month' | 'week' | 'day'",elements:[{name:"literal",value:"'month'"},{name:"literal",value:"'week'"},{name:"literal",value:"'day'"}]},description:"Initial view mode",defaultValue:{value:"'month'",computed:!1}},initialDate:{required:!1,tsType:{name:"Date"},description:"Initial date to display",defaultValue:{value:"new Date()",computed:!1}},config:{required:!1,tsType:{name:"CalendarConfig"},description:"Configuration options",defaultValue:{value:"{}",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom CSS class",defaultValue:{value:"''",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Custom styles",defaultValue:{value:"{}",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Loading state",defaultValue:{value:"false",computed:!1}},emptyState:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"Custom empty state component"},hideHeader:{required:!1,tsType:{name:"boolean"},description:"Hide the calendar header (navigation, title, view controls)",defaultValue:{value:"false",computed:!1}}}};const Ht={title:"Organisms/Calendar",component:x,parameters:{layout:"padded",docs:{description:{component:"A flexible, customizable calendar component for displaying events in month or week view. Perfect for scheduling, project management, habit tracking, or any date-based data visualization."}}},tags:["autodocs"],argTypes:{events:{control:"object",description:"Array of events to display on the calendar"},viewMode:{control:"radio",options:["month","week"],description:"Initial view mode for the calendar"},onEventClick:{action:"event-clicked"},onDateClick:{action:"date-clicked"}}},Se=()=>{const s=new Date,l=[];for(let d=0;d<12;d++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(Math.random()*30)-15),l.push({id:`event-${d}`,title:`Event ${d+1}`,date:u,time:Math.random()>.5?`${9+Math.floor(Math.random()*8)}:${Math.random()>.5?"00":"30"}`:void 0,type:["meeting","task","deadline","milestone"][Math.floor(Math.random()*4)],status:Math.random()>.7?"completed":"pending",priority:["high","medium","low"][Math.floor(Math.random()*3)]})}return l},M={args:{events:Se(),viewMode:"month"}},N={args:{events:Se(),viewMode:"week"}},$={args:{events:[{id:"1",title:"Morning Standup",date:new Date,time:"09:00",type:"meeting",status:"pending",priority:"high"},{id:"2",title:"Code Review",date:new Date,time:"10:30",type:"task",status:"pending",priority:"medium"},{id:"3",title:"Lunch Break",date:new Date,time:"12:00",type:"break",status:"pending",priority:"low"},{id:"4",title:"Team Sync",date:new Date,time:"14:00",type:"meeting",status:"completed",priority:"medium"},{id:"5",title:"Development Work",date:new Date,time:"15:30",type:"task",status:"pending",priority:"high"},{id:"6",title:"Documentation",date:new Date,time:"17:00",type:"task",status:"pending",priority:"low"}],viewMode:"day"}},B={args:{events:[]},render:()=>{const[s,l]=_.useState([{id:"1",title:"Sprint Planning",date:new Date,time:"09:00",type:"meeting",status:"pending",priority:"high"},{id:"2",title:"Code Review",date:new Date(Date.now()+864e5),time:"14:30",type:"review",status:"completed",priority:"medium"},{id:"3",title:"Design Sprint",date:new Date(Date.now()+1728e5),type:"workshop",status:"pending",priority:"medium"}]),[d,u]=_.useState([]),y=v=>{const g=new Date().toLocaleTimeString();l(C=>C.map(w=>w.id===v.id?{...w,status:w.status==="completed"?"pending":"completed"}:w)),u(C=>[`[${g}] 🔄 Toggled "${v.title}" status`,...C.slice(0,4)])},D=v=>{const g=new Date().toLocaleTimeString(),C={id:`new-${Date.now()}`,title:"New Event",date:v,time:"15:00",type:"meeting",status:"pending",priority:"medium"};l(w=>[...w,C]),u(w=>[`[${g}] ➕ Added event on ${v.toLocaleDateString()}`,...w.slice(0,4)])};return e.jsxs("div",{children:[e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-primary-light)",borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-xs) 0",color:"var(--color-primary)"},children:"🎯 Interactive Demo"}),e.jsx("p",{style:{margin:0,fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"• Click events to toggle status • Click dates to add new events"})]}),e.jsx(x,{events:s,onEventClick:y,onDateClick:D,config:{eventColors:{meeting:"#4A90E2",review:"#BD10E0",workshop:"#4ECDC4"},iconRenderer:v=>{const g={meeting:"👥",review:"👀",workshop:"🎨"};return e.jsx("span",{style:{fontSize:"11px"},children:g[v.type]||"📅"})}},viewMode:"month"}),d.length>0&&e.jsxs("div",{style:{marginTop:"var(--spacing-lg)",padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)"},children:[e.jsx("h5",{style:{margin:"0 0 var(--spacing-sm) 0",color:"var(--color-text)"},children:"Recent Actions:"}),d.map((v,g)=>e.jsx("div",{style:{padding:"var(--spacing-xs)",margin:"2px 0",background:"var(--color-background)",borderRadius:"var(--radius-xs)",fontSize:"var(--font-size-xs)",fontFamily:"monospace"},children:v},g))]})]})}},V={args:{events:[]},render:()=>{const s=[],l=new Date,d=["Exercise","Meditation","Reading","Water","Sleep"],u=["💪","🧘","📚","💧","😴"];for(let y=-7;y<=7;y++){const D=new Date(l);D.setDate(l.getDate()+y),d.forEach((v,g)=>{Math.random()>.3&&s.push({id:`habit-${y}-${g}`,title:v,date:new Date(D),type:"habit",status:Math.random()>.1?"completed":"pending",color:`hsl(${g*70}, 70%, 50%)`,metadata:{icon:u[g]}})})}return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🎯 Habit Tracking Use Case"}),e.jsx(x,{events:s,config:{iconRenderer:y=>{var D;return e.jsx("span",{style:{fontSize:"10px"},children:((D=y.metadata)==null?void 0:D.icon)||"✓"})},maxEventsPerDay:8,mondayStart:!0},viewMode:"month"})]})}},L={args:{events:[]},render:()=>{const s=new Date,l=[{id:"schedule-1",title:"Team Standup and a very long text for a task that never ends",date:new Date(s.getTime()-(s.getDay()-1)*24*60*60*1e3),time:"09:00",type:"meeting",status:"pending",priority:"medium"},{id:"schedule-2",title:"Code Review",date:new Date(s.getTime()-(s.getDay()-1)*24*60*60*1e3),time:"11:30",type:"review",status:"completed",priority:"high"},{id:"schedule-3",title:"Client Call",date:new Date(s.getTime()-(s.getDay()-2)*24*60*60*1e3),time:"10:00",type:"call",status:"pending",priority:"high"},{id:"schedule-4",title:"Sprint Planning",date:new Date(s.getTime()-(s.getDay()-2)*24*60*60*1e3),time:"14:00",type:"meeting",status:"pending",priority:"high"},{id:"schedule-5",title:"Demo Day",date:new Date(s.getTime()-(s.getDay()-5)*24*60*60*1e3),time:"13:00",type:"presentation",status:"pending",priority:"high"}];return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"📅 Event Scheduling (Week View)"}),e.jsx(x,{events:l,config:{eventColors:{meeting:"#4A90E2",call:"#7ED321",review:"#BD10E0",presentation:"#FF6B6B"},iconRenderer:d=>{const u={meeting:"👥",call:"📞",review:"👀",presentation:"🎯"};return e.jsx("span",{style:{fontSize:"12px"},children:u[d.type]||"📅"})},maxEventsPerDay:6,mondayStart:!0},viewMode:"week"})]})}},H={args:{events:[]},render:()=>{const s=[{id:"custom-1",title:"VIP Client Meeting",date:new Date,time:"10:00",type:"vip",status:"pending",priority:"high"},{id:"custom-2",title:"Design Sprint",date:new Date(Date.now()+864e5),type:"workshop",status:"pending",priority:"medium"},{id:"custom-3",title:"Project Milestone ✓",date:new Date(Date.now()-864e5),type:"milestone",status:"completed",priority:"high"}];return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🎨 Custom Colors, Icons & Configuration"}),e.jsx(x,{events:s,config:{eventColors:{vip:"#FF6B6B",workshop:"#4ECDC4",milestone:"#F39C12"},iconRenderer:l=>l.type==="vip"?e.jsx("span",{style:{fontSize:"12px"},children:"⭐"}):l.type==="workshop"?e.jsx("span",{style:{fontSize:"12px"},children:"🎨"}):l.type==="milestone"?e.jsx("span",{style:{fontSize:"12px"},children:"🎯"}):e.jsx("span",{style:{fontSize:"12px"},children:"📅"}),maxEventsPerDay:6,mondayStart:!0,showWeekNumbers:!0,locale:"en-US"},viewMode:"month"})]})}},R={args:{events:[]},render:()=>{const s=[],l=new Date;for(let d=0;d<6;d++)s.push({id:`many-${d}`,title:`Meeting ${d+1}`,date:l,time:`${9+d}:00`,type:"meeting",status:"pending",priority:"medium"});return e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-xl)"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:'📊 Many Events (shows "more" indicator)'}),e.jsx(x,{events:s,config:{maxEventsPerDay:3},viewMode:"month"})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"💨 Loading State"}),e.jsx(x,{events:[],loading:!0})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"📭 Empty State"}),e.jsx(x,{events:[],emptyState:e.jsx("span",{style:{color:"var(--color-text-tertiary)",fontSize:"11px"},children:"No events"})})]})]})}};var te,ne,ae;M.parameters={...M.parameters,docs:{...(te=M.parameters)==null?void 0:te.docs,source:{originalSource:`{
+}`,signature:{properties:[{key:"month",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}},{key:"week",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}},{key:"day",value:{name:"signature",type:"function",raw:"(date: Date) => void",signature:{arguments:[{type:{name:"Date"},name:"date"}],return:{name:"void"}},required:!1}}]}},description:"View-specific date click handlers"},onTimeSlotClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: Date, hour: number, time: string) => void",signature:{arguments:[{type:{name:"Date"},name:"date"},{type:{name:"number"},name:"hour"},{type:{name:"string"},name:"time"}],return:{name:"void"}}},description:"Callback when a time slot is clicked in day view"},viewMode:{required:!1,tsType:{name:"union",raw:"'month' | 'week' | 'day'",elements:[{name:"literal",value:"'month'"},{name:"literal",value:"'week'"},{name:"literal",value:"'day'"}]},description:"Initial view mode",defaultValue:{value:"'month'",computed:!1}},initialDate:{required:!1,tsType:{name:"Date"},description:"Initial date to display",defaultValue:{value:"new Date()",computed:!1}},config:{required:!1,tsType:{name:"CalendarConfig"},description:"Configuration options",defaultValue:{value:"{}",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom CSS class",defaultValue:{value:"''",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Custom styles",defaultValue:{value:"{}",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Loading state",defaultValue:{value:"false",computed:!1}},emptyState:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"Custom empty state component"},hideHeader:{required:!1,tsType:{name:"boolean"},description:"Hide the calendar header (navigation, title, view controls)",defaultValue:{value:"false",computed:!1}}}};const Ht={title:"Organisms/Calendar",component:x,parameters:{layout:"padded",docs:{description:{component:"A flexible, customizable calendar component for displaying events in month or week view. Perfect for scheduling, project management, habit tracking, or any date-based data visualization."}}},tags:["autodocs"],argTypes:{events:{control:"object",description:"Array of events to display on the calendar"},viewMode:{control:"radio",options:["month","week"],description:"Initial view mode for the calendar"},onEventClick:{action:"event-clicked"},onDateClick:{action:"date-clicked"}}},Se=()=>{const s=new Date,c=[];for(let d=0;d<12;d++){const u=new Date(s);u.setDate(s.getDate()+Math.floor(Math.random()*30)-15),c.push({id:`event-${d}`,title:`Event ${d+1}`,date:u,time:Math.random()>.5?`${9+Math.floor(Math.random()*8)}:${Math.random()>.5?"00":"30"}`:void 0,type:["meeting","task","deadline","milestone"][Math.floor(Math.random()*4)],status:Math.random()>.7?"completed":"pending",priority:["high","medium","low"][Math.floor(Math.random()*3)]})}return c},M={args:{events:Se(),viewMode:"month"}},N={args:{events:Se(),viewMode:"week"}},$={args:{events:[{id:"1",title:"Morning Standup",date:new Date,time:"09:00",type:"meeting",status:"pending",priority:"high"},{id:"2",title:"Code Review",date:new Date,time:"10:30",type:"task",status:"pending",priority:"medium"},{id:"3",title:"Lunch Break",date:new Date,time:"12:00",type:"break",status:"pending",priority:"low"},{id:"4",title:"Team Sync",date:new Date,time:"14:00",type:"meeting",status:"completed",priority:"medium"},{id:"5",title:"Development Work",date:new Date,time:"15:30",type:"task",status:"pending",priority:"high"},{id:"6",title:"Documentation",date:new Date,time:"17:00",type:"task",status:"pending",priority:"low"}],viewMode:"day"}},B={args:{events:[]},render:()=>{const[s,c]=_.useState([{id:"1",title:"Sprint Planning",date:new Date,time:"09:00",type:"meeting",status:"pending",priority:"high"},{id:"2",title:"Code Review",date:new Date(Date.now()+864e5),time:"14:30",type:"review",status:"completed",priority:"medium"},{id:"3",title:"Design Sprint",date:new Date(Date.now()+1728e5),type:"workshop",status:"pending",priority:"medium"}]),[d,u]=_.useState([]),g=y=>{const v=new Date().toLocaleTimeString();c(C=>C.map(w=>w.id===y.id?{...w,status:w.status==="completed"?"pending":"completed"}:w)),u(C=>[`[${v}] 🔄 Toggled "${y.title}" status`,...C.slice(0,4)])},D=y=>{const v=new Date().toLocaleTimeString(),C={id:`new-${Date.now()}`,title:"New Event",date:y,time:"15:00",type:"meeting",status:"pending",priority:"medium"};c(w=>[...w,C]),u(w=>[`[${v}] ➕ Added event on ${y.toLocaleDateString()}`,...w.slice(0,4)])};return e.jsxs("div",{children:[e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-primary-light)",borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-xs) 0",color:"var(--color-primary)"},children:"🎯 Interactive Demo"}),e.jsx("p",{style:{margin:0,fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"• Click events to toggle status • Click dates to add new events"})]}),e.jsx(x,{events:s,onEventClick:g,onDateClick:D,config:{eventColors:{meeting:"#4A90E2",review:"#BD10E0",workshop:"#4ECDC4"},iconRenderer:y=>{const v={meeting:"👥",review:"👀",workshop:"🎨"};return e.jsx("span",{style:{fontSize:"11px"},children:v[y.type]||"📅"})}},viewMode:"month"}),d.length>0&&e.jsxs("div",{style:{marginTop:"var(--spacing-lg)",padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)"},children:[e.jsx("h5",{style:{margin:"0 0 var(--spacing-sm) 0",color:"var(--color-text)"},children:"Recent Actions:"}),d.map((y,v)=>e.jsx("div",{style:{padding:"var(--spacing-xs)",margin:"2px 0",background:"var(--color-background)",borderRadius:"var(--radius-xs)",fontSize:"var(--font-size-xs)",fontFamily:"monospace"},children:y},v))]})]})}},V={args:{events:[]},render:()=>{const s=[],c=new Date,d=["Exercise","Meditation","Reading","Water","Sleep"],u=["💪","🧘","📚","💧","😴"];for(let g=-7;g<=7;g++){const D=new Date(c);D.setDate(c.getDate()+g),d.forEach((y,v)=>{Math.random()>.3&&s.push({id:`habit-${g}-${v}`,title:y,date:new Date(D),type:"habit",status:Math.random()>.1?"completed":"pending",color:`hsl(${v*70}, 70%, 50%)`,metadata:{icon:u[v]}})})}return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🎯 Habit Tracking Use Case"}),e.jsx(x,{events:s,config:{iconRenderer:g=>{var D;return e.jsx("span",{style:{fontSize:"10px"},children:((D=g.metadata)==null?void 0:D.icon)||"✓"})},maxEventsPerDay:8,mondayStart:!0},viewMode:"month"})]})}},L={args:{events:[]},render:()=>{const s=new Date,c=[{id:"schedule-1",title:"Team Standup and a very long text for a task that never ends",date:new Date(s.getTime()-(s.getDay()-1)*24*60*60*1e3),time:"09:00",type:"meeting",status:"pending",priority:"medium"},{id:"schedule-2",title:"Code Review",date:new Date(s.getTime()-(s.getDay()-1)*24*60*60*1e3),time:"11:30",type:"review",status:"completed",priority:"high"},{id:"schedule-3",title:"Client Call",date:new Date(s.getTime()-(s.getDay()-2)*24*60*60*1e3),time:"10:00",type:"call",status:"pending",priority:"high"},{id:"schedule-4",title:"Sprint Planning",date:new Date(s.getTime()-(s.getDay()-2)*24*60*60*1e3),time:"14:00",type:"meeting",status:"pending",priority:"high"},{id:"schedule-5",title:"Demo Day",date:new Date(s.getTime()-(s.getDay()-5)*24*60*60*1e3),time:"13:00",type:"presentation",status:"pending",priority:"high"}];return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"📅 Event Scheduling (Week View)"}),e.jsx(x,{events:c,config:{eventColors:{meeting:"#4A90E2",call:"#7ED321",review:"#BD10E0",presentation:"#FF6B6B"},iconRenderer:d=>{const u={meeting:"👥",call:"📞",review:"👀",presentation:"🎯"};return e.jsx("span",{style:{fontSize:"12px"},children:u[d.type]||"📅"})},maxEventsPerDay:6,mondayStart:!0},viewMode:"week"})]})}},H={args:{events:[]},render:()=>{const s=[{id:"custom-1",title:"VIP Client Meeting",date:new Date,time:"10:00",type:"vip",status:"pending",priority:"high"},{id:"custom-2",title:"Design Sprint",date:new Date(Date.now()+864e5),type:"workshop",status:"pending",priority:"medium"},{id:"custom-3",title:"Project Milestone ✓",date:new Date(Date.now()-864e5),type:"milestone",status:"completed",priority:"high"}];return e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text)"},children:"🎨 Custom Colors, Icons & Configuration"}),e.jsx(x,{events:s,config:{eventColors:{vip:"#FF6B6B",workshop:"#4ECDC4",milestone:"#F39C12"},iconRenderer:c=>c.type==="vip"?e.jsx("span",{style:{fontSize:"12px"},children:"⭐"}):c.type==="workshop"?e.jsx("span",{style:{fontSize:"12px"},children:"🎨"}):c.type==="milestone"?e.jsx("span",{style:{fontSize:"12px"},children:"🎯"}):e.jsx("span",{style:{fontSize:"12px"},children:"📅"}),maxEventsPerDay:6,mondayStart:!0,showWeekNumbers:!0,locale:"en-US"},viewMode:"month"})]})}},R={args:{events:[]},render:()=>{const s=[],c=new Date;for(let d=0;d<6;d++)s.push({id:`many-${d}`,title:`Meeting ${d+1}`,date:c,time:`${9+d}:00`,type:"meeting",status:"pending",priority:"medium"});return e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-xl)"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:'📊 Many Events (shows "more" indicator)'}),e.jsx(x,{events:s,config:{maxEventsPerDay:3},viewMode:"month"})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"💨 Loading State"}),e.jsx(x,{events:[],loading:!0})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{margin:"0 0 var(--spacing-md) 0",color:"var(--color-text)"},children:"📭 Empty State"}),e.jsx(x,{events:[],emptyState:e.jsx("span",{style:{color:"var(--color-text-tertiary)",fontSize:"11px"},children:"No events"})})]})]})}};var te,ne,ae;M.parameters={...M.parameters,docs:{...(te=M.parameters)==null?void 0:te.docs,source:{originalSource:`{
   args: {
     events: generateSampleEvents(),
     viewMode: 'month'
@@ -42,7 +42,7 @@ project management, habit tracking, or any date-based data visualization.
     events: generateSampleEvents(),
     viewMode: 'week'
   }
-}`,...(se=(oe=N.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var re,de,le;$.parameters={...$.parameters,docs:{...(re=$.parameters)==null?void 0:re.docs,source:{originalSource:`{
+}`,...(se=(oe=N.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var re,de,ce;$.parameters={...$.parameters,docs:{...(re=$.parameters)==null?void 0:re.docs,source:{originalSource:`{
   args: {
     events: [{
       id: '1',
@@ -95,7 +95,7 @@ project management, habit tracking, or any date-based data visualization.
     }],
     viewMode: 'day'
   }
-}`,...(le=(de=$.parameters)==null?void 0:de.docs)==null?void 0:le.source}}};var ce,me,pe;B.parameters={...B.parameters,docs:{...(ce=B.parameters)==null?void 0:ce.docs,source:{originalSource:`{
+}`,...(ce=(de=$.parameters)==null?void 0:de.docs)==null?void 0:ce.source}}};var le,me,pe;B.parameters={...B.parameters,docs:{...(le=B.parameters)==null?void 0:le.docs,source:{originalSource:`{
   args: {
     events: []
   },
@@ -215,7 +215,7 @@ project management, habit tracking, or any date-based data visualization.
                     </div>}
             </div>;
   }
-}`,...(pe=(me=B.parameters)==null?void 0:me.docs)==null?void 0:pe.source}}};var ue,ve,ge;V.parameters={...V.parameters,docs:{...(ue=V.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+}`,...(pe=(me=B.parameters)==null?void 0:me.docs)==null?void 0:pe.source}}};var ue,ye,ve;V.parameters={...V.parameters,docs:{...(ue=V.parameters)==null?void 0:ue.docs,source:{originalSource:`{
   args: {
     events: []
   },
@@ -260,7 +260,7 @@ project management, habit tracking, or any date-based data visualization.
       }} viewMode="month" />
             </div>;
   }
-}`,...(ge=(ve=V.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var ye,he,we;L.parameters={...L.parameters,docs:{...(ye=L.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+}`,...(ve=(ye=V.parameters)==null?void 0:ye.docs)==null?void 0:ve.source}}};var ge,he,we;L.parameters={...L.parameters,docs:{...(ge=L.parameters)==null?void 0:ge.docs,source:{originalSource:`{
   args: {
     events: []
   },

package/storybook-static/assets/{Card-C1evZ1rT.js → Card-DZVLYsdd.js}

@@ -1,4 +1,4 @@
-import{r as I,j as e}from"./iframe-2N7rjfXm.js";import{A as M}from"./index-IKMS7NhW.js";import{m as _}from"./proxy-qiKixXs8.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-CvT6MryR.js";import{A as M}from"./index-2ZuXCVEx.js";import{m as _}from"./proxy-0exJiild.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-Cd8o0lJL.js → Card.stories-DisHmL7k.js}

@@ -1,4 +1,4 @@
-import{j as e,r as T}from"./iframe-2N7rjfXm.js";import{C as a}from"./Card-C1evZ1rT.js";import{B as t}from"./Button-C_YZ5gR4.js";import"./preload-helper-C1FmrZbK.js";import"./index-IKMS7NhW.js";import"./proxy-qiKixXs8.js";import"./MotionConfigContext-4uS6JRtS.js";import"./useSound-BBLJ5Rjg.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."}}},tags:["autodocs"],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-CvT6MryR.js";import{C as a}from"./Card-DZVLYsdd.js";import{B as t}from"./Button-2CSvbnXB.js";import"./preload-helper-C1FmrZbK.js";import"./index-2ZuXCVEx.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";import"./useSound-DyOR6GVH.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."}}},tags:["autodocs"],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-CVCNllVh.js → CardNav.stories-e50-9J_A.js}

@@ -1,4 +1,4 @@
-import{r as o,j as r}from"./iframe-2N7rjfXm.js";import{g as u}from"./index-C8pce-KX.js";import{G as M}from"./iconBase-fo9b9WAM.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 t=u.timeline({paused:!0});return t.to(e,{height:C,duration:.4,ease:b}),t.to(p.current,{y:0,opacity:1,duration:.4,ease:b,stagger:.08},"-=0.1"),t};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 t=C();u.set(c.current,{height:t}),l.current.kill();const a=h();a&&(a.progress(1),l.current=a)}else{l.current.kill();const t=h();t&&(l.current=t)}};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=>t=>{t&&(p.current[e]=t)};return r.jsx("div",{className:`${n["card-nav-container"]} ${N}`,children:r.jsxs("nav",{ref:c,className:`${n["card-nav"]} ${s?n.open:""}`,style:{backgroundColor:k},children:[r.jsxs("div",{className:`${n["card-nav-top"]}`,children:[r.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:[r.jsx("div",{className:`${n["hamburger-line"]}`}),r.jsx("div",{className:`${n["hamburger-line"]}`})]}),r.jsx("div",{className:`${n["logo-container"]}`,children:r.jsx("img",{src:f,alt:$,className:`${n.logo}`})}),r.jsx("button",{type:"button",className:`${n["card-nav-cta-button"]}`,style:{backgroundColor:j,color:E},children:"Get Started"})]}),r.jsx("div",{className:`${n["card-nav-content"]}`,"aria-hidden":!s,children:(m||[]).slice(0,3).map((e,t)=>{var a;return r.jsxs("div",{className:`${n["nav-card"]}`,ref:H(t),style:{backgroundColor:e.bgColor,color:e.textColor},children:[r.jsx("div",{className:`${n["nav-card-label"]}`,children:e.label}),r.jsx("div",{className:`${n["nav-card-links"]}`,children:(a=e.links)==null?void 0:a.map((i,v)=>r.jsxs("a",{className:`${n["nav-card-link"]}`,href:i.href,"aria-label":i.ariaLabel,children:[r.jsx(U,{className:"nav-card-link-icon","aria-hidden":"true"}),i.label]},`${i.label}-${v}`))})]},`${e.label}-${t}`)})})]})})};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"},tags:["autodocs"]},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 r}from"./iframe-CvT6MryR.js";import{g as u}from"./index-C8pce-KX.js";import{G as M}from"./iconBase-CstVDnta.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 t=u.timeline({paused:!0});return t.to(e,{height:C,duration:.4,ease:b}),t.to(p.current,{y:0,opacity:1,duration:.4,ease:b,stagger:.08},"-=0.1"),t};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 t=C();u.set(c.current,{height:t}),l.current.kill();const a=h();a&&(a.progress(1),l.current=a)}else{l.current.kill();const t=h();t&&(l.current=t)}};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=>t=>{t&&(p.current[e]=t)};return r.jsx("div",{className:`${n["card-nav-container"]} ${N}`,children:r.jsxs("nav",{ref:c,className:`${n["card-nav"]} ${s?n.open:""}`,style:{backgroundColor:k},children:[r.jsxs("div",{className:`${n["card-nav-top"]}`,children:[r.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:[r.jsx("div",{className:`${n["hamburger-line"]}`}),r.jsx("div",{className:`${n["hamburger-line"]}`})]}),r.jsx("div",{className:`${n["logo-container"]}`,children:r.jsx("img",{src:f,alt:$,className:`${n.logo}`})}),r.jsx("button",{type:"button",className:`${n["card-nav-cta-button"]}`,style:{backgroundColor:j,color:E},children:"Get Started"})]}),r.jsx("div",{className:`${n["card-nav-content"]}`,"aria-hidden":!s,children:(m||[]).slice(0,3).map((e,t)=>{var a;return r.jsxs("div",{className:`${n["nav-card"]}`,ref:H(t),style:{backgroundColor:e.bgColor,color:e.textColor},children:[r.jsx("div",{className:`${n["nav-card-label"]}`,children:e.label}),r.jsx("div",{className:`${n["nav-card-links"]}`,children:(a=e.links)==null?void 0:a.map((i,v)=>r.jsxs("a",{className:`${n["nav-card-link"]}`,href:i.href,"aria-label":i.ariaLabel,children:[r.jsx(U,{className:"nav-card-link-icon","aria-hidden":"true"}),i.label]},`${i.label}-${v}`))})]},`${e.label}-${t}`)})})]})})};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"},tags:["autodocs"]},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-DXvKLxeO.js → Carousel.stories-B-rI6jNr.js}

@@ -1,4 +1,4 @@
-import{r as c,j as i}from"./iframe-2N7rjfXm.js";import{G as v}from"./iconBase-fo9b9WAM.js";import{u as Y}from"./use-motion-value-w2f8nz4L.js";import{m as k}from"./proxy-qiKixXs8.js";import{u as z}from"./use-transform-DZyAm4Sp.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.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-CvT6MryR.js";import{G as v}from"./iconBase-CstVDnta.js";import{u as Y}from"./use-motion-value-DfJqnIZb.js";import{m as k}from"./proxy-0exJiild.js";import{u as z}from"./use-transform-CATrWDJd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.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-tM16vTif.js → Checkbox-D7FUqeuB.js}

@@ -1,4 +1,4 @@
-import{r as i,j as a}from"./iframe-2N7rjfXm.js";import{u as k}from"./useSound-BBLJ5Rjg.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-CvT6MryR.js";import{u as k}from"./useSound-DyOR6GVH.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-dhEm8gbi.js → Checkbox.stories-CyIVTBxZ.js}

@@ -1,4 +1,4 @@
-import{r as w,j as s}from"./iframe-2N7rjfXm.js";import{C as c}from"./Checkbox-tM16vTif.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-BBLJ5Rjg.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:`{
+import{r as w,j as s}from"./iframe-CvT6MryR.js";import{C as c}from"./Checkbox-D7FUqeuB.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.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',

package/storybook-static/assets/{ChromaGrid.stories-_N6hSynZ.js → ChromaGrid.stories-S1cYuc5_.js}

@@ -1,4 +1,4 @@
-import{r as l,j as a}from"./iframe-2N7rjfXm.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"},tags:["autodocs"]},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-CvT6MryR.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"},tags:["autodocs"]},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-c7BEdmTm.js → CircularGallery.stories-DRrEcX-Y.js}

@@ -1,4 +1,4 @@
-import{r as S,j as A}from"./iframe-2N7rjfXm.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-CvT6MryR.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-BCoG12vU.js → CircularText.stories-CHoRy-lV.js}

@@ -1,4 +1,4 @@
-import{r as A,j as g}from"./iframe-2N7rjfXm.js";import{U as _,u as k}from"./MotionConfigContext-4uS6JRtS.js";import{g as w,s as b,m as U}from"./proxy-qiKixXs8.js";import{u as H}from"./use-motion-value-w2f8nz4L.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"},tags:["autodocs"]},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-CvT6MryR.js";import{U as _,u as k}from"./MotionConfigContext-BdSKNtzx.js";import{g as w,s as b,m as U}from"./proxy-0exJiild.js";import{u as H}from"./use-motion-value-DfJqnIZb.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"},tags:["autodocs"]},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-BOypb8hM.js → ClickSpark.stories-DbPNmGUE.js}

@@ -1,4 +1,4 @@
-import{r as l,j as S}from"./iframe-2N7rjfXm.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"},tags:["autodocs"]},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-CvT6MryR.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"},tags:["autodocs"]},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/{Color-AVL7NMMY-iZX0v-MX.js → Color-AVL7NMMY-C-H2x7hU.js}

@@ -1 +1 @@
-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-qnjLy5zI.js";import{r as p,R as v}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-DajuY7cH.js";import"./client-CyPtLppF.js";import"./index-DaJY9FlE.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};
+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-DhsqOTVk.js";import{r as p,R as v}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";import"./react-18-KOo_VULj.js";import"./client-er7qZ0kF.js";import"./index-Cb6YhhUk.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};