@stfrigerio/sito-template 0.1.36 → 0.1.39

package/storybook-static/assets/Tabs.stories-D3bsFZfU.js

@@ -0,0 +1,64 @@
+import{j as e,R as p,r as l}from"./iframe-Cz1R6gKZ.js";import{c as u}from"./createLucideIcon-C7zEcVM7.js";import{m as T}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.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 M=[["path",{d:"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4",key:"tonef"}],["path",{d:"M9 18c-4.51 2-5-2-7-2",key:"9comsn"}]],q=u("github",M);/**
+ * @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 E=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]],g=u("info",E);/**
+ * @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 G=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M8 7v7",key:"1x2jlm"}],["path",{d:"M12 7v4",key:"xawao1"}],["path",{d:"M16 7v9",key:"1hp2iy"}]],$=u("square-kanban",G),D="_tabs_jgahw_1",J="_tab_jgahw_1",R="_tabIcon_jgahw_83",r={tabs:D,tab:J,tabIcon:R},F=[{id:"details",icon:g,label:"Dettagli"},{id:"github",icon:q,label:"GitHub"},{id:"jira",icon:$,label:"Jira"},{id:"functional",icon:g,label:"Analisi funzionale"}],i=({activeTab:a,onTabChange:t,tabs:n,className:I=""})=>{const N=n??F;return e.jsx("div",{className:`${r.tabs} ${I}`,children:N.map(s=>{const v=a===s.id;return e.jsxs(T.button,{className:r.tab,"data-active":v,onClick:()=>t(s.id),style:{position:"relative"},children:[e.jsx(T.div,{animate:{rotate:v?[0,-10,10,-5,5,0]:0},transition:{rotate:{duration:.5,ease:"easeInOut"}},children:s.icon&&(p.isValidElement(s.icon)?e.jsx("span",{className:r.tabIcon,children:s.icon}):e.jsx("span",{className:r.tabIcon,children:p.createElement(s.icon)}))}),e.jsx("span",{children:s.label})]},s.id)})})};i.__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 L={title:"Molecules/Tabs",component:i,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{activeTab:{control:"select",options:["details","github","jira","functional"]}}},c={render:a=>{const[t,n]=l.useState("details");return e.jsx("div",{style:{width:"600px"},children:e.jsx(i,{...a,activeTab:t,onTabChange:n})})},args:{activeTab:"details"}},o={render:a=>{const[t,n]=l.useState("github");return e.jsx("div",{style:{width:"600px"},children:e.jsx(i,{...a,activeTab:t,onTabChange:n})})},args:{activeTab:"github"}},d={render:a=>{const[t,n]=l.useState("jira");return e.jsx("div",{style:{width:"600px"},children:e.jsx(i,{...a,activeTab:t,onTabChange:n})})},args:{activeTab:"jira"}},b={render:a=>{const[t,n]=l.useState("functional");return e.jsx("div",{style:{width:"600px"},children:e.jsx(i,{...a,activeTab:t,onTabChange:n})})},args:{activeTab:"functional"}};var m,h,y;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: args => {
+    const [activeTab, setActiveTab] = useState<string>('details');
+    return <div style={{
+      width: '600px'
+    }}>
+                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
+            </div>;
+  },
+  args: {
+    activeTab: 'details'
+  }
+}`,...(y=(h=c.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var x,j,f;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  render: args => {
+    const [activeTab, setActiveTab] = useState<string>('github');
+    return <div style={{
+      width: '600px'
+    }}>
+                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
+            </div>;
+  },
+  args: {
+    activeTab: 'github'
+  }
+}`,...(f=(j=o.parameters)==null?void 0:j.docs)==null?void 0:f.source}}};var A,_,w;d.parameters={...d.parameters,docs:{...(A=d.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  render: args => {
+    const [activeTab, setActiveTab] = useState<string>('jira');
+    return <div style={{
+      width: '600px'
+    }}>
+                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
+            </div>;
+  },
+  args: {
+    activeTab: 'jira'
+  }
+}`,...(w=(_=d.parameters)==null?void 0:_.docs)==null?void 0:w.source}}};var S,k,C;b.parameters={...b.parameters,docs:{...(S=b.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  render: args => {
+    const [activeTab, setActiveTab] = useState<string>('functional');
+    return <div style={{
+      width: '600px'
+    }}>
+                <Tabs {...args} activeTab={activeTab} onTabChange={setActiveTab} />
+            </div>;
+  },
+  args: {
+    activeTab: 'functional'
+  }
+}`,...(C=(k=b.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};const B=["Default","GithubActive","JiraActive","FunctionalActive"];export{c as Default,b as FunctionalActive,o as GithubActive,d as JiraActive,B as __namedExportsOrder,L as default};

package/storybook-static/assets/TargetCursor-CWS-TuGF.css

@@ -0,0 +1 @@
+._target-cursor-wrapper_11z20_1{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}._target-cursor-dot_11z20_13{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}._target-cursor-corner_11z20_25{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}._corner-tl_11z20_35{transform:translate(-150%,-150%);border-right:none;border-bottom:none}._corner-tr_11z20_41{transform:translate(50%,-150%);border-left:none;border-bottom:none}._corner-br_11z20_47{transform:translate(50%,50%);border-left:none;border-top:none}._corner-bl_11z20_53{transform:translate(-150%,50%);border-right:none;border-top:none}

package/storybook-static/assets/TargetCursor.stories-uvcMTfQh.js

@@ -0,0 +1,9 @@
+import{r as c,j as _}from"./iframe-Cz1R6gKZ.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:`{
+  args: {
+    targetSelector: '.cursor-target',
+    spinDuration: 2,
+    hideDefaultCursor: true,
+    hoverDuration: 0.2,
+    parallaxOn: true
+  }
+}`,...(K=(J=A.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const ue=["Default"];export{A as Default,ue as __namedExportsOrder,ce as default};

package/storybook-static/assets/TextArea-B2UrQsuf.css

@@ -0,0 +1 @@
+._textareaContainer_1p1q8_1{margin-bottom:var(--spacing-lg);position:relative}._textareaContainer_1p1q8_1._compact_1p1q8_6{margin-bottom:var(--spacing-sm)}._textareaContainer_1p1q8_1._compact_1p1q8_6 ._textareaLabel_1p1q8_10{margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs)}._textareaLabel_1p1q8_10{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)}._requiredIndicator_1p1q8_25{color:var(--color-error);margin-left:4px;font-weight:var(--font-weight-bold)}._textareaInput_1p1q8_31{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);line-height:var(--line-height-relaxed);color:var(--color-text);resize:vertical;min-height:120px;max-height:400px;font-family:inherit;transition:all var(--transition-base);outline:none;box-sizing:border-box}._compact_1p1q8_6 ._textareaInput_1p1q8_31{padding:var(--spacing-xs) var(--spacing-sm);min-height:80px;max-height:200px;font-size:var(--font-size-sm);border-radius:var(--radius-md)}._textareaInput_1p1q8_31:hover:not(:focus):not(:disabled){border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._textareaInput_1p1q8_31:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._textareaInput_1p1q8_31::placeholder{color:var(--color-text-secondary);opacity:.6}._textareaInput_1p1q8_31:disabled{background:var(--color-background-tertiary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6;transform:none;resize:none}._characterCount_1p1q8_90{position:absolute;bottom:-28px;right:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:4px 8px;background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);letter-spacing:var(--letter-spacing-wide)}._compact_1p1q8_6 ._characterCount_1p1q8_90{bottom:-24px;font-size:10px;padding:2px 6px}._characterCount_1p1q8_90._nearLimit_1p1q8_115{color:var(--color-warning);background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a);border-color:var(--color-warning-light)}._characterCount_1p1q8_90._atLimit_1p1q8_124{color:var(--color-error);background:linear-gradient(135deg,#f43f5e0d,#f43f5e1a);border-color:var(--color-error-light);font-weight:var(--font-weight-semibold);animation:_pulse_1p1q8_1 1s ease-in-out infinite}@keyframes _pulse_1p1q8_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}._textareaInput_1p1q8_31:hover:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-right:2px solid var(--color-border-hover);border-bottom:2px solid var(--color-border-hover);opacity:.5}._textareaInput_1p1q8_31::-webkit-scrollbar{width:6px}._textareaInput_1p1q8_31::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._textareaInput_1p1q8_31::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background var(--transition-base)}._textareaInput_1p1q8_31::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}._error_1p1q8_180 ._textareaInput_1p1q8_31{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_1p1q8_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_1p1q8_180 ._textareaLabel_1p1q8_10{color:var(--color-error)}._error_1p1q8_180 ._textareaInput_1p1q8_31:focus{box-shadow:0 0 0 3px #f43f5e26}@keyframes _shake_1p1q8_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_1p1q8_205 ._textareaInput_1p1q8_31{border-color:var(--color-success)}._success_1p1q8_205:after{content:"✓";position:absolute;top:8px;right:8px;color:var(--color-success);font-weight:700;font-size:var(--font-size-lg);animation:_checkIn_1p1q8_1 .3s ease-out}@keyframes _checkIn_1p1q8_1{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}._loading_1p1q8_232 ._textareaInput_1p1q8_31{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_1p1q8_232 2s ease-in-out infinite}@keyframes _loading_1p1q8_232{0%{background-position:200% 0}to{background-position:-200% 0}}._focusMode_1p1q8_249 ._textareaInput_1p1q8_31{min-height:200px;transition:min-height var(--transition-slow)}[data-theme=dark] ._textareaInput_1p1q8_31{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textareaInput_1p1q8_31:hover:not(:focus):not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._textareaInput_1p1q8_31:focus{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._characterCount_1p1q8_90{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textareaInput_1p1q8_31::-webkit-scrollbar-track{background:var(--color-background-tertiary)}[data-theme=dark] ._textareaInput_1p1q8_31::-webkit-scrollbar-thumb{background:var(--color-border)}@media (max-width: 768px){._textareaContainer_1p1q8_1{margin-bottom:calc(var(--spacing-lg) + 20px)}._textareaContainer_1p1q8_1._compact_1p1q8_6{margin-bottom:calc(var(--spacing-sm) + 16px)}._textareaLabel_1p1q8_10{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textareaInput_1p1q8_31{padding:var(--spacing-md);font-size:16px;min-height:100px;border-radius:var(--radius-md)}._compact_1p1q8_6 ._textareaInput_1p1q8_31{padding:var(--spacing-sm);min-height:70px;font-size:16px}._textareaInput_1p1q8_31:focus{min-height:150px}._compact_1p1q8_6 ._textareaInput_1p1q8_31:focus{min-height:100px}._characterCount_1p1q8_90{font-size:var(--font-size-sm);padding:6px 10px}._compact_1p1q8_6 ._characterCount_1p1q8_90{font-size:11px;padding:3px 6px}}@media (prefers-contrast: high){._textareaInput_1p1q8_31{border-width:3px}._textareaInput_1p1q8_31:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){._textareaInput_1p1q8_31,._characterCount_1p1q8_90{transition:none}._atLimit_1p1q8_124{animation:none}}

package/storybook-static/assets/TextArea-CbqMjFCN.js

@@ -0,0 +1,28 @@
+import{j as t}from"./iframe-Cz1R6gKZ.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
+A resizable text area component designed for longer form content like descriptions,
+comments, or messages. Features automatic character counting when maxLength is set,
+and maintains consistent styling with other form inputs. The component is optimized
+for both desktop and mobile experiences with appropriate touch targets.
+
+@example
+// Basic usage
+<TextArea
+  label="Description"
+  value={description}
+  onChange={setDescription}
+  rows={4}
+  placeholder="Enter a detailed description..."
+/>
+
+@example
+// With character limit
+<TextArea
+  label="Bio"
+  value={bio}
+  onChange={setBio}
+  maxLength={500}
+  required
+/>`,methods:[],displayName:"TextArea",props:{rows:{defaultValue:{value:"5",computed:!1},required:!1},placeholder:{defaultValue:{value:'""',computed:!1},required:!1},required:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",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},focusMode:{defaultValue:{value:"false",computed:!1},required:!1},compact:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:'""',computed:!1},required:!1}}};export{B as T};

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

@@ -0,0 +1,155 @@
+import{r as h,j as e}from"./iframe-Cz1R6gKZ.js";import{T as u}from"./TextArea-CbqMjFCN.js";import"./preload-helper-C1FmrZbK.js";const O={title:"Atoms/TextArea",component:u,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",description:"Label text for the textarea"},value:{control:"text",description:"Current value of the textarea"},placeholder:{control:"text",description:"Placeholder text"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum character limit"},required:{control:"boolean",description:"Whether the textarea is required"},compact:{control:"boolean",description:"Compact mode for use in arrays or dense layouts"},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:"Required Message",value:"",placeholder:"This field is required",required:!0,rows:3,onChange:()=>{}}},c={args:{label:"Notes",value:"",placeholder:"Compact mode for arrays...",rows:3,compact:!0,onChange:()=>{}}},m={args:{label:"",value:"",placeholder:"No label, compact mode...",rows:2,compact:!0,onChange:()=>{}}},d={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(""),[x,g]=h.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",color:"#333"},children:"Regular TextArea"}),e.jsx(u,{label:"Description",value:t,onChange:o,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Compact TextArea"}),e.jsx(u,{label:"Description",value:x,onChange:g,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},p={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(["First item with some text",""]),x=(n,r)=>{const a=[...t];a[n]=r,o(a)},g=()=>{o([...t,""])},W=n=>{o(t.filter((r,a)=>a!==n))};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"#f8f9fa",padding:"1rem",borderRadius:"8px",border:"1px solid #dee2e6"},children:[t.map((n,r)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:r<t.length-1?"1rem":"0"},children:[e.jsx(u,{label:"",value:n,onChange:a=>x(r,a),placeholder:`Item ${r+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>W(r),style:{background:"#dc3545",color:"white",border:"none",borderRadius:"4px",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},r)),e.jsx("button",{onClick:g,style:{background:"#007bff",color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var b,C,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    label: 'Description',
+    value: '',
+    placeholder: 'Enter your description here...',
+    rows: 4,
+    onChange: () => {}
+  }
+}`,...(v=(C=s.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var f,y,w;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.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: () => {}
+  }
+}`,...(w=(y=l.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var T,I,A;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    label: 'Required Message',
+    value: '',
+    placeholder: 'This field is required',
+    required: true,
+    rows: 3,
+    onChange: () => {}
+  }
+}`,...(A=(I=i.parameters)==null?void 0:I.docs)==null?void 0:A.source}}};var S,R,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    label: 'Notes',
+    value: '',
+    placeholder: 'Compact mode for arrays...',
+    rows: 3,
+    compact: true,
+    onChange: () => {}
+  }
+}`,...(j=(R=c.parameters)==null?void 0:R.docs)==null?void 0:j.source}}};var D,L,k;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    label: '',
+    value: '',
+    placeholder: 'No label, compact mode...',
+    rows: 2,
+    compact: true,
+    onChange: () => {}
+  }
+}`,...(k=(L=m.parameters)==null?void 0:L.docs)==null?void 0:k.source}}};var q,B,z;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.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',
+          color: '#333'
+        }}>Regular TextArea</h4>
+                    <TextArea label="Description" value={regularText} onChange={setRegularText} placeholder="Regular size textarea..." rows={4} maxLength={200} />
+                </div>
+                <div>
+                    <h4 style={{
+          marginBottom: '1rem',
+          color: '#333'
+        }}>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
+    }
+  }
+}`,...(z=(B=d.parameters)==null?void 0:B.docs)==null?void 0:z.source}}};var E,M,N;p.parameters={...p.parameters,docs:{...(E=p.parameters)==null?void 0:E.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);
+    };
+    const addItem = () => {
+      setItems([...items, '']);
+    };
+    const removeItem = (index: number) => {
+      setItems(items.filter((_, i) => i !== index));
+    };
+    return <div style={{
+      width: '400px'
+    }}>
+                <h4 style={{
+        marginBottom: '1rem',
+        color: '#333'
+      }}>
+                    TextArea in Array Context (Compact Mode)
+                </h4>
+                <div style={{
+        background: '#f8f9fa',
+        padding: '1rem',
+        borderRadius: '8px',
+        border: '1px solid #dee2e6'
+      }}>
+                    {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={() => removeItem(index)} style={{
+            background: '#dc3545',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            padding: '4px 8px',
+            cursor: 'pointer',
+            fontSize: '12px',
+            marginTop: '2px'
+          }}>
+                                x
+                            </button>
+                        </div>)}
+                    <button onClick={addItem} style={{
+          background: '#007bff',
+          color: 'white',
+          border: 'none',
+          borderRadius: '4px',
+          padding: '8px 16px',
+          cursor: 'pointer',
+          fontSize: '14px',
+          marginTop: '1rem'
+        }}>
+                        + Add Item
+                    </button>
+                </div>
+            </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(N=(M=p.parameters)==null?void 0:M.docs)==null?void 0:N.source}}};const P=["Default","WithCharacterLimit","Required","Compact","CompactWithoutLabel","CompactComparison","ArrayInputDemo"];export{p as ArrayInputDemo,c as Compact,d as CompactComparison,m as CompactWithoutLabel,s as Default,i as Required,l as WithCharacterLimit,P as __namedExportsOrder,O as default};

package/storybook-static/assets/TextCursor-DDqF-3pV.css

@@ -0,0 +1 @@
+._text-cursor-container_uryua_1{width:100%;min-height:100vh;position:relative}._text-cursor-inner_uryua_7{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}._text-cursor-item_uryua_16{position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:1.875rem}

package/storybook-static/assets/TextCursor.stories-Bu6iMunU.js

@@ -0,0 +1,11 @@
+import{r as a,j as c}from"./iframe-Cz1R6gKZ.js";import{A as B}from"./index-CIvCfZMj.js";import{m as L}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.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:`{
+  args: {
+    text: '⚛️',
+    spacing: 100,
+    followMouseDirection: true,
+    randomFloat: true,
+    exitDuration: 0.5,
+    removalInterval: 30,
+    maxPoints: 5
+  }
+}`,...(q=(T=i.parameters)==null?void 0:T.docs)==null?void 0:q.source}}};const J=["Default"];export{i as Default,J as __namedExportsOrder,H as default};

package/storybook-static/assets/TextInput-BjVJQEYN.css

@@ -0,0 +1 @@
+._textInput_mb1yv_1{margin-bottom:var(--spacing-lg);position:relative}._textInput_mb1yv_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_mb1yv_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_mb1yv_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_mb1yv_1 input:focus{border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px)}._textInput_mb1yv_1 input::placeholder{color:var(--color-text-secondary);opacity:.6}._textInput_mb1yv_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_mb1yv_1 input[type=password]{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;letter-spacing:.15em}._textInput_mb1yv_1 input[type=number]::-webkit-inner-spin-button,._textInput_mb1yv_1 input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._textInput_mb1yv_1 input[type=number]{-moz-appearance:textfield}._required_mb1yv_82{color:var(--color-error);font-weight:var(--font-weight-bold);margin-left:4px}._inputError_mb1yv_89{border-color:var(--color-error)!important;background:linear-gradient(135deg,var(--color-error-bg),var(--color-background))!important;animation:_shake_mb1yv_1 .3s cubic-bezier(.36,.07,.19,.97) both}._inputError_mb1yv_89:focus{box-shadow:0 0 0 3px #f43f5e26!important}._errorMessage_mb1yv_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_mb1yv_1 .3s ease-out;font-weight:var(--font-weight-medium)}._errorMessage_mb1yv_102:before{content:"⚠";font-size:1.2em}@keyframes _shake_mb1yv_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes _slideDown_mb1yv_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._success_mb1yv_138 input{border-color:var(--color-success)!important}._success_mb1yv_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_mb1yv_1 .3s ease-out;pointer-events:none}@keyframes _checkIn_mb1yv_1{0%{opacity:0;transform:translateY(-50%) scale(0) rotate(-45deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0)}}._loading_mb1yv_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_mb1yv_167 2s ease-in-out infinite}@keyframes _loading_mb1yv_167{0%{background-position:200% 0}to{background-position:-200% 0}}._withIcon_mb1yv_184{position:relative}._withIcon_mb1yv_184 input{padding-left:44px}._inputIcon_mb1yv_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_mb1yv_1 input:focus~._inputIcon_mb1yv_192{color:var(--color-primary)}._withAction_mb1yv_209 input{padding-right:100px}._actionButton_mb1yv_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_mb1yv_213:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-50%) scale(1.05)}._actionButton_mb1yv_213:active{transform:translateY(-50%) scale(.95)}[data-theme=dark] ._textInput_mb1yv_1 input{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._textInput_mb1yv_1 input:hover:not(:focus):not(:disabled){background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._textInput_mb1yv_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_mb1yv_89{background:linear-gradient(135deg,rgba(244,63,94,.1),var(--color-background-secondary))!important}[data-theme=dark] ._inputIcon_mb1yv_192{color:var(--color-text-tertiary)}[data-theme=dark] ._textInput_mb1yv_1 input:focus~._inputIcon_mb1yv_192{color:var(--color-primary-light)}@media (max-width: 768px){._textInput_mb1yv_1{margin-bottom:var(--spacing-md)}._textInput_mb1yv_1 label{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_mb1yv_1 input{min-height:48px;padding:var(--spacing-md);font-size:16px;border-radius:var(--radius-md)}._withIcon_mb1yv_184 input{padding-left:48px}._inputIcon_mb1yv_192{left:var(--spacing-md);width:24px;height:24px}._errorMessage_mb1yv_102{font-size:var(--font-size-sm);position:static;margin-top:var(--spacing-sm)}}@media (prefers-contrast: high){._textInput_mb1yv_1 input{border-width:3px}._textInput_mb1yv_1 input:focus{outline:2px solid var(--color-primary);outline-offset:2px}}@media (prefers-reduced-motion: reduce){._textInput_mb1yv_1 input,._inputIcon_mb1yv_192,._errorMessage_mb1yv_102{animation:none;transition:none}}._textInput_mb1yv_1 input:-webkit-autofill,._textInput_mb1yv_1 input:-webkit-autofill:hover,._textInput_mb1yv_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_mb1yv_1 input[type=search]::-webkit-search-decoration,._textInput_mb1yv_1 input[type=search]::-webkit-search-cancel-button,._textInput_mb1yv_1 input[type=search]::-webkit-search-results-button,._textInput_mb1yv_1 input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}

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

@@ -0,0 +1,28 @@
+import{R as _,j as n}from"./iframe-Cz1R6gKZ.js";import{u as T}from"./useSound-DOpt9DfD.js";const V="_textInput_mb1yv_1",A="_required_mb1yv_82",k="_inputError_mb1yv_89",M="_errorMessage_mb1yv_102",R="_success_mb1yv_138",S="_loading_mb1yv_167",P="_withIcon_mb1yv_184",$="_inputIcon_mb1yv_192",B="_withAction_mb1yv_209",F="_actionButton_mb1yv_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:b,value:r,onChange:v,type:x="text",onBlur:y,placeholder:I,error:a,required:w,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=_.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 _.useEffect(()=>{h.current=r},[r]),n.jsxs("div",{className:N(),children:[n.jsxs("label",{htmlFor:i,children:[b,w&&n.jsx("span",{className:t.required,children:"*"})]}),n.jsxs("div",{style:{position:"relative"},children:[c&&n.jsx("div",{className:t.inputIcon,children:c}),n.jsx("input",{id:i,type:x,value:r,onChange:e=>{const d=e.target.value,f=h.current;v(d),(q||s!=null&&s.onClick)&&(d.length>f.length?p("type"):d.length<f.length&&p("delete")),a&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:y,placeholder:I,className:a?t.inputError:"","aria-invalid":!!a,"aria-describedby":a?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&n.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})]}),a&&n.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:a})]})}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-C0oXgEQ2.js

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