@stfrigerio/sito-template 0.1.36 → 0.1.39

package/storybook-static/assets/SunburstChart.stories-cY39K-7Q.js

@@ -0,0 +1,285 @@
+import{r as k,j as U}from"./iframe-Cz1R6gKZ.js";import{c as N,s as D,t as re,f as ie}from"./transform-BKmuZieF.js";import{l as se,d as R}from"./linear-dkJHgUri.js";import{a as ve}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function _e(e){var t=0,a=e.children,i=a&&a.length;if(!i)t=1;else for(;--i>=0;)t+=a[i].value;e.value=t}function ke(){return this.eachAfter(_e)}function De(e,t){let a=-1;for(const i of this)e.call(t,i,++a,this);return this}function Ee(e,t){for(var a=this,i=[a],o,u,s=-1;a=i.pop();)if(e.call(t,a,++s,this),o=a.children)for(u=o.length-1;u>=0;--u)i.push(o[u]);return this}function Be(e,t){for(var a=this,i=[a],o=[],u,s,h,c=-1;a=i.pop();)if(o.push(a),u=a.children)for(s=0,h=u.length;s<h;++s)i.push(u[s]);for(;a=o.pop();)e.call(t,a,++c,this);return this}function Ie(e,t){let a=-1;for(const i of this)if(e.call(t,i,++a,this))return i}function $e(e){return this.eachAfter(function(t){for(var a=+e(t.data)||0,i=t.children,o=i&&i.length;--o>=0;)a+=i[o].value;t.value=a})}function Le(e){return this.eachBefore(function(t){t.children&&t.children.sort(e)})}function qe(e){for(var t=this,a=Ve(t,e),i=[t];t!==a;)t=t.parent,i.push(t);for(var o=i.length;e!==a;)i.splice(o,0,e),e=e.parent;return i}function Ve(e,t){if(e===t)return e;var a=e.ancestors(),i=t.ancestors(),o=null;for(e=a.pop(),t=i.pop();e===t;)o=e,e=a.pop(),t=i.pop();return o}function Fe(){for(var e=this,t=[e];e=e.parent;)t.push(e);return t}function je(){return Array.from(this)}function Ye(){var e=[];return this.eachBefore(function(t){t.children||e.push(t)}),e}function Xe(){var e=this,t=[];return e.each(function(a){a!==e&&t.push({source:a.parent,target:a})}),t}function*He(){var e=this,t,a=[e],i,o,u;do for(t=a.reverse(),a=[];e=t.pop();)if(yield e,i=e.children)for(o=0,u=i.length;o<u;++o)a.push(i[o]);while(a.length)}function Q(e,t){e instanceof Map?(e=[void 0,e],t===void 0&&(t=Ue)):t===void 0&&(t=We);for(var a=new X(e),i,o=[a],u,s,h,c;i=o.pop();)if((s=t(i.data))&&(c=(s=Array.from(s)).length))for(i.children=s,h=c-1;h>=0;--h)o.push(u=s[h]=new X(s[h])),u.parent=i,u.depth=i.depth+1;return a.eachBefore(Qe)}function Ge(){return Q(this).eachBefore(Ne)}function We(e){return e.children}function Ue(e){return Array.isArray(e)?e[1]:null}function Ne(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Qe(e){var t=0;do e.height=t;while((e=e.parent)&&e.height<++t)}function X(e){this.data=e,this.depth=this.height=0,this.parent=null}X.prototype=Q.prototype={constructor:X,count:ke,each:De,eachAfter:Be,eachBefore:Ee,find:Ie,sum:$e,sort:Le,path:qe,ancestors:Fe,descendants:je,leaves:Ye,links:Xe,copy:Ge,[Symbol.iterator]:He};function Je(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 Ke(e,t,a,i,o){for(var u=e.children,s,h=-1,c=u.length,C=e.value&&(i-t)/e.value;++h<c;)s=u[h],s.y0=a,s.y1=o,s.x0=t,s.x1=t+=s.value*C}function Ze(){var e=1,t=1,a=0,i=!1;function o(s){var h=s.height+1;return s.x0=s.y0=a,s.x1=e,s.y1=t/h,s.eachBefore(u(t,h)),i&&s.eachBefore(Je),s}function u(s,h){return function(c){c.children&&Ke(c,c.x0,s*(c.depth+1)/h,c.x1,s*(c.depth+2)/h);var C=c.x0,g=c.y0,y=c.x1-a,b=c.y1-a;y<C&&(C=y=(C+y)/2),b<g&&(g=b=(g+b)/2),c.x0=C,c.y0=g,c.x1=y,c.y1=b}}return o.round=function(s){return arguments.length?(i=!!s,o):i},o.size=function(s){return arguments.length?(e=+s[0],t=+s[1],o):[e,t]},o.padding=function(s){return arguments.length?(a=+s,o):a},o}const en="_container_11ons_1",nn="_title_11ons_10",tn="_chart_11ons_18",an="_tooltip_11ons_22",L={container:en,title:nn,chart:tn,tooltip:an},oe=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],q=e=>{const t=N(e);if(!t)return"var(--text-primary)";const a=t.rgb(),i=a.r/255,o=a.g/255,u=a.b/255,s=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),h=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),c=u<=.03928?u/12.92:Math.pow((u+.055)/1.055,2.4);return .2126*s+.7152*h+.0722*c>.5?"#000000":"#ffffff"},le=(e,t,a,i,o)=>ve().startAngle(()=>e).endAngle(()=>t).innerRadius(()=>Math.min(o,Math.sqrt(Math.max(0,a)))).outerRadius(()=>Math.min(o,Math.sqrt(Math.max(0,i)))).cornerRadius(3),Ce=({data:e,width:t=500,height:a=500,title:i="Sunburst Chart",tagColors:o={},unit:u="items",centerLabel:s})=>{const h=k.useRef(null),c=k.useRef(new Map).current,C=k.useRef(0),g=k.useRef(null),y=Math.min(t,a)/2,b=k.useCallback((w,x)=>{if(o[w]){const v=N(o[w]);if(v)return x>1?v.darker((x-1)*.3).toString():v.toString()}c.has(w)||(c.set(w,oe[C.current%oe.length]),C.current++);const S=c.get(w)||"#d4af37",H=N(S);return H?H.darker(x*.3).toString():S},[o,c]);return k.useEffect(()=>{if(!h.current||!e)return;const w=D(h.current);w.selectAll("*").remove();const x=w.append("g").attr("transform",`translate(${t/2},${a/2})`),S=Q(e).sum(n=>n.size??0).sort((n,r)=>(r.value??0)-(n.value??0)),v=Ze().size([2*Math.PI,y*y])(S).descendants();v.forEach(n=>{const r=n;r.x0Original=n.x0,r.x1Original=n.x1,r.y0Original=n.y0,r.y1Original=n.y1});const we=ve().startAngle(n=>n.x0).endAngle(n=>n.x1).innerRadius(n=>Math.sqrt(n.y0)).outerRadius(n=>Math.sqrt(n.y1)).cornerRadius(3),E=D("body").append("div").attr("class",L.tooltip).style("opacity",0).style("position","absolute"),Se=()=>{g.current=null;const n=re().duration(750).ease(ie);M.style("opacity",1),M.transition(n).attrTween("d",r=>{const l=r;return f=>{const z=R(l.x0,l.x0Original)(f),A=R(l.x1,l.x1Original)(f),T=R(l.y0,l.y0Original)(f),m=R(l.y1,l.y1Original)(f);return l.x0=z,l.x1=A,l.y0=T,l.y1=m,le(z,A,T,m,y)(l)||""}}),M.style("cursor",r=>!r.children||r.children.length===0?"default":"pointer"),Z.style("cursor","default"),K(n,v)},Me=(n,r)=>{if(n.stopPropagation(),g.current||!r.children||r.children.length===0)return;g.current=r;const l=re().duration(750).ease(ie),f=r,z=se().domain([f.x0Original,f.x1Original]).range([0,2*Math.PI]).clamp(!0),A=v.filter(d=>B(r,d)),T=Math.max(...A.map(d=>d.y1Original)),m=se().domain([f.y0Original,T]).range([0,y*y]).clamp(!0);M.style("opacity",d=>B(r,d)?1:0),M.transition(l).attrTween("d",d=>{const p=d;if(!B(r,d))return()=>"";const O=z(p.x0Original);let _=z(p.x1Original);if(_<=O){const P=(p.x1Original-p.x0Original)/(f.x1Original-f.x0Original);_=O+2*Math.PI*P}let W,I;if(p===r)if(W=0,p.children&&p.children.length>0){const P=Math.min(...p.children.map($=>$.y0Original));I=m(P)*.98}else I=y*y*.98;else W=m(p.y0Original),I=m(p.y1Original);const Pe=p.x0,Re=p.x1,Te=p.y0,Oe=p.y1;return P=>{const $=R(Pe,O)(P),ne=R(Re,_)(P),te=R(Te,W)(P),ae=R(Oe,I)(P);return p.x0=$,p.x1=ne,p.y0=te,p.y1=ae,le($,ne,te,ae,y)(p)||""}}),K(l,v.filter(d=>B(r,d))),M.style("cursor","default"),Z.style("cursor","pointer")},B=(n,r)=>{if(n===r)return!0;let l=r.parent;for(;l;){if(l===n)return!0;l=l.parent}return!1},M=x.selectAll("path").data(v.filter(n=>n.depth>0&&n.value&&n.value>0)).enter().append("path").attr("d",n=>we(n)||"").attr("fill",n=>{let r=n;for(;r.depth>1&&r.parent;)r=r.parent;return b(r.data.name,n.depth)}).attr("stroke",()=>window.getComputedStyle(h.current).getPropertyValue("--color-border")||"#e2e8f0").attr("stroke-width",2).style("cursor",n=>!n.children||n.children.length===0?"default":"pointer").on("click",Me).on("mouseover",function(n,r){if(g.current)return;const l=n.currentTarget;E.transition().duration(200).style("opacity",1);const f=r.value||0,z=(f/(S.value||1)*100).toFixed(1);E.html(`
+                    <div><strong>${r.data.name}</strong></div>
+                    <div>Value: ${f}</div>
+                    <div>${z}% of total</div>
+                `).style("left",n.pageX+10+"px").style("top",n.pageY-28+"px"),M.each(function(){this!==l?D(this).transition().duration(200).style("opacity",.3).style("filter","blur(1px)"):D(this).transition().duration(200).style("opacity",1).style("filter","none")})}).on("mouseout",function(){E.transition().duration(500).style("opacity",0),M.transition().duration(200).style("opacity",1).style("filter","none")}).on("mousemove",function(n){E.style("left",n.pageX+10+"px").style("top",n.pageY-28+"px")}),J=n=>{const r=n.x1-n.x0,l=g.current?.05:.15;return r>l&&n.depth<=2},K=(n,r,l)=>{x.selectAll("text.segment-label").remove(),x.selectAll("text.center-label").remove(),n.on("end",()=>{const f=r.filter(m=>g.current&&m===g.current?!1:m.depth>0&&m.value&&m.value>0&&J(m));x.selectAll("text.segment-label").data(f).enter().append("text").attr("class","segment-label").attr("transform",m=>{const d=(m.x0+m.x1)/2,p=(Math.sqrt(m.y0)+Math.sqrt(m.y1))/2,O=Math.cos(d-Math.PI/2)*p,_=Math.sin(d-Math.PI/2)*p;return`translate(${O},${_})`}).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size",m=>m.depth===1?"13px":"11px").attr("fill",m=>{let d=m;for(;d.depth>1&&d.parent;)d=d.parent;const p=b(d.data.name,m.depth);return q(p)}).attr("font-weight","600").style("pointer-events","none").style("text-shadow",m=>{let d=m;for(;d.depth>1&&d.parent;)d=d.parent;const p=b(d.data.name,m.depth);return`0 1px 1px ${q(p)==="#ffffff"?"rgba(0,0,0,0.3)":"rgba(255,255,255,0.3)"}`}).text(m=>{const d=m.depth===1?12:8;return m.data.name.substring(0,d)}).style("opacity",0).transition().duration(200).style("opacity",1);const z=g.current||S,A=window.getComputedStyle(h.current),T=A.getPropertyValue("--text-primary")||(A.getPropertyValue("--bg-primary")==="#000000"||A.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",T).style("pointer-events","none").text(z===S?s||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",T).style("pointer-events","none").text(`${(z.value||0).toLocaleString()} ${u}`).style("opacity",0).transition().duration(200).style("opacity",1)})},Ae=Math.sqrt(v[0].y0)||y*.3,Z=x.append("circle").attr("class","center-reset-button").attr("r",Ae).attr("fill","transparent").style("cursor","default").on("click",()=>{g.current&&Se()}).on("mouseover",function(){g.current&&D(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&&D(this).transition().duration(150).attr("fill","transparent").attr("stroke","none")}),G=window.getComputedStyle(h.current),ee=G.getPropertyValue("--text-primary")||(G.getPropertyValue("--bg-primary")==="#000000"||G.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",ee).style("pointer-events","none").text(s||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",ee).style("pointer-events","none").text(`${(S.value||0).toLocaleString()} ${u}`),x.selectAll("text.segment-label").data(v.filter(n=>n.depth>0&&n.value&&n.value>0&&J(n))).enter().append("text").attr("class","segment-label").attr("transform",n=>{const r=(n.x0+n.x1)/2,l=(Math.sqrt(n.y0)+Math.sqrt(n.y1))/2,f=Math.cos(r-Math.PI/2)*l,z=Math.sin(r-Math.PI/2)*l;return`translate(${f},${z})`}).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size",n=>n.depth===1?"13px":"11px").attr("fill",n=>{let r=n;for(;r.depth>1&&r.parent;)r=r.parent;const l=b(r.data.name,n.depth);return q(l)}).attr("font-weight","600").style("pointer-events","none").style("text-shadow",n=>{let r=n;for(;r.depth>1&&r.parent;)r=r.parent;const l=b(r.data.name,n.depth);return`0 1px 1px ${q(l)==="#ffffff"?"rgba(0,0,0,0.3)":"rgba(255,255,255,0.3)"}`}).text(n=>{const r=n.depth===1?12:8;return n.data.name.substring(0,r)}),()=>{E.remove()}},[e,t,a,c,y,o,u,s,b]),U.jsxs("div",{className:L.container,children:[U.jsx("h3",{className:L.title,children:i}),U.jsx("svg",{ref:h,width:t,height:a,className:L.chart})]})};Ce.__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 dn={title:"Organisms/Charts/SunburstChart",component:Ce,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"}}}},V={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"}}},F={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"}}},j={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"}}},Y={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 ce,ue,me;V.parameters={...V.parameters,docs:{...(ce=V.parameters)==null?void 0:ce.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'
+    }
+  }
+}`,...(me=(ue=V.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var de,he,pe;F.parameters={...F.parameters,docs:{...(de=F.parameters)==null?void 0:de.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'
+    }
+  }
+}`,...(pe=(he=F.parameters)==null?void 0:he.docs)==null?void 0:pe.source}}};var fe,ge,ye;j.parameters={...j.parameters,docs:{...(fe=j.parameters)==null?void 0:fe.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'
+    }
+  }
+}`,...(ye=(ge=j.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var xe,ze,be;Y.parameters={...Y.parameters,docs:{...(xe=Y.parameters)==null?void 0:xe.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'
+  }
+}`,...(be=(ze=Y.parameters)==null?void 0:ze.docs)==null?void 0:be.source}}};const hn=["DailyActivities","ProjectBreakdown","BudgetBreakdown","SimpleData"];export{j as BudgetBreakdown,V as DailyActivities,F as ProjectBreakdown,Y as SimpleData,hn as __namedExportsOrder,dn as default};

