@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/StaggeredMenu.stories-Bq5nvfqE.js

@@ -0,0 +1,45 @@
+import{r as s,R as le,j as r}from"./iframe-2N7rjfXm.js";import{g as l}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const a={"staggered-menu-wrapper":"_staggered-menu-wrapper_rbage_1","staggered-menu-header":"_staggered-menu-header_rbage_19","sm-logo":"_sm-logo_rbage_37","sm-logo-img":"_sm-logo-img_rbage_43","sm-toggle":"_sm-toggle_rbage_50","sm-toggle-textWrap":"_sm-toggle-textWrap_rbage_74","sm-toggle-textInner":"_sm-toggle-textInner_rbage_84","sm-toggle-line":"_sm-toggle-line_rbage_90","sm-icon":"_sm-icon_rbage_96","sm-panel-itemWrap":"_sm-panel-itemWrap_rbage_107","sm-icon-line":"_sm-icon-line_rbage_113","staggered-menu-panel":"_staggered-menu-panel_rbage_129","sm-prelayers":"_sm-prelayers_rbage_151","sm-prelayer":"_sm-prelayer_rbage_151","sm-panel-inner":"_sm-panel-inner_rbage_175","sm-socials":"_sm-socials_rbage_182","sm-socials-title":"_sm-socials-title_rbage_190","sm-socials-list":"_sm-socials-list_rbage_197","sm-socials-link":"_sm-socials-link_rbage_208","sm-panel-list":"_sm-panel-list_rbage_258","sm-panel-item":"_sm-panel-item_rbage_107","sm-panel-itemLabel":"_sm-panel-itemLabel_rbage_302"},oe=({position:k="right",colors:P=["#B19EEF","#5227FF"],items:T=[],socialItems:V=[],displaySocials:ce=!0,displayItemNumbering:ue=!0,className:D,logoUrl:me="/src/assets/logos/reactbits-gh-white.svg",menuButtonColor:b="#fff",openMenuButtonColor:v="#fff",accentColor:G="#5227FF",changeMenuColorOnOpen:L=!0,isFixed:fe=!1,closeOnClickAway:U=!0,onMenuOpen:N,onMenuClose:h})=>{const[y,z]=s.useState(!1),R=s.useRef(!1),_=s.useRef(null),J=s.useRef(null),I=s.useRef([]),K=s.useRef(null),Q=s.useRef(null),W=s.useRef(null),H=s.useRef(null),pe=s.useRef(null),[ge,de]=s.useState(["Menu","Close"]),S=s.useRef(null),w=s.useRef(null),O=s.useRef(null),X=s.useRef(null),Y=s.useRef(null),p=s.useRef(null),j=s.useRef(!1),Z=s.useRef(null);s.useLayoutEffect(()=>{const e=l.context(()=>{const t=_.current,n=J.current,o=K.current,m=Q.current,i=W.current,c=H.current;if(!t||!o||!m||!i||!c)return;let f=[];n&&(f=Array.from(n.querySelectorAll(".sm-prelayer"))),I.current=f;const u=k==="left"?-100:100;l.set([t,...f],{xPercent:u}),l.set(o,{transformOrigin:"50% 50%",rotate:0}),l.set(m,{transformOrigin:"50% 50%",rotate:90}),l.set(i,{rotate:0,transformOrigin:"50% 50%"}),l.set(c,{yPercent:0}),p.current&&l.set(p.current,{color:b})});return()=>e.revert()},[b,k]);const M=s.useCallback(()=>{var ae,se;const e=_.current,t=I.current;if(!e)return null;(ae=S.current)==null||ae.kill(),w.current&&(w.current.kill(),w.current=null),(se=Z.current)==null||se.kill();const n=Array.from(e.querySelectorAll(".sm-panel-itemLabel")),o=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item")),m=e.querySelector(".sm-socials-title"),i=Array.from(e.querySelectorAll(".sm-socials-link")),c=t.map(d=>({el:d,start:Number(l.getProperty(d,"xPercent"))})),f=Number(l.getProperty(e,"xPercent"));n.length&&l.set(n,{yPercent:140,rotate:10}),o.length&&l.set(o,{"--sm-num-opacity":0}),m&&l.set(m,{opacity:0}),i.length&&l.set(i,{y:25,opacity:0});const u=l.timeline({paused:!0});c.forEach((d,A)=>{u.fromTo(d.el,{xPercent:d.start},{xPercent:0,duration:.5,ease:"power4.out"},A*.07)});const g=(c.length?(c.length-1)*.07:0)+(c.length?.08:0),B=.65;if(u.fromTo(e,{xPercent:f},{xPercent:0,duration:B,ease:"power4.out"},g),n.length){const A=g+B*.15;u.to(n,{yPercent:0,rotate:0,duration:1,ease:"power4.out",stagger:{each:.1,from:"start"}},A),o.length&&u.to(o,{duration:.6,ease:"power2.out","--sm-num-opacity":1,stagger:{each:.08,from:"start"}},A+.1)}if(m||i.length){const d=g+B*.4;m&&u.to(m,{opacity:1,duration:.5,ease:"power2.out"},d),i.length&&u.to(i,{y:0,opacity:1,duration:.55,ease:"power3.out",stagger:{each:.08,from:"start"},onComplete:()=>{l.set(i,{clearProps:"opacity"})}},d+.04)}return S.current=u,u},[]),ee=s.useCallback(()=>{if(j.current)return;j.current=!0;const e=M();e?(e.eventCallback("onComplete",()=>{j.current=!1}),e.play(0)):j.current=!1},[M]),$=s.useCallback(()=>{var m,i,c;(m=S.current)==null||m.kill(),S.current=null,(i=Z.current)==null||i.kill();const e=_.current,t=I.current;if(!e)return;const n=[...t,e];(c=w.current)==null||c.kill();const o=k==="left"?-100:100;w.current=l.to(n,{xPercent:o,duration:.32,ease:"power3.in",overwrite:"auto",onComplete:()=>{const f=Array.from(e.querySelectorAll(".sm-panel-itemLabel"));f.length&&l.set(f,{yPercent:140,rotate:10});const u=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item"));u.length&&l.set(u,{"--sm-num-opacity":0});const x=e.querySelector(".sm-socials-title"),g=Array.from(e.querySelectorAll(".sm-socials-link"));x&&l.set(x,{opacity:0}),g.length&&l.set(g,{y:25,opacity:0}),j.current=!1}})},[k]),q=s.useCallback(e=>{var n;const t=W.current;t&&((n=O.current)==null||n.kill(),e?O.current=l.to(t,{rotate:225,duration:.8,ease:"power4.out",overwrite:"auto"}):O.current=l.to(t,{rotate:0,duration:.35,ease:"power3.inOut",overwrite:"auto"}))},[]),E=s.useCallback(e=>{var n;const t=p.current;if(t)if((n=Y.current)==null||n.kill(),L){const o=e?v:b;Y.current=l.to(t,{color:o,delay:.18,duration:.3,ease:"power2.out"})}else l.set(t,{color:b})},[v,b,L]);le.useEffect(()=>{if(p.current)if(L){const e=R.current?v:b;l.set(p.current,{color:e})}else l.set(p.current,{color:b})},[L,b,v]);const F=s.useCallback(e=>{var x;const t=H.current;if(!t)return;(x=X.current)==null||x.kill();const n=e?"Menu":"Close",o=e?"Close":"Menu",m=3,i=[n];let c=n;for(let g=0;g<m;g++)c=c==="Menu"?"Close":"Menu",i.push(c);c!==o&&i.push(o),i.push(o),de(i),l.set(t,{yPercent:0});const f=i.length,u=(f-1)/f*100;X.current=l.to(t,{yPercent:-u,duration:.5+f*.07,ease:"power4.out"})},[]),be=s.useCallback(()=>{const e=!R.current;R.current=e,z(e),e?(N==null||N(),ee()):(h==null||h(),$()),q(e),E(e),F(e)},[ee,$,q,E,F,N,h]),te=s.useCallback(()=>{R.current&&(R.current=!1,z(!1),h==null||h(),$(),q(!1),E(!1),F(!1))},[$,q,E,F,h]);return le.useEffect(()=>{if(!U||!y)return;const e=t=>{_.current&&!_.current.contains(t.target)&&p.current&&!p.current.contains(t.target)&&te()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[U,y,te]),r.jsxs("div",{className:(D?D+" ":"")+a["staggered-menu-wrapper"]+(fe?" fixed-wrapper":""),style:G?{"--sm-accent":G}:void 0,"data-position":k,"data-open":y||void 0,children:[r.jsx("div",{ref:J,className:`${a["sm-prelayers"]}`,"aria-hidden":"true",children:(()=>{let t=[...P&&P.length?P.slice(0,4):["#1e1e22","#35353c"]];if(t.length>=3){const n=Math.floor(t.length/2);t.splice(n,1)}return t.map((n,o)=>r.jsx("div",{className:`${a["sm-prelayer"]}`,style:{background:n}},o))})()}),r.jsxs("header",{className:`${a["staggered-menu-header"]}`,"aria-label":"Main navigation header",children:[r.jsx("div",{className:`${a["sm-logo"]}`,"aria-label":"Logo",children:r.jsx("img",{src:me||"/src/assets/logos/reactbits-gh-white.svg",alt:"Logo",className:`${a["sm-logo-img"]}`,draggable:!1,width:110,height:24})}),r.jsxs("button",{ref:p,className:`${a["sm-toggle"]}`,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":a["staggered-menu-panel"],onClick:be,type:"button",children:[r.jsx("span",{ref:pe,className:`${a["sm-toggle-textWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{ref:H,className:`${a["sm-toggle-textInner"]}`,children:ge.map((e,t)=>r.jsx("span",{className:`${a["sm-toggle-line"]}`,children:e},t))})}),r.jsxs("span",{ref:W,className:`${a["sm-icon"]}`,"aria-hidden":"true",children:[r.jsx("span",{ref:K,className:`${a["sm-icon-line"]}`}),r.jsx("span",{ref:Q,className:`${a["sm-icon-line"]} ${a["sm-icon-line"]}-v`})]})]})]}),r.jsx("aside",{id:a["staggered-menu-panel"],ref:_,className:`${a["staggered-menu-panel"]}`,"aria-hidden":!y,children:r.jsxs("div",{className:`${a["sm-panel-inner"]}`,children:[r.jsx("ul",{className:`${a["sm-panel-list"]}`,role:"list","data-numbering":ue||void 0,children:T&&T.length?T.map((e,t)=>r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,children:r.jsx("a",{className:`${a["sm-panel-item"]}`,href:e.link,"aria-label":e.ariaLabel,"data-index":t+1,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:e.label})})},e.label+t)):r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{className:`${a["sm-panel-item"]}`,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:"No items"})})})}),ce&&V&&V.length>0&&r.jsxs("div",{className:`${a["sm-socials"]}`,"aria-label":"Social links",children:[r.jsx("h3",{className:`${a["sm-socials-title"]}`,children:"Socials"}),r.jsx("ul",{className:`${a["sm-socials-list"]}`,role:"list",children:V.map((e,t)=>r.jsx("li",{className:"sm-socials-item",children:r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:`${a["sm-socials-link"]}`,children:e.label})},e.label+t))})]})]})})]})};oe.__docgenInfo={description:"",methods:[],displayName:"StaggeredMenu",props:{position:{defaultValue:{value:"'right'",computed:!1},required:!1},colors:{defaultValue:{value:"['#B19EEF', '#5227FF']",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},socialItems:{defaultValue:{value:"[]",computed:!1},required:!1},displaySocials:{defaultValue:{value:"true",computed:!1},required:!1},displayItemNumbering:{defaultValue:{value:"true",computed:!1},required:!1},logoUrl:{defaultValue:{value:"'/src/assets/logos/reactbits-gh-white.svg'",computed:!1},required:!1},menuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},openMenuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},accentColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},changeMenuColorOnOpen:{defaultValue:{value:"true",computed:!1},required:!1},isFixed:{defaultValue:{value:"false",computed:!1},required:!1},closeOnClickAway:{defaultValue:{value:"true",computed:!1},required:!1}}};const xe={title:"ReactBits/Components/StaggeredMenu",component:oe,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{position:"right",colors:["#B19EEF","#5227FF"],items:[{label:"Home",link:"#",ariaLabel:"Home"},{label:"About",link:"#about",ariaLabel:"About"},{label:"Projects",link:"#projects",ariaLabel:"Projects"},{label:"Blog",link:"#blog",ariaLabel:"Blog"},{label:"Contact",link:"#contact",ariaLabel:"Contact"}],socialItems:[{label:"Twitter",link:"https://twitter.com"},{label:"GitHub",link:"https://github.com"},{label:"LinkedIn",link:"https://linkedin.com"}],displaySocials:!0,displayItemNumbering:!0,menuButtonColor:"#fff",openMenuButtonColor:"#fff",accentColor:"#5227FF",changeMenuColorOnOpen:!0,isFixed:!1,closeOnClickAway:!0}};var re,ne,ie;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  args: {
+    position: 'right',
+    colors: ['#B19EEF', '#5227FF'],
+    items: [{
+      label: 'Home',
+      link: '#',
+      ariaLabel: 'Home'
+    }, {
+      label: 'About',
+      link: '#about',
+      ariaLabel: 'About'
+    }, {
+      label: 'Projects',
+      link: '#projects',
+      ariaLabel: 'Projects'
+    }, {
+      label: 'Blog',
+      link: '#blog',
+      ariaLabel: 'Blog'
+    }, {
+      label: 'Contact',
+      link: '#contact',
+      ariaLabel: 'Contact'
+    }],
+    socialItems: [{
+      label: 'Twitter',
+      link: 'https://twitter.com'
+    }, {
+      label: 'GitHub',
+      link: 'https://github.com'
+    }, {
+      label: 'LinkedIn',
+      link: 'https://linkedin.com'
+    }],
+    displaySocials: true,
+    displayItemNumbering: true,
+    menuButtonColor: '#fff',
+    openMenuButtonColor: '#fff',
+    accentColor: '#5227FF',
+    changeMenuColorOnOpen: true,
+    isFixed: false,
+    closeOnClickAway: true
+  }
+}`,...(ie=(ne=C.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};const ke=["Default"];export{C as Default,ke as __namedExportsOrder,xe as default};

package/storybook-static/assets/StarBorder-isNlSycS.css

@@ -0,0 +1 @@
+._star-border-container_xk50o_1{display:inline-block;position:relative;border-radius:20px;overflow:hidden}._border-gradient-bottom_xk50o_8{position:absolute;width:300%;height:50%;opacity:.7;bottom:-12px;right:-250%;border-radius:50%;animation-name:_star-movement-bottom_xk50o_1;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;z-index:0}._border-gradient-top_xk50o_23{position:absolute;opacity:.7;width:300%;height:50%;top:-12px;left:-250%;border-radius:50%;animation-name:_star-movement-top_xk50o_1;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;z-index:0}._inner-content_xk50o_38{position:relative;border:1px solid #222;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes _star-movement-bottom_xk50o_1{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes _star-movement-top_xk50o_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}

package/storybook-static/assets/StarBorder.stories-CAGKcU-0.js

@@ -0,0 +1,9 @@
+import{j as e}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const r={"star-border-container":"_star-border-container_xk50o_1","border-gradient-bottom":"_border-gradient-bottom_xk50o_8","border-gradient-top":"_border-gradient-top_xk50o_23","inner-content":"_inner-content_xk50o_38"},i=({as:c="button",className:u="",color:a="white",speed:o="6s",thickness:m=1,children:p,...s})=>e.jsxs(c,{className:`${r["star-border-container"]} ${u}`,style:{padding:`${m}px 0`,...s.style},...s,children:[e.jsx("div",{className:`${r["border-gradient-bottom"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["border-gradient-top"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["inner-content"]}`,children:p})]});i.__docgenInfo={description:"",methods:[],displayName:"StarBorder",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'white'",computed:!1},required:!1},speed:{defaultValue:{value:"'6s'",computed:!1},required:!1},thickness:{defaultValue:{value:"1",computed:!1},required:!1}}};const g={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{as:"button",color:"white",speed:"6s",thickness:1,children:"Hello World"}};var n,d,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  args: {
+    as: 'button',
+    color: 'white',
+    speed: '6s',
+    thickness: 1,
+    children: 'Hello World'
+  }
+}`,...(l=(d=t.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const _=["Default"];export{t as Default,_ as __namedExportsOrder,g as default};

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

@@ -0,0 +1,285 @@
+import{r as k,j as U}from"./iframe-2N7rjfXm.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))}