@stfrigerio/sito-template 0.1.51 → 0.1.52

package/storybook-static/assets/{TextInput.stories-Cwf2_Ika.js → TextInput.stories-DtG6MQod.js}

@@ -1,4 +1,4 @@
-import{j as e,r as l}from"./iframe-CvT6MryR.js";import{T as r}from"./TextInput-7QROD9Bu.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.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:`{
+import{j as e,r as l}from"./iframe-LZvJb0BS.js";import{T as r}from"./TextInput-CiI38oLt.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.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: '',

package/storybook-static/assets/{TextPressure.stories-CB8UIoN_.js → TextPressure.stories-C1h8GiS8.js}

@@ -1,4 +1,4 @@
-import{r,j as F}from"./iframe-CvT6MryR.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-LZvJb0BS.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-D4ZEW3Fz.js → TextType.stories-BfUDVoY_.js}

@@ -1,4 +1,4 @@
-import{r as e,j}from"./iframe-CvT6MryR.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:`{
+import{r as e,j}from"./iframe-LZvJb0BS.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',

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

@@ -0,0 +1,62 @@
+import{r as p,j as e}from"./iframe-LZvJb0BS.js";import{m as l}from"./proxy-94dt0K2Y.js";import{M as L,S}from"./sun-s1P_-p6e.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./createLucideIcon-yjHXhSOm.js";const U=p.createContext(void 0),Y=()=>p.useContext(U)??null,X=({children:o,defaultTheme:m="light",storageKey:s="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(s);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(s,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-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:o})};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' | '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 Z="_button_2917u_1",K="_iconWrapper_2917u_20",ee="_label_2917u_28",ae="_toggle_2917u_33",te="_toggleTrack_2917u_43",re="_toggleThumb_2917u_53",oe="_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",r={button:Z,iconWrapper:K,label:ee,toggle:ae,toggleTrack:te,toggleThumb:re,dropdown:oe,dropdownTrigger:se,dropdownMenu:ne,dropdownItem:le,active:ie,icon:de,text:ce},h=({variant:o="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:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],j=c.findIndex(t=>t.value===a),u=c[j]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(l.button,{className:`${r.toggle} ${s}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(l.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(l.div,{className:r.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:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${s}`,children:[e.jsxs(l.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(l.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(l.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(l.button,{className:`${r.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: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 me=({children:o})=>e.jsx(X,{defaultTheme:"light",children:o}),be={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(me,{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"}}}},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.stories-P32yG4P8.js → Threads.stories-sZxNqPXX.js}

@@ -1,4 +1,4 @@
-import{r as d,j as z}from"./iframe-CvT6MryR.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-LZvJb0BS.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.stories-Dkkdpsta.js → TimeInput.stories-CjvGCAgd.js}

@@ -1,4 +1,4 @@
-import{r as S,j as e}from"./iframe-CvT6MryR.js";import{X as ae}from"./x-D_m9a61B.js";import{c as ne}from"./createLucideIcon-Eaeny9Zi.js";import"./preload-helper-C1FmrZbK.js";/**
+import{r as S,j as e}from"./iframe-LZvJb0BS.js";import{X as ae}from"./x-C7Ulr4p2.js";import{c as ne}from"./createLucideIcon-yjHXhSOm.js";import"./preload-helper-C1FmrZbK.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{Toggle-DLu7xVQv.js → Toggle-DwTHl9Fm.js}

@@ -1,4 +1,4 @@
-import{r as p,j as i}from"./iframe-CvT6MryR.js";import{u as w}from"./useSound-DyOR6GVH.js";import{m as a}from"./proxy-0exJiild.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
+import{r as p,j as i}from"./iframe-LZvJb0BS.js";import{u as w}from"./useSound-Dc8S51xy.js";import{m as a}from"./proxy-94dt0K2Y.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

package/storybook-static/assets/{Toggle.stories-BSS4Epfw.js → Toggle.stories-DU0Scugu.js}

@@ -1,4 +1,4 @@
-import{j as e,r as h}from"./iframe-CvT6MryR.js";import{T as a}from"./Toggle-DLu7xVQv.js";import{S as o,M as r}from"./sun-BwQ2hAsY.js";import{c as J}from"./createLucideIcon-Eaeny9Zi.js";import{L as F}from"./layout-grid-nUVet5Tw.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";/**
+import{j as e,r as h}from"./iframe-LZvJb0BS.js";import{T as a}from"./Toggle-DwTHl9Fm.js";import{S as o,M as r}from"./sun-s1P_-p6e.js";import{c as J}from"./createLucideIcon-yjHXhSOm.js";import{L as F}from"./layout-grid-Dyvnjtf9.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{ToggleButton-Cq7dxxuH.js → ToggleButton-s2aFLlgS.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./iframe-CvT6MryR.js";import{u as S}from"./useSound-DyOR6GVH.js";import{m as i}from"./proxy-0exJiild.js";import{A as c}from"./index-2ZuXCVEx.js";const q="_button_1ddez_1",A="_background_1ddez_33",N="_content_1ddez_49",V="_iconWrapper_1ddez_58",B="_icon_1ddez_58",R="_label_1ddez_75",W="_hideMobile_1ddez_81",P="_checkmark_1ddez_86",L="_ripple_1ddez_101",M="_small_1ddez_119",I="_large_1ddez_133",$="_active_1ddez_148",D="_outlined_1ddez_154",E="_filled_1ddez_168",F="_ghost_1ddez_179",Y="_active-primary_1ddez_196",H="_active-secondary_1ddez_202",J="_active-success_1ddez_208",O="_active-danger_1ddez_214",X="_active-warning_1ddez_220",G="_animation-scale_1ddez_258",K="_scaleAnimation_1ddez_1",Q="_animation-rotate_1ddez_262",U="_rotateAnimation_1ddez_1",Z="_animation-flip_1ddez_266",ee="_flipAnimation_1ddez_1",ae="_disabled_1ddez_298",e={button:q,background:A,content:N,iconWrapper:V,icon:B,label:R,hideMobile:W,checkmark:P,ripple:L,small:M,large:I,default:"_default_1ddez_148",active:$,outlined:D,filled:E,ghost:F,"active-primary":"_active-primary_1ddez_196",activePrimary:Y,"active-secondary":"_active-secondary_1ddez_202",activeSecondary:H,"active-success":"_active-success_1ddez_208",activeSuccess:J,"active-danger":"_active-danger_1ddez_214",activeDanger:O,"active-warning":"_active-warning_1ddez_220",activeWarning:X,"animation-scale":"_animation-scale_1ddez_258",animationScale:G,scaleAnimation:K,"animation-rotate":"_animation-rotate_1ddez_262",animationRotate:Q,rotateAnimation:U,"animation-flip":"_animation-flip_1ddez_266",animationFlip:Z,flipAnimation:ee,disabled:ae},te=({active:t,onClick:d,icon:o,label:l,disabled:s=!1,size:m="medium",variant:u="default",activeColor:p="primary",showCheckmark:_=!1,animation:r="scale",className:v="",style:f={},color:n,tooltip:g,hideLabelOnMobile:h=!1,soundConfig:y})=>{const{handlers:b,playSound:z}=S(y),k=[e.button,e[m],e[u],t&&e.active,t&&e[`active-${p}`],s&&e.disabled,r!=="none"&&e[`animation-${r}`],v].filter(Boolean).join(" "),T=[e.label,h&&e.hideMobile].filter(Boolean).join(" "),w={scale:{inactive:{scale:1},active:{scale:[1,1.2,1]}},rotate:{inactive:{rotate:0},active:{rotate:360}},flip:{inactive:{rotateY:0},active:{rotateY:180}},none:{inactive:{},active:{}}},C={hidden:{scale:0,opacity:0,rotate:-90},visible:{scale:1,opacity:1,rotate:0,transition:{type:"spring",stiffness:500,damping:25}}},x={inactive:{scale:0,opacity:0},active:{scale:1,opacity:1,transition:{type:"spring",stiffness:400,damping:20}}},j={...f,...n&&{"--toggle-color":n,"--toggle-border-color":t?n:`${n}40`,"--toggle-bg-color":t?`${n}20`:"transparent"}};return a.jsxs(i.button,{className:k,style:j,onClick:()=>{z("toggle"),d()},disabled:s,whileHover:s?void 0:{scale:1.05},whileTap:s?void 0:{scale:.95},title:g,"aria-pressed":t,"aria-label":l,...b,children:[a.jsx(i.div,{className:e.background,variants:x,initial:"inactive",animate:t?"active":"inactive"}),a.jsxs("div",{className:e.content,children:[o&&a.jsx(i.div,{className:e.iconWrapper,variants:w[r],initial:"inactive",animate:t?"active":"inactive",transition:{duration:.3},children:typeof o=="string"?a.jsx("span",{className:e.icon,children:o}):a.jsx("div",{className:e.icon,children:o})}),l&&a.jsx("span",{className:T,children:l}),a.jsx(c,{children:_&&t&&a.jsx(i.div,{className:e.checkmark,variants:C,initial:"hidden",animate:"visible",exit:"hidden",children:a.jsx("svg",{viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),a.jsx(c,{children:t&&a.jsx(i.div,{className:e.ripple,initial:{scale:0,opacity:.5},animate:{scale:2,opacity:0},exit:{scale:0,opacity:0},transition:{duration:.6}})})]})};te.__docgenInfo={description:`ToggleButton Component
+import{j as a}from"./iframe-LZvJb0BS.js";import{u as S}from"./useSound-Dc8S51xy.js";import{m as i}from"./proxy-94dt0K2Y.js";import{A as c}from"./index-vc18hLoj.js";const q="_button_1ddez_1",A="_background_1ddez_33",N="_content_1ddez_49",V="_iconWrapper_1ddez_58",B="_icon_1ddez_58",R="_label_1ddez_75",W="_hideMobile_1ddez_81",P="_checkmark_1ddez_86",L="_ripple_1ddez_101",M="_small_1ddez_119",I="_large_1ddez_133",$="_active_1ddez_148",D="_outlined_1ddez_154",E="_filled_1ddez_168",F="_ghost_1ddez_179",Y="_active-primary_1ddez_196",H="_active-secondary_1ddez_202",J="_active-success_1ddez_208",O="_active-danger_1ddez_214",X="_active-warning_1ddez_220",G="_animation-scale_1ddez_258",K="_scaleAnimation_1ddez_1",Q="_animation-rotate_1ddez_262",U="_rotateAnimation_1ddez_1",Z="_animation-flip_1ddez_266",ee="_flipAnimation_1ddez_1",ae="_disabled_1ddez_298",e={button:q,background:A,content:N,iconWrapper:V,icon:B,label:R,hideMobile:W,checkmark:P,ripple:L,small:M,large:I,default:"_default_1ddez_148",active:$,outlined:D,filled:E,ghost:F,"active-primary":"_active-primary_1ddez_196",activePrimary:Y,"active-secondary":"_active-secondary_1ddez_202",activeSecondary:H,"active-success":"_active-success_1ddez_208",activeSuccess:J,"active-danger":"_active-danger_1ddez_214",activeDanger:O,"active-warning":"_active-warning_1ddez_220",activeWarning:X,"animation-scale":"_animation-scale_1ddez_258",animationScale:G,scaleAnimation:K,"animation-rotate":"_animation-rotate_1ddez_262",animationRotate:Q,rotateAnimation:U,"animation-flip":"_animation-flip_1ddez_266",animationFlip:Z,flipAnimation:ee,disabled:ae},te=({active:t,onClick:d,icon:o,label:l,disabled:s=!1,size:m="medium",variant:u="default",activeColor:p="primary",showCheckmark:_=!1,animation:r="scale",className:v="",style:f={},color:n,tooltip:g,hideLabelOnMobile:h=!1,soundConfig:y})=>{const{handlers:b,playSound:z}=S(y),k=[e.button,e[m],e[u],t&&e.active,t&&e[`active-${p}`],s&&e.disabled,r!=="none"&&e[`animation-${r}`],v].filter(Boolean).join(" "),T=[e.label,h&&e.hideMobile].filter(Boolean).join(" "),w={scale:{inactive:{scale:1},active:{scale:[1,1.2,1]}},rotate:{inactive:{rotate:0},active:{rotate:360}},flip:{inactive:{rotateY:0},active:{rotateY:180}},none:{inactive:{},active:{}}},C={hidden:{scale:0,opacity:0,rotate:-90},visible:{scale:1,opacity:1,rotate:0,transition:{type:"spring",stiffness:500,damping:25}}},x={inactive:{scale:0,opacity:0},active:{scale:1,opacity:1,transition:{type:"spring",stiffness:400,damping:20}}},j={...f,...n&&{"--toggle-color":n,"--toggle-border-color":t?n:`${n}40`,"--toggle-bg-color":t?`${n}20`:"transparent"}};return a.jsxs(i.button,{className:k,style:j,onClick:()=>{z("toggle"),d()},disabled:s,whileHover:s?void 0:{scale:1.05},whileTap:s?void 0:{scale:.95},title:g,"aria-pressed":t,"aria-label":l,...b,children:[a.jsx(i.div,{className:e.background,variants:x,initial:"inactive",animate:t?"active":"inactive"}),a.jsxs("div",{className:e.content,children:[o&&a.jsx(i.div,{className:e.iconWrapper,variants:w[r],initial:"inactive",animate:t?"active":"inactive",transition:{duration:.3},children:typeof o=="string"?a.jsx("span",{className:e.icon,children:o}):a.jsx("div",{className:e.icon,children:o})}),l&&a.jsx("span",{className:T,children:l}),a.jsx(c,{children:_&&t&&a.jsx(i.div,{className:e.checkmark,variants:C,initial:"hidden",animate:"visible",exit:"hidden",children:a.jsx("svg",{viewBox:"0 0 24 24",fill:"none",children:a.jsx("path",{d:"M20 6L9 17L4 12",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),a.jsx(c,{children:t&&a.jsx(i.div,{className:e.ripple,initial:{scale:0,opacity:.5},animate:{scale:2,opacity:0},exit:{scale:0,opacity:0},transition:{duration:.6}})})]})};te.__docgenInfo={description:`ToggleButton Component
 
 @component
 @description

package/storybook-static/assets/{ToggleButton.stories-BZvOkwfy.js → ToggleButton.stories-DgSqo96g.js}

@@ -1,4 +1,4 @@
-import{j as e,r as o}from"./iframe-CvT6MryR.js";import{T as a}from"./ToggleButton-Cq7dxxuH.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";import"./index-2ZuXCVEx.js";const ue={title:"Atoms/ToggleButton",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{active:{control:"boolean",description:"Whether the button is active/selected"},onClick:{action:"clicked",description:"Click handler"},icon:{control:"text",description:"Icon or emoji to display"},label:{control:"text",description:"Label text"},disabled:{control:"boolean",description:"Whether the button is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant"},variant:{control:{type:"select"},options:["default","outlined","filled","ghost"],description:"Visual variant"},activeColor:{control:{type:"select"},options:["primary","secondary","success","danger","warning"],description:"Color when active"},color:{control:"color",description:"Custom color for border/background when active"},showCheckmark:{control:"boolean",description:"Show a checkmark when active"},animation:{control:{type:"select"},options:["scale","rotate","flip","none"],description:"Animation type for state change"},tooltip:{control:"text",description:"Tooltip text"},hideLabelOnMobile:{control:"boolean",description:"Whether to hide the label on mobile"}}},w=t=>{const[l,s]=o.useState(t.active||!1);return e.jsx(a,{...t,active:l,onClick:()=>{var n;s(!l),(n=t.onClick)==null||n.call(t)}})},p={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"🦷",label:"Teeth"}},g={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"✅",label:"Complete",showCheckmark:!0}},v={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🐁",label:"Small",size:"small"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🐕",label:"Medium",size:"medium"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🐘",label:"Large",size:"large"})]})}},f={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Default",variant:"default"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"📝",label:"Outlined",variant:"outlined"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🎯",label:"Filled",variant:"filled"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"👻",label:"Ghost",variant:"ghost"})]})}},C={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"💜",label:"Primary",activeColor:"primary"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"💚",label:"Secondary",activeColor:"secondary"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✅",label:"Success",activeColor:"success"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⚠️",label:"Danger",activeColor:"danger"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"🔔",label:"Warning",activeColor:"warning"})]})}},k={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎈",label:"Scale",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🌀",label:"Rotate",animation:"rotate"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔄",label:"Flip",animation:"flip"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⏸️",label:"None",animation:"none"})]})}},S={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:"12px",maxWidth:"600px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"😢",label:"Sad",color:"#3b82f6"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"😕",label:"Meh",color:"#8b5cf6"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"😐",label:"Neutral",color:"#6b7280"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🙂",label:"Good",color:"#10b981"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"😁",label:"Great",color:"#f59e0b"})]})}},x={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(120px, 1fr))",gap:"12px",maxWidth:"400px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]})}},h={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"❤️",tooltip:"Add to favorites",activeColor:"danger",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🔖",tooltip:"Bookmark",activeColor:"primary",animation:"flip"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔔",tooltip:"Enable notifications",activeColor:"warning",animation:"rotate"})]})}},b={render:t=>e.jsx(w,{...t}),args:{active:!0,icon:"🔒",label:"Disabled",disabled:!0}},y={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Primary",variant:"outlined",activeColor:"primary",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🎭",label:"Secondary",variant:"outlined",activeColor:"secondary",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✨",label:"Success",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🚨",label:"Danger",variant:"outlined",activeColor:"danger",showCheckmark:!0})]})}};var T,j,B;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
+import{j as e,r as o}from"./iframe-LZvJb0BS.js";import{T as a}from"./ToggleButton-s2aFLlgS.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./index-vc18hLoj.js";const ue={title:"Atoms/ToggleButton",component:a,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{active:{control:"boolean",description:"Whether the button is active/selected"},onClick:{action:"clicked",description:"Click handler"},icon:{control:"text",description:"Icon or emoji to display"},label:{control:"text",description:"Label text"},disabled:{control:"boolean",description:"Whether the button is disabled"},size:{control:{type:"select"},options:["small","medium","large"],description:"Size variant"},variant:{control:{type:"select"},options:["default","outlined","filled","ghost"],description:"Visual variant"},activeColor:{control:{type:"select"},options:["primary","secondary","success","danger","warning"],description:"Color when active"},color:{control:"color",description:"Custom color for border/background when active"},showCheckmark:{control:"boolean",description:"Show a checkmark when active"},animation:{control:{type:"select"},options:["scale","rotate","flip","none"],description:"Animation type for state change"},tooltip:{control:"text",description:"Tooltip text"},hideLabelOnMobile:{control:"boolean",description:"Whether to hide the label on mobile"}}},w=t=>{const[l,s]=o.useState(t.active||!1);return e.jsx(a,{...t,active:l,onClick:()=>{var n;s(!l),(n=t.onClick)==null||n.call(t)}})},p={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"🦷",label:"Teeth"}},g={render:t=>e.jsx(w,{...t}),args:{active:!1,icon:"✅",label:"Complete",showCheckmark:!0}},v={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🐁",label:"Small",size:"small"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🐕",label:"Medium",size:"medium"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🐘",label:"Large",size:"large"})]})}},f={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Default",variant:"default"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"📝",label:"Outlined",variant:"outlined"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🎯",label:"Filled",variant:"filled"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"👻",label:"Ghost",variant:"ghost"})]})}},C={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"💜",label:"Primary",activeColor:"primary"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"💚",label:"Secondary",activeColor:"secondary"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✅",label:"Success",activeColor:"success"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⚠️",label:"Danger",activeColor:"danger"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"🔔",label:"Warning",activeColor:"warning"})]})}},k={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎈",label:"Scale",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🌀",label:"Rotate",animation:"rotate"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔄",label:"Flip",animation:"flip"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"⏸️",label:"None",animation:"none"})]})}},S={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",flexWrap:"wrap",gap:"12px",maxWidth:"600px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"😢",label:"Sad",color:"#3b82f6"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"😕",label:"Meh",color:"#8b5cf6"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"😐",label:"Neutral",color:"#6b7280"}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🙂",label:"Good",color:"#10b981"}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"😁",label:"Great",color:"#f59e0b"})]})}},x={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1),[u,m]=o.useState(!1);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(120px, 1fr))",gap:"12px",maxWidth:"400px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:u,onClick:()=>m(!u),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]})}},h={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"❤️",tooltip:"Add to favorites",activeColor:"danger",animation:"scale"}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🔖",tooltip:"Bookmark",activeColor:"primary",animation:"flip"}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"🔔",tooltip:"Enable notifications",activeColor:"warning",animation:"rotate"})]})}},b={render:t=>e.jsx(w,{...t}),args:{active:!0,icon:"🔒",label:"Disabled",disabled:!0}},y={render:()=>{const[t,l]=o.useState(!1),[s,n]=o.useState(!1),[i,r]=o.useState(!1),[c,d]=o.useState(!1);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[e.jsx(a,{active:t,onClick:()=>l(!t),icon:"🎨",label:"Primary",variant:"outlined",activeColor:"primary",showCheckmark:!0}),e.jsx(a,{active:s,onClick:()=>n(!s),icon:"🎭",label:"Secondary",variant:"outlined",activeColor:"secondary",showCheckmark:!0}),e.jsx(a,{active:i,onClick:()=>r(!i),icon:"✨",label:"Success",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(a,{active:c,onClick:()=>d(!c),icon:"🚨",label:"Danger",variant:"outlined",activeColor:"danger",showCheckmark:!0})]})}};var T,j,B;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
   render: args => <ToggleButtonWrapper {...args} />,
   args: {
     active: false,

package/storybook-static/assets/{TrueFocus.stories-BMRj967B.js → TrueFocus.stories-CuqOvqGj.js}

@@ -1,4 +1,4 @@
-import{r as a,j as n}from"./iframe-CvT6MryR.js";import{m as T}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const V="_active_ngfrk_24",C="_corner_ngfrk_37",e={"focus-container":"_focus-container_ngfrk_1","focus-word":"_focus-word_ngfrk_12",active:V,"focus-frame":"_focus-frame_ngfrk_28",corner:C,"top-left":"_top-left_ngfrk_47","top-right":"_top-right_ngfrk_54","bottom-left":"_bottom-left_ngfrk_61","bottom-right":"_bottom-right_ngfrk_68"},$=({sentence:R="True Focus",separator:y=" ",manualMode:s=!1,blurAmount:g=5,borderColor:_="green",glowColor:h="rgba(0, 255, 0, 0.6)",animationDuration:u=.5,pauseBetweenAnimations:v=1})=>{const l=R.split(y),[o,i]=a.useState(0),[j,k]=a.useState(null),d=a.useRef(null),p=a.useRef([]),[c,q]=a.useState({x:0,y:0,width:0,height:0});a.useEffect(()=>{if(!s){const r=setInterval(()=>{i(t=>(t+1)%l.length)},(u+v)*1e3);return()=>clearInterval(r)}},[s,u,v,l.length]),a.useEffect(()=>{if(o===null||o===-1||!p.current[o]||!d.current)return;const r=d.current.getBoundingClientRect(),t=p.current[o].getBoundingClientRect();q({x:t.left-r.left,y:t.top-r.top,width:t.width,height:t.height})},[o,l.length]);const A=r=>{s&&(k(r),i(r))},F=()=>{s&&i(j)};return n.jsxs("div",{className:`${e["focus-container"]}`,ref:d,children:[l.map((r,t)=>{const m=t===o;return n.jsx("span",{ref:N=>p.current[t]=N,className:`${e["focus-word"]} ${s?"manual":""} ${m&&!s?e.active:""}`,style:{filter:s?m?"blur(0px)":`blur(${g}px)`:m?"blur(0px)":`blur(${g}px)`,"--border-color":_,"--glow-color":h,transition:`filter ${u}s ease`},onMouseEnter:()=>A(t),onMouseLeave:F,children:r},t)}),n.jsxs(T.div,{className:`${e["focus-frame"]}`,animate:{x:c.x,y:c.y,width:c.width,height:c.height,opacity:o>=0?1:0},transition:{duration:u},style:{"--border-color":_,"--glow-color":h},children:[n.jsx("span",{className:`${e.corner} ${e["top-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["top-right"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-right"]}`})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"TrueFocus",props:{sentence:{defaultValue:{value:"'True Focus'",computed:!1},required:!1},separator:{defaultValue:{value:"' '",computed:!1},required:!1},manualMode:{defaultValue:{value:"false",computed:!1},required:!1},blurAmount:{defaultValue:{value:"5",computed:!1},required:!1},borderColor:{defaultValue:{value:"'green'",computed:!1},required:!1},glowColor:{defaultValue:{value:"'rgba(0, 255, 0, 0.6)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},pauseBetweenAnimations:{defaultValue:{value:"1",computed:!1},required:!1}}};const L={title:"ReactBits/TextAnimations/TrueFocus",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{sentence:"True Focus",separator:" ",manualMode:!1,blurAmount:5,borderColor:"green",glowColor:"rgba(0, 255, 0, 0.6)",animationDuration:.5,pauseBetweenAnimations:1}};var x,b,w;f.parameters={...f.parameters,docs:{...(x=f.parameters)==null?void 0:x.docs,source:{originalSource:`{
+import{r as a,j as n}from"./iframe-LZvJb0BS.js";import{m as T}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const V="_active_ngfrk_24",C="_corner_ngfrk_37",e={"focus-container":"_focus-container_ngfrk_1","focus-word":"_focus-word_ngfrk_12",active:V,"focus-frame":"_focus-frame_ngfrk_28",corner:C,"top-left":"_top-left_ngfrk_47","top-right":"_top-right_ngfrk_54","bottom-left":"_bottom-left_ngfrk_61","bottom-right":"_bottom-right_ngfrk_68"},$=({sentence:R="True Focus",separator:y=" ",manualMode:s=!1,blurAmount:g=5,borderColor:_="green",glowColor:h="rgba(0, 255, 0, 0.6)",animationDuration:u=.5,pauseBetweenAnimations:v=1})=>{const l=R.split(y),[o,i]=a.useState(0),[j,k]=a.useState(null),d=a.useRef(null),p=a.useRef([]),[c,q]=a.useState({x:0,y:0,width:0,height:0});a.useEffect(()=>{if(!s){const r=setInterval(()=>{i(t=>(t+1)%l.length)},(u+v)*1e3);return()=>clearInterval(r)}},[s,u,v,l.length]),a.useEffect(()=>{if(o===null||o===-1||!p.current[o]||!d.current)return;const r=d.current.getBoundingClientRect(),t=p.current[o].getBoundingClientRect();q({x:t.left-r.left,y:t.top-r.top,width:t.width,height:t.height})},[o,l.length]);const A=r=>{s&&(k(r),i(r))},F=()=>{s&&i(j)};return n.jsxs("div",{className:`${e["focus-container"]}`,ref:d,children:[l.map((r,t)=>{const m=t===o;return n.jsx("span",{ref:N=>p.current[t]=N,className:`${e["focus-word"]} ${s?"manual":""} ${m&&!s?e.active:""}`,style:{filter:s?m?"blur(0px)":`blur(${g}px)`:m?"blur(0px)":`blur(${g}px)`,"--border-color":_,"--glow-color":h,transition:`filter ${u}s ease`},onMouseEnter:()=>A(t),onMouseLeave:F,children:r},t)}),n.jsxs(T.div,{className:`${e["focus-frame"]}`,animate:{x:c.x,y:c.y,width:c.width,height:c.height,opacity:o>=0?1:0},transition:{duration:u},style:{"--border-color":_,"--glow-color":h},children:[n.jsx("span",{className:`${e.corner} ${e["top-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["top-right"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-left"]}`}),n.jsx("span",{className:`${e.corner} ${e["bottom-right"]}`})]})]})};$.__docgenInfo={description:"",methods:[],displayName:"TrueFocus",props:{sentence:{defaultValue:{value:"'True Focus'",computed:!1},required:!1},separator:{defaultValue:{value:"' '",computed:!1},required:!1},manualMode:{defaultValue:{value:"false",computed:!1},required:!1},blurAmount:{defaultValue:{value:"5",computed:!1},required:!1},borderColor:{defaultValue:{value:"'green'",computed:!1},required:!1},glowColor:{defaultValue:{value:"'rgba(0, 255, 0, 0.6)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},pauseBetweenAnimations:{defaultValue:{value:"1",computed:!1},required:!1}}};const L={title:"ReactBits/TextAnimations/TrueFocus",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},f={args:{sentence:"True Focus",separator:" ",manualMode:!1,blurAmount:5,borderColor:"green",glowColor:"rgba(0, 255, 0, 0.6)",animationDuration:.5,pauseBetweenAnimations:1}};var x,b,w;f.parameters={...f.parameters,docs:{...(x=f.parameters)==null?void 0:x.docs,source:{originalSource:`{
   args: {
     sentence: 'True Focus',
     separator: ' ',

package/storybook-static/assets/{VariableProximity.stories-B6-tbs3n.js → VariableProximity.stories-CWLeFmxb.js}

@@ -1,4 +1,4 @@
-import{r as l,j as m}from"./iframe-CvT6MryR.js";import{m as T}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const E={"variable-proximity":"_variable-proximity_14yrm_3","sr-only":"_sr-only_14yrm_7"};function W(e){l.useEffect(()=>{let r;const c=()=>{e(),r=requestAnimationFrame(c)};return r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[e])}function O(e){const r=l.useRef({x:0,y:0});return l.useEffect(()=>{const c=(n,a)=>{if(e!=null&&e.current){const y=e.current.getBoundingClientRect();r.current={x:n-y.left,y:a-y.top}}else r.current={x:n,y:a}},p=n=>c(n.clientX,n.clientY),d=n=>{const a=n.touches[0];c(a.clientX,a.clientY)};return window.addEventListener("mousemove",p),window.addEventListener("touchmove",d),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",d)}},[e]),r}const x=l.forwardRef((e,r)=>{const{label:c,fromFontVariationSettings:p,toFontVariationSettings:d,containerRef:n,radius:a=50,falloff:y="linear",className:C="",onClick:z,style:A,...L}=e,V=l.useRef([]),b=l.useRef([]),h=O(n),w=l.useRef({x:null,y:null}),N=l.useMemo(()=>{const s=t=>new Map(t.split(",").map(i=>i.trim()).map(i=>{const[f,S]=i.split(" ");return[f.replace(/['"]/g,""),parseFloat(S)]})),o=s(p),u=s(d);return Array.from(o.entries()).map(([t,i])=>({axis:t,fromValue:i,toValue:u.get(t)??i}))},[p,d]),$=(s,o,u,t)=>Math.sqrt((u-s)**2+(t-o)**2),k=s=>{const o=Math.min(Math.max(1-s/a,0),1);switch(y){case"exponential":return o**2;case"gaussian":return Math.exp(-((s/(a/2))**2)/2);case"linear":default:return o}};W(()=>{if(!(n!=null&&n.current))return;const s=n.current.getBoundingClientRect(),{x:o,y:u}=h.current;w.current.x===o&&w.current.y===u||(w.current={x:o,y:u},V.current.forEach((t,i)=>{if(!t)return;const f=t.getBoundingClientRect(),S=f.left+f.width/2-s.left,I=f.top+f.height/2-s.top,P=$(h.current.x,h.current.y,S,I);if(P>=a){t.style.fontVariationSettings=p;return}const q=k(P),j=N.map(({axis:D,fromValue:F,toValue:X})=>{const Y=F+(X-F)*q;return`'${D}' ${Y}`}).join(", ");b.current[i]=j,t.style.fontVariationSettings=j}))});const v=c.split(" ");let B=0;return m.jsxs("span",{ref:r,className:`${C} ${E["variable-proximity"]}`,onClick:z,style:{display:"inline",...A},...L,children:[v.map((s,o)=>m.jsxs("span",{style:{display:"inline-block",whiteSpace:"nowrap"},children:[s.split("").map(u=>{const t=B++;return m.jsx(T.span,{ref:i=>{V.current[t]=i},style:{display:"inline-block",fontVariationSettings:b.current[t]},"aria-hidden":"true",children:u},t)}),o<v.length-1&&m.jsx("span",{style:{display:"inline-block"},children:" "})]},o)),m.jsx("span",{className:`${E["sr-only"]}`,children:c})]})});x.displayName="VariableProximity";x.__docgenInfo={description:"",methods:[],displayName:"VariableProximity"};const U={title:"ReactBits/TextAnimations/VariableProximity",component:x,parameters:{layout:"fullscreen"},tags:["autodocs"]},G=e=>{const r=l.useRef(null);return m.jsx("div",{ref:r,style:{position:"relative",width:"100%",height:"300px",display:"flex",alignItems:"center",justifyContent:"center",background:"#000"},children:m.jsx(x,{...e,containerRef:r})})},g={render:e=>m.jsx(G,{...e}),args:{label:"Variable Proximity",fromFontVariationSettings:"'wght' 400, 'opsz' 9",toFontVariationSettings:"'wght' 900, 'opsz' 40",radius:150,falloff:"linear",style:{fontSize:"3rem",color:"#fff"}}};var M,_,R;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
+import{r as l,j as m}from"./iframe-LZvJb0BS.js";import{m as T}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const E={"variable-proximity":"_variable-proximity_14yrm_3","sr-only":"_sr-only_14yrm_7"};function W(e){l.useEffect(()=>{let r;const c=()=>{e(),r=requestAnimationFrame(c)};return r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[e])}function O(e){const r=l.useRef({x:0,y:0});return l.useEffect(()=>{const c=(n,a)=>{if(e!=null&&e.current){const y=e.current.getBoundingClientRect();r.current={x:n-y.left,y:a-y.top}}else r.current={x:n,y:a}},p=n=>c(n.clientX,n.clientY),d=n=>{const a=n.touches[0];c(a.clientX,a.clientY)};return window.addEventListener("mousemove",p),window.addEventListener("touchmove",d),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",d)}},[e]),r}const x=l.forwardRef((e,r)=>{const{label:c,fromFontVariationSettings:p,toFontVariationSettings:d,containerRef:n,radius:a=50,falloff:y="linear",className:C="",onClick:z,style:A,...L}=e,V=l.useRef([]),b=l.useRef([]),h=O(n),w=l.useRef({x:null,y:null}),N=l.useMemo(()=>{const s=t=>new Map(t.split(",").map(i=>i.trim()).map(i=>{const[f,S]=i.split(" ");return[f.replace(/['"]/g,""),parseFloat(S)]})),o=s(p),u=s(d);return Array.from(o.entries()).map(([t,i])=>({axis:t,fromValue:i,toValue:u.get(t)??i}))},[p,d]),$=(s,o,u,t)=>Math.sqrt((u-s)**2+(t-o)**2),k=s=>{const o=Math.min(Math.max(1-s/a,0),1);switch(y){case"exponential":return o**2;case"gaussian":return Math.exp(-((s/(a/2))**2)/2);case"linear":default:return o}};W(()=>{if(!(n!=null&&n.current))return;const s=n.current.getBoundingClientRect(),{x:o,y:u}=h.current;w.current.x===o&&w.current.y===u||(w.current={x:o,y:u},V.current.forEach((t,i)=>{if(!t)return;const f=t.getBoundingClientRect(),S=f.left+f.width/2-s.left,I=f.top+f.height/2-s.top,P=$(h.current.x,h.current.y,S,I);if(P>=a){t.style.fontVariationSettings=p;return}const q=k(P),j=N.map(({axis:D,fromValue:F,toValue:X})=>{const Y=F+(X-F)*q;return`'${D}' ${Y}`}).join(", ");b.current[i]=j,t.style.fontVariationSettings=j}))});const v=c.split(" ");let B=0;return m.jsxs("span",{ref:r,className:`${C} ${E["variable-proximity"]}`,onClick:z,style:{display:"inline",...A},...L,children:[v.map((s,o)=>m.jsxs("span",{style:{display:"inline-block",whiteSpace:"nowrap"},children:[s.split("").map(u=>{const t=B++;return m.jsx(T.span,{ref:i=>{V.current[t]=i},style:{display:"inline-block",fontVariationSettings:b.current[t]},"aria-hidden":"true",children:u},t)}),o<v.length-1&&m.jsx("span",{style:{display:"inline-block"},children:" "})]},o)),m.jsx("span",{className:`${E["sr-only"]}`,children:c})]})});x.displayName="VariableProximity";x.__docgenInfo={description:"",methods:[],displayName:"VariableProximity"};const U={title:"ReactBits/TextAnimations/VariableProximity",component:x,parameters:{layout:"fullscreen"},tags:["autodocs"]},G=e=>{const r=l.useRef(null);return m.jsx("div",{ref:r,style:{position:"relative",width:"100%",height:"300px",display:"flex",alignItems:"center",justifyContent:"center",background:"#000"},children:m.jsx(x,{...e,containerRef:r})})},g={render:e=>m.jsx(G,{...e}),args:{label:"Variable Proximity",fromFontVariationSettings:"'wght' 400, 'opsz' 9",toFontVariationSettings:"'wght' 900, 'opsz' 40",radius:150,falloff:"linear",style:{fontSize:"3rem",color:"#fff"}}};var M,_,R;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
   render: args => <VariableProximityWrapper {...args} />,
   args: {
     label: 'Variable Proximity',

package/storybook-static/assets/{Waves.stories-CAJon3iL.js → Waves.stories-zeyoHm5S.js}

@@ -1 +1 @@
-import{r as i,j as J}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";const le="_waves_vgm9y_1",K={waves:le,"waves-canvas":"_waves-canvas_vgm9y_25"};class l{constructor(s,r,o){this.x=s,this.y=r,this.z=o}dot2(s,r){return this.x*s+this.y*r}}class ie{constructor(s=0){this.grad3=[new l(1,1,0),new l(-1,1,0),new l(1,-1,0),new l(-1,-1,0),new l(1,0,1),new l(-1,0,1),new l(1,0,-1),new l(-1,0,-1),new l(0,1,1),new l(0,-1,1),new l(0,1,-1),new l(0,-1,-1)],this.p=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],this.perm=new Array(512),this.gradP=new Array(512),this.seed(s)}seed(s){s>0&&s<1&&(s*=65536),s=Math.floor(s),s<256&&(s|=s<<8);for(let r=0;r<256;r++){let o=r&1?this.p[r]^s&255:this.p[r]^s>>8&255;this.perm[r]=this.perm[r+256]=o,this.gradP[r]=this.gradP[r+256]=this.grad3[o%12]}}fade(s){return s*s*s*(s*(s*6-15)+10)}lerp(s,r,o){return(1-o)*s+o*r}perlin2(s,r){let o=Math.floor(s),f=Math.floor(r);s-=o,r-=f,o&=255,f&=255;const g=this.gradP[o+this.perm[f]].dot2(s,r),M=this.gradP[o+this.perm[f+1]].dot2(s,r-1),R=this.gradP[o+1+this.perm[f]].dot2(s-1,r),q=this.gradP[o+1+this.perm[f+1]].dot2(s-1,r-1),x=this.fade(s);return this.lerp(this.lerp(g,R,x),this.lerp(M,q,x),this.fade(r))}}const ee=({lineColor:p="black",backgroundColor:s="transparent",waveSpeedX:r=.0125,waveSpeedY:o=.005,waveAmpX:f=32,waveAmpY:g=16,xGap:M=10,yGap:R=32,friction:q=.925,tension:x=.005,maxCursorMove:A=100,style:te={},className:se=""})=>{const X=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),w=i.useRef({width:0,height:0,left:0,top:0}),re=i.useRef(new ie(Math.random())),E=i.useRef([]),S=i.useRef({x:-10,y:0,lx:0,ly:0,sx:0,sy:0,v:0,vs:0,a:0,set:!1}),V=i.useRef({lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}),b=i.useRef(null);return i.useEffect(()=>{V.current={lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}},[p,r,o,f,g,q,x,A,M,R]),i.useEffect(()=>{console.log("Waves mounted");const j=Y.current,z=X.current;$.current=j.getContext("2d");function T(){w.current=z.getBoundingClientRect(),j.width=w.current.width,j.height=w.current.height}function B(){const{width:n,height:e}=w.current;E.current=[];const t=n+200,c=e+30,{xGap:u,yGap:v}=V.current,m=Math.ceil(t/u),d=Math.ceil(c/v),y=(n-u*m)/2,P=(e-v*d)/2;for(let h=0;h<=m;h++){const L=[];for(let a=0;a<=d;a++)L.push({x:y+u*h,y:P+v*a,wave:{x:0,y:0},cursor:{x:0,y:0,vx:0,vy:0}});E.current.push(L)}}function ae(n){const e=E.current,t=S.current,c=re.current,{waveSpeedX:u,waveSpeedY:v,waveAmpX:m,waveAmpY:d,friction:y,tension:P,maxCursorMove:h}=V.current;e.forEach(L=>{L.forEach(a=>{const I=c.perlin2((a.x+n*u)*.002,(a.y+n*v)*.0015)*12;a.wave.x=Math.cos(I)*m,a.wave.y=Math.sin(I)*d;const oe=a.x-t.sx,ce=a.y-t.sy,W=Math.hypot(oe,ce),_=Math.max(175,t.vs);if(W<_){const ue=1-W/_,O=Math.cos(W*.001)*ue;a.cursor.vx+=Math.cos(t.a)*O*_*t.vs*65e-5,a.cursor.vy+=Math.sin(t.a)*O*_*t.vs*65e-5}a.cursor.vx+=(0-a.cursor.x)*P,a.cursor.vy+=(0-a.cursor.y)*P,a.cursor.vx*=y,a.cursor.vy*=y,a.cursor.x+=a.cursor.vx*2,a.cursor.y+=a.cursor.vy*2,a.cursor.x=Math.min(h,Math.max(-h,a.cursor.x)),a.cursor.y=Math.min(h,Math.max(-h,a.cursor.y))})})}function N(n,e=!0){const t=n.x+n.wave.x+(e?n.cursor.x:0),c=n.y+n.wave.y+(e?n.cursor.y:0);return{x:Math.round(t*10)/10,y:Math.round(c*10)/10}}function ne(){const{width:n,height:e}=w.current,t=$.current;t.clearRect(0,0,n,e),t.beginPath(),t.strokeStyle=V.current.lineColor,E.current.forEach(c=>{let u=N(c[0],!1);t.moveTo(u.x,u.y),c.forEach((v,m)=>{const d=m===c.length-1;u=N(v,!d);const y=N(c[m+1]||c[c.length-1],!d);t.lineTo(u.x,u.y),d&&t.moveTo(y.x,y.y)})}),t.stroke()}function C(n){const e=S.current;e.sx+=(e.x-e.sx)*.1,e.sy+=(e.y-e.sy)*.1;const t=e.x-e.lx,c=e.y-e.ly,u=Math.hypot(t,c);e.v=u,e.vs+=(u-e.vs)*.1,e.vs=Math.min(100,e.vs),e.lx=e.x,e.ly=e.y,e.a=Math.atan2(c,t),z.style.setProperty("--x",`${e.sx}px`),z.style.setProperty("--y",`${e.sy}px`),ae(n),ne(),b.current=requestAnimationFrame(C)}function F(){T(),B()}function G(n){H(n.clientX,n.clientY)}function D(n){const e=n.touches[0];H(e.clientX,e.clientY)}function H(n,e){const t=S.current,c=w.current;t.x=n-c.left,t.y=e-c.top,t.set||(t.sx=t.x,t.sy=t.y,t.lx=t.x,t.ly=t.y,t.set=!0)}return T(),B(),b.current=requestAnimationFrame(C),window.addEventListener("resize",F),window.addEventListener("mousemove",G),window.addEventListener("touchmove",D,{passive:!1}),()=>{window.removeEventListener("resize",F),window.removeEventListener("mousemove",G),window.removeEventListener("touchmove",D),cancelAnimationFrame(b.current)}},[]),J.jsx("div",{ref:X,className:`${K.waves} ${se}`,style:{position:"relative",margin:0,padding:0,width:"100%",minHeight:"100vh",overflow:"hidden",backgroundColor:s,...te},children:J.jsx("canvas",{ref:Y,className:`${K["waves-canvas"]}`})})};ee.__docgenInfo={description:"",methods:[],displayName:"Waves",props:{lineColor:{defaultValue:{value:"'black'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'transparent'",computed:!1},required:!1},waveSpeedX:{defaultValue:{value:"0.0125",computed:!1},required:!1},waveSpeedY:{defaultValue:{value:"0.005",computed:!1},required:!1},waveAmpX:{defaultValue:{value:"32",computed:!1},required:!1},waveAmpY:{defaultValue:{value:"16",computed:!1},required:!1},xGap:{defaultValue:{value:"10",computed:!1},required:!1},yGap:{defaultValue:{value:"32",computed:!1},required:!1},friction:{defaultValue:{value:"0.925",computed:!1},required:!1},tension:{defaultValue:{value:"0.005",computed:!1},required:!1},maxCursorMove:{defaultValue:{value:"100",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/Waves",component:ee,parameters:{layout:"fullscreen"},tags:["autodocs"]},k={};var Q,U,Z;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(U=k.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};const ve=["Default"];export{k as Default,ve as __namedExportsOrder,he as default};
+import{r as i,j as J}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const le="_waves_vgm9y_1",K={waves:le,"waves-canvas":"_waves-canvas_vgm9y_25"};class l{constructor(s,r,o){this.x=s,this.y=r,this.z=o}dot2(s,r){return this.x*s+this.y*r}}class ie{constructor(s=0){this.grad3=[new l(1,1,0),new l(-1,1,0),new l(1,-1,0),new l(-1,-1,0),new l(1,0,1),new l(-1,0,1),new l(1,0,-1),new l(-1,0,-1),new l(0,1,1),new l(0,-1,1),new l(0,1,-1),new l(0,-1,-1)],this.p=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],this.perm=new Array(512),this.gradP=new Array(512),this.seed(s)}seed(s){s>0&&s<1&&(s*=65536),s=Math.floor(s),s<256&&(s|=s<<8);for(let r=0;r<256;r++){let o=r&1?this.p[r]^s&255:this.p[r]^s>>8&255;this.perm[r]=this.perm[r+256]=o,this.gradP[r]=this.gradP[r+256]=this.grad3[o%12]}}fade(s){return s*s*s*(s*(s*6-15)+10)}lerp(s,r,o){return(1-o)*s+o*r}perlin2(s,r){let o=Math.floor(s),f=Math.floor(r);s-=o,r-=f,o&=255,f&=255;const g=this.gradP[o+this.perm[f]].dot2(s,r),M=this.gradP[o+this.perm[f+1]].dot2(s,r-1),R=this.gradP[o+1+this.perm[f]].dot2(s-1,r),q=this.gradP[o+1+this.perm[f+1]].dot2(s-1,r-1),x=this.fade(s);return this.lerp(this.lerp(g,R,x),this.lerp(M,q,x),this.fade(r))}}const ee=({lineColor:p="black",backgroundColor:s="transparent",waveSpeedX:r=.0125,waveSpeedY:o=.005,waveAmpX:f=32,waveAmpY:g=16,xGap:M=10,yGap:R=32,friction:q=.925,tension:x=.005,maxCursorMove:A=100,style:te={},className:se=""})=>{const X=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),w=i.useRef({width:0,height:0,left:0,top:0}),re=i.useRef(new ie(Math.random())),E=i.useRef([]),S=i.useRef({x:-10,y:0,lx:0,ly:0,sx:0,sy:0,v:0,vs:0,a:0,set:!1}),V=i.useRef({lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}),b=i.useRef(null);return i.useEffect(()=>{V.current={lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}},[p,r,o,f,g,q,x,A,M,R]),i.useEffect(()=>{console.log("Waves mounted");const j=Y.current,z=X.current;$.current=j.getContext("2d");function T(){w.current=z.getBoundingClientRect(),j.width=w.current.width,j.height=w.current.height}function B(){const{width:n,height:e}=w.current;E.current=[];const t=n+200,c=e+30,{xGap:u,yGap:v}=V.current,m=Math.ceil(t/u),d=Math.ceil(c/v),y=(n-u*m)/2,P=(e-v*d)/2;for(let h=0;h<=m;h++){const L=[];for(let a=0;a<=d;a++)L.push({x:y+u*h,y:P+v*a,wave:{x:0,y:0},cursor:{x:0,y:0,vx:0,vy:0}});E.current.push(L)}}function ae(n){const e=E.current,t=S.current,c=re.current,{waveSpeedX:u,waveSpeedY:v,waveAmpX:m,waveAmpY:d,friction:y,tension:P,maxCursorMove:h}=V.current;e.forEach(L=>{L.forEach(a=>{const I=c.perlin2((a.x+n*u)*.002,(a.y+n*v)*.0015)*12;a.wave.x=Math.cos(I)*m,a.wave.y=Math.sin(I)*d;const oe=a.x-t.sx,ce=a.y-t.sy,W=Math.hypot(oe,ce),_=Math.max(175,t.vs);if(W<_){const ue=1-W/_,O=Math.cos(W*.001)*ue;a.cursor.vx+=Math.cos(t.a)*O*_*t.vs*65e-5,a.cursor.vy+=Math.sin(t.a)*O*_*t.vs*65e-5}a.cursor.vx+=(0-a.cursor.x)*P,a.cursor.vy+=(0-a.cursor.y)*P,a.cursor.vx*=y,a.cursor.vy*=y,a.cursor.x+=a.cursor.vx*2,a.cursor.y+=a.cursor.vy*2,a.cursor.x=Math.min(h,Math.max(-h,a.cursor.x)),a.cursor.y=Math.min(h,Math.max(-h,a.cursor.y))})})}function N(n,e=!0){const t=n.x+n.wave.x+(e?n.cursor.x:0),c=n.y+n.wave.y+(e?n.cursor.y:0);return{x:Math.round(t*10)/10,y:Math.round(c*10)/10}}function ne(){const{width:n,height:e}=w.current,t=$.current;t.clearRect(0,0,n,e),t.beginPath(),t.strokeStyle=V.current.lineColor,E.current.forEach(c=>{let u=N(c[0],!1);t.moveTo(u.x,u.y),c.forEach((v,m)=>{const d=m===c.length-1;u=N(v,!d);const y=N(c[m+1]||c[c.length-1],!d);t.lineTo(u.x,u.y),d&&t.moveTo(y.x,y.y)})}),t.stroke()}function C(n){const e=S.current;e.sx+=(e.x-e.sx)*.1,e.sy+=(e.y-e.sy)*.1;const t=e.x-e.lx,c=e.y-e.ly,u=Math.hypot(t,c);e.v=u,e.vs+=(u-e.vs)*.1,e.vs=Math.min(100,e.vs),e.lx=e.x,e.ly=e.y,e.a=Math.atan2(c,t),z.style.setProperty("--x",`${e.sx}px`),z.style.setProperty("--y",`${e.sy}px`),ae(n),ne(),b.current=requestAnimationFrame(C)}function F(){T(),B()}function G(n){H(n.clientX,n.clientY)}function D(n){const e=n.touches[0];H(e.clientX,e.clientY)}function H(n,e){const t=S.current,c=w.current;t.x=n-c.left,t.y=e-c.top,t.set||(t.sx=t.x,t.sy=t.y,t.lx=t.x,t.ly=t.y,t.set=!0)}return T(),B(),b.current=requestAnimationFrame(C),window.addEventListener("resize",F),window.addEventListener("mousemove",G),window.addEventListener("touchmove",D,{passive:!1}),()=>{window.removeEventListener("resize",F),window.removeEventListener("mousemove",G),window.removeEventListener("touchmove",D),cancelAnimationFrame(b.current)}},[]),J.jsx("div",{ref:X,className:`${K.waves} ${se}`,style:{position:"relative",margin:0,padding:0,width:"100%",minHeight:"100vh",overflow:"hidden",backgroundColor:s,...te},children:J.jsx("canvas",{ref:Y,className:`${K["waves-canvas"]}`})})};ee.__docgenInfo={description:"",methods:[],displayName:"Waves",props:{lineColor:{defaultValue:{value:"'black'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'transparent'",computed:!1},required:!1},waveSpeedX:{defaultValue:{value:"0.0125",computed:!1},required:!1},waveSpeedY:{defaultValue:{value:"0.005",computed:!1},required:!1},waveAmpX:{defaultValue:{value:"32",computed:!1},required:!1},waveAmpY:{defaultValue:{value:"16",computed:!1},required:!1},xGap:{defaultValue:{value:"10",computed:!1},required:!1},yGap:{defaultValue:{value:"32",computed:!1},required:!1},friction:{defaultValue:{value:"0.925",computed:!1},required:!1},tension:{defaultValue:{value:"0.005",computed:!1},required:!1},maxCursorMove:{defaultValue:{value:"100",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/Waves",component:ee,parameters:{layout:"fullscreen"},tags:["autodocs"]},k={};var Q,U,Z;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(U=k.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};const ve=["Default"];export{k as Default,ve as __namedExportsOrder,he as default};

package/storybook-static/assets/{check-D8bWZLP6.js → check-7O6ar4SG.js}

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-Eaeny9Zi.js";/**
+import{c}from"./createLucideIcon-yjHXhSOm.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{chevron-down-BZPtZoHS.js → chevron-down-BC5Z9HYA.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-Eaeny9Zi.js";/**
+import{c as o}from"./createLucideIcon-yjHXhSOm.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{chevron-right-B4kqmwjo.js → chevron-right-CDwij0IV.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-Eaeny9Zi.js";/**
+import{c as o}from"./createLucideIcon-yjHXhSOm.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/client-C--dgtnn.js

@@ -0,0 +1 @@
+import{r}from"./index-D9mC-cEf.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};

package/storybook-static/assets/{createLucideIcon-Eaeny9Zi.js → createLucideIcon-yjHXhSOm.js}

@@ -1,4 +1,4 @@
-import{r as s}from"./iframe-CvT6MryR.js";/**
+import{r as s}from"./iframe-LZvJb0BS.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{folder-DNcKa6s5.js → folder-CATSGh42.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-Eaeny9Zi.js";/**
+import{c as o}from"./createLucideIcon-yjHXhSOm.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{iconBase-CstVDnta.js → iconBase-D_x0Veg_.js}

@@ -1 +1 @@
-import{R as i}from"./iframe-CvT6MryR.js";var y={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},f=i.createContext&&i.createContext(y),g=["attr","size","title"];function p(e,r){if(e==null)return{};var t,n,o=O(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)===-1&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function O(e,r){if(e==null)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.indexOf(n)!==-1)continue;t[n]=e[n]}return t}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(null,arguments)}function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?m(Object(t),!0).forEach(function(n){d(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function d(e,r,t){return(r=j(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){var r=P(e,"string");return typeof r=="symbol"?r:r+""}function P(e,r){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var n=t.call(e,r);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function b(e){return e&&e.map((r,t)=>i.createElement(r.tag,c({key:t},r.attr),b(r.child)))}function x(e){return r=>i.createElement(h,u({attr:c({},e.attr)},r),b(e.child))}function h(e){var r=t=>{var{attr:n,size:o,title:a}=e,v=p(e,g),s=o||t.size||"1em",l;return t.className&&(l=t.className),e.className&&(l=(l?l+" ":"")+e.className),i.createElement("svg",u({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,v,{className:l,style:c(c({color:e.color||t.color},t.style),e.style),height:s,width:s,xmlns:"http://www.w3.org/2000/svg"}),a&&i.createElement("title",null,a),e.children)};return f!==void 0?i.createElement(f.Consumer,null,t=>r(t)):r(y)}export{x as G};
+import{R as i}from"./iframe-LZvJb0BS.js";var y={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},f=i.createContext&&i.createContext(y),g=["attr","size","title"];function p(e,r){if(e==null)return{};var t,n,o=O(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)===-1&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function O(e,r){if(e==null)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.indexOf(n)!==-1)continue;t[n]=e[n]}return t}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(null,arguments)}function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?m(Object(t),!0).forEach(function(n){d(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function d(e,r,t){return(r=j(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){var r=P(e,"string");return typeof r=="symbol"?r:r+""}function P(e,r){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var n=t.call(e,r);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function b(e){return e&&e.map((r,t)=>i.createElement(r.tag,c({key:t},r.attr),b(r.child)))}function x(e){return r=>i.createElement(h,u({attr:c({},e.attr)},r),b(e.child))}function h(e){var r=t=>{var{attr:n,size:o,title:a}=e,v=p(e,g),s=o||t.size||"1em",l;return t.className&&(l=t.className),e.className&&(l=(l?l+" ":"")+e.className),i.createElement("svg",u({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,v,{className:l,style:c(c({color:e.color||t.color},t.style),e.style),height:s,width:s,xmlns:"http://www.w3.org/2000/svg"}),a&&i.createElement("title",null,a),e.children)};return f!==void 0?i.createElement(f.Consumer,null,t=>r(t)):r(y)}export{x as G};

package/storybook-static/assets/iframe-B7RIyArP.css

@@ -0,0 +1 @@
+*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1{font-size:36px;font-weight:700;color:var(--color-text);margin-bottom:16px}h2{font-size:32px;font-weight:600;color:var(--color-text);margin-bottom:12px}h3{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:12px}h4{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}h5{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}h6{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}p{color:var(--color-text);line-height:1.6;margin-bottom:16px}@media (max-width: 768px){.header{padding:16px;margin-bottom:24px}h1{font-size:28px}h2{font-size:24px}h3{font-size:18px}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dao]{--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #d1fae5;--color-error: #ef4444;--color-error-light: #fb7185;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fef3c7;--color-info: #0ea5e9;--color-info-light: #38bdf8;--color-info-bg: #e0f2fe;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dao-dark]{--color-success: #34d399;--color-success-light: #6ee7b7;--color-success-bg: #064e3b;--color-error: #fb7185;--color-error-light: #fda4af;--color-error-bg: #881337;--color-warning: #fbbf24;--color-warning-light: #fcd34d;--color-warning-bg: #451a03;--color-info: #38bdf8;--color-info-light: #7dd3fc;--color-info-bg: #082f49;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .35), 0 4px 6px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .35), 0 10px 10px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .45);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .25)}:root,:root[data-theme=default],[data-theme=default]{--color-primary: #7c3aed;--color-secondary: #14b8a6;--color-accent: #ec4899;--color-background: #ffffff;--color-background-secondary: #fafafa;--color-background-tertiary: #f5f5f5;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-text: #18181b;--color-text-secondary: #71717a;--color-text-tertiary: #a1a1aa;--color-text-muted: #d4d4d8;--color-text-inverse: #ffffff;--color-border: #e4e4e7;--color-border-hover: #d4d4d8}:root[data-theme=dark],[data-theme=dark]{--color-primary: #a78bfa;--color-secondary: #2dd4bf;--color-accent: #f472b6;--color-background: #0a0a0a;--color-background-secondary: #18181b;--color-background-tertiary: #27272a;--color-surface: #18181b;--color-surface-hover: #27272a;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-text-inverse: #0a0a0a;--color-border: #27272a;--color-border-hover: #3f3f46}:root[data-theme=lossito],[data-theme=lossito]{--color-primary: #3b82f6;--color-secondary: #1f2937;--color-accent: #3b82f6;--color-background: #f8fafc;--color-background-secondary: #ffffff;--color-background-tertiary: #f1f5f9;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-hover: #cbd5e1}:root[data-theme=lossito-dark],[data-theme=lossito-dark]{--color-primary: #f5b829;--color-secondary: #e5e7eb;--color-accent: #fce390;--color-background: #010907;--color-background-secondary: #0e1a19;--color-background-tertiary: #040d1b;--color-surface: #0e1a19;--color-surface-hover: #040d1b;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #111827;--color-border: #3e3c03;--color-border-hover: #4b5563;--color-success: #22c55e;--color-error: #fd4545;--color-warning: #fef3c7;--color-info: #dbeafe}:root[data-theme=dao],[data-theme=dao]{--color-primary: #555555;--color-secondary: #707070;--color-accent: #555555;--color-background: #f8f8f8;--color-background-secondary: #eeeeee;--color-background-tertiary: #e2e2e2;--color-surface: #eeeeee;--color-surface-hover: #e2e2e2;--color-text: #1a1a1a;--color-text-secondary: #505050;--color-text-tertiary: #808080;--color-text-muted: #b0b0b0;--color-text-inverse: #f8f8f8;--color-border: #d8d8d8;--color-border-hover: #c0c0c0}:root[data-theme=dao-dark],[data-theme=dao-dark]{--color-primary: #d0d0d0;--color-secondary: #a0a0a0;--color-accent: #d0d0d0;--color-background: #0a0a0a;--color-background-secondary: #141414;--color-background-tertiary: #1e1e1e;--color-surface: #141414;--color-surface-hover: #1e1e1e;--color-text: #e8e8e8;--color-text-secondary: #b0b0b0;--color-text-tertiary: #787878;--color-text-muted: #565656;--color-text-inverse: #0a0a0a;--color-border: #282828;--color-border-hover: #404040}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dao]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-active: color-mix(in oklch, var(--color-primary) 70%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 35%, white);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 20%, white);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 70%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 35%, white);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 20%, white);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, black);--color-accent-active: color-mix(in oklch, var(--color-accent) 70%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 85%, black);--color-success-active: color-mix(in oklch, var(--color-success) 70%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 85%, black);--color-error-active: color-mix(in oklch, var(--color-error) 70%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 85%, black);--color-warning-active: color-mix(in oklch, var(--color-warning) 70%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 85%, black);--color-info-active: color-mix(in oklch, var(--color-info) 70%, black)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dao-dark]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, white);--color-primary-active: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 50%, black);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 30%, black);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, white);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 50%, black);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 30%, black);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, white);--color-accent-active: color-mix(in oklch, var(--color-accent) 85%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 80%, white);--color-success-active: color-mix(in oklch, var(--color-success) 85%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 80%, white);--color-error-active: color-mix(in oklch, var(--color-error) 85%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 80%, white);--color-warning-active: color-mix(in oklch, var(--color-warning) 85%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 80%, white);--color-info-active: color-mix(in oklch, var(--color-info) 85%, black)}:root,[data-theme]{--color-border-focus: var(--color-primary)}