@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/{TextInput.stories-CtvOb60q.js → TextInput.stories-C0oXgEQ2.js}

@@ -1,18 +1,18 @@
-import{j as e,r as l}from"./iframe-BUaP2gIF.js";import{T as r}from"./TextInput-ZGg8LTL_.js";import"./preload-helper-C1FmrZbK.js";const re={title:"Atoms/TextInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the input"},value:{control:"text",description:"Current value of the input"},placeholder:{control:"text",description:"Placeholder text"},error:{control:"text",description:"Error message to display"},type:{control:"select",options:["text","email","password","tel","url"],description:"Input type"},required:{control:"boolean",description:"Whether the input is required"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},d={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},i={args:{label:"Username",value:"john_doe",placeholder:"Enter username",onChange:()=>{}}},p={args:{label:"Email Address",value:"",type:"email",placeholder:"john.doe@example.com",onChange:()=>{}}},u={args:{label:"Password",value:"",type:"password",placeholder:"Enter password",onChange:()=>{}}},m={args:{label:"Phone Number",value:"",type:"tel",placeholder:"+1 (555) 123-4567",onChange:()=>{}}},c={args:{label:"Required Field",value:"",placeholder:"This field is required",required:!0,onChange:()=>{}}},h={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},g={args:{label:"Full Name",value:"",placeholder:"Enter your full name",onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Full Name",value:n,onChange:v,placeholder:"Enter your full name"}),e.jsx(r,{label:"Email",type:"email",value:o,onChange:w,placeholder:"john.doe@example.com"}),e.jsx(r,{label:"Password",type:"password",value:a,onChange:t,placeholder:"Enter password"}),e.jsxs("div",{style:{marginTop:"1rem",padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{margin:0,fontSize:"0.875rem"},children:e.jsx("strong",{children:"Form Values:"})}),e.jsxs("ul",{style:{margin:"0.5rem 0 0",paddingLeft:"1.5rem",fontSize:"0.875rem"},children:[e.jsxs("li",{children:["Name: ",n||"(empty)"]}),e.jsxs("li",{children:["Email: ",o||"(empty)"]}),e.jsxs("li",{children:["Password: ",a?"•".repeat(a.length):"(empty)"]})]})]})]})},parameters:{controls:{disable:!0}}},x={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState({}),Y=()=>{const s={};n||(s.username="Username is required"),o?o.length<6&&(s.password="Password must be at least 6 characters"):s.password="Password is required",t(s)};return e.jsxs("div",{style:{padding:"2rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1.5rem"},children:"Login"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Username",value:n,onChange:s=>{v(s),a.username&&t(y=>({...y,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(r,{label:"Password",type:"password",value:o,onChange:s=>{w(s),a.password&&t(y=>({...y,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:Y,style:{padding:"0.75rem 1rem",backgroundColor:"#007bff",color:"white",border:"none",borderRadius:"4px",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}},b={args:{label:"Text Input",value:"",placeholder:"Regular text",onChange:()=>{}},render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Text Input",value:"",onChange:()=>{},placeholder:"Regular text"}),e.jsx(r,{label:"Email Input",type:"email",value:"",onChange:()=>{},placeholder:"email@example.com"}),e.jsx(r,{label:"Password Input",type:"password",value:"",onChange:()=>{},placeholder:"Password"}),e.jsx(r,{label:"Phone Input",type:"tel",value:"",onChange:()=>{},placeholder:"+1 (555) 123-4567"}),e.jsx(r,{label:"URL Input",type:"url",value:"",onChange:()=>{},placeholder:"https://example.com"}),e.jsx(r,{label:"Required Field",required:!0,value:"",onChange:()=>{},placeholder:"Required"}),e.jsx(r,{label:"With Error",error:"This field has an error",value:"",onChange:()=>{}})]}),parameters:{controls:{disable:!0}}};var f,E,C;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
+import{j as e,r as l}from"./iframe-Cz1R6gKZ.js";import{T as r}from"./TextInput-BpsPIO3D.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DOpt9DfD.js";const ae={title:"Atoms/TextInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the input"},value:{control:"text",description:"Current value of the input"},placeholder:{control:"text",description:"Placeholder text"},error:{control:"text",description:"Error message to display"},type:{control:"select",options:["text","email","password","tel","url"],description:"Input type"},required:{control:"boolean",description:"Whether the input is required"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},d={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},p={args:{label:"Username",value:"john_doe",placeholder:"Enter username",onChange:()=>{}}},i={args:{label:"Email Address",value:"",type:"email",placeholder:"john.doe@example.com",onChange:()=>{}}},u={args:{label:"Password",value:"",type:"password",placeholder:"Enter password",onChange:()=>{}}},m={args:{label:"Phone Number",value:"",type:"tel",placeholder:"+1 (555) 123-4567",onChange:()=>{}}},c={args:{label:"Required Field",value:"",placeholder:"This field is required",required:!0,onChange:()=>{}}},h={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},g={args:{label:"Full Name",value:"",placeholder:"Enter your full name",onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Full Name",value:n,onChange:v,placeholder:"Enter your full name"}),e.jsx(r,{label:"Email",type:"email",value:o,onChange:w,placeholder:"john.doe@example.com"}),e.jsx(r,{label:"Password",type:"password",value:a,onChange:t,placeholder:"Enter password"}),e.jsxs("div",{style:{marginTop:"1rem",padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{margin:0,fontSize:"0.875rem"},children:e.jsx("strong",{children:"Form Values:"})}),e.jsxs("ul",{style:{margin:"0.5rem 0 0",paddingLeft:"1.5rem",fontSize:"0.875rem"},children:[e.jsxs("li",{children:["Name: ",n||"(empty)"]}),e.jsxs("li",{children:["Email: ",o||"(empty)"]}),e.jsxs("li",{children:["Password: ",a?"•".repeat(a.length):"(empty)"]})]})]})]})},parameters:{controls:{disable:!0}}},x={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[n,v]=l.useState(""),[o,w]=l.useState(""),[a,t]=l.useState({}),Y=()=>{const s={};n||(s.username="Username is required"),o?o.length<6&&(s.password="Password must be at least 6 characters"):s.password="Password is required",t(s)};return e.jsxs("div",{style:{padding:"2rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1.5rem"},children:"Login"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Username",value:n,onChange:s=>{v(s),a.username&&t(y=>({...y,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(r,{label:"Password",type:"password",value:o,onChange:s=>{w(s),a.password&&t(y=>({...y,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:Y,style:{padding:"0.75rem 1rem",backgroundColor:"#007bff",color:"white",border:"none",borderRadius:"4px",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}},b={args:{label:"Text Input",value:"",placeholder:"Regular text",onChange:()=>{}},render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",width:"300px"},children:[e.jsx(r,{label:"Text Input",value:"",onChange:()=>{},placeholder:"Regular text"}),e.jsx(r,{label:"Email Input",type:"email",value:"",onChange:()=>{},placeholder:"email@example.com"}),e.jsx(r,{label:"Password Input",type:"password",value:"",onChange:()=>{},placeholder:"Password"}),e.jsx(r,{label:"Phone Input",type:"tel",value:"",onChange:()=>{},placeholder:"+1 (555) 123-4567"}),e.jsx(r,{label:"URL Input",type:"url",value:"",onChange:()=>{},placeholder:"https://example.com"}),e.jsx(r,{label:"Required Field",required:!0,value:"",onChange:()=>{},placeholder:"Required"}),e.jsx(r,{label:"With Error",error:"This field has an error",value:"",onChange:()=>{}})]}),parameters:{controls:{disable:!0}}};var f,E,C;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
   args: {
     label: 'Name',
     value: '',
     placeholder: 'Enter your name',
     onChange: () => {}
   }
-}`,...(C=(E=d.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};var j,P,T;i.parameters={...i.parameters,docs:{...(j=i.parameters)==null?void 0:j.docs,source:{originalSource:`{
+}`,...(C=(E=d.parameters)==null?void 0:E.docs)==null?void 0:C.source}}};var j,P,T;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
   args: {
     label: 'Username',
     value: 'john_doe',
     placeholder: 'Enter username',
     onChange: () => {}
   }
-}`,...(T=(P=i.parameters)==null?void 0:P.docs)==null?void 0:T.source}}};var I,S,q;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`{
+}`,...(T=(P=p.parameters)==null?void 0:P.docs)==null?void 0:T.source}}};var I,S,q;i.parameters={...i.parameters,docs:{...(I=i.parameters)==null?void 0:I.docs,source:{originalSource:`{
   args: {
     label: 'Email Address',
     value: '',
@@ -20,7 +20,7 @@ import{j as e,r as l}from"./iframe-BUaP2gIF.js";import{T as r}from"./TextInput-Z
     placeholder: 'john.doe@example.com',
     onChange: () => {}
   }
-}`,...(q=(S=p.parameters)==null?void 0:S.docs)==null?void 0:q.source}}};var R,F,N;u.parameters={...u.parameters,docs:{...(R=u.parameters)==null?void 0:R.docs,source:{originalSource:`{
+}`,...(q=(S=i.parameters)==null?void 0:S.docs)==null?void 0:q.source}}};var R,N,U;u.parameters={...u.parameters,docs:{...(R=u.parameters)==null?void 0:R.docs,source:{originalSource:`{
   args: {
     label: 'Password',
     value: '',
@@ -28,7 +28,7 @@ import{j as e,r as l}from"./iframe-BUaP2gIF.js";import{T as r}from"./TextInput-Z
     placeholder: 'Enter password',
     onChange: () => {}
   }
-}`,...(N=(F=u.parameters)==null?void 0:F.docs)==null?void 0:N.source}}};var U,L,W;m.parameters={...m.parameters,docs:{...(U=m.parameters)==null?void 0:U.docs,source:{originalSource:`{
+}`,...(U=(N=u.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};var F,L,W;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`{
   args: {
     label: 'Phone Number',
     value: '',
@@ -91,7 +91,7 @@ import{j as e,r as l}from"./iframe-BUaP2gIF.js";import{T as r}from"./TextInput-Z
         }}>
                         <li>Name: {name || '(empty)'}</li>
                         <li>Email: {email || '(empty)'}</li>
-                        <li>Password: {password ? '•'.repeat(password.length) : '(empty)'}</li>
+                        <li>Password: {password ? '\\u2022'.repeat(password.length) : '(empty)'}</li>
                     </ul>
                 </div>
             </div>;
@@ -200,4 +200,4 @@ import{j as e,r as l}from"./iframe-BUaP2gIF.js";import{T as r}from"./TextInput-Z
       disable: true
     }
   }
-}`,...(X=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const ae=["Default","WithValue","Email","Password","Phone","Required","WithError","Interactive","LoginForm","AllTypes"];export{b as AllTypes,d as Default,p as Email,g as Interactive,x as LoginForm,u as Password,m as Phone,c as Required,h as WithError,i as WithValue,ae as __namedExportsOrder,re as default};
+}`,...(X=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const se=["Default","WithValue","Email","Password","Phone","Required","WithError","Interactive","LoginForm","AllTypes"];export{b as AllTypes,d as Default,i as Email,g as Interactive,x as LoginForm,u as Password,m as Phone,c as Required,h as WithError,p as WithValue,se as __namedExportsOrder,ae as default};

package/storybook-static/assets/TextPressure.stories-DNGUmrTD.js

@@ -0,0 +1,47 @@
+import{r,j as F}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const J=(i,o)=>{const a=o.x-i.x,l=o.y-i.y;return Math.sqrt(a*a+l*l)},v=(i,o,a,l)=>{const h=l-Math.abs(l*i/o);return Math.max(a,h+a)},K=(i,o)=>{let a;return(...l)=>{clearTimeout(a),a=setTimeout(()=>{i.apply(void 0,l)},o)}},P=({text:i="Compressa",fontFamily:o="Compressa VF",fontUrl:a="https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:l=!0,weight:h=!0,italic:V=!0,alpha:g=!1,flex:A=!0,stroke:q=!1,scale:S=!1,textColor:x="#FFFFFF",strokeColor:k="#FF0000",className:O="",minFontSize:R=24})=>{const p=r.useRef(null),d=r.useRef(null),E=r.useRef([]),c=r.useRef({x:0,y:0}),f=r.useRef({x:0,y:0}),[X,G]=r.useState(R),[N,b]=r.useState(1),[Y,M]=r.useState(1),C=i.split("");r.useEffect(()=>{const e=t=>{f.current.x=t.clientX,f.current.y=t.clientY},u=t=>{const s=t.touches[0];f.current.x=s.clientX,f.current.y=s.clientY};if(window.addEventListener("mousemove",e),window.addEventListener("touchmove",u,{passive:!0}),p.current){const{left:t,top:s,width:n,height:m}=p.current.getBoundingClientRect();c.current.x=t+n/2,c.current.y=s+m/2,f.current.x=c.current.x,f.current.y=c.current.y}return()=>{window.removeEventListener("mousemove",e),window.removeEventListener("touchmove",u)}},[]);const $=r.useCallback(()=>{if(!p.current||!d.current)return;const{width:e,height:u}=p.current.getBoundingClientRect();let t=e/(C.length/2);t=Math.max(t,R),G(t),b(1),M(1),requestAnimationFrame(()=>{if(!d.current)return;const s=d.current.getBoundingClientRect();if(S&&s.height>0){const n=u/s.height;b(n),M(n)}})},[C.length,R,S]);r.useEffect(()=>{const e=K($,100);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[$]),r.useEffect(()=>{let e;const u=()=>{if(c.current.x+=(f.current.x-c.current.x)/15,c.current.y+=(f.current.y-c.current.y)/15,d.current){const s=d.current.getBoundingClientRect().width/2;E.current.forEach(n=>{if(!n)return;const m=n.getBoundingClientRect(),H={x:m.x+m.width/2,y:m.y+m.height/2},w=J(c.current,H),I=l?Math.floor(v(w,s,5,200)):100,U=h?Math.floor(v(w,s,100,900)):400,W=V?v(w,s,0,1).toFixed(2):0,z=g?v(w,s,0,1).toFixed(2):1,j=`'wght' ${U}, 'wdth' ${I}, 'ital' ${W}`;n.style.fontVariationSettings!==j&&(n.style.fontVariationSettings=j),g&&n.style.opacity!==z&&(n.style.opacity=z)})}e=requestAnimationFrame(u)};return u(),()=>cancelAnimationFrame(e)},[l,h,V,g]);const _=r.useMemo(()=>F.jsx("style",{children:`
+        @font-face {
+          font-family: '${o}';
+          src: url('${a}');
+          font-style: normal;
+        }
+
+        .flex {
+          display: flex;
+          justify-content: space-between;
+        }
+
+        .stroke span {
+          position: relative;
+          color: ${x};
+        }
+        .stroke span::after {
+          content: attr(data-char);
+          position: absolute;
+          left: 0;
+          top: 0;
+          color: transparent;
+          z-index: -1;
+          -webkit-text-stroke-width: 3px;
+          -webkit-text-stroke-color: ${k};
+        }
+
+        .text-pressure-title {
+          color: ${x};
+        }
+      `}),[o,a,x,k]),D=[O,A?"flex":"",q?"stroke":""].filter(Boolean).join(" ");return F.jsxs("div",{ref:p,style:{position:"relative",width:"100%",height:"100%",background:"transparent"},children:[_,F.jsx("h1",{ref:d,className:`text-pressure-title ${D}`,style:{fontFamily:o,textTransform:"uppercase",fontSize:X,lineHeight:Y,transform:`scale(1, ${N})`,transformOrigin:"center top",margin:0,textAlign:"center",userSelect:"none",whiteSpace:"nowrap",fontWeight:100,width:"100%"},children:C.map((e,u)=>F.jsx("span",{ref:t=>E.current[u]=t,"data-char":e,style:{display:"inline-block",color:q?void 0:x},children:e},u))})]})};P.__docgenInfo={description:"",methods:[],displayName:"TextPressure",props:{text:{defaultValue:{value:"'Compressa'",computed:!1},required:!1},fontFamily:{defaultValue:{value:"'Compressa VF'",computed:!1},required:!1},fontUrl:{defaultValue:{value:"'https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2'",computed:!1},required:!1},width:{defaultValue:{value:"true",computed:!1},required:!1},weight:{defaultValue:{value:"true",computed:!1},required:!1},italic:{defaultValue:{value:"true",computed:!1},required:!1},alpha:{defaultValue:{value:"false",computed:!1},required:!1},flex:{defaultValue:{value:"true",computed:!1},required:!1},stroke:{defaultValue:{value:"false",computed:!1},required:!1},scale:{defaultValue:{value:"false",computed:!1},required:!1},textColor:{defaultValue:{value:"'#FFFFFF'",computed:!1},required:!1},strokeColor:{defaultValue:{value:"'#FF0000'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},minFontSize:{defaultValue:{value:"24",computed:!1},required:!1}}};const ee={title:"ReactBits/TextAnimations/TextPressure",component:P,parameters:{layout:"fullscreen"},tags:["autodocs"]},y={args:{text:"Compressa",fontFamily:"Compressa VF",fontUrl:"https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:!0,weight:!0,italic:!0,alpha:!1,flex:!0,stroke:!1,scale:!1,textColor:"#FFFFFF",strokeColor:"#FF0000",minFontSize:24}};var T,B,L;y.parameters={...y.parameters,docs:{...(T=y.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    text: 'Compressa',
+    fontFamily: 'Compressa VF',
+    fontUrl: 'https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2',
+    width: true,
+    weight: true,
+    italic: true,
+    alpha: false,
+    flex: true,
+    stroke: false,
+    scale: false,
+    textColor: '#FFFFFF',
+    strokeColor: '#FF0000',
+    minFontSize: 24
+  }
+}`,...(L=(B=y.parameters)==null?void 0:B.docs)==null?void 0:L.source}}};const te=["Default"];export{y as Default,te as __namedExportsOrder,ee as default};

package/storybook-static/assets/TextType-BYHLKnc2.css

@@ -0,0 +1 @@
+._text-type_i3t4x_1{display:inline-block;white-space:pre-wrap}._text-type__cursor_i3t4x_6{margin-left:.25rem;display:inline-block;opacity:1}._text-type__cursor--hidden_i3t4x_12{display:none}

package/storybook-static/assets/TextType.stories-BKNycUNL.js

@@ -0,0 +1,19 @@
+import{r as e,j}from"./iframe-Cz1R6gKZ.js";import{g as A}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const S={"text-type__cursor":"_text-type__cursor_i3t4x_6","text-type__cursor--hidden":"_text-type__cursor--hidden_i3t4x_12"},b=({text:n,as:k="div",typingSpeed:i=50,initialDelay:C=0,pauseDuration:x=2e3,deletingSpeed:V=30,loop:h=!0,className:w="",showCursor:y=!0,hideCursorWhileTyping:B=!1,cursorCharacter:H="|",cursorClassName:z="",cursorBlinkDuration:q=.5,textColors:g=[],variableSpeed:l,onSentenceComplete:T,startOnVisible:_=!1,reverseMode:D=!1,...F})=>{const[c,I]=e.useState(""),[o,E]=e.useState(0),[f,N]=e.useState(!1),[r,G]=e.useState(0),[R,J]=e.useState(!_),d=e.useRef(null),v=e.useRef(null),s=e.useMemo(()=>Array.isArray(n)?n:[n],[n]),K=e.useCallback(()=>{if(!l)return i;const{min:t,max:u}=l;return Math.random()*(u-t)+t},[l,i]),L=()=>g.length===0?"inherit":g[r%g.length];e.useEffect(()=>{if(!_||!v.current)return;const t=new IntersectionObserver(u=>{u.forEach(p=>{p.isIntersecting&&J(!0)})},{threshold:.1});return t.observe(v.current),()=>t.disconnect()},[_]),e.useEffect(()=>{y&&d.current&&(A.set(d.current,{opacity:1}),A.to(d.current,{opacity:0,duration:q,repeat:-1,yoyo:!0,ease:"power2.inOut"}))},[y,q]),e.useEffect(()=>{if(!R)return;let t;const u=s[r],p=D?u.split("").reverse().join(""):u,W=()=>{if(f)if(c===""){if(N(!1),r===s.length-1&&!h)return;T&&T(s[r],r),G(a=>(a+1)%s.length),E(0),t=setTimeout(()=>{},x)}else t=setTimeout(()=>{I(a=>a.slice(0,-1))},V);else if(o<p.length)t=setTimeout(()=>{I(a=>a+p[o]),E(a=>a+1)},l?K():i);else if(s.length>=1){if(!h&&r===s.length-1)return;t=setTimeout(()=>{N(!0)},x)}};return o===0&&!f&&c===""?t=setTimeout(W,C):W(),()=>clearTimeout(t)},[o,c,f,i,V,x,s,r,h,C,R,D,l,T]);const P=B&&(o<s[r].length||f);return e.createElement(k,{ref:v,className:`text-type ${w}`,...F},j.jsx("span",{className:"text-type__content",style:{color:L()||"inherit"},children:c}),y&&j.jsx("span",{ref:d,className:`${S["text-type__cursor"]} ${z} ${P?S["text-type__cursor--hidden"]:""}`,children:H}))};b.__docgenInfo={description:"",methods:[],displayName:"TextType",props:{as:{defaultValue:{value:"'div'",computed:!1},required:!1},typingSpeed:{defaultValue:{value:"50",computed:!1},required:!1},initialDelay:{defaultValue:{value:"0",computed:!1},required:!1},pauseDuration:{defaultValue:{value:"2000",computed:!1},required:!1},deletingSpeed:{defaultValue:{value:"30",computed:!1},required:!1},loop:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showCursor:{defaultValue:{value:"true",computed:!1},required:!1},hideCursorWhileTyping:{defaultValue:{value:"false",computed:!1},required:!1},cursorCharacter:{defaultValue:{value:"'|'",computed:!1},required:!1},cursorClassName:{defaultValue:{value:"''",computed:!1},required:!1},cursorBlinkDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},textColors:{defaultValue:{value:"[]",computed:!1},required:!1},startOnVisible:{defaultValue:{value:"false",computed:!1},required:!1},reverseMode:{defaultValue:{value:"false",computed:!1},required:!1}}};const Y={title:"ReactBits/TextAnimations/TextType",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{text:"Hello World",as:"div",typingSpeed:50,initialDelay:0,pauseDuration:2e3,deletingSpeed:30,loop:!0,showCursor:!0,hideCursorWhileTyping:!1,cursorCharacter:"|",cursorClassName:"",cursorBlinkDuration:.5,textColors:[],startOnVisible:!1,reverseMode:!1}};var M,O,$;m.parameters={...m.parameters,docs:{...(M=m.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    text: 'Hello World',
+    as: 'div',
+    typingSpeed: 50,
+    initialDelay: 0,
+    pauseDuration: 2000,
+    deletingSpeed: 30,
+    loop: true,
+    showCursor: true,
+    hideCursorWhileTyping: false,
+    cursorCharacter: '|',
+    cursorClassName: '',
+    cursorBlinkDuration: 0.5,
+    textColors: [],
+    startOnVisible: false,
+    reverseMode: false
+  }
+}`,...($=(O=m.parameters)==null?void 0:O.docs)==null?void 0:$.source}}};const Z=["Default"];export{m as Default,Z as __namedExportsOrder,Y as default};

package/storybook-static/assets/Texture-BkQWYNP2.js

@@ -0,0 +1 @@
+const l=new Uint8Array(4);function g(s){return(s&s-1)===0}let x=1;class u{constructor(i,{image:e,target:t=i.TEXTURE_2D,type:n=i.UNSIGNED_BYTE,format:h=i.RGBA,internalFormat:m=h,wrapS:p=i.CLAMP_TO_EDGE,wrapT:E=i.CLAMP_TO_EDGE,wrapR:T=i.CLAMP_TO_EDGE,generateMipmaps:a=t===(i.TEXTURE_2D||i.TEXTURE_CUBE_MAP),minFilter:_=a?i.NEAREST_MIPMAP_LINEAR:i.LINEAR,magFilter:o=i.LINEAR,premultiplyAlpha:A=!1,unpackAlignment:f=4,flipY:R=t==(i.TEXTURE_2D||i.TEXTURE_3D),anisotropy:U=0,level:w=0,width:r,height:P=r,length:d=1}={}){this.gl=i,this.id=x++,this.image=e,this.target=t,this.type=n,this.format=h,this.internalFormat=m,this.minFilter=_,this.magFilter=o,this.wrapS=p,this.wrapT=E,this.wrapR=T,this.generateMipmaps=a,this.premultiplyAlpha=A,this.unpackAlignment=f,this.flipY=R,this.anisotropy=Math.min(U,this.gl.renderer.parameters.maxAnisotropy),this.level=w,this.width=r,this.height=P,this.length=d,this.texture=this.gl.createTexture(),this.store={image:null},this.glState=this.gl.renderer.state,this.state={},this.state.minFilter=this.gl.NEAREST_MIPMAP_LINEAR,this.state.magFilter=this.gl.LINEAR,this.state.wrapS=this.gl.REPEAT,this.state.wrapT=this.gl.REPEAT,this.state.anisotropy=0}bind(){this.glState.textureUnits[this.glState.activeTextureUnit]!==this.id&&(this.gl.bindTexture(this.target,this.texture),this.glState.textureUnits[this.glState.activeTextureUnit]=this.id)}update(i=0){const e=!(this.image===this.store.image&&!this.needsUpdate);if((e||this.glState.textureUnits[i]!==this.id)&&(this.gl.renderer.activeTexture(i),this.bind()),!!e){if(this.needsUpdate=!1,this.flipY!==this.glState.flipY&&(this.gl.pixelStorei(this.gl.UNPACK_FLIP_Y_WEBGL,this.flipY),this.glState.flipY=this.flipY),this.premultiplyAlpha!==this.glState.premultiplyAlpha&&(this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL,this.premultiplyAlpha),this.glState.premultiplyAlpha=this.premultiplyAlpha),this.unpackAlignment!==this.glState.unpackAlignment&&(this.gl.pixelStorei(this.gl.UNPACK_ALIGNMENT,this.unpackAlignment),this.glState.unpackAlignment=this.unpackAlignment),this.minFilter!==this.state.minFilter&&(this.gl.texParameteri(this.target,this.gl.TEXTURE_MIN_FILTER,this.minFilter),this.state.minFilter=this.minFilter),this.magFilter!==this.state.magFilter&&(this.gl.texParameteri(this.target,this.gl.TEXTURE_MAG_FILTER,this.magFilter),this.state.magFilter=this.magFilter),this.wrapS!==this.state.wrapS&&(this.gl.texParameteri(this.target,this.gl.TEXTURE_WRAP_S,this.wrapS),this.state.wrapS=this.wrapS),this.wrapT!==this.state.wrapT&&(this.gl.texParameteri(this.target,this.gl.TEXTURE_WRAP_T,this.wrapT),this.state.wrapT=this.wrapT),this.wrapR!==this.state.wrapR&&(this.gl.texParameteri(this.target,this.gl.TEXTURE_WRAP_R,this.wrapR),this.state.wrapR=this.wrapR),this.anisotropy&&this.anisotropy!==this.state.anisotropy&&(this.gl.texParameterf(this.target,this.gl.renderer.getExtension("EXT_texture_filter_anisotropic").TEXTURE_MAX_ANISOTROPY_EXT,this.anisotropy),this.state.anisotropy=this.anisotropy),this.image){if(this.image.width&&(this.width=this.image.width,this.height=this.image.height),this.target===this.gl.TEXTURE_CUBE_MAP)for(let t=0;t<6;t++)this.gl.texImage2D(this.gl.TEXTURE_CUBE_MAP_POSITIVE_X+t,this.level,this.internalFormat,this.format,this.type,this.image[t]);else if(ArrayBuffer.isView(this.image))this.target===this.gl.TEXTURE_2D?this.gl.texImage2D(this.target,this.level,this.internalFormat,this.width,this.height,0,this.format,this.type,this.image):(this.target===this.gl.TEXTURE_2D_ARRAY||this.target===this.gl.TEXTURE_3D)&&this.gl.texImage3D(this.target,this.level,this.internalFormat,this.width,this.height,this.length,0,this.format,this.type,this.image);else if(this.image.isCompressedTexture)for(let t=0;t<this.image.length;t++)this.gl.compressedTexImage2D(this.target,t,this.internalFormat,this.image[t].width,this.image[t].height,0,this.image[t].data);else this.target===this.gl.TEXTURE_2D?this.gl.texImage2D(this.target,this.level,this.internalFormat,this.format,this.type,this.image):this.gl.texImage3D(this.target,this.level,this.internalFormat,this.width,this.height,this.length,0,this.format,this.type,this.image);this.generateMipmaps&&(!this.gl.renderer.isWebgl2&&(!g(this.image.width)||!g(this.image.height))?(this.generateMipmaps=!1,this.wrapS=this.wrapT=this.gl.CLAMP_TO_EDGE,this.minFilter=this.gl.LINEAR):this.gl.generateMipmap(this.target)),this.onUpdate&&this.onUpdate()}else if(this.target===this.gl.TEXTURE_CUBE_MAP)for(let t=0;t<6;t++)this.gl.texImage2D(this.gl.TEXTURE_CUBE_MAP_POSITIVE_X+t,0,this.gl.RGBA,1,1,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,l);else this.width?this.target===this.gl.TEXTURE_2D?this.gl.texImage2D(this.target,this.level,this.internalFormat,this.width,this.height,0,this.format,this.type,null):this.gl.texImage3D(this.target,this.level,this.internalFormat,this.width,this.height,this.length,0,this.format,this.type,null):this.gl.texImage2D(this.target,0,this.gl.RGBA,1,1,0,this.gl.RGBA,this.gl.UNSIGNED_BYTE,l);this.store.image=this.image}}}export{u as T};

package/storybook-static/assets/ThemeSwitcher.stories-D5lsOFPy.js

@@ -0,0 +1,62 @@
+import{r as p,j as e}from"./iframe-Cz1R6gKZ.js";import{m as l}from"./proxy-CAwOFzsk.js";import{M as L,S}from"./sun-DeCJTUMz.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./createLucideIcon-C7zEcVM7.js";const U=p.createContext(void 0),Y=()=>p.useContext(U)??null,X=({children:r,defaultTheme:m="light",storageKey:s="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(s);return a&&["light","dark","lossito","lossito-dark","dmood","dmood-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(s,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dmood","dmood-dark","crt"],w=(a.indexOf(i)+1)%a.length;v(a[w])};return p.useEffect(()=>{const a=document.documentElement;a.setAttribute("data-theme",i),i.includes("dark")?a.classList.add("dark"):a.classList.remove("dark")},[i]),p.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),d=w=>{localStorage.getItem(s)||g(w.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[s]),e.jsx(U.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:r})};X.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},defaultTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dmood' | 'dmood-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dmood'"},{name:"literal",value:"'dmood-dark'"},{name:"literal",value:"'crt'"}]},description:"",defaultValue:{value:"'light'",computed:!1}},storageKey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'app-theme'",computed:!1}}}};const Z="_button_2917u_1",K="_iconWrapper_2917u_20",ee="_label_2917u_28",ae="_toggle_2917u_33",te="_toggleTrack_2917u_43",oe="_toggleThumb_2917u_53",re="_dropdown_2917u_65",se="_dropdownTrigger_2917u_69",ne="_dropdownMenu_2917u_87",le="_dropdownItem_2917u_106",ie="_active_2917u_124",de="_icon_2917u_20",ce="_text_2917u_144",o={button:Z,iconWrapper:K,label:ee,toggle:ae,toggleTrack:te,toggleThumb:oe,dropdown:re,dropdownTrigger:se,dropdownMenu:ne,dropdownItem:le,active:ie,icon:de,text:ce},h=({variant:r="button",showLabel:m=!1,className:s="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=Y(),a=i??(n==null?void 0:n.theme)??"light",d=g??(n==null?void 0:n.setTheme)??(()=>{}),c=v??[{value:"light",label:"Light",icon:e.jsx(S,{})},{value:"dark",label:"Dark",icon:e.jsx(L,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dmood",label:"Dmood Light",icon:"💙"},{value:"dmood-dark",label:"Dmood Dark",icon:"🌌"}],j=c.findIndex(t=>t.value===a),u=c[j]??c[0];if(r==="toggle"){const t=a.includes("dark");return e.jsxs(l.button,{className:`${o.toggle} ${s}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(l.div,{className:o.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(l.div,{className:o.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(L,{size:14}):e.jsx(S,{size:14})})}),m&&e.jsx("span",{className:o.label,children:t?"Dark":"Light"})]})}return r==="dropdown"?e.jsxs("div",{className:`${o.dropdown} ${s}`,children:[e.jsxs(l.button,{className:o.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:o.label,children:u.label})]}),e.jsx(l.div,{className:o.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(l.button,{className:`${o.dropdownItem} ${a===t.value?o.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:o.icon,children:t.icon}),e.jsx("span",{className:o.text,children:t.label})]},t.value))})]}):e.jsxs(l.button,{className:`${o.button} ${s}`,onClick:()=>{const t=(j+1)%c.length;d(c[t].value)},whileTap:{scale:.95},whileHover:{scale:1.05},"aria-label":`Current theme: ${u.label}. Click to change.`,children:[e.jsx(l.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:o.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:o.label,children:u.label})]})};h.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher",props:{variant:{required:!1,tsType:{name:"union",raw:"'button' | 'dropdown' | 'toggle'",elements:[{name:"literal",value:"'button'"},{name:"literal",value:"'dropdown'"},{name:"literal",value:"'toggle'"}]},description:"",defaultValue:{value:"'button'",computed:!1}},showLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},currentTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dmood' | 'dmood-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dmood'"},{name:"literal",value:"'dmood-dark'"},{name:"literal",value:"'crt'"}]},description:""},onThemeChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(theme: Theme) => void",signature:{arguments:[{type:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dmood' | 'dmood-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dmood'"},{name:"literal",value:"'dmood-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const me=({children:r})=>e.jsx(X,{defaultTheme:"light",children:r}),be={title:"Molecules/ThemeSwitcher",component:h,decorators:[r=>e.jsx(me,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(r,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},b={args:{variant:"button",showLabel:!1}},x={args:{variant:"button",showLabel:!0}},f={args:{variant:"toggle",showLabel:!1}},T={args:{variant:"toggle",showLabel:!0}},k={args:{variant:"dropdown",showLabel:!1}},_={args:{variant:"dropdown",showLabel:!0}},y={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Button Variant"}),e.jsx(h,{variant:"button",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Toggle Variant"}),e.jsx(h,{variant:"toggle",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Dropdown Variant"}),e.jsx(h,{variant:"dropdown",showLabel:!0})]})]})};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    variant: 'button',
+    showLabel: false
+  }
+}`,...(D=(N=b.parameters)==null?void 0:N.docs)==null?void 0:D.source}}};var V,B,C;x.parameters={...x.parameters,docs:{...(V=x.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    variant: 'button',
+    showLabel: true
+  }
+}`,...(C=(B=x.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var M,W,q;f.parameters={...f.parameters,docs:{...(M=f.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  args: {
+    variant: 'toggle',
+    showLabel: false
+  }
+}`,...(q=(W=f.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var $,E,O;T.parameters={...T.parameters,docs:{...($=T.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    variant: 'toggle',
+    showLabel: true
+  }
+}`,...(O=(E=T.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};var R,P,z;k.parameters={...k.parameters,docs:{...(R=k.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    variant: 'dropdown',
+    showLabel: false
+  }
+}`,...(z=(P=k.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var A,H,Q;_.parameters={..._.parameters,docs:{...(A=_.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  args: {
+    variant: 'dropdown',
+    showLabel: true
+  }
+}`,...(Q=(H=_.parameters)==null?void 0:H.docs)==null?void 0:Q.source}}};var F,G,J;y.parameters={...y.parameters,docs:{...(F=y.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '2rem',
+    alignItems: 'center'
+  }}>
+            <div>
+                <h3 style={{
+        marginBottom: '1rem',
+        color: 'var(--color-text)'
+      }}>Button Variant</h3>
+                <ThemeSwitcher variant="button" showLabel />
+            </div>
+            
+            <div>
+                <h3 style={{
+        marginBottom: '1rem',
+        color: 'var(--color-text)'
+      }}>Toggle Variant</h3>
+                <ThemeSwitcher variant="toggle" showLabel />
+            </div>
+            
+            <div>
+                <h3 style={{
+        marginBottom: '1rem',
+        color: 'var(--color-text)'
+      }}>Dropdown Variant</h3>
+                <ThemeSwitcher variant="dropdown" showLabel />
+            </div>
+        </div>
+}`,...(J=(G=y.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};const xe=["Button","ButtonWithLabel","Toggle","ToggleWithLabel","Dropdown","DropdownWithLabel","MultipleVariants"];export{b as Button,x as ButtonWithLabel,k as Dropdown,_ as DropdownWithLabel,y as MultipleVariants,f as Toggle,T as ToggleWithLabel,xe as __namedExportsOrder,be as default};

package/storybook-static/assets/Threads-C5ItmUMV.css

@@ -0,0 +1 @@
+._threads-container_1ao30_1{position:relative;width:100%;min-height:100vh}._threads-container_1ao30_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}

package/storybook-static/assets/Threads.stories-VyvPNiLc.js

@@ -0,0 +1,121 @@
+import{r as d,j as z}from"./iframe-Cz1R6gKZ.js";import{R as F,P as D,M as T}from"./Mesh-CwXV3WjE.js";import{T as q}from"./Triangle-64ffRKNB.js";import{C as P}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const I={"threads-container":"_threads-container_1ao30_1"},S=`
+attribute vec2 position;
+attribute vec2 uv;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`,V=`
+precision highp float;
+
+uniform float iTime;
+uniform vec3 iResolution;
+uniform vec3 uColor;
+uniform float uAmplitude;
+uniform float uDistance;
+uniform vec2 uMouse;
+
+#define PI 3.1415926538
+
+const int u_line_count = 40;
+const float u_line_width = 7.0;
+const float u_line_blur = 10.0;
+
+float Perlin2D(vec2 P) {
+    vec2 Pi = floor(P);
+    vec4 Pf_Pfmin1 = P.xyxy - vec4(Pi, Pi + 1.0);
+    vec4 Pt = vec4(Pi.xy, Pi.xy + 1.0);
+    Pt = Pt - floor(Pt * (1.0 / 71.0)) * 71.0;
+    Pt += vec2(26.0, 161.0).xyxy;
+    Pt *= Pt;
+    Pt = Pt.xzxz * Pt.yyww;
+    vec4 hash_x = fract(Pt * (1.0 / 951.135664));
+    vec4 hash_y = fract(Pt * (1.0 / 642.949883));
+    vec4 grad_x = hash_x - 0.49999;
+    vec4 grad_y = hash_y - 0.49999;
+    vec4 grad_results = inversesqrt(grad_x * grad_x + grad_y * grad_y)
+        * (grad_x * Pf_Pfmin1.xzxz + grad_y * Pf_Pfmin1.yyww);
+    grad_results *= 1.4142135623730950;
+    vec2 blend = Pf_Pfmin1.xy * Pf_Pfmin1.xy * Pf_Pfmin1.xy
+               * (Pf_Pfmin1.xy * (Pf_Pfmin1.xy * 6.0 - 15.0) + 10.0);
+    vec4 blend2 = vec4(blend, vec2(1.0 - blend));
+    return dot(grad_results, blend2.zxzx * blend2.wwyy);
+}
+
+float pixel(float count, vec2 resolution) {
+    return (1.0 / max(resolution.x, resolution.y)) * count;
+}
+
+float lineFn(vec2 st, float width, float perc, float offset, vec2 mouse, float time, float amplitude, float distance) {
+    float split_offset = (perc * 0.4);
+    float split_point = 0.1 + split_offset;
+
+    float amplitude_normal = smoothstep(split_point, 0.7, st.x);
+    float amplitude_strength = 0.5;
+    float finalAmplitude = amplitude_normal * amplitude_strength
+                           * amplitude * (1.0 + (mouse.y - 0.5) * 0.2);
+
+    float time_scaled = time / 10.0 + (mouse.x - 0.5) * 1.0;
+    float blur = smoothstep(split_point, split_point + 0.05, st.x) * perc;
+
+    float xnoise = mix(
+        Perlin2D(vec2(time_scaled, st.x + perc) * 2.5),
+        Perlin2D(vec2(time_scaled, st.x + time_scaled) * 3.5) / 1.5,
+        st.x * 0.3
+    );
+
+    float y = 0.5 + (perc - 0.5) * distance + xnoise / 2.0 * finalAmplitude;
+
+    float line_start = smoothstep(
+        y + (width / 2.0) + (u_line_blur * pixel(1.0, iResolution.xy) * blur),
+        y,
+        st.y
+    );
+
+    float line_end = smoothstep(
+        y,
+        y - (width / 2.0) - (u_line_blur * pixel(1.0, iResolution.xy) * blur),
+        st.y
+    );
+
+    return clamp(
+        (line_start - line_end) * (1.0 - smoothstep(0.0, 1.0, pow(perc, 0.3))),
+        0.0,
+        1.0
+    );
+}
+
+void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+    vec2 uv = fragCoord / iResolution.xy;
+
+    float line_strength = 1.0;
+    for (int i = 0; i < u_line_count; i++) {
+        float p = float(i) / float(u_line_count);
+        line_strength *= (1.0 - lineFn(
+            uv,
+            u_line_width * pixel(1.0, iResolution.xy) * (1.0 - p),
+            p,
+            (PI * 1.0) * p,
+            uMouse,
+            iTime,
+            uAmplitude,
+            uDistance
+        ));
+    }
+
+    float colorVal = 1.0 - line_strength;
+    fragColor = vec4(uColor * colorVal, colorVal);
+}
+
+void main() {
+    mainImage(gl_FragColor, gl_FragCoord.xy);
+}
+`,C=({color:v=[1,1,1],amplitude:p=1,distance:_=0,enableMouseInteraction:r=!1,...b})=>{const c=d.useRef(null),s=d.useRef();return d.useEffect(()=>{if(!c.current)return;const o=c.current,f=new F({alpha:!0}),e=f.gl;e.clearColor(0,0,0,0),e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),o.appendChild(e.canvas);const M=new q(e),n=new D(e,{vertex:S,fragment:V,uniforms:{iTime:{value:0},iResolution:{value:new P(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uColor:{value:new P(...v)},uAmplitude:{value:p},uDistance:{value:_},uMouse:{value:new Float32Array([.5,.5])}}}),E=new T(e,{geometry:M,program:n});function m(){const{clientWidth:t,clientHeight:i}=o;f.setSize(t,i),n.uniforms.iResolution.value.r=t,n.uniforms.iResolution.value.g=i,n.uniforms.iResolution.value.b=t/i}window.addEventListener("resize",m),m();let a=[.5,.5],l=[.5,.5];function g(t){const i=o.getBoundingClientRect(),A=(t.clientX-i.left)/i.width,L=1-(t.clientY-i.top)/i.height;l=[A,L]}function h(){l=[.5,.5]}r&&(o.addEventListener("mousemove",g),o.addEventListener("mouseleave",h));function x(t){r?(a[0]+=.05*(l[0]-a[0]),a[1]+=.05*(l[1]-a[1]),n.uniforms.uMouse.value[0]=a[0],n.uniforms.uMouse.value[1]=a[1]):(n.uniforms.uMouse.value[0]=.5,n.uniforms.uMouse.value[1]=.5),n.uniforms.iTime.value=t*.001,f.render({scene:E}),s.current=requestAnimationFrame(x)}return s.current=requestAnimationFrame(x),()=>{var t;s.current&&cancelAnimationFrame(s.current),window.removeEventListener("resize",m),r&&(o.removeEventListener("mousemove",g),o.removeEventListener("mouseleave",h)),o.contains(e.canvas)&&o.removeChild(e.canvas),(t=e.getExtension("WEBGL_lose_context"))==null||t.loseContext()}},[v,p,_,r]),z.jsx("div",{ref:c,className:`${I["threads-container"]}`,...b})};C.__docgenInfo={description:"",methods:[],displayName:"Threads",props:{color:{defaultValue:{value:"[1, 1, 1]",computed:!1},required:!1},amplitude:{defaultValue:{value:"1",computed:!1},required:!1},distance:{defaultValue:{value:"0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"false",computed:!1},required:!1}}};const O={title:"ReactBits/Backgrounds/Threads",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},u={args:{color:[1,1,1],amplitude:1,distance:0,enableMouseInteraction:!1}};var y,w,R;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    color: [1, 1, 1],
+    amplitude: 1,
+    distance: 0,
+    enableMouseInteraction: false
+  }
+}`,...(R=(w=u.parameters)==null?void 0:w.docs)==null?void 0:R.source}}};const W=["Default"];export{u as Default,W as __namedExportsOrder,O as default};

package/storybook-static/assets/TimeInput.stories-BC5vDv_Y.js

@@ -0,0 +1,55 @@
+import{r as S,j as e}from"./iframe-Cz1R6gKZ.js";import{X as ae}from"./x-CP8OMUcV.js";import{c as ne}from"./createLucideIcon-C7zEcVM7.js";import"./preload-helper-C1FmrZbK.js";/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const oe=[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],le=ne("clock",oe),ce="_modalOverlay_1ux3k_2",ie="_modalContent_1ux3k_22",ue="_modalHeader_1ux3k_45",de="_closeButton_1ux3k_59",me="_timeDisplay_1ux3k_77",pe="_pickerContainer_1ux3k_87",ge="_pickerColumn_1ux3k_95",he="_pickerLabel_1ux3k_100",_e="_pickerScroll_1ux3k_109",fe="_pickerItem_1ux3k_136",ke="_selected_1ux3k_153",xe="_pickerDivider_1ux3k_159",be="_modalActions_1ux3k_166",ve="_cancelButton_1ux3k_173",Ce="_confirmButton_1ux3k_174",r={modalOverlay:ce,modalContent:ie,modalHeader:ue,closeButton:de,timeDisplay:me,pickerContainer:pe,pickerColumn:ge,pickerLabel:he,pickerScroll:_e,pickerItem:fe,selected:ke,pickerDivider:xe,modalActions:be,cancelButton:ve,confirmButton:Ce};function U({isOpen:y,onClose:i,value:l,onChange:N}){const[j,q]=l?l.split(":").map(Number):[12,0],[m,g]=S.useState(j),[c,u]=S.useState(q);S.useEffect(()=>{if(l){const[n,s]=l.split(":").map(Number);g(n),u(s)}},[l]);const h=()=>{const n=m.toString().padStart(2,"0"),s=c.toString().padStart(2,"0");N(`${n}:${s}`),i()};return y?e.jsx("div",{className:r.modalOverlay,onClick:i,children:e.jsxs("div",{className:r.modalContent,onClick:n=>n.stopPropagation(),children:[e.jsxs("div",{className:r.modalHeader,children:[e.jsx("h3",{children:"Select Time"}),e.jsx("button",{className:r.closeButton,onClick:i,"aria-label":"Close",children:e.jsx(ae,{})})]}),e.jsxs("div",{className:r.timeDisplay,children:[m.toString().padStart(2,"0"),":",c.toString().padStart(2,"0")]}),e.jsxs("div",{className:r.pickerContainer,children:[e.jsxs("div",{className:r.pickerColumn,children:[e.jsx("div",{className:r.pickerLabel,children:"Hours"}),e.jsx("div",{className:r.pickerScroll,children:Array.from({length:24},(n,s)=>e.jsx("button",{className:`${r.pickerItem} ${m===s?r.selected:""}`,onClick:()=>g(s),children:s.toString().padStart(2,"0")},s))})]}),e.jsx("div",{className:r.pickerDivider,children:":"}),e.jsxs("div",{className:r.pickerColumn,children:[e.jsx("div",{className:r.pickerLabel,children:"Minutes"}),e.jsx("div",{className:r.pickerScroll,children:Array.from({length:60},(n,s)=>e.jsx("button",{className:`${r.pickerItem} ${c===s?r.selected:""}`,onClick:()=>u(s),children:s.toString().padStart(2,"0")},s))})]})]}),e.jsxs("div",{className:r.modalActions,children:[e.jsx("button",{className:r.cancelButton,onClick:i,children:"Cancel"}),e.jsx("button",{className:r.confirmButton,onClick:h,children:"Confirm"})]})]})}):null}U.__docgenInfo={description:"",methods:[],displayName:"TimePickerModal",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},onClose:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(time: string) => void",signature:{arguments:[{type:{name:"string"},name:"time"}],return:{name:"void"}}},description:""}}};const Se="_timeInput_1yluz_1",ye="_label_1yluz_5",Ne="_required_1yluz_14",je="_inputWrapper_1yluz_19",qe="_textInput_1yluz_41",Ie="_clockButton_1yluz_58",Te="_error_1yluz_88",Be="_success_1yluz_97",De="_loading_1yluz_102",Me="_disabled_1yluz_131",o={timeInput:Se,label:ye,required:Ne,inputWrapper:je,textInput:qe,clockButton:Ie,error:Te,success:Be,loading:De,disabled:Me};function Y({label:y,value:i,onChange:l,placeholder:N="14:30",onFocus:j,onBlur:q,error:m=!1,success:g=!1,loading:c=!1,disabled:u=!1,required:h=!1,className:n=""}){const[s,I]=S.useState(!1),Z=a=>{if(!a)return"";let t=a.replace(/[^\d:]/g,"");if((t.match(/:/g)||[]).length>1&&(t=t.replace(/:/g,""),t.length>=3&&(t=t.substring(0,2)+":"+t.substring(2))),(t.length===3&&!t.includes(":")||t.length===4&&!t.includes(":"))&&(t=t.substring(0,2)+":"+t.substring(2)),t.includes(":")){const T=t.split(":");let p=T[0],d=T[1]||"";p=p.substring(0,2),p.length===2&&parseInt(p)>23&&(p="23"),d=d.substring(0,2),d.length===2&&parseInt(d)>59&&(d="59"),t=p+(d.length>0?":"+d:":")}return t.substring(0,5)},ee=a=>{const t=Z(a);l(t)},te=()=>{!u&&!c&&I(!0)},re=()=>{const a=[o.timeInput];return m&&a.push(o.error),g&&a.push(o.success),c&&a.push(o.loading),u&&a.push(o.disabled),n&&a.push(n),a.join(" ")};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:re(),children:[e.jsxs("label",{className:o.label,children:[y,h&&e.jsx("span",{className:o.required,children:"*"})]}),e.jsxs("div",{className:o.inputWrapper,children:[e.jsx("input",{type:"text",value:i,onChange:a=>ee(a.target.value),onFocus:j,onBlur:q,placeholder:N,className:o.textInput,maxLength:5,disabled:u||c,"aria-invalid":m,"aria-required":h,inputMode:"numeric",pattern:"[0-9:]*"}),e.jsx("button",{type:"button",onClick:te,className:o.clockButton,title:"Open time picker",disabled:u||c,"aria-label":"Open time picker",children:e.jsx(le,{size:20})})]})]}),e.jsx(U,{isOpen:s,onClose:()=>I(!1),value:i,onChange:l})]})}Y.__docgenInfo={description:"",methods:[],displayName:"TimeInput",props:{placeholder:{defaultValue:{value:'"14:30"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};const Oe={title:"Molecules/TimeInput",component:Y,parameters:{layout:"centered",docs:{description:{component:"A time picker component with both manual text input and native time picker support. Formats time in 24-hour format."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the time input"},value:{control:"text",description:"Current time value in HH:MM format"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},_={args:{label:"Meeting Time",value:"",placeholder:"14:30",onChange:()=>{}}},f={args:{label:"Appointment Time",value:"09:30",placeholder:"14:30",onChange:()=>{}}},k={args:{label:"Error State",value:"25:00",onChange:()=>{},error:!0}},x={args:{label:"Success State",value:"14:30",onChange:()=>{},success:!0}},b={args:{label:"Loading State",value:"14:30",onChange:()=>{},loading:!0}},v={args:{label:"Disabled State",value:"14:30",onChange:()=>{},disabled:!0}},C={args:{label:"Required Field",value:"",onChange:()=>{},required:!0}};var B,D,M;_.parameters={..._.parameters,docs:{...(B=_.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    label: 'Meeting Time',
+    value: '',
+    placeholder: '14:30',
+    onChange: () => {}
+  }
+}`,...(M=(D=_.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};var L,z,H;f.parameters={...f.parameters,docs:{...(L=f.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  args: {
+    label: 'Appointment Time',
+    value: '09:30',
+    placeholder: '14:30',
+    onChange: () => {}
+  }
+}`,...(H=(z=f.parameters)==null?void 0:z.docs)==null?void 0:H.source}}};var W,A,O;k.parameters={...k.parameters,docs:{...(W=k.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    label: 'Error State',
+    value: '25:00',
+    onChange: () => {},
+    error: true
+  }
+}`,...(O=(A=k.parameters)==null?void 0:A.docs)==null?void 0:O.source}}};var V,E,$;x.parameters={...x.parameters,docs:{...(V=x.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    label: 'Success State',
+    value: '14:30',
+    onChange: () => {},
+    success: true
+  }
+}`,...($=(E=x.parameters)==null?void 0:E.docs)==null?void 0:$.source}}};var P,w,F;b.parameters={...b.parameters,docs:{...(P=b.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  args: {
+    label: 'Loading State',
+    value: '14:30',
+    onChange: () => {},
+    loading: true
+  }
+}`,...(F=(w=b.parameters)==null?void 0:w.docs)==null?void 0:F.source}}};var R,X,G;v.parameters={...v.parameters,docs:{...(R=v.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    label: 'Disabled State',
+    value: '14:30',
+    onChange: () => {},
+    disabled: true
+  }
+}`,...(G=(X=v.parameters)==null?void 0:X.docs)==null?void 0:G.source}}};var J,K,Q;C.parameters={...C.parameters,docs:{...(J=C.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  args: {
+    label: 'Required Field',
+    value: '',
+    onChange: () => {},
+    required: true
+  }
+}`,...(Q=(K=C.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};const Ve=["Default","WithValue","WithError","WithSuccess","Loading","Disabled","Required"];export{_ as Default,v as Disabled,b as Loading,C as Required,k as WithError,x as WithSuccess,f as WithValue,Ve as __namedExportsOrder,Oe as default};

package/storybook-static/assets/Toggle-BZxwy2el.js

@@ -0,0 +1,41 @@
+import{r as p,j as i}from"./iframe-Cz1R6gKZ.js";import{u as w}from"./useSound-DOpt9DfD.js";import{m as a}from"./proxy-CAwOFzsk.js";const x="_toggleContainer_y5eyt_1",L="_toggleButton_y5eyt_11",_="_active_y5eyt_27",l={toggleContainer:x,toggleButton:L,active:_};function C(f){const{isOn:e,onToggle:r,leftLabel:m,rightLabel:u,leftIcon:d,rightIcon:h,className:T,style:b,soundConfig:t,enableCelebration:g=!1}=f,y=p.useRef(null),v=p.useRef(null),{handlers:o,playSound:n}=w({...t,onClick:(t==null?void 0:t.onClick)??"toggle",onHover:(t==null?void 0:t.onHover)??"hover"}),c={display:"flex",alignItems:"center",justifyContent:"center",...b};return i.jsxs("div",{className:`${l.toggleContainer} ${T||""}`,children:[i.jsxs(a.button,{ref:y,className:`${l.toggleButton} ${e?"":l.active}`,whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},onClick:()=>{n(e?"toggle":g?"success":"click"),r(!1)},onMouseEnter:()=>{var s;return(s=o.onMouseEnter)==null?void 0:s.call(o)},style:c,children:[i.jsx(a.div,{animate:{scale:e?1:1.1,rotate:e?0:[0,-5,5,0]},transition:{duration:.3},children:d}),m]}),i.jsxs(a.button,{ref:v,className:`${l.toggleButton} ${e?l.active:""}`,whileHover:{scale:1.05},whileTap:{scale:.95},transition:{type:"spring",stiffness:400,damping:17},onClick:()=>{n(e?g?"success":"click":"success"),r(!0)},onMouseEnter:()=>{var s;return(s=o.onMouseEnter)==null?void 0:s.call(o)},style:c,children:[i.jsx(a.div,{animate:{scale:e?1.1:1,rotate:e?[0,5,-5,0]:0},transition:{duration:.3},children:h}),u]})]})}C.__docgenInfo={description:`Toggle Component
+
+@component
+@description
+A two-state toggle switch component that allows users to choose between two options.
+Displays as a segmented control with smooth animations and hover effects.
+Supports both text labels and icons for each option.
+
+@example
+// Basic toggle with labels and sound theme
+<Toggle
+  isOn={darkMode}
+  onToggle={setDarkMode}
+  leftLabel="Light"
+  rightLabel="Dark"
+  soundTheme="digital"
+  enableCelebration={true}
+/>
+
+@example
+// Toggle with icons
+<Toggle
+  isOn={viewMode === 'grid'}
+  onToggle={(isGrid) => setViewMode(isGrid ? 'grid' : 'list')}
+  leftIcon={<ListIcon />}
+  rightIcon={<GridIcon />}
+  leftLabel="List"
+  rightLabel="Grid"
+/>
+
+@example
+// Simple on/off toggle
+<Toggle
+  isOn={notifications}
+  onToggle={setNotifications}
+  leftLabel="Off"
+  rightLabel="On"
+/>
+
+@param {ToggleProps} props - The props for the Toggle component
+@returns {JSX.Element} The rendered Toggle component`,methods:[],displayName:"Toggle"};export{C as T};