@stfrigerio/sito-template 0.1.57 → 0.1.59

package/storybook-static/assets/{Slider.stories-C8eUZ7Ne.js → Slider.stories-DQYlBjGq.js}

@@ -1,4 +1,4 @@
-import{r as C,j as i}from"./iframe-B8pH-Lvr.js";import{S as F}from"./Slider-3iog5_du.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Bk2W5gkV.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.js";import"./index-DBfrIdYd.js";const D={title:"Atoms/Slider",component:F,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},config:{control:"object"}},tags:["autodocs"]},n=e=>{const[r,V]=C.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(F,{...e,value:r,onChange:V})})},o={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},a={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{min:0,max:100,value:30,label:"Custom Colors",showValue:!0,config:{colors:{fill:"#e91e63",thumb:"#e91e63",text:"#e91e63"}}}};var u,c,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
+import{r as C,j as i}from"./iframe-Cw8dCV4Z.js";import{S as F}from"./Slider-CI9mXQSu.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-D23BsIr4.js";import"./proxy-p8L3T_Zy.js";import"./MotionConfigContext-BCa1jVYq.js";import"./index-CzApopWo.js";const D={title:"Atoms/Slider",component:F,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},config:{control:"object"}}},n=e=>{const[r,V]=C.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(F,{...e,value:r,onChange:V})})},o={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},a={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{min:0,max:100,value:30,label:"Custom Colors",showValue:!0,config:{colors:{fill:"#e91e63",thumb:"#e91e63",text:"#e91e63"}}}};var u,c,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
   render: InteractiveSlider,
   args: {
     min: 0,

package/storybook-static/assets/{SoftAurora.stories--Rcyqxiu.js → SoftAurora.stories-ubq_KV8Q.js}

@@ -1,4 +1,4 @@
-import{r as E,j as D}from"./iframe-B8pH-Lvr.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
+import{r as E,j as D}from"./iframe-Cw8dCV4Z.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
 attribute vec2 uv;
 attribute vec2 position;
 varying vec2 vUv;
@@ -127,7 +127,7 @@ void main() {
   float alpha = clamp(length(col), 0.0, 1.0);
   gl_FragColor = vec4(col, alpha);
 }
-`;function R({speed:r=.6,scale:t=1.5,brightness:p=1,color1:h="#f7f7f7",color2:x="#e100ff",noiseFrequency:y=2.5,noiseAmplitude:g=1,bandHeight:z=.5,bandSpread:q=1,octaveDecay:S=.1,layerOffset:M=0,colorSpeed:C=1,enableMouseInteraction:l=!0,mouseInfluence:V=.25}){const i=E.useRef(null);return E.useEffect(()=>{if(!i.current)return;const f=i.current,d=new I({alpha:!0,premultipliedAlpha:!1}),e=d.gl;e.clearColor(0,0,0,0);let a,u=[.5,.5],n=[.5,.5];function w(o){const s=e.canvas.getBoundingClientRect();n=[(o.clientX-s.left)/s.width,1-(o.clientY-s.top)/s.height]}function A(){n=[.5,.5]}function v(){d.setSize(f.offsetWidth,f.offsetHeight),a&&(a.uniforms.uResolution.value=[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])}window.addEventListener("resize",v),v();const T=new G(e);a=new O(e,{vertex:U,fragment:j,uniforms:{uTime:{value:0},uResolution:{value:[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height]},uSpeed:{value:r},uScale:{value:t},uBrightness:{value:p},uColor1:{value:H(h)},uColor2:{value:H(x)},uNoiseFreq:{value:y},uNoiseAmp:{value:g},uBandHeight:{value:z},uBandSpread:{value:q},uOctaveDecay:{value:S},uLayerOffset:{value:M},uColorSpeed:{value:C},uMouse:{value:new Float32Array([.5,.5])},uMouseInfluence:{value:V},uEnableMouse:{value:l}}});const L=new N(e,{geometry:T,program:a});f.appendChild(e.canvas),l&&(e.canvas.addEventListener("mousemove",w),e.canvas.addEventListener("mouseleave",A));let m;function B(o){m=requestAnimationFrame(B),a.uniforms.uTime.value=o*.001,l?(u[0]+=.05*(n[0]-u[0]),u[1]+=.05*(n[1]-u[1]),a.uniforms.uMouse.value[0]=u[0],a.uniforms.uMouse.value[1]=u[1]):(a.uniforms.uMouse.value[0]=.5,a.uniforms.uMouse.value[1]=.5),d.render({scene:L})}return m=requestAnimationFrame(B),()=>{var o;cancelAnimationFrame(m),window.removeEventListener("resize",v),l&&(e.canvas.removeEventListener("mousemove",w),e.canvas.removeEventListener("mouseleave",A)),f.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[r,t,p,h,x,y,g,z,q,S,M,C,l,V]),D.jsx("div",{ref:i,className:`${P["soft-aurora-container"]}`})}R.__docgenInfo={description:"",methods:[],displayName:"SoftAurora",props:{speed:{defaultValue:{value:"0.6",computed:!1},required:!1},scale:{defaultValue:{value:"1.5",computed:!1},required:!1},brightness:{defaultValue:{value:"1.0",computed:!1},required:!1},color1:{defaultValue:{value:"'#f7f7f7'",computed:!1},required:!1},color2:{defaultValue:{value:"'#e100ff'",computed:!1},required:!1},noiseFrequency:{defaultValue:{value:"2.5",computed:!1},required:!1},noiseAmplitude:{defaultValue:{value:"1.0",computed:!1},required:!1},bandHeight:{defaultValue:{value:"0.5",computed:!1},required:!1},bandSpread:{defaultValue:{value:"1.0",computed:!1},required:!1},octaveDecay:{defaultValue:{value:"0.1",computed:!1},required:!1},layerOffset:{defaultValue:{value:"0",computed:!1},required:!1},colorSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"0.25",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/SoftAurora",component:R,parameters:{layout:"fullscreen"},tags:["autodocs"]},c={args:{speed:.6,scale:1.5,brightness:1,color1:"#f7f7f7",color2:"#e100ff",noiseFrequency:2.5,noiseAmplitude:1,bandHeight:.5,bandSpread:1,octaveDecay:.1,layerOffset:0,colorSpeed:1,enableMouseInteraction:!0,mouseInfluence:.25}};var b,F,_;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{
+`;function R({speed:r=.6,scale:t=1.5,brightness:p=1,color1:h="#f7f7f7",color2:x="#e100ff",noiseFrequency:y=2.5,noiseAmplitude:g=1,bandHeight:z=.5,bandSpread:q=1,octaveDecay:S=.1,layerOffset:M=0,colorSpeed:C=1,enableMouseInteraction:l=!0,mouseInfluence:V=.25}){const i=E.useRef(null);return E.useEffect(()=>{if(!i.current)return;const f=i.current,d=new I({alpha:!0,premultipliedAlpha:!1}),e=d.gl;e.clearColor(0,0,0,0);let a,u=[.5,.5],n=[.5,.5];function w(o){const s=e.canvas.getBoundingClientRect();n=[(o.clientX-s.left)/s.width,1-(o.clientY-s.top)/s.height]}function A(){n=[.5,.5]}function v(){d.setSize(f.offsetWidth,f.offsetHeight),a&&(a.uniforms.uResolution.value=[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])}window.addEventListener("resize",v),v();const T=new G(e);a=new O(e,{vertex:U,fragment:j,uniforms:{uTime:{value:0},uResolution:{value:[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height]},uSpeed:{value:r},uScale:{value:t},uBrightness:{value:p},uColor1:{value:H(h)},uColor2:{value:H(x)},uNoiseFreq:{value:y},uNoiseAmp:{value:g},uBandHeight:{value:z},uBandSpread:{value:q},uOctaveDecay:{value:S},uLayerOffset:{value:M},uColorSpeed:{value:C},uMouse:{value:new Float32Array([.5,.5])},uMouseInfluence:{value:V},uEnableMouse:{value:l}}});const L=new N(e,{geometry:T,program:a});f.appendChild(e.canvas),l&&(e.canvas.addEventListener("mousemove",w),e.canvas.addEventListener("mouseleave",A));let m;function B(o){m=requestAnimationFrame(B),a.uniforms.uTime.value=o*.001,l?(u[0]+=.05*(n[0]-u[0]),u[1]+=.05*(n[1]-u[1]),a.uniforms.uMouse.value[0]=u[0],a.uniforms.uMouse.value[1]=u[1]):(a.uniforms.uMouse.value[0]=.5,a.uniforms.uMouse.value[1]=.5),d.render({scene:L})}return m=requestAnimationFrame(B),()=>{var o;cancelAnimationFrame(m),window.removeEventListener("resize",v),l&&(e.canvas.removeEventListener("mousemove",w),e.canvas.removeEventListener("mouseleave",A)),f.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[r,t,p,h,x,y,g,z,q,S,M,C,l,V]),D.jsx("div",{ref:i,className:`${P["soft-aurora-container"]}`})}R.__docgenInfo={description:"",methods:[],displayName:"SoftAurora",props:{speed:{defaultValue:{value:"0.6",computed:!1},required:!1},scale:{defaultValue:{value:"1.5",computed:!1},required:!1},brightness:{defaultValue:{value:"1.0",computed:!1},required:!1},color1:{defaultValue:{value:"'#f7f7f7'",computed:!1},required:!1},color2:{defaultValue:{value:"'#e100ff'",computed:!1},required:!1},noiseFrequency:{defaultValue:{value:"2.5",computed:!1},required:!1},noiseAmplitude:{defaultValue:{value:"1.0",computed:!1},required:!1},bandHeight:{defaultValue:{value:"0.5",computed:!1},required:!1},bandSpread:{defaultValue:{value:"1.0",computed:!1},required:!1},octaveDecay:{defaultValue:{value:"0.1",computed:!1},required:!1},layerOffset:{defaultValue:{value:"0",computed:!1},required:!1},colorSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"0.25",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/SoftAurora",component:R,parameters:{layout:"fullscreen"}},c={args:{speed:.6,scale:1.5,brightness:1,color1:"#f7f7f7",color2:"#e100ff",noiseFrequency:2.5,noiseAmplitude:1,bandHeight:.5,bandSpread:1,octaveDecay:.1,layerOffset:0,colorSpeed:1,enableMouseInteraction:!0,mouseInfluence:.25}};var b,F,_;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{
   args: {
     speed: 0.6,
     scale: 1.5,

package/storybook-static/assets/{SoundDemo.stories-DvhKS2Fi.js → SoundDemo.stories-Cie-leKw.js}

@@ -1,3 +1,3 @@
-import{j as e,r as s,R as d}from"./iframe-B8pH-Lvr.js";import{B as t}from"./Button-CQGdvhpN.js";import{C as c}from"./Checkbox-Dw8W2w74.js";import{T}from"./TextInput-CLyTHgK9.js";import{T as w}from"./Toggle-BntWdyUe.js";import{S as E}from"./Slider-3iog5_du.js";import{s as n}from"./useSound-Bk2W5gkV.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.js";import"./index-DBfrIdYd.js";const x=()=>{const[r,g]=s.useState(!0),[i,p]=s.useState(.5),[l,j]=s.useState("digital"),[v,y]=s.useState(!1),[S,f]=s.useState(!1),[C,k]=s.useState(""),[b,B]=s.useState(50);return d.useEffect(()=>{n.setEnabled(r)},[r]),d.useEffect(()=>{n.setVolume(i)},[i]),d.useEffect(()=>{n.setSoundPack(l)},[l]),e.jsxs("div",{style:{padding:"2rem",maxWidth:"800px",margin:"0 auto"},children:[e.jsx("h1",{children:"🎵 Sound System Demo"}),e.jsxs("div",{style:{padding:"1.5rem",background:"#f5f5f5",borderRadius:"8px",marginBottom:"2rem"},children:[e.jsx("h2",{children:"Sound Controls"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(c,{checked:r,onChange:g,label:"Enable Sounds"})}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsxs("label",{children:["Volume: ",Math.round(i*100),"%"]}),e.jsx("input",{type:"range",min:"0",max:"100",value:i*100,onChange:a=>p(Number(a.target.value)/100),style:{width:"100%",marginTop:"0.5rem"}})]}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsx("label",{children:"Sound Pack: "}),e.jsxs("select",{value:l,onChange:a=>j(a.target.value),style:{marginLeft:"0.5rem",padding:"0.25rem"},children:[e.jsx("option",{value:"digital",children:"🔊 Digital (Clean & Modern)"}),e.jsx("option",{value:"fantasy",children:"🧙 Fantasy (Magical & Mystical)"}),e.jsx("option",{value:"retro",children:"🎮 Retro (8-bit Gaming)"}),e.jsx("option",{value:"minimal",children:"⚪ Minimal (Subtle & Simple)"}),e.jsx("option",{value:"mechanical",children:"⚙️ Mechanical (Industrial)"})]})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Test Individual Sounds"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx(t,{variant:"primary",size:"small",onClick:()=>n.play("click"),children:"Click Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("hover"),children:"Hover Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("success"),children:"Success Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("error"),children:"Error Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("warning"),children:"Warning Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("toggle"),children:"Toggle Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("type"),children:"Type Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("delete"),children:"Delete Sound"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Special Effects"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",onClick:()=>n.celebration(),children:"🎉 Celebration"}),e.jsx(t,{variant:"secondary",onClick:()=>n.milestone(),children:"⭐ Milestone"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Components with Sound Integration"}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Button with Sounds"}),e.jsx(t,{variant:"primary",soundConfig:{onClick:!0,onHover:!0},children:"Interactive Button (hover, click)"})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Checkbox with Sound"}),e.jsx(c,{checked:v,onChange:y,label:"Check me!",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Toggle with Sound"}),e.jsx(w,{isOn:S,onToggle:f,leftLabel:"Off",rightLabel:"On",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Input with Sound"}),e.jsx(T,{label:"Type something",value:C,onChange:k,placeholder:"Type to hear typing sounds",enableTypingSounds:!0})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Slider with Sound"}),e.jsx(E,{value:b,onChange:B,min:0,max:100,label:"Adjust me",soundConfig:{onClick:!0}})]})]}),e.jsxs("div",{style:{padding:"1rem",background:"#e8f4f8",borderRadius:"8px",fontSize:"0.9rem"},children:[e.jsx("h3",{children:"ℹ️ How to Use"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Enable sounds using the checkbox above"}),e.jsx("li",{children:"Adjust volume with the slider"}),e.jsx("li",{children:"Click the test buttons to hear individual sounds"}),e.jsx("li",{children:"Interact with the components below to hear sounds in context"}),e.jsx("li",{children:"Note: AudioContext requires user interaction to start (click any button first)"})]})]})]})},L={title:"Atoms/SoundDemo",component:x,parameters:{layout:"fullscreen",docs:{description:{component:"Interactive demo for testing the sound system with Web Audio API"}}}},o={render:()=>e.jsx(x,{})};var m,u,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
+import{j as e,r as s,R as d}from"./iframe-Cw8dCV4Z.js";import{B as t}from"./Button-DgpqJWgD.js";import{C as c}from"./Checkbox-Duyafa-Y.js";import{T}from"./TextInput-CLgIGUn3.js";import{T as w}from"./Toggle-CTTN-13k.js";import{S as E}from"./Slider-CI9mXQSu.js";import{s as n}from"./useSound-D23BsIr4.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-p8L3T_Zy.js";import"./MotionConfigContext-BCa1jVYq.js";import"./index-CzApopWo.js";const x=()=>{const[r,g]=s.useState(!0),[i,p]=s.useState(.5),[l,j]=s.useState("digital"),[v,y]=s.useState(!1),[S,f]=s.useState(!1),[C,k]=s.useState(""),[b,B]=s.useState(50);return d.useEffect(()=>{n.setEnabled(r)},[r]),d.useEffect(()=>{n.setVolume(i)},[i]),d.useEffect(()=>{n.setSoundPack(l)},[l]),e.jsxs("div",{style:{padding:"2rem",maxWidth:"800px",margin:"0 auto"},children:[e.jsx("h1",{children:"🎵 Sound System Demo"}),e.jsxs("div",{style:{padding:"1.5rem",background:"#f5f5f5",borderRadius:"8px",marginBottom:"2rem"},children:[e.jsx("h2",{children:"Sound Controls"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(c,{checked:r,onChange:g,label:"Enable Sounds"})}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsxs("label",{children:["Volume: ",Math.round(i*100),"%"]}),e.jsx("input",{type:"range",min:"0",max:"100",value:i*100,onChange:a=>p(Number(a.target.value)/100),style:{width:"100%",marginTop:"0.5rem"}})]}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsx("label",{children:"Sound Pack: "}),e.jsxs("select",{value:l,onChange:a=>j(a.target.value),style:{marginLeft:"0.5rem",padding:"0.25rem"},children:[e.jsx("option",{value:"digital",children:"🔊 Digital (Clean & Modern)"}),e.jsx("option",{value:"fantasy",children:"🧙 Fantasy (Magical & Mystical)"}),e.jsx("option",{value:"retro",children:"🎮 Retro (8-bit Gaming)"}),e.jsx("option",{value:"minimal",children:"⚪ Minimal (Subtle & Simple)"}),e.jsx("option",{value:"mechanical",children:"⚙️ Mechanical (Industrial)"})]})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Test Individual Sounds"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx(t,{variant:"primary",size:"small",onClick:()=>n.play("click"),children:"Click Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("hover"),children:"Hover Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("success"),children:"Success Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("error"),children:"Error Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("warning"),children:"Warning Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("toggle"),children:"Toggle Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("type"),children:"Type Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("delete"),children:"Delete Sound"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Special Effects"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",onClick:()=>n.celebration(),children:"🎉 Celebration"}),e.jsx(t,{variant:"secondary",onClick:()=>n.milestone(),children:"⭐ Milestone"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Components with Sound Integration"}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Button with Sounds"}),e.jsx(t,{variant:"primary",soundConfig:{onClick:!0,onHover:!0},children:"Interactive Button (hover, click)"})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Checkbox with Sound"}),e.jsx(c,{checked:v,onChange:y,label:"Check me!",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Toggle with Sound"}),e.jsx(w,{isOn:S,onToggle:f,leftLabel:"Off",rightLabel:"On",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Input with Sound"}),e.jsx(T,{label:"Type something",value:C,onChange:k,placeholder:"Type to hear typing sounds",enableTypingSounds:!0})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Slider with Sound"}),e.jsx(E,{value:b,onChange:B,min:0,max:100,label:"Adjust me",soundConfig:{onClick:!0}})]})]}),e.jsxs("div",{style:{padding:"1rem",background:"#e8f4f8",borderRadius:"8px",fontSize:"0.9rem"},children:[e.jsx("h3",{children:"ℹ️ How to Use"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Enable sounds using the checkbox above"}),e.jsx("li",{children:"Adjust volume with the slider"}),e.jsx("li",{children:"Click the test buttons to hear individual sounds"}),e.jsx("li",{children:"Interact with the components below to hear sounds in context"}),e.jsx("li",{children:"Note: AudioContext requires user interaction to start (click any button first)"})]})]})]})},L={title:"Atoms/SoundDemo",component:x,parameters:{layout:"fullscreen",docs:{description:{component:"Interactive demo for testing the sound system with Web Audio API"}}}},o={render:()=>e.jsx(x,{})};var m,u,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
   render: () => <SoundDemo />
 }`,...(h=(u=o.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};const N=["Default"];export{o as Default,N as __namedExportsOrder,L as default};

package/storybook-static/assets/{SplashCursor.stories-FzRIUaX9.js → SplashCursor.stories-Clea3dMy.js}

@@ -1,4 +1,4 @@
-import{r as V,j as le}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
+import{r as V,j as le}from"./iframe-Cw8dCV4Z.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
 `}),i+e}const T=h(t.VERTEX_SHADER,`
         precision highp float;
         attribute vec2 aPosition;
@@ -241,4 +241,4 @@ import{r as V,j as le}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZb
             velocity.xy -= vec2(R - L, T - B);
             gl_FragColor = vec4(velocity, 0.0, 1.0);
         }
-      `),m=(t.bindBuffer(t.ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,-1,1,1,1,1,-1]),t.STATIC_DRAW),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,0,2,3]),t.STATIC_DRAW),t.vertexAttribPointer(0,2,t.FLOAT,!1,0,0),t.enableVertexAttribArray(0),(e,r=!1)=>{e==null?(t.viewport(0,0,t.drawingBufferWidth,t.drawingBufferHeight),t.bindFramebuffer(t.FRAMEBUFFER,null)):(t.viewport(0,0,e.width,e.height),t.bindFramebuffer(t.FRAMEBUFFER,e.fbo)),r&&(t.clearColor(0,0,0,1),t.clear(t.COLOR_BUFFER_BIT)),t.drawElements(t.TRIANGLES,6,t.UNSIGNED_SHORT,0)});let d,l,N,X,D;const K=new g(T,Ue),O=new g(T,Le),A=new g(T,Pe),x=new g(T,Be),z=new g(T,Ce),M=new g(T,Ie),F=new g(T,Ne),L=new g(T,Xe),b=new g(T,Oe),P=new Fe(T,be);function j(){let e=te(v.SIM_RESOLUTION),r=te(v.DYE_RESOLUTION);const i=E.halfFloatTexType,o=E.formatRGBA,a=E.formatRG,n=E.formatR,u=E.supportLinearFiltering?t.LINEAR:t.NEAREST;t.disable(t.BLEND),d?d=J(d,r.width,r.height,o.internalFormat,o.format,i,u):d=G(r.width,r.height,o.internalFormat,o.format,i,u),l?l=J(l,e.width,e.height,a.internalFormat,a.format,i,u):l=G(e.width,e.height,a.internalFormat,a.format,i,u),N=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),X=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),D=G(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST)}function w(e,r,i,o,a,n){t.activeTexture(t.TEXTURE0);let u=t.createTexture();t.bindTexture(t.TEXTURE_2D,u),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.texImage2D(t.TEXTURE_2D,0,i,e,r,0,o,a,null);let f=t.createFramebuffer();t.bindFramebuffer(t.FRAMEBUFFER,f),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,u,0),t.viewport(0,0,e,r),t.clear(t.COLOR_BUFFER_BIT);let s=1/e,R=1/r;return{texture:u,fbo:f,width:e,height:r,texelSizeX:s,texelSizeY:R,attach(y){return t.activeTexture(t.TEXTURE0+y),t.bindTexture(t.TEXTURE_2D,u),y}}}function G(e,r,i,o,a,n){let u=w(e,r,i,o,a,n),f=w(e,r,i,o,a,n);return{width:e,height:r,texelSizeX:u.texelSizeX,texelSizeY:u.texelSizeY,get read(){return u},set read(s){u=s},get write(){return f},set write(s){f=s},swap(){let s=u;u=f,f=s}}}function ze(e,r,i,o,a,n,u){let f=w(r,i,o,a,n,u);return K.bind(),t.uniform1i(K.uniforms.uTexture,e.attach(0)),m(f),f}function J(e,r,i,o,a,n,u){return e.width===r&&e.height===i||(e.read=ze(e.read,r,i,o,a,n,u),e.write=w(r,i,o,a,n,u),e.width=r,e.height=i,e.texelSizeX=1/r,e.texelSizeY=1/i),e}function Me(){let e=[];v.SHADING&&e.push("SHADING"),P.setKeywords(e)}Me(),j();let Q=Date.now(),B=0;function Z(){if(!q)return;const e=Ge();Ye()&&j(),Ve(e),He(),qe(e),We(null),U.current=requestAnimationFrame(Z)}function Ge(){let e=Date.now(),r=(e-Q)/1e3;return r=Math.min(r,.016666),Q=e,r}function Ye(){let e=p(c.clientWidth),r=p(c.clientHeight);return c.width!==e||c.height!==r?(c.width=e,c.height=r,!0):!1}function Ve(e){B+=e*v.COLOR_UPDATE_SPEED,B>=1&&(B=tt(B,0,1),_.forEach(r=>{r.color=C()}))}function He(){_.forEach(e=>{e.moved&&(e.moved=!1,Ke(e))})}function qe(e){t.disable(t.BLEND),M.bind(),t.uniform2f(M.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(M.uniforms.uVelocity,l.read.attach(0)),m(X),F.bind(),t.uniform2f(F.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(F.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(F.uniforms.uCurl,X.attach(1)),t.uniform1f(F.uniforms.curl,v.CURL),t.uniform1f(F.uniforms.dt,e),m(l.write),l.swap(),z.bind(),t.uniform2f(z.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(z.uniforms.uVelocity,l.read.attach(0)),m(N),O.bind(),t.uniform1i(O.uniforms.uTexture,D.read.attach(0)),t.uniform1f(O.uniforms.value,v.PRESSURE),m(D.write),D.swap(),L.bind(),t.uniform2f(L.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(L.uniforms.uDivergence,N.attach(0));for(let i=0;i<v.PRESSURE_ITERATIONS;i++)t.uniform1i(L.uniforms.uPressure,D.read.attach(1)),m(D.write),D.swap();b.bind(),t.uniform2f(b.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(b.uniforms.uPressure,D.read.attach(0)),t.uniform1i(b.uniforms.uVelocity,l.read.attach(1)),m(l.write),l.swap(),x.bind(),t.uniform2f(x.uniforms.texelSize,l.texelSizeX,l.texelSizeY),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,l.texelSizeX,l.texelSizeY);let r=l.read.attach(0);t.uniform1i(x.uniforms.uVelocity,r),t.uniform1i(x.uniforms.uSource,r),t.uniform1f(x.uniforms.dt,e),t.uniform1f(x.uniforms.dissipation,v.VELOCITY_DISSIPATION),m(l.write),l.swap(),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,d.texelSizeX,d.texelSizeY),t.uniform1i(x.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(x.uniforms.uSource,d.read.attach(1)),t.uniform1f(x.uniforms.dissipation,v.DENSITY_DISSIPATION),m(d.write),d.swap()}function We(e){t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.enable(t.BLEND),ke(e)}function ke(e){let r=t.drawingBufferWidth,i=t.drawingBufferHeight;P.bind(),v.SHADING&&t.uniform2f(P.uniforms.texelSize,1/r,1/i),t.uniform1i(P.uniforms.uTexture,d.read.attach(0)),m(e)}function Ke(e){let r=e.deltaX*v.SPLAT_FORCE,i=e.deltaY*v.SPLAT_FORCE;$(e.texcoordX,e.texcoordY,r,i,e.color)}function je(e){const r=C();r.r*=10,r.g*=10,r.b*=10;let i=10*(Math.random()-.5),o=30*(Math.random()-.5);$(e.texcoordX,e.texcoordY,i,o,r)}function $(e,r,i,o,a){A.bind(),t.uniform1i(A.uniforms.uTarget,l.read.attach(0)),t.uniform1f(A.uniforms.aspectRatio,c.width/c.height),t.uniform2f(A.uniforms.point,e,r),t.uniform3f(A.uniforms.color,i,o,0),t.uniform1f(A.uniforms.radius,Je(v.SPLAT_RADIUS/100)),m(l.write),l.swap(),t.uniform1i(A.uniforms.uTarget,d.read.attach(0)),t.uniform3f(A.uniforms.color,a.r,a.g,a.b),m(d.write),d.swap()}function Je(e){let r=c.width/c.height;return r>1&&(e*=r),e}function ee(e,r,i,o){e.id=r,e.down=!0,e.moved=!1,e.texcoordX=i/c.width,e.texcoordY=1-o/c.height,e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.deltaX=0,e.deltaY=0,e.color=C()}function Y(e,r,i,o){e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.texcoordX=r/c.width,e.texcoordY=1-i/c.height,e.deltaX=Ze(e.texcoordX-e.prevTexcoordX),e.deltaY=$e(e.texcoordY-e.prevTexcoordY),e.moved=Math.abs(e.deltaX)>0||Math.abs(e.deltaY)>0,e.color=o}function Qe(e){e.down=!1}function Ze(e){let r=c.width/c.height;return r<1&&(e*=r),e}function $e(e){let r=c.width/c.height;return r>1&&(e/=r),e}function C(){let e=et(Math.random(),1,1);return e.r*=.15,e.g*=.15,e.b*=.15,e}function et(e,r,i){let o,a,n,u,f,s,R,y;switch(u=Math.floor(e*6),f=e*6-u,s=i*(1-r),R=i*(1-f*r),y=i*(1-(1-f)*r),u%6){case 0:o=i,a=y,n=s;break;case 1:o=R,a=i,n=s;break;case 2:o=s,a=i,n=y;break;case 3:o=s,a=R,n=i;break;case 4:o=y,a=s,n=i;break;case 5:o=i,a=s,n=R;break}return{r:o,g:a,b:n}}function tt(e,r,i){const o=i-r;return(e-r)%o+r}function te(e){let r=t.drawingBufferWidth/t.drawingBufferHeight;r<1&&(r=1/r);const i=Math.round(e),o=Math.round(e*r);return t.drawingBufferWidth>t.drawingBufferHeight?{width:o,height:i}:{width:i,height:o}}function p(e){const r=window.devicePixelRatio||1;return Math.floor(e*r)}function rt(e){if(e.length===0)return 0;let r=0;for(let i=0;i<e.length;i++)r=(r<<5)-r+e.charCodeAt(i),r|=0;return r}function re(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);ee(r,-1,i,o),je(r)}let ie=!1;function oe(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);if(ie)Y(r,i,o,r.color);else{let a=C();Y(r,i,o,a),ie=!0}}function ae(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);ee(i,r[o].identifier,a,n)}}function ne(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);Y(i,a,n,i.color)}}function ue(e){const r=e.changedTouches;let i=_[0];for(let o=0;o<r.length;o++)Qe(i)}return window.addEventListener("mousedown",re),window.addEventListener("mousemove",oe),window.addEventListener("touchstart",ae),window.addEventListener("touchmove",ne,!1),window.addEventListener("touchend",ue),Z(),()=>{q=!1,U.current&&(cancelAnimationFrame(U.current),U.current=null),window.removeEventListener("mousedown",re),window.removeEventListener("mousemove",oe),window.removeEventListener("touchstart",ae),window.removeEventListener("touchmove",ne),window.removeEventListener("touchend",ue)}},[]),le.jsx("div",{style:{position:"fixed",top:0,left:0,zIndex:50,pointerEvents:"none",width:"100%",height:"100%"},children:le.jsx("canvas",{ref:H,id:"fluid",style:{width:"100vw",height:"100vh",display:"block"}})})}ve.__docgenInfo={description:"",methods:[],displayName:"SplashCursor",props:{SIM_RESOLUTION:{defaultValue:{value:"128",computed:!1},required:!1},DYE_RESOLUTION:{defaultValue:{value:"1440",computed:!1},required:!1},CAPTURE_RESOLUTION:{defaultValue:{value:"512",computed:!1},required:!1},DENSITY_DISSIPATION:{defaultValue:{value:"3.5",computed:!1},required:!1},VELOCITY_DISSIPATION:{defaultValue:{value:"2",computed:!1},required:!1},PRESSURE:{defaultValue:{value:"0.1",computed:!1},required:!1},PRESSURE_ITERATIONS:{defaultValue:{value:"20",computed:!1},required:!1},CURL:{defaultValue:{value:"3",computed:!1},required:!1},SPLAT_RADIUS:{defaultValue:{value:"0.2",computed:!1},required:!1},SPLAT_FORCE:{defaultValue:{value:"6000",computed:!1},required:!1},SHADING:{defaultValue:{value:"true",computed:!1},required:!1},COLOR_UPDATE_SPEED:{defaultValue:{value:"10",computed:!1},required:!1},BACK_COLOR:{defaultValue:{value:"{ r: 0.5, g: 0, b: 0 }",computed:!1},required:!1},TRANSPARENT:{defaultValue:{value:"true",computed:!1},required:!1}}};const lt={title:"ReactBits/Animations/SplashCursor",component:ve,parameters:{layout:"fullscreen"},tags:["autodocs"]},I={};var ce,se,fe;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:"{}",...(fe=(se=I.parameters)==null?void 0:se.docs)==null?void 0:fe.source}}};const ct=["Default"];export{I as Default,ct as __namedExportsOrder,lt as default};
+      `),m=(t.bindBuffer(t.ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,-1,1,1,1,1,-1]),t.STATIC_DRAW),t.bindBuffer(t.ELEMENT_ARRAY_BUFFER,t.createBuffer()),t.bufferData(t.ELEMENT_ARRAY_BUFFER,new Uint16Array([0,1,2,0,2,3]),t.STATIC_DRAW),t.vertexAttribPointer(0,2,t.FLOAT,!1,0,0),t.enableVertexAttribArray(0),(e,r=!1)=>{e==null?(t.viewport(0,0,t.drawingBufferWidth,t.drawingBufferHeight),t.bindFramebuffer(t.FRAMEBUFFER,null)):(t.viewport(0,0,e.width,e.height),t.bindFramebuffer(t.FRAMEBUFFER,e.fbo)),r&&(t.clearColor(0,0,0,1),t.clear(t.COLOR_BUFFER_BIT)),t.drawElements(t.TRIANGLES,6,t.UNSIGNED_SHORT,0)});let d,l,N,X,D;const K=new g(T,Ue),O=new g(T,Le),A=new g(T,Pe),x=new g(T,Be),z=new g(T,Ce),M=new g(T,Ie),F=new g(T,Ne),L=new g(T,Xe),b=new g(T,Oe),P=new Fe(T,be);function j(){let e=te(v.SIM_RESOLUTION),r=te(v.DYE_RESOLUTION);const i=E.halfFloatTexType,o=E.formatRGBA,a=E.formatRG,n=E.formatR,u=E.supportLinearFiltering?t.LINEAR:t.NEAREST;t.disable(t.BLEND),d?d=J(d,r.width,r.height,o.internalFormat,o.format,i,u):d=G(r.width,r.height,o.internalFormat,o.format,i,u),l?l=J(l,e.width,e.height,a.internalFormat,a.format,i,u):l=G(e.width,e.height,a.internalFormat,a.format,i,u),N=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),X=w(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST),D=G(e.width,e.height,n.internalFormat,n.format,i,t.NEAREST)}function w(e,r,i,o,a,n){t.activeTexture(t.TEXTURE0);let u=t.createTexture();t.bindTexture(t.TEXTURE_2D,u),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,n),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),t.texImage2D(t.TEXTURE_2D,0,i,e,r,0,o,a,null);let f=t.createFramebuffer();t.bindFramebuffer(t.FRAMEBUFFER,f),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,u,0),t.viewport(0,0,e,r),t.clear(t.COLOR_BUFFER_BIT);let s=1/e,R=1/r;return{texture:u,fbo:f,width:e,height:r,texelSizeX:s,texelSizeY:R,attach(y){return t.activeTexture(t.TEXTURE0+y),t.bindTexture(t.TEXTURE_2D,u),y}}}function G(e,r,i,o,a,n){let u=w(e,r,i,o,a,n),f=w(e,r,i,o,a,n);return{width:e,height:r,texelSizeX:u.texelSizeX,texelSizeY:u.texelSizeY,get read(){return u},set read(s){u=s},get write(){return f},set write(s){f=s},swap(){let s=u;u=f,f=s}}}function ze(e,r,i,o,a,n,u){let f=w(r,i,o,a,n,u);return K.bind(),t.uniform1i(K.uniforms.uTexture,e.attach(0)),m(f),f}function J(e,r,i,o,a,n,u){return e.width===r&&e.height===i||(e.read=ze(e.read,r,i,o,a,n,u),e.write=w(r,i,o,a,n,u),e.width=r,e.height=i,e.texelSizeX=1/r,e.texelSizeY=1/i),e}function Me(){let e=[];v.SHADING&&e.push("SHADING"),P.setKeywords(e)}Me(),j();let Q=Date.now(),B=0;function Z(){if(!q)return;const e=Ge();Ye()&&j(),Ve(e),He(),qe(e),We(null),U.current=requestAnimationFrame(Z)}function Ge(){let e=Date.now(),r=(e-Q)/1e3;return r=Math.min(r,.016666),Q=e,r}function Ye(){let e=p(c.clientWidth),r=p(c.clientHeight);return c.width!==e||c.height!==r?(c.width=e,c.height=r,!0):!1}function Ve(e){B+=e*v.COLOR_UPDATE_SPEED,B>=1&&(B=tt(B,0,1),_.forEach(r=>{r.color=C()}))}function He(){_.forEach(e=>{e.moved&&(e.moved=!1,Ke(e))})}function qe(e){t.disable(t.BLEND),M.bind(),t.uniform2f(M.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(M.uniforms.uVelocity,l.read.attach(0)),m(X),F.bind(),t.uniform2f(F.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(F.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(F.uniforms.uCurl,X.attach(1)),t.uniform1f(F.uniforms.curl,v.CURL),t.uniform1f(F.uniforms.dt,e),m(l.write),l.swap(),z.bind(),t.uniform2f(z.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(z.uniforms.uVelocity,l.read.attach(0)),m(N),O.bind(),t.uniform1i(O.uniforms.uTexture,D.read.attach(0)),t.uniform1f(O.uniforms.value,v.PRESSURE),m(D.write),D.swap(),L.bind(),t.uniform2f(L.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(L.uniforms.uDivergence,N.attach(0));for(let i=0;i<v.PRESSURE_ITERATIONS;i++)t.uniform1i(L.uniforms.uPressure,D.read.attach(1)),m(D.write),D.swap();b.bind(),t.uniform2f(b.uniforms.texelSize,l.texelSizeX,l.texelSizeY),t.uniform1i(b.uniforms.uPressure,D.read.attach(0)),t.uniform1i(b.uniforms.uVelocity,l.read.attach(1)),m(l.write),l.swap(),x.bind(),t.uniform2f(x.uniforms.texelSize,l.texelSizeX,l.texelSizeY),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,l.texelSizeX,l.texelSizeY);let r=l.read.attach(0);t.uniform1i(x.uniforms.uVelocity,r),t.uniform1i(x.uniforms.uSource,r),t.uniform1f(x.uniforms.dt,e),t.uniform1f(x.uniforms.dissipation,v.VELOCITY_DISSIPATION),m(l.write),l.swap(),E.supportLinearFiltering||t.uniform2f(x.uniforms.dyeTexelSize,d.texelSizeX,d.texelSizeY),t.uniform1i(x.uniforms.uVelocity,l.read.attach(0)),t.uniform1i(x.uniforms.uSource,d.read.attach(1)),t.uniform1f(x.uniforms.dissipation,v.DENSITY_DISSIPATION),m(d.write),d.swap()}function We(e){t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA),t.enable(t.BLEND),ke(e)}function ke(e){let r=t.drawingBufferWidth,i=t.drawingBufferHeight;P.bind(),v.SHADING&&t.uniform2f(P.uniforms.texelSize,1/r,1/i),t.uniform1i(P.uniforms.uTexture,d.read.attach(0)),m(e)}function Ke(e){let r=e.deltaX*v.SPLAT_FORCE,i=e.deltaY*v.SPLAT_FORCE;$(e.texcoordX,e.texcoordY,r,i,e.color)}function je(e){const r=C();r.r*=10,r.g*=10,r.b*=10;let i=10*(Math.random()-.5),o=30*(Math.random()-.5);$(e.texcoordX,e.texcoordY,i,o,r)}function $(e,r,i,o,a){A.bind(),t.uniform1i(A.uniforms.uTarget,l.read.attach(0)),t.uniform1f(A.uniforms.aspectRatio,c.width/c.height),t.uniform2f(A.uniforms.point,e,r),t.uniform3f(A.uniforms.color,i,o,0),t.uniform1f(A.uniforms.radius,Je(v.SPLAT_RADIUS/100)),m(l.write),l.swap(),t.uniform1i(A.uniforms.uTarget,d.read.attach(0)),t.uniform3f(A.uniforms.color,a.r,a.g,a.b),m(d.write),d.swap()}function Je(e){let r=c.width/c.height;return r>1&&(e*=r),e}function ee(e,r,i,o){e.id=r,e.down=!0,e.moved=!1,e.texcoordX=i/c.width,e.texcoordY=1-o/c.height,e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.deltaX=0,e.deltaY=0,e.color=C()}function Y(e,r,i,o){e.prevTexcoordX=e.texcoordX,e.prevTexcoordY=e.texcoordY,e.texcoordX=r/c.width,e.texcoordY=1-i/c.height,e.deltaX=Ze(e.texcoordX-e.prevTexcoordX),e.deltaY=$e(e.texcoordY-e.prevTexcoordY),e.moved=Math.abs(e.deltaX)>0||Math.abs(e.deltaY)>0,e.color=o}function Qe(e){e.down=!1}function Ze(e){let r=c.width/c.height;return r<1&&(e*=r),e}function $e(e){let r=c.width/c.height;return r>1&&(e/=r),e}function C(){let e=et(Math.random(),1,1);return e.r*=.15,e.g*=.15,e.b*=.15,e}function et(e,r,i){let o,a,n,u,f,s,R,y;switch(u=Math.floor(e*6),f=e*6-u,s=i*(1-r),R=i*(1-f*r),y=i*(1-(1-f)*r),u%6){case 0:o=i,a=y,n=s;break;case 1:o=R,a=i,n=s;break;case 2:o=s,a=i,n=y;break;case 3:o=s,a=R,n=i;break;case 4:o=y,a=s,n=i;break;case 5:o=i,a=s,n=R;break}return{r:o,g:a,b:n}}function tt(e,r,i){const o=i-r;return(e-r)%o+r}function te(e){let r=t.drawingBufferWidth/t.drawingBufferHeight;r<1&&(r=1/r);const i=Math.round(e),o=Math.round(e*r);return t.drawingBufferWidth>t.drawingBufferHeight?{width:o,height:i}:{width:i,height:o}}function p(e){const r=window.devicePixelRatio||1;return Math.floor(e*r)}function rt(e){if(e.length===0)return 0;let r=0;for(let i=0;i<e.length;i++)r=(r<<5)-r+e.charCodeAt(i),r|=0;return r}function re(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);ee(r,-1,i,o),je(r)}let ie=!1;function oe(e){let r=_[0],i=p(e.clientX),o=p(e.clientY);if(ie)Y(r,i,o,r.color);else{let a=C();Y(r,i,o,a),ie=!0}}function ae(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);ee(i,r[o].identifier,a,n)}}function ne(e){const r=e.targetTouches;let i=_[0];for(let o=0;o<r.length;o++){let a=p(r[o].clientX),n=p(r[o].clientY);Y(i,a,n,i.color)}}function ue(e){const r=e.changedTouches;let i=_[0];for(let o=0;o<r.length;o++)Qe(i)}return window.addEventListener("mousedown",re),window.addEventListener("mousemove",oe),window.addEventListener("touchstart",ae),window.addEventListener("touchmove",ne,!1),window.addEventListener("touchend",ue),Z(),()=>{q=!1,U.current&&(cancelAnimationFrame(U.current),U.current=null),window.removeEventListener("mousedown",re),window.removeEventListener("mousemove",oe),window.removeEventListener("touchstart",ae),window.removeEventListener("touchmove",ne),window.removeEventListener("touchend",ue)}},[]),le.jsx("div",{style:{position:"fixed",top:0,left:0,zIndex:50,pointerEvents:"none",width:"100%",height:"100%"},children:le.jsx("canvas",{ref:H,id:"fluid",style:{width:"100vw",height:"100vh",display:"block"}})})}ve.__docgenInfo={description:"",methods:[],displayName:"SplashCursor",props:{SIM_RESOLUTION:{defaultValue:{value:"128",computed:!1},required:!1},DYE_RESOLUTION:{defaultValue:{value:"1440",computed:!1},required:!1},CAPTURE_RESOLUTION:{defaultValue:{value:"512",computed:!1},required:!1},DENSITY_DISSIPATION:{defaultValue:{value:"3.5",computed:!1},required:!1},VELOCITY_DISSIPATION:{defaultValue:{value:"2",computed:!1},required:!1},PRESSURE:{defaultValue:{value:"0.1",computed:!1},required:!1},PRESSURE_ITERATIONS:{defaultValue:{value:"20",computed:!1},required:!1},CURL:{defaultValue:{value:"3",computed:!1},required:!1},SPLAT_RADIUS:{defaultValue:{value:"0.2",computed:!1},required:!1},SPLAT_FORCE:{defaultValue:{value:"6000",computed:!1},required:!1},SHADING:{defaultValue:{value:"true",computed:!1},required:!1},COLOR_UPDATE_SPEED:{defaultValue:{value:"10",computed:!1},required:!1},BACK_COLOR:{defaultValue:{value:"{ r: 0.5, g: 0, b: 0 }",computed:!1},required:!1},TRANSPARENT:{defaultValue:{value:"true",computed:!1},required:!1}}};const lt={title:"ReactBits/Animations/SplashCursor",component:ve,parameters:{layout:"fullscreen"}},I={};var ce,se,fe;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:"{}",...(fe=(se=I.parameters)==null?void 0:se.docs)==null?void 0:fe.source}}};const ct=["Default"];export{I as Default,ct as __namedExportsOrder,lt as default};

package/storybook-static/assets/{SpotlightCard.stories-CifqsSUc.js → SpotlightCard.stories-BWv0AuTI.js}

@@ -1,4 +1,4 @@
-import{r as m,j as f}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=m.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,g=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${g}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+import{r as g,j as f}from"./iframe-Cw8dCV4Z.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=g.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,m=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${m}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"}},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
   args: {
     children: 'Hello World',
     spotlightColor: 'rgba(255, 255, 255, 0.25)'

package/storybook-static/assets/{Stack.stories-Dq82x0TG.js → Stack.stories-DxVGTJ6l.js}

@@ -1,4 +1,4 @@
-import{r as c,j as t}from"./iframe-B8pH-Lvr.js";import{m as k}from"./proxy-BA3VZtN5.js";import{u as R}from"./use-motion-value--XhiA2Gt.js";import{u as q}from"./use-transform-vyDqMhf-.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D5hZdVGx.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
+import{r as c,j as t}from"./iframe-Cw8dCV4Z.js";import{m as k}from"./proxy-p8L3T_Zy.js";import{u as R}from"./use-motion-value-BVm7csqA.js";import{u as q}from"./use-transform-CQNghMvr.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BCa1jVYq.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"}},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
   args: {
     randomRotation: false,
     sensitivity: 200,

package/storybook-static/assets/{StaggeredMenu.stories-CsiTDJGG.js → StaggeredMenu.stories-1UB8ravq.js}

@@ -1,4 +1,4 @@
-import{r as s,R as le,j as r}from"./iframe-B8pH-Lvr.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:`{
+import{r as s,R as le,j as r}from"./iframe-Cw8dCV4Z.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"}},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'],

