@stfrigerio/sito-template 0.1.44 → 0.1.49

package/storybook-static/assets/{ColorBends.stories-DJVplB1e.js → ColorBends.stories-BVGGr3v3.js}

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

package/storybook-static/assets/{CountUp.stories-CZoxCmOS.js → CountUp.stories-Ofg9f0h2.js}

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

package/storybook-static/assets/{Counter.stories-CD2CN6Rs.js → Counter.stories-CsO7AtIx.js}

@@ -1,4 +1,4 @@
-import{j as r,r as R}from"./iframe-2N7rjfXm.js";import{u as M}from"./use-spring-CDOZMwuR.js";import{u as k}from"./use-transform-DZyAm4Sp.js";import{m as D}from"./proxy-qiKixXs8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";import"./use-motion-value-w2f8nz4L.js";const l={"counter-container":"_counter-container_1x3ml_1","counter-counter":"_counter-counter_1x3ml_6","counter-digit":"_counter-digit_1x3ml_12","counter-number":"_counter-number_1x3ml_18","gradient-container":"_gradient-container_1x3ml_29","bottom-gradient":"_bottom-gradient_1x3ml_38"};function E({mv:e,number:t,height:a}){let i=k(e,o=>{let s=o%10,n=(10+t-s)%10,d=n*a;return n>5&&(d-=10*a),d});return r.jsx(D.span,{className:`${l["counter-number"]}`,style:{y:i},children:t})}function S(e){const t=Math.round(e),a=1e-9*Math.max(1,Math.abs(e));return Math.abs(e-t)<a?t:e}function T(e,t){const a=e/t;return Math.floor(S(a))}function B({place:e,value:t,height:a,digitStyle:i}){const o=e===".",s=o?0:T(t,e),n=M(s);return R.useEffect(()=>{o||n.set(s)},[n,s,o]),o?r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i,width:"fit-content"},children:"."}):r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i},children:Array.from({length:10},(d,f)=>r.jsx(E,{mv:n,number:f,height:a},f))})}function q({value:e,fontSize:t=100,padding:a=0,places:i=[...e.toString()].map((p,c,u)=>p==="."?".":10**(u.indexOf(".")===-1?u.length-c-1:c<u.indexOf(".")?u.indexOf(".")-c-1:-(c-u.indexOf(".")))),gap:o=8,borderRadius:s=4,horizontalPadding:n=8,textColor:d="inherit",fontWeight:f="inherit",containerStyle:N,counterStyle:$,digitStyle:O,gradientHeight:g=16,gradientFrom:x="black",gradientTo:h="transparent",topGradientStyle:_,bottomGradientStyle:v}){const p=t+a,c={fontSize:t,gap:o,borderRadius:s,paddingLeft:n,paddingRight:n,color:d,fontWeight:f},u={height:g,background:`linear-gradient(to bottom, ${x}, ${h})`},C={height:g,background:`linear-gradient(to top, ${x}, ${h})`};return r.jsxs("span",{className:`${l["counter-container"]}`,style:N,children:[r.jsx("span",{className:`${l["counter-counter"]}`,style:{...c,...$},children:i.map(b=>r.jsx(B,{place:b,value:e,height:p,digitStyle:O},b))}),r.jsxs("span",{className:`${l["gradient-container"]}`,children:[r.jsx("span",{className:"top-gradient",style:_||u}),r.jsx("span",{className:`${l["bottom-gradient"]}`,style:v||C})]})]})}q.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{fontSize:{defaultValue:{value:"100",computed:!1},required:!1},padding:{defaultValue:{value:"0",computed:!1},required:!1},places:{defaultValue:{value:`[...value.toString()].map((ch, i, a) => {
+import{j as r,r as R}from"./iframe-CvT6MryR.js";import{u as M}from"./use-spring-SHZiaDU4.js";import{u as k}from"./use-transform-CATrWDJd.js";import{m as D}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";import"./use-motion-value-DfJqnIZb.js";const l={"counter-container":"_counter-container_1x3ml_1","counter-counter":"_counter-counter_1x3ml_6","counter-digit":"_counter-digit_1x3ml_12","counter-number":"_counter-number_1x3ml_18","gradient-container":"_gradient-container_1x3ml_29","bottom-gradient":"_bottom-gradient_1x3ml_38"};function E({mv:e,number:t,height:a}){let i=k(e,o=>{let s=o%10,n=(10+t-s)%10,d=n*a;return n>5&&(d-=10*a),d});return r.jsx(D.span,{className:`${l["counter-number"]}`,style:{y:i},children:t})}function S(e){const t=Math.round(e),a=1e-9*Math.max(1,Math.abs(e));return Math.abs(e-t)<a?t:e}function T(e,t){const a=e/t;return Math.floor(S(a))}function B({place:e,value:t,height:a,digitStyle:i}){const o=e===".",s=o?0:T(t,e),n=M(s);return R.useEffect(()=>{o||n.set(s)},[n,s,o]),o?r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i,width:"fit-content"},children:"."}):r.jsx("span",{className:`${l["counter-digit"]}`,style:{height:a,...i},children:Array.from({length:10},(d,f)=>r.jsx(E,{mv:n,number:f,height:a},f))})}function q({value:e,fontSize:t=100,padding:a=0,places:i=[...e.toString()].map((p,c,u)=>p==="."?".":10**(u.indexOf(".")===-1?u.length-c-1:c<u.indexOf(".")?u.indexOf(".")-c-1:-(c-u.indexOf(".")))),gap:o=8,borderRadius:s=4,horizontalPadding:n=8,textColor:d="inherit",fontWeight:f="inherit",containerStyle:N,counterStyle:$,digitStyle:O,gradientHeight:g=16,gradientFrom:x="black",gradientTo:h="transparent",topGradientStyle:_,bottomGradientStyle:v}){const p=t+a,c={fontSize:t,gap:o,borderRadius:s,paddingLeft:n,paddingRight:n,color:d,fontWeight:f},u={height:g,background:`linear-gradient(to bottom, ${x}, ${h})`},C={height:g,background:`linear-gradient(to top, ${x}, ${h})`};return r.jsxs("span",{className:`${l["counter-container"]}`,style:N,children:[r.jsx("span",{className:`${l["counter-counter"]}`,style:{...c,...$},children:i.map(b=>r.jsx(B,{place:b,value:e,height:p,digitStyle:O},b))}),r.jsxs("span",{className:`${l["gradient-container"]}`,children:[r.jsx("span",{className:"top-gradient",style:_||u}),r.jsx("span",{className:`${l["bottom-gradient"]}`,style:v||C})]})]})}q.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{fontSize:{defaultValue:{value:"100",computed:!1},required:!1},padding:{defaultValue:{value:"0",computed:!1},required:!1},places:{defaultValue:{value:`[...value.toString()].map((ch, i, a) => {
   ch == '.';
   if (ch === '.') {
     return '.';

package/storybook-static/assets/{Crosshair.stories-pKH0CRjB.js → Crosshair.stories-kyfwqcvB.js}

@@ -1,4 +1,4 @@
-import{r as c,j as n}from"./iframe-2N7rjfXm.js";import{g as i}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const C=(o,e,l)=>(1-l)*o+l*e,M=(o,e)=>{if(e){const l=e.getBoundingClientRect();return{x:o.clientX-l.left,y:o.clientY-l.top}}return{x:o.clientX,y:o.clientY}},A=({color:o="white",containerRef:e=null})=>{const l=c.useRef(null),s=c.useRef(null),u=c.useRef(null),f=c.useRef(null),v=c.useRef(null);let a={x:0,y:0};return c.useEffect(()=>{const h=t=>{if(a=M(t,e==null?void 0:e.current),e!=null&&e.current){const d=e.current.getBoundingClientRect();t.clientX<d.left||t.clientX>d.right||t.clientY<d.top||t.clientY>d.bottom?i.to([s.current,u.current],{opacity:0}):i.to([s.current,u.current],{opacity:1})}},p=(e==null?void 0:e.current)||window;p.addEventListener("mousemove",h);const r={tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}};i.set([s.current,u.current],{opacity:0});const y=()=>{r.tx.previous=r.tx.current=a.x,r.ty.previous=r.ty.current=a.y,i.to([s.current,u.current],{duration:.9,ease:"Power3.easeOut",opacity:1}),requestAnimationFrame(j),p.removeEventListener("mousemove",y)};p.addEventListener("mousemove",y);const x={turbulence:0},b=i.timeline({paused:!0,onStart:()=>{s.current.style.filter="url(#filter-noise-x)",u.current.style.filter="url(#filter-noise-y)"},onUpdate:()=>{f.current&&v.current&&(f.current.setAttribute("baseFrequency",x.turbulence),v.current.setAttribute("baseFrequency",x.turbulence))},onComplete:()=>{s.current&&u.current&&(s.current.style.filter=u.current.style.filter="none")}}).to(x,{duration:.5,ease:"power1",startAt:{turbulence:1},turbulence:0}),g=()=>b.restart(),E=()=>b.progress(1).kill(),j=()=>{r.tx.current=a.x,r.ty.current=a.y;for(const t in r)r[t].previous=C(r[t].previous,r[t].current,r[t].amt);s.current&&s.current&&(i.set(u.current,{x:r.tx.previous}),i.set(s.current,{y:r.ty.previous})),requestAnimationFrame(j)},w=e!=null&&e.current?e.current.querySelectorAll("a"):document.querySelectorAll("a");return w.forEach(t=>{t.addEventListener("mouseenter",g),t.addEventListener("mouseleave",E)}),()=>{p.removeEventListener("mousemove",h),p.removeEventListener("mousemove",y),w.forEach(t=>{t.removeEventListener("mouseenter",g),t.removeEventListener("mouseleave",E)})}},[e]),n.jsxs("div",{ref:l,className:"cursor",style:{position:e?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:1e4},children:[n.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%"},children:n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter-noise-x",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:f}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]}),n.jsxs("filter",{id:"filter-noise-y",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:v}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]})]})}),n.jsx("div",{ref:s,style:{position:"absolute",width:"100%",height:"1px",background:o,pointerEvents:"none",transform:"translateY(50%)",opacity:0}}),n.jsx("div",{ref:u,style:{position:"absolute",height:"100%",width:"1px",background:o,pointerEvents:"none",transform:"translateX(50%)",opacity:0}})]})};A.__docgenInfo={description:"",methods:[],displayName:"Crosshair",props:{color:{defaultValue:{value:"'white'",computed:!1},required:!1},containerRef:{defaultValue:{value:"null",computed:!1},required:!1}}};const D={title:"ReactBits/Animations/Crosshair",component:A,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{color:"white",containerRef:null}};var q,L,S;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`{
+import{r as c,j as n}from"./iframe-CvT6MryR.js";import{g as i}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const C=(o,e,l)=>(1-l)*o+l*e,M=(o,e)=>{if(e){const l=e.getBoundingClientRect();return{x:o.clientX-l.left,y:o.clientY-l.top}}return{x:o.clientX,y:o.clientY}},A=({color:o="white",containerRef:e=null})=>{const l=c.useRef(null),s=c.useRef(null),u=c.useRef(null),f=c.useRef(null),v=c.useRef(null);let a={x:0,y:0};return c.useEffect(()=>{const h=t=>{if(a=M(t,e==null?void 0:e.current),e!=null&&e.current){const d=e.current.getBoundingClientRect();t.clientX<d.left||t.clientX>d.right||t.clientY<d.top||t.clientY>d.bottom?i.to([s.current,u.current],{opacity:0}):i.to([s.current,u.current],{opacity:1})}},p=(e==null?void 0:e.current)||window;p.addEventListener("mousemove",h);const r={tx:{previous:0,current:0,amt:.15},ty:{previous:0,current:0,amt:.15}};i.set([s.current,u.current],{opacity:0});const y=()=>{r.tx.previous=r.tx.current=a.x,r.ty.previous=r.ty.current=a.y,i.to([s.current,u.current],{duration:.9,ease:"Power3.easeOut",opacity:1}),requestAnimationFrame(j),p.removeEventListener("mousemove",y)};p.addEventListener("mousemove",y);const x={turbulence:0},b=i.timeline({paused:!0,onStart:()=>{s.current.style.filter="url(#filter-noise-x)",u.current.style.filter="url(#filter-noise-y)"},onUpdate:()=>{f.current&&v.current&&(f.current.setAttribute("baseFrequency",x.turbulence),v.current.setAttribute("baseFrequency",x.turbulence))},onComplete:()=>{s.current&&u.current&&(s.current.style.filter=u.current.style.filter="none")}}).to(x,{duration:.5,ease:"power1",startAt:{turbulence:1},turbulence:0}),g=()=>b.restart(),E=()=>b.progress(1).kill(),j=()=>{r.tx.current=a.x,r.ty.current=a.y;for(const t in r)r[t].previous=C(r[t].previous,r[t].current,r[t].amt);s.current&&s.current&&(i.set(u.current,{x:r.tx.previous}),i.set(s.current,{y:r.ty.previous})),requestAnimationFrame(j)},w=e!=null&&e.current?e.current.querySelectorAll("a"):document.querySelectorAll("a");return w.forEach(t=>{t.addEventListener("mouseenter",g),t.addEventListener("mouseleave",E)}),()=>{p.removeEventListener("mousemove",h),p.removeEventListener("mousemove",y),w.forEach(t=>{t.removeEventListener("mouseenter",g),t.removeEventListener("mouseleave",E)})}},[e]),n.jsxs("div",{ref:l,className:"cursor",style:{position:e?"absolute":"fixed",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:1e4},children:[n.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%"},children:n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter-noise-x",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:f}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]}),n.jsxs("filter",{id:"filter-noise-y",children:[n.jsx("feTurbulence",{type:"fractalNoise",baseFrequency:"0.000001",numOctaves:"1",ref:v}),n.jsx("feDisplacementMap",{in:"SourceGraphic",scale:"40"})]})]})}),n.jsx("div",{ref:s,style:{position:"absolute",width:"100%",height:"1px",background:o,pointerEvents:"none",transform:"translateY(50%)",opacity:0}}),n.jsx("div",{ref:u,style:{position:"absolute",height:"100%",width:"1px",background:o,pointerEvents:"none",transform:"translateX(50%)",opacity:0}})]})};A.__docgenInfo={description:"",methods:[],displayName:"Crosshair",props:{color:{defaultValue:{value:"'white'",computed:!1},required:!1},containerRef:{defaultValue:{value:"null",computed:!1},required:!1}}};const D={title:"ReactBits/Animations/Crosshair",component:A,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{color:"white",containerRef:null}};var q,L,S;m.parameters={...m.parameters,docs:{...(q=m.parameters)==null?void 0:q.docs,source:{originalSource:`{
   args: {
     color: 'white',
     containerRef: null

package/storybook-static/assets/{Cubes.stories-CG6EoDFk.js → Cubes.stories-hA-HjWNO.js}

@@ -1 +1 @@
-import{r as c,j as l}from"./iframe-2N7rjfXm.js";import{g as $}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const fe="_cube_lig8l_26",n={"default-animation":"_default-animation_lig8l_9","default-animation--scene":"_default-animation--scene_lig8l_16",cube:fe,"cube-face":"_cube-face_lig8l_43","cube-face--top":"_cube-face--top_lig8l_55","cube-face--bottom":"_cube-face--bottom_lig8l_59","cube-face--left":"_cube-face--left_lig8l_63","cube-face--right":"_cube-face--right_lig8l_67","cube-face--back":"_cube-face--back_lig8l_71","cube-face--front":"_cube-face--front_lig8l_72"},z=({gridSize:t=10,cubeSize:b,maxAngle:H=45,radius:k=3,easing:B="power3.out",duration:W={enter:.3,leave:.6},cellGap:s,borderStyle:ee="1px solid #fff",faceColor:M="#060010",shadow:O=!1,autoAnimate:P=!0,rippleOnClick:I=!0,rippleColor:J="#fff",rippleSpeed:w=2})=>{const u=c.useRef(null),f=c.useRef(null),i=c.useRef(null),v=c.useRef(!1),K=c.useRef({x:0,y:0}),T=c.useRef({x:0,y:0}),E=c.useRef(null),te=typeof s=="number"?`${s}px`:(s==null?void 0:s.col)!==void 0?`${s.col}px`:"5%",ae=typeof s=="number"?`${s}px`:(s==null?void 0:s.row)!==void 0?`${s.row}px`:"5%",Q=W.enter,R=W.leave,h=c.useCallback((e,a)=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(r=>{const o=+r.dataset.row,d=+r.dataset.col,m=Math.hypot(o-e,d-a);if(m<=k){const q=(1-m/k)*H;$.to(r,{duration:Q,ease:B,overwrite:!0,rotateX:-q,rotateY:q})}else $.to(r,{duration:R,ease:"power3.out",overwrite:!0,rotateX:0,rotateY:0})})},[k,H,Q,R,B]),j=c.useCallback(e=>{v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=(e.clientX-a.left)/r,m=(e.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(m,d)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),x=c.useCallback(()=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(e=>$.to(e,{duration:R,rotateX:0,rotateY:0,ease:"power3.out"}))},[R]),L=c.useCallback(e=>{e.preventDefault(),v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.touches[0],m=(d.clientX-a.left)/r,C=(d.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(C,m)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),V=c.useCallback(()=>{v.current=!0},[]),N=c.useCallback(()=>{u.current&&x()},[x]),D=c.useCallback(e=>{if(!I||!u.current)return;const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.clientX||e.touches&&e.touches[0].clientX,m=e.clientY||e.touches&&e.touches[0].clientY,C=Math.floor((d-a.left)/r),q=Math.floor((m-a.top)/o),oe=.15,ne=.3,ue=.6,se=oe/w,F=ne/w,le=ue/w,y={};u.current.querySelectorAll("[data-cube]").forEach(p=>{const _=+p.dataset.row,A=+p.dataset.col,X=Math.hypot(_-q,A-C),Y=Math.round(X);y[Y]||(y[Y]=[]),y[Y].push(p)}),Object.keys(y).map(Number).sort((p,_)=>p-_).forEach(p=>{const _=p*se,A=y[p].flatMap(X=>Array.from(X.querySelectorAll("[data-cube-face]")));$.to(A,{backgroundColor:J,duration:F,delay:_,ease:"power3.out"}),$.to(A,{backgroundColor:M,duration:F,delay:_+F+le,ease:"power3.out"})})},[I,t,M,J,w]);c.useEffect(()=>{if(!P||!u.current)return;K.current={x:Math.random()*t,y:Math.random()*t},T.current={x:Math.random()*t,y:Math.random()*t};const e=.02,a=()=>{if(!v.current){const r=K.current,o=T.current;r.x+=(o.x-r.x)*e,r.y+=(o.y-r.y)*e,h(r.y,r.x),Math.hypot(r.x-o.x,r.y-o.y)<.1&&(T.current={x:Math.random()*t,y:Math.random()*t})}E.current=requestAnimationFrame(a)};return E.current=requestAnimationFrame(a),()=>{E.current!=null&&cancelAnimationFrame(E.current)}},[P,t,h]),c.useEffect(()=>{const e=u.current;if(e)return e.addEventListener("pointermove",j),e.addEventListener("pointerleave",x),e.addEventListener("click",D),e.addEventListener("touchmove",L,{passive:!1}),e.addEventListener("touchstart",V,{passive:!0}),e.addEventListener("touchend",N,{passive:!0}),()=>{e.removeEventListener("pointermove",j),e.removeEventListener("pointerleave",x),e.removeEventListener("click",D),e.removeEventListener("touchmove",L),e.removeEventListener("touchstart",V),e.removeEventListener("touchend",N),f.current!=null&&cancelAnimationFrame(f.current),i.current&&clearTimeout(i.current)}},[j,x,D,L,V,N]);const U=Array.from({length:t}),re={gridTemplateColumns:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,gridTemplateRows:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,columnGap:te,rowGap:ae},ce={"--cube-face-border":ee,"--cube-face-bg":M,"--cube-face-shadow":O===!0?"0 0 6px rgba(0,0,0,.5)":O||"none",...b?{width:`${t*b}px`,height:`${t*b}px`}:{}};return l.jsx("div",{className:`${n["default-animation"]}`,style:ce,children:l.jsx("div",{ref:u,className:`${n["default-animation--scene"]}`,style:re,children:U.map((e,a)=>U.map((r,o)=>l.jsxs("div",{className:`${n.cube}`,"data-cube":!0,"data-row":a,"data-col":o,children:[l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--top"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--bottom"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--left"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--right"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--front"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--back"]}`,"data-cube-face":!0})]},`${a}-${o}`)))})})};z.__docgenInfo={description:"",methods:[],displayName:"Cubes",props:{gridSize:{defaultValue:{value:"10",computed:!1},required:!1},maxAngle:{defaultValue:{value:"45",computed:!1},required:!1},radius:{defaultValue:{value:"3",computed:!1},required:!1},easing:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"{ enter: 0.3, leave: 0.6 }",computed:!1},required:!1},borderStyle:{defaultValue:{value:"'1px solid #fff'",computed:!1},required:!1},faceColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},shadow:{defaultValue:{value:"false",computed:!1},required:!1},autoAnimate:{defaultValue:{value:"true",computed:!1},required:!1},rippleOnClick:{defaultValue:{value:"true",computed:!1},required:!1},rippleColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},rippleSpeed:{defaultValue:{value:"2",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/Cubes",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={};var Z,G,S;g.parameters={...g.parameters,docs:{...(Z=g.parameters)==null?void 0:Z.docs,source:{originalSource:"{}",...(S=(G=g.parameters)==null?void 0:G.docs)==null?void 0:S.source}}};const be=["Default"];export{g as Default,be as __namedExportsOrder,pe as default};
+import{r as c,j as l}from"./iframe-CvT6MryR.js";import{g as $}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const fe="_cube_lig8l_26",n={"default-animation":"_default-animation_lig8l_9","default-animation--scene":"_default-animation--scene_lig8l_16",cube:fe,"cube-face":"_cube-face_lig8l_43","cube-face--top":"_cube-face--top_lig8l_55","cube-face--bottom":"_cube-face--bottom_lig8l_59","cube-face--left":"_cube-face--left_lig8l_63","cube-face--right":"_cube-face--right_lig8l_67","cube-face--back":"_cube-face--back_lig8l_71","cube-face--front":"_cube-face--front_lig8l_72"},z=({gridSize:t=10,cubeSize:b,maxAngle:H=45,radius:k=3,easing:B="power3.out",duration:W={enter:.3,leave:.6},cellGap:s,borderStyle:ee="1px solid #fff",faceColor:M="#060010",shadow:O=!1,autoAnimate:P=!0,rippleOnClick:I=!0,rippleColor:J="#fff",rippleSpeed:w=2})=>{const u=c.useRef(null),f=c.useRef(null),i=c.useRef(null),v=c.useRef(!1),K=c.useRef({x:0,y:0}),T=c.useRef({x:0,y:0}),E=c.useRef(null),te=typeof s=="number"?`${s}px`:(s==null?void 0:s.col)!==void 0?`${s.col}px`:"5%",ae=typeof s=="number"?`${s}px`:(s==null?void 0:s.row)!==void 0?`${s.row}px`:"5%",Q=W.enter,R=W.leave,h=c.useCallback((e,a)=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(r=>{const o=+r.dataset.row,d=+r.dataset.col,m=Math.hypot(o-e,d-a);if(m<=k){const q=(1-m/k)*H;$.to(r,{duration:Q,ease:B,overwrite:!0,rotateX:-q,rotateY:q})}else $.to(r,{duration:R,ease:"power3.out",overwrite:!0,rotateX:0,rotateY:0})})},[k,H,Q,R,B]),j=c.useCallback(e=>{v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=(e.clientX-a.left)/r,m=(e.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(m,d)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),x=c.useCallback(()=>{u.current&&u.current.querySelectorAll("[data-cube]").forEach(e=>$.to(e,{duration:R,rotateX:0,rotateY:0,ease:"power3.out"}))},[R]),L=c.useCallback(e=>{e.preventDefault(),v.current=!0,i.current&&clearTimeout(i.current);const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.touches[0],m=(d.clientX-a.left)/r,C=(d.clientY-a.top)/o;f.current&&cancelAnimationFrame(f.current),f.current=requestAnimationFrame(()=>h(C,m)),i.current=setTimeout(()=>{v.current=!1},3e3)},[t,h]),V=c.useCallback(()=>{v.current=!0},[]),N=c.useCallback(()=>{u.current&&x()},[x]),D=c.useCallback(e=>{if(!I||!u.current)return;const a=u.current.getBoundingClientRect(),r=a.width/t,o=a.height/t,d=e.clientX||e.touches&&e.touches[0].clientX,m=e.clientY||e.touches&&e.touches[0].clientY,C=Math.floor((d-a.left)/r),q=Math.floor((m-a.top)/o),oe=.15,ne=.3,ue=.6,se=oe/w,F=ne/w,le=ue/w,y={};u.current.querySelectorAll("[data-cube]").forEach(p=>{const _=+p.dataset.row,A=+p.dataset.col,X=Math.hypot(_-q,A-C),Y=Math.round(X);y[Y]||(y[Y]=[]),y[Y].push(p)}),Object.keys(y).map(Number).sort((p,_)=>p-_).forEach(p=>{const _=p*se,A=y[p].flatMap(X=>Array.from(X.querySelectorAll("[data-cube-face]")));$.to(A,{backgroundColor:J,duration:F,delay:_,ease:"power3.out"}),$.to(A,{backgroundColor:M,duration:F,delay:_+F+le,ease:"power3.out"})})},[I,t,M,J,w]);c.useEffect(()=>{if(!P||!u.current)return;K.current={x:Math.random()*t,y:Math.random()*t},T.current={x:Math.random()*t,y:Math.random()*t};const e=.02,a=()=>{if(!v.current){const r=K.current,o=T.current;r.x+=(o.x-r.x)*e,r.y+=(o.y-r.y)*e,h(r.y,r.x),Math.hypot(r.x-o.x,r.y-o.y)<.1&&(T.current={x:Math.random()*t,y:Math.random()*t})}E.current=requestAnimationFrame(a)};return E.current=requestAnimationFrame(a),()=>{E.current!=null&&cancelAnimationFrame(E.current)}},[P,t,h]),c.useEffect(()=>{const e=u.current;if(e)return e.addEventListener("pointermove",j),e.addEventListener("pointerleave",x),e.addEventListener("click",D),e.addEventListener("touchmove",L,{passive:!1}),e.addEventListener("touchstart",V,{passive:!0}),e.addEventListener("touchend",N,{passive:!0}),()=>{e.removeEventListener("pointermove",j),e.removeEventListener("pointerleave",x),e.removeEventListener("click",D),e.removeEventListener("touchmove",L),e.removeEventListener("touchstart",V),e.removeEventListener("touchend",N),f.current!=null&&cancelAnimationFrame(f.current),i.current&&clearTimeout(i.current)}},[j,x,D,L,V,N]);const U=Array.from({length:t}),re={gridTemplateColumns:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,gridTemplateRows:b?`repeat(${t}, ${b}px)`:`repeat(${t}, 1fr)`,columnGap:te,rowGap:ae},ce={"--cube-face-border":ee,"--cube-face-bg":M,"--cube-face-shadow":O===!0?"0 0 6px rgba(0,0,0,.5)":O||"none",...b?{width:`${t*b}px`,height:`${t*b}px`}:{}};return l.jsx("div",{className:`${n["default-animation"]}`,style:ce,children:l.jsx("div",{ref:u,className:`${n["default-animation--scene"]}`,style:re,children:U.map((e,a)=>U.map((r,o)=>l.jsxs("div",{className:`${n.cube}`,"data-cube":!0,"data-row":a,"data-col":o,children:[l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--top"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--bottom"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--left"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--right"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--front"]}`,"data-cube-face":!0}),l.jsx("div",{className:`${n["cube-face"]} ${n["cube-face--back"]}`,"data-cube-face":!0})]},`${a}-${o}`)))})})};z.__docgenInfo={description:"",methods:[],displayName:"Cubes",props:{gridSize:{defaultValue:{value:"10",computed:!1},required:!1},maxAngle:{defaultValue:{value:"45",computed:!1},required:!1},radius:{defaultValue:{value:"3",computed:!1},required:!1},easing:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},duration:{defaultValue:{value:"{ enter: 0.3, leave: 0.6 }",computed:!1},required:!1},borderStyle:{defaultValue:{value:"'1px solid #fff'",computed:!1},required:!1},faceColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},shadow:{defaultValue:{value:"false",computed:!1},required:!1},autoAnimate:{defaultValue:{value:"true",computed:!1},required:!1},rippleOnClick:{defaultValue:{value:"true",computed:!1},required:!1},rippleColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},rippleSpeed:{defaultValue:{value:"2",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/Cubes",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={};var Z,G,S;g.parameters={...g.parameters,docs:{...(Z=g.parameters)==null?void 0:Z.docs,source:{originalSource:"{}",...(S=(G=g.parameters)==null?void 0:G.docs)==null?void 0:S.source}}};const be=["Default"];export{g as Default,be as __namedExportsOrder,pe as default};

package/storybook-static/assets/{CurvedLoop.stories-2_6LGDBt.js → CurvedLoop.stories-CHdhTRmN.js}

@@ -1,4 +1,4 @@
-import{r as t,j as u}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const P={"curved-loop-jacket":"_curved-loop-jacket_1xrkt_1","curved-loop-svg":"_curved-loop-svg_1xrkt_9"},C=({marqueeText:i="",speed:m=2,className:A,curveAmount:E=400,direction:T="left",interactive:f=!0})=>{const l=t.useMemo(()=>(/\s|\u00A0$/.test(i)?i.replace(/\s+$/,""):i)+" ",[i]),v=t.useRef(null),s=t.useRef(null),$=t.useRef(null),[n,k]=t.useState(0),[w,x]=t.useState(0),O=`curve-${t.useId()}`,D=`M-100,40 Q500,${40+E} 1540,40`,a=t.useRef(!1),g=t.useRef(0),j=t.useRef(T),h=t.useRef(0),b=n,F=b?Array(Math.ceil(1800/b)+2).fill(l).join(""):l,d=n>0;t.useEffect(()=>{v.current&&k(v.current.getComputedTextLength())},[l,A]),t.useEffect(()=>{if(n&&s.current){const e=-n;s.current.setAttribute("startOffset",e+"px"),x(e)}},[n]),t.useEffect(()=>{if(!n||!d)return;let e=0;const c=()=>{if(!a.current&&s.current){const _=j.current==="right"?m:-m;let r=parseFloat(s.current.getAttribute("startOffset")||"0")+_;const R=n;r<=-R&&(r+=R),r>0&&(r-=R),s.current.setAttribute("startOffset",r+"px"),x(r)}e=requestAnimationFrame(c)};return e=requestAnimationFrame(c),()=>cancelAnimationFrame(e)},[n,m,d]);const V=e=>{f&&(a.current=!0,g.current=e.clientX,h.current=0,e.target.setPointerCapture(e.pointerId))},B=e=>{if(!f||!a.current||!s.current)return;const c=e.clientX-g.current;g.current=e.clientX,h.current=c;let o=parseFloat(s.current.getAttribute("startOffset")||"0")+c;const r=n;o<=-r&&(o+=r),o>0&&(o-=r),s.current.setAttribute("startOffset",o+"px"),x(o)},y=()=>{f&&(a.current=!1,j.current=h.current>0?"right":"left")},I=f?a.current?"grabbing":"grab":"auto";return u.jsx("div",{className:`${P["curved-loop-jacket"]}`,style:{visibility:d?"visible":"hidden",cursor:I},onPointerDown:V,onPointerMove:B,onPointerUp:y,onPointerLeave:y,children:u.jsxs("svg",{className:`${P["curved-loop-svg"]}`,viewBox:"0 0 1440 120",children:[u.jsx("text",{ref:v,xmlSpace:"preserve",style:{visibility:"hidden",opacity:0,pointerEvents:"none"},children:l}),u.jsx("defs",{children:u.jsx("path",{ref:$,id:O,d:D,fill:"none",stroke:"transparent"})}),d&&u.jsx("text",{fontWeight:"bold",xmlSpace:"preserve",className:A,children:u.jsx("textPath",{ref:s,href:`#${O}`,startOffset:w+"px",xmlSpace:"preserve",children:F})})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CurvedLoop",props:{marqueeText:{defaultValue:{value:"''",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},curveAmount:{defaultValue:{value:"400",computed:!1},required:!1},direction:{defaultValue:{value:"'left'",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const Q={title:"ReactBits/TextAnimations/CurvedLoop",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{marqueeText:"React Bits - Curved Loop Text Animation - ",speed:2,curveAmount:400,direction:"left",interactive:!0}};var L,S,q;p.parameters={...p.parameters,docs:{...(L=p.parameters)==null?void 0:L.docs,source:{originalSource:`{
+import{r as t,j as u}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";const P={"curved-loop-jacket":"_curved-loop-jacket_1xrkt_1","curved-loop-svg":"_curved-loop-svg_1xrkt_9"},C=({marqueeText:i="",speed:m=2,className:A,curveAmount:E=400,direction:T="left",interactive:f=!0})=>{const l=t.useMemo(()=>(/\s|\u00A0$/.test(i)?i.replace(/\s+$/,""):i)+" ",[i]),v=t.useRef(null),s=t.useRef(null),$=t.useRef(null),[n,k]=t.useState(0),[w,x]=t.useState(0),O=`curve-${t.useId()}`,D=`M-100,40 Q500,${40+E} 1540,40`,a=t.useRef(!1),g=t.useRef(0),j=t.useRef(T),h=t.useRef(0),b=n,F=b?Array(Math.ceil(1800/b)+2).fill(l).join(""):l,d=n>0;t.useEffect(()=>{v.current&&k(v.current.getComputedTextLength())},[l,A]),t.useEffect(()=>{if(n&&s.current){const e=-n;s.current.setAttribute("startOffset",e+"px"),x(e)}},[n]),t.useEffect(()=>{if(!n||!d)return;let e=0;const c=()=>{if(!a.current&&s.current){const _=j.current==="right"?m:-m;let r=parseFloat(s.current.getAttribute("startOffset")||"0")+_;const R=n;r<=-R&&(r+=R),r>0&&(r-=R),s.current.setAttribute("startOffset",r+"px"),x(r)}e=requestAnimationFrame(c)};return e=requestAnimationFrame(c),()=>cancelAnimationFrame(e)},[n,m,d]);const V=e=>{f&&(a.current=!0,g.current=e.clientX,h.current=0,e.target.setPointerCapture(e.pointerId))},B=e=>{if(!f||!a.current||!s.current)return;const c=e.clientX-g.current;g.current=e.clientX,h.current=c;let o=parseFloat(s.current.getAttribute("startOffset")||"0")+c;const r=n;o<=-r&&(o+=r),o>0&&(o-=r),s.current.setAttribute("startOffset",o+"px"),x(o)},y=()=>{f&&(a.current=!1,j.current=h.current>0?"right":"left")},I=f?a.current?"grabbing":"grab":"auto";return u.jsx("div",{className:`${P["curved-loop-jacket"]}`,style:{visibility:d?"visible":"hidden",cursor:I},onPointerDown:V,onPointerMove:B,onPointerUp:y,onPointerLeave:y,children:u.jsxs("svg",{className:`${P["curved-loop-svg"]}`,viewBox:"0 0 1440 120",children:[u.jsx("text",{ref:v,xmlSpace:"preserve",style:{visibility:"hidden",opacity:0,pointerEvents:"none"},children:l}),u.jsx("defs",{children:u.jsx("path",{ref:$,id:O,d:D,fill:"none",stroke:"transparent"})}),d&&u.jsx("text",{fontWeight:"bold",xmlSpace:"preserve",className:A,children:u.jsx("textPath",{ref:s,href:`#${O}`,startOffset:w+"px",xmlSpace:"preserve",children:F})})]})})};C.__docgenInfo={description:"",methods:[],displayName:"CurvedLoop",props:{marqueeText:{defaultValue:{value:"''",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},curveAmount:{defaultValue:{value:"400",computed:!1},required:!1},direction:{defaultValue:{value:"'left'",computed:!1},required:!1},interactive:{defaultValue:{value:"true",computed:!1},required:!1}}};const Q={title:"ReactBits/TextAnimations/CurvedLoop",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{marqueeText:"React Bits - Curved Loop Text Animation - ",speed:2,curveAmount:400,direction:"left",interactive:!0}};var L,S,q;p.parameters={...p.parameters,docs:{...(L=p.parameters)==null?void 0:L.docs,source:{originalSource:`{
   args: {
     marqueeText: 'React Bits - Curved Loop Text Animation - ',
     speed: 2,

package/storybook-static/assets/{DarkVeil.stories-NPy-IAdE.js → DarkVeil.stories-B68s8uCO.js}

@@ -1,4 +1,4 @@
-import{r as q,j as V}from"./iframe-2N7rjfXm.js";import{R as F,P as C,M as E}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import{V as z}from"./Vec2-Cf1C3GIc.js";import"./preload-helper-C1FmrZbK.js";const N={"darkveil-canvas":"_darkveil-canvas_1jcqg_1"},D=`
+import{r as q,j as V}from"./iframe-CvT6MryR.js";import{R as F,P as C,M as E}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import{V as z}from"./Vec2-Cf1C3GIc.js";import"./preload-helper-C1FmrZbK.js";const N={"darkveil-canvas":"_darkveil-canvas_1jcqg_1"},D=`
 attribute vec2 position;
 void main(){gl_Position=vec4(position,0.0,1.0);}
 `,H=`

package/storybook-static/assets/{DateInput-bEXupMbC.js → DateInput-DYaAr-pD.js}

@@ -1,4 +1,4 @@
-import{r as k,j as o}from"./iframe-2N7rjfXm.js";import{u as N}from"./useSound-BBLJ5Rjg.js";import{c as C}from"./createLucideIcon-wa-8tr0c.js";/**
+import{r as k,j as o}from"./iframe-CvT6MryR.js";import{u as N}from"./useSound-DyOR6GVH.js";import{c as C}from"./createLucideIcon-Eaeny9Zi.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{DateInput.stories-Di9xlwl-.js → DateInput.stories-D8DGjdAu.js}

@@ -1,4 +1,4 @@
-import{r as o,j as e}from"./iframe-2N7rjfXm.js";import{D as r}from"./DateInput-bEXupMbC.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-BBLJ5Rjg.js";import"./createLucideIcon-wa-8tr0c.js";const T={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{r as o,j as e}from"./iframe-CvT6MryR.js";import{D as r}from"./DateInput-DYaAr-pD.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./createLucideIcon-Eaeny9Zi.js";const T={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
   args: {
     label: 'Select Date',
     value: '',

package/storybook-static/assets/{DecayCard.stories-C_nLJJYv.js → DecayCard.stories-RASuy9DU.js}

@@ -1,4 +1,4 @@
-import{r as c,j as a}from"./iframe-2N7rjfXm.js";import{g as v}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const D="_content_deiue_1",W="_svg_deiue_5",f={content:D,svg:W,"card-text":"_card-text_deiue_13"},j=({width:M=300,height:S=400,image:z="https://picsum.photos/300/400?grayscale",children:C})=>{const h=c.useRef(null),p=c.useRef(null),n=c.useRef({x:window.innerWidth/2,y:window.innerHeight/2}),g=c.useRef({...n.current}),l=c.useRef({width:window.innerWidth,height:window.innerHeight});return c.useEffect(()=>{const d=(t,r,i)=>(1-i)*t+i*r,u=(t,r,i,e,o)=>(t-r)*(o-e)/(i-r)+e,E=(t,r,i,e)=>{const o=t-r,b=i-e;return Math.hypot(o,b)},x=()=>{l.current={width:window.innerWidth,height:window.innerHeight}},w=t=>{n.current={x:t.clientX,y:t.clientY}};window.addEventListener("resize",x),window.addEventListener("mousemove",w);const s={imgTransforms:{x:0,y:0,rz:0},displacementScale:0},y=()=>{let t=d(s.imgTransforms.x,u(n.current.x,0,l.current.width,-120,120),.1),r=d(s.imgTransforms.y,u(n.current.y,0,l.current.height,-120,120),.1),i=d(s.imgTransforms.rz,u(n.current.x,0,l.current.width,-10,10),.1);const e=50;t>e&&(t=e+(t-e)*.2),t<-e&&(t=-e+(t+e)*.2),r>e&&(r=e+(r-e)*.2),r<-e&&(r=-e+(r+e)*.2),s.imgTransforms.x=t,s.imgTransforms.y=r,s.imgTransforms.rz=i,h.current&&v.set(h.current,{x:s.imgTransforms.x,y:s.imgTransforms.y,rotateZ:s.imgTransforms.rz});const o=E(g.current.x,n.current.x,g.current.y,n.current.y);s.displacementScale=d(s.displacementScale,u(o,0,200,0,400),.06),p.current&&v.set(p.current,{attr:{scale:s.displacementScale}}),g.current={...n.current},requestAnimationFrame(y)};return y(),()=>{window.removeEventListener("resize",x),window.removeEventListener("mousemove",w)}},[]),a.jsxs("div",{className:`${f.content}`,style:{width:`${M}px`,height:`${S}px`},ref:h,children:[a.jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:`${f.svg}`,children:[a.jsxs("filter",{id:"imgFilter",children:[a.jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),a.jsx("feDisplacementMap",{ref:p,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]}),a.jsx("g",{children:a.jsx("image",{href:z,x:"0",y:"0",width:"600",height:"750",filter:"url(#imgFilter)",preserveAspectRatio:"xMidYMid slice"})})]}),a.jsx("div",{className:`${f["card-text"]}`,children:C})]})};j.__docgenInfo={description:"",methods:[],displayName:"DecayCard",props:{width:{defaultValue:{value:"300",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1},image:{defaultValue:{value:"'https://picsum.photos/300/400?grayscale'",computed:!1},required:!1}}};const F={title:"ReactBits/Components/DecayCard",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{width:300,height:400,image:"https://picsum.photos/300/400?grayscale",children:"Hello World"}};var R,T,_;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
+import{r as c,j as a}from"./iframe-CvT6MryR.js";import{g as v}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const D="_content_deiue_1",W="_svg_deiue_5",f={content:D,svg:W,"card-text":"_card-text_deiue_13"},j=({width:M=300,height:S=400,image:z="https://picsum.photos/300/400?grayscale",children:C})=>{const h=c.useRef(null),p=c.useRef(null),n=c.useRef({x:window.innerWidth/2,y:window.innerHeight/2}),g=c.useRef({...n.current}),l=c.useRef({width:window.innerWidth,height:window.innerHeight});return c.useEffect(()=>{const d=(t,r,i)=>(1-i)*t+i*r,u=(t,r,i,e,o)=>(t-r)*(o-e)/(i-r)+e,E=(t,r,i,e)=>{const o=t-r,b=i-e;return Math.hypot(o,b)},x=()=>{l.current={width:window.innerWidth,height:window.innerHeight}},w=t=>{n.current={x:t.clientX,y:t.clientY}};window.addEventListener("resize",x),window.addEventListener("mousemove",w);const s={imgTransforms:{x:0,y:0,rz:0},displacementScale:0},y=()=>{let t=d(s.imgTransforms.x,u(n.current.x,0,l.current.width,-120,120),.1),r=d(s.imgTransforms.y,u(n.current.y,0,l.current.height,-120,120),.1),i=d(s.imgTransforms.rz,u(n.current.x,0,l.current.width,-10,10),.1);const e=50;t>e&&(t=e+(t-e)*.2),t<-e&&(t=-e+(t+e)*.2),r>e&&(r=e+(r-e)*.2),r<-e&&(r=-e+(r+e)*.2),s.imgTransforms.x=t,s.imgTransforms.y=r,s.imgTransforms.rz=i,h.current&&v.set(h.current,{x:s.imgTransforms.x,y:s.imgTransforms.y,rotateZ:s.imgTransforms.rz});const o=E(g.current.x,n.current.x,g.current.y,n.current.y);s.displacementScale=d(s.displacementScale,u(o,0,200,0,400),.06),p.current&&v.set(p.current,{attr:{scale:s.displacementScale}}),g.current={...n.current},requestAnimationFrame(y)};return y(),()=>{window.removeEventListener("resize",x),window.removeEventListener("mousemove",w)}},[]),a.jsxs("div",{className:`${f.content}`,style:{width:`${M}px`,height:`${S}px`},ref:h,children:[a.jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:`${f.svg}`,children:[a.jsxs("filter",{id:"imgFilter",children:[a.jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),a.jsx("feDisplacementMap",{ref:p,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]}),a.jsx("g",{children:a.jsx("image",{href:z,x:"0",y:"0",width:"600",height:"750",filter:"url(#imgFilter)",preserveAspectRatio:"xMidYMid slice"})})]}),a.jsx("div",{className:`${f["card-text"]}`,children:C})]})};j.__docgenInfo={description:"",methods:[],displayName:"DecayCard",props:{width:{defaultValue:{value:"300",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1},image:{defaultValue:{value:"'https://picsum.photos/300/400?grayscale'",computed:!1},required:!1}}};const F={title:"ReactBits/Components/DecayCard",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{width:300,height:400,image:"https://picsum.photos/300/400?grayscale",children:"Hello World"}};var R,T,_;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
   args: {
     width: 300,
     height: 400,

package/storybook-static/assets/{DecryptedText.stories-B3nmn_C5.js → DecryptedText.stories-BYt96S4h.js}

@@ -1,4 +1,4 @@
-import{r as n,j as N}from"./iframe-2N7rjfXm.js";import{m as te}from"./proxy-qiKixXs8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";const P={wrapper:{display:"inline-block",whiteSpace:"pre-wrap"},srOnly:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0}};function G({text:t,speed:j=50,maxIterations:I=10,sequential:w=!1,revealDirection:y="start",useOriginalCharsOnly:z=!1,characters:T="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:J="",parentClassName:K="",encryptedClassName:Q="",animateOn:i="hover",clickMode:x="once",...U}){const[R,c]=n.useState(t),[v,f]=n.useState(!1),[X,d]=n.useState(new Set),[H,Y]=n.useState(!1),[A,p]=n.useState(i!=="click"),[C,h]=n.useState("forward"),_=n.useRef(null),b=n.useRef([]),k=n.useRef(0),E=n.useMemo(()=>z?Array.from(new Set(t.split(""))).filter(r=>r!==" "):T.split(""),[z,t,T]),u=n.useCallback((r,a)=>r.split("").map((l,e)=>l===" "?" ":a.has(e)?r[e]:E[Math.floor(Math.random()*E.length)]).join(""),[E]),S=n.useCallback(r=>{const a=[];if(r<=0)return a;if(y==="start"){for(let s=0;s<r;s++)a.push(s);return a}if(y==="end"){for(let s=r-1;s>=0;s--)a.push(s);return a}const l=Math.floor(r/2);let e=0;for(;a.length<r;){if(e%2===0){const s=l+e/2;s>=0&&s<r&&a.push(s)}else{const s=l-Math.ceil(e/2);s>=0&&s<r&&a.push(s)}e++}return a.slice(0,r)},[y]),m=n.useCallback(()=>{const r=new Set;for(let a=0;a<t.length;a++)r.add(a);return r},[t]),O=n.useCallback((r,a)=>{const l=Array.from(r);for(let e=0;e<a&&l.length>0;e++){const s=Math.floor(Math.random()*l.length);l.splice(s,1)}return new Set(l)},[]),L=n.useCallback(()=>{const r=new Set;d(r),c(u(t,r)),p(!1)},[t,u]),M=n.useCallback(()=>{w?(b.current=S(t.length),k.current=0,d(new Set)):d(new Set),h("forward"),f(!0)},[w,S,t.length]),Z=n.useCallback(()=>{w?(b.current=S(t.length).slice().reverse(),k.current=0,d(m()),c(u(t,m()))):(d(m()),c(u(t,m()))),h("reverse"),f(!0)},[w,S,m,u,t]);n.useEffect(()=>{if(!v)return;let r,a=0;const l=e=>{const s=t.length;switch(y){case"start":return e.size;case"end":return s-1-e.size;case"center":{const o=Math.floor(s/2),g=Math.floor(e.size/2),V=e.size%2===0?o+g:o-g-1;if(V>=0&&V<s&&!e.has(V))return V;for(let D=0;D<s;D++)if(!e.has(D))return D;return 0}default:return e.size}};return r=setInterval(()=>{d(e=>{if(w){if(C==="forward")if(e.size<t.length){const s=l(e),o=new Set(e);return o.add(s),c(u(t,o)),o}else return clearInterval(r),f(!1),p(!0),e;if(C==="reverse")if(k.current<b.current.length){const s=b.current[k.current++],o=new Set(e);return o.delete(s),c(u(t,o)),o.size===0&&(clearInterval(r),f(!1),p(!1)),o}else return clearInterval(r),f(!1),p(!1),e}else{if(C==="forward")return c(u(t,e)),a++,a>=I&&(clearInterval(r),f(!1),c(t),p(!0)),e;if(C==="reverse"){let s=e;s.size===0&&(s=m());const o=Math.max(1,Math.ceil(t.length/Math.max(1,I))),g=O(s,o);return c(u(t,g)),a++,g.size===0||a>=I?(clearInterval(r),f(!1),p(!1),c(u(t,new Set)),new Set):g}}return e})},j),()=>clearInterval(r)},[v,t,j,I,w,y,u,C,m,O,T,z]);const $=()=>{if(i==="click"){if(x==="once"){if(A)return;h("forward"),M()}x==="toggle"&&(A?Z():(h("forward"),M()))}},ee=n.useCallback(()=>{v||(d(new Set),p(!1),c(t),h("forward"),f(!0))},[v,t]),re=n.useCallback(()=>{f(!1),d(new Set),c(t),p(!0),h("forward")},[t]);n.useEffect(()=>{if(i!=="view"&&i!=="inViewHover")return;const r=s=>{s.forEach(o=>{o.isIntersecting&&!H&&(M(),Y(!0))})},a={root:null,rootMargin:"0px",threshold:.1},l=new IntersectionObserver(r,a),e=_.current;return e&&l.observe(e),()=>{e&&l.unobserve(e)}},[i,H,M]),n.useEffect(()=>{i==="click"?L():(c(t),p(!0)),d(new Set),h("forward")},[i,t,L]);const se=i==="hover"||i==="inViewHover"?{onMouseEnter:ee,onMouseLeave:re}:i==="click"?{onClick:$}:{};return N.jsxs(te.span,{className:K,ref:_,style:P.wrapper,...se,...U,children:[N.jsx("span",{style:P.srOnly,children:R}),N.jsx("span",{"aria-hidden":"true",children:R.split("").map((r,a)=>{const l=X.has(a)||!v&&A;return N.jsx("span",{className:l?J:Q,children:r},a)})})]})}G.__docgenInfo={description:"",methods:[],displayName:"DecryptedText",props:{speed:{defaultValue:{value:"50",computed:!1},required:!1},maxIterations:{defaultValue:{value:"10",computed:!1},required:!1},sequential:{defaultValue:{value:"false",computed:!1},required:!1},revealDirection:{defaultValue:{value:"'start'",computed:!1},required:!1},useOriginalCharsOnly:{defaultValue:{value:"false",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},parentClassName:{defaultValue:{value:"''",computed:!1},required:!1},encryptedClassName:{defaultValue:{value:"''",computed:!1},required:!1},animateOn:{defaultValue:{value:"'hover'",computed:!1},required:!1},clickMode:{defaultValue:{value:"'once'",computed:!1},required:!1}}};const ce={title:"ReactBits/TextAnimations/DecryptedText",component:G,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{text:"Hello World",speed:50,maxIterations:10,sequential:!1,revealDirection:"start",useOriginalCharsOnly:!1,characters:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",parentClassName:"",encryptedClassName:"",animateOn:"hover",clickMode:"once"}};var W,B,F;q.parameters={...q.parameters,docs:{...(W=q.parameters)==null?void 0:W.docs,source:{originalSource:`{
+import{r as n,j as N}from"./iframe-CvT6MryR.js";import{m as te}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const P={wrapper:{display:"inline-block",whiteSpace:"pre-wrap"},srOnly:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0}};function G({text:t,speed:j=50,maxIterations:I=10,sequential:w=!1,revealDirection:y="start",useOriginalCharsOnly:z=!1,characters:T="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:J="",parentClassName:K="",encryptedClassName:Q="",animateOn:i="hover",clickMode:x="once",...U}){const[R,c]=n.useState(t),[v,f]=n.useState(!1),[X,d]=n.useState(new Set),[H,Y]=n.useState(!1),[A,p]=n.useState(i!=="click"),[C,h]=n.useState("forward"),_=n.useRef(null),b=n.useRef([]),k=n.useRef(0),E=n.useMemo(()=>z?Array.from(new Set(t.split(""))).filter(r=>r!==" "):T.split(""),[z,t,T]),u=n.useCallback((r,a)=>r.split("").map((l,e)=>l===" "?" ":a.has(e)?r[e]:E[Math.floor(Math.random()*E.length)]).join(""),[E]),S=n.useCallback(r=>{const a=[];if(r<=0)return a;if(y==="start"){for(let s=0;s<r;s++)a.push(s);return a}if(y==="end"){for(let s=r-1;s>=0;s--)a.push(s);return a}const l=Math.floor(r/2);let e=0;for(;a.length<r;){if(e%2===0){const s=l+e/2;s>=0&&s<r&&a.push(s)}else{const s=l-Math.ceil(e/2);s>=0&&s<r&&a.push(s)}e++}return a.slice(0,r)},[y]),m=n.useCallback(()=>{const r=new Set;for(let a=0;a<t.length;a++)r.add(a);return r},[t]),O=n.useCallback((r,a)=>{const l=Array.from(r);for(let e=0;e<a&&l.length>0;e++){const s=Math.floor(Math.random()*l.length);l.splice(s,1)}return new Set(l)},[]),L=n.useCallback(()=>{const r=new Set;d(r),c(u(t,r)),p(!1)},[t,u]),M=n.useCallback(()=>{w?(b.current=S(t.length),k.current=0,d(new Set)):d(new Set),h("forward"),f(!0)},[w,S,t.length]),Z=n.useCallback(()=>{w?(b.current=S(t.length).slice().reverse(),k.current=0,d(m()),c(u(t,m()))):(d(m()),c(u(t,m()))),h("reverse"),f(!0)},[w,S,m,u,t]);n.useEffect(()=>{if(!v)return;let r,a=0;const l=e=>{const s=t.length;switch(y){case"start":return e.size;case"end":return s-1-e.size;case"center":{const o=Math.floor(s/2),g=Math.floor(e.size/2),V=e.size%2===0?o+g:o-g-1;if(V>=0&&V<s&&!e.has(V))return V;for(let D=0;D<s;D++)if(!e.has(D))return D;return 0}default:return e.size}};return r=setInterval(()=>{d(e=>{if(w){if(C==="forward")if(e.size<t.length){const s=l(e),o=new Set(e);return o.add(s),c(u(t,o)),o}else return clearInterval(r),f(!1),p(!0),e;if(C==="reverse")if(k.current<b.current.length){const s=b.current[k.current++],o=new Set(e);return o.delete(s),c(u(t,o)),o.size===0&&(clearInterval(r),f(!1),p(!1)),o}else return clearInterval(r),f(!1),p(!1),e}else{if(C==="forward")return c(u(t,e)),a++,a>=I&&(clearInterval(r),f(!1),c(t),p(!0)),e;if(C==="reverse"){let s=e;s.size===0&&(s=m());const o=Math.max(1,Math.ceil(t.length/Math.max(1,I))),g=O(s,o);return c(u(t,g)),a++,g.size===0||a>=I?(clearInterval(r),f(!1),p(!1),c(u(t,new Set)),new Set):g}}return e})},j),()=>clearInterval(r)},[v,t,j,I,w,y,u,C,m,O,T,z]);const $=()=>{if(i==="click"){if(x==="once"){if(A)return;h("forward"),M()}x==="toggle"&&(A?Z():(h("forward"),M()))}},ee=n.useCallback(()=>{v||(d(new Set),p(!1),c(t),h("forward"),f(!0))},[v,t]),re=n.useCallback(()=>{f(!1),d(new Set),c(t),p(!0),h("forward")},[t]);n.useEffect(()=>{if(i!=="view"&&i!=="inViewHover")return;const r=s=>{s.forEach(o=>{o.isIntersecting&&!H&&(M(),Y(!0))})},a={root:null,rootMargin:"0px",threshold:.1},l=new IntersectionObserver(r,a),e=_.current;return e&&l.observe(e),()=>{e&&l.unobserve(e)}},[i,H,M]),n.useEffect(()=>{i==="click"?L():(c(t),p(!0)),d(new Set),h("forward")},[i,t,L]);const se=i==="hover"||i==="inViewHover"?{onMouseEnter:ee,onMouseLeave:re}:i==="click"?{onClick:$}:{};return N.jsxs(te.span,{className:K,ref:_,style:P.wrapper,...se,...U,children:[N.jsx("span",{style:P.srOnly,children:R}),N.jsx("span",{"aria-hidden":"true",children:R.split("").map((r,a)=>{const l=X.has(a)||!v&&A;return N.jsx("span",{className:l?J:Q,children:r},a)})})]})}G.__docgenInfo={description:"",methods:[],displayName:"DecryptedText",props:{speed:{defaultValue:{value:"50",computed:!1},required:!1},maxIterations:{defaultValue:{value:"10",computed:!1},required:!1},sequential:{defaultValue:{value:"false",computed:!1},required:!1},revealDirection:{defaultValue:{value:"'start'",computed:!1},required:!1},useOriginalCharsOnly:{defaultValue:{value:"false",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},parentClassName:{defaultValue:{value:"''",computed:!1},required:!1},encryptedClassName:{defaultValue:{value:"''",computed:!1},required:!1},animateOn:{defaultValue:{value:"'hover'",computed:!1},required:!1},clickMode:{defaultValue:{value:"'once'",computed:!1},required:!1}}};const ce={title:"ReactBits/TextAnimations/DecryptedText",component:G,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{text:"Hello World",speed:50,maxIterations:10,sequential:!1,revealDirection:"start",useOriginalCharsOnly:!1,characters:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",parentClassName:"",encryptedClassName:"",animateOn:"hover",clickMode:"once"}};var W,B,F;q.parameters={...q.parameters,docs:{...(W=q.parameters)==null?void 0:W.docs,source:{originalSource:`{
   args: {
     text: 'Hello World',
     speed: 50,

package/storybook-static/assets/{Dither.stories-DYFkOPEa.js → Dither.stories-BoRhWSS3.js}

@@ -1,4 +1,4 @@
-import{R as D,r as i,j as n}from"./iframe-2N7rjfXm.js";import{u as I,a as $,e as K,C as Q}from"./react-three-fiber.esm-pSSy_32K.js";import{H as Z,N as ee,d as V,G as p,n as oe}from"./three.module--_vTUKhS.js";import{E as te,R as ae,N as re,D as ne,a as F,b as se,c as L,P as ie}from"./index-DcRHiSf7.js";import"./preload-helper-C1FmrZbK.js";let _;function le(){var a;if(_!==void 0)return _;try{let o;const v=document.createElement("canvas");return _=!!(window.WebGL2RenderingContext&&(o=v.getContext("webgl2"))),o&&((a=o.getExtension("WEBGL_lose_context"))==null||a.loseContext()),_}catch{return _=!1}}const ue=i.createContext(null),T=a=>(a.getAttributes()&L.CONVOLUTION)===L.CONVOLUTION,ce=D.memo(i.forwardRef(({children:a,camera:o,scene:v,resolutionScale:r,enabled:y=!0,renderPriority:x=1,autoClear:P=!0,depthBuffer:u,enableNormalPass:w,stencilBuffer:C,multisampling:l=8,frameBufferType:g=Z},z)=>{const{gl:s,scene:E,camera:j,size:N}=I(),c=v||E,e=o||j,[t,f,S]=i.useMemo(()=>{const b=le(),d=new te(s,{depthBuffer:u,stencilBuffer:C,multisampling:l>0&&b?l:0,frameBufferType:g});d.addPass(new ae(c,e));let h=null,m=null;return w&&(m=new re(c,e),m.enabled=!1,d.addPass(m),r!==void 0&&b&&(h=new ne({normalBuffer:m.texture,resolutionScale:r}),h.enabled=!1,d.addPass(h))),[d,m,h]},[e,s,u,C,l,g,c,w,r]);i.useEffect(()=>t==null?void 0:t.setSize(N.width,N.height),[t,N]),$((b,d)=>{if(y){const h=s.autoClear;s.autoClear=P,C&&!P&&s.clearStencil(),t.render(d),s.autoClear=h}},y?x:0);const O=i.useRef(null);i.useLayoutEffect(()=>{var b;const d=[],h=(b=O.current)==null?void 0:b.__r3f;if(h&&t){const m=h.objects;for(let R=0;R<m.length;R++){const M=m[R];if(M instanceof F){const G=[M];if(!T(M)){let A=null;for(;(A=m[R+1])instanceof F&&!T(A);)G.push(A),R++}const Y=new se(e,...G);d.push(Y)}else M instanceof ie&&d.push(M)}for(const R of d)t==null||t.addPass(R);f&&(f.enabled=!0),S&&(S.enabled=!0)}return()=>{for(const m of d)t==null||t.removePass(m);f&&(f.enabled=!1),S&&(S.enabled=!1)}},[t,a,e,f,S]),i.useEffect(()=>{const b=s.toneMapping;return s.toneMapping=ee,()=>{s.toneMapping=b}},[s]);const X=i.useMemo(()=>({composer:t,normalPass:f,downSamplingPass:S,resolutionScale:r,camera:e,scene:c}),[t,f,S,r,e,c]);return i.useImperativeHandle(z,()=>t,[t]),n.jsx(ue.Provider,{value:X,children:n.jsx("group",{ref:O,children:a})})}));let fe=0;const U=new WeakMap,ve=(a,o)=>D.forwardRef(function({blendFunction:r=void 0,opacity:y=void 0,...x},P){let u=U.get(a);if(!u){const l=`@react-three/postprocessing/${a.name}-${fe++}`;K({[l]:a}),U.set(a,u=l)}const w=I(l=>l.camera),C=D.useMemo(()=>{var l,g;return[...(l=void 0)!=null?l:[],...(g=x.args)!=null?g:[{...o,...x}]]},[JSON.stringify(x)]);return n.jsx(u,{camera:w,"blendMode-blendFunction":r,"blendMode-opacity-value":y,...x,ref:P,args:C})}),de={"dither-container":"_dither-container_8gdcp_1"},me=`
+import{R as D,r as i,j as n}from"./iframe-CvT6MryR.js";import{u as I,a as $,e as K,C as Q}from"./react-three-fiber.esm-BbD9yVT_.js";import{H as Z,N as ee,d as V,G as p,n as oe}from"./three.module--_vTUKhS.js";import{E as te,R as ae,N as re,D as ne,a as F,b as se,c as L,P as ie}from"./index-DcRHiSf7.js";import"./preload-helper-C1FmrZbK.js";let _;function le(){var a;if(_!==void 0)return _;try{let o;const v=document.createElement("canvas");return _=!!(window.WebGL2RenderingContext&&(o=v.getContext("webgl2"))),o&&((a=o.getExtension("WEBGL_lose_context"))==null||a.loseContext()),_}catch{return _=!1}}const ue=i.createContext(null),T=a=>(a.getAttributes()&L.CONVOLUTION)===L.CONVOLUTION,ce=D.memo(i.forwardRef(({children:a,camera:o,scene:v,resolutionScale:r,enabled:y=!0,renderPriority:x=1,autoClear:P=!0,depthBuffer:u,enableNormalPass:w,stencilBuffer:C,multisampling:l=8,frameBufferType:g=Z},z)=>{const{gl:s,scene:E,camera:j,size:N}=I(),c=v||E,e=o||j,[t,f,S]=i.useMemo(()=>{const b=le(),d=new te(s,{depthBuffer:u,stencilBuffer:C,multisampling:l>0&&b?l:0,frameBufferType:g});d.addPass(new ae(c,e));let h=null,m=null;return w&&(m=new re(c,e),m.enabled=!1,d.addPass(m),r!==void 0&&b&&(h=new ne({normalBuffer:m.texture,resolutionScale:r}),h.enabled=!1,d.addPass(h))),[d,m,h]},[e,s,u,C,l,g,c,w,r]);i.useEffect(()=>t==null?void 0:t.setSize(N.width,N.height),[t,N]),$((b,d)=>{if(y){const h=s.autoClear;s.autoClear=P,C&&!P&&s.clearStencil(),t.render(d),s.autoClear=h}},y?x:0);const O=i.useRef(null);i.useLayoutEffect(()=>{var b;const d=[],h=(b=O.current)==null?void 0:b.__r3f;if(h&&t){const m=h.objects;for(let R=0;R<m.length;R++){const M=m[R];if(M instanceof F){const G=[M];if(!T(M)){let A=null;for(;(A=m[R+1])instanceof F&&!T(A);)G.push(A),R++}const Y=new se(e,...G);d.push(Y)}else M instanceof ie&&d.push(M)}for(const R of d)t==null||t.addPass(R);f&&(f.enabled=!0),S&&(S.enabled=!0)}return()=>{for(const m of d)t==null||t.removePass(m);f&&(f.enabled=!1),S&&(S.enabled=!1)}},[t,a,e,f,S]),i.useEffect(()=>{const b=s.toneMapping;return s.toneMapping=ee,()=>{s.toneMapping=b}},[s]);const X=i.useMemo(()=>({composer:t,normalPass:f,downSamplingPass:S,resolutionScale:r,camera:e,scene:c}),[t,f,S,r,e,c]);return i.useImperativeHandle(z,()=>t,[t]),n.jsx(ue.Provider,{value:X,children:n.jsx("group",{ref:O,children:a})})}));let fe=0;const U=new WeakMap,ve=(a,o)=>D.forwardRef(function({blendFunction:r=void 0,opacity:y=void 0,...x},P){let u=U.get(a);if(!u){const l=`@react-three/postprocessing/${a.name}-${fe++}`;K({[l]:a}),U.set(a,u=l)}const w=I(l=>l.camera),C=D.useMemo(()=>{var l,g;return[...(l=void 0)!=null?l:[],...(g=x.args)!=null?g:[{...o,...x}]]},[JSON.stringify(x)]);return n.jsx(u,{camera:w,"blendMode-blendFunction":r,"blendMode-opacity-value":y,...x,ref:P,args:C})}),de={"dither-container":"_dither-container_8gdcp_1"},me=`
 precision highp float;
 varying vec2 vUv;
 void main() {

package/storybook-static/assets/{Dock.stories-D5xKRTwB.js → Dock.stories-HG_pJS3N.js}

@@ -1,4 +1,4 @@
-import{r as d,j as e}from"./iframe-2N7rjfXm.js";import{u as y}from"./use-motion-value-w2f8nz4L.js";import{u as S}from"./use-transform-DZyAm4Sp.js";import{u as H}from"./use-spring-CDOZMwuR.js";import{m as k}from"./proxy-qiKixXs8.js";import{A as D}from"./index-IKMS7NhW.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";const p={"dock-outer":"_dock-outer_12xx3_1","dock-panel":"_dock-panel_12xx3_8","dock-item":"_dock-item_12xx3_23","dock-icon":"_dock-icon_12xx3_38","dock-label":"_dock-label_12xx3_44"};function M({children:t,className:l="",onClick:i,mouseX:o,spring:m,distance:a,magnification:r,baseItemSize:c}){const u=d.useRef(null),s=y(0),x=S(o,n=>{var v;const b=((v=u.current)==null?void 0:v.getBoundingClientRect())??{x:0};return n-b.x-c/2}),g=S(x,[-a,0,a],[c,r,c]),f=H(g,m);return e.jsx(k.div,{ref:u,style:{width:f,height:f},onHoverStart:()=>s.set(1),onHoverEnd:()=>s.set(0),onFocus:()=>s.set(1),onBlur:()=>s.set(0),onClick:i,className:`${p["dock-item"]} ${l}`,tabIndex:0,role:"button","aria-haspopup":"true",children:d.Children.map(t,n=>d.cloneElement(n,{isHovered:s}))})}function V({children:t,className:l="",...i}){const{isHovered:o}=i,[m,a]=d.useState(!1);return d.useEffect(()=>{const r=o.on("change",c=>{a(c===1)});return()=>r()},[o]),e.jsx(D,{children:m&&e.jsx(k.div,{initial:{opacity:0,y:0},animate:{opacity:1,y:-10},exit:{opacity:0,y:0},transition:{duration:.2},className:`${p["dock-label"]} ${l}`,role:"tooltip",style:{x:"-50%"},children:t})})}function N({children:t,className:l=""}){return e.jsx("div",{className:`${p["dock-icon"]} ${l}`,children:t})}function z({items:t,className:l="",spring:i={mass:.1,stiffness:150,damping:12},magnification:o=70,distance:m=200,panelHeight:a=68,dockHeight:r=256,baseItemSize:c=50}){const u=y(1/0),s=y(0),x=d.useMemo(()=>Math.max(r,o+o/2+4),[o,r]),g=S(s,[0,1],[a,x]),f=H(g,i);return e.jsx(k.div,{style:{height:f,scrollbarWidth:"none"},className:`${p["dock-outer"]}`,children:e.jsx(k.div,{onMouseMove:({pageX:n})=>{s.set(1),u.set(n)},onMouseLeave:()=>{s.set(0),u.set(1/0)},className:`${p["dock-panel"]} ${l}`,style:{height:a},role:"toolbar","aria-label":"Application dock",children:t.map((n,b)=>e.jsxs(M,{onClick:n.onClick,className:n.className,mouseX:u,spring:i,distance:m,magnification:o,baseItemSize:c,children:[e.jsx(N,{children:n.icon}),e.jsx(V,{children:n.label})]},b))})})}z.__docgenInfo={description:"",methods:[],displayName:"Dock",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spring:{defaultValue:{value:"{ mass: 0.1, stiffness: 150, damping: 12 }",computed:!1},required:!1},magnification:{defaultValue:{value:"70",computed:!1},required:!1},distance:{defaultValue:{value:"200",computed:!1},required:!1},panelHeight:{defaultValue:{value:"68",computed:!1},required:!1},dockHeight:{defaultValue:{value:"256",computed:!1},required:!1},baseItemSize:{defaultValue:{value:"50",computed:!1},required:!1}}};const L={title:"ReactBits/Components/Dock",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{items:[{icon:e.jsx("span",{style:{fontSize:24},children:"🏠"}),label:"Home",onClick:()=>console.log("Home")},{icon:e.jsx("span",{style:{fontSize:24},children:"📄"}),label:"Documents",onClick:()=>console.log("Documents")},{icon:e.jsx("span",{style:{fontSize:24},children:"⚙️"}),label:"Settings",onClick:()=>console.log("Settings")},{icon:e.jsx("span",{style:{fontSize:24},children:"📧"}),label:"Mail",onClick:()=>console.log("Mail")},{icon:e.jsx("span",{style:{fontSize:24},children:"🔍"}),label:"Search",onClick:()=>console.log("Search")}],magnification:70,distance:200,panelHeight:68,dockHeight:256,baseItemSize:50}};var _,j,C;h.parameters={...h.parameters,docs:{...(_=h.parameters)==null?void 0:_.docs,source:{originalSource:`{
+import{r as d,j as e}from"./iframe-CvT6MryR.js";import{u as y}from"./use-motion-value-DfJqnIZb.js";import{u as S}from"./use-transform-CATrWDJd.js";import{u as H}from"./use-spring-SHZiaDU4.js";import{m as k}from"./proxy-0exJiild.js";import{A as D}from"./index-2ZuXCVEx.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const p={"dock-outer":"_dock-outer_12xx3_1","dock-panel":"_dock-panel_12xx3_8","dock-item":"_dock-item_12xx3_23","dock-icon":"_dock-icon_12xx3_38","dock-label":"_dock-label_12xx3_44"};function M({children:t,className:l="",onClick:i,mouseX:o,spring:m,distance:a,magnification:r,baseItemSize:c}){const u=d.useRef(null),s=y(0),x=S(o,n=>{var v;const b=((v=u.current)==null?void 0:v.getBoundingClientRect())??{x:0};return n-b.x-c/2}),g=S(x,[-a,0,a],[c,r,c]),f=H(g,m);return e.jsx(k.div,{ref:u,style:{width:f,height:f},onHoverStart:()=>s.set(1),onHoverEnd:()=>s.set(0),onFocus:()=>s.set(1),onBlur:()=>s.set(0),onClick:i,className:`${p["dock-item"]} ${l}`,tabIndex:0,role:"button","aria-haspopup":"true",children:d.Children.map(t,n=>d.cloneElement(n,{isHovered:s}))})}function V({children:t,className:l="",...i}){const{isHovered:o}=i,[m,a]=d.useState(!1);return d.useEffect(()=>{const r=o.on("change",c=>{a(c===1)});return()=>r()},[o]),e.jsx(D,{children:m&&e.jsx(k.div,{initial:{opacity:0,y:0},animate:{opacity:1,y:-10},exit:{opacity:0,y:0},transition:{duration:.2},className:`${p["dock-label"]} ${l}`,role:"tooltip",style:{x:"-50%"},children:t})})}function N({children:t,className:l=""}){return e.jsx("div",{className:`${p["dock-icon"]} ${l}`,children:t})}function z({items:t,className:l="",spring:i={mass:.1,stiffness:150,damping:12},magnification:o=70,distance:m=200,panelHeight:a=68,dockHeight:r=256,baseItemSize:c=50}){const u=y(1/0),s=y(0),x=d.useMemo(()=>Math.max(r,o+o/2+4),[o,r]),g=S(s,[0,1],[a,x]),f=H(g,i);return e.jsx(k.div,{style:{height:f,scrollbarWidth:"none"},className:`${p["dock-outer"]}`,children:e.jsx(k.div,{onMouseMove:({pageX:n})=>{s.set(1),u.set(n)},onMouseLeave:()=>{s.set(0),u.set(1/0)},className:`${p["dock-panel"]} ${l}`,style:{height:a},role:"toolbar","aria-label":"Application dock",children:t.map((n,b)=>e.jsxs(M,{onClick:n.onClick,className:n.className,mouseX:u,spring:i,distance:m,magnification:o,baseItemSize:c,children:[e.jsx(N,{children:n.icon}),e.jsx(V,{children:n.label})]},b))})})}z.__docgenInfo={description:"",methods:[],displayName:"Dock",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spring:{defaultValue:{value:"{ mass: 0.1, stiffness: 150, damping: 12 }",computed:!1},required:!1},magnification:{defaultValue:{value:"70",computed:!1},required:!1},distance:{defaultValue:{value:"200",computed:!1},required:!1},panelHeight:{defaultValue:{value:"68",computed:!1},required:!1},dockHeight:{defaultValue:{value:"256",computed:!1},required:!1},baseItemSize:{defaultValue:{value:"50",computed:!1},required:!1}}};const L={title:"ReactBits/Components/Dock",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{items:[{icon:e.jsx("span",{style:{fontSize:24},children:"🏠"}),label:"Home",onClick:()=>console.log("Home")},{icon:e.jsx("span",{style:{fontSize:24},children:"📄"}),label:"Documents",onClick:()=>console.log("Documents")},{icon:e.jsx("span",{style:{fontSize:24},children:"⚙️"}),label:"Settings",onClick:()=>console.log("Settings")},{icon:e.jsx("span",{style:{fontSize:24},children:"📧"}),label:"Mail",onClick:()=>console.log("Mail")},{icon:e.jsx("span",{style:{fontSize:24},children:"🔍"}),label:"Search",onClick:()=>console.log("Search")}],magnification:70,distance:200,panelHeight:68,dockHeight:256,baseItemSize:50}};var _,j,C;h.parameters={...h.parameters,docs:{...(_=h.parameters)==null?void 0:_.docs,source:{originalSource:`{
   args: {
     items: [{
       icon: <span style={{