@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/assets/{Tabs.stories-HeiG8gYN.js → Tabs.stories-jkioQ4xt.js}

@@ -1,4 +1,4 @@
-import{j as e,R as m,r as T}from"./iframe-B8pH-Lvr.js";import{c as n}from"./createLucideIcon-BNUG5osq.js";import{m as u}from"./proxy-BA3VZtN5.js";import{F as k}from"./folder-BjriMpXc.js";import{S as N}from"./settings-DvzICcFU.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";/**
+import{j as e,R as m,r as T}from"./iframe-Cw8dCV4Z.js";import{c as n}from"./createLucideIcon-dvowvj4F.js";import{m as u}from"./proxy-p8L3T_Zy.js";import{F as k}from"./folder-CCqkDvFG.js";import{S as N}from"./settings-B8s5hJGs.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BCa1jVYq.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -18,9 +18,9 @@ import{j as e,R as m,r as T}from"./iframe-B8pH-Lvr.js";import{c as n}from"./crea
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const w=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],A=n("user",w),E="_tabs_uhg6g_1",$="_tab_uhg6g_1",P="_tabIcon_uhg6g_87",a={tabs:E,tab:$,tabIcon:P},D=[{id:"details",icon:b,label:"Dettagli"},{id:"github",icon:M,label:"GitHub"},{id:"jira",icon:C,label:"Jira"},{id:"functional",icon:b,label:"Analisi funzionale"}],d=({activeTab:o,onTabChange:r,tabs:c,className:l=""})=>{const j=c??D;return e.jsx("div",{className:`${a.tabs} ${l}`,children:j.map(t=>{const p=o===t.id;return e.jsxs(u.button,{className:a.tab,"data-active":p,onClick:()=>r(t.id),style:{position:"relative"},children:[e.jsx(u.div,{animate:{rotate:p?[0,-10,10,-5,5,0]:0},transition:{rotate:{duration:.5,ease:"easeInOut"}},children:t.icon&&(m.isValidElement(t.icon)?e.jsx("span",{className:a.tabIcon,children:t.icon}):e.jsx("span",{className:a.tabIcon,children:m.createElement(t.icon)}))}),e.jsx("span",{children:t.label})]},t.id)})})};d.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{activeTab:{required:!0,tsType:{name:"string"},description:""},onTabChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(tab: string) => void",signature:{arguments:[{type:{name:"string"},name:"tab"}],return:{name:"void"}}},description:""},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"Tab"}],raw:"Tab[]"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}}}};const V={title:"Molecules/Tabs",component:d,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{activeTab:{control:"select",options:["details","github","jira","functional"]}}},_=({initial:o,tabs:r})=>{const[c,l]=T.useState(o);return e.jsx("div",{style:{width:"600px"},children:e.jsx(d,{activeTab:c,onTabChange:l,tabs:r})})},s={render:()=>e.jsx(_,{initial:"details"})},i={render:()=>e.jsx(_,{initial:"profile",tabs:[{id:"profile",label:"Profile",icon:A},{id:"projects",label:"Projects",icon:k},{id:"settings",label:"Settings",icon:N}]})};var g,h,y;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
+ */const w=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],A=n("user",w),E="_tabs_1ljnu_1",$="_tab_1ljnu_1",P="_tabIcon_1ljnu_87",a={tabs:E,tab:$,tabIcon:P},D=[{id:"details",icon:b,label:"Dettagli"},{id:"github",icon:M,label:"GitHub"},{id:"jira",icon:C,label:"Jira"},{id:"functional",icon:b,label:"Analisi funzionale"}],d=({activeTab:r,onTabChange:o,tabs:c,className:l=""})=>{const _=c??D;return e.jsx("div",{className:`${a.tabs} ${l}`,children:_.map(t=>{const p=r===t.id;return e.jsxs(u.button,{className:a.tab,"data-active":p,onClick:()=>o(t.id),style:{position:"relative"},children:[e.jsx(u.div,{animate:{rotate:p?[0,-10,10,-5,5,0]:0},transition:{rotate:{duration:.5,ease:"easeInOut"}},children:t.icon&&(m.isValidElement(t.icon)?e.jsx("span",{className:a.tabIcon,children:t.icon}):e.jsx("span",{className:a.tabIcon,children:m.createElement(t.icon)}))}),e.jsx("span",{children:t.label})]},t.id)})})};d.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{activeTab:{required:!0,tsType:{name:"string"},description:""},onTabChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(tab: string) => void",signature:{arguments:[{type:{name:"string"},name:"tab"}],return:{name:"void"}}},description:""},tabs:{required:!1,tsType:{name:"Array",elements:[{name:"Tab"}],raw:"Tab[]"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}}}};const V={title:"Molecules/Tabs",component:d,parameters:{layout:"centered"},argTypes:{activeTab:{control:"select",options:["details","github","jira","functional"]}}},x=({initial:r,tabs:o})=>{const[c,l]=T.useState(r);return e.jsx("div",{style:{width:"600px"},children:e.jsx(d,{activeTab:c,onTabChange:l,tabs:o})})},s={render:()=>e.jsx(x,{initial:"details"})},i={render:()=>e.jsx(x,{initial:"profile",tabs:[{id:"profile",label:"Profile",icon:A},{id:"projects",label:"Projects",icon:k},{id:"settings",label:"Settings",icon:N}]})};var y,f,h;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{
   render: () => <Wrapper initial="details" />
-}`,...(y=(h=s.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var f,v,x;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
+}`,...(h=(f=s.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var g,j,v;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`{
   render: () => <Wrapper initial="profile" tabs={[{
     id: 'profile',
     label: 'Profile',
@@ -34,4 +34,4 @@ import{j as e,R as m,r as T}from"./iframe-B8pH-Lvr.js";import{c as n}from"./crea
     label: 'Settings',
     icon: Settings
   }]} />
-}`,...(x=(v=i.parameters)==null?void 0:v.docs)==null?void 0:x.source}}};const z=["Default","CustomTabs"];export{i as CustomTabs,s as Default,z as __namedExportsOrder,V as default};
+}`,...(v=(j=i.parameters)==null?void 0:j.docs)==null?void 0:v.source}}};const z=["Default","CustomTabs"];export{i as CustomTabs,s as Default,z as __namedExportsOrder,V as default};

package/storybook-static/assets/{TargetCursor.stories-B16pWZaP.js → TargetCursor.stories-B4ACbrmW.js}

@@ -1,4 +1,4 @@
-import{r as c,j as _}from"./iframe-B8pH-Lvr.js";import{g as e}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const l={"target-cursor-wrapper":"_target-cursor-wrapper_11z20_1","target-cursor-dot":"_target-cursor-dot_11z20_13","target-cursor-corner":"_target-cursor-corner_11z20_25","corner-tl":"_corner-tl_11z20_35","corner-tr":"_corner-tr_11z20_41","corner-br":"_corner-br_11z20_47","corner-bl":"_corner-bl_11z20_53"},Q=({targetSelector:$=".cursor-target",spinDuration:x=2,hideDefaultCursor:Y=!0,hoverDuration:q=.2,parallaxOn:D=!0})=>{const r=c.useRef(null),p=c.useRef(null),o=c.useRef(null),b=c.useRef(null),j=c.useRef(!1),d=c.useRef(null),R=c.useRef(null),C=c.useRef(0),E=c.useMemo(()=>{if(typeof window>"u")return!1;const T="ontouchstart"in window||navigator.maxTouchPoints>0,g=window.innerWidth<=768,s=navigator.userAgent||navigator.vendor||window.opera,w=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s.toLowerCase());return T&&g||w},[]),H=c.useMemo(()=>({borderWidth:3,cornerSize:12}),[]),M=c.useCallback((T,g)=>{r.current&&e.to(r.current,{x:T,y:g,duration:.1,ease:"power3.out"})},[]);return c.useEffect(()=>{if(E||!r.current)return;const T=document.body.style.cursor;Y&&(document.body.style.cursor="none");const g=r.current;p.current=g.querySelectorAll(".target-cursor-corner");let s=null,v=null,w=null;const O=t=>{v&&t.removeEventListener("mouseleave",v),v=null};e.set(g,{xPercent:-50,yPercent:-50,x:window.innerWidth/2,y:window.innerHeight/2}),(()=>{o.current&&o.current.kill(),o.current=e.timeline({repeat:-1}).to(g,{rotation:"+=360",duration:x,ease:"none"})})();const Z=()=>{if(!d.current||!r.current||!p.current)return;const t=C.current;if(t===0)return;const S=e.getProperty(r.current,"x"),f=e.getProperty(r.current,"y");Array.from(p.current).forEach((i,k)=>{const u=e.getProperty(i,"x"),a=e.getProperty(i,"y"),h=d.current[k].x-S,N=d.current[k].y-f,X=u+(h-u)*t,z=a+(N-a)*t,L=t>=.99?D?.2:0:.05;e.to(i,{x:X,y:z,duration:L,ease:L===0?"none":"power1.out",overwrite:"auto"})})};R.current=Z;const V=t=>M(t.clientX,t.clientY);window.addEventListener("mousemove",V);const W=()=>{if(!s||!r.current)return;const t=e.getProperty(r.current,"x"),S=e.getProperty(r.current,"y"),f=document.elementFromPoint(t,S);f&&(f===s||f.closest($)===s)||v&&v()};window.addEventListener("scroll",W,{passive:!0});const F=()=>{b.current&&(e.to(b.current,{scale:.7,duration:.3}),e.to(r.current,{scale:.9,duration:.2}))},U=()=>{b.current&&(e.to(b.current,{scale:1,duration:.3}),e.to(r.current,{scale:1,duration:.2}))};window.addEventListener("mousedown",F),window.addEventListener("mouseup",U);const B=t=>{var L;const S=t.target,f=[];let m=S;for(;m&&m!==document.body;)m.matches($)&&f.push(m),m=m.parentElement;const i=f[0]||null;if(!i||!r.current||!p.current||s===i)return;s&&O(s),w&&(clearTimeout(w),w=null),s=i;const k=Array.from(p.current);k.forEach(y=>e.killTweensOf(y)),e.killTweensOf(r.current,"rotation"),(L=o.current)==null||L.pause(),e.set(r.current,{rotation:0});const u=i.getBoundingClientRect(),{borderWidth:a,cornerSize:h}=H,N=e.getProperty(r.current,"x"),X=e.getProperty(r.current,"y");d.current=[{x:u.left-a,y:u.top-a},{x:u.right+a-h,y:u.top-a},{x:u.right+a-h,y:u.bottom+a-h},{x:u.left-a,y:u.bottom+a-h}],j.current=!0,e.ticker.add(R.current),e.to(C,{current:1,duration:q,ease:"power2.out"}),k.forEach((y,n)=>{e.to(y,{x:d.current[n].x-N,y:d.current[n].y-X,duration:.2,ease:"power2.out"})});const z=()=>{if(e.ticker.remove(R.current),j.current=!1,d.current=null,e.set(C,{current:0,overwrite:!0}),s=null,p.current){const y=Array.from(p.current);e.killTweensOf(y);const{cornerSize:n}=H,P=[{x:-n*1.5,y:-n*1.5},{x:n*.5,y:-n*1.5},{x:n*.5,y:n*.5},{x:-n*1.5,y:n*.5}],ee=e.timeline();y.forEach((re,I)=>{ee.to(re,{x:P[I].x,y:P[I].y,duration:.3,ease:"power3.out"},0)})}w=setTimeout(()=>{if(!s&&r.current&&o.current){const n=e.getProperty(r.current,"rotation")%360;o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}),e.to(r.current,{rotation:n+360,duration:x*(1-n/360),ease:"none",onComplete:()=>{var P;(P=o.current)==null||P.restart()}})}w=null},50),O(i)};v=z,i.addEventListener("mouseleave",z)};return window.addEventListener("mouseover",B,{passive:!0}),()=>{var t;R.current&&e.ticker.remove(R.current),window.removeEventListener("mousemove",V),window.removeEventListener("mouseover",B),window.removeEventListener("scroll",W),window.removeEventListener("mousedown",F),window.removeEventListener("mouseup",U),s&&O(s),(t=o.current)==null||t.kill(),document.body.style.cursor=T,j.current=!1,d.current=null,C.current=0}},[$,x,M,H,Y,E,q,D]),c.useEffect(()=>{E||!r.current||!o.current||o.current.isActive()&&(o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}))},[x,E]),E?null:_.jsxs("div",{ref:r,className:`${l["target-cursor-wrapper"]}`,children:[_.jsx("div",{ref:b,className:`${l["target-cursor-dot"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tl"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tr"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-br"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-bl"]}`})]})};Q.__docgenInfo={description:"",methods:[],displayName:"TargetCursor",props:{targetSelector:{defaultValue:{value:"'.cursor-target'",computed:!1},required:!1},spinDuration:{defaultValue:{value:"2",computed:!1},required:!1},hideDefaultCursor:{defaultValue:{value:"true",computed:!1},required:!1},hoverDuration:{defaultValue:{value:"0.2",computed:!1},required:!1},parallaxOn:{defaultValue:{value:"true",computed:!1},required:!1}}};const ce={title:"ReactBits/Animations/TargetCursor",component:Q,parameters:{layout:"fullscreen"},tags:["autodocs"]},A={args:{targetSelector:".cursor-target",spinDuration:2,hideDefaultCursor:!0,hoverDuration:.2,parallaxOn:!0}};var G,J,K;A.parameters={...A.parameters,docs:{...(G=A.parameters)==null?void 0:G.docs,source:{originalSource:`{
+import{r as c,j as _}from"./iframe-Cw8dCV4Z.js";import{g as e}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const l={"target-cursor-wrapper":"_target-cursor-wrapper_11z20_1","target-cursor-dot":"_target-cursor-dot_11z20_13","target-cursor-corner":"_target-cursor-corner_11z20_25","corner-tl":"_corner-tl_11z20_35","corner-tr":"_corner-tr_11z20_41","corner-br":"_corner-br_11z20_47","corner-bl":"_corner-bl_11z20_53"},Q=({targetSelector:$=".cursor-target",spinDuration:x=2,hideDefaultCursor:Y=!0,hoverDuration:q=.2,parallaxOn:D=!0})=>{const r=c.useRef(null),p=c.useRef(null),o=c.useRef(null),b=c.useRef(null),j=c.useRef(!1),d=c.useRef(null),R=c.useRef(null),C=c.useRef(0),E=c.useMemo(()=>{if(typeof window>"u")return!1;const T="ontouchstart"in window||navigator.maxTouchPoints>0,g=window.innerWidth<=768,s=navigator.userAgent||navigator.vendor||window.opera,w=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s.toLowerCase());return T&&g||w},[]),H=c.useMemo(()=>({borderWidth:3,cornerSize:12}),[]),M=c.useCallback((T,g)=>{r.current&&e.to(r.current,{x:T,y:g,duration:.1,ease:"power3.out"})},[]);return c.useEffect(()=>{if(E||!r.current)return;const T=document.body.style.cursor;Y&&(document.body.style.cursor="none");const g=r.current;p.current=g.querySelectorAll(".target-cursor-corner");let s=null,v=null,w=null;const O=t=>{v&&t.removeEventListener("mouseleave",v),v=null};e.set(g,{xPercent:-50,yPercent:-50,x:window.innerWidth/2,y:window.innerHeight/2}),(()=>{o.current&&o.current.kill(),o.current=e.timeline({repeat:-1}).to(g,{rotation:"+=360",duration:x,ease:"none"})})();const Z=()=>{if(!d.current||!r.current||!p.current)return;const t=C.current;if(t===0)return;const S=e.getProperty(r.current,"x"),f=e.getProperty(r.current,"y");Array.from(p.current).forEach((i,k)=>{const u=e.getProperty(i,"x"),a=e.getProperty(i,"y"),h=d.current[k].x-S,N=d.current[k].y-f,X=u+(h-u)*t,z=a+(N-a)*t,L=t>=.99?D?.2:0:.05;e.to(i,{x:X,y:z,duration:L,ease:L===0?"none":"power1.out",overwrite:"auto"})})};R.current=Z;const V=t=>M(t.clientX,t.clientY);window.addEventListener("mousemove",V);const W=()=>{if(!s||!r.current)return;const t=e.getProperty(r.current,"x"),S=e.getProperty(r.current,"y"),f=document.elementFromPoint(t,S);f&&(f===s||f.closest($)===s)||v&&v()};window.addEventListener("scroll",W,{passive:!0});const F=()=>{b.current&&(e.to(b.current,{scale:.7,duration:.3}),e.to(r.current,{scale:.9,duration:.2}))},U=()=>{b.current&&(e.to(b.current,{scale:1,duration:.3}),e.to(r.current,{scale:1,duration:.2}))};window.addEventListener("mousedown",F),window.addEventListener("mouseup",U);const B=t=>{var L;const S=t.target,f=[];let m=S;for(;m&&m!==document.body;)m.matches($)&&f.push(m),m=m.parentElement;const i=f[0]||null;if(!i||!r.current||!p.current||s===i)return;s&&O(s),w&&(clearTimeout(w),w=null),s=i;const k=Array.from(p.current);k.forEach(y=>e.killTweensOf(y)),e.killTweensOf(r.current,"rotation"),(L=o.current)==null||L.pause(),e.set(r.current,{rotation:0});const u=i.getBoundingClientRect(),{borderWidth:a,cornerSize:h}=H,N=e.getProperty(r.current,"x"),X=e.getProperty(r.current,"y");d.current=[{x:u.left-a,y:u.top-a},{x:u.right+a-h,y:u.top-a},{x:u.right+a-h,y:u.bottom+a-h},{x:u.left-a,y:u.bottom+a-h}],j.current=!0,e.ticker.add(R.current),e.to(C,{current:1,duration:q,ease:"power2.out"}),k.forEach((y,n)=>{e.to(y,{x:d.current[n].x-N,y:d.current[n].y-X,duration:.2,ease:"power2.out"})});const z=()=>{if(e.ticker.remove(R.current),j.current=!1,d.current=null,e.set(C,{current:0,overwrite:!0}),s=null,p.current){const y=Array.from(p.current);e.killTweensOf(y);const{cornerSize:n}=H,P=[{x:-n*1.5,y:-n*1.5},{x:n*.5,y:-n*1.5},{x:n*.5,y:n*.5},{x:-n*1.5,y:n*.5}],ee=e.timeline();y.forEach((re,I)=>{ee.to(re,{x:P[I].x,y:P[I].y,duration:.3,ease:"power3.out"},0)})}w=setTimeout(()=>{if(!s&&r.current&&o.current){const n=e.getProperty(r.current,"rotation")%360;o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}),e.to(r.current,{rotation:n+360,duration:x*(1-n/360),ease:"none",onComplete:()=>{var P;(P=o.current)==null||P.restart()}})}w=null},50),O(i)};v=z,i.addEventListener("mouseleave",z)};return window.addEventListener("mouseover",B,{passive:!0}),()=>{var t;R.current&&e.ticker.remove(R.current),window.removeEventListener("mousemove",V),window.removeEventListener("mouseover",B),window.removeEventListener("scroll",W),window.removeEventListener("mousedown",F),window.removeEventListener("mouseup",U),s&&O(s),(t=o.current)==null||t.kill(),document.body.style.cursor=T,j.current=!1,d.current=null,C.current=0}},[$,x,M,H,Y,E,q,D]),c.useEffect(()=>{E||!r.current||!o.current||o.current.isActive()&&(o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}))},[x,E]),E?null:_.jsxs("div",{ref:r,className:`${l["target-cursor-wrapper"]}`,children:[_.jsx("div",{ref:b,className:`${l["target-cursor-dot"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tl"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tr"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-br"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-bl"]}`})]})};Q.__docgenInfo={description:"",methods:[],displayName:"TargetCursor",props:{targetSelector:{defaultValue:{value:"'.cursor-target'",computed:!1},required:!1},spinDuration:{defaultValue:{value:"2",computed:!1},required:!1},hideDefaultCursor:{defaultValue:{value:"true",computed:!1},required:!1},hoverDuration:{defaultValue:{value:"0.2",computed:!1},required:!1},parallaxOn:{defaultValue:{value:"true",computed:!1},required:!1}}};const ce={title:"ReactBits/Animations/TargetCursor",component:Q,parameters:{layout:"fullscreen"}},A={args:{targetSelector:".cursor-target",spinDuration:2,hideDefaultCursor:!0,hoverDuration:.2,parallaxOn:!0}};var G,J,K;A.parameters={...A.parameters,docs:{...(G=A.parameters)==null?void 0:G.docs,source:{originalSource:`{
   args: {
     targetSelector: '.cursor-target',
     spinDuration: 2,

package/storybook-static/assets/{TextArea-DKx3k6hV.js → TextArea-DN6IYITs.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-B8pH-Lvr.js";const v="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",j="_textareaLabel_1p1q8_10",I="_requiredIndicator_1p1q8_25",L="_textareaInput_1p1q8_31",V="_characterCount_1p1q8_90",N="_nearLimit_1p1q8_115",M="_atLimit_1p1q8_124",T="_error_1p1q8_180",w="_success_1p1q8_205",A="_loading_1p1q8_232",y="_focusMode_1p1q8_249",a={textareaContainer:v,compact:b,textareaLabel:j,requiredIndicator:I,textareaInput:L,characterCount:V,nearLimit:N,atLimit:M,error:T,success:w,loading:A,focusMode:y};function B({label:n,value:r,onChange:p,rows:f=5,placeholder:m="",required:o=!1,maxLength:s,disabled:h=!1,error:i=!1,success:_=!1,loading:l=!1,focusMode:x=!1,compact:q=!1,className:c=""}){const u=`textarea-${Math.random().toString(36).substr(2,9)}`,g=()=>{const e=[a.textareaContainer];return i&&e.push(a.error),_&&e.push(a.success),l&&e.push(a.loading),x&&e.push(a.focusMode),q&&e.push(a.compact),c&&e.push(c),e.join(" ")},C=()=>{if(!s)return a.characterCount;const e=[a.characterCount],d=r.length/s*100;return d>=100?e.push(a.atLimit):d>=80&&e.push(a.nearLimit),e.join(" ")};return t.jsxs("div",{className:g(),children:[n&&t.jsxs("label",{htmlFor:u,className:a.textareaLabel,children:[n,o&&t.jsx("span",{className:a.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:u,value:r,onChange:e=>p(e.target.value),rows:f,placeholder:m,maxLength:s,className:a.textareaInput,"aria-required":o,disabled:h||l,"aria-invalid":i}),s&&t.jsxs("div",{className:C(),children:[t.jsx("span",{children:r.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}B.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
+import{j as t}from"./iframe-Cw8dCV4Z.js";const v="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",j="_textareaLabel_1p1q8_10",I="_requiredIndicator_1p1q8_25",L="_textareaInput_1p1q8_31",V="_characterCount_1p1q8_90",N="_nearLimit_1p1q8_115",M="_atLimit_1p1q8_124",T="_error_1p1q8_180",w="_success_1p1q8_205",A="_loading_1p1q8_232",y="_focusMode_1p1q8_249",a={textareaContainer:v,compact:b,textareaLabel:j,requiredIndicator:I,textareaInput:L,characterCount:V,nearLimit:N,atLimit:M,error:T,success:w,loading:A,focusMode:y};function B({label:n,value:r,onChange:p,rows:f=5,placeholder:m="",required:o=!1,maxLength:s,disabled:h=!1,error:i=!1,success:_=!1,loading:l=!1,focusMode:x=!1,compact:q=!1,className:c=""}){const u=`textarea-${Math.random().toString(36).substr(2,9)}`,g=()=>{const e=[a.textareaContainer];return i&&e.push(a.error),_&&e.push(a.success),l&&e.push(a.loading),x&&e.push(a.focusMode),q&&e.push(a.compact),c&&e.push(c),e.join(" ")},C=()=>{if(!s)return a.characterCount;const e=[a.characterCount],d=r.length/s*100;return d>=100?e.push(a.atLimit):d>=80&&e.push(a.nearLimit),e.join(" ")};return t.jsxs("div",{className:g(),children:[n&&t.jsxs("label",{htmlFor:u,className:a.textareaLabel,children:[n,o&&t.jsx("span",{className:a.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:u,value:r,onChange:e=>p(e.target.value),rows:f,placeholder:m,maxLength:s,className:a.textareaInput,"aria-required":o,disabled:h||l,"aria-invalid":i}),s&&t.jsxs("div",{className:C(),children:[t.jsx("span",{children:r.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}B.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
 
 @component
 @description

package/storybook-static/assets/TextArea.stories-CwLLZFoD.js

@@ -0,0 +1,118 @@
+import{r as p,j as e}from"./iframe-Cw8dCV4Z.js";import{T as m}from"./TextArea-DN6IYITs.js";import"./preload-helper-C1FmrZbK.js";const R={title:"Atoms/TextArea",component:m,parameters:{layout:"centered",docs:{description:{component:"A multiline text input component with character counter support and compact mode for arrays."}}},tags:["autodocs"],argTypes:{label:{control:"text"},value:{control:"text"},placeholder:{control:"text"},rows:{control:"number"},maxLength:{control:"number"},required:{control:"boolean"},compact:{control:"boolean"},onChange:{action:"changed"}}},s={args:{label:"Description",value:"",placeholder:"Enter your description here...",rows:4,onChange:()=>{}}},l={args:{label:"Bio",value:"Software developer passionate about creating great user experiences.",placeholder:"Tell us about yourself...",rows:4,maxLength:200,onChange:()=>{}}},i={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[r,a]=p.useState(""),[d,n]=p.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",width:"400px"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem"},children:"Regular TextArea"}),e.jsx(m,{label:"Description",value:r,onChange:a,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem"},children:"Compact TextArea"}),e.jsx(m,{label:"Description",value:d,onChange:n,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},c={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[r,a]=p.useState(["First item with some text",""]),d=(n,t)=>{const o=[...r];o[n]=t,a(o)};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"var(--color-background-secondary)",padding:"1rem",borderRadius:"var(--radius-md)"},children:[r.map((n,t)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:t<r.length-1?"1rem":"0"},children:[e.jsx(m,{label:"",value:n,onChange:o=>d(t,o),placeholder:`Item ${t+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>a(r.filter((o,I)=>I!==t)),style:{background:"var(--color-danger)",color:"white",border:"none",borderRadius:"var(--radius-sm)",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},t)),e.jsx("button",{onClick:()=>a([...r,""]),style:{background:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-sm)",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var u,x,g;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    label: 'Description',
+    value: '',
+    placeholder: 'Enter your description here...',
+    rows: 4,
+    onChange: () => {}
+  }
+}`,...(g=(x=s.parameters)==null?void 0:x.docs)==null?void 0:g.source}}};var h,b,v;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    label: 'Bio',
+    value: 'Software developer passionate about creating great user experiences.',
+    placeholder: 'Tell us about yourself...',
+    rows: 4,
+    maxLength: 200,
+    onChange: () => {}
+  }
+}`,...(v=(b=l.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var C,y,T;i.parameters={...i.parameters,docs:{...(C=i.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    label: 'Comparison',
+    value: '',
+    onChange: () => {}
+  },
+  render: () => {
+    const [regularText, setRegularText] = useState('');
+    const [compactText, setCompactText] = useState('');
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '2rem',
+      width: '400px'
+    }}>
+                <div>
+                    <h4 style={{
+          marginBottom: '1rem'
+        }}>Regular TextArea</h4>
+                    <TextArea label="Description" value={regularText} onChange={setRegularText} placeholder="Regular size textarea..." rows={4} maxLength={200} />
+                </div>
+                <div>
+                    <h4 style={{
+          marginBottom: '1rem'
+        }}>Compact TextArea</h4>
+                    <TextArea label="Description" value={compactText} onChange={setCompactText} placeholder="Compact size textarea..." rows={4} maxLength={200} compact />
+                </div>
+            </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(T=(y=i.parameters)==null?void 0:y.docs)==null?void 0:T.source}}};var w,f,A;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  args: {
+    label: 'Array Demo',
+    value: '',
+    onChange: () => {}
+  },
+  render: () => {
+    const [items, setItems] = useState(['First item with some text', '']);
+    const handleItemChange = (index: number, value: string) => {
+      const newItems = [...items];
+      newItems[index] = value;
+      setItems(newItems);
+    };
+    return <div style={{
+      width: '400px'
+    }}>
+                <h4 style={{
+        marginBottom: '1rem'
+      }}>
+                    TextArea in Array Context (Compact Mode)
+                </h4>
+                <div style={{
+        background: 'var(--color-background-secondary)',
+        padding: '1rem',
+        borderRadius: 'var(--radius-md)'
+      }}>
+                    {items.map((item, index) => <div key={index} style={{
+          display: 'flex',
+          alignItems: 'flex-start',
+          gap: '0.5rem',
+          marginBottom: index < items.length - 1 ? '1rem' : '0'
+        }}>
+                            <TextArea label="" value={item} onChange={value => handleItemChange(index, value)} placeholder={\`Item \${index + 1}...\`} rows={2} compact />
+                            <button onClick={() => setItems(items.filter((_, i) => i !== index))} style={{
+            background: 'var(--color-danger)',
+            color: 'white',
+            border: 'none',
+            borderRadius: 'var(--radius-sm)',
+            padding: '4px 8px',
+            cursor: 'pointer',
+            fontSize: '12px',
+            marginTop: '2px'
+          }}>
+                                x
+                            </button>
+                        </div>)}
+                    <button onClick={() => setItems([...items, ''])} style={{
+          background: 'var(--color-primary)',
+          color: 'white',
+          border: 'none',
+          borderRadius: 'var(--radius-sm)',
+          padding: '8px 16px',
+          cursor: 'pointer',
+          fontSize: '14px',
+          marginTop: '1rem'
+        }}>
+                        + Add Item
+                    </button>
+                </div>
+            </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(A=(f=c.parameters)==null?void 0:f.docs)==null?void 0:A.source}}};const k=["Default","WithCharacterLimit","CompactComparison","ArrayInputDemo"];export{c as ArrayInputDemo,i as CompactComparison,s as Default,l as WithCharacterLimit,k as __namedExportsOrder,R as default};

package/storybook-static/assets/{TextCursor.stories-CY2eIn6Z.js → TextCursor.stories-NORQhkfy.js}

@@ -1,4 +1,4 @@
-import{r as a,j as c}from"./iframe-B8pH-Lvr.js";import{A as B}from"./index-DBfrIdYd.js";import{m as L}from"./proxy-BA3VZtN5.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const p={"text-cursor-container":"_text-cursor-container_uryua_1","text-cursor-inner":"_text-cursor-inner_uryua_7","text-cursor-item":"_text-cursor-item_uryua_16"},E=({text:V="⚛️",spacing:d=100,followMouseDirection:j=!0,randomFloat:n=!0,exitDuration:A=.5,removalInterval:x=30,maxPoints:y=5})=>{const[C,g]=a.useState([]),o=a.useRef(null),v=a.useRef(Date.now()),h=a.useRef(0),M=e=>{if(!o.current)return;const r=o.current.getBoundingClientRect(),_=e.clientX-r.left,D=e.clientY-r.top,I=()=>n?{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}:{};g(O=>{const t=[...O];if(t.length===0)t.push({id:h.current++,x:_,y:D,angle:0,...I()});else{const s=t[t.length-1],u=_-s.x,l=D-s.y,f=Math.sqrt(u*u+l*l);if(f>=d){let X=Math.atan2(l,u)*180/Math.PI;const Y=j?X:0,N=Math.floor(f/d);for(let m=1;m<=N;m++){const R=d*m/f,P=s.x+u*R,$=s.y+l*R;t.push({id:h.current++,x:P,y:$,angle:Y,...I()})}}}return t.length>y?t.slice(t.length-y):t}),v.current=Date.now()};return a.useEffect(()=>{const e=o.current;if(e)return e.addEventListener("mousemove",M),()=>e.removeEventListener("mousemove",M)},[]),a.useEffect(()=>{const e=setInterval(()=>{Date.now()-v.current>100&&g(r=>r.length>0?r.slice(1):r)},x);return()=>clearInterval(e)},[x]),c.jsx("div",{ref:o,className:`${p["text-cursor-container"]}`,children:c.jsx("div",{className:`${p["text-cursor-inner"]}`,children:c.jsx(B,{children:C.map(e=>c.jsx(L.div,{initial:{opacity:0,scale:1,rotate:e.angle},animate:{opacity:1,scale:1,x:n?[0,e.randomX||0,0]:0,y:n?[0,e.randomY||0,0]:0,rotate:n?[e.angle,e.angle+(e.randomRotate||0),e.angle]:e.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:A,ease:"easeOut"},...n&&{x:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},y:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},rotate:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"}}},className:`${p["text-cursor-item"]}`,style:{left:e.x,top:e.y},children:V},e.id))})})})};E.__docgenInfo={description:"",methods:[],displayName:"TextCursor",props:{text:{defaultValue:{value:"'⚛️'",computed:!1},required:!1},spacing:{defaultValue:{value:"100",computed:!1},required:!1},followMouseDirection:{defaultValue:{value:"true",computed:!1},required:!1},randomFloat:{defaultValue:{value:"true",computed:!1},required:!1},exitDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},removalInterval:{defaultValue:{value:"30",computed:!1},required:!1},maxPoints:{defaultValue:{value:"5",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/TextCursor",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{text:"⚛️",spacing:100,followMouseDirection:!0,randomFloat:!0,exitDuration:.5,removalInterval:30,maxPoints:5}};var w,T,q;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
+import{r as a,j as c}from"./iframe-Cw8dCV4Z.js";import{A as B}from"./index-CzApopWo.js";import{m as L}from"./proxy-p8L3T_Zy.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BCa1jVYq.js";const p={"text-cursor-container":"_text-cursor-container_uryua_1","text-cursor-inner":"_text-cursor-inner_uryua_7","text-cursor-item":"_text-cursor-item_uryua_16"},E=({text:V="⚛️",spacing:d=100,followMouseDirection:j=!0,randomFloat:n=!0,exitDuration:A=.5,removalInterval:x=30,maxPoints:y=5})=>{const[C,v]=a.useState([]),o=a.useRef(null),g=a.useRef(Date.now()),h=a.useRef(0),M=e=>{if(!o.current)return;const r=o.current.getBoundingClientRect(),_=e.clientX-r.left,D=e.clientY-r.top,I=()=>n?{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}:{};v(O=>{const t=[...O];if(t.length===0)t.push({id:h.current++,x:_,y:D,angle:0,...I()});else{const s=t[t.length-1],u=_-s.x,l=D-s.y,f=Math.sqrt(u*u+l*l);if(f>=d){let X=Math.atan2(l,u)*180/Math.PI;const Y=j?X:0,N=Math.floor(f/d);for(let m=1;m<=N;m++){const R=d*m/f,P=s.x+u*R,$=s.y+l*R;t.push({id:h.current++,x:P,y:$,angle:Y,...I()})}}}return t.length>y?t.slice(t.length-y):t}),g.current=Date.now()};return a.useEffect(()=>{const e=o.current;if(e)return e.addEventListener("mousemove",M),()=>e.removeEventListener("mousemove",M)},[]),a.useEffect(()=>{const e=setInterval(()=>{Date.now()-g.current>100&&v(r=>r.length>0?r.slice(1):r)},x);return()=>clearInterval(e)},[x]),c.jsx("div",{ref:o,className:`${p["text-cursor-container"]}`,children:c.jsx("div",{className:`${p["text-cursor-inner"]}`,children:c.jsx(B,{children:C.map(e=>c.jsx(L.div,{initial:{opacity:0,scale:1,rotate:e.angle},animate:{opacity:1,scale:1,x:n?[0,e.randomX||0,0]:0,y:n?[0,e.randomY||0,0]:0,rotate:n?[e.angle,e.angle+(e.randomRotate||0),e.angle]:e.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:A,ease:"easeOut"},...n&&{x:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},y:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},rotate:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"}}},className:`${p["text-cursor-item"]}`,style:{left:e.x,top:e.y},children:V},e.id))})})})};E.__docgenInfo={description:"",methods:[],displayName:"TextCursor",props:{text:{defaultValue:{value:"'⚛️'",computed:!1},required:!1},spacing:{defaultValue:{value:"100",computed:!1},required:!1},followMouseDirection:{defaultValue:{value:"true",computed:!1},required:!1},randomFloat:{defaultValue:{value:"true",computed:!1},required:!1},exitDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},removalInterval:{defaultValue:{value:"30",computed:!1},required:!1},maxPoints:{defaultValue:{value:"5",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/TextCursor",component:E,parameters:{layout:"fullscreen"}},i={args:{text:"⚛️",spacing:100,followMouseDirection:!0,randomFloat:!0,exitDuration:.5,removalInterval:30,maxPoints:5}};var w,T,q;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
   args: {
     text: '⚛️',
     spacing: 100,

package/storybook-static/assets/TextInput-6V0mlIuS.css

@@ -0,0 +1 @@
+._textInput_16mxa_1{margin-bottom:var(--spacing-lg);position:relative}._textInput_16mxa_1 label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._textInput_16mxa_1 input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);display:block;transition:all var(--transition-base);min-height:44px;-webkit-appearance:none;outline:none;box-sizing:border-box}._textInput_16mxa_1 input:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._textInput_16mxa_1 input:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._textInput_16mxa_1 input::placeholder{color:var(--color-text-secondary);opacity:.6}._textInput_16mxa_1 input:disabled{background:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;transform:none}._textInput_16mxa_1 input[type=password]{font-family:var(--font-family-mono);letter-spacing:.15em}._textInput_16mxa_1 input[type=number]::-webkit-inner-spin-button,._textInput_16mxa_1 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._textInput_16mxa_1 input[type=number]{-moz-appearance:textfield}._required_16mxa_82{color:var(--color-error);font-weight:var(--font-weight-bold);margin-left:4px}._inputError_16mxa_89{border-color:var(--color-error)!important;background:linear-gradient(135deg,var(--color-error-bg),var(--color-background))!important;animation:_shake_16mxa_1 .3s cubic-bezier(.36,.07,.19,.97) both}._inputError_16mxa_89:focus{box-shadow:0 0 0 3px #f43f5e26!important}._errorMessage_16mxa_102{position:absolute;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs);animation:_slideDown_16mxa_1 .3s ease-out;font-weight:var(--font-weight-medium)}._errorMessage_16mxa_102:before{content:"⚠";font-size:1.2em}@keyframes _shake_16mxa_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes _slideDown_16mxa_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._success_16mxa_138 input{border-color:var(--color-success)!important}._success_16mxa_138:after{content:"✓";position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;font-size:var(--font-size-lg);animation:_checkIn_16mxa_1 .3s ease-out;pointer-events:none}@keyframes _checkIn_16mxa_1{0%{opacity:0;transform:translateY(-50%) scale(0) rotate(-45deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}}._loading_16mxa_167 input{background-image:linear-gradient(90deg,var(--color-background) 0%,rgba(124,58,237,.05) 50%,var(--color-background) 100%);background-size:200% 100%;animation:_loading_16mxa_167 2s ease-in-out infinite}@keyframes _loading_16mxa_167{0%{background-position:200% 0}to{background-position:-200% 0}}._withIcon_16mxa_184{position:relative}._withIcon_16mxa_184 input{padding-left:44px}._inputIcon_16mxa_192{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:20px;height:20px;pointer-events:none;transition:color var(--transition-base)}._textInput_16mxa_1 input:focus~._inputIcon_16mxa_192{color:var(--color-primary)}._withAction_16mxa_209 input{padding-right:100px}._actionButton_16mxa_213{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px 12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}._actionButton_16mxa_213:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-50%) scale(1.05)}._actionButton_16mxa_213:active{transform:translateY(-50%) scale(.95)}[data-theme=dark] ._textInput_16mxa_1 input{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textInput_16mxa_1 input:hover:not(:focus):not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._textInput_16mxa_1 input:focus{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._inputError_16mxa_89{background:linear-gradient(135deg,rgba(244,63,94,.1),var(--color-background-secondary))!important}[data-theme=dark] ._inputIcon_16mxa_192{color:var(--color-text-tertiary)}[data-theme=dark] ._textInput_16mxa_1 input:focus~._inputIcon_16mxa_192{color:var(--color-primary-light)}@media (max-width: 768px){._textInput_16mxa_1{margin-bottom:var(--spacing-md)}._textInput_16mxa_1 label{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_16mxa_1 input{min-height:48px;padding:var(--spacing-md);font-size:16px;border-radius:var(--radius-md)}._withIcon_16mxa_184 input{padding-left:48px}._inputIcon_16mxa_192{left:var(--spacing-md);width:24px;height:24px}._errorMessage_16mxa_102{font-size:var(--font-size-sm);position:static;margin-top:var(--spacing-sm)}}@media (prefers-contrast: high){._textInput_16mxa_1 input{border-width:3px}._textInput_16mxa_1 input:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){._textInput_16mxa_1 input,._inputIcon_16mxa_192,._errorMessage_16mxa_102{animation:none;transition:none}}._textInput_16mxa_1 input:-webkit-autofill,._textInput_16mxa_1 input:-webkit-autofill:hover,._textInput_16mxa_1 input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0px 1000px var(--color-background) inset;transition:background-color 5000s ease-in-out 0s;border:2px solid var(--color-primary)}._textInput_16mxa_1 input[type=search]::-webkit-search-decoration,._textInput_16mxa_1 input[type=search]::-webkit-search-cancel-button,._textInput_16mxa_1 input[type=search]::-webkit-search-results-button,._textInput_16mxa_1 input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}

package/storybook-static/assets/TextInput-CLgIGUn3.js

@@ -0,0 +1,28 @@
+import{R as f,j as a}from"./iframe-Cw8dCV4Z.js";import{u as T}from"./useSound-D23BsIr4.js";const V="_textInput_16mxa_1",A="_required_16mxa_82",k="_inputError_16mxa_89",M="_errorMessage_16mxa_102",R="_success_16mxa_138",S="_loading_16mxa_167",P="_withIcon_16mxa_184",$="_inputIcon_16mxa_192",B="_withAction_16mxa_209",F="_actionButton_16mxa_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:_,value:r,onChange:I,type:b="text",onBlur:v,placeholder:w,error:n,required:y,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=f.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return f.useEffect(()=>{h.current=r},[r]),a.jsxs("div",{className:N(),children:[a.jsxs("label",{htmlFor:i,children:[_,y&&a.jsx("span",{className:t.required,children:"*"})]}),a.jsxs("div",{style:{position:"relative"},children:[c&&a.jsx("div",{className:t.inputIcon,children:c}),a.jsx("input",{id:i,type:b,value:r,onChange:e=>{const d=e.target.value,x=h.current;I(d),(q||s!=null&&s.onClick)&&(d.length>x.length?p("type"):d.length<x.length&&p("delete")),n&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:v,placeholder:w,className:n?t.inputError:"","aria-invalid":!!n,"aria-describedby":n?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&a.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),n&&a.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:n})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
+
+@component
+@description
+A foundational input component that provides a clean, accessible text field with
+built-in support for labels, validation errors, and various HTML5 input types.
+Follows design system tokens for consistent theming across light/dark modes.
+
+@example
+// Basic usage
+<TextInput
+  label="Email Address"
+  value={email}
+  onChange={setEmail}
+  type="email"
+  placeholder="Enter your email"
+/>
+
+@example
+// With validation error
+<TextInput
+  label="Password"
+  value={password}
+  onChange={setPassword}
+  type="password"
+  error="Password must be at least 8 characters"
+  required
+/>`,methods:[],displayName:"TextInput",props:{type:{defaultValue:{value:'"text"',computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},enableTypingSounds:{defaultValue:{value:"false",computed:!1},required:!1}}};export{H as T};

package/storybook-static/assets/TextInput.stories-BNooOWA2.js

@@ -0,0 +1,89 @@
+import{r as i,j as e}from"./iframe-Cw8dCV4Z.js";import{T as u}from"./TextInput-CLgIGUn3.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-D23BsIr4.js";const U={title:"Atoms/TextInput",component:u,parameters:{layout:"centered",docs:{description:{component:"A simple wrapper around Input component for text input with controlled state management."}}},argTypes:{label:{control:"text"},value:{control:"text"},placeholder:{control:"text"},error:{control:"text"},type:{control:"select",options:["text","email","password","tel","url"]},required:{control:"boolean"},onChange:{action:"changed"},onBlur:{action:"blurred"}}},s={args:{label:"Name",value:"",placeholder:"Enter your name",onChange:()=>{}}},o={args:{label:"Email",value:"invalid-email",type:"email",error:"Please enter a valid email address",onChange:()=>{}}},n={args:{label:"Username",value:"",placeholder:"Enter username",required:!0,onChange:()=>{}},render:()=>{const[m,y]=i.useState(""),[t,f]=i.useState(""),[a,d]=i.useState({}),C=()=>{const r={};m||(r.username="Username is required"),t?t.length<6&&(r.password="Password must be at least 6 characters"):r.password="Password is required",d(r)};return e.jsxs("div",{style:{padding:"2rem",background:"var(--color-background)",border:"1px solid var(--color-border)",borderRadius:"var(--radius-md)",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1.5rem"},children:"Login"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(u,{label:"Username",value:m,onChange:r=>{y(r),a.username&&d(l=>({...l,username:void 0}))},placeholder:"Enter username",error:a.username,required:!0}),e.jsx(u,{label:"Password",type:"password",value:t,onChange:r=>{f(r),a.password&&d(l=>({...l,password:void 0}))},placeholder:"Enter password",error:a.password,required:!0}),e.jsx("button",{type:"button",onClick:C,style:{padding:"0.75rem 1rem",backgroundColor:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-sm)",cursor:"pointer",marginTop:"0.5rem"},children:"Login"})]})]})},parameters:{controls:{disable:!0}}};var p,c,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  args: {
+    label: 'Name',
+    value: '',
+    placeholder: 'Enter your name',
+    onChange: () => {}
+  }
+}`,...(g=(c=s.parameters)==null?void 0:c.docs)==null?void 0:g.source}}};var h,b,v;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    label: 'Email',
+    value: 'invalid-email',
+    type: 'email',
+    error: 'Please enter a valid email address',
+    onChange: () => {}
+  }
+}`,...(v=(b=o.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var w,x,E;n.parameters={...n.parameters,docs:{...(w=n.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  args: {
+    label: 'Username',
+    value: '',
+    placeholder: 'Enter username',
+    required: true,
+    onChange: () => {}
+  },
+  render: () => {
+    const [username, setUsername] = useState('');
+    const [password, setPassword] = useState('');
+    const [errors, setErrors] = useState<{
+      username?: string;
+      password?: string;
+    }>({});
+    const handleSubmit = () => {
+      const newErrors: {
+        username?: string;
+        password?: string;
+      } = {};
+      if (!username) newErrors.username = 'Username is required';
+      if (!password) newErrors.password = 'Password is required';else if (password.length < 6) newErrors.password = 'Password must be at least 6 characters';
+      setErrors(newErrors);
+    };
+    return <div style={{
+      padding: '2rem',
+      background: 'var(--color-background)',
+      border: '1px solid var(--color-border)',
+      borderRadius: 'var(--radius-md)',
+      maxWidth: '400px'
+    }}>
+                <h3 style={{
+        marginTop: 0,
+        marginBottom: '1.5rem'
+      }}>Login</h3>
+                <div style={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '1rem'
+      }}>
+                    <TextInput label="Username" value={username} onChange={value => {
+          setUsername(value);
+          if (errors.username) setErrors(prev => ({
+            ...prev,
+            username: undefined
+          }));
+        }} placeholder="Enter username" error={errors.username} required />
+                    <TextInput label="Password" type="password" value={password} onChange={value => {
+          setPassword(value);
+          if (errors.password) setErrors(prev => ({
+            ...prev,
+            password: undefined
+          }));
+        }} placeholder="Enter password" error={errors.password} required />
+                    <button type="button" onClick={handleSubmit} style={{
+          padding: '0.75rem 1rem',
+          backgroundColor: 'var(--color-primary)',
+          color: 'white',
+          border: 'none',
+          borderRadius: 'var(--radius-sm)',
+          cursor: 'pointer',
+          marginTop: '0.5rem'
+        }}>
+                        Login
+                    </button>
+                </div>
+            </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(E=(x=n.parameters)==null?void 0:x.docs)==null?void 0:E.source}}};const j=["Default","WithError","LoginForm"];export{s as Default,n as LoginForm,o as WithError,j as __namedExportsOrder,U as default};

package/storybook-static/assets/{TextPressure.stories-sH-cgdL2.js → TextPressure.stories-BaCAyBD4.js}

@@ -1,4 +1,4 @@
-import{r,j as F}from"./iframe-B8pH-Lvr.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-Cw8dCV4Z.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}');
@@ -28,7 +28,7 @@ import{r,j as F}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";
         .text-pressure-title {
           color: ${x};
         }
-      `}),[o,a,x,k]),D=[O,A?"flex":"",q?"stroke":""].filter(Boolean).join(" ");return F.jsxs("div",{ref:p,style:{position:"relative",width:"100%",height:"100%",background:"transparent"},children:[_,F.jsx("h1",{ref:d,className:`text-pressure-title ${D}`,style:{fontFamily:o,textTransform:"uppercase",fontSize:X,lineHeight:Y,transform:`scale(1, ${N})`,transformOrigin:"center top",margin:0,textAlign:"center",userSelect:"none",whiteSpace:"nowrap",fontWeight:100,width:"100%"},children:C.map((e,u)=>F.jsx("span",{ref:t=>E.current[u]=t,"data-char":e,style:{display:"inline-block",color:q?void 0:x},children:e},u))})]})};P.__docgenInfo={description:"",methods:[],displayName:"TextPressure",props:{text:{defaultValue:{value:"'Compressa'",computed:!1},required:!1},fontFamily:{defaultValue:{value:"'Compressa VF'",computed:!1},required:!1},fontUrl:{defaultValue:{value:"'https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2'",computed:!1},required:!1},width:{defaultValue:{value:"true",computed:!1},required:!1},weight:{defaultValue:{value:"true",computed:!1},required:!1},italic:{defaultValue:{value:"true",computed:!1},required:!1},alpha:{defaultValue:{value:"false",computed:!1},required:!1},flex:{defaultValue:{value:"true",computed:!1},required:!1},stroke:{defaultValue:{value:"false",computed:!1},required:!1},scale:{defaultValue:{value:"false",computed:!1},required:!1},textColor:{defaultValue:{value:"'#FFFFFF'",computed:!1},required:!1},strokeColor:{defaultValue:{value:"'#FF0000'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},minFontSize:{defaultValue:{value:"24",computed:!1},required:!1}}};const ee={title:"ReactBits/TextAnimations/TextPressure",component:P,parameters:{layout:"fullscreen"},tags:["autodocs"]},y={args:{text:"Compressa",fontFamily:"Compressa VF",fontUrl:"https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:!0,weight:!0,italic:!0,alpha:!1,flex:!0,stroke:!1,scale:!1,textColor:"#FFFFFF",strokeColor:"#FF0000",minFontSize:24}};var T,B,L;y.parameters={...y.parameters,docs:{...(T=y.parameters)==null?void 0:T.docs,source:{originalSource:`{
+      `}),[o,a,x,k]),D=[O,A?"flex":"",q?"stroke":""].filter(Boolean).join(" ");return F.jsxs("div",{ref:p,style:{position:"relative",width:"100%",height:"100%",background:"transparent"},children:[_,F.jsx("h1",{ref:d,className:`text-pressure-title ${D}`,style:{fontFamily:o,textTransform:"uppercase",fontSize:X,lineHeight:Y,transform:`scale(1, ${N})`,transformOrigin:"center top",margin:0,textAlign:"center",userSelect:"none",whiteSpace:"nowrap",fontWeight:100,width:"100%"},children:C.map((e,u)=>F.jsx("span",{ref:t=>E.current[u]=t,"data-char":e,style:{display:"inline-block",color:q?void 0:x},children:e},u))})]})};P.__docgenInfo={description:"",methods:[],displayName:"TextPressure",props:{text:{defaultValue:{value:"'Compressa'",computed:!1},required:!1},fontFamily:{defaultValue:{value:"'Compressa VF'",computed:!1},required:!1},fontUrl:{defaultValue:{value:"'https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2'",computed:!1},required:!1},width:{defaultValue:{value:"true",computed:!1},required:!1},weight:{defaultValue:{value:"true",computed:!1},required:!1},italic:{defaultValue:{value:"true",computed:!1},required:!1},alpha:{defaultValue:{value:"false",computed:!1},required:!1},flex:{defaultValue:{value:"true",computed:!1},required:!1},stroke:{defaultValue:{value:"false",computed:!1},required:!1},scale:{defaultValue:{value:"false",computed:!1},required:!1},textColor:{defaultValue:{value:"'#FFFFFF'",computed:!1},required:!1},strokeColor:{defaultValue:{value:"'#FF0000'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},minFontSize:{defaultValue:{value:"24",computed:!1},required:!1}}};const ee={title:"ReactBits/TextAnimations/TextPressure",component:P,parameters:{layout:"fullscreen"}},y={args:{text:"Compressa",fontFamily:"Compressa VF",fontUrl:"https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:!0,weight:!0,italic:!0,alpha:!1,flex:!0,stroke:!1,scale:!1,textColor:"#FFFFFF",strokeColor:"#FF0000",minFontSize:24}};var T,B,L;y.parameters={...y.parameters,docs:{...(T=y.parameters)==null?void 0:T.docs,source:{originalSource:`{
   args: {
     text: 'Compressa',
     fontFamily: 'Compressa VF',

package/storybook-static/assets/{TextType.stories-B7Oy3P9u.js → TextType.stories-DG4mQ3HF.js}

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

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

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

package/storybook-static/assets/{Threads.stories-e52ErKbM.js → Threads.stories-Rsg8lRsX.js}

@@ -1,4 +1,4 @@
-import{r as d,j as z}from"./iframe-B8pH-Lvr.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-Cw8dCV4Z.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;
@@ -111,7 +111,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
 void main() {
     mainImage(gl_FragColor, gl_FragCoord.xy);
 }
-`,C=({color:v=[1,1,1],amplitude:p=1,distance:_=0,enableMouseInteraction:r=!1,...b})=>{const c=d.useRef(null),s=d.useRef();return d.useEffect(()=>{if(!c.current)return;const o=c.current,f=new F({alpha:!0}),e=f.gl;e.clearColor(0,0,0,0),e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),o.appendChild(e.canvas);const M=new q(e),n=new D(e,{vertex:S,fragment:V,uniforms:{iTime:{value:0},iResolution:{value:new P(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uColor:{value:new P(...v)},uAmplitude:{value:p},uDistance:{value:_},uMouse:{value:new Float32Array([.5,.5])}}}),E=new T(e,{geometry:M,program:n});function m(){const{clientWidth:t,clientHeight:i}=o;f.setSize(t,i),n.uniforms.iResolution.value.r=t,n.uniforms.iResolution.value.g=i,n.uniforms.iResolution.value.b=t/i}window.addEventListener("resize",m),m();let a=[.5,.5],l=[.5,.5];function g(t){const i=o.getBoundingClientRect(),A=(t.clientX-i.left)/i.width,L=1-(t.clientY-i.top)/i.height;l=[A,L]}function h(){l=[.5,.5]}r&&(o.addEventListener("mousemove",g),o.addEventListener("mouseleave",h));function x(t){r?(a[0]+=.05*(l[0]-a[0]),a[1]+=.05*(l[1]-a[1]),n.uniforms.uMouse.value[0]=a[0],n.uniforms.uMouse.value[1]=a[1]):(n.uniforms.uMouse.value[0]=.5,n.uniforms.uMouse.value[1]=.5),n.uniforms.iTime.value=t*.001,f.render({scene:E}),s.current=requestAnimationFrame(x)}return s.current=requestAnimationFrame(x),()=>{var t;s.current&&cancelAnimationFrame(s.current),window.removeEventListener("resize",m),r&&(o.removeEventListener("mousemove",g),o.removeEventListener("mouseleave",h)),o.contains(e.canvas)&&o.removeChild(e.canvas),(t=e.getExtension("WEBGL_lose_context"))==null||t.loseContext()}},[v,p,_,r]),z.jsx("div",{ref:c,className:`${I["threads-container"]}`,...b})};C.__docgenInfo={description:"",methods:[],displayName:"Threads",props:{color:{defaultValue:{value:"[1, 1, 1]",computed:!1},required:!1},amplitude:{defaultValue:{value:"1",computed:!1},required:!1},distance:{defaultValue:{value:"0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"false",computed:!1},required:!1}}};const O={title:"ReactBits/Backgrounds/Threads",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},u={args:{color:[1,1,1],amplitude:1,distance:0,enableMouseInteraction:!1}};var y,w,R;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
+`,C=({color:v=[1,1,1],amplitude:p=1,distance:_=0,enableMouseInteraction:r=!1,...b})=>{const c=d.useRef(null),s=d.useRef();return d.useEffect(()=>{if(!c.current)return;const o=c.current,f=new F({alpha:!0}),e=f.gl;e.clearColor(0,0,0,0),e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),o.appendChild(e.canvas);const M=new q(e),n=new D(e,{vertex:S,fragment:V,uniforms:{iTime:{value:0},iResolution:{value:new P(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uColor:{value:new P(...v)},uAmplitude:{value:p},uDistance:{value:_},uMouse:{value:new Float32Array([.5,.5])}}}),E=new T(e,{geometry:M,program:n});function m(){const{clientWidth:t,clientHeight:i}=o;f.setSize(t,i),n.uniforms.iResolution.value.r=t,n.uniforms.iResolution.value.g=i,n.uniforms.iResolution.value.b=t/i}window.addEventListener("resize",m),m();let a=[.5,.5],l=[.5,.5];function h(t){const i=o.getBoundingClientRect(),A=(t.clientX-i.left)/i.width,L=1-(t.clientY-i.top)/i.height;l=[A,L]}function x(){l=[.5,.5]}r&&(o.addEventListener("mousemove",h),o.addEventListener("mouseleave",x));function g(t){r?(a[0]+=.05*(l[0]-a[0]),a[1]+=.05*(l[1]-a[1]),n.uniforms.uMouse.value[0]=a[0],n.uniforms.uMouse.value[1]=a[1]):(n.uniforms.uMouse.value[0]=.5,n.uniforms.uMouse.value[1]=.5),n.uniforms.iTime.value=t*.001,f.render({scene:E}),s.current=requestAnimationFrame(g)}return s.current=requestAnimationFrame(g),()=>{var t;s.current&&cancelAnimationFrame(s.current),window.removeEventListener("resize",m),r&&(o.removeEventListener("mousemove",h),o.removeEventListener("mouseleave",x)),o.contains(e.canvas)&&o.removeChild(e.canvas),(t=e.getExtension("WEBGL_lose_context"))==null||t.loseContext()}},[v,p,_,r]),z.jsx("div",{ref:c,className:`${I["threads-container"]}`,...b})};C.__docgenInfo={description:"",methods:[],displayName:"Threads",props:{color:{defaultValue:{value:"[1, 1, 1]",computed:!1},required:!1},amplitude:{defaultValue:{value:"1",computed:!1},required:!1},distance:{defaultValue:{value:"0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"false",computed:!1},required:!1}}};const O={title:"ReactBits/Backgrounds/Threads",component:C,parameters:{layout:"fullscreen"}},u={args:{color:[1,1,1],amplitude:1,distance:0,enableMouseInteraction:!1}};var y,w,R;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`{
   args: {
     color: [1, 1, 1],
     amplitude: 1,

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

@@ -0,0 +1 @@
+._modalOverlay_5gem4_2{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_5gem4_1 .2s ease}@keyframes _fadeIn_5gem4_1{0%{opacity:0}to{opacity:1}}._modalContent_5gem4_22{background:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;animation:_slideUp_5gem4_1 .3s ease}@keyframes _slideUp_5gem4_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_5gem4_45{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}._modalHeader_5gem4_45 h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}._closeButton_5gem4_59{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base)}._closeButton_5gem4_59:hover{background:var(--color-background-secondary);color:var(--color-text)}._timeDisplay_5gem4_77{text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);padding:var(--spacing-lg);color:var(--color-primary);font-family:var(--font-family-mono);letter-spacing:.1em}._pickerContainer_5gem4_87{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-lg);justify-content:center;align-items:center}._pickerColumn_5gem4_95{flex:1;max-width:150px}._pickerLabel_5gem4_100{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}._pickerScroll_5gem4_109{height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);background:var(--color-background-secondary)}._pickerScroll_5gem4_109::-webkit-scrollbar{width:6px}._pickerScroll_5gem4_109::-webkit-scrollbar-track{background:var(--color-background-tertiary);border-radius:3px}._pickerScroll_5gem4_109::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}._pickerScroll_5gem4_109::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}._pickerItem_5gem4_136{display:block;width:100%;padding:var(--spacing-sm);background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-base);border-radius:var(--radius-sm)}._pickerItem_5gem4_136:hover{background:var(--color-background-tertiary)}._pickerItem_5gem4_136._selected_5gem4_153{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold)}._pickerDivider_5gem4_159{font-size:var(--font-size-2xl);color:var(--color-text-secondary);font-weight:var(--font-weight-bold);padding:0 var(--spacing-sm)}._modalActions_5gem4_166{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}._cancelButton_5gem4_173,._confirmButton_5gem4_174{flex:1;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none}._cancelButton_5gem4_173{background:var(--color-background-secondary);color:var(--color-text)}._cancelButton_5gem4_173:hover{background:var(--color-background-tertiary)}._confirmButton_5gem4_174{background:var(--color-primary);color:#fff}._confirmButton_5gem4_174:hover{background:var(--color-primary-hover)}[data-theme=dark] ._modalContent_5gem4_22{background:var(--color-background-secondary)}@media (max-width: 768px){._modalContent_5gem4_22{width:95%;max-width:none}._pickerScroll_5gem4_109{height:150px}}._timeInput_1y65y_1{margin-bottom:var(--spacing-lg)}._label_1y65y_5{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide)}._required_1y65y_14{color:var(--color-error);margin-left:4px}._inputWrapper_1y65y_19{position:relative;display:flex;align-items:stretch;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);min-height:44px}._inputWrapper_1y65y_19:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._inputWrapper_1y65y_19:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}._textInput_1y65y_41{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-lg);font-family:var(--font-family-mono);color:var(--color-text);outline:none;min-height:44px}._textInput_1y65y_41::placeholder{color:var(--color-text-secondary);opacity:.6}._clockButton_1y65y_58{display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:none;color:#fff;cursor:pointer;padding:0;min-width:44px;width:44px;height:auto;flex-shrink:0;transition:background var(--transition-base)}._clockButton_1y65y_58:hover:not(:disabled){background:var(--color-primary-hover)}._clockButton_1y65y_58:active:not(:disabled){transform:scale(.95)}._clockButton_1y65y_58:disabled{opacity:.5;cursor:not-allowed}._error_1y65y_88 ._inputWrapper_1y65y_19{border-color:var(--color-error)}._error_1y65y_88 ._label_1y65y_5{color:var(--color-error)}._success_1y65y_97 ._inputWrapper_1y65y_19{border-color:var(--color-success)}._loading_1y65y_102 ._inputWrapper_1y65y_19{position:relative;overflow:hidden}._loading_1y65y_102 ._inputWrapper_1y65y_19:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_1y65y_1 2s infinite;pointer-events:none}@keyframes _shimmer_1y65y_1{to{left:100%}}._disabled_1y65y_131 ._inputWrapper_1y65y_19{background:var(--color-background-tertiary);cursor:not-allowed}._disabled_1y65y_131 ._textInput_1y65y_41{color:var(--color-text-tertiary);cursor:not-allowed}[data-theme=dark] ._inputWrapper_1y65y_19{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._inputWrapper_1y65y_19:focus-within{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}@media (max-width: 768px){._textInput_1y65y_41{font-size:var(--font-size-xl)}._clockButton_1y65y_58{min-width:48px;height:48px}}

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

@@ -0,0 +1,13 @@
+import{r as h,j as e}from"./iframe-Cw8dCV4Z.js";import{X as H}from"./x-CypMgsiv.js";import{c as A}from"./createLucideIcon-dvowvj4F.js";import"./preload-helper-C1FmrZbK.js";/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const L=[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],V=A("clock",L),$="_modalOverlay_5gem4_2",w="_modalContent_5gem4_22",P="_modalHeader_5gem4_45",E="_closeButton_5gem4_59",W="_timeDisplay_5gem4_77",F="_pickerContainer_5gem4_87",z="_pickerColumn_5gem4_95",R="_pickerLabel_5gem4_100",X="_pickerScroll_5gem4_109",G="_pickerItem_5gem4_136",J="_selected_5gem4_153",K="_pickerDivider_5gem4_159",Q="_modalActions_5gem4_166",U="_cancelButton_5gem4_173",Y="_confirmButton_5gem4_174",s={modalOverlay:$,modalContent:w,modalHeader:P,closeButton:E,timeDisplay:W,pickerContainer:F,pickerColumn:z,pickerLabel:R,pickerScroll:X,pickerItem:G,selected:J,pickerDivider:K,modalActions:Q,cancelButton:U,confirmButton:Y};function I({isOpen:k,onClose:i,value:l,onChange:y}){const[b,x]=l?l.split(":").map(Number):[12,0],[m,_]=h.useState(b),[c,u]=h.useState(x);h.useEffect(()=>{if(l){const[a,n]=l.split(":").map(Number);_(a),u(n)}},[l]);const f=()=>{const a=m.toString().padStart(2,"0"),n=c.toString().padStart(2,"0");y(`${a}:${n}`),i()};return k?e.jsx("div",{className:s.modalOverlay,onClick:i,children:e.jsxs("div",{className:s.modalContent,onClick:a=>a.stopPropagation(),children:[e.jsxs("div",{className:s.modalHeader,children:[e.jsx("h3",{children:"Select Time"}),e.jsx("button",{className:s.closeButton,onClick:i,"aria-label":"Close",children:e.jsx(H,{})})]}),e.jsxs("div",{className:s.timeDisplay,children:[m.toString().padStart(2,"0"),":",c.toString().padStart(2,"0")]}),e.jsxs("div",{className:s.pickerContainer,children:[e.jsxs("div",{className:s.pickerColumn,children:[e.jsx("div",{className:s.pickerLabel,children:"Hours"}),e.jsx("div",{className:s.pickerScroll,children:Array.from({length:24},(a,n)=>e.jsx("button",{className:`${s.pickerItem} ${m===n?s.selected:""}`,onClick:()=>_(n),children:n.toString().padStart(2,"0")},n))})]}),e.jsx("div",{className:s.pickerDivider,children:":"}),e.jsxs("div",{className:s.pickerColumn,children:[e.jsx("div",{className:s.pickerLabel,children:"Minutes"}),e.jsx("div",{className:s.pickerScroll,children:Array.from({length:60},(a,n)=>e.jsx("button",{className:`${s.pickerItem} ${c===n?s.selected:""}`,onClick:()=>u(n),children:n.toString().padStart(2,"0")},n))})]})]}),e.jsxs("div",{className:s.modalActions,children:[e.jsx("button",{className:s.cancelButton,onClick:i,children:"Cancel"}),e.jsx("button",{className:s.confirmButton,onClick:f,children:"Confirm"})]})]})}):null}I.__docgenInfo={description:"",methods:[],displayName:"TimePickerModal",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},onClose:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},value:{required:!0,tsType:{name:"string"},description:""},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(time: string) => void",signature:{arguments:[{type:{name:"string"},name:"time"}],return:{name:"void"}}},description:""}}};const Z="_timeInput_1y65y_1",ee="_label_1y65y_5",te="_required_1y65y_14",se="_inputWrapper_1y65y_19",ne="_textInput_1y65y_41",re="_clockButton_1y65y_58",ae="_error_1y65y_88",oe="_success_1y65y_97",le="_loading_1y65y_102",ce="_disabled_1y65y_131",o={timeInput:Z,label:ee,required:te,inputWrapper:se,textInput:ne,clockButton:re,error:ae,success:oe,loading:le,disabled:ce};function q({label:k,value:i,onChange:l,placeholder:y="14:30",onFocus:b,onBlur:x,error:m=!1,success:_=!1,loading:c=!1,disabled:u=!1,required:f=!1,className:a=""}){const[n,v]=h.useState(!1),B=r=>{if(!r)return"";let t=r.replace(/[^\d:]/g,"");if((t.match(/:/g)||[]).length>1&&(t=t.replace(/:/g,""),t.length>=3&&(t=t.substring(0,2)+":"+t.substring(2))),(t.length===3&&!t.includes(":")||t.length===4&&!t.includes(":"))&&(t=t.substring(0,2)+":"+t.substring(2)),t.includes(":")){const C=t.split(":");let p=C[0],d=C[1]||"";p=p.substring(0,2),p.length===2&&parseInt(p)>23&&(p="23"),d=d.substring(0,2),d.length===2&&parseInt(d)>59&&(d="59"),t=p+(d.length>0?":"+d:":")}return t.substring(0,5)},T=r=>{const t=B(r);l(t)},M=()=>{!u&&!c&&v(!0)},D=()=>{const r=[o.timeInput];return m&&r.push(o.error),_&&r.push(o.success),c&&r.push(o.loading),u&&r.push(o.disabled),a&&r.push(a),r.join(" ")};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:D(),children:[e.jsxs("label",{className:o.label,children:[k,f&&e.jsx("span",{className:o.required,children:"*"})]}),e.jsxs("div",{className:o.inputWrapper,children:[e.jsx("input",{type:"text",value:i,onChange:r=>T(r.target.value),onFocus:b,onBlur:x,placeholder:y,className:o.textInput,maxLength:5,disabled:u||c,"aria-invalid":m,"aria-required":f,inputMode:"numeric",pattern:"[0-9:]*"}),e.jsx("button",{type:"button",onClick:M,className:o.clockButton,title:"Open time picker",disabled:u||c,"aria-label":"Open time picker",children:e.jsx(V,{size:20})})]})]}),e.jsx(I,{isOpen:n,onClose:()=>v(!1),value:i,onChange:l})]})}q.__docgenInfo={description:"",methods:[],displayName:"TimeInput",props:{placeholder:{defaultValue:{value:'"14:30"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};const _e={title:"Molecules/TimeInput",component:q,parameters:{layout:"centered",docs:{description:{component:"A time picker component with both manual text input and native time picker support. Formats time in 24-hour format."}}},tags:["autodocs"],argTypes:{label:{control:"text"},value:{control:"text"},placeholder:{control:"text"},error:{control:"boolean"},success:{control:"boolean"},loading:{control:"boolean"},disabled:{control:"boolean"},required:{control:"boolean"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},g={args:{label:"Meeting Time",value:"14:30",placeholder:"14:30",onChange:()=>{}}};var N,j,S;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    label: 'Meeting Time',
+    value: '14:30',
+    placeholder: '14:30',
+    onChange: () => {}
+  }
+}`,...(S=(j=g.parameters)==null?void 0:j.docs)==null?void 0:S.source}}};const fe=["Default"];export{g as Default,fe as __namedExportsOrder,_e as default};

package/storybook-static/assets/{Toggle-BntWdyUe.js → Toggle-CTTN-13k.js}

@@ -1,4 +1,4 @@
-import{r as p,j as i}from"./iframe-B8pH-Lvr.js";import{u as w}from"./useSound-Bk2W5gkV.js";import{m as a}from"./proxy-BA3VZtN5.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-Cw8dCV4Z.js";import{u as w}from"./useSound-D23BsIr4.js";import{m as a}from"./proxy-p8L3T_Zy.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