@stfrigerio/sito-template 0.1.61 → 0.1.63

package/storybook-static/assets/{TextInput-CsK2bPrD.js → TextInput-CBe5ODhc.js}

@@ -1,4 +1,4 @@
-import{R as f,j as a}from"./iframe-DCkPNH_h.js";import{u as T}from"./useSound-Cv_O9Yec.js";const V="_textInput_16mxa_1",A="_required_16mxa_82",k="_inputError_16mxa_89",M="_errorMessage_16mxa_102",R="_success_16mxa_138",S="_loading_16mxa_167",P="_withIcon_16mxa_184",$="_inputIcon_16mxa_192",B="_withAction_16mxa_209",F="_actionButton_16mxa_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:_,value:r,onChange:I,type:b="text",onBlur:v,placeholder:w,error:n,required:y,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=f.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return f.useEffect(()=>{h.current=r},[r]),a.jsxs("div",{className:N(),children:[a.jsxs("label",{htmlFor:i,children:[_,y&&a.jsx("span",{className:t.required,children:"*"})]}),a.jsxs("div",{style:{position:"relative"},children:[c&&a.jsx("div",{className:t.inputIcon,children:c}),a.jsx("input",{id:i,type:b,value:r,onChange:e=>{const d=e.target.value,x=h.current;I(d),(q||s!=null&&s.onClick)&&(d.length>x.length?p("type"):d.length<x.length&&p("delete")),n&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:v,placeholder:w,className:n?t.inputError:"","aria-invalid":!!n,"aria-describedby":n?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&a.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),n&&a.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:n})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
+import{R as f,j as a}from"./iframe-CeVFZPwg.js";import{u as T}from"./useSound-WbyQ5OGd.js";const V="_textInput_16mxa_1",A="_required_16mxa_82",k="_inputError_16mxa_89",M="_errorMessage_16mxa_102",R="_success_16mxa_138",S="_loading_16mxa_167",P="_withIcon_16mxa_184",$="_inputIcon_16mxa_192",B="_withAction_16mxa_209",F="_actionButton_16mxa_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:_,value:r,onChange:I,type:b="text",onBlur:v,placeholder:w,error:n,required:y,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=f.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return f.useEffect(()=>{h.current=r},[r]),a.jsxs("div",{className:N(),children:[a.jsxs("label",{htmlFor:i,children:[_,y&&a.jsx("span",{className:t.required,children:"*"})]}),a.jsxs("div",{style:{position:"relative"},children:[c&&a.jsx("div",{className:t.inputIcon,children:c}),a.jsx("input",{id:i,type:b,value:r,onChange:e=>{const d=e.target.value,x=h.current;I(d),(q||s!=null&&s.onClick)&&(d.length>x.length?p("type"):d.length<x.length&&p("delete")),n&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:v,placeholder:w,className:n?t.inputError:"","aria-invalid":!!n,"aria-describedby":n?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&a.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),n&&a.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:n})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
 
 @component
 @description

package/storybook-static/assets/{TextInput.stories-fZ3j5ID4.js → TextInput.stories-YzHGVGgo.js}

