@stfrigerio/sito-template 0.1.98 → 0.1.100

package/storybook-static/assets/SleepChart.stories-Dmf1Hltv.js

@@ -0,0 +1,58 @@
+import{r as x,j as n}from"./iframe-BxepBtx0.js";import{s as R,c as N}from"./transform-DaumkFRH.js";import{l as pt}from"./linear-BTA54h8k.js";import{b as ht,r as O}from"./band-D-svgzWl.js";import{a as mt,b as ut}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";import"./value-CMZJhU-O.js";import"./descending-BO6OmMcj.js";const gt="_container_1yktd_1",ft="_header_1yktd_7",_t="_eyebrow_1yktd_15",Mt="_title_1yktd_23",St="_chart_1yktd_38",yt="_gridLine_1yktd_43",kt="_gridLineAccent_1yktd_50",xt="_sleepBar_1yktd_55",wt="_sleepBarHover_1yktd_59",$t="_squiggle_1yktd_59",vt="_endpoint_1yktd_76",bt="_endpointSleep_1yktd_80",Dt="_endpointWake_1yktd_84",Tt="_xAxis_1yktd_88",At="_yAxis_1yktd_89",Ht="_tooltip_1yktd_103",jt="_visible_1yktd_117",Bt="_tooltipDate_1yktd_121",Lt="_tooltipBody_1yktd_132",Rt="_tooltipRow_1yktd_138",Nt="_tooltipTotal_1yktd_162",a={container:gt,header:ft,eyebrow:_t,title:Mt,chart:St,gridLine:yt,gridLineAccent:kt,sleepBar:xt,sleepBarHover:wt,squiggle:$t,endpoint:vt,endpointSleep:bt,endpointWake:Dt,xAxis:Tt,yAxis:At,tooltip:Ht,visible:jt,tooltipDate:Bt,tooltipBody:Lt,tooltipRow:Rt,tooltipTotal:Nt},V=t=>{const[o,r]=t.split(":").map(Number);return o+r/60},P=t=>{const o=Math.floor(t%24),r=Math.round(t%1*60);return`${o.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`},Et=t=>{const o=Math.floor(t),r=Math.round(t%1*60);return`${o}h ${r.toString().padStart(2,"0")}m`},Wt=(t,o,r,s,p)=>{const l=Math.max(0,o-t);if(l===0)return`M ${t} ${r}`;const g=Math.max(1,Math.round(l/p)),h=l/(g*2);let k=`M ${t} ${r}`;for(let m=0;m<g*2;m++){const f=t+(m+.5)*h,S=r+(m%2===0?-s:s),u=t+(m+1)*h;k+=` Q ${f} ${S} ${u} ${r}`}return k},rt=({sleepData:t,width:o=800,height:r=400,onDateClick:s})=>{const p=x.useRef(null),[l,g]=x.useState(null),h=x.useMemo(()=>({top:12,right:16,bottom:32,left:64}),[]),k=o-h.left-h.right,m=r-h.top-h.bottom;return x.useEffect(()=>{const f=()=>g(null);return window.addEventListener("scroll",f,!0),()=>window.removeEventListener("scroll",f,!0)},[]),x.useEffect(()=>{if(!p.current||t.length===0)return;const f=R(p.current);f.selectAll("*").remove(),f.append("rect").attr("width",o).attr("height",r).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>g(null));const S=f.append("g").attr("transform",`translate(${h.left},${h.top})`),u=pt().domain([18,42]).range([0,k]),j=t.map(e=>e.date),B=ht().domain(j).range([0,m]).paddingInner(.35).paddingOuter(.1);S.selectAll(".grid-line-x").data(O(18,43,3)).enter().append("line").attr("class",a.gridLine).attr("x1",e=>u(e)).attr("y1",0).attr("x2",e=>u(e)).attr("y2",m).classed(a.gridLineAccent,e=>{const c=e%24;return c===0||c===12});const nt=Math.min(40,600/Math.max(1,t.length));t.forEach((e,c)=>{const y=B(e.date);if(y===void 0)return;const L=c*nt,w=B.bandwidth(),$=S.append("g").attr("class",a.sleepBar).style("cursor",s?"pointer":"default").on("click",()=>s==null?void 0:s(e.date));let i=null,d=null;if(e.sleep_time&&(i=V(e.sleep_time),i<18&&(i+=24)),e.wake_hour&&(d=V(e.wake_hour),i!==null?(d<i||i>=18&&d<18)&&(d+=24):d<12&&(d+=24)),i!==null&&d!==null){const _=u(i),M=u(d),it=y+w/2,dt=Math.min(w/2.2,7),ct=Wt(_,M,it,dt,14),W=$.append("path").attr("class",a.squiggle).attr("d",ct).attr("fill","none"),q=W.node(),I=typeof q.getTotalLength=="function"?q.getTotalLength():(M-_)*1.8;W.attr("stroke-dasharray",I).attr("stroke-dashoffset",I).transition().delay(L).duration(540).ease(N).attr("stroke-dashoffset",0)}i!==null&&$.append("circle").attr("class",`${a.endpoint} ${a.endpointSleep}`).attr("cx",u(i)).attr("cy",y+w/2).attr("r",0).transition().duration(280).delay(L+160).ease(N).attr("r",3.5),d!==null&&$.append("circle").attr("class",`${a.endpoint} ${a.endpointWake}`).attr("cx",u(d)).attr("cy",y+w/2).attr("r",0).transition().duration(280).delay(L+220).ease(N).attr("r",3.5),$.on("mouseenter",function(_){R(this).classed(a.sleepBarHover,!0);const M=i!==null&&d!==null?d-i:null;g({date:e.date,sleepTime:i!==null?P(i):null,wakeTime:d!==null?P(d):null,duration:M!==null?Math.round(M*100)/100:null,x:_.pageX,y:_.pageY-12})}).on("mouseleave",function(){R(this).classed(a.sleepBarHover,!1),g(null)}).on("mousemove",function(_){g(M=>M?{...M,x:_.pageX,y:_.pageY-12}:null)})});const E=O(18,43,3).map(e=>({value:e,label:`${(e%24).toString().padStart(2,"0")}:00`}));S.append("g").attr("class",a.xAxis).attr("transform",`translate(0,${m})`).call(mt(u).tickValues(E.map(e=>e.value)).tickFormat(e=>{const c=E.find(y=>y.value===e);return c?c.label:""}).tickSize(0).tickPadding(10)).select(".domain").remove();const st=Math.max(1,Math.ceil(j.length/8)),lt=j.filter((e,c)=>c%st===0);S.append("g").attr("class",a.yAxis).call(ut(B).tickValues(lt).tickFormat(e=>{const c=new Date(e);return`${(c.getMonth()+1).toString().padStart(2,"0")}/${c.getDate().toString().padStart(2,"0")}`}).tickSize(0).tickPadding(12)).select(".domain").remove()},[t,k,m,h,s,r,o]),n.jsxs("div",{className:a.container,children:[n.jsxs("header",{className:a.header,children:[n.jsx("span",{className:a.eyebrow,children:"the night"}),n.jsxs("h3",{className:a.title,children:[n.jsx("em",{children:"Sleep"})," pattern"]})]}),n.jsx("svg",{ref:p,width:o,height:r,className:a.chart}),l&&n.jsxs("div",{className:`${a.tooltip} ${a.visible}`,style:{left:`${l.x}px`,top:`${l.y}px`},children:[n.jsx("div",{className:a.tooltipDate,children:new Date(l.date).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})}),n.jsxs("div",{className:a.tooltipBody,children:[l.sleepTime&&n.jsxs("div",{className:a.tooltipRow,children:[n.jsx("em",{children:"sleep"}),n.jsx("time",{children:l.sleepTime})]}),l.wakeTime&&n.jsxs("div",{className:a.tooltipRow,children:[n.jsx("em",{children:"wake"}),n.jsx("time",{children:l.wakeTime})]}),l.duration!==null&&n.jsxs("div",{className:`${a.tooltipRow} ${a.tooltipTotal}`,children:[n.jsx("em",{children:"total"}),n.jsx("time",{children:Et(l.duration)})]})]})]})]})};rt.__docgenInfo={description:"",methods:[],displayName:"SleepChart",props:{sleepData:{required:!0,tsType:{name:"Array",elements:[{name:"SleepData"}],raw:"SleepData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},onDateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: string) => void",signature:{arguments:[{type:{name:"string"},name:"date"}],return:{name:"void"}}},description:""}}};const Qt={title:"Organisms/Charts/SleepChart",component:rt,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},onDateClick:{action:"dateClicked"}}},H=t=>{const o=[],r=new Date;for(let s=t-1;s>=0;s--){const p=new Date(r);p.setDate(p.getDate()-s),o.push(p.toISOString().split("T")[0])}return o},v={args:{sleepData:H(7).map(t=>{const o=Math.floor(Math.random()*3)+22,r=Math.floor(Math.random()*3)+6;return{date:t,sleep_time:`${o%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${r}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:800,height:400}},b={args:{sleepData:H(30).map(t=>({date:t,sleep_time:`${(Math.floor(Math.random()*3)+22)%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${Math.floor(Math.random()*2)+7}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`})),width:900,height:400}},D={args:{sleepData:H(14).map((t,o)=>{const r=o%7===5||o%7===6,s=r?Math.floor(Math.random()*4)+24:Math.floor(Math.random()*2)+22,p=r?Math.floor(Math.random()*3)+9:Math.floor(Math.random()*2)+6;return{date:t,sleep_time:`${s%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${p}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:850,height:400}},T={args:{sleepData:H(14).map((t,o)=>({date:t,sleep_time:o%3===0?null:`${(Math.floor(Math.random()*3)+22)%24}:30`,wake_hour:o%3===0?null:`${Math.floor(Math.random()*2)+7}:00`})),width:800,height:400}},A={args:{sleepData:[],width:800,height:400}};var z,F,X;v.parameters={...v.parameters,docs:{...(z=v.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  args: {
+    sleepData: generateDateRange(7).map(date => {
+      const bedHour = Math.floor(Math.random() * 3) + 22;
+      const wakeHour = Math.floor(Math.random() * 3) + 6;
+      return {
+        date,
+        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
+        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
+      };
+    }),
+    width: 800,
+    height: 400
+  }
+}`,...(X=(F=v.parameters)==null?void 0:F.docs)==null?void 0:X.source}}};var Y,C,G;b.parameters={...b.parameters,docs:{...(Y=b.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  args: {
+    sleepData: generateDateRange(30).map(date => ({
+      date,
+      sleep_time: \`\${(Math.floor(Math.random() * 3) + 22) % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
+      wake_hour: \`\${Math.floor(Math.random() * 2) + 7}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
+    })),
+    width: 900,
+    height: 400
+  }
+}`,...(G=(C=b.parameters)==null?void 0:C.docs)==null?void 0:G.source}}};var Q,U,J;D.parameters={...D.parameters,docs:{...(Q=D.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  args: {
+    sleepData: generateDateRange(14).map((date, i) => {
+      // Simulate irregular sleep pattern
+      const isWeekend = i % 7 === 5 || i % 7 === 6;
+      const bedHour = isWeekend ? Math.floor(Math.random() * 4) + 24 : Math.floor(Math.random() * 2) + 22;
+      const wakeHour = isWeekend ? Math.floor(Math.random() * 3) + 9 : Math.floor(Math.random() * 2) + 6;
+      return {
+        date,
+        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
+        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
+      };
+    }),
+    width: 850,
+    height: 400
+  }
+}`,...(J=(U=D.parameters)==null?void 0:U.docs)==null?void 0:J.source}}};var K,Z,tt;T.parameters={...T.parameters,docs:{...(K=T.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  args: {
+    sleepData: generateDateRange(14).map((date, i) => ({
+      date,
+      // Some days have missing data
+      sleep_time: i % 3 === 0 ? null : \`\${(Math.floor(Math.random() * 3) + 22) % 24}:30\`,
+      wake_hour: i % 3 === 0 ? null : \`\${Math.floor(Math.random() * 2) + 7}:00\`
+    })),
+    width: 800,
+    height: 400
+  }
+}`,...(tt=(Z=T.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};var et,at,ot;A.parameters={...A.parameters,docs:{...(et=A.parameters)==null?void 0:et.docs,source:{originalSource:`{
+  args: {
+    sleepData: [],
+    width: 800,
+    height: 400
+  }
+}`,...(ot=(at=A.parameters)==null?void 0:at.docs)==null?void 0:ot.source}}};const Ut=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{A as EmptyState,D as IrregularSleep,T as MissingSleepData,b as MonthlySleep,v as WeeklySleep,Ut as __namedExportsOrder,Qt as default};

package/storybook-static/assets/{Slider-C69QbwVa.js → Slider-D9vb-_lz.js}

@@ -1,4 +1,4 @@
-import{r as U,j as t}from"./iframe-BTbLpgFM.js";import{u as G}from"./useSound-OlKqgJtL.js";import{m as V}from"./proxy-DHiOkbBq.js";import{A as H}from"./index-Dnnp7mc9.js";const J="_slider_1d1ne_2",K="_label_1d1ne_14",Q="_sliderContainer_1d1ne_22",W="_track_1d1ne_32",X="_dragging_1d1ne_43",Y="_fill_1d1ne_48",Z="_input_1d1ne_55",ee="_thumb_1d1ne_105",te="_tooltip_1d1ne_130",ae="_tooltipArrow_1d1ne_145",ne="_valueDisplay_1d1ne_158",se="_labelsContainer_1d1ne_170",re="_labelItem_1d1ne_177",ie="_dotsContainer_1d1ne_191",oe="_dot_1d1ne_191",le="_dotFilled_1d1ne_223",de="_size-sm_1d1ne_228",ce="_size-lg_1d1ne_233",ue="_disabled_1d1ne_261",me="_loading_1d1ne_273",pe="_loadingTrack_1d1ne_278",fe="_loadingIndicator_1d1ne_287",e={slider:J,label:K,sliderContainer:Q,track:W,dragging:X,fill:Y,input:Z,thumb:ee,tooltip:te,tooltipArrow:ae,valueDisplay:ne,labelsContainer:se,labelItem:re,dotsContainer:ie,dot:oe,dotFilled:le,"size-sm":"_size-sm_1d1ne_228",sizeSm:de,"size-lg":"_size-lg_1d1ne_233",sizeLg:ce,disabled:ue,loading:me,loadingTrack:pe,loadingIndicator:fe};function ge({value:n,onChange:k,min:o=0,max:d=100,step:p=1,label:i,showValue:T=!1,valueFormatter:f,labels:S=[],config:A={},disabled:l=!1,className:_="",style:y={},loading:g=!1,colorFunction:j,showTooltip:L=!1,tooltipContent:w,soundConfig:M,variant:P="track"}){const{handlers:$,playSound:N}=G(M),[q,z]=U.useState(!1),{colors:v={},size:R="md"}=A,b=Math.max(0,Math.min(100,(n-o)/(d-o)*100)),E=()=>j?j(n):v.fill?v.fill:"var(--color-primary)",h=a=>f?f(a):`${a}${d<=10?`/${d}`:""}`,F=a=>{if(l||g)return;const m=Number(a.target.value);N("click"),k(m)},O=()=>{l||g||z(!0)},C=()=>z(!1),r=E(),x=e[`size-${R}`],D=l?e.disabled:"",B=q?e.dragging:"";if(g)return t.jsxs("div",{className:`${e.slider} ${x} ${e.loading} ${_}`,style:y,children:[i&&t.jsx("label",{className:e.label,children:i}),t.jsx("div",{className:e.loadingTrack,children:t.jsx(V.div,{className:e.loadingIndicator,animate:{x:["-100%","200%"]},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}})})]});if(P==="dots"){const a=Math.max(0,Math.floor((d-o)/p)),m=Array.from({length:a},(s,u)=>o+(u+1)*p),c=s=>{if(l||g)return;N("click");const u=n===s?s-p:s;k(Math.max(o,u))};return t.jsxs("div",{className:`${e.slider} ${x} ${D} ${_}`,style:y,...$,children:[i&&t.jsx("label",{className:e.label,children:i}),t.jsx("div",{className:e.dotsContainer,role:"slider","aria-valuemin":o,"aria-valuemax":d,"aria-valuenow":n,"aria-label":i,children:m.map(s=>{const u=s<=n;return t.jsx("button",{type:"button",className:`${e.dot} ${u?e.dotFilled:""}`,style:u?{backgroundColor:r,borderColor:r}:void 0,onClick:()=>c(s),disabled:l,"aria-label":f?f(s):`Set to ${s}`},s)})}),T&&t.jsx("div",{className:e.valueDisplay,style:{color:r},children:h(n)})]})}const I={left:`${b}%`,marginLeft:`calc(var(--slider-thumb-size) * ${-b/100})`};return t.jsxs("div",{className:`${e.slider} ${x} ${D} ${B} ${_}`,style:y,children:[i&&t.jsx("label",{className:e.label,children:i}),t.jsxs("div",{className:e.sliderContainer,children:[t.jsx("div",{className:e.track,children:t.jsx("div",{className:e.fill,style:{width:`${b}%`,backgroundColor:r}})}),t.jsx("input",{type:"range",min:o,max:d,step:p,value:n,onChange:F,onPointerDown:O,onPointerUp:C,onPointerCancel:C,onBlur:C,...$,className:e.input,disabled:l,"aria-label":i}),t.jsx("div",{className:e.thumb,style:{...I,backgroundColor:r,borderColor:v.thumb||r}}),t.jsx(H,{children:L&&q&&!l&&t.jsxs(V.div,{className:e.tooltip,style:{...I,backgroundColor:r},initial:{opacity:0,y:6,scale:.9},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:6,scale:.9},transition:{duration:.15},children:[w?w(n):h(n),t.jsx("div",{className:e.tooltipArrow,style:{borderTopColor:r}})]})})]}),T&&t.jsx("div",{className:e.valueDisplay,style:{color:r},children:h(n)}),S.length>0&&t.jsx("div",{className:e.labelsContainer,children:S.map((a,m)=>{let c=0;return a.position==="start"?c=0:a.position==="end"?c=100:typeof a.position=="number"&&(c=a.position),t.jsx("div",{className:e.labelItem,style:{left:`${c}%`,color:a.color},children:a.label},m)})})]})}ge.__docgenInfo={description:`Slider component — responsive, accessible range input with a styled track, fill, and thumb.
+import{r as U,j as t}from"./iframe-BxepBtx0.js";import{u as G}from"./useSound-B4Mjw5gj.js";import{m as V}from"./proxy-CriS3ead.js";import{A as H}from"./index-Ct0SUml7.js";const J="_slider_1d1ne_2",K="_label_1d1ne_14",Q="_sliderContainer_1d1ne_22",W="_track_1d1ne_32",X="_dragging_1d1ne_43",Y="_fill_1d1ne_48",Z="_input_1d1ne_55",ee="_thumb_1d1ne_105",te="_tooltip_1d1ne_130",ae="_tooltipArrow_1d1ne_145",ne="_valueDisplay_1d1ne_158",se="_labelsContainer_1d1ne_170",re="_labelItem_1d1ne_177",ie="_dotsContainer_1d1ne_191",oe="_dot_1d1ne_191",le="_dotFilled_1d1ne_223",de="_size-sm_1d1ne_228",ce="_size-lg_1d1ne_233",ue="_disabled_1d1ne_261",me="_loading_1d1ne_273",pe="_loadingTrack_1d1ne_278",fe="_loadingIndicator_1d1ne_287",e={slider:J,label:K,sliderContainer:Q,track:W,dragging:X,fill:Y,input:Z,thumb:ee,tooltip:te,tooltipArrow:ae,valueDisplay:ne,labelsContainer:se,labelItem:re,dotsContainer:ie,dot:oe,dotFilled:le,"size-sm":"_size-sm_1d1ne_228",sizeSm:de,"size-lg":"_size-lg_1d1ne_233",sizeLg:ce,disabled:ue,loading:me,loadingTrack:pe,loadingIndicator:fe};function ge({value:n,onChange:k,min:o=0,max:d=100,step:p=1,label:i,showValue:T=!1,valueFormatter:f,labels:S=[],config:A={},disabled:l=!1,className:_="",style:y={},loading:g=!1,colorFunction:j,showTooltip:L=!1,tooltipContent:w,soundConfig:M,variant:P="track"}){const{handlers:$,playSound:N}=G(M),[q,z]=U.useState(!1),{colors:v={},size:R="md"}=A,b=Math.max(0,Math.min(100,(n-o)/(d-o)*100)),E=()=>j?j(n):v.fill?v.fill:"var(--color-primary)",h=a=>f?f(a):`${a}${d<=10?`/${d}`:""}`,F=a=>{if(l||g)return;const m=Number(a.target.value);N("click"),k(m)},O=()=>{l||g||z(!0)},C=()=>z(!1),r=E(),x=e[`size-${R}`],D=l?e.disabled:"",B=q?e.dragging:"";if(g)return t.jsxs("div",{className:`${e.slider} ${x} ${e.loading} ${_}`,style:y,children:[i&&t.jsx("label",{className:e.label,children:i}),t.jsx("div",{className:e.loadingTrack,children:t.jsx(V.div,{className:e.loadingIndicator,animate:{x:["-100%","200%"]},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}})})]});if(P==="dots"){const a=Math.max(0,Math.floor((d-o)/p)),m=Array.from({length:a},(s,u)=>o+(u+1)*p),c=s=>{if(l||g)return;N("click");const u=n===s?s-p:s;k(Math.max(o,u))};return t.jsxs("div",{className:`${e.slider} ${x} ${D} ${_}`,style:y,...$,children:[i&&t.jsx("label",{className:e.label,children:i}),t.jsx("div",{className:e.dotsContainer,role:"slider","aria-valuemin":o,"aria-valuemax":d,"aria-valuenow":n,"aria-label":i,children:m.map(s=>{const u=s<=n;return t.jsx("button",{type:"button",className:`${e.dot} ${u?e.dotFilled:""}`,style:u?{backgroundColor:r,borderColor:r}:void 0,onClick:()=>c(s),disabled:l,"aria-label":f?f(s):`Set to ${s}`},s)})}),T&&t.jsx("div",{className:e.valueDisplay,style:{color:r},children:h(n)})]})}const I={left:`${b}%`,marginLeft:`calc(var(--slider-thumb-size) * ${-b/100})`};return t.jsxs("div",{className:`${e.slider} ${x} ${D} ${B} ${_}`,style:y,children:[i&&t.jsx("label",{className:e.label,children:i}),t.jsxs("div",{className:e.sliderContainer,children:[t.jsx("div",{className:e.track,children:t.jsx("div",{className:e.fill,style:{width:`${b}%`,backgroundColor:r}})}),t.jsx("input",{type:"range",min:o,max:d,step:p,value:n,onChange:F,onPointerDown:O,onPointerUp:C,onPointerCancel:C,onBlur:C,...$,className:e.input,disabled:l,"aria-label":i}),t.jsx("div",{className:e.thumb,style:{...I,backgroundColor:r,borderColor:v.thumb||r}}),t.jsx(H,{children:L&&q&&!l&&t.jsxs(V.div,{className:e.tooltip,style:{...I,backgroundColor:r},initial:{opacity:0,y:6,scale:.9},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:6,scale:.9},transition:{duration:.15},children:[w?w(n):h(n),t.jsx("div",{className:e.tooltipArrow,style:{borderTopColor:r}})]})})]}),T&&t.jsx("div",{className:e.valueDisplay,style:{color:r},children:h(n)}),S.length>0&&t.jsx("div",{className:e.labelsContainer,children:S.map((a,m)=>{let c=0;return a.position==="start"?c=0:a.position==="end"?c=100:typeof a.position=="number"&&(c=a.position),t.jsx("div",{className:e.labelItem,style:{left:`${c}%`,color:a.color},children:a.label},m)})})]})}ge.__docgenInfo={description:`Slider component — responsive, accessible range input with a styled track, fill, and thumb.
 
 The thumb is inset at the track endpoints so it never overflows. Drag state is tracked
 via pointer events (works on mouse, touch, and pen).`,methods:[],displayName:"Slider",props:{value:{required:!0,tsType:{name:"number"},description:"Current slider value"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: number) => void",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:"Callback when value changes"},min:{required:!1,tsType:{name:"number"},description:"Minimum value",defaultValue:{value:"0",computed:!1}},max:{required:!1,tsType:{name:"number"},description:"Maximum value",defaultValue:{value:"100",computed:!1}},step:{required:!1,tsType:{name:"number"},description:"Step increment",defaultValue:{value:"1",computed:!1}},label:{required:!1,tsType:{name:"string"},description:"Optional label"},showValue:{required:!1,tsType:{name:"boolean"},description:"Show persistent value display below the track",defaultValue:{value:"false",computed:!1}},valueFormatter:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"Custom value formatter"},labels:{required:!1,tsType:{name:"Array",elements:[{name:"SliderLabel"}],raw:"SliderLabel[]"},description:"Labels for slider endpoints or custom positions",defaultValue:{value:"[]",computed:!1}},config:{required:!1,tsType:{name:"SliderConfig"},description:"Custom styling configuration",defaultValue:{value:"{}",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"Disabled state",defaultValue:{value:"false",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}},colorFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"Color function for dynamic coloring"},showTooltip:{required:!1,tsType:{name:"boolean"},description:"Show a tooltip above the thumb while dragging",defaultValue:{value:"false",computed:!1}},tooltipContent:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"Custom tooltip content"},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Sound configuration for interactions"},variant:{required:!1,tsType:{name:"union",raw:"'track' | 'dots'",elements:[{name:"literal",value:"'track'"},{name:"literal",value:"'dots'"}]},description:"Visual variant: 'track' (default range slider) or 'dots' (tally strip)",defaultValue:{value:"'track'",computed:!1}}}};export{ge as S};

package/storybook-static/assets/{Slider.stories-DDhTLU2g.js → Slider.stories-CUNPAtd0.js}

@@ -1,4 +1,4 @@
-import{r as k,j as i}from"./iframe-BTbLpgFM.js";import{S as y}from"./Slider-C69QbwVa.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-OlKqgJtL.js";import"./proxy-DHiOkbBq.js";import"./MotionConfigContext-BWFxZgdN.js";import"./index-Dnnp7mc9.js";const R={title:"Atoms/Slider",component:y,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},variant:{control:"inline-radio",options:["track","dots"]},config:{control:"object"}}},n=e=>{const[r,V]=k.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(y,{...e,value:r,onChange:V})})},a={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},o={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{variant:"dots",min:0,max:8,value:3,step:1,label:"Glasses of water",showValue:!0,valueFormatter:e=>`${e} / 8`}};var u,c,m;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{
+import{r as k,j as i}from"./iframe-BxepBtx0.js";import{S as y}from"./Slider-D9vb-_lz.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-B4Mjw5gj.js";import"./proxy-CriS3ead.js";import"./MotionConfigContext-CRCVf1uh.js";import"./index-Ct0SUml7.js";const R={title:"Atoms/Slider",component:y,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},variant:{control:"inline-radio",options:["track","dots"]},config:{control:"object"}}},n=e=>{const[r,V]=k.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(y,{...e,value:r,onChange:V})})},a={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},o={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{variant:"dots",min:0,max:8,value:3,step:1,label:"Glasses of water",showValue:!0,valueFormatter:e=>`${e} / 8`}};var u,c,m;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{
   render: InteractiveSlider,
   args: {
     min: 0,

package/storybook-static/assets/{SoftAurora.stories-C5OSOqjj.js → SoftAurora.stories-ChcxW0hb.js}

@@ -1,4 +1,4 @@
-import{r as E,j as D}from"./iframe-BTbLpgFM.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
+import{r as E,j as D}from"./iframe-BxepBtx0.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
 attribute vec2 uv;
 attribute vec2 position;
 varying vec2 vUv;

package/storybook-static/assets/{SoundDemo.stories-sb4V9P8H.js → SoundDemo.stories-VemKEfkR.js}

@@ -1,3 +1,3 @@
-import{j as e,r as s,R as d}from"./iframe-BTbLpgFM.js";import{B as t}from"./Button-DtiJJxMy.js";import{C as c}from"./Checkbox-CJhut6rk.js";import{T}from"./TextInput-BQ78htqq.js";import{T as w}from"./Toggle-BgFXbOVy.js";import{S as E}from"./Slider-C69QbwVa.js";import{s as n}from"./useSound-OlKqgJtL.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-DHiOkbBq.js";import"./MotionConfigContext-BWFxZgdN.js";import"./index-Dnnp7mc9.js";const x=()=>{const[r,g]=s.useState(!0),[i,p]=s.useState(.5),[l,j]=s.useState("digital"),[v,y]=s.useState(!1),[S,f]=s.useState(!1),[C,k]=s.useState(""),[b,B]=s.useState(50);return d.useEffect(()=>{n.setEnabled(r)},[r]),d.useEffect(()=>{n.setVolume(i)},[i]),d.useEffect(()=>{n.setSoundPack(l)},[l]),e.jsxs("div",{style:{padding:"2rem",maxWidth:"800px",margin:"0 auto"},children:[e.jsx("h1",{children:"🎵 Sound System Demo"}),e.jsxs("div",{style:{padding:"1.5rem",background:"#f5f5f5",borderRadius:"8px",marginBottom:"2rem"},children:[e.jsx("h2",{children:"Sound Controls"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(c,{checked:r,onChange:g,label:"Enable Sounds"})}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsxs("label",{children:["Volume: ",Math.round(i*100),"%"]}),e.jsx("input",{type:"range",min:"0",max:"100",value:i*100,onChange:a=>p(Number(a.target.value)/100),style:{width:"100%",marginTop:"0.5rem"}})]}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsx("label",{children:"Sound Pack: "}),e.jsxs("select",{value:l,onChange:a=>j(a.target.value),style:{marginLeft:"0.5rem",padding:"0.25rem"},children:[e.jsx("option",{value:"digital",children:"🔊 Digital (Clean & Modern)"}),e.jsx("option",{value:"fantasy",children:"🧙 Fantasy (Magical & Mystical)"}),e.jsx("option",{value:"retro",children:"🎮 Retro (8-bit Gaming)"}),e.jsx("option",{value:"minimal",children:"⚪ Minimal (Subtle & Simple)"}),e.jsx("option",{value:"mechanical",children:"⚙️ Mechanical (Industrial)"})]})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Test Individual Sounds"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx(t,{variant:"primary",size:"small",onClick:()=>n.play("click"),children:"Click Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("hover"),children:"Hover Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("success"),children:"Success Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("error"),children:"Error Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("warning"),children:"Warning Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("toggle"),children:"Toggle Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("type"),children:"Type Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("delete"),children:"Delete Sound"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Special Effects"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",onClick:()=>n.celebration(),children:"🎉 Celebration"}),e.jsx(t,{variant:"secondary",onClick:()=>n.milestone(),children:"⭐ Milestone"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Components with Sound Integration"}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Button with Sounds"}),e.jsx(t,{variant:"primary",soundConfig:{onClick:!0,onHover:!0},children:"Interactive Button (hover, click)"})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Checkbox with Sound"}),e.jsx(c,{checked:v,onChange:y,label:"Check me!",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Toggle with Sound"}),e.jsx(w,{isOn:S,onToggle:f,leftLabel:"Off",rightLabel:"On",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Input with Sound"}),e.jsx(T,{label:"Type something",value:C,onChange:k,placeholder:"Type to hear typing sounds",enableTypingSounds:!0})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Slider with Sound"}),e.jsx(E,{value:b,onChange:B,min:0,max:100,label:"Adjust me",soundConfig:{onClick:!0}})]})]}),e.jsxs("div",{style:{padding:"1rem",background:"#e8f4f8",borderRadius:"8px",fontSize:"0.9rem"},children:[e.jsx("h3",{children:"ℹ️ How to Use"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Enable sounds using the checkbox above"}),e.jsx("li",{children:"Adjust volume with the slider"}),e.jsx("li",{children:"Click the test buttons to hear individual sounds"}),e.jsx("li",{children:"Interact with the components below to hear sounds in context"}),e.jsx("li",{children:"Note: AudioContext requires user interaction to start (click any button first)"})]})]})]})},L={title:"Atoms/SoundDemo",component:x,parameters:{layout:"fullscreen",docs:{description:{component:"Interactive demo for testing the sound system with Web Audio API"}}}},o={render:()=>e.jsx(x,{})};var m,u,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
+import{j as e,r as s,R as d}from"./iframe-BxepBtx0.js";import{B as t}from"./Button-83Rb3m5a.js";import{C as c}from"./Checkbox-DXyNO7YZ.js";import{T}from"./TextInput-kBi6r-DZ.js";import{T as w}from"./Toggle-B8i7xSap.js";import{S as E}from"./Slider-D9vb-_lz.js";import{s as n}from"./useSound-B4Mjw5gj.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-CriS3ead.js";import"./MotionConfigContext-CRCVf1uh.js";import"./index-Ct0SUml7.js";const x=()=>{const[r,g]=s.useState(!0),[i,p]=s.useState(.5),[l,j]=s.useState("digital"),[v,y]=s.useState(!1),[S,f]=s.useState(!1),[C,k]=s.useState(""),[b,B]=s.useState(50);return d.useEffect(()=>{n.setEnabled(r)},[r]),d.useEffect(()=>{n.setVolume(i)},[i]),d.useEffect(()=>{n.setSoundPack(l)},[l]),e.jsxs("div",{style:{padding:"2rem",maxWidth:"800px",margin:"0 auto"},children:[e.jsx("h1",{children:"🎵 Sound System Demo"}),e.jsxs("div",{style:{padding:"1.5rem",background:"#f5f5f5",borderRadius:"8px",marginBottom:"2rem"},children:[e.jsx("h2",{children:"Sound Controls"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(c,{checked:r,onChange:g,label:"Enable Sounds"})}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsxs("label",{children:["Volume: ",Math.round(i*100),"%"]}),e.jsx("input",{type:"range",min:"0",max:"100",value:i*100,onChange:a=>p(Number(a.target.value)/100),style:{width:"100%",marginTop:"0.5rem"}})]}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsx("label",{children:"Sound Pack: "}),e.jsxs("select",{value:l,onChange:a=>j(a.target.value),style:{marginLeft:"0.5rem",padding:"0.25rem"},children:[e.jsx("option",{value:"digital",children:"🔊 Digital (Clean & Modern)"}),e.jsx("option",{value:"fantasy",children:"🧙 Fantasy (Magical & Mystical)"}),e.jsx("option",{value:"retro",children:"🎮 Retro (8-bit Gaming)"}),e.jsx("option",{value:"minimal",children:"⚪ Minimal (Subtle & Simple)"}),e.jsx("option",{value:"mechanical",children:"⚙️ Mechanical (Industrial)"})]})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Test Individual Sounds"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx(t,{variant:"primary",size:"small",onClick:()=>n.play("click"),children:"Click Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("hover"),children:"Hover Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("success"),children:"Success Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("error"),children:"Error Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("warning"),children:"Warning Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("toggle"),children:"Toggle Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("type"),children:"Type Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("delete"),children:"Delete Sound"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Special Effects"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",onClick:()=>n.celebration(),children:"🎉 Celebration"}),e.jsx(t,{variant:"secondary",onClick:()=>n.milestone(),children:"⭐ Milestone"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Components with Sound Integration"}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Button with Sounds"}),e.jsx(t,{variant:"primary",soundConfig:{onClick:!0,onHover:!0},children:"Interactive Button (hover, click)"})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Checkbox with Sound"}),e.jsx(c,{checked:v,onChange:y,label:"Check me!",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Toggle with Sound"}),e.jsx(w,{isOn:S,onToggle:f,leftLabel:"Off",rightLabel:"On",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Input with Sound"}),e.jsx(T,{label:"Type something",value:C,onChange:k,placeholder:"Type to hear typing sounds",enableTypingSounds:!0})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Slider with Sound"}),e.jsx(E,{value:b,onChange:B,min:0,max:100,label:"Adjust me",soundConfig:{onClick:!0}})]})]}),e.jsxs("div",{style:{padding:"1rem",background:"#e8f4f8",borderRadius:"8px",fontSize:"0.9rem"},children:[e.jsx("h3",{children:"ℹ️ How to Use"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Enable sounds using the checkbox above"}),e.jsx("li",{children:"Adjust volume with the slider"}),e.jsx("li",{children:"Click the test buttons to hear individual sounds"}),e.jsx("li",{children:"Interact with the components below to hear sounds in context"}),e.jsx("li",{children:"Note: AudioContext requires user interaction to start (click any button first)"})]})]})]})},L={title:"Atoms/SoundDemo",component:x,parameters:{layout:"fullscreen",docs:{description:{component:"Interactive demo for testing the sound system with Web Audio API"}}}},o={render:()=>e.jsx(x,{})};var m,u,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
   render: () => <SoundDemo />
 }`,...(h=(u=o.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};const N=["Default"];export{o as Default,N as __namedExportsOrder,L as default};

package/storybook-static/assets/{SplashCursor.stories-PeC0-y78.js → SplashCursor.stories-D1ZTyWhi.js}

@@ -1,4 +1,4 @@
-import{r as V,j as le}from"./iframe-BTbLpgFM.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
+import{r as V,j as le}from"./iframe-BxepBtx0.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
 `}),i+e}const T=h(t.VERTEX_SHADER,`
         precision highp float;
         attribute vec2 aPosition;

package/storybook-static/assets/{SpotlightCard.stories-BCCdQhIJ.js → SpotlightCard.stories-CBaCxWbM.js}

@@ -1,4 +1,4 @@
-import{r as g,j as f}from"./iframe-BTbLpgFM.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=g.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,m=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${m}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"}},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+import{r as g,j as f}from"./iframe-BxepBtx0.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=g.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,m=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${m}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"}},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
   args: {
     children: 'Hello World',
     spotlightColor: 'rgba(255, 255, 255, 0.25)'

package/storybook-static/assets/{Stack.stories-DJekNsdu.js → Stack.stories-65akIYaj.js}

@@ -1,4 +1,4 @@
-import{r as c,j as t}from"./iframe-BTbLpgFM.js";import{m as k}from"./proxy-DHiOkbBq.js";import{u as R}from"./use-motion-value-BKT0PPfP.js";import{u as q}from"./use-transform-Bj0aHFrd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BWFxZgdN.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"}},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
+import{r as c,j as t}from"./iframe-BxepBtx0.js";import{m as k}from"./proxy-CriS3ead.js";import{u as R}from"./use-motion-value-DWEoPKqa.js";import{u as q}from"./use-transform-CWJyn-_D.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-CRCVf1uh.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"}},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
   args: {
     randomRotation: false,
     sensitivity: 200,

package/storybook-static/assets/{StaggeredMenu.stories-BU-AxZRv.js → StaggeredMenu.stories-BU40lLcN.js}

@@ -1,4 +1,4 @@
-import{r as s,R as le,j as r}from"./iframe-BTbLpgFM.js";import{g as l}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const a={"staggered-menu-wrapper":"_staggered-menu-wrapper_rbage_1","staggered-menu-header":"_staggered-menu-header_rbage_19","sm-logo":"_sm-logo_rbage_37","sm-logo-img":"_sm-logo-img_rbage_43","sm-toggle":"_sm-toggle_rbage_50","sm-toggle-textWrap":"_sm-toggle-textWrap_rbage_74","sm-toggle-textInner":"_sm-toggle-textInner_rbage_84","sm-toggle-line":"_sm-toggle-line_rbage_90","sm-icon":"_sm-icon_rbage_96","sm-panel-itemWrap":"_sm-panel-itemWrap_rbage_107","sm-icon-line":"_sm-icon-line_rbage_113","staggered-menu-panel":"_staggered-menu-panel_rbage_129","sm-prelayers":"_sm-prelayers_rbage_151","sm-prelayer":"_sm-prelayer_rbage_151","sm-panel-inner":"_sm-panel-inner_rbage_175","sm-socials":"_sm-socials_rbage_182","sm-socials-title":"_sm-socials-title_rbage_190","sm-socials-list":"_sm-socials-list_rbage_197","sm-socials-link":"_sm-socials-link_rbage_208","sm-panel-list":"_sm-panel-list_rbage_258","sm-panel-item":"_sm-panel-item_rbage_107","sm-panel-itemLabel":"_sm-panel-itemLabel_rbage_302"},oe=({position:k="right",colors:P=["#B19EEF","#5227FF"],items:T=[],socialItems:V=[],displaySocials:ce=!0,displayItemNumbering:ue=!0,className:D,logoUrl:me="/src/assets/logos/reactbits-gh-white.svg",menuButtonColor:b="#fff",openMenuButtonColor:v="#fff",accentColor:G="#5227FF",changeMenuColorOnOpen:L=!0,isFixed:fe=!1,closeOnClickAway:U=!0,onMenuOpen:N,onMenuClose:h})=>{const[y,z]=s.useState(!1),R=s.useRef(!1),_=s.useRef(null),J=s.useRef(null),I=s.useRef([]),K=s.useRef(null),Q=s.useRef(null),W=s.useRef(null),H=s.useRef(null),pe=s.useRef(null),[ge,de]=s.useState(["Menu","Close"]),S=s.useRef(null),w=s.useRef(null),O=s.useRef(null),X=s.useRef(null),Y=s.useRef(null),p=s.useRef(null),j=s.useRef(!1),Z=s.useRef(null);s.useLayoutEffect(()=>{const e=l.context(()=>{const t=_.current,n=J.current,o=K.current,m=Q.current,i=W.current,c=H.current;if(!t||!o||!m||!i||!c)return;let f=[];n&&(f=Array.from(n.querySelectorAll(".sm-prelayer"))),I.current=f;const u=k==="left"?-100:100;l.set([t,...f],{xPercent:u}),l.set(o,{transformOrigin:"50% 50%",rotate:0}),l.set(m,{transformOrigin:"50% 50%",rotate:90}),l.set(i,{rotate:0,transformOrigin:"50% 50%"}),l.set(c,{yPercent:0}),p.current&&l.set(p.current,{color:b})});return()=>e.revert()},[b,k]);const M=s.useCallback(()=>{var ae,se;const e=_.current,t=I.current;if(!e)return null;(ae=S.current)==null||ae.kill(),w.current&&(w.current.kill(),w.current=null),(se=Z.current)==null||se.kill();const n=Array.from(e.querySelectorAll(".sm-panel-itemLabel")),o=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item")),m=e.querySelector(".sm-socials-title"),i=Array.from(e.querySelectorAll(".sm-socials-link")),c=t.map(d=>({el:d,start:Number(l.getProperty(d,"xPercent"))})),f=Number(l.getProperty(e,"xPercent"));n.length&&l.set(n,{yPercent:140,rotate:10}),o.length&&l.set(o,{"--sm-num-opacity":0}),m&&l.set(m,{opacity:0}),i.length&&l.set(i,{y:25,opacity:0});const u=l.timeline({paused:!0});c.forEach((d,A)=>{u.fromTo(d.el,{xPercent:d.start},{xPercent:0,duration:.5,ease:"power4.out"},A*.07)});const g=(c.length?(c.length-1)*.07:0)+(c.length?.08:0),B=.65;if(u.fromTo(e,{xPercent:f},{xPercent:0,duration:B,ease:"power4.out"},g),n.length){const A=g+B*.15;u.to(n,{yPercent:0,rotate:0,duration:1,ease:"power4.out",stagger:{each:.1,from:"start"}},A),o.length&&u.to(o,{duration:.6,ease:"power2.out","--sm-num-opacity":1,stagger:{each:.08,from:"start"}},A+.1)}if(m||i.length){const d=g+B*.4;m&&u.to(m,{opacity:1,duration:.5,ease:"power2.out"},d),i.length&&u.to(i,{y:0,opacity:1,duration:.55,ease:"power3.out",stagger:{each:.08,from:"start"},onComplete:()=>{l.set(i,{clearProps:"opacity"})}},d+.04)}return S.current=u,u},[]),ee=s.useCallback(()=>{if(j.current)return;j.current=!0;const e=M();e?(e.eventCallback("onComplete",()=>{j.current=!1}),e.play(0)):j.current=!1},[M]),$=s.useCallback(()=>{var m,i,c;(m=S.current)==null||m.kill(),S.current=null,(i=Z.current)==null||i.kill();const e=_.current,t=I.current;if(!e)return;const n=[...t,e];(c=w.current)==null||c.kill();const o=k==="left"?-100:100;w.current=l.to(n,{xPercent:o,duration:.32,ease:"power3.in",overwrite:"auto",onComplete:()=>{const f=Array.from(e.querySelectorAll(".sm-panel-itemLabel"));f.length&&l.set(f,{yPercent:140,rotate:10});const u=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item"));u.length&&l.set(u,{"--sm-num-opacity":0});const x=e.querySelector(".sm-socials-title"),g=Array.from(e.querySelectorAll(".sm-socials-link"));x&&l.set(x,{opacity:0}),g.length&&l.set(g,{y:25,opacity:0}),j.current=!1}})},[k]),q=s.useCallback(e=>{var n;const t=W.current;t&&((n=O.current)==null||n.kill(),e?O.current=l.to(t,{rotate:225,duration:.8,ease:"power4.out",overwrite:"auto"}):O.current=l.to(t,{rotate:0,duration:.35,ease:"power3.inOut",overwrite:"auto"}))},[]),E=s.useCallback(e=>{var n;const t=p.current;if(t)if((n=Y.current)==null||n.kill(),L){const o=e?v:b;Y.current=l.to(t,{color:o,delay:.18,duration:.3,ease:"power2.out"})}else l.set(t,{color:b})},[v,b,L]);le.useEffect(()=>{if(p.current)if(L){const e=R.current?v:b;l.set(p.current,{color:e})}else l.set(p.current,{color:b})},[L,b,v]);const F=s.useCallback(e=>{var x;const t=H.current;if(!t)return;(x=X.current)==null||x.kill();const n=e?"Menu":"Close",o=e?"Close":"Menu",m=3,i=[n];let c=n;for(let g=0;g<m;g++)c=c==="Menu"?"Close":"Menu",i.push(c);c!==o&&i.push(o),i.push(o),de(i),l.set(t,{yPercent:0});const f=i.length,u=(f-1)/f*100;X.current=l.to(t,{yPercent:-u,duration:.5+f*.07,ease:"power4.out"})},[]),be=s.useCallback(()=>{const e=!R.current;R.current=e,z(e),e?(N==null||N(),ee()):(h==null||h(),$()),q(e),E(e),F(e)},[ee,$,q,E,F,N,h]),te=s.useCallback(()=>{R.current&&(R.current=!1,z(!1),h==null||h(),$(),q(!1),E(!1),F(!1))},[$,q,E,F,h]);return le.useEffect(()=>{if(!U||!y)return;const e=t=>{_.current&&!_.current.contains(t.target)&&p.current&&!p.current.contains(t.target)&&te()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[U,y,te]),r.jsxs("div",{className:(D?D+" ":"")+a["staggered-menu-wrapper"]+(fe?" fixed-wrapper":""),style:G?{"--sm-accent":G}:void 0,"data-position":k,"data-open":y||void 0,children:[r.jsx("div",{ref:J,className:`${a["sm-prelayers"]}`,"aria-hidden":"true",children:(()=>{let t=[...P&&P.length?P.slice(0,4):["#1e1e22","#35353c"]];if(t.length>=3){const n=Math.floor(t.length/2);t.splice(n,1)}return t.map((n,o)=>r.jsx("div",{className:`${a["sm-prelayer"]}`,style:{background:n}},o))})()}),r.jsxs("header",{className:`${a["staggered-menu-header"]}`,"aria-label":"Main navigation header",children:[r.jsx("div",{className:`${a["sm-logo"]}`,"aria-label":"Logo",children:r.jsx("img",{src:me||"/src/assets/logos/reactbits-gh-white.svg",alt:"Logo",className:`${a["sm-logo-img"]}`,draggable:!1,width:110,height:24})}),r.jsxs("button",{ref:p,className:`${a["sm-toggle"]}`,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":a["staggered-menu-panel"],onClick:be,type:"button",children:[r.jsx("span",{ref:pe,className:`${a["sm-toggle-textWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{ref:H,className:`${a["sm-toggle-textInner"]}`,children:ge.map((e,t)=>r.jsx("span",{className:`${a["sm-toggle-line"]}`,children:e},t))})}),r.jsxs("span",{ref:W,className:`${a["sm-icon"]}`,"aria-hidden":"true",children:[r.jsx("span",{ref:K,className:`${a["sm-icon-line"]}`}),r.jsx("span",{ref:Q,className:`${a["sm-icon-line"]} ${a["sm-icon-line"]}-v`})]})]})]}),r.jsx("aside",{id:a["staggered-menu-panel"],ref:_,className:`${a["staggered-menu-panel"]}`,"aria-hidden":!y,children:r.jsxs("div",{className:`${a["sm-panel-inner"]}`,children:[r.jsx("ul",{className:`${a["sm-panel-list"]}`,role:"list","data-numbering":ue||void 0,children:T&&T.length?T.map((e,t)=>r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,children:r.jsx("a",{className:`${a["sm-panel-item"]}`,href:e.link,"aria-label":e.ariaLabel,"data-index":t+1,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:e.label})})},e.label+t)):r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{className:`${a["sm-panel-item"]}`,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:"No items"})})})}),ce&&V&&V.length>0&&r.jsxs("div",{className:`${a["sm-socials"]}`,"aria-label":"Social links",children:[r.jsx("h3",{className:`${a["sm-socials-title"]}`,children:"Socials"}),r.jsx("ul",{className:`${a["sm-socials-list"]}`,role:"list",children:V.map((e,t)=>r.jsx("li",{className:"sm-socials-item",children:r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:`${a["sm-socials-link"]}`,children:e.label})},e.label+t))})]})]})})]})};oe.__docgenInfo={description:"",methods:[],displayName:"StaggeredMenu",props:{position:{defaultValue:{value:"'right'",computed:!1},required:!1},colors:{defaultValue:{value:"['#B19EEF', '#5227FF']",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},socialItems:{defaultValue:{value:"[]",computed:!1},required:!1},displaySocials:{defaultValue:{value:"true",computed:!1},required:!1},displayItemNumbering:{defaultValue:{value:"true",computed:!1},required:!1},logoUrl:{defaultValue:{value:"'/src/assets/logos/reactbits-gh-white.svg'",computed:!1},required:!1},menuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},openMenuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},accentColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},changeMenuColorOnOpen:{defaultValue:{value:"true",computed:!1},required:!1},isFixed:{defaultValue:{value:"false",computed:!1},required:!1},closeOnClickAway:{defaultValue:{value:"true",computed:!1},required:!1}}};const xe={title:"ReactBits/Components/StaggeredMenu",component:oe,parameters:{layout:"fullscreen"}},C={args:{position:"right",colors:["#B19EEF","#5227FF"],items:[{label:"Home",link:"#",ariaLabel:"Home"},{label:"About",link:"#about",ariaLabel:"About"},{label:"Projects",link:"#projects",ariaLabel:"Projects"},{label:"Blog",link:"#blog",ariaLabel:"Blog"},{label:"Contact",link:"#contact",ariaLabel:"Contact"}],socialItems:[{label:"Twitter",link:"https://twitter.com"},{label:"GitHub",link:"https://github.com"},{label:"LinkedIn",link:"https://linkedin.com"}],displaySocials:!0,displayItemNumbering:!0,menuButtonColor:"#fff",openMenuButtonColor:"#fff",accentColor:"#5227FF",changeMenuColorOnOpen:!0,isFixed:!1,closeOnClickAway:!0}};var re,ne,ie;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
+import{r as s,R as le,j as r}from"./iframe-BxepBtx0.js";import{g as l}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const a={"staggered-menu-wrapper":"_staggered-menu-wrapper_rbage_1","staggered-menu-header":"_staggered-menu-header_rbage_19","sm-logo":"_sm-logo_rbage_37","sm-logo-img":"_sm-logo-img_rbage_43","sm-toggle":"_sm-toggle_rbage_50","sm-toggle-textWrap":"_sm-toggle-textWrap_rbage_74","sm-toggle-textInner":"_sm-toggle-textInner_rbage_84","sm-toggle-line":"_sm-toggle-line_rbage_90","sm-icon":"_sm-icon_rbage_96","sm-panel-itemWrap":"_sm-panel-itemWrap_rbage_107","sm-icon-line":"_sm-icon-line_rbage_113","staggered-menu-panel":"_staggered-menu-panel_rbage_129","sm-prelayers":"_sm-prelayers_rbage_151","sm-prelayer":"_sm-prelayer_rbage_151","sm-panel-inner":"_sm-panel-inner_rbage_175","sm-socials":"_sm-socials_rbage_182","sm-socials-title":"_sm-socials-title_rbage_190","sm-socials-list":"_sm-socials-list_rbage_197","sm-socials-link":"_sm-socials-link_rbage_208","sm-panel-list":"_sm-panel-list_rbage_258","sm-panel-item":"_sm-panel-item_rbage_107","sm-panel-itemLabel":"_sm-panel-itemLabel_rbage_302"},oe=({position:k="right",colors:P=["#B19EEF","#5227FF"],items:T=[],socialItems:V=[],displaySocials:ce=!0,displayItemNumbering:ue=!0,className:D,logoUrl:me="/src/assets/logos/reactbits-gh-white.svg",menuButtonColor:b="#fff",openMenuButtonColor:v="#fff",accentColor:G="#5227FF",changeMenuColorOnOpen:L=!0,isFixed:fe=!1,closeOnClickAway:U=!0,onMenuOpen:N,onMenuClose:h})=>{const[y,z]=s.useState(!1),R=s.useRef(!1),_=s.useRef(null),J=s.useRef(null),I=s.useRef([]),K=s.useRef(null),Q=s.useRef(null),W=s.useRef(null),H=s.useRef(null),pe=s.useRef(null),[ge,de]=s.useState(["Menu","Close"]),S=s.useRef(null),w=s.useRef(null),O=s.useRef(null),X=s.useRef(null),Y=s.useRef(null),p=s.useRef(null),j=s.useRef(!1),Z=s.useRef(null);s.useLayoutEffect(()=>{const e=l.context(()=>{const t=_.current,n=J.current,o=K.current,m=Q.current,i=W.current,c=H.current;if(!t||!o||!m||!i||!c)return;let f=[];n&&(f=Array.from(n.querySelectorAll(".sm-prelayer"))),I.current=f;const u=k==="left"?-100:100;l.set([t,...f],{xPercent:u}),l.set(o,{transformOrigin:"50% 50%",rotate:0}),l.set(m,{transformOrigin:"50% 50%",rotate:90}),l.set(i,{rotate:0,transformOrigin:"50% 50%"}),l.set(c,{yPercent:0}),p.current&&l.set(p.current,{color:b})});return()=>e.revert()},[b,k]);const M=s.useCallback(()=>{var ae,se;const e=_.current,t=I.current;if(!e)return null;(ae=S.current)==null||ae.kill(),w.current&&(w.current.kill(),w.current=null),(se=Z.current)==null||se.kill();const n=Array.from(e.querySelectorAll(".sm-panel-itemLabel")),o=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item")),m=e.querySelector(".sm-socials-title"),i=Array.from(e.querySelectorAll(".sm-socials-link")),c=t.map(d=>({el:d,start:Number(l.getProperty(d,"xPercent"))})),f=Number(l.getProperty(e,"xPercent"));n.length&&l.set(n,{yPercent:140,rotate:10}),o.length&&l.set(o,{"--sm-num-opacity":0}),m&&l.set(m,{opacity:0}),i.length&&l.set(i,{y:25,opacity:0});const u=l.timeline({paused:!0});c.forEach((d,A)=>{u.fromTo(d.el,{xPercent:d.start},{xPercent:0,duration:.5,ease:"power4.out"},A*.07)});const g=(c.length?(c.length-1)*.07:0)+(c.length?.08:0),B=.65;if(u.fromTo(e,{xPercent:f},{xPercent:0,duration:B,ease:"power4.out"},g),n.length){const A=g+B*.15;u.to(n,{yPercent:0,rotate:0,duration:1,ease:"power4.out",stagger:{each:.1,from:"start"}},A),o.length&&u.to(o,{duration:.6,ease:"power2.out","--sm-num-opacity":1,stagger:{each:.08,from:"start"}},A+.1)}if(m||i.length){const d=g+B*.4;m&&u.to(m,{opacity:1,duration:.5,ease:"power2.out"},d),i.length&&u.to(i,{y:0,opacity:1,duration:.55,ease:"power3.out",stagger:{each:.08,from:"start"},onComplete:()=>{l.set(i,{clearProps:"opacity"})}},d+.04)}return S.current=u,u},[]),ee=s.useCallback(()=>{if(j.current)return;j.current=!0;const e=M();e?(e.eventCallback("onComplete",()=>{j.current=!1}),e.play(0)):j.current=!1},[M]),$=s.useCallback(()=>{var m,i,c;(m=S.current)==null||m.kill(),S.current=null,(i=Z.current)==null||i.kill();const e=_.current,t=I.current;if(!e)return;const n=[...t,e];(c=w.current)==null||c.kill();const o=k==="left"?-100:100;w.current=l.to(n,{xPercent:o,duration:.32,ease:"power3.in",overwrite:"auto",onComplete:()=>{const f=Array.from(e.querySelectorAll(".sm-panel-itemLabel"));f.length&&l.set(f,{yPercent:140,rotate:10});const u=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item"));u.length&&l.set(u,{"--sm-num-opacity":0});const x=e.querySelector(".sm-socials-title"),g=Array.from(e.querySelectorAll(".sm-socials-link"));x&&l.set(x,{opacity:0}),g.length&&l.set(g,{y:25,opacity:0}),j.current=!1}})},[k]),q=s.useCallback(e=>{var n;const t=W.current;t&&((n=O.current)==null||n.kill(),e?O.current=l.to(t,{rotate:225,duration:.8,ease:"power4.out",overwrite:"auto"}):O.current=l.to(t,{rotate:0,duration:.35,ease:"power3.inOut",overwrite:"auto"}))},[]),E=s.useCallback(e=>{var n;const t=p.current;if(t)if((n=Y.current)==null||n.kill(),L){const o=e?v:b;Y.current=l.to(t,{color:o,delay:.18,duration:.3,ease:"power2.out"})}else l.set(t,{color:b})},[v,b,L]);le.useEffect(()=>{if(p.current)if(L){const e=R.current?v:b;l.set(p.current,{color:e})}else l.set(p.current,{color:b})},[L,b,v]);const F=s.useCallback(e=>{var x;const t=H.current;if(!t)return;(x=X.current)==null||x.kill();const n=e?"Menu":"Close",o=e?"Close":"Menu",m=3,i=[n];let c=n;for(let g=0;g<m;g++)c=c==="Menu"?"Close":"Menu",i.push(c);c!==o&&i.push(o),i.push(o),de(i),l.set(t,{yPercent:0});const f=i.length,u=(f-1)/f*100;X.current=l.to(t,{yPercent:-u,duration:.5+f*.07,ease:"power4.out"})},[]),be=s.useCallback(()=>{const e=!R.current;R.current=e,z(e),e?(N==null||N(),ee()):(h==null||h(),$()),q(e),E(e),F(e)},[ee,$,q,E,F,N,h]),te=s.useCallback(()=>{R.current&&(R.current=!1,z(!1),h==null||h(),$(),q(!1),E(!1),F(!1))},[$,q,E,F,h]);return le.useEffect(()=>{if(!U||!y)return;const e=t=>{_.current&&!_.current.contains(t.target)&&p.current&&!p.current.contains(t.target)&&te()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[U,y,te]),r.jsxs("div",{className:(D?D+" ":"")+a["staggered-menu-wrapper"]+(fe?" fixed-wrapper":""),style:G?{"--sm-accent":G}:void 0,"data-position":k,"data-open":y||void 0,children:[r.jsx("div",{ref:J,className:`${a["sm-prelayers"]}`,"aria-hidden":"true",children:(()=>{let t=[...P&&P.length?P.slice(0,4):["#1e1e22","#35353c"]];if(t.length>=3){const n=Math.floor(t.length/2);t.splice(n,1)}return t.map((n,o)=>r.jsx("div",{className:`${a["sm-prelayer"]}`,style:{background:n}},o))})()}),r.jsxs("header",{className:`${a["staggered-menu-header"]}`,"aria-label":"Main navigation header",children:[r.jsx("div",{className:`${a["sm-logo"]}`,"aria-label":"Logo",children:r.jsx("img",{src:me||"/src/assets/logos/reactbits-gh-white.svg",alt:"Logo",className:`${a["sm-logo-img"]}`,draggable:!1,width:110,height:24})}),r.jsxs("button",{ref:p,className:`${a["sm-toggle"]}`,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":a["staggered-menu-panel"],onClick:be,type:"button",children:[r.jsx("span",{ref:pe,className:`${a["sm-toggle-textWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{ref:H,className:`${a["sm-toggle-textInner"]}`,children:ge.map((e,t)=>r.jsx("span",{className:`${a["sm-toggle-line"]}`,children:e},t))})}),r.jsxs("span",{ref:W,className:`${a["sm-icon"]}`,"aria-hidden":"true",children:[r.jsx("span",{ref:K,className:`${a["sm-icon-line"]}`}),r.jsx("span",{ref:Q,className:`${a["sm-icon-line"]} ${a["sm-icon-line"]}-v`})]})]})]}),r.jsx("aside",{id:a["staggered-menu-panel"],ref:_,className:`${a["staggered-menu-panel"]}`,"aria-hidden":!y,children:r.jsxs("div",{className:`${a["sm-panel-inner"]}`,children:[r.jsx("ul",{className:`${a["sm-panel-list"]}`,role:"list","data-numbering":ue||void 0,children:T&&T.length?T.map((e,t)=>r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,children:r.jsx("a",{className:`${a["sm-panel-item"]}`,href:e.link,"aria-label":e.ariaLabel,"data-index":t+1,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:e.label})})},e.label+t)):r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{className:`${a["sm-panel-item"]}`,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:"No items"})})})}),ce&&V&&V.length>0&&r.jsxs("div",{className:`${a["sm-socials"]}`,"aria-label":"Social links",children:[r.jsx("h3",{className:`${a["sm-socials-title"]}`,children:"Socials"}),r.jsx("ul",{className:`${a["sm-socials-list"]}`,role:"list",children:V.map((e,t)=>r.jsx("li",{className:"sm-socials-item",children:r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:`${a["sm-socials-link"]}`,children:e.label})},e.label+t))})]})]})})]})};oe.__docgenInfo={description:"",methods:[],displayName:"StaggeredMenu",props:{position:{defaultValue:{value:"'right'",computed:!1},required:!1},colors:{defaultValue:{value:"['#B19EEF', '#5227FF']",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},socialItems:{defaultValue:{value:"[]",computed:!1},required:!1},displaySocials:{defaultValue:{value:"true",computed:!1},required:!1},displayItemNumbering:{defaultValue:{value:"true",computed:!1},required:!1},logoUrl:{defaultValue:{value:"'/src/assets/logos/reactbits-gh-white.svg'",computed:!1},required:!1},menuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},openMenuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},accentColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},changeMenuColorOnOpen:{defaultValue:{value:"true",computed:!1},required:!1},isFixed:{defaultValue:{value:"false",computed:!1},required:!1},closeOnClickAway:{defaultValue:{value:"true",computed:!1},required:!1}}};const xe={title:"ReactBits/Components/StaggeredMenu",component:oe,parameters:{layout:"fullscreen"}},C={args:{position:"right",colors:["#B19EEF","#5227FF"],items:[{label:"Home",link:"#",ariaLabel:"Home"},{label:"About",link:"#about",ariaLabel:"About"},{label:"Projects",link:"#projects",ariaLabel:"Projects"},{label:"Blog",link:"#blog",ariaLabel:"Blog"},{label:"Contact",link:"#contact",ariaLabel:"Contact"}],socialItems:[{label:"Twitter",link:"https://twitter.com"},{label:"GitHub",link:"https://github.com"},{label:"LinkedIn",link:"https://linkedin.com"}],displaySocials:!0,displayItemNumbering:!0,menuButtonColor:"#fff",openMenuButtonColor:"#fff",accentColor:"#5227FF",changeMenuColorOnOpen:!0,isFixed:!1,closeOnClickAway:!0}};var re,ne,ie;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
   args: {
     position: 'right',
     colors: ['#B19EEF', '#5227FF'],

package/storybook-static/assets/{StarBorder.stories-Dw9LDvMk.js → StarBorder.stories-Cqh86yZs.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-BTbLpgFM.js";import"./preload-helper-C1FmrZbK.js";const r={"star-border-container":"_star-border-container_xk50o_1","border-gradient-bottom":"_border-gradient-bottom_xk50o_8","border-gradient-top":"_border-gradient-top_xk50o_23","inner-content":"_inner-content_xk50o_38"},i=({as:c="button",className:u="",color:a="white",speed:o="6s",thickness:m=1,children:p,...s})=>e.jsxs(c,{className:`${r["star-border-container"]} ${u}`,style:{padding:`${m}px 0`,...s.style},...s,children:[e.jsx("div",{className:`${r["border-gradient-bottom"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["border-gradient-top"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["inner-content"]}`,children:p})]});i.__docgenInfo={description:"",methods:[],displayName:"StarBorder",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'white'",computed:!1},required:!1},speed:{defaultValue:{value:"'6s'",computed:!1},required:!1},thickness:{defaultValue:{value:"1",computed:!1},required:!1}}};const _={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"}},t={args:{as:"button",color:"white",speed:"6s",thickness:1,children:"Hello World"}};var n,d,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
+import{j as e}from"./iframe-BxepBtx0.js";import"./preload-helper-C1FmrZbK.js";const r={"star-border-container":"_star-border-container_xk50o_1","border-gradient-bottom":"_border-gradient-bottom_xk50o_8","border-gradient-top":"_border-gradient-top_xk50o_23","inner-content":"_inner-content_xk50o_38"},i=({as:c="button",className:u="",color:a="white",speed:o="6s",thickness:m=1,children:p,...s})=>e.jsxs(c,{className:`${r["star-border-container"]} ${u}`,style:{padding:`${m}px 0`,...s.style},...s,children:[e.jsx("div",{className:`${r["border-gradient-bottom"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["border-gradient-top"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["inner-content"]}`,children:p})]});i.__docgenInfo={description:"",methods:[],displayName:"StarBorder",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'white'",computed:!1},required:!1},speed:{defaultValue:{value:"'6s'",computed:!1},required:!1},thickness:{defaultValue:{value:"1",computed:!1},required:!1}}};const _={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"}},t={args:{as:"button",color:"white",speed:"6s",thickness:1,children:"Hello World"}};var n,d,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
   args: {
     as: 'button',
     color: 'white',