package/storybook-static/assets/Table-DnhtoClE.css

@@ -0,0 +1 @@
+._container_11eom_1{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:0 2px 8px #00000014;transition:all .2s ease}._container_11eom_1:hover{box-shadow:0 4px 12px #0000001f}._header_11eom_15{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._title_11eom_23{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;flex-shrink:0}._actions_11eom_31{display:flex;gap:var(--spacing-md)}._controls_11eom_37{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}._searchBox_11eom_45{position:relative;display:flex;align-items:center;min-width:280px}._searchIcon_11eom_52{position:absolute;left:12px;font-size:14px;opacity:.6}._searchInput_11eom_59{width:100%;padding:10px 36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;transition:all .2s ease}._searchInput_11eom_59:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af371a}._clearButton_11eom_76{position:absolute;right:8px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s ease}._clearButton_11eom_76:hover{background:var(--color-surface-hover);color:var(--color-text)}._clearFiltersButton_11eom_93{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}._clearFiltersButton_11eom_93:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}._resultCount_11eom_109{margin-left:auto;font-size:14px;color:var(--color-text-secondary);font-weight:500}._loading_11eom_117{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}._spinner_11eom_126{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:_spin_11eom_126 1s linear infinite}@keyframes _spin_11eom_126{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._empty_11eom_141{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}._emptyIcon_11eom_147{font-size:48px;display:block;margin-bottom:var(--spacing-md);opacity:.5}._empty_11eom_141 p{margin:0;font-size:16px}._tableWrapper_11eom_160{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-background-primary)}._stickyHeader_11eom_167{max-height:60vh;overflow-y:auto}._stickyHeader_11eom_167 thead th{position:sticky;top:0;z-index:10;background:var(--color-background-secondary);border-bottom:2px solid var(--color-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a}._table_11eom_160{width:100%;border-collapse:collapse;font-size:14px}._table_11eom_160._striped_11eom_189 tbody tr:nth-child(2n){background-color:var(--color-background-secondary)}._table_11eom_160._compact_11eom_193 ._th_11eom_193,._table_11eom_160._compact_11eom_193 ._td_11eom_194{padding:8px 12px}._table_11eom_160._hoverable_11eom_198 tbody tr:hover{background-color:var(--color-surface-hover)}._th_11eom_193{padding:14px 16px;text-align:left;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap}._headerCell_11eom_213{display:flex;flex-direction:column;gap:8px;min-width:0}._headerText_11eom_220{color:var(--color-text);font-weight:var(--font-weight-semibold)}._sortButton_11eom_225{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text);font-weight:var(--font-weight-semibold);font-size:14px;cursor:pointer;padding:0;text-align:left;transition:color .2s ease}._sortButton_11eom_225:hover{color:var(--color-primary)}._sortIcon_11eom_244{font-size:12px;opacity:.7;transition:all .2s ease}._sortButton_11eom_225:hover ._sortIcon_11eom_244,._sortButton_11eom_225:focus ._sortIcon_11eom_244{opacity:1;color:var(--color-primary)}._sortButton_11eom_225:focus{outline:2px solid var(--color-primary);outline-offset:2px}._columnFilter_11eom_261{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-primary);color:var(--color-text);font-size:12px;min-width:100px;transition:all .2s ease}._columnFilter_11eom_261:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px #d4af371a}._tr_11eom_279{border-bottom:1px solid var(--color-border);transform:translateZ(0);contain:layout style paint}._tr_11eom_279._selected_11eom_285{background-color:#d4af3714;border-color:var(--color-primary)}._tr_11eom_279._clickable_11eom_290{cursor:pointer}._tr_11eom_279._clickable_11eom_290:hover,._tr_11eom_279._clickable_11eom_290:focus-within{background-color:var(--color-surface-hover);transition:background-color .15s ease}._tr_11eom_279:focus{outline:2px solid var(--color-primary);outline-offset:-2px}._td_11eom_194{padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:top;word-break:break-word;contain:layout style}._checkboxColumn_11eom_315{width:48px;text-align:center;padding:14px 16px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._actionsColumn_11eom_326{width:auto;text-align:center;white-space:nowrap;padding:14px 16px;background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._actionButtons_11eom_338{display:flex;gap:6px;justify-content:center;align-items:center;opacity:.7;transition:opacity .2s ease}._actionsColumn_11eom_326:hover ._actionButtons_11eom_338{opacity:1}._actionButton_11eom_338{--action-button-size: 36px;--action-button-border-radius: 50%;--action-button-font-size: 16px;--action-button-shadow: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .04);--action-button-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--action-button-transform-hover: translateY(-2px) scale(1.05);--action-button-transform-active: translateY(-1px) scale(1.02);--action-button-transition: all .25s cubic-bezier(.34, 1.56, .64, 1);--icon-size: 18px;display:inline-flex;align-items:center;justify-content:center;width:var(--action-button-size);height:var(--action-button-size);border-radius:var(--action-button-border-radius);border:none;background:var(--color-background-secondary);color:var(--color-text-secondary);cursor:pointer;transition:var(--action-button-transition);font-size:var(--action-button-font-size);padding:0;position:relative;overflow:hidden;box-shadow:var(--action-button-shadow)}._actionButton_11eom_338:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#fff3,#ffffff0d,#00000005);opacity:0;transition:opacity .3s ease}._actionButton_11eom_338:hover:not(:disabled):before{opacity:1}._actionButton_11eom_338:hover:not(:disabled){transform:var(--action-button-transform-hover);box-shadow:var(--action-button-shadow-hover)}._actionButton_11eom_338:active:not(:disabled){transform:var(--action-button-transform-active);transition-duration:.1s}._actionButton_11eom_338:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}._actionButton_11eom_338:focus{outline:none;box-shadow:0 0 0 3px #d4af374d,0 8px 20px #0000001f,0 4px 12px #00000014}._actionButton_11eom_338 svg{width:var(--icon-size);height:var(--icon-size);transition:all .2s ease}._actionButton_11eom_338:hover:not(:disabled) svg{transform:scale(1.1)}._actionButtonPrimary_11eom_438{background:linear-gradient(135deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 90%,#ff6b35) 100%);color:var(--color-background-primary);box-shadow:0 4px 12px #d4af3740,0 2px 6px #d4af3726}._actionButtonPrimary_11eom_438:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 85%,black),color-mix(in srgb,var(--color-primary) 75%,#ff6b35));box-shadow:0 8px 24px #d4af3759,0 4px 12px #d4af3740}._actionButtonSecondary_11eom_459{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-primary)) 100%);color:var(--color-text)}._actionButtonSecondary_11eom_459:hover:not(:disabled){background:linear-gradient(135deg,var(--color-surface-hover) 0%,color-mix(in srgb,var(--color-surface-hover) 90%,var(--color-primary)) 100%);color:var(--color-primary);box-shadow:0 8px 20px #0000001f,0 0 0 1px #d4af3733}._actionButtonDanger_11eom_478{background:linear-gradient(135deg,#ef44441f,#dc262626);color:#dc2626;box-shadow:0 4px 12px #dc262626,0 2px 6px #dc262614}._actionButtonDanger_11eom_478:hover:not(:disabled){background:linear-gradient(135deg,#ef444433,#dc262640);color:#b91c1c;box-shadow:0 8px 24px #dc262640,0 4px 12px #dc262626}._actionButtonWarning_11eom_500{background:linear-gradient(135deg,#f59e0b1f,#d9770626);color:#d97706;box-shadow:0 4px 12px #d9770626,0 2px 6px #d9770614}._actionButtonWarning_11eom_500:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b33,#d9770640);color:#b45309;box-shadow:0 8px 24px #d9770640,0 4px 12px #d9770626}._actionButtonSuccess_11eom_522{background:linear-gradient(135deg,#22c55e1f,#05966926);color:#059669;box-shadow:0 4px 12px #05966926,0 2px 6px #05966914}._actionButtonSuccess_11eom_522:hover:not(:disabled){background:linear-gradient(135deg,#22c55e33,#05966940);color:#047857;box-shadow:0 8px 24px #05966940,0 4px 12px #05966926}._checkbox_11eom_315{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}._nullValue_11eom_552{color:var(--color-text-secondary);font-style:italic;opacity:.7}._badge_11eom_558{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-weight-medium);min-width:24px}._badgeSuccess_11eom_569{background:#22c55e1a;color:#059669}._badgeDanger_11eom_574{background:#ef44441a;color:#dc2626}._code_11eom_579{background:var(--color-background-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;white-space:pre-wrap;border:1px solid var(--color-border);display:block;max-width:300px;overflow:auto}._pagination_11eom_593{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}._pageInfo_11eom_602{font-size:14px;color:var(--color-text-secondary);font-weight:500}._pageControls_11eom_608{display:flex;align-items:center;gap:4px}._pageButton_11eom_614{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}._pageButton_11eom_614:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}._pageButton_11eom_614:disabled{opacity:.5;cursor:not-allowed}._pageNumber_11eom_639{padding:8px 16px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text)}._pageSizeSelect_11eom_646{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-primary);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s ease}._pageSizeSelect_11eom_646:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af371a}@media (max-width: 768px){._container_11eom_1{padding:var(--spacing-md)}._header_11eom_15{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._bulkActions_11eom_675{justify-content:flex-start}._controls_11eom_37{flex-direction:column;align-items:stretch}._searchBox_11eom_45{min-width:auto}._resultCount_11eom_109{margin-left:0;text-align:center}._tableWrapper_11eom_160{overflow-x:auto}._table_11eom_160{min-width:600px}._pagination_11eom_593{flex-direction:column;align-items:center;text-align:center}._pageControls_11eom_608{order:-1;margin-bottom:var(--spacing-sm)}}@media (max-width: 480px){._th_11eom_193,._td_11eom_194{padding:8px}._columnFilter_11eom_261{min-width:80px}._pageButton_11eom_614{padding:6px 8px;min-width:32px}}._bulkActions_11eom_675{display:flex;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;flex:1;justify-content:flex-end;min-height:42px}._bulkActionButtons_11eom_740{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;animation:_bulkActionsSlideIn_11eom_1 .3s cubic-bezier(.4,0,.2,1)}@keyframes _bulkActionsSlideIn_11eom_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}._bulkActionButton_11eom_740{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:42px;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;position:relative;overflow:hidden;background:var(--color-primary);color:var(--color-background-primary)}._bulkActionButton_11eom_740:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}._bulkActionButton_11eom_740:active:not(:disabled){transform:translateY(-1px);transition:all .1s cubic-bezier(.4,0,.2,1)}._bulkActionButton_11eom_740:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}._bulkActionButton_11eom_740:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}._bulkActionButton_11eom_740:hover:not(:disabled):before{left:100%}._selectionCount_11eom_817{font-size:var(--font-size-xs);opacity:.9;font-weight:var(--font-weight-medium);background:#fff3;padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--spacing-xs)}._bulkPrimary_11eom_828{background:linear-gradient(135deg,var(--color-primary) 0%,color-mix(in srgb,var(--color-primary) 85%,#fbbf24) 100%);color:var(--color-background-primary);border:1px solid color-mix(in srgb,var(--color-primary) 80%,transparent)}._bulkPrimary_11eom_828:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 90%,black),color-mix(in srgb,var(--color-primary) 75%,#fbbf24))}._bulkSecondary_11eom_844{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-primary)) 100%);color:var(--color-text);border:1px solid var(--color-border)}._bulkSecondary_11eom_844:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-text)),color-mix(in srgb,var(--color-background-secondary) 85%,var(--color-primary)));border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-primary))}._bulkDanger_11eom_861{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626}._bulkDanger_11eom_861:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}._bulkWarning_11eom_871{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #d97706}._bulkWarning_11eom_871:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}._bulkSuccess_11eom_881{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}._bulkSuccess_11eom_881:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}._bulkCustom_11eom_891{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,var(--color-text)) 100%);color:var(--color-text);border:1px solid var(--color-border)}._horizontalScroll_11eom_901{overflow-x:auto;-webkit-overflow-scrolling:touch}._horizontalScroll_11eom_901 ._table_11eom_160{min-width:100%;width:max-content}._horizontalScroll_11eom_901::-webkit-scrollbar{height:8px}._horizontalScroll_11eom_901::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._horizontalScroll_11eom_901::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}._horizontalScroll_11eom_901::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,var(--color-text))}

package/storybook-static/assets/Table.stories-rAe1I70z.js

@@ -0,0 +1,227 @@
+import{r as d,j as a}from"./iframe-Cz1R6gKZ.js";import{L as de,m as aa}from"./proxy-CAwOFzsk.js";import{u as na,f as ta}from"./MotionConfigContext-C_Ro_xsO.js";import{A as sa}from"./index-CIvCfZMj.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:""}
+                        ${Fe?n.compact:""}
+                    `,role:"table","aria-label":h||"Data table","aria-rowcount":S.length,"aria-describedby":h?`${h.replace(/\s+/g,"-").toLowerCase()}-summary`:void 0,children:[a.jsx("thead",{children:a.jsxs("tr",{children:[j&&a.jsx("th",{className:n.checkboxColumn,scope:"col",children:a.jsx("input",{type:"checkbox",checked:ae,ref:e=>{e&&(e.indeterminate=!ae&&ea)},onChange:Xe,className:n.checkbox,"aria-label":"Select all rows"})}),p.map(e=>a.jsx("th",{className:`${n.th} ${e.className||""}`,style:{width:e.width,textAlign:e.align||"left"},scope:"col",role:"columnheader","aria-sort":f.key===e.key?f.direction==="asc"?"ascending":"descending":e.sortable?"none":void 0,children:a.jsxs("div",{className:n.headerCell,children:[e.sortable?a.jsxs("button",{className:n.sortButton,onClick:()=>Ke(e.key),"aria-label":`Sort by ${e.header} ${f.key===e.key&&f.direction==="asc"?"(descending)":"(ascending)"}`,children:[a.jsx("span",{children:e.header}),a.jsx("span",{className:n.sortIcon,"aria-hidden":"true",children:f.key===e.key?f.direction==="asc"?"↑":"↓":"↕"})]}):a.jsx("span",{className:n.headerText,children:e.header}),e.filterable&&a.jsx("input",{type:"text",placeholder:"Filter...",value:I[e.key]||"",onChange:r=>Ye(e.key,r.target.value),onClick:r=>r.stopPropagation(),className:n.columnFilter,"aria-label":`Filter ${e.header}`})]})},e.key)),k&&k.length>0&&a.jsx("th",{className:n.actionsColumn,scope:"col",children:a.jsx("span",{className:n.headerText,children:"Actions"})})]})}),a.jsx("tbody",{children:He?a.jsx(da,{children:a.jsx(sa,{mode:"popLayout",children:M.map((e,r)=>a.jsxs(aa.tr,{layout:"position",initial:{opacity:0,scale:.98},animate:{opacity:1,scale:1,transition:{duration:.12,delay:Math.min(r*.005,.08),ease:[.25,.46,.45,.94]}},exit:{opacity:0,scale:.98,transition:{duration:.08}},className:`
+                                                ${n.tr}
+                                                ${g.has(e[c])?n.selected:""}
+                                                ${b?n.clickable:""}
+                                            `,onClick:()=>b==null?void 0:b(e,r),children:[j&&a.jsx("td",{className:n.checkboxColumn,children:a.jsx("input",{type:"checkbox",checked:g.has(e[c]),onChange:()=>Z(e[c]),onClick:t=>t.stopPropagation(),className:n.checkbox})}),p.map(t=>a.jsx("td",{className:`${n.td} ${t.className||""}`,style:{textAlign:t.align||"left"},children:t.render?t.render(e[t.key],e,r):me(e[t.key])},t.key)),k&&k.length>0&&a.jsx("td",{className:n.actionsColumn,onClick:t=>t.stopPropagation(),children:a.jsx("div",{className:n.actionButtons,children:k.map((t,o)=>a.jsx("button",{className:te(t),style:ne(t),onClick:()=>t.onClick(e,r),disabled:t.disabled?t.disabled(e):!1,title:t.label,"aria-label":t.label,children:t.icon},o))})})]},`${String(e[c])}-${x}`))})}):M.map((e,r)=>a.jsxs("tr",{className:`
+                                        ${n.tr}
+                                        ${g.has(e[c])?n.selected:""}
+                                        ${b?n.clickable:""}
+                                    `,onClick:()=>b==null?void 0:b(e,r),children:[j&&a.jsx("td",{className:n.checkboxColumn,children:a.jsx("input",{type:"checkbox",checked:g.has(e[c]),onChange:()=>Z(e[c]),onClick:t=>t.stopPropagation(),className:n.checkbox})}),p.map(t=>a.jsx("td",{className:`${n.td} ${t.className||""}`,style:{textAlign:t.align||"left"},children:t.render?t.render(e[t.key],e,r):me(e[t.key])},t.key)),k&&k.length>0&&a.jsx("td",{className:n.actionsColumn,onClick:t=>t.stopPropagation(),children:a.jsx("div",{className:n.actionButtons,children:k.map((t,o)=>a.jsx("button",{className:te(t),style:ne(t),onClick:()=>t.onClick(e,r),disabled:t.disabled?t.disabled(e):!1,title:t.label,"aria-label":t.label,children:t.icon},o))})})]},String(e[c])))})]})}),u&&z>1&&a.jsxs("div",{className:n.pagination,children:[a.jsxs("div",{className:n.pageInfo,children:["Showing ",(x-1)*C+1,"-",Math.min(x*C,S.length)," of ",S.length]}),a.jsxs("div",{className:n.pageControls,children:[a.jsx("button",{className:n.pageButton,onClick:()=>v(1),disabled:x===1,children:"⟨⟨"}),a.jsx("button",{className:n.pageButton,onClick:()=>v(e=>Math.max(1,e-1)),disabled:x===1,children:"⟨"}),a.jsxs("span",{className:n.pageNumber,children:["Page ",x," of ",z]}),a.jsx("button",{className:n.pageButton,onClick:()=>v(e=>Math.min(z,e+1)),disabled:x===z,children:"⟩"}),a.jsx("button",{className:n.pageButton,onClick:()=>v(z),disabled:x===z,children:"⟩⟩"})]}),typeof u=="object"&&a.jsx("select",{className:n.pageSizeSelect,value:C,onChange:e=>{Je(Number(e.target.value)),v(1)},children:Qe.map(e=>a.jsxs("option",{value:e,children:[e," per page"]},e))})]})]})};function me(s){return s==null?a.jsx("span",{className:n.nullValue,children:"—"}):typeof s=="boolean"?a.jsx("span",{className:`${n.badge} ${s?n.badgeSuccess:n.badgeDanger}`,children:s?"✓":"✗"}):s instanceof Date?s.toLocaleDateString():typeof s=="object"?a.jsx("code",{className:n.code,children:JSON.stringify(s,null,2)}):String(s)}const kn=d.memo(We);We.__docgenInfo={description:`A comprehensive table component with sorting, filtering, pagination, selection, and row actions.
+
+Features:
+- Sorting by clicking column headers
+- Global search and per-column filtering
+- Row selection with bulk actions
+- Pagination with customizable page sizes
+- Row-level action buttons
+- Responsive design with sticky headers
+- Framer Motion animations (can be disabled for performance)
+- Full theme integration via CSS custom properties
+
+@template T - The type of data objects in the table
+@param props - Table configuration and data
+@returns React component
+
+@example
+\`\`\`tsx
+const users = [{ id: 1, name: 'John', email: 'john@example.com' }]
+const columns = [
+  { key: 'name', header: 'Name', sortable: true },
+  { key: 'email', header: 'Email', filterable: true }
+]
+
+<Table
+  data={users}
+  columns={columns}
+  searchable
+  pagination
+  rowActions={[
+    {
+      icon: <EditIcon />,
+      label: 'Edit user',
+      onClick: (user) => editUser(user),
+      variant: 'primary'
+    }
+  ]}
+/>
+\`\`\``,methods:[],displayName:"TableComponent",props:{data:{required:!0,tsType:{name:"Array",elements:[{name:"T"}],raw:"T[]"},description:"Array of data objects to display in the table"},columns:{required:!0,tsType:{name:"Array",elements:[{name:"Column",elements:[{name:"T"}],raw:"Column<T>"}],raw:"Column<T>[]"},description:"Column configuration defining how to display data fields"},keyField:{required:!1,tsType:{name:"string"},description:"Field name to use as unique identifier for rows (defaults to 'id')",defaultValue:{value:"'id'",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"Optional title displayed above the table"},searchable:{required:!1,tsType:{name:"boolean"},description:"Enable global search functionality",defaultValue:{value:"false",computed:!1}},selectable:{required:!1,tsType:{name:"boolean"},description:"Enable row selection with checkboxes",defaultValue:{value:"false",computed:!1}},pagination:{required:!1,tsType:{name:"union",raw:"boolean | { pageSize?: number; pageSizeOptions?: number[] }",elements:[{name:"boolean"},{name:"signature",type:"object",raw:"{ pageSize?: number; pageSizeOptions?: number[] }",signature:{properties:[{key:"pageSize",value:{name:"number",required:!1}},{key:"pageSizeOptions",value:{name:"Array",elements:[{name:"number"}],raw:"number[]",required:!1}}]}}]},description:"Enable pagination (boolean for default settings or object for custom configuration)",defaultValue:{value:"false",computed:!1}},onRowClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: T, index: number) => void",signature:{arguments:[{type:{name:"T"},name:"item"},{type:{name:"number"},name:"index"}],return:{name:"void"}}},description:"Function called when a table row is clicked"},onSelectionChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(selectedItems: T[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"T"}],raw:"T[]"},name:"selectedItems"}],return:{name:"void"}}},description:"Function called when row selection changes (only when selectable=true)"},bulkActions:{required:!1,tsType:{name:"Array",elements:[{name:"BulkAction",elements:[{name:"T"}],raw:"BulkAction<T>"}],raw:"BulkAction<T>[]"},description:"Array of bulk actions available when rows are selected"},actions:{required:!1,tsType:{name:"signature",type:"function",raw:"(selectedItems: T[]) => ReactNode",signature:{arguments:[{type:{name:"Array",elements:[{name:"T"}],raw:"T[]"},name:"selectedItems"}],return:{name:"ReactNode"}}},description:"@deprecated Use bulkActions instead. Function that returns action buttons for selected rows"},rowActions:{required:!1,tsType:{name:"Array",elements:[{name:"RowAction",elements:[{name:"T"}],raw:"RowAction<T>"}],raw:"RowAction<T>[]"},description:"Configuration for action buttons displayed in each row"},actionButtonStyles:{required:!1,tsType:{name:"ActionButtonStyles"},description:"Global styling configuration for all action buttons"},emptyMessage:{required:!1,tsType:{name:"string"},description:"Message displayed when table is empty",defaultValue:{value:"'No data available'",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Show loading state",defaultValue:{value:"false",computed:!1}},striped:{required:!1,tsType:{name:"boolean"},description:"Apply alternating row background colors",defaultValue:{value:"false",computed:!1}},hoverable:{required:!1,tsType:{name:"boolean"},description:"Enable hover effects on table rows",defaultValue:{value:"true",computed:!1}},compact:{required:!1,tsType:{name:"boolean"},description:"Use compact row spacing",defaultValue:{value:"false",computed:!1}},stickyHeader:{required:!1,tsType:{name:"boolean"},description:"Make table header sticky when scrolling",defaultValue:{value:"false",computed:!1}},animated:{required:!1,tsType:{name:"boolean"},description:"Enable Framer Motion animations (disable for better performance with large datasets)",defaultValue:{value:"true",computed:!1}},horizontalScroll:{required:!1,tsType:{name:"boolean"},description:"Enable horizontal scrolling for tables with many columns",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Additional CSS class for the table container",defaultValue:{value:"''",computed:!1}}}};const L=[{id:1,name:"John Doe",email:"john@example.com",age:28,active:!0,createdAt:new Date("2023-01-15")},{id:2,name:"Jane Smith",email:"jane@example.com",age:34,active:!1,createdAt:new Date("2023-02-20")},{id:3,name:"Bob Johnson",email:"bob@example.com",age:42,active:!0,createdAt:new Date("2023-03-10")},{id:4,name:"Alice Brown",email:"alice@example.com",age:26,active:!0,createdAt:new Date("2023-04-05")},{id:5,name:"Charlie Wilson",email:"charlie@example.com",age:31,active:!1,createdAt:new Date("2023-05-12")}],T=[{key:"name",header:"Name",sortable:!0,filterable:!0,width:"200px"},{key:"email",header:"Email",sortable:!0,filterable:!0,width:"250px"},{key:"age",header:"Age",sortable:!0,align:"center",width:"80px"},{key:"active",header:"Status",sortable:!0,align:"center",width:"100px"},{key:"createdAt",header:"Created",sortable:!0,width:"120px",render:s=>s.toLocaleDateString()}],vn=()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("path",{d:"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"}),a.jsx("path",{d:"m18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"})]}),Re=()=>a.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("polyline",{points:"3,6 5,6 21,6"}),a.jsx("path",{d:"m19,6v14a2,2 0 0,1 -2,2H7a2,2 0 0,1 -2,-2V6m3,0V4a2,2 0 0,1 2,-2h4a2,2 0 0,1 2,2v2"})]}),Cn=()=>a.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),a.jsx("polyline",{points:"17,8 12,3 7,8"}),a.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),$n={title:"Organisms/Table",component:kn,parameters:{layout:"padded"},argTypes:{data:{control:!1},columns:{control:!1},rowActions:{control:!1},onRowClick:{action:"row clicked"},onSelectionChange:{action:"selection changed"},searchable:{control:"boolean"},selectable:{control:"boolean"},striped:{control:"boolean"},compact:{control:"boolean"},hoverable:{control:"boolean"},stickyHeader:{control:"boolean"},animated:{control:"boolean"}}},W={args:{data:L,columns:T,title:"Users Table",searchable:!0}},R={args:{data:Array.from({length:50},(s,i)=>({id:i+1,name:`User ${i+1}`,email:`user${i+1}@example.com`,age:20+i%40,active:Math.random()>.3,createdAt:new Date(Date.now()-Math.random()*365*24*60*60*1e3)})),columns:T,title:"Paginated Table",pagination:{pageSize:10,pageSizeOptions:[5,10,20,50]},searchable:!0,selectable:!0}},q={args:{data:L,columns:T,title:"Table with Row Actions",searchable:!0,hoverable:!0,rowActions:[{icon:a.jsx(vn,{}),label:"Edit user",onClick:s=>alert(`Editing ${s.name}`),variant:"primary"},{icon:a.jsx(Re,{}),label:"Delete user",onClick:s=>alert(`Deleting ${s.name}`),variant:"danger",disabled:s=>s.active}]}},B={args:{data:L,columns:T,title:"Table with Bulk Actions",selectable:!0,searchable:!0,bulkActions:[{icon:a.jsx(Cn,{}),label:"Export Selected",onClick:s=>alert(`Exporting ${s.length} users`),variant:"success",minSelection:1},{icon:a.jsx(Re,{}),label:"Delete Selected",onClick:s=>alert(`Deleted ${s.length} users`),variant:"danger",minSelection:1,confirmMessage:s=>`Delete ${s.length} users? This cannot be undone.`}]}},V={args:{data:L,columns:[{key:"name",header:"User",sortable:!0,width:"250px",render:(s,i)=>a.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[a.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"50%",backgroundColor:"var(--color-primary)",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontWeight:"bold",fontSize:"14px"},children:String(s).charAt(0)}),a.jsxs("div",{children:[a.jsx("div",{style:{fontWeight:"600"},children:String(s)}),a.jsx("div",{style:{fontSize:"12px",opacity:"0.7"},children:String(i.email)})]})]})},{key:"active",header:"Status",sortable:!0,align:"center",width:"120px",render:s=>a.jsx("span",{style:{padding:"4px 12px",borderRadius:"20px",fontSize:"12px",fontWeight:"600",backgroundColor:s?"#dcfce7":"#fee2e2",color:s?"#166534":"#991b1b"},children:s?"Active":"Inactive"})},{key:"age",header:"Age",sortable:!0,align:"center",width:"80px"}],title:"Custom Cell Rendering",hoverable:!0}},U={args:{data:[],columns:T,title:"Empty Table",emptyMessage:"No users found. Try adding some users first."}},F={args:{data:[],columns:T,title:"Loading Table",loading:!0}},O={args:{data:L,columns:[...T,{key:"id",header:"Department",width:"150px",render:()=>"Engineering"},{key:"id",header:"Manager",width:"150px",render:()=>"John Smith"},{key:"id",header:"Location",width:"150px",render:()=>"San Francisco"},{key:"id",header:"Salary",width:"120px",render:()=>"$75,000"}],title:"Horizontally Scrollable Table",horizontalScroll:!0,searchable:!0}};var pe,he,ge;W.parameters={...W.parameters,docs:{...(pe=W.parameters)==null?void 0:pe.docs,source:{originalSource:`{
+  args: {
+    data: sampleUsers,
+    columns: userColumns,
+    title: 'Users Table',
+    searchable: true
+  }
+}`,...(ge=(he=W.parameters)==null?void 0:he.docs)==null?void 0:ge.source}}};var be,fe,xe;R.parameters={...R.parameters,docs:{...(be=R.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  args: {
+    data: Array.from({
+      length: 50
+    }, (_, i) => ({
+      id: i + 1,
+      name: \`User \${i + 1}\`,
+      email: \`user\${i + 1}@example.com\`,
+      age: 20 + i % 40,
+      active: Math.random() > 0.3,
+      createdAt: new Date(Date.now() - Math.random() * 365 * 24 * 60 * 60 * 1000)
+    })),
+    columns: userColumns,
+    title: 'Paginated Table',
+    pagination: {
+      pageSize: 10,
+      pageSizeOptions: [5, 10, 20, 50]
+    },
+    searchable: true,
+    selectable: true
+  }
+}`,...(xe=(fe=R.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var _e,ye,ke;q.parameters={...q.parameters,docs:{...(_e=q.parameters)==null?void 0:_e.docs,source:{originalSource:`{
+  args: {
+    data: sampleUsers,
+    columns: userColumns,
+    title: 'Table with Row Actions',
+    searchable: true,
+    hoverable: true,
+    rowActions: [{
+      icon: <EditIcon />,
+      label: 'Edit user',
+      onClick: user => alert(\`Editing \${(user as User).name}\`),
+      variant: 'primary'
+    }, {
+      icon: <DeleteIcon />,
+      label: 'Delete user',
+      onClick: user => alert(\`Deleting \${(user as User).name}\`),
+      variant: 'danger',
+      disabled: user => (user as User).active
+    }]
+  }
+}`,...(ke=(ye=q.parameters)==null?void 0:ye.docs)==null?void 0:ke.source}}};var ve,Ce,Se;B.parameters={...B.parameters,docs:{...(ve=B.parameters)==null?void 0:ve.docs,source:{originalSource:`{
+  args: {
+    data: sampleUsers,
+    columns: userColumns,
+    title: 'Table with Bulk Actions',
+    selectable: true,
+    searchable: true,
+    bulkActions: [{
+      icon: <ExportIcon />,
+      label: 'Export Selected',
+      onClick: items => alert(\`Exporting \${items.length} users\`),
+      variant: 'success',
+      minSelection: 1
+    }, {
+      icon: <DeleteIcon />,
+      label: 'Delete Selected',
+      onClick: items => alert(\`Deleted \${items.length} users\`),
+      variant: 'danger',
+      minSelection: 1,
+      confirmMessage: items => \`Delete \${items.length} users? This cannot be undone.\`
+    }]
+  }
+}`,...(Se=(Ce=B.parameters)==null?void 0:Ce.docs)==null?void 0:Se.source}}};var je,we,Ne;V.parameters={...V.parameters,docs:{...(je=V.parameters)==null?void 0:je.docs,source:{originalSource:`{
+  args: {
+    data: sampleUsers,
+    columns: [{
+      key: 'name',
+      header: 'User',
+      sortable: true,
+      width: '250px',
+      render: (value, item) => <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px'
+      }}>
+                        <div style={{
+          width: '32px',
+          height: '32px',
+          borderRadius: '50%',
+          backgroundColor: 'var(--color-primary)',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          color: 'white',
+          fontWeight: 'bold',
+          fontSize: '14px'
+        }}>
+                            {String(value).charAt(0)}
+                        </div>
+                        <div>
+                            <div style={{
+            fontWeight: '600'
+          }}>{String(value)}</div>
+                            <div style={{
+            fontSize: '12px',
+            opacity: '0.7'
+          }}>{String((item as User).email)}</div>
+                        </div>
+                    </div>
+    }, {
+      key: 'active',
+      header: 'Status',
+      sortable: true,
+      align: 'center',
+      width: '120px',
+      render: value => <span style={{
+        padding: '4px 12px',
+        borderRadius: '20px',
+        fontSize: '12px',
+        fontWeight: '600',
+        backgroundColor: value ? '#dcfce7' : '#fee2e2',
+        color: value ? '#166534' : '#991b1b'
+      }}>
+                        {value ? 'Active' : 'Inactive'}
+                    </span>
+    }, {
+      key: 'age',
+      header: 'Age',
+      sortable: true,
+      align: 'center',
+      width: '80px'
+    }],
+    title: 'Custom Cell Rendering',
+    hoverable: true
+  }
+}`,...(Ne=(we=V.parameters)==null?void 0:we.docs)==null?void 0:Ne.source}}};var Te,$e,ze;U.parameters={...U.parameters,docs:{...(Te=U.parameters)==null?void 0:Te.docs,source:{originalSource:`{
+  args: {
+    data: [],
+    columns: userColumns,
+    title: 'Empty Table',
+    emptyMessage: 'No users found. Try adding some users first.'
+  }
+}`,...(ze=($e=U.parameters)==null?void 0:$e.docs)==null?void 0:ze.source}}};var De,Ie,Ae;F.parameters={...F.parameters,docs:{...(De=F.parameters)==null?void 0:De.docs,source:{originalSource:`{
+  args: {
+    data: [],
+    columns: userColumns,
+    title: 'Loading Table',
+    loading: true
+  }
+}`,...(Ae=(Ie=F.parameters)==null?void 0:Ie.docs)==null?void 0:Ae.source}}};var Me,Ee,Le;O.parameters={...O.parameters,docs:{...(Me=O.parameters)==null?void 0:Me.docs,source:{originalSource:`{
+  args: {
+    data: sampleUsers,
+    columns: [...userColumns, {
+      key: 'id',
+      header: 'Department',
+      width: '150px',
+      render: () => 'Engineering'
+    }, {
+      key: 'id',
+      header: 'Manager',
+      width: '150px',
+      render: () => 'John Smith'
+    }, {
+      key: 'id',
+      header: 'Location',
+      width: '150px',
+      render: () => 'San Francisco'
+    }, {
+      key: 'id',
+      header: 'Salary',
+      width: '120px',
+      render: () => '$75,000'
+    }],
+    title: 'Horizontally Scrollable Table',
+    horizontalScroll: true,
+    searchable: true
+  }
+}`,...(Le=(Ee=O.parameters)==null?void 0:Ee.docs)==null?void 0:Le.source}}};const zn=["Default","WithPagination","WithRowActions","WithBulkActions","CustomRendering","EmptyState","LoadingState","HorizontalScrolling"];export{V as CustomRendering,W as Default,U as EmptyState,O as HorizontalScrolling,F as LoadingState,B as WithBulkActions,R as WithPagination,q as WithRowActions,zn as __namedExportsOrder,$n as default};

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

@@ -0,0 +1 @@
+._tabs_jgahw_1{display:inline-flex;gap:0;padding:0;background:transparent;position:relative}._tabs_jgahw_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_jgahw_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_jgahw_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_jgahw_1:hover{color:var(--color-text);opacity:1;transform:translateY(-2px)}._tab_jgahw_1:hover:before{width:30%}._tab_jgahw_1[data-active=true]:before{width:100%}._activeTabBackground_jgahw_70{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}._tab_jgahw_1[data-active=true]{color:var(--color-primary);opacity:1;transform:translateY(-2px)}._tabIcon_jgahw_83{width:18px;height:18px;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}._tab_jgahw_1:hover ._tabIcon_jgahw_83{transform:rotate(5deg) scale(1.1)}._tab_jgahw_1[data-active=true] ._tabIcon_jgahw_83{transform:rotate(0) scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb),.3))}._tab_jgahw_1:active{transform:translateY(0)}._tab_jgahw_1:active ._tabIcon_jgahw_83{transform:scale(.95)}