@@ -1,4 +1,4 @@
-import{r as i,j as e}from"./iframe-DCkPNH_h.js";import{T as u}from"./TextInput-CsK2bPrD.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Cv_O9Yec.js";const U={title:"Atoms/TextInput",component:u,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},argTypes:{label:{control:"text"},value:{control:"text"},placeholder:{control:"text"},error:{control:"text"},type:{control:"select",options:["text","email","password","tel","url"]},required:{control:"boolean"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},s={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},o={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},n={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[m,y]=i.useState(""),[t,f]=i.useState(""),[a,d]=i.useState({}),C=()=>{const r={};m||(r.username="Username is required"),t?t.length<6&&(r.password="Password must be at least 6 characters"):r.password="Password is required",d(r)};return e.jsxs("div",{style:{padding:"2rem",background:"var(--color-background)",border:"1px solid var(--color-border)",borderRadius:"var(--radius-md)",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(u,{label:"Username",value:m,onChange:r=>{y(r),a.username&&d(l=>({...l,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(u,{label:"Password",type:"password",value:t,onChange:r=>{f(r),a.password&&d(l=>({...l,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:C,style:{padding:"0.75rem 1rem",backgroundColor:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-sm)",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}};var p,c,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{r as i,j as e}from"./iframe-CeVFZPwg.js";import{T as u}from"./TextInput-CBe5ODhc.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-WbyQ5OGd.js";const U={title:"Atoms/TextInput",component:u,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},argTypes:{label:{control:"text"},value:{control:"text"},placeholder:{control:"text"},error:{control:"text"},type:{control:"select",options:["text","email","password","tel","url"]},required:{control:"boolean"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},s={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},o={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},n={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[m,y]=i.useState(""),[t,f]=i.useState(""),[a,d]=i.useState({}),C=()=>{const r={};m||(r.username="Username is required"),t?t.length<6&&(r.password="Password must be at least 6 characters"):r.password="Password is required",d(r)};return e.jsxs("div",{style:{padding:"2rem",background:"var(--color-background)",border:"1px solid var(--color-border)",borderRadius:"var(--radius-md)",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(u,{label:"Username",value:m,onChange:r=>{y(r),a.username&&d(l=>({...l,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(u,{label:"Password",type:"password",value:t,onChange:r=>{f(r),a.password&&d(l=>({...l,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:C,style:{padding:"0.75rem 1rem",backgroundColor:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-sm)",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}};var p,c,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
   args: {
     label: 'Name',
     value: '',

package/storybook-static/assets/{TextPressure.stories-B6pN9RLp.js → TextPressure.stories-CIiY_kL4.js}

@@ -1,4 +1,4 @@
-import{r,j as F}from"./iframe-DCkPNH_h.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:`
+import{r,j as F}from"./iframe-CeVFZPwg.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}');

package/storybook-static/assets/{TextType.stories-C9jm9TdC.js → TextType.stories-Dz9okejF.js}

@@ -1,4 +1,4 @@
-import{r as e,j}from"./iframe-DCkPNH_h.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:o,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(""),[n,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(o)?o:[o],[o]),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(n<p.length)t=setTimeout(()=>{I(a=>a+p[n]),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 n===0&&!f&&c===""?t=setTimeout(W,C):W(),()=>clearTimeout(t)},[n,c,f,i,V,x,s,r,h,C,R,D,l,T]);const P=B&&(n<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"}},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:`{
+import{r as e,j}from"./iframe-CeVFZPwg.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:o,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(""),[n,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(o)?o:[o],[o]),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(n<p.length)t=setTimeout(()=>{I(a=>a+p[n]),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 n===0&&!f&&c===""?t=setTimeout(W,C):W(),()=>clearTimeout(t)},[n,c,f,i,V,x,s,r,h,C,R,D,l,T]);const P=B&&(n<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"}},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',

package/storybook-static/assets/{ThemeSwitcher.stories-DHJZPEtd.js → ThemeSwitcher.stories-DM_QEiJI.js}

@@ -1,4 +1,4 @@
-import{r as p,j as e}from"./iframe-DCkPNH_h.js";import{m as s}from"./proxy-cgPyYfyG.js";import{M as _,S as y}from"./sun-BfIldVmy.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-CJ0kpWbz.js";import"./createLucideIcon-G8N511cp.js";const E=p.createContext(void 0),R=()=>p.useContext(E)??null,O=({children:o,defaultTheme:m="light",storageKey:l="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(l);return a&&["light","dark","lossito","lossito-dark","dao","dao-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(l,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],x=(a.indexOf(i)+1)%a.length;v(a[x])};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=x=>{localStorage.getItem(l)||g(x.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[l]),e.jsx(E.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};O.__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' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-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 W="_button_2917u_1",P="_iconWrapper_2917u_20",z="_label_2917u_28",A="_toggle_2917u_33",H="_toggleTrack_2917u_43",Q="_toggleThumb_2917u_53",F="_dropdown_2917u_65",G="_dropdownTrigger_2917u_69",J="_dropdownMenu_2917u_87",U="_dropdownItem_2917u_106",X="_active_2917u_124",Y="_icon_2917u_20",Z="_text_2917u_144",r={button:W,iconWrapper:P,label:z,toggle:A,toggleTrack:H,toggleThumb:Q,dropdown:F,dropdownTrigger:G,dropdownMenu:J,dropdownItem:U,active:X,icon:Y,text:Z},h=({variant:o="button",showLabel:m=!1,className:l="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=R(),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(y,{})},{value:"dark",label:"Dark",icon:e.jsx(_,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],k=c.findIndex(t=>t.value===a),u=c[k]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(s.button,{className:`${r.toggle} ${l}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(s.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(s.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(_,{size:14}):e.jsx(y,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${l}`,children:[e.jsxs(s.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(s.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(s.button,{className:`${r.dropdownItem} ${a===t.value?r.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:r.icon,children:t.icon}),e.jsx("span",{className:r.text,children:t.label})]},t.value))})]}):e.jsxs(s.button,{className:`${r.button} ${l}`,onClick:()=>{const t=(k+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(s.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:r.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:r.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' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-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' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const K=({children:o})=>e.jsx(O,{defaultTheme:"light",children:o}),ne={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(K,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(o,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},w={args:{variant:"button",showLabel:!0}},b={args:{variant:"toggle",showLabel:!0}},T={args:{variant:"dropdown",showLabel:!0}},f={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 j,L,S;w.parameters={...w.parameters,docs:{...(j=w.parameters)==null?void 0:j.docs,source:{originalSource:`{
+import{r as p,j as e}from"./iframe-CeVFZPwg.js";import{m as s}from"./proxy-cx8pSoB7.js";import{M as _,S as y}from"./sun-DxFjS1jT.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext--E7FMpuk.js";import"./createLucideIcon-ByiU7ZJ8.js";const E=p.createContext(void 0),R=()=>p.useContext(E)??null,O=({children:o,defaultTheme:m="light",storageKey:l="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(l);return a&&["light","dark","lossito","lossito-dark","dao","dao-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(l,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],x=(a.indexOf(i)+1)%a.length;v(a[x])};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=x=>{localStorage.getItem(l)||g(x.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[l]),e.jsx(E.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};O.__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' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-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 W="_button_2917u_1",P="_iconWrapper_2917u_20",z="_label_2917u_28",A="_toggle_2917u_33",H="_toggleTrack_2917u_43",Q="_toggleThumb_2917u_53",F="_dropdown_2917u_65",G="_dropdownTrigger_2917u_69",J="_dropdownMenu_2917u_87",U="_dropdownItem_2917u_106",X="_active_2917u_124",Y="_icon_2917u_20",Z="_text_2917u_144",r={button:W,iconWrapper:P,label:z,toggle:A,toggleTrack:H,toggleThumb:Q,dropdown:F,dropdownTrigger:G,dropdownMenu:J,dropdownItem:U,active:X,icon:Y,text:Z},h=({variant:o="button",showLabel:m=!1,className:l="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=R(),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(y,{})},{value:"dark",label:"Dark",icon:e.jsx(_,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],k=c.findIndex(t=>t.value===a),u=c[k]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(s.button,{className:`${r.toggle} ${l}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(s.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(s.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(_,{size:14}):e.jsx(y,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${l}`,children:[e.jsxs(s.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(s.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(s.button,{className:`${r.dropdownItem} ${a===t.value?r.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:r.icon,children:t.icon}),e.jsx("span",{className:r.text,children:t.label})]},t.value))})]}):e.jsxs(s.button,{className:`${r.button} ${l}`,onClick:()=>{const t=(k+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(s.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:r.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:r.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' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-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' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const K=({children:o})=>e.jsx(O,{defaultTheme:"light",children:o}),ne={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(K,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(o,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},w={args:{variant:"button",showLabel:!0}},b={args:{variant:"toggle",showLabel:!0}},T={args:{variant:"dropdown",showLabel:!0}},f={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 j,L,S;w.parameters={...w.parameters,docs:{...(j=w.parameters)==null?void 0:j.docs,source:{originalSource:`{
   args: {
     variant: 'button',
     showLabel: true

package/storybook-static/assets/{Threads.stories-BiH2lkaI.js → Threads.stories-BIzOUSgU.js}

@@ -1,4 +1,4 @@
-import{r as d,j as z}from"./iframe-DCkPNH_h.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=`
+import{r as d,j as z}from"./iframe-CeVFZPwg.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;

package/storybook-static/assets/TimeInput-CxYhmiP9.css

@@ -0,0 +1 @@
+._timeInput_4l7gd_1{margin-bottom:var(--spacing-lg)}._label_4l7gd_5{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide)}._required_4l7gd_14{color:var(--color-error);margin-left:4px}._picker_4l7gd_19{width:100%}._error_4l7gd_24 ._label_4l7gd_5{color:var(--color-error)}._disabled_4l7gd_29{opacity:.5;pointer-events:none}