package/storybook-static/assets/{StarBorder.stories-Ba14_TPk.js → StarBorder.stories-DiSAqN3r.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-B8pH-Lvr.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:`{
+import{j as e}from"./iframe-Cw8dCV4Z.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 _={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"}},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',
@@ -6,4 +6,4 @@ import{j as e}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";co
     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};
+}`,...(l=(d=t.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const g=["Default"];export{t as Default,g as __namedExportsOrder,_ as default};

package/storybook-static/assets/{SunburstChart.stories-fREzDXM9.js → SunburstChart.stories-DLjQA_I1.js}

@@ -1,4 +1,4 @@
-import{r as T,j as W}from"./iframe-B8pH-Lvr.js";import{c as ae,s as _,t as re,f as ie}from"./transform-BKmuZieF.js";import{l as se,d as R}from"./linear-dkJHgUri.js";import{a as U}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function Oe(e){var n=0,a=e.children,r=a&&a.length;if(!r)n=1;else for(;--r>=0;)n+=a[r].value;e.value=n}function Te(){return this.eachAfter(Oe)}function _e(e,n){let a=-1;for(const r of this)e.call(n,r,++a,this);return this}function ke(e,n){for(var a=this,r=[a],o,u,i=-1;a=r.pop();)if(e.call(n,a,++i,this),o=a.children)for(u=o.length-1;u>=0;--u)r.push(o[u]);return this}function De(e,n){for(var a=this,r=[a],o=[],u,i,m,c=-1;a=r.pop();)if(o.push(a),u=a.children)for(i=0,m=u.length;i<m;++i)r.push(u[i]);for(;a=o.pop();)e.call(n,a,++c,this);return this}function Ee(e,n){let a=-1;for(const r of this)if(e.call(n,r,++a,this))return r}function Be(e){return this.eachAfter(function(n){for(var a=+e(n.data)||0,r=n.children,o=r&&r.length;--o>=0;)a+=r[o].value;n.value=a})}function Ie(e){return this.eachBefore(function(n){n.children&&n.children.sort(e)})}function $e(e){for(var n=this,a=qe(n,e),r=[n];n!==a;)n=n.parent,r.push(n);for(var o=r.length;e!==a;)r.splice(o,0,e),e=e.parent;return r}function qe(e,n){if(e===n)return e;var a=e.ancestors(),r=n.ancestors(),o=null;for(e=a.pop(),n=r.pop();e===n;)o=e,e=a.pop(),n=r.pop();return o}function je(){for(var e=this,n=[e];e=e.parent;)n.push(e);return n}function Le(){return Array.from(this)}function Ve(){var e=[];return this.eachBefore(function(n){n.children||e.push(n)}),e}function Fe(){var e=this,n=[];return e.each(function(a){a!==e&&n.push({source:a.parent,target:a})}),n}function*Ye(){var e=this,n,a=[e],r,o,u;do for(n=a.reverse(),a=[];e=n.pop();)if(yield e,r=e.children)for(o=0,u=r.length;o<u;++o)a.push(r[o]);while(a.length)}function N(e,n){e instanceof Map?(e=[void 0,e],n===void 0&&(n=Ge)):n===void 0&&(n=He);for(var a=new Y(e),r,o=[a],u,i,m,c;r=o.pop();)if((i=n(r.data))&&(c=(i=Array.from(i)).length))for(r.children=i,m=c-1;m>=0;--m)o.push(u=i[m]=new Y(i[m])),u.parent=r,u.depth=r.depth+1;return a.eachBefore(Ue)}function Xe(){return N(this).eachBefore(We)}function He(e){return e.children}function Ge(e){return Array.isArray(e)?e[1]:null}function We(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Ue(e){var n=0;do e.height=n;while((e=e.parent)&&e.height<++n)}function Y(e){this.data=e,this.depth=this.height=0,this.parent=null}Y.prototype=N.prototype={constructor:Y,count:Te,each:_e,eachAfter:De,eachBefore:ke,find:Ee,sum:Be,sort:Ie,path:$e,ancestors:je,descendants:Le,leaves:Ve,links:Fe,copy:Xe,[Symbol.iterator]:Ye};function Ne(e){e.x0=Math.round(e.x0),e.y0=Math.round(e.y0),e.x1=Math.round(e.x1),e.y1=Math.round(e.y1)}function Qe(e,n,a,r,o){for(var u=e.children,i,m=-1,c=u.length,b=e.value&&(r-n)/e.value;++m<c;)i=u[m],i.y0=a,i.y1=o,i.x0=n,i.x1=n+=i.value*b}function Je(){var e=1,n=1,a=0,r=!1;function o(i){var m=i.height+1;return i.x0=i.y0=a,i.x1=e,i.y1=n/m,i.eachBefore(u(n,m)),r&&i.eachBefore(Ne),i}function u(i,m){return function(c){c.children&&Qe(c,c.x0,i*(c.depth+1)/m,c.x1,i*(c.depth+2)/m);var b=c.x0,g=c.y0,p=c.x1-a,O=c.y1-a;p<b&&(b=p=(b+p)/2),O<g&&(g=O=(g+O)/2),c.x0=b,c.y0=g,c.x1=p,c.y1=O}}return o.round=function(i){return arguments.length?(r=!!i,o):r},o.size=function(i){return arguments.length?(e=+i[0],n=+i[1],o):[e,n]},o.padding=function(i){return arguments.length?(a=+i,o):a},o}const Ke="_container_sjfr4_1",Ze="_title_sjfr4_9",en="_chart_sjfr4_17",nn="_tooltip_sjfr4_23",q={container:Ke,title:Ze,chart:en,tooltip:nn},oe=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],ve=({data:e,width:n=500,height:a=500,title:r="Sunburst Chart",tagColors:o={},unit:u="items",centerLabel:i})=>{const m=T.useRef(null),c=T.useRef(new Map).current,b=T.useRef(0),g=T.useRef(null),p=Math.min(n,a)/2,O=T.useCallback((C,x)=>{if(o[C]){const v=ae(o[C]);if(v)return x>1?v.darker((x-1)*.3).toString():v.toString()}c.has(C)||(c.set(C,oe[b.current%oe.length]),b.current++);const w=c.get(C)||"#d4af37",X=ae(w);return X?X.darker(x*.3).toString():w},[o,c]);return T.useEffect(()=>{if(!m.current||!e)return;const C=_(m.current);C.selectAll("*").remove();const x=C.append("g").attr("transform",`translate(${n/2},${a/2})`),w=N(e).sum(t=>t.size??0).sort((t,s)=>(s.value??0)-(t.value??0)),v=Je().size([2*Math.PI,p*p])(w).descendants();v.forEach(t=>{const s=t;s.x0Original=t.x0,s.x1Original=t.x1,s.y0Original=t.y0,s.y1Original=t.y1});const be=U().startAngle(t=>t.x0).endAngle(t=>t.x1).innerRadius(t=>Math.sqrt(t.y0)).outerRadius(t=>Math.sqrt(t.y1)).cornerRadius(3),k=_("body").append("div").attr("class",q.tooltip).style("opacity",0).style("position","absolute"),Ce=()=>{g.current=null;const t=re().duration(750).ease(ie);M.style("opacity",1),M.transition(t).attrTween("d",s=>{const l=s;return f=>{const z=R(l.x0,l.x0Original)(f),S=R(l.x1,l.x1Original)(f),P=R(l.y0,l.y0Original)(f),d=R(l.y1,l.y1Original)(f);return l.x0=z,l.x1=S,l.y0=P,l.y1=d,U().startAngle(()=>z).endAngle(()=>S).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,P)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,d)))).cornerRadius(3)(l)||""}}),M.style("cursor",s=>!s.children||s.children.length===0?"default":"pointer"),K.style("cursor","default"),J(t,v)},we=(t,s)=>{if(t.stopPropagation(),g.current||!s.children||s.children.length===0)return;g.current=s;const l=re().duration(750).ease(ie),f=s,z=se().domain([f.x0Original,f.x1Original]).range([0,2*Math.PI]).clamp(!0),S=v.filter(y=>B(s,y)),P=Math.max(...S.map(y=>y.y1Original)),d=se().domain([f.y0Original,P]).range([0,p*p]).clamp(!0);M.style("opacity",y=>B(s,y)?1:0),M.transition(l).attrTween("d",y=>{const h=y;if(!B(s,y))return()=>"";let D=z(h.x0Original),E=z(h.x1Original);if(E<=D){const A=(h.x1Original-h.x0Original)/(f.x1Original-f.x0Original);E=D+2*Math.PI*A}let G,I;if(h===s)if(G=0,h.children&&h.children.length>0){const A=Math.min(...h.children.map($=>$.y0Original));I=d(A)*.98}else I=p*p*.98;else G=d(h.y0Original),I=d(h.y1Original);const Se=h.x0,Ae=h.x1,Re=h.y0,Pe=h.y1;return A=>{const $=R(Se,D)(A),ee=R(Ae,E)(A),ne=R(Re,G)(A),te=R(Pe,I)(A);return h.x0=$,h.x1=ee,h.y0=ne,h.y1=te,U().startAngle(()=>$).endAngle(()=>ee).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,ne)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,te)))).cornerRadius(3)(h)||""}}),J(l,v.filter(y=>B(s,y))),M.style("cursor","default"),K.style("cursor","pointer")},B=(t,s)=>{if(t===s)return!0;let l=s.parent;for(;l;){if(l===t)return!0;l=l.parent}return!1},M=x.selectAll("path").data(v.filter(t=>t.depth>0&&t.value&&t.value>0)).enter().append("path").attr("d",be).attr("fill",t=>{let s=t;for(;s.depth>1&&s.parent;)s=s.parent;return O(s.data.name,t.depth)}).attr("stroke",()=>window.getComputedStyle(m.current).getPropertyValue("--color-border")||"#e2e8f0").attr("stroke-width",2).style("cursor",t=>!t.children||t.children.length===0?"default":"pointer").on("click",we).on("mouseover",function(t,s){if(g.current)return;const l=this;k.transition().duration(200).style("opacity",1);const f=s.value||0,z=(f/(w.value||1)*100).toFixed(1);k.html(`
+import{r as T,j as W}from"./iframe-Cw8dCV4Z.js";import{c as ae,s as _,t as re,f as ie}from"./transform-BKmuZieF.js";import{l as se,d as R}from"./linear-dkJHgUri.js";import{a as U}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function Oe(e){var n=0,a=e.children,r=a&&a.length;if(!r)n=1;else for(;--r>=0;)n+=a[r].value;e.value=n}function Te(){return this.eachAfter(Oe)}function _e(e,n){let a=-1;for(const r of this)e.call(n,r,++a,this);return this}function ke(e,n){for(var a=this,r=[a],o,u,i=-1;a=r.pop();)if(e.call(n,a,++i,this),o=a.children)for(u=o.length-1;u>=0;--u)r.push(o[u]);return this}function De(e,n){for(var a=this,r=[a],o=[],u,i,m,c=-1;a=r.pop();)if(o.push(a),u=a.children)for(i=0,m=u.length;i<m;++i)r.push(u[i]);for(;a=o.pop();)e.call(n,a,++c,this);return this}function Ee(e,n){let a=-1;for(const r of this)if(e.call(n,r,++a,this))return r}function Be(e){return this.eachAfter(function(n){for(var a=+e(n.data)||0,r=n.children,o=r&&r.length;--o>=0;)a+=r[o].value;n.value=a})}function Ie(e){return this.eachBefore(function(n){n.children&&n.children.sort(e)})}function $e(e){for(var n=this,a=qe(n,e),r=[n];n!==a;)n=n.parent,r.push(n);for(var o=r.length;e!==a;)r.splice(o,0,e),e=e.parent;return r}function qe(e,n){if(e===n)return e;var a=e.ancestors(),r=n.ancestors(),o=null;for(e=a.pop(),n=r.pop();e===n;)o=e,e=a.pop(),n=r.pop();return o}function je(){for(var e=this,n=[e];e=e.parent;)n.push(e);return n}function Le(){return Array.from(this)}function Ve(){var e=[];return this.eachBefore(function(n){n.children||e.push(n)}),e}function Fe(){var e=this,n=[];return e.each(function(a){a!==e&&n.push({source:a.parent,target:a})}),n}function*Ye(){var e=this,n,a=[e],r,o,u;do for(n=a.reverse(),a=[];e=n.pop();)if(yield e,r=e.children)for(o=0,u=r.length;o<u;++o)a.push(r[o]);while(a.length)}function N(e,n){e instanceof Map?(e=[void 0,e],n===void 0&&(n=Ge)):n===void 0&&(n=He);for(var a=new Y(e),r,o=[a],u,i,m,c;r=o.pop();)if((i=n(r.data))&&(c=(i=Array.from(i)).length))for(r.children=i,m=c-1;m>=0;--m)o.push(u=i[m]=new Y(i[m])),u.parent=r,u.depth=r.depth+1;return a.eachBefore(Ue)}function Xe(){return N(this).eachBefore(We)}function He(e){return e.children}function Ge(e){return Array.isArray(e)?e[1]:null}function We(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Ue(e){var n=0;do e.height=n;while((e=e.parent)&&e.height<++n)}function Y(e){this.data=e,this.depth=this.height=0,this.parent=null}Y.prototype=N.prototype={constructor:Y,count:Te,each:_e,eachAfter:De,eachBefore:ke,find:Ee,sum:Be,sort:Ie,path:$e,ancestors:je,descendants:Le,leaves:Ve,links:Fe,copy:Xe,[Symbol.iterator]:Ye};function Ne(e){e.x0=Math.round(e.x0),e.y0=Math.round(e.y0),e.x1=Math.round(e.x1),e.y1=Math.round(e.y1)}function Qe(e,n,a,r,o){for(var u=e.children,i,m=-1,c=u.length,b=e.value&&(r-n)/e.value;++m<c;)i=u[m],i.y0=a,i.y1=o,i.x0=n,i.x1=n+=i.value*b}function Je(){var e=1,n=1,a=0,r=!1;function o(i){var m=i.height+1;return i.x0=i.y0=a,i.x1=e,i.y1=n/m,i.eachBefore(u(n,m)),r&&i.eachBefore(Ne),i}function u(i,m){return function(c){c.children&&Qe(c,c.x0,i*(c.depth+1)/m,c.x1,i*(c.depth+2)/m);var b=c.x0,g=c.y0,p=c.x1-a,O=c.y1-a;p<b&&(b=p=(b+p)/2),O<g&&(g=O=(g+O)/2),c.x0=b,c.y0=g,c.x1=p,c.y1=O}}return o.round=function(i){return arguments.length?(r=!!i,o):r},o.size=function(i){return arguments.length?(e=+i[0],n=+i[1],o):[e,n]},o.padding=function(i){return arguments.length?(a=+i,o):a},o}const Ke="_container_sjfr4_1",Ze="_title_sjfr4_9",en="_chart_sjfr4_17",nn="_tooltip_sjfr4_23",q={container:Ke,title:Ze,chart:en,tooltip:nn},oe=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],ve=({data:e,width:n=500,height:a=500,title:r="Sunburst Chart",tagColors:o={},unit:u="items",centerLabel:i})=>{const m=T.useRef(null),c=T.useRef(new Map).current,b=T.useRef(0),g=T.useRef(null),p=Math.min(n,a)/2,O=T.useCallback((C,x)=>{if(o[C]){const v=ae(o[C]);if(v)return x>1?v.darker((x-1)*.3).toString():v.toString()}c.has(C)||(c.set(C,oe[b.current%oe.length]),b.current++);const w=c.get(C)||"#d4af37",X=ae(w);return X?X.darker(x*.3).toString():w},[o,c]);return T.useEffect(()=>{if(!m.current||!e)return;const C=_(m.current);C.selectAll("*").remove();const x=C.append("g").attr("transform",`translate(${n/2},${a/2})`),w=N(e).sum(t=>t.size??0).sort((t,s)=>(s.value??0)-(t.value??0)),v=Je().size([2*Math.PI,p*p])(w).descendants();v.forEach(t=>{const s=t;s.x0Original=t.x0,s.x1Original=t.x1,s.y0Original=t.y0,s.y1Original=t.y1});const be=U().startAngle(t=>t.x0).endAngle(t=>t.x1).innerRadius(t=>Math.sqrt(t.y0)).outerRadius(t=>Math.sqrt(t.y1)).cornerRadius(3),k=_("body").append("div").attr("class",q.tooltip).style("opacity",0).style("position","absolute"),Ce=()=>{g.current=null;const t=re().duration(750).ease(ie);M.style("opacity",1),M.transition(t).attrTween("d",s=>{const l=s;return f=>{const z=R(l.x0,l.x0Original)(f),S=R(l.x1,l.x1Original)(f),P=R(l.y0,l.y0Original)(f),d=R(l.y1,l.y1Original)(f);return l.x0=z,l.x1=S,l.y0=P,l.y1=d,U().startAngle(()=>z).endAngle(()=>S).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,P)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,d)))).cornerRadius(3)(l)||""}}),M.style("cursor",s=>!s.children||s.children.length===0?"default":"pointer"),K.style("cursor","default"),J(t,v)},we=(t,s)=>{if(t.stopPropagation(),g.current||!s.children||s.children.length===0)return;g.current=s;const l=re().duration(750).ease(ie),f=s,z=se().domain([f.x0Original,f.x1Original]).range([0,2*Math.PI]).clamp(!0),S=v.filter(y=>B(s,y)),P=Math.max(...S.map(y=>y.y1Original)),d=se().domain([f.y0Original,P]).range([0,p*p]).clamp(!0);M.style("opacity",y=>B(s,y)?1:0),M.transition(l).attrTween("d",y=>{const h=y;if(!B(s,y))return()=>"";let D=z(h.x0Original),E=z(h.x1Original);if(E<=D){const A=(h.x1Original-h.x0Original)/(f.x1Original-f.x0Original);E=D+2*Math.PI*A}let G,I;if(h===s)if(G=0,h.children&&h.children.length>0){const A=Math.min(...h.children.map($=>$.y0Original));I=d(A)*.98}else I=p*p*.98;else G=d(h.y0Original),I=d(h.y1Original);const Se=h.x0,Ae=h.x1,Re=h.y0,Pe=h.y1;return A=>{const $=R(Se,D)(A),ee=R(Ae,E)(A),ne=R(Re,G)(A),te=R(Pe,I)(A);return h.x0=$,h.x1=ee,h.y0=ne,h.y1=te,U().startAngle(()=>$).endAngle(()=>ee).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,ne)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,te)))).cornerRadius(3)(h)||""}}),J(l,v.filter(y=>B(s,y))),M.style("cursor","default"),K.style("cursor","pointer")},B=(t,s)=>{if(t===s)return!0;let l=s.parent;for(;l;){if(l===t)return!0;l=l.parent}return!1},M=x.selectAll("path").data(v.filter(t=>t.depth>0&&t.value&&t.value>0)).enter().append("path").attr("d",be).attr("fill",t=>{let s=t;for(;s.depth>1&&s.parent;)s=s.parent;return O(s.data.name,t.depth)}).attr("stroke",()=>window.getComputedStyle(m.current).getPropertyValue("--color-border")||"#e2e8f0").attr("stroke-width",2).style("cursor",t=>!t.children||t.children.length===0?"default":"pointer").on("click",we).on("mouseover",function(t,s){if(g.current)return;const l=this;k.transition().duration(200).style("opacity",1);const f=s.value||0,z=(f/(w.value||1)*100).toFixed(1);k.html(`
                     <div><strong>${s.data.name}</strong></div>
                     <div>Value: ${f}</div>
                     <div>${z}% of total</div>

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

@@ -0,0 +1 @@
+._container_1cd0m_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_1cd0m_1:hover{box-shadow:0 4px 12px #0000001f}._header_1cd0m_15{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._title_1cd0m_23{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;flex-shrink:0}._actions_1cd0m_31{display:flex;gap:var(--spacing-md)}._controls_1cd0m_37{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}._searchBox_1cd0m_45{position:relative;display:flex;align-items:center;min-width:280px}._searchIcon_1cd0m_52{position:absolute;left:12px;font-size:14px;opacity:.6}._searchInput_1cd0m_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_1cd0m_59:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af371a}._clearButton_1cd0m_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_1cd0m_76:hover{background:var(--color-surface-hover);color:var(--color-text)}._clearFiltersButton_1cd0m_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_1cd0m_93:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}._resultCount_1cd0m_109{margin-left:auto;font-size:14px;color:var(--color-text-secondary);font-weight:500}._loading_1cd0m_117{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-secondary)}._spinner_1cd0m_126{width:20px;height:20px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:_spin_1cd0m_126 1s linear infinite}@keyframes _spin_1cd0m_126{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._empty_1cd0m_141{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}._emptyIcon_1cd0m_147{font-size:48px;display:block;margin-bottom:var(--spacing-md);opacity:.5}._empty_1cd0m_141 p{margin:0;font-size:16px}._tableWrapper_1cd0m_160{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-background-primary)}._stickyHeader_1cd0m_167{max-height:60vh;overflow-y:auto}._stickyHeader_1cd0m_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_1cd0m_160{width:100%;border-collapse:collapse;font-size:14px}._table_1cd0m_160._striped_1cd0m_189 tbody tr:nth-child(2n){background-color:var(--color-background-secondary)}._table_1cd0m_160._compact_1cd0m_193 ._th_1cd0m_193,._table_1cd0m_160._compact_1cd0m_193 ._td_1cd0m_194{padding:8px 12px}._table_1cd0m_160._hoverable_1cd0m_198 tbody tr:hover{background-color:var(--color-surface-hover)}._th_1cd0m_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_1cd0m_213{display:flex;flex-direction:column;gap:8px;min-width:0}._headerText_1cd0m_220{color:var(--color-text);font-weight:var(--font-weight-semibold)}._sortButton_1cd0m_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_1cd0m_225:hover{color:var(--color-primary)}._sortIcon_1cd0m_244{font-size:12px;opacity:.7;transition:all .2s ease}._sortButton_1cd0m_225:hover ._sortIcon_1cd0m_244,._sortButton_1cd0m_225:focus ._sortIcon_1cd0m_244{opacity:1;color:var(--color-primary)}._sortButton_1cd0m_225:focus{outline:2px solid var(--color-primary);outline-offset:2px}._columnFilter_1cd0m_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_1cd0m_261:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px #d4af371a}._tr_1cd0m_279{border-bottom:1px solid var(--color-border);transform:translateZ(0);contain:layout style paint}._tr_1cd0m_279._selected_1cd0m_285{background-color:#d4af3714;border-color:var(--color-primary)}._tr_1cd0m_279._clickable_1cd0m_290{cursor:pointer}._tr_1cd0m_279._clickable_1cd0m_290:hover,._tr_1cd0m_279._clickable_1cd0m_290:focus-within{background-color:var(--color-surface-hover);transition:background-color .15s ease}._tr_1cd0m_279:focus{outline:2px solid var(--color-primary);outline-offset:-2px}._td_1cd0m_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_1cd0m_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_1cd0m_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_1cd0m_338{display:flex;gap:6px;justify-content:center;align-items:center;opacity:.7;transition:opacity .2s ease}._actionsColumn_1cd0m_326:hover ._actionButtons_1cd0m_338{opacity:1}._actionButton_1cd0m_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_1cd0m_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_1cd0m_338:hover:not(:disabled):before{opacity:1}._actionButton_1cd0m_338:hover:not(:disabled){transform:var(--action-button-transform-hover);box-shadow:var(--action-button-shadow-hover)}._actionButton_1cd0m_338:active:not(:disabled){transform:var(--action-button-transform-active);transition-duration:.1s}._actionButton_1cd0m_338:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}._actionButton_1cd0m_338:focus{outline:none;box-shadow:0 0 0 3px #d4af374d,0 8px 20px #0000001f,0 4px 12px #00000014}._actionButton_1cd0m_338 svg{width:var(--icon-size);height:var(--icon-size);transition:all .2s ease}._actionButton_1cd0m_338:hover:not(:disabled) svg{transform:scale(1.1)}._actionButtonPrimary_1cd0m_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_1cd0m_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_1cd0m_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_1cd0m_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_1cd0m_478{background:linear-gradient(135deg,#ef44441f,#dc262626);color:#dc2626;box-shadow:0 4px 12px #dc262626,0 2px 6px #dc262614}._actionButtonDanger_1cd0m_478:hover:not(:disabled){background:linear-gradient(135deg,#ef444433,#dc262640);color:#b91c1c;box-shadow:0 8px 24px #dc262640,0 4px 12px #dc262626}._actionButtonWarning_1cd0m_500{background:linear-gradient(135deg,#f59e0b1f,#d9770626);color:#d97706;box-shadow:0 4px 12px #d9770626,0 2px 6px #d9770614}._actionButtonWarning_1cd0m_500:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b33,#d9770640);color:#b45309;box-shadow:0 8px 24px #d9770640,0 4px 12px #d9770626}._actionButtonSuccess_1cd0m_522{background:linear-gradient(135deg,#22c55e1f,#05966926);color:#059669;box-shadow:0 4px 12px #05966926,0 2px 6px #05966914}._actionButtonSuccess_1cd0m_522:hover:not(:disabled){background:linear-gradient(135deg,#22c55e33,#05966940);color:#047857;box-shadow:0 8px 24px #05966940,0 4px 12px #05966926}._checkbox_1cd0m_315{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}._nullValue_1cd0m_552{color:var(--color-text-secondary);font-style:italic;opacity:.7}._badge_1cd0m_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_1cd0m_569{background:#22c55e1a;color:#059669}._badgeDanger_1cd0m_574{background:#ef44441a;color:#dc2626}._code_1cd0m_579{background:var(--color-background-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:12px;white-space:pre-wrap;border:1px solid var(--color-border);display:block;max-width:300px;overflow:auto}._pagination_1cd0m_593{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}._pageInfo_1cd0m_602{font-size:14px;color:var(--color-text-secondary);font-weight:500}._pageControls_1cd0m_608{display:flex;align-items:center;gap:4px}._pageButton_1cd0m_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_1cd0m_614:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary)}._pageButton_1cd0m_614:disabled{opacity:.5;cursor:not-allowed}._pageNumber_1cd0m_639{padding:8px 16px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text)}._pageSizeSelect_1cd0m_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_1cd0m_646:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af371a}@media (max-width: 768px){._container_1cd0m_1{padding:var(--spacing-md)}._header_1cd0m_15{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}._bulkActions_1cd0m_675{justify-content:flex-start}._controls_1cd0m_37{flex-direction:column;align-items:stretch}._searchBox_1cd0m_45{min-width:auto}._resultCount_1cd0m_109{margin-left:0;text-align:center}._tableWrapper_1cd0m_160{overflow-x:auto}._table_1cd0m_160{min-width:600px}._pagination_1cd0m_593{flex-direction:column;align-items:center;text-align:center}._pageControls_1cd0m_608{order:-1;margin-bottom:var(--spacing-sm)}}@media (max-width: 480px){._th_1cd0m_193,._td_1cd0m_194{padding:8px}._columnFilter_1cd0m_261{min-width:80px}._pageButton_1cd0m_614{padding:6px 8px;min-width:32px}}._bulkActions_1cd0m_675{display:flex;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;flex:1;justify-content:flex-end;min-height:42px}._bulkActionButtons_1cd0m_740{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;animation:_bulkActionsSlideIn_1cd0m_1 .3s cubic-bezier(.4,0,.2,1)}@keyframes _bulkActionsSlideIn_1cd0m_1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}._bulkActionButton_1cd0m_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_1cd0m_740:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}._bulkActionButton_1cd0m_740:active:not(:disabled){transform:translateY(-1px);transition:all .1s cubic-bezier(.4,0,.2,1)}._bulkActionButton_1cd0m_740:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}._bulkActionButton_1cd0m_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_1cd0m_740:hover:not(:disabled):before{left:100%}._selectionCount_1cd0m_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_1cd0m_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_1cd0m_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_1cd0m_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_1cd0m_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_1cd0m_861{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626}._bulkDanger_1cd0m_861:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}._bulkWarning_1cd0m_871{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #d97706}._bulkWarning_1cd0m_871:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}._bulkSuccess_1cd0m_881{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}._bulkSuccess_1cd0m_881:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}._bulkCustom_1cd0m_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_1cd0m_901{overflow-x:auto;-webkit-overflow-scrolling:touch}._horizontalScroll_1cd0m_901 ._table_1cd0m_160{min-width:100%;width:max-content}._horizontalScroll_1cd0m_901::-webkit-scrollbar{height:8px}._horizontalScroll_1cd0m_901::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._horizontalScroll_1cd0m_901::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}._horizontalScroll_1cd0m_901::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 80%,var(--color-text))}

package/storybook-static/assets/{Table.stories-CXsQAQrR.js → Table.stories-wQGb96WC.js}

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

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

@@ -0,0 +1 @@
+._tabs_1ljnu_1{display:flex;gap:0;padding:0;padding-bottom:var(--spacing-md);background:transparent;position:relative;width:100%}._tabs_1ljnu_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_1ljnu_1{position:relative;flex:1 1 0;justify-content:center;padding:16px 24px;background:transparent;border:none;border-radius:0;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-family-primary);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_1ljnu_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_1ljnu_1:hover{color:var(--color-text);opacity:1;transform:translateY(-2px)}._tab_1ljnu_1:hover:before{width:30%}._tab_1ljnu_1[data-active=true]:before{width:100%}._activeTabBackground_1ljnu_74{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}._tab_1ljnu_1[data-active=true]{color:var(--color-primary);opacity:1;transform:translateY(-2px)}._tabIcon_1ljnu_87{width:18px;height:18px;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1)}._tab_1ljnu_1:hover ._tabIcon_1ljnu_87{transform:rotate(5deg) scale(1.1)}._tab_1ljnu_1[data-active=true] ._tabIcon_1ljnu_87{transform:rotate(0) scale(1.15);filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb),.3))}._tab_1ljnu_1:active{transform:translateY(0)}._tab_1ljnu_1:active ._tabIcon_1ljnu_87{transform:scale(.95)}