@stfrigerio/sito-template 0.1.44 → 0.1.48

package/storybook-static/assets/SunburstChart.stories-CgCbkhG8.js

@@ -0,0 +1,285 @@
+import{r as T,j as W}from"./iframe-CvT6MryR.js";import{c as ae,s as _,t as re,f as ie}from"./transform-BKmuZieF.js";import{l as se,d as R}from"./linear-dkJHgUri.js";import{a as U}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function Oe(e){var n=0,a=e.children,r=a&&a.length;if(!r)n=1;else for(;--r>=0;)n+=a[r].value;e.value=n}function Te(){return this.eachAfter(Oe)}function _e(e,n){let a=-1;for(const r of this)e.call(n,r,++a,this);return this}function ke(e,n){for(var a=this,r=[a],o,u,i=-1;a=r.pop();)if(e.call(n,a,++i,this),o=a.children)for(u=o.length-1;u>=0;--u)r.push(o[u]);return this}function De(e,n){for(var a=this,r=[a],o=[],u,i,m,c=-1;a=r.pop();)if(o.push(a),u=a.children)for(i=0,m=u.length;i<m;++i)r.push(u[i]);for(;a=o.pop();)e.call(n,a,++c,this);return this}function Ee(e,n){let a=-1;for(const r of this)if(e.call(n,r,++a,this))return r}function Be(e){return this.eachAfter(function(n){for(var a=+e(n.data)||0,r=n.children,o=r&&r.length;--o>=0;)a+=r[o].value;n.value=a})}function Ie(e){return this.eachBefore(function(n){n.children&&n.children.sort(e)})}function $e(e){for(var n=this,a=qe(n,e),r=[n];n!==a;)n=n.parent,r.push(n);for(var o=r.length;e!==a;)r.splice(o,0,e),e=e.parent;return r}function qe(e,n){if(e===n)return e;var a=e.ancestors(),r=n.ancestors(),o=null;for(e=a.pop(),n=r.pop();e===n;)o=e,e=a.pop(),n=r.pop();return o}function je(){for(var e=this,n=[e];e=e.parent;)n.push(e);return n}function Le(){return Array.from(this)}function Ve(){var e=[];return this.eachBefore(function(n){n.children||e.push(n)}),e}function Fe(){var e=this,n=[];return e.each(function(a){a!==e&&n.push({source:a.parent,target:a})}),n}function*Ye(){var e=this,n,a=[e],r,o,u;do for(n=a.reverse(),a=[];e=n.pop();)if(yield e,r=e.children)for(o=0,u=r.length;o<u;++o)a.push(r[o]);while(a.length)}function N(e,n){e instanceof Map?(e=[void 0,e],n===void 0&&(n=Ge)):n===void 0&&(n=He);for(var a=new Y(e),r,o=[a],u,i,m,c;r=o.pop();)if((i=n(r.data))&&(c=(i=Array.from(i)).length))for(r.children=i,m=c-1;m>=0;--m)o.push(u=i[m]=new Y(i[m])),u.parent=r,u.depth=r.depth+1;return a.eachBefore(Ue)}function Xe(){return N(this).eachBefore(We)}function He(e){return e.children}function Ge(e){return Array.isArray(e)?e[1]:null}function We(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Ue(e){var n=0;do e.height=n;while((e=e.parent)&&e.height<++n)}function Y(e){this.data=e,this.depth=this.height=0,this.parent=null}Y.prototype=N.prototype={constructor:Y,count:Te,each:_e,eachAfter:De,eachBefore:ke,find:Ee,sum:Be,sort:Ie,path:$e,ancestors:je,descendants:Le,leaves:Ve,links:Fe,copy:Xe,[Symbol.iterator]:Ye};function Ne(e){e.x0=Math.round(e.x0),e.y0=Math.round(e.y0),e.x1=Math.round(e.x1),e.y1=Math.round(e.y1)}function Qe(e,n,a,r,o){for(var u=e.children,i,m=-1,c=u.length,b=e.value&&(r-n)/e.value;++m<c;)i=u[m],i.y0=a,i.y1=o,i.x0=n,i.x1=n+=i.value*b}function Je(){var e=1,n=1,a=0,r=!1;function o(i){var m=i.height+1;return i.x0=i.y0=a,i.x1=e,i.y1=n/m,i.eachBefore(u(n,m)),r&&i.eachBefore(Ne),i}function u(i,m){return function(c){c.children&&Qe(c,c.x0,i*(c.depth+1)/m,c.x1,i*(c.depth+2)/m);var b=c.x0,g=c.y0,p=c.x1-a,O=c.y1-a;p<b&&(b=p=(b+p)/2),O<g&&(g=O=(g+O)/2),c.x0=b,c.y0=g,c.x1=p,c.y1=O}}return o.round=function(i){return arguments.length?(r=!!i,o):r},o.size=function(i){return arguments.length?(e=+i[0],n=+i[1],o):[e,n]},o.padding=function(i){return arguments.length?(a=+i,o):a},o}const Ke="_container_sjfr4_1",Ze="_title_sjfr4_9",en="_chart_sjfr4_17",nn="_tooltip_sjfr4_23",q={container:Ke,title:Ze,chart:en,tooltip:nn},oe=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],ve=({data:e,width:n=500,height:a=500,title:r="Sunburst Chart",tagColors:o={},unit:u="items",centerLabel:i})=>{const m=T.useRef(null),c=T.useRef(new Map).current,b=T.useRef(0),g=T.useRef(null),p=Math.min(n,a)/2,O=T.useCallback((C,x)=>{if(o[C]){const v=ae(o[C]);if(v)return x>1?v.darker((x-1)*.3).toString():v.toString()}c.has(C)||(c.set(C,oe[b.current%oe.length]),b.current++);const w=c.get(C)||"#d4af37",X=ae(w);return X?X.darker(x*.3).toString():w},[o,c]);return T.useEffect(()=>{if(!m.current||!e)return;const C=_(m.current);C.selectAll("*").remove();const x=C.append("g").attr("transform",`translate(${n/2},${a/2})`),w=N(e).sum(t=>t.size??0).sort((t,s)=>(s.value??0)-(t.value??0)),v=Je().size([2*Math.PI,p*p])(w).descendants();v.forEach(t=>{const s=t;s.x0Original=t.x0,s.x1Original=t.x1,s.y0Original=t.y0,s.y1Original=t.y1});const be=U().startAngle(t=>t.x0).endAngle(t=>t.x1).innerRadius(t=>Math.sqrt(t.y0)).outerRadius(t=>Math.sqrt(t.y1)).cornerRadius(3),k=_("body").append("div").attr("class",q.tooltip).style("opacity",0).style("position","absolute"),Ce=()=>{g.current=null;const t=re().duration(750).ease(ie);M.style("opacity",1),M.transition(t).attrTween("d",s=>{const l=s;return f=>{const z=R(l.x0,l.x0Original)(f),S=R(l.x1,l.x1Original)(f),P=R(l.y0,l.y0Original)(f),d=R(l.y1,l.y1Original)(f);return l.x0=z,l.x1=S,l.y0=P,l.y1=d,U().startAngle(()=>z).endAngle(()=>S).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,P)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,d)))).cornerRadius(3)(l)||""}}),M.style("cursor",s=>!s.children||s.children.length===0?"default":"pointer"),K.style("cursor","default"),J(t,v)},we=(t,s)=>{if(t.stopPropagation(),g.current||!s.children||s.children.length===0)return;g.current=s;const l=re().duration(750).ease(ie),f=s,z=se().domain([f.x0Original,f.x1Original]).range([0,2*Math.PI]).clamp(!0),S=v.filter(y=>B(s,y)),P=Math.max(...S.map(y=>y.y1Original)),d=se().domain([f.y0Original,P]).range([0,p*p]).clamp(!0);M.style("opacity",y=>B(s,y)?1:0),M.transition(l).attrTween("d",y=>{const h=y;if(!B(s,y))return()=>"";let D=z(h.x0Original),E=z(h.x1Original);if(E<=D){const A=(h.x1Original-h.x0Original)/(f.x1Original-f.x0Original);E=D+2*Math.PI*A}let G,I;if(h===s)if(G=0,h.children&&h.children.length>0){const A=Math.min(...h.children.map($=>$.y0Original));I=d(A)*.98}else I=p*p*.98;else G=d(h.y0Original),I=d(h.y1Original);const Se=h.x0,Ae=h.x1,Re=h.y0,Pe=h.y1;return A=>{const $=R(Se,D)(A),ee=R(Ae,E)(A),ne=R(Re,G)(A),te=R(Pe,I)(A);return h.x0=$,h.x1=ee,h.y0=ne,h.y1=te,U().startAngle(()=>$).endAngle(()=>ee).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,ne)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,te)))).cornerRadius(3)(h)||""}}),J(l,v.filter(y=>B(s,y))),M.style("cursor","default"),K.style("cursor","pointer")},B=(t,s)=>{if(t===s)return!0;let l=s.parent;for(;l;){if(l===t)return!0;l=l.parent}return!1},M=x.selectAll("path").data(v.filter(t=>t.depth>0&&t.value&&t.value>0)).enter().append("path").attr("d",be).attr("fill",t=>{let s=t;for(;s.depth>1&&s.parent;)s=s.parent;return O(s.data.name,t.depth)}).attr("stroke",()=>window.getComputedStyle(m.current).getPropertyValue("--color-border")||"#e2e8f0").attr("stroke-width",2).style("cursor",t=>!t.children||t.children.length===0?"default":"pointer").on("click",we).on("mouseover",function(t,s){if(g.current)return;const l=this;k.transition().duration(200).style("opacity",1);const f=s.value||0,z=(f/(w.value||1)*100).toFixed(1);k.html(`
+                    <div><strong>${s.data.name}</strong></div>
+                    <div>Value: ${f}</div>
+                    <div>${z}% of total</div>
+                `).style("left",t.pageX+10+"px").style("top",t.pageY-28+"px"),M.each(function(){this!==l?_(this).transition().duration(200).style("opacity",.3).style("filter","blur(1px)"):_(this).transition().duration(200).style("opacity",1).style("filter","none")})}).on("mouseout",function(){k.transition().duration(500).style("opacity",0),M.transition().duration(200).style("opacity",1).style("filter","none")}).on("mousemove",function(t){k.style("left",t.pageX+10+"px").style("top",t.pageY-28+"px")}),Q=t=>{const s=t.x1-t.x0,l=g.current?.05:.15;return s>l&&t.depth<=2},J=(t,s,l)=>{x.selectAll("text.segment-label").remove(),x.selectAll("text.center-label").remove(),t.on("end",()=>{const f=s.filter(d=>g.current&&d===g.current?!1:d.depth>0&&d.value&&d.value>0&&Q(d));x.selectAll("text.segment-label").data(f).enter().append("text").attr("class","segment-label").attr("transform",d=>{const y=(d.x0+d.x1)/2,h=(Math.sqrt(d.y0)+Math.sqrt(d.y1))/2,D=Math.cos(y-Math.PI/2)*h,E=Math.sin(y-Math.PI/2)*h;return`translate(${D},${E})`}).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size",d=>d.depth===1?"14px":"12px").attr("fill","var(--color-text)").attr("font-weight","700").style("pointer-events","none").style("text-shadow","none").text(d=>{const y=d.depth===1?12:8;return d.data.name.substring(0,y)}).style("opacity",0).transition().duration(200).style("opacity",1);const z=g.current||w,S=window.getComputedStyle(m.current),P=S.getPropertyValue("--text-primary")||(S.getPropertyValue("--bg-primary")==="#000000"||S.getPropertyValue("color-scheme")==="dark"?"#ffffff":"#000000");x.append("text").attr("class","center-label").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","18px").attr("font-weight","bold").attr("fill",P).style("pointer-events","none").text(z===w?i||e.name||"Total":z.data.name).style("opacity",0).transition().duration(200).style("opacity",1),x.append("text").attr("class","center-label").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("y",20).attr("font-size","14px").attr("font-weight","500").attr("fill",P).style("pointer-events","none").text(`${(z.value||0).toLocaleString()} ${u}`).style("opacity",0).transition().duration(200).style("opacity",1)})},Me=Math.sqrt(v[0].y0)||p*.3,K=x.append("circle").attr("class","center-reset-button").attr("r",Me).attr("fill","transparent").style("cursor","default").on("click",()=>{g.current&&Ce()}).on("mouseover",function(){g.current&&_(this).transition().duration(150).attr("fill","rgba(100, 100, 100, 0.1)").attr("stroke","rgba(100, 100, 100, 0.3)").attr("stroke-width",2)}).on("mouseout",function(){g.current&&_(this).transition().duration(150).attr("fill","transparent").attr("stroke","none")}),H=window.getComputedStyle(m.current),Z=H.getPropertyValue("--text-primary")||(H.getPropertyValue("--bg-primary")==="#000000"||H.getPropertyValue("color-scheme")==="dark"?"#ffffff":"#000000");return x.append("text").attr("class","center-label").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","18px").attr("font-weight","bold").attr("fill",Z).style("pointer-events","none").text(i||e.name||"Total"),x.append("text").attr("class","center-label").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("y",20).attr("font-size","14px").attr("font-weight","500").attr("fill",Z).style("pointer-events","none").text(`${(w.value||0).toLocaleString()} ${u}`),x.selectAll("text.segment-label").data(v.filter(t=>t.depth>0&&t.value&&t.value>0&&Q(t))).enter().append("text").attr("class","segment-label").attr("transform",t=>{const s=(t.x0+t.x1)/2,l=(Math.sqrt(t.y0)+Math.sqrt(t.y1))/2,f=Math.cos(s-Math.PI/2)*l,z=Math.sin(s-Math.PI/2)*l;return`translate(${f},${z})`}).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size",t=>t.depth===1?"14px":"12px").attr("fill","var(--color-text)").attr("font-weight","700").style("pointer-events","none").style("text-shadow","none").text(t=>{const s=t.depth===1?12:8;return t.data.name.substring(0,s)}),()=>{k.remove()}},[e,n,a,c,p,o,u,i]),W.jsxs("div",{className:q.container,children:[W.jsx("h3",{className:q.title,children:r}),W.jsx("svg",{ref:m,viewBox:`0 0 ${n} ${a}`,className:q.chart})]})};ve.__docgenInfo={description:"",methods:[],displayName:"SunburstChart",props:{data:{required:!0,tsType:{name:"SunBurstRecord"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"500",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"500",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Sunburst Chart'",computed:!1}},tagColors:{required:!1,tsType:{name:"Record",elements:[{name:"string"},{name:"string"}],raw:"Record<string, string>"},description:"",defaultValue:{value:"{}",computed:!1}},unit:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'items'",computed:!1}},centerLabel:{required:!1,tsType:{name:"string"},description:""}}};const un={title:"Organisms/Charts/SunburstChart",component:ve,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:800,step:50}},height:{control:{type:"number",min:400,max:800,step:50}},title:{control:{type:"text"}}}},j={args:{data:{name:"Activities",children:[{name:"Work",children:[{name:"Coding",size:120},{name:"Meetings",size:60},{name:"Planning",size:45},{name:"Code Review",size:30}]},{name:"Health",children:[{name:"Exercise",size:60},{name:"Cooking",size:45},{name:"Walking",size:30},{name:"Meditation",size:20}]},{name:"Personal",children:[{name:"Reading",size:90},{name:"Gaming",size:60},{name:"Learning",size:75},{name:"Hobbies",size:45}]},{name:"Social",children:[{name:"Family",size:80},{name:"Friends",size:60},{name:"Events",size:30}]}]},width:600,height:600,title:"Daily Time Distribution",tagColors:{Work:"#7c3aed",Health:"#10b981",Personal:"#3b82f6",Social:"#f59e0b",Coding:"#6d28d9",Exercise:"#059669",Reading:"#2563eb",Family:"#ea580c"}}},L={args:{data:{name:"Project",children:[{name:"Frontend",children:[{name:"Components",children:[{name:"UI Components",size:45},{name:"Forms",size:30},{name:"Charts",size:25}]},{name:"Styling",children:[{name:"CSS Modules",size:20},{name:"Themes",size:15},{name:"Animations",size:15}]},{name:"State",children:[{name:"Redux",size:25},{name:"Context",size:15},{name:"Hooks",size:20}]}]},{name:"Backend",children:[{name:"API",children:[{name:"REST",size:40},{name:"GraphQL",size:30}]},{name:"Database",children:[{name:"Models",size:25},{name:"Migrations",size:15}]},{name:"Services",children:[{name:"Auth",size:20},{name:"Email",size:15},{name:"Storage",size:20}]}]},{name:"DevOps",children:[{name:"CI/CD",size:30},{name:"Docker",size:25},{name:"Monitoring",size:20},{name:"Testing",size:35}]}]},width:700,height:700,title:"Project Time Allocation",tagColors:{Frontend:"#8b5cf6",Backend:"#3b82f6",DevOps:"#10b981",Components:"#a78bfa",API:"#60a5fa",Database:"#2563eb"}}},V={args:{data:{name:"Budget",children:[{name:"Essentials",children:[{name:"Rent",size:1500},{name:"Utilities",size:200},{name:"Insurance",size:300},{name:"Groceries",size:400}]},{name:"Transportation",children:[{name:"Car Payment",size:350},{name:"Gas",size:150},{name:"Maintenance",size:100},{name:"Public Transit",size:50}]},{name:"Lifestyle",children:[{name:"Dining Out",size:300},{name:"Entertainment",size:200},{name:"Shopping",size:250},{name:"Subscriptions",size:100}]},{name:"Savings",children:[{name:"Emergency Fund",size:500},{name:"Retirement",size:600},{name:"Investments",size:400}]}]},width:650,height:650,title:"Monthly Budget Distribution",tagColors:{Essentials:"#dc2626",Transportation:"#f59e0b",Lifestyle:"#8b5cf6",Savings:"#10b981"}}},F={args:{data:{name:"Root",children:[{name:"Category A",size:100},{name:"Category B",size:80},{name:"Category C",size:60},{name:"Category D",size:40},{name:"Category E",size:20}]},width:500,height:500,title:"Simple Distribution"}};var le,ce,ue;j.parameters={...j.parameters,docs:{...(le=j.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  args: {
+    data: {
+      name: 'Activities',
+      children: [{
+        name: 'Work',
+        children: [{
+          name: 'Coding',
+          size: 120
+        }, {
+          name: 'Meetings',
+          size: 60
+        }, {
+          name: 'Planning',
+          size: 45
+        }, {
+          name: 'Code Review',
+          size: 30
+        }]
+      }, {
+        name: 'Health',
+        children: [{
+          name: 'Exercise',
+          size: 60
+        }, {
+          name: 'Cooking',
+          size: 45
+        }, {
+          name: 'Walking',
+          size: 30
+        }, {
+          name: 'Meditation',
+          size: 20
+        }]
+      }, {
+        name: 'Personal',
+        children: [{
+          name: 'Reading',
+          size: 90
+        }, {
+          name: 'Gaming',
+          size: 60
+        }, {
+          name: 'Learning',
+          size: 75
+        }, {
+          name: 'Hobbies',
+          size: 45
+        }]
+      }, {
+        name: 'Social',
+        children: [{
+          name: 'Family',
+          size: 80
+        }, {
+          name: 'Friends',
+          size: 60
+        }, {
+          name: 'Events',
+          size: 30
+        }]
+      }]
+    },
+    width: 600,
+    height: 600,
+    title: 'Daily Time Distribution',
+    tagColors: {
+      Work: '#7c3aed',
+      Health: '#10b981',
+      Personal: '#3b82f6',
+      Social: '#f59e0b',
+      Coding: '#6d28d9',
+      Exercise: '#059669',
+      Reading: '#2563eb',
+      Family: '#ea580c'
+    }
+  }
+}`,...(ue=(ce=j.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};var me,de,he;L.parameters={...L.parameters,docs:{...(me=L.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    data: {
+      name: 'Project',
+      children: [{
+        name: 'Frontend',
+        children: [{
+          name: 'Components',
+          children: [{
+            name: 'UI Components',
+            size: 45
+          }, {
+            name: 'Forms',
+            size: 30
+          }, {
+            name: 'Charts',
+            size: 25
+          }]
+        }, {
+          name: 'Styling',
+          children: [{
+            name: 'CSS Modules',
+            size: 20
+          }, {
+            name: 'Themes',
+            size: 15
+          }, {
+            name: 'Animations',
+            size: 15
+          }]
+        }, {
+          name: 'State',
+          children: [{
+            name: 'Redux',
+            size: 25
+          }, {
+            name: 'Context',
+            size: 15
+          }, {
+            name: 'Hooks',
+            size: 20
+          }]
+        }]
+      }, {
+        name: 'Backend',
+        children: [{
+          name: 'API',
+          children: [{
+            name: 'REST',
+            size: 40
+          }, {
+            name: 'GraphQL',
+            size: 30
+          }]
+        }, {
+          name: 'Database',
+          children: [{
+            name: 'Models',
+            size: 25
+          }, {
+            name: 'Migrations',
+            size: 15
+          }]
+        }, {
+          name: 'Services',
+          children: [{
+            name: 'Auth',
+            size: 20
+          }, {
+            name: 'Email',
+            size: 15
+          }, {
+            name: 'Storage',
+            size: 20
+          }]
+        }]
+      }, {
+        name: 'DevOps',
+        children: [{
+          name: 'CI/CD',
+          size: 30
+        }, {
+          name: 'Docker',
+          size: 25
+        }, {
+          name: 'Monitoring',
+          size: 20
+        }, {
+          name: 'Testing',
+          size: 35
+        }]
+      }]
+    },
+    width: 700,
+    height: 700,
+    title: 'Project Time Allocation',
+    tagColors: {
+      Frontend: '#8b5cf6',
+      Backend: '#3b82f6',
+      DevOps: '#10b981',
+      Components: '#a78bfa',
+      API: '#60a5fa',
+      Database: '#2563eb'
+    }
+  }
+}`,...(he=(de=L.parameters)==null?void 0:de.docs)==null?void 0:he.source}}};var pe,fe,ge;V.parameters={...V.parameters,docs:{...(pe=V.parameters)==null?void 0:pe.docs,source:{originalSource:`{
+  args: {
+    data: {
+      name: 'Budget',
+      children: [{
+        name: 'Essentials',
+        children: [{
+          name: 'Rent',
+          size: 1500
+        }, {
+          name: 'Utilities',
+          size: 200
+        }, {
+          name: 'Insurance',
+          size: 300
+        }, {
+          name: 'Groceries',
+          size: 400
+        }]
+      }, {
+        name: 'Transportation',
+        children: [{
+          name: 'Car Payment',
+          size: 350
+        }, {
+          name: 'Gas',
+          size: 150
+        }, {
+          name: 'Maintenance',
+          size: 100
+        }, {
+          name: 'Public Transit',
+          size: 50
+        }]
+      }, {
+        name: 'Lifestyle',
+        children: [{
+          name: 'Dining Out',
+          size: 300
+        }, {
+          name: 'Entertainment',
+          size: 200
+        }, {
+          name: 'Shopping',
+          size: 250
+        }, {
+          name: 'Subscriptions',
+          size: 100
+        }]
+      }, {
+        name: 'Savings',
+        children: [{
+          name: 'Emergency Fund',
+          size: 500
+        }, {
+          name: 'Retirement',
+          size: 600
+        }, {
+          name: 'Investments',
+          size: 400
+        }]
+      }]
+    },
+    width: 650,
+    height: 650,
+    title: 'Monthly Budget Distribution',
+    tagColors: {
+      Essentials: '#dc2626',
+      Transportation: '#f59e0b',
+      Lifestyle: '#8b5cf6',
+      Savings: '#10b981'
+    }
+  }
+}`,...(ge=(fe=V.parameters)==null?void 0:fe.docs)==null?void 0:ge.source}}};var ye,xe,ze;F.parameters={...F.parameters,docs:{...(ye=F.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  args: {
+    data: {
+      name: 'Root',
+      children: [{
+        name: 'Category A',
+        size: 100
+      }, {
+        name: 'Category B',
+        size: 80
+      }, {
+        name: 'Category C',
+        size: 60
+      }, {
+        name: 'Category D',
+        size: 40
+      }, {
+        name: 'Category E',
+        size: 20
+      }]
+    },
+    width: 500,
+    height: 500,
+    title: 'Simple Distribution'
+  }
+}`,...(ze=(xe=F.parameters)==null?void 0:xe.docs)==null?void 0:ze.source}}};const mn=["DailyActivities","ProjectBreakdown","BudgetBreakdown","SimpleData"];export{V as BudgetBreakdown,j as DailyActivities,L as ProjectBreakdown,F as SimpleData,mn as __namedExportsOrder,un as default};

package/storybook-static/assets/{Table.stories-DNxjy4mw.js → Table.stories-BdABrDyr.js}

@@ -1,4 +1,4 @@
-import{r as d,j as a}from"./iframe-2N7rjfXm.js";import{L as de,m as aa}from"./proxy-qiKixXs8.js";import{u as na,f as ta}from"./MotionConfigContext-4uS6JRtS.js";import{A as sa}from"./index-IKMS7NhW.js";import"./preload-helper-C1FmrZbK.js";const ra=s=>!s.isLayoutDirty&&s.willUpdate(!1);function ue(){const s=new Set,i=new WeakMap,p=()=>s.forEach(ra);return{add:c=>{s.add(c),i.set(c,c.addEventListener("willUpdate",p))},remove:c=>{s.delete(c);const h=i.get(c);h&&(h(),i.delete(c)),p()},dirty:p}}const oa=d.createContext(null);function la(){const s=d.useRef(!1);return na(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function ia(){const s=la(),[i,p]=d.useState(0),c=d.useCallback(()=>{s.current&&p(i+1)},[i]);return[d.useCallback(()=>ta.postRender(c),[c]),i]}const Pe=s=>s===!0,ca=s=>Pe(s===!0)||s==="id",da=({children:s,id:i,inherit:p=!0})=>{const c=d.useContext(de),h=d.useContext(oa),[$,j]=ia(),u=d.useRef(null),b=c.id||h;u.current===null&&(ca(p)&&b&&(i=i?b+"-"+i:b),u.current={id:i,group:Pe(p)&&c.group||ue()});const y=d.useMemo(()=>({...u.current,forceRender:$}),[j]);return a.jsx(de.Provider,{value:y,children:s})},ua="_container_11eom_1",ma="_header_11eom_15",pa="_title_11eom_23",ha="_actions_11eom_31",ga="_controls_11eom_37",ba="_searchBox_11eom_45",fa="_searchIcon_11eom_52",xa="_searchInput_11eom_59",_a="_clearButton_11eom_76",ya="_clearFiltersButton_11eom_93",ka="_resultCount_11eom_109",va="_loading_11eom_117",Ca="_spinner_11eom_126",Sa="_empty_11eom_141",ja="_emptyIcon_11eom_147",wa="_tableWrapper_11eom_160",Na="_stickyHeader_11eom_167",Ta="_table_11eom_160",$a="_striped_11eom_189",za="_compact_11eom_193",Da="_th_11eom_193",Ia="_td_11eom_194",Aa="_hoverable_11eom_198",Ma="_headerCell_11eom_213",Ea="_headerText_11eom_220",La="_sortButton_11eom_225",Pa="_sortIcon_11eom_244",Wa="_columnFilter_11eom_261",Ra="_tr_11eom_279",qa="_selected_11eom_285",Ba="_clickable_11eom_290",Va="_checkboxColumn_11eom_315",Ua="_actionsColumn_11eom_326",Fa="_actionButtons_11eom_338",Oa="_actionButton_11eom_338",Ha="_actionButtonPrimary_11eom_438",Ga="_actionButtonSecondary_11eom_459",Ja="_actionButtonDanger_11eom_478",Qa="_actionButtonWarning_11eom_500",Ka="_actionButtonSuccess_11eom_522",Xa="_checkbox_11eom_315",Ya="_nullValue_11eom_552",Za="_badge_11eom_558",en="_badgeSuccess_11eom_569",an="_badgeDanger_11eom_574",nn="_code_11eom_579",tn="_pagination_11eom_593",sn="_pageInfo_11eom_602",rn="_pageControls_11eom_608",on="_pageButton_11eom_614",ln="_pageNumber_11eom_639",cn="_pageSizeSelect_11eom_646",dn="_bulkActions_11eom_675",un="_bulkActionButtons_11eom_740",mn="_bulkActionButton_11eom_740",pn="_selectionCount_11eom_817",hn="_bulkPrimary_11eom_828",gn="_bulkSecondary_11eom_844",bn="_bulkDanger_11eom_861",fn="_bulkWarning_11eom_871",xn="_bulkSuccess_11eom_881",_n="_bulkCustom_11eom_891",yn="_horizontalScroll_11eom_901",n={container:ua,header:ma,title:pa,actions:ha,controls:ga,searchBox:ba,searchIcon:fa,searchInput:xa,clearButton:_a,clearFiltersButton:ya,resultCount:ka,loading:va,spinner:Ca,empty:Sa,emptyIcon:ja,tableWrapper:wa,stickyHeader:Na,table:Ta,striped:$a,compact:za,th:Da,td:Ia,hoverable:Aa,headerCell:Ma,headerText:Ea,sortButton:La,sortIcon:Pa,columnFilter:Wa,tr:Ra,selected:qa,clickable:Ba,checkboxColumn:Va,actionsColumn:Ua,actionButtons:Fa,actionButton:Oa,actionButtonPrimary:Ha,actionButtonSecondary:Ga,actionButtonDanger:Ja,actionButtonWarning:Qa,actionButtonSuccess:Ka,checkbox:Xa,nullValue:Ya,badge:Za,badgeSuccess:en,badgeDanger:an,code:nn,pagination:tn,pageInfo:sn,pageControls:rn,pageButton:on,pageNumber:ln,pageSizeSelect:cn,bulkActions:dn,bulkActionButtons:un,bulkActionButton:mn,selectionCount:pn,bulkPrimary:hn,bulkSecondary:gn,bulkDanger:bn,bulkWarning:fn,bulkSuccess:xn,bulkCustom:_n,horizontalScroll:yn},We=function({data:i,columns:p,keyField:c="id",title:h,searchable:$=!1,selectable:j=!1,pagination:u=!1,onRowClick:b,onSelectionChange:y,actions:P,bulkActions:D,rowActions:k,actionButtonStyles:l,emptyMessage:qe="No data available",loading:Be=!1,striped:Ve=!1,hoverable:Ue=!0,compact:Fe=!1,stickyHeader:Oe=!1,animated:He=!0,horizontalScroll:Ge=!1,className:H=""}){const[g,Q]=d.useState(new Set),[w,G]=d.useState(""),[I,K]=d.useState({}),[f,X]=d.useState({key:null,direction:"asc"}),[x,v]=d.useState(1),[C,Je]=d.useState(typeof u=="object"&&u.pageSize?u.pageSize:10),Qe=d.useMemo(()=>typeof u=="object"&&u.pageSizeOptions?u.pageSizeOptions:[10,25,50,100],[u]),Y=d.useMemo(()=>p.map(e=>e.key),[p]),A=d.useMemo(()=>{if(!w&&Object.keys(I).length===0)return i;let e=i;if($&&w){const r=w.toLowerCase();e=e.filter(t=>Y.some(o=>{const m=t[o];return m!=null&&String(m).toLowerCase().includes(r)}))}for(const[r,t]of Object.entries(I))if(t){const o=t.toLowerCase();e=e.filter(m=>{const N=m[r];return N!=null&&String(N).toLowerCase().includes(o)})}return e},[i,Y,w,I,$]),S=d.useMemo(()=>f.key?[...A].sort((e,r)=>{const t=e[f.key],o=r[f.key];if(t==null)return 1;if(o==null)return-1;let m=0;return typeof t=="number"&&typeof o=="number"?m=t-o:t instanceof Date&&o instanceof Date?m=t.getTime()-o.getTime():m=String(t).localeCompare(String(o)),f.direction==="asc"?m:-m}):A,[A,f]),M=d.useMemo(()=>{if(!u)return S;const e=(x-1)*C,r=e+C;return S.slice(e,r)},[S,u,x,C]),z=d.useMemo(()=>u?Math.ceil(S.length/C):1,[S,C,u]),Ke=d.useCallback(e=>{X(r=>r.key!==e?{key:e,direction:"asc"}:r.direction==="asc"?{key:e,direction:"desc"}:{key:null,direction:"asc"})},[]),Xe=d.useCallback(()=>{const e=M.map(o=>o[c]),r=e.every(o=>g.has(o)),t=new Set(g);if(r?e.forEach(o=>t.delete(o)):e.forEach(o=>t.add(o)),Q(t),y){const o=i.filter(m=>t.has(m[c]));y(o)}},[M,g,c,i,y]),Z=d.useCallback(e=>{const r=new Set(g);if(r.has(e)?r.delete(e):r.add(e),Q(r),y){const t=i.filter(o=>r.has(o[c]));y(t)}},[g,i,c,y]),Ye=d.useCallback((e,r)=>{K(t=>({...t,[e]:r})),v(1)},[]),Ze=d.useCallback(()=>{G(""),K({}),X({key:null,direction:"asc"}),v(1)},[]),ee=w||Object.values(I).some(e=>e),J=M.map(e=>e[c]),ae=j&&J.length>0&&J.every(e=>g.has(e)),ea=j&&J.some(e=>g.has(e)),_=d.useMemo(()=>i.filter(e=>g.has(e[c])),[i,g,c]),ne=d.useCallback(e=>{var m,N,E,se,re,oe,le,ie,ce;const r=(l==null?void 0:l.size)||36,t=((m=e.buttonStyles)==null?void 0:m.size)||r,o={width:t,height:t,borderRadius:((N=e.buttonStyles)==null?void 0:N.borderRadius)||(l==null?void 0:l.borderRadius)||"50%",fontSize:((E=e.buttonStyles)==null?void 0:E.fontSize)||(l==null?void 0:l.fontSize),padding:((se=e.buttonStyles)==null?void 0:se.padding)||(l==null?void 0:l.padding),...l==null?void 0:l.style,...e.style,...(re=e.buttonStyles)==null?void 0:re.style};return((oe=e.buttonStyles)!=null&&oe.iconSize||l!=null&&l.iconSize)&&(o["--icon-size"]=typeof(((le=e.buttonStyles)==null?void 0:le.iconSize)||(l==null?void 0:l.iconSize))=="number"?`${((ie=e.buttonStyles)==null?void 0:ie.iconSize)||(l==null?void 0:l.iconSize)}px`:((ce=e.buttonStyles)==null?void 0:ce.iconSize)||(l==null?void 0:l.iconSize)),o},[l]),te=d.useCallback(e=>{var E;const r=n.actionButton,t=e.variant==="primary"?n.actionButtonPrimary:e.variant==="danger"?n.actionButtonDanger:e.variant==="warning"?n.actionButtonWarning:e.variant==="success"?n.actionButtonSuccess:e.variant==="custom"?"":n.actionButtonSecondary,o=(l==null?void 0:l.className)||"",m=e.className||"",N=((E=e.buttonStyles)==null?void 0:E.className)||"";return`${r} ${t} ${o} ${m} ${N}`.trim()},[l]);return Be?a.jsx("div",{className:`${n.container} ${H}`,children:a.jsxs("div",{className:n.loading,children:[a.jsx("div",{className:n.spinner}),a.jsx("span",{children:"Loading..."})]})}):i.length===0?a.jsxs("div",{className:`${n.container} ${H}`,children:[h&&a.jsx("h2",{className:n.title,children:h}),a.jsxs("div",{className:n.empty,children:[a.jsx("span",{className:n.emptyIcon,children:"📊"}),a.jsx("p",{children:qe})]})]}):a.jsxs("div",{className:`${n.container} ${H}`,children:[(h||P||D)&&a.jsxs("div",{className:n.header,children:[h&&a.jsx("h2",{className:n.title,children:h}),(P||D)&&a.jsxs("div",{className:n.bulkActions,children:[P&&_.length>0&&a.jsx("div",{className:n.actions,children:P(_)}),D&&D.length>0&&_.length>0&&a.jsx("div",{className:n.bulkActionButtons,children:D.map((e,r)=>{const t=e.disabled&&e.disabled(_)||e.minSelection&&_.length<e.minSelection||e.maxSelection&&_.length>e.maxSelection;return a.jsxs("button",{className:`${n.bulkActionButton} ${e.variant==="primary"?n.bulkPrimary:e.variant==="secondary"?n.bulkSecondary:e.variant==="danger"?n.bulkDanger:e.variant==="warning"?n.bulkWarning:e.variant==="success"?n.bulkSuccess:e.variant==="custom"?n.bulkCustom:n.bulkPrimary} ${e.className||""}`,style:e.style,disabled:!!t,onClick:async()=>{if(e.confirmMessage){const o=typeof e.confirmMessage=="function"?e.confirmMessage(_):e.confirmMessage;if(!confirm(o))return}await e.onClick(_)},title:e.label,"aria-label":e.label,children:[e.icon,a.jsx("span",{children:e.label}),a.jsxs("span",{className:n.selectionCount,children:["(",_.length,")"]})]},r)})})]})]}),($||ee)&&a.jsxs("div",{className:n.controls,children:[$&&a.jsxs("div",{className:n.searchBox,children:[a.jsx("span",{className:n.searchIcon,children:"🔍"}),a.jsx("input",{type:"text",placeholder:"Search...",value:w,onChange:e=>{G(e.target.value),v(1)},className:n.searchInput}),w&&a.jsx("button",{className:n.clearButton,onClick:()=>G(""),children:"✕"})]}),ee&&a.jsx("button",{className:n.clearFiltersButton,onClick:Ze,children:"Clear All Filters"}),a.jsxs("div",{className:n.resultCount,children:[A.length," ",A.length===1?"result":"results"]})]}),a.jsx("div",{className:`${n.tableWrapper} ${Oe?n.stickyHeader:""} ${Ge?n.horizontalScroll:""}`,children:a.jsxs("table",{className:`
+import{r as d,j as a}from"./iframe-CvT6MryR.js";import{L as de,m as aa}from"./proxy-0exJiild.js";import{u as na,f as ta}from"./MotionConfigContext-BdSKNtzx.js";import{A as sa}from"./index-2ZuXCVEx.js";import"./preload-helper-C1FmrZbK.js";const ra=s=>!s.isLayoutDirty&&s.willUpdate(!1);function ue(){const s=new Set,i=new WeakMap,p=()=>s.forEach(ra);return{add:c=>{s.add(c),i.set(c,c.addEventListener("willUpdate",p))},remove:c=>{s.delete(c);const h=i.get(c);h&&(h(),i.delete(c)),p()},dirty:p}}const oa=d.createContext(null);function la(){const s=d.useRef(!1);return na(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function ia(){const s=la(),[i,p]=d.useState(0),c=d.useCallback(()=>{s.current&&p(i+1)},[i]);return[d.useCallback(()=>ta.postRender(c),[c]),i]}const Pe=s=>s===!0,ca=s=>Pe(s===!0)||s==="id",da=({children:s,id:i,inherit:p=!0})=>{const c=d.useContext(de),h=d.useContext(oa),[$,j]=ia(),u=d.useRef(null),b=c.id||h;u.current===null&&(ca(p)&&b&&(i=i?b+"-"+i:b),u.current={id:i,group:Pe(p)&&c.group||ue()});const y=d.useMemo(()=>({...u.current,forceRender:$}),[j]);return a.jsx(de.Provider,{value:y,children:s})},ua="_container_11eom_1",ma="_header_11eom_15",pa="_title_11eom_23",ha="_actions_11eom_31",ga="_controls_11eom_37",ba="_searchBox_11eom_45",fa="_searchIcon_11eom_52",xa="_searchInput_11eom_59",_a="_clearButton_11eom_76",ya="_clearFiltersButton_11eom_93",ka="_resultCount_11eom_109",va="_loading_11eom_117",Ca="_spinner_11eom_126",Sa="_empty_11eom_141",ja="_emptyIcon_11eom_147",wa="_tableWrapper_11eom_160",Na="_stickyHeader_11eom_167",Ta="_table_11eom_160",$a="_striped_11eom_189",za="_compact_11eom_193",Da="_th_11eom_193",Ia="_td_11eom_194",Aa="_hoverable_11eom_198",Ma="_headerCell_11eom_213",Ea="_headerText_11eom_220",La="_sortButton_11eom_225",Pa="_sortIcon_11eom_244",Wa="_columnFilter_11eom_261",Ra="_tr_11eom_279",qa="_selected_11eom_285",Ba="_clickable_11eom_290",Va="_checkboxColumn_11eom_315",Ua="_actionsColumn_11eom_326",Fa="_actionButtons_11eom_338",Oa="_actionButton_11eom_338",Ha="_actionButtonPrimary_11eom_438",Ga="_actionButtonSecondary_11eom_459",Ja="_actionButtonDanger_11eom_478",Qa="_actionButtonWarning_11eom_500",Ka="_actionButtonSuccess_11eom_522",Xa="_checkbox_11eom_315",Ya="_nullValue_11eom_552",Za="_badge_11eom_558",en="_badgeSuccess_11eom_569",an="_badgeDanger_11eom_574",nn="_code_11eom_579",tn="_pagination_11eom_593",sn="_pageInfo_11eom_602",rn="_pageControls_11eom_608",on="_pageButton_11eom_614",ln="_pageNumber_11eom_639",cn="_pageSizeSelect_11eom_646",dn="_bulkActions_11eom_675",un="_bulkActionButtons_11eom_740",mn="_bulkActionButton_11eom_740",pn="_selectionCount_11eom_817",hn="_bulkPrimary_11eom_828",gn="_bulkSecondary_11eom_844",bn="_bulkDanger_11eom_861",fn="_bulkWarning_11eom_871",xn="_bulkSuccess_11eom_881",_n="_bulkCustom_11eom_891",yn="_horizontalScroll_11eom_901",n={container:ua,header:ma,title:pa,actions:ha,controls:ga,searchBox:ba,searchIcon:fa,searchInput:xa,clearButton:_a,clearFiltersButton:ya,resultCount:ka,loading:va,spinner:Ca,empty:Sa,emptyIcon:ja,tableWrapper:wa,stickyHeader:Na,table:Ta,striped:$a,compact:za,th:Da,td:Ia,hoverable:Aa,headerCell:Ma,headerText:Ea,sortButton:La,sortIcon:Pa,columnFilter:Wa,tr:Ra,selected:qa,clickable:Ba,checkboxColumn:Va,actionsColumn:Ua,actionButtons:Fa,actionButton:Oa,actionButtonPrimary:Ha,actionButtonSecondary:Ga,actionButtonDanger:Ja,actionButtonWarning:Qa,actionButtonSuccess:Ka,checkbox:Xa,nullValue:Ya,badge:Za,badgeSuccess:en,badgeDanger:an,code:nn,pagination:tn,pageInfo:sn,pageControls:rn,pageButton:on,pageNumber:ln,pageSizeSelect:cn,bulkActions:dn,bulkActionButtons:un,bulkActionButton:mn,selectionCount:pn,bulkPrimary:hn,bulkSecondary:gn,bulkDanger:bn,bulkWarning:fn,bulkSuccess:xn,bulkCustom:_n,horizontalScroll:yn},We=function({data:i,columns:p,keyField:c="id",title:h,searchable:$=!1,selectable:j=!1,pagination:u=!1,onRowClick:b,onSelectionChange:y,actions:P,bulkActions:D,rowActions:k,actionButtonStyles:l,emptyMessage:qe="No data available",loading:Be=!1,striped:Ve=!1,hoverable:Ue=!0,compact:Fe=!1,stickyHeader:Oe=!1,animated:He=!0,horizontalScroll:Ge=!1,className:H=""}){const[g,Q]=d.useState(new Set),[w,G]=d.useState(""),[I,K]=d.useState({}),[f,X]=d.useState({key:null,direction:"asc"}),[x,v]=d.useState(1),[C,Je]=d.useState(typeof u=="object"&&u.pageSize?u.pageSize:10),Qe=d.useMemo(()=>typeof u=="object"&&u.pageSizeOptions?u.pageSizeOptions:[10,25,50,100],[u]),Y=d.useMemo(()=>p.map(e=>e.key),[p]),A=d.useMemo(()=>{if(!w&&Object.keys(I).length===0)return i;let e=i;if($&&w){const r=w.toLowerCase();e=e.filter(t=>Y.some(o=>{const m=t[o];return m!=null&&String(m).toLowerCase().includes(r)}))}for(const[r,t]of Object.entries(I))if(t){const o=t.toLowerCase();e=e.filter(m=>{const N=m[r];return N!=null&&String(N).toLowerCase().includes(o)})}return e},[i,Y,w,I,$]),S=d.useMemo(()=>f.key?[...A].sort((e,r)=>{const t=e[f.key],o=r[f.key];if(t==null)return 1;if(o==null)return-1;let m=0;return typeof t=="number"&&typeof o=="number"?m=t-o:t instanceof Date&&o instanceof Date?m=t.getTime()-o.getTime():m=String(t).localeCompare(String(o)),f.direction==="asc"?m:-m}):A,[A,f]),M=d.useMemo(()=>{if(!u)return S;const e=(x-1)*C,r=e+C;return S.slice(e,r)},[S,u,x,C]),z=d.useMemo(()=>u?Math.ceil(S.length/C):1,[S,C,u]),Ke=d.useCallback(e=>{X(r=>r.key!==e?{key:e,direction:"asc"}:r.direction==="asc"?{key:e,direction:"desc"}:{key:null,direction:"asc"})},[]),Xe=d.useCallback(()=>{const e=M.map(o=>o[c]),r=e.every(o=>g.has(o)),t=new Set(g);if(r?e.forEach(o=>t.delete(o)):e.forEach(o=>t.add(o)),Q(t),y){const o=i.filter(m=>t.has(m[c]));y(o)}},[M,g,c,i,y]),Z=d.useCallback(e=>{const r=new Set(g);if(r.has(e)?r.delete(e):r.add(e),Q(r),y){const t=i.filter(o=>r.has(o[c]));y(t)}},[g,i,c,y]),Ye=d.useCallback((e,r)=>{K(t=>({...t,[e]:r})),v(1)},[]),Ze=d.useCallback(()=>{G(""),K({}),X({key:null,direction:"asc"}),v(1)},[]),ee=w||Object.values(I).some(e=>e),J=M.map(e=>e[c]),ae=j&&J.length>0&&J.every(e=>g.has(e)),ea=j&&J.some(e=>g.has(e)),_=d.useMemo(()=>i.filter(e=>g.has(e[c])),[i,g,c]),ne=d.useCallback(e=>{var m,N,E,se,re,oe,le,ie,ce;const r=(l==null?void 0:l.size)||36,t=((m=e.buttonStyles)==null?void 0:m.size)||r,o={width:t,height:t,borderRadius:((N=e.buttonStyles)==null?void 0:N.borderRadius)||(l==null?void 0:l.borderRadius)||"50%",fontSize:((E=e.buttonStyles)==null?void 0:E.fontSize)||(l==null?void 0:l.fontSize),padding:((se=e.buttonStyles)==null?void 0:se.padding)||(l==null?void 0:l.padding),...l==null?void 0:l.style,...e.style,...(re=e.buttonStyles)==null?void 0:re.style};return((oe=e.buttonStyles)!=null&&oe.iconSize||l!=null&&l.iconSize)&&(o["--icon-size"]=typeof(((le=e.buttonStyles)==null?void 0:le.iconSize)||(l==null?void 0:l.iconSize))=="number"?`${((ie=e.buttonStyles)==null?void 0:ie.iconSize)||(l==null?void 0:l.iconSize)}px`:((ce=e.buttonStyles)==null?void 0:ce.iconSize)||(l==null?void 0:l.iconSize)),o},[l]),te=d.useCallback(e=>{var E;const r=n.actionButton,t=e.variant==="primary"?n.actionButtonPrimary:e.variant==="danger"?n.actionButtonDanger:e.variant==="warning"?n.actionButtonWarning:e.variant==="success"?n.actionButtonSuccess:e.variant==="custom"?"":n.actionButtonSecondary,o=(l==null?void 0:l.className)||"",m=e.className||"",N=((E=e.buttonStyles)==null?void 0:E.className)||"";return`${r} ${t} ${o} ${m} ${N}`.trim()},[l]);return Be?a.jsx("div",{className:`${n.container} ${H}`,children:a.jsxs("div",{className:n.loading,children:[a.jsx("div",{className:n.spinner}),a.jsx("span",{children:"Loading..."})]})}):i.length===0?a.jsxs("div",{className:`${n.container} ${H}`,children:[h&&a.jsx("h2",{className:n.title,children:h}),a.jsxs("div",{className:n.empty,children:[a.jsx("span",{className:n.emptyIcon,children:"📊"}),a.jsx("p",{children:qe})]})]}):a.jsxs("div",{className:`${n.container} ${H}`,children:[(h||P||D)&&a.jsxs("div",{className:n.header,children:[h&&a.jsx("h2",{className:n.title,children:h}),(P||D)&&a.jsxs("div",{className:n.bulkActions,children:[P&&_.length>0&&a.jsx("div",{className:n.actions,children:P(_)}),D&&D.length>0&&_.length>0&&a.jsx("div",{className:n.bulkActionButtons,children:D.map((e,r)=>{const t=e.disabled&&e.disabled(_)||e.minSelection&&_.length<e.minSelection||e.maxSelection&&_.length>e.maxSelection;return a.jsxs("button",{className:`${n.bulkActionButton} ${e.variant==="primary"?n.bulkPrimary:e.variant==="secondary"?n.bulkSecondary:e.variant==="danger"?n.bulkDanger:e.variant==="warning"?n.bulkWarning:e.variant==="success"?n.bulkSuccess:e.variant==="custom"?n.bulkCustom:n.bulkPrimary} ${e.className||""}`,style:e.style,disabled:!!t,onClick:async()=>{if(e.confirmMessage){const o=typeof e.confirmMessage=="function"?e.confirmMessage(_):e.confirmMessage;if(!confirm(o))return}await e.onClick(_)},title:e.label,"aria-label":e.label,children:[e.icon,a.jsx("span",{children:e.label}),a.jsxs("span",{className:n.selectionCount,children:["(",_.length,")"]})]},r)})})]})]}),($||ee)&&a.jsxs("div",{className:n.controls,children:[$&&a.jsxs("div",{className:n.searchBox,children:[a.jsx("span",{className:n.searchIcon,children:"🔍"}),a.jsx("input",{type:"text",placeholder:"Search...",value:w,onChange:e=>{G(e.target.value),v(1)},className:n.searchInput}),w&&a.jsx("button",{className:n.clearButton,onClick:()=>G(""),children:"✕"})]}),ee&&a.jsx("button",{className:n.clearFiltersButton,onClick:Ze,children:"Clear All Filters"}),a.jsxs("div",{className:n.resultCount,children:[A.length," ",A.length===1?"result":"results"]})]}),a.jsx("div",{className:`${n.tableWrapper} ${Oe?n.stickyHeader:""} ${Ge?n.horizontalScroll:""}`,children:a.jsxs("table",{className:`
                         ${n.table}
                         ${Ve?n.striped:""}
                         ${Ue?n.hoverable:""}

package/storybook-static/assets/Tabs-CLXu7F99.css

@@ -0,0 +1 @@
+._tabs_bo1mf_1{display:flex;gap:0;padding:0;padding-bottom:var(--spacing-md);background:transparent;position:relative;width:100%}._tabs_bo1mf_1:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--color-border-rgb),.1) 10%,rgba(var(--color-border-rgb),.1) 90%,transparent)}._tab_bo1mf_1{position:relative;padding:16px 24px;background:transparent;border:none;border-radius:0;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-family);letter-spacing:-.02em;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px;color:var(--color-text-secondary);opacity:.7}._tab_bo1mf_1:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--color-primary);transform:translate(-50%);transition:width .4s cubic-bezier(.16,1,.3,1);border-radius:3px 3px 0 0}._tab_bo1mf_1:hover{color:var(--color-text);opacity:1;transform:translateY(-2px)}._tab_bo1mf_1:hover:before{width:30%}._tab_bo1mf_1[data-active=true]:before{width:100%}._activeTabBackground_bo1mf_72{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}._tab_bo1mf_1[data-active=true]{color:var(--color-primary);opacity:1;transform:translateY(-2px)}._tabIcon_bo1mf_85{width:18px;height:18px;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}._tab_bo1mf_1:hover ._tabIcon_bo1mf_85{transform:rotate(5deg) scale(1.1)}._tab_bo1mf_1[data-active=true] ._tabIcon_bo1mf_85{transform:rotate(0) scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb),.3))}._tab_bo1mf_1:active{transform:translateY(0)}._tab_bo1mf_1:active ._tabIcon_bo1mf_85{transform:scale(.95)}

package/storybook-static/assets/{Tabs.stories-CujhnpzV.js → Tabs.stories-BwzAz5v_.js}

@@ -1,4 +1,4 @@
-import{j as e,R as p,r as l}from"./iframe-2N7rjfXm.js";import{c as u}from"./createLucideIcon-wa-8tr0c.js";import{m as T}from"./proxy-qiKixXs8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";/**
+import{j as e,R as p,r as l}from"./iframe-CvT6MryR.js";import{c as u}from"./createLucideIcon-Eaeny9Zi.js";import{m as T}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -8,12 +8,12 @@ import{j as e,R as p,r as l}from"./iframe-2N7rjfXm.js";import{c as u}from"./crea
  *
  * 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);/**
+ */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"}]],m=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:`{
+ */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_bo1mf_1",J="_tab_bo1mf_1",R="_tabIcon_bo1mf_85",r={tabs:D,tab:J,tabIcon:R},F=[{id:"details",icon:m,label:"Dettagli"},{id:"github",icon:q,label:"GitHub"},{id:"jira",icon:$,label:"Jira"},{id:"functional",icon:m,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 g,h,y;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`{
   render: args => {
     const [activeTab, setActiveTab] = useState<string>('details');
     return <div style={{
@@ -25,7 +25,7 @@ import{j as e,R as p,r as l}from"./iframe-2N7rjfXm.js";import{c as u}from"./crea
   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:`{
+}`,...(y=(h=c.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var x,f,j;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={{
@@ -37,7 +37,7 @@ import{j as e,R as p,r as l}from"./iframe-2N7rjfXm.js";import{c as u}from"./crea
   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:`{
+}`,...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var A,_,S;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={{
@@ -49,7 +49,7 @@ import{j as e,R as p,r as l}from"./iframe-2N7rjfXm.js";import{c as u}from"./crea
   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:`{
+}`,...(S=(_=d.parameters)==null?void 0:_.docs)==null?void 0:S.source}}};var w,k,C;b.parameters={...b.parameters,docs:{...(w=b.parameters)==null?void 0:w.docs,source:{originalSource:`{
   render: args => {
     const [activeTab, setActiveTab] = useState<string>('functional');
     return <div style={{

package/storybook-static/assets/{TargetCursor.stories-CjS6RpDB.js → TargetCursor.stories-D1M0ZV-S.js}

@@ -1,4 +1,4 @@
-import{r as c,j as _}from"./iframe-2N7rjfXm.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-CvT6MryR.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,

package/storybook-static/assets/{TextArea-DHBnvidn.js → TextArea-CMvPbRqQ.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-2N7rjfXm.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-CvT6MryR.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-CCC4mZkh.js → TextArea.stories-DmAuD1fB.js}

@@ -1,4 +1,4 @@
-import{r as h,j as e}from"./iframe-2N7rjfXm.js";import{T as u}from"./TextArea-DHBnvidn.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:`{
+import{r as h,j as e}from"./iframe-CvT6MryR.js";import{T as u}from"./TextArea-CMvPbRqQ.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: '',

package/storybook-static/assets/{TextCursor.stories-DbbUKuuf.js → TextCursor.stories-CJmFUz8s.js}

@@ -1,4 +1,4 @@
-import{r as a,j as c}from"./iframe-2N7rjfXm.js";import{A as B}from"./index-IKMS7NhW.js";import{m as L}from"./proxy-qiKixXs8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.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-CvT6MryR.js";import{A as B}from"./index-2ZuXCVEx.js";import{m as L}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.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,

package/storybook-static/assets/{TextInput-BRLXZRi0.js → TextInput-7QROD9Bu.js}

@@ -1,4 +1,4 @@
-import{R as _,j as n}from"./iframe-2N7rjfXm.js";import{u as T}from"./useSound-BBLJ5Rjg.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
+import{R as _,j as n}from"./iframe-CvT6MryR.js";import{u as T}from"./useSound-DyOR6GVH.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

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

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

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

@@ -1,4 +1,4 @@
-import{r,j as F}from"./iframe-2N7rjfXm.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-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";const J=(i,o)=>{const a=o.x-i.x,l=o.y-i.y;return Math.sqrt(a*a+l*l)},v=(i,o,a,l)=>{const h=l-Math.abs(l*i/o);return Math.max(a,h+a)},K=(i,o)=>{let a;return(...l)=>{clearTimeout(a),a=setTimeout(()=>{i.apply(void 0,l)},o)}},P=({text:i="Compressa",fontFamily:o="Compressa VF",fontUrl:a="https://res.cloudinary.com/dr6lvwubh/raw/upload/v1529908256/CompressaPRO-GX.woff2",width:l=!0,weight:h=!0,italic:V=!0,alpha:g=!1,flex:A=!0,stroke:q=!1,scale:S=!1,textColor:x="#FFFFFF",strokeColor:k="#FF0000",className:O="",minFontSize:R=24})=>{const p=r.useRef(null),d=r.useRef(null),E=r.useRef([]),c=r.useRef({x:0,y:0}),f=r.useRef({x:0,y:0}),[X,G]=r.useState(R),[N,b]=r.useState(1),[Y,M]=r.useState(1),C=i.split("");r.useEffect(()=>{const e=t=>{f.current.x=t.clientX,f.current.y=t.clientY},u=t=>{const s=t.touches[0];f.current.x=s.clientX,f.current.y=s.clientY};if(window.addEventListener("mousemove",e),window.addEventListener("touchmove",u,{passive:!0}),p.current){const{left:t,top:s,width:n,height:m}=p.current.getBoundingClientRect();c.current.x=t+n/2,c.current.y=s+m/2,f.current.x=c.current.x,f.current.y=c.current.y}return()=>{window.removeEventListener("mousemove",e),window.removeEventListener("touchmove",u)}},[]);const $=r.useCallback(()=>{if(!p.current||!d.current)return;const{width:e,height:u}=p.current.getBoundingClientRect();let t=e/(C.length/2);t=Math.max(t,R),G(t),b(1),M(1),requestAnimationFrame(()=>{if(!d.current)return;const s=d.current.getBoundingClientRect();if(S&&s.height>0){const n=u/s.height;b(n),M(n)}})},[C.length,R,S]);r.useEffect(()=>{const e=K($,100);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[$]),r.useEffect(()=>{let e;const u=()=>{if(c.current.x+=(f.current.x-c.current.x)/15,c.current.y+=(f.current.y-c.current.y)/15,d.current){const s=d.current.getBoundingClientRect().width/2;E.current.forEach(n=>{if(!n)return;const m=n.getBoundingClientRect(),H={x:m.x+m.width/2,y:m.y+m.height/2},w=J(c.current,H),I=l?Math.floor(v(w,s,5,200)):100,U=h?Math.floor(v(w,s,100,900)):400,W=V?v(w,s,0,1).toFixed(2):0,z=g?v(w,s,0,1).toFixed(2):1,j=`'wght' ${U}, 'wdth' ${I}, 'ital' ${W}`;n.style.fontVariationSettings!==j&&(n.style.fontVariationSettings=j),g&&n.style.opacity!==z&&(n.style.opacity=z)})}e=requestAnimationFrame(u)};return u(),()=>cancelAnimationFrame(e)},[l,h,V,g]);const _=r.useMemo(()=>F.jsx("style",{children:`
         @font-face {
           font-family: '${o}';
           src: url('${a}');