@stfrigerio/sito-template 0.1.51 → 0.1.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stfrigerio/sito-template",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "description": "A library of React components with animations for quick website development",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/storybook-static/assets/{ASCIIText.stories-DpBtrb9i.js → ASCIIText.stories-Cb8HvABR.js}

@@ -1,4 +1,4 @@
-import{r as v,j as w}from"./iframe-CvT6MryR.js";import{P as E,S as F,a$ as I,a5 as T,q as R,i as B,M as A,W as P}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const D=`
+import{r as v,j as w}from"./iframe-LZvJb0BS.js";import{P as E,S as F,a$ as I,a5 as T,q as R,i as B,M as A,W as P}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const D=`
 varying vec2 vUv;
 uniform float uTime;
 uniform float mouse;

package/storybook-static/assets/{AllAtoms.stories-C2hvLJ8w.js → AllAtoms.stories-Disxvghm.js}

@@ -1,4 +1,4 @@
-import{j as e,r as a}from"./iframe-CvT6MryR.js";import{B as s}from"./Button-2CSvbnXB.js";import{C as t}from"./Card-DZVLYsdd.js";import"./index-Cb6YhhUk.js";import{C as v}from"./Checkbox-D7FUqeuB.js";import{D as R}from"./DateInput-DYaAr-pD.js";import{S as Se}from"./SearchableDropdown-BTWjVlVv.js";import{S as $}from"./SelectInput-BhKBu2cI.js";import{T as G}from"./TextArea-CMvPbRqQ.js";import{T as d}from"./TextInput-7QROD9Bu.js";import{T as h}from"./Toggle-DLu7xVQv.js";import{N as V}from"./NumberStepper-DvLaVPaJ.js";import{T as g}from"./ToggleButton-Cq7dxxuH.js";import"./Slider-Cj4NY5N0.js";import"./LoadingSpinner-xoFPGq9a.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";import"./index-2ZuXCVEx.js";import"./createLucideIcon-Eaeny9Zi.js";import"./chevron-down-BZPtZoHS.js";import"./search-Cfa-rwoK.js";import"./check-D8bWZLP6.js";const Je={title:"Atoms/All Atoms Showcase",parameters:{layout:"padded",docs:{description:{component:"A comprehensive showcase of all atomic components in the design system."}}}},ke=()=>{var Q,X;const[f,z]=a.useState(!1),[b,B]=a.useState(!0),[C,O]=a.useState(!1),[u,w]=a.useState("2024-01-01"),[n,D]=a.useState("2024-12-25"),[c,j]=a.useState(""),[i,A]=a.useState(""),[y,I]=a.useState("medium"),[S,p]=a.useState(""),[o,te]=a.useState("This is some pre-filled text that you can edit..."),[L,le]=a.useState(""),[se,H]=a.useState("Pre-filled value"),[re,F]=a.useState(""),[m,U]=a.useState(!1),[oe,ne]=a.useState(!0),[ie,ce]=a.useState(5),[de,ge]=a.useState(0),[ue,pe]=a.useState(7),[N,me]=a.useState(!1),[E,xe]=a.useState(!1),[W,ve]=a.useState(!1),[M,he]=a.useState(!1),[P,fe]=a.useState(!1),[Te,be]=a.useState(0),[Ve,Ce]=a.useState(""),_=[{value:"react",label:"React"},{value:"vue",label:"Vue"},{value:"angular",label:"Angular"},{value:"svelte",label:"Svelte"},{value:"solid",label:"Solid"},{value:"qwik",label:"Qwik"},{value:"ember",label:"Ember"},{value:"backbone",label:"Backbone"}],je=[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"},{value:"xlarge",label:"Extra Large"}],q=[{value:"frontend",label:"Frontend Development"},{value:"backend",label:"Backend Development"},{value:"fullstack",label:"Full Stack"},{value:"mobile",label:"Mobile Development"},{value:"devops",label:"DevOps"},{value:"design",label:"UI/UX Design"}],r=l=>{be(x=>x+1),Ce(l)},ye=l=>{l.length<3?F("Must be at least 3 characters"):l.length>20?F("Must be less than 20 characters"):F("")};return e.jsxs("div",{style:{maxWidth:"1200px",margin:"0 auto",padding:"var(--spacing-xl)",fontFamily:"var(--font-primary)"},children:[e.jsx("h1",{style:{marginBottom:"var(--spacing-xl)",color:"var(--color-text)",fontSize:"var(--font-size-4xl)"},children:"Atomic Components Showcase"}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Buttons"}),e.jsxs(t,{children:[e.jsx("p",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text-secondary)"},children:"Various button variants and sizes"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(150px, 1fr))",gap:"var(--spacing-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx(s,{variant:"primary",onClick:()=>r("Primary"),children:"Primary"}),e.jsx(s,{variant:"secondary",onClick:()=>r("Secondary"),children:"Secondary"}),e.jsx(s,{variant:"outline",onClick:()=>r("Outline"),children:"Outline"}),e.jsx(s,{variant:"ghost",onClick:()=>r("Ghost"),children:"Ghost"}),e.jsx(s,{variant:"danger",onClick:()=>r("Danger"),children:"Danger"}),e.jsx(s,{disabled:!0,onClick:()=>r("Disabled"),children:"Disabled (No Click)"})]}),e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-md)",flexWrap:"wrap",alignItems:"center"},children:[e.jsx(s,{size:"small",onClick:()=>r("Small"),children:"Small"}),e.jsx(s,{size:"medium",onClick:()=>r("Medium"),children:"Medium"}),e.jsx(s,{size:"large",onClick:()=>r("Large"),children:"Large"}),e.jsx(s,{fullWidth:!0,onClick:()=>r("Full Width"),children:"Full Width Button"})]})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Cards"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)"},children:"Default Card"}),e.jsx("p",{children:"A basic card component with padding and background."})]}),e.jsxs(t,{variant:"elevated",children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)"},children:"Elevated Card"}),e.jsx("p",{children:"This card has a shadow effect for depth."})]}),e.jsxs(t,{variant:"outlined",children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)"},children:"Outlined Card"}),e.jsx("p",{children:"This card has a border instead of a background."})]})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Form Inputs"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx(d,{value:L,label:"Text Input with Validation",onChange:l=>{le(l),ye(l)},placeholder:"Type 3-20 characters...",error:re}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:['Current value: "',L,'" (',L.length," chars)"]})]}),e.jsxs(t,{children:[e.jsx(d,{label:"Pre-filled Text Input",value:se,onChange:H,placeholder:"Enter text here..."}),e.jsx(s,{size:"small",variant:"outline",onClick:()=>H(""),style:{marginTop:"var(--spacing-xs)"},children:"Clear"})]}),e.jsxs(t,{children:[e.jsx(R,{label:"Start Date",value:u,onChange:w}),e.jsx("div",{style:{marginTop:"var(--spacing-md)"},children:e.jsx(R,{label:"End Date",value:n,onChange:D})}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:["Selected range: ",u," to ",n]})]}),e.jsxs(t,{children:[e.jsx($,{label:"Size Selection",value:y,onChange:I,options:je}),e.jsx($,{label:"Category Selection",value:i,onChange:A,options:q,placeholder:"Choose category..."}),i&&e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",padding:"var(--spacing-xs)",background:"var(--color-primary)",color:"var(--color-text-inverse)",borderRadius:"var(--radius-sm)",fontSize:"var(--font-size-xs)"},children:["Selected: ",(Q=q.find(l=>l.value===i))==null?void 0:Q.label]})]}),e.jsxs(t,{children:[e.jsx(Se,{label:"Searchable Framework Selector",options:_,value:c,onChange:j,placeholder:"Search or select framework..."}),c&&e.jsxs("div",{style:{marginTop:"var(--spacing-md)"},children:[e.jsxs("p",{style:{fontSize:"var(--font-size-sm)",marginBottom:"var(--spacing-xs)"},children:["You selected: ",e.jsx("strong",{children:(X=_.find(l=>l.value===c))==null?void 0:X.label})]}),e.jsx(s,{size:"small",variant:"outline",onClick:()=>j(""),children:"Clear Selection"})]})]}),e.jsx(t,{style:{gridColumn:"span 2"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--spacing-md)"},children:[e.jsxs("div",{children:[e.jsx(G,{label:"Empty Text Area",value:S,onChange:p,placeholder:"Start typing here...",rows:4}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:["Character count: ",S.length]})]}),e.jsxs("div",{children:[e.jsx(G,{label:"Pre-filled Text Area",value:o,onChange:te,rows:4}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:["Word count: ",o.split(/\s+/).filter(l=>l).length," words"]})]})]})})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Number Steppers & Toggle Buttons"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-lg)",marginBottom:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Number Steppers"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-lg)"},children:[e.jsx(V,{value:ie,onChange:ce,min:0,max:100,step:5,label:"Cigarettes",icon:"🚬"}),e.jsx(V,{value:de,onChange:ge,min:0,max:10,step:1,label:"Water Glasses",icon:"💧",variant:"filled",showPlusMinus:!0}),e.jsx(V,{value:ue,onChange:pe,min:0,max:12,step:.5,label:"Sleep Hours",icon:"😴",variant:"outlined"})]})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Boolean Habit Toggles"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"var(--spacing-md)"},children:[e.jsx(g,{active:N,onClick:()=>me(!N),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:E,onClick:()=>xe(!E),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:W,onClick:()=>ve(!W),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:M,onClick:()=>he(!M),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:P,onClick:()=>fe(!P),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]}),e.jsx("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-sm)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-sm)"},children:e.jsxs("p",{style:{fontSize:"var(--font-size-xs)"},children:["Completed habits: ",[N&&"Teeth",E&&"Shower",W&&"Meditate",M&&"Vitamins",P&&"Exercise"].filter(Boolean).join(", ")||"None"]})})]})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Toggle Controls"}),e.jsx(t,{children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Checkboxes"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-md)"},children:[e.jsx(v,{checked:f,onChange:z,label:"Accept terms and conditions"}),e.jsx(v,{checked:b,onChange:B,label:"Subscribe to newsletter"}),e.jsx(v,{checked:C,onChange:O,label:"Enable notifications"})]}),e.jsx("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-sm)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-sm)"},children:e.jsxs("p",{style:{fontSize:"var(--font-size-xs)"},children:["Checked items: ",[f&&"Terms",b&&"Newsletter",C&&"Notifications"].filter(Boolean).join(", ")||"None"]})})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Toggle Switches"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-md)"},children:[e.jsx(h,{isOn:m,onToggle:U,leftLabel:"Off",rightLabel:"On"}),e.jsx(h,{isOn:oe,onToggle:ne,leftLabel:"Off",rightLabel:"On"}),e.jsx(h,{isOn:!m,onToggle:l=>U(!l),leftLabel:"Off",rightLabel:"On"})]}),e.jsx("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-sm)",background:m?"var(--color-grey-900)":"var(--color-background-secondary)",color:m?"var(--color-text-inverse)":"var(--color-text)",borderRadius:"var(--radius-sm)",transition:"all 0.3s ease"},children:e.jsxs("p",{style:{fontSize:"var(--font-size-xs)"},children:["Dark mode is ",m?"ON":"OFF"]})})]})]})})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Component States Demo"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Error State"}),e.jsx(d,{label:"Error State Input",value:"Invalid input",onChange:()=>{},error:"This field has an error"}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(v,{checked:!1,onChange:()=>{},label:"Error checkbox (disabled)",disabled:!0})})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Disabled State"}),e.jsx(d,{label:"Disabled Input",value:"Disabled input",onChange:()=>{},disabled:!0}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(s,{disabled:!0,children:"Disabled Button"})}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(h,{isOn:!0,onToggle:()=>{},leftLabel:"Off",rightLabel:"On"})})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Loading State"}),e.jsx(s,{loading:!0,children:"Loading..."}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(d,{label:"Loading Input",value:"Loading...",onChange:()=>{},disabled:!0,placeholder:"Processing..."})})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Success State"}),e.jsx("div",{style:{padding:"var(--spacing-sm)",background:"var(--color-success-bg)",color:"var(--color-success)",borderRadius:"var(--radius-sm)",marginBottom:"var(--spacing-sm)"},children:"✓ Successfully saved!"}),e.jsx(s,{variant:"primary",onClick:()=>alert("Saved!"),children:"Save Changes"})]})]})]}),e.jsxs("section",{children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Live Theme Colors"}),e.jsxs(t,{children:[e.jsx("p",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text-secondary)"},children:"These colors update automatically when you switch themes"}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(150px, 1fr))",gap:"var(--spacing-md)"},children:[{name:"Primary",var:"--color-primary"},{name:"Secondary",var:"--color-secondary"},{name:"Success",var:"--color-success"},{name:"Warning",var:"--color-warning"},{name:"Error",var:"--color-error"},{name:"Info",var:"--color-info"}].map(l=>e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("div",{style:{width:"100%",height:"80px",backgroundColor:`var(${l.var})`,borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-xs)",border:"1px solid var(--color-border)",cursor:"pointer",transition:"transform 0.2s ease"},onClick:()=>alert(`This is the ${l.name} color!`),onMouseEnter:x=>x.currentTarget.style.transform="scale(1.05)",onMouseLeave:x=>x.currentTarget.style.transform="scale(1)"}),e.jsx("span",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:l.name})]},l.name))})]})]})]})},k={render:()=>e.jsx(ke,{})},T={render:()=>{const[f,z]=a.useState(""),[b,B]=a.useState("2024-01-01"),[C,O]=a.useState(""),[u,w]=a.useState(!1),[n,D]=a.useState(!1),[c,j]=a.useState(0),[i,A]=a.useState(!1),[y,I]=a.useState(""),[S,p]=a.useState(0);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-xl)",padding:"var(--spacing-xl)"},children:[e.jsxs(t,{children:[e.jsx("h3",{children:"Interactive Buttons"}),e.jsxs("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)",marginBottom:"12px"},children:["Clicks: ",S]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"},children:[e.jsx(s,{variant:"primary",size:"small",onClick:()=>p(o=>o+1),children:"Primary"}),e.jsx(s,{variant:"secondary",size:"small",onClick:()=>p(o=>o+1),children:"Secondary"}),e.jsx(s,{variant:"outline",size:"small",onClick:()=>p(o=>o+1),children:"Outline"})]})]}),e.jsxs(t,{children:[e.jsx("h3",{children:"Form Inputs"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"},children:[e.jsx(d,{label:"Compact Text",value:f,onChange:z,placeholder:"Type something..."}),e.jsx(R,{label:"Compact Date",value:b,onChange:B}),e.jsx($,{label:"Compact Select",value:C,onChange:O,options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"},{value:"3",label:"Option 3"}],placeholder:"Select an option"})]})]}),e.jsxs(t,{children:[e.jsx("h3",{children:"Toggle Controls"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"12px"},children:[e.jsx(v,{checked:u,onChange:w,label:`Checkbox (${u?"ON":"OFF"})`}),e.jsx(h,{isOn:n,onToggle:D,leftLabel:"Off",rightLabel:"On"}),e.jsx(V,{value:c,onChange:j,min:0,max:10,step:1,label:"Count",icon:"🔢",size:"small"}),e.jsx(g,{active:i,onClick:()=>A(!i),icon:"⭐",label:"Favorite",size:"small",showCheckmark:!0})]}),e.jsxs("div",{style:{marginTop:"12px",padding:"8px",background:n?"var(--color-primary)":"var(--color-background-secondary)",color:n?"var(--color-text-inverse)":"var(--color-text)",borderRadius:"var(--radius-sm)",fontSize:"var(--font-size-xs)",textAlign:"center",transition:"all 0.3s ease"},children:["Toggle: ",n?"ON":"OFF"," | Number: ",c," | Button: ",i?"Active":"Inactive"]})]}),e.jsxs(t,{children:[e.jsx("h3",{children:"Text Area"}),e.jsxs("div",{style:{marginTop:"12px"},children:[e.jsx(G,{label:"Compact Text Area",value:y,onChange:I,placeholder:"Write something...",rows:3}),e.jsxs("p",{style:{marginTop:"8px",fontSize:"var(--font-size-xs)",color:"var(--color-text-secondary)"},children:[y.length," characters"]})]})]})]})}};var Y,J,K;k.parameters={...k.parameters,docs:{...(Y=k.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+import{j as e,r as a}from"./iframe-LZvJb0BS.js";import{B as s}from"./Button-DK4vPDdE.js";import{C as t}from"./Card--7bShmQv.js";import"./index-D9mC-cEf.js";import{C as v}from"./Checkbox-BZ4OK19r.js";import{D as R}from"./DateInput-Dhe5jlzS.js";import{S as Se}from"./SearchableDropdown--EWJF18v.js";import{S as $}from"./SelectInput-CFM_N8VG.js";import{T as G}from"./TextArea-DGywTJLt.js";import{T as d}from"./TextInput-CiI38oLt.js";import{T as h}from"./Toggle-DwTHl9Fm.js";import{N as V}from"./NumberStepper-BaK5ZScA.js";import{T as g}from"./ToggleButton-s2aFLlgS.js";import"./Slider-dqb2UNTZ.js";import"./LoadingSpinner-C4MXlRnC.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./index-vc18hLoj.js";import"./createLucideIcon-yjHXhSOm.js";import"./chevron-down-BC5Z9HYA.js";import"./search-BVmOcKZi.js";import"./check-7O6ar4SG.js";const Je={title:"Atoms/All Atoms Showcase",parameters:{layout:"padded",docs:{description:{component:"A comprehensive showcase of all atomic components in the design system."}}}},ke=()=>{var Q,X;const[f,z]=a.useState(!1),[b,B]=a.useState(!0),[C,O]=a.useState(!1),[u,w]=a.useState("2024-01-01"),[n,D]=a.useState("2024-12-25"),[c,j]=a.useState(""),[i,A]=a.useState(""),[y,I]=a.useState("medium"),[S,p]=a.useState(""),[o,te]=a.useState("This is some pre-filled text that you can edit..."),[L,le]=a.useState(""),[se,H]=a.useState("Pre-filled value"),[re,F]=a.useState(""),[m,U]=a.useState(!1),[oe,ne]=a.useState(!0),[ie,ce]=a.useState(5),[de,ge]=a.useState(0),[ue,pe]=a.useState(7),[N,me]=a.useState(!1),[E,xe]=a.useState(!1),[W,ve]=a.useState(!1),[M,he]=a.useState(!1),[P,fe]=a.useState(!1),[Te,be]=a.useState(0),[Ve,Ce]=a.useState(""),_=[{value:"react",label:"React"},{value:"vue",label:"Vue"},{value:"angular",label:"Angular"},{value:"svelte",label:"Svelte"},{value:"solid",label:"Solid"},{value:"qwik",label:"Qwik"},{value:"ember",label:"Ember"},{value:"backbone",label:"Backbone"}],je=[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"},{value:"xlarge",label:"Extra Large"}],q=[{value:"frontend",label:"Frontend Development"},{value:"backend",label:"Backend Development"},{value:"fullstack",label:"Full Stack"},{value:"mobile",label:"Mobile Development"},{value:"devops",label:"DevOps"},{value:"design",label:"UI/UX Design"}],r=l=>{be(x=>x+1),Ce(l)},ye=l=>{l.length<3?F("Must be at least 3 characters"):l.length>20?F("Must be less than 20 characters"):F("")};return e.jsxs("div",{style:{maxWidth:"1200px",margin:"0 auto",padding:"var(--spacing-xl)",fontFamily:"var(--font-primary)"},children:[e.jsx("h1",{style:{marginBottom:"var(--spacing-xl)",color:"var(--color-text)",fontSize:"var(--font-size-4xl)"},children:"Atomic Components Showcase"}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Buttons"}),e.jsxs(t,{children:[e.jsx("p",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text-secondary)"},children:"Various button variants and sizes"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(150px, 1fr))",gap:"var(--spacing-md)",marginBottom:"var(--spacing-lg)"},children:[e.jsx(s,{variant:"primary",onClick:()=>r("Primary"),children:"Primary"}),e.jsx(s,{variant:"secondary",onClick:()=>r("Secondary"),children:"Secondary"}),e.jsx(s,{variant:"outline",onClick:()=>r("Outline"),children:"Outline"}),e.jsx(s,{variant:"ghost",onClick:()=>r("Ghost"),children:"Ghost"}),e.jsx(s,{variant:"danger",onClick:()=>r("Danger"),children:"Danger"}),e.jsx(s,{disabled:!0,onClick:()=>r("Disabled"),children:"Disabled (No Click)"})]}),e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-md)",flexWrap:"wrap",alignItems:"center"},children:[e.jsx(s,{size:"small",onClick:()=>r("Small"),children:"Small"}),e.jsx(s,{size:"medium",onClick:()=>r("Medium"),children:"Medium"}),e.jsx(s,{size:"large",onClick:()=>r("Large"),children:"Large"}),e.jsx(s,{fullWidth:!0,onClick:()=>r("Full Width"),children:"Full Width Button"})]})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Cards"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)"},children:"Default Card"}),e.jsx("p",{children:"A basic card component with padding and background."})]}),e.jsxs(t,{variant:"elevated",children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)"},children:"Elevated Card"}),e.jsx("p",{children:"This card has a shadow effect for depth."})]}),e.jsxs(t,{variant:"outlined",children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)"},children:"Outlined Card"}),e.jsx("p",{children:"This card has a border instead of a background."})]})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Form Inputs"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx(d,{value:L,label:"Text Input with Validation",onChange:l=>{le(l),ye(l)},placeholder:"Type 3-20 characters...",error:re}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:['Current value: "',L,'" (',L.length," chars)"]})]}),e.jsxs(t,{children:[e.jsx(d,{label:"Pre-filled Text Input",value:se,onChange:H,placeholder:"Enter text here..."}),e.jsx(s,{size:"small",variant:"outline",onClick:()=>H(""),style:{marginTop:"var(--spacing-xs)"},children:"Clear"})]}),e.jsxs(t,{children:[e.jsx(R,{label:"Start Date",value:u,onChange:w}),e.jsx("div",{style:{marginTop:"var(--spacing-md)"},children:e.jsx(R,{label:"End Date",value:n,onChange:D})}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:["Selected range: ",u," to ",n]})]}),e.jsxs(t,{children:[e.jsx($,{label:"Size Selection",value:y,onChange:I,options:je}),e.jsx($,{label:"Category Selection",value:i,onChange:A,options:q,placeholder:"Choose category..."}),i&&e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",padding:"var(--spacing-xs)",background:"var(--color-primary)",color:"var(--color-text-inverse)",borderRadius:"var(--radius-sm)",fontSize:"var(--font-size-xs)"},children:["Selected: ",(Q=q.find(l=>l.value===i))==null?void 0:Q.label]})]}),e.jsxs(t,{children:[e.jsx(Se,{label:"Searchable Framework Selector",options:_,value:c,onChange:j,placeholder:"Search or select framework..."}),c&&e.jsxs("div",{style:{marginTop:"var(--spacing-md)"},children:[e.jsxs("p",{style:{fontSize:"var(--font-size-sm)",marginBottom:"var(--spacing-xs)"},children:["You selected: ",e.jsx("strong",{children:(X=_.find(l=>l.value===c))==null?void 0:X.label})]}),e.jsx(s,{size:"small",variant:"outline",onClick:()=>j(""),children:"Clear Selection"})]})]}),e.jsx(t,{style:{gridColumn:"span 2"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"var(--spacing-md)"},children:[e.jsxs("div",{children:[e.jsx(G,{label:"Empty Text Area",value:S,onChange:p,placeholder:"Start typing here...",rows:4}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:["Character count: ",S.length]})]}),e.jsxs("div",{children:[e.jsx(G,{label:"Pre-filled Text Area",value:o,onChange:te,rows:4}),e.jsxs("p",{style:{marginTop:"var(--spacing-xs)",fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)"},children:["Word count: ",o.split(/\s+/).filter(l=>l).length," words"]})]})]})})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Number Steppers & Toggle Buttons"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-lg)",marginBottom:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Number Steppers"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-lg)"},children:[e.jsx(V,{value:ie,onChange:ce,min:0,max:100,step:5,label:"Cigarettes",icon:"🚬"}),e.jsx(V,{value:de,onChange:ge,min:0,max:10,step:1,label:"Water Glasses",icon:"💧",variant:"filled",showPlusMinus:!0}),e.jsx(V,{value:ue,onChange:pe,min:0,max:12,step:.5,label:"Sleep Hours",icon:"😴",variant:"outlined"})]})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Boolean Habit Toggles"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"var(--spacing-md)"},children:[e.jsx(g,{active:N,onClick:()=>me(!N),icon:"🦷",label:"Teeth",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:E,onClick:()=>xe(!E),icon:"🚿",label:"Shower",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:W,onClick:()=>ve(!W),icon:"🧘",label:"Meditate",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:M,onClick:()=>he(!M),icon:"💊",label:"Vitamins",variant:"outlined",activeColor:"success",showCheckmark:!0}),e.jsx(g,{active:P,onClick:()=>fe(!P),icon:"💪",label:"Exercise",variant:"outlined",activeColor:"success",showCheckmark:!0})]}),e.jsx("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-sm)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-sm)"},children:e.jsxs("p",{style:{fontSize:"var(--font-size-xs)"},children:["Completed habits: ",[N&&"Teeth",E&&"Shower",W&&"Meditate",M&&"Vitamins",P&&"Exercise"].filter(Boolean).join(", ")||"None"]})})]})]})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Toggle Controls"}),e.jsx(t,{children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Checkboxes"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-md)"},children:[e.jsx(v,{checked:f,onChange:z,label:"Accept terms and conditions"}),e.jsx(v,{checked:b,onChange:B,label:"Subscribe to newsletter"}),e.jsx(v,{checked:C,onChange:O,label:"Enable notifications"})]}),e.jsx("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-sm)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-sm)"},children:e.jsxs("p",{style:{fontSize:"var(--font-size-xs)"},children:["Checked items: ",[f&&"Terms",b&&"Newsletter",C&&"Notifications"].filter(Boolean).join(", ")||"None"]})})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-md)",fontSize:"var(--font-size-lg)",color:"var(--color-text)"},children:"Toggle Switches"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--spacing-md)"},children:[e.jsx(h,{isOn:m,onToggle:U,leftLabel:"Off",rightLabel:"On"}),e.jsx(h,{isOn:oe,onToggle:ne,leftLabel:"Off",rightLabel:"On"}),e.jsx(h,{isOn:!m,onToggle:l=>U(!l),leftLabel:"Off",rightLabel:"On"})]}),e.jsx("div",{style:{marginTop:"var(--spacing-md)",padding:"var(--spacing-sm)",background:m?"var(--color-grey-900)":"var(--color-background-secondary)",color:m?"var(--color-text-inverse)":"var(--color-text)",borderRadius:"var(--radius-sm)",transition:"all 0.3s ease"},children:e.jsxs("p",{style:{fontSize:"var(--font-size-xs)"},children:["Dark mode is ",m?"ON":"OFF"]})})]})]})})]}),e.jsxs("section",{style:{marginBottom:"var(--spacing-3xl)"},children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Component States Demo"}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-lg)"},children:[e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Error State"}),e.jsx(d,{label:"Error State Input",value:"Invalid input",onChange:()=>{},error:"This field has an error"}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(v,{checked:!1,onChange:()=>{},label:"Error checkbox (disabled)",disabled:!0})})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Disabled State"}),e.jsx(d,{label:"Disabled Input",value:"Disabled input",onChange:()=>{},disabled:!0}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(s,{disabled:!0,children:"Disabled Button"})}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(h,{isOn:!0,onToggle:()=>{},leftLabel:"Off",rightLabel:"On"})})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Loading State"}),e.jsx(s,{loading:!0,children:"Loading..."}),e.jsx("div",{style:{marginTop:"var(--spacing-sm)"},children:e.jsx(d,{label:"Loading Input",value:"Loading...",onChange:()=>{},disabled:!0,placeholder:"Processing..."})})]}),e.jsxs(t,{children:[e.jsx("h3",{style:{marginBottom:"var(--spacing-sm)",color:"var(--color-text-secondary)",fontSize:"var(--font-size-sm)"},children:"Success State"}),e.jsx("div",{style:{padding:"var(--spacing-sm)",background:"var(--color-success-bg)",color:"var(--color-success)",borderRadius:"var(--radius-sm)",marginBottom:"var(--spacing-sm)"},children:"✓ Successfully saved!"}),e.jsx(s,{variant:"primary",onClick:()=>alert("Saved!"),children:"Save Changes"})]})]})]}),e.jsxs("section",{children:[e.jsx("h2",{style:{marginBottom:"var(--spacing-lg)",color:"var(--color-text)",fontSize:"var(--font-size-2xl)"},children:"Live Theme Colors"}),e.jsxs(t,{children:[e.jsx("p",{style:{marginBottom:"var(--spacing-md)",color:"var(--color-text-secondary)"},children:"These colors update automatically when you switch themes"}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(150px, 1fr))",gap:"var(--spacing-md)"},children:[{name:"Primary",var:"--color-primary"},{name:"Secondary",var:"--color-secondary"},{name:"Success",var:"--color-success"},{name:"Warning",var:"--color-warning"},{name:"Error",var:"--color-error"},{name:"Info",var:"--color-info"}].map(l=>e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("div",{style:{width:"100%",height:"80px",backgroundColor:`var(${l.var})`,borderRadius:"var(--radius-md)",marginBottom:"var(--spacing-xs)",border:"1px solid var(--color-border)",cursor:"pointer",transition:"transform 0.2s ease"},onClick:()=>alert(`This is the ${l.name} color!`),onMouseEnter:x=>x.currentTarget.style.transform="scale(1.05)",onMouseLeave:x=>x.currentTarget.style.transform="scale(1)"}),e.jsx("span",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:l.name})]},l.name))})]})]})]})},k={render:()=>e.jsx(ke,{})},T={render:()=>{const[f,z]=a.useState(""),[b,B]=a.useState("2024-01-01"),[C,O]=a.useState(""),[u,w]=a.useState(!1),[n,D]=a.useState(!1),[c,j]=a.useState(0),[i,A]=a.useState(!1),[y,I]=a.useState(""),[S,p]=a.useState(0);return e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-xl)",padding:"var(--spacing-xl)"},children:[e.jsxs(t,{children:[e.jsx("h3",{children:"Interactive Buttons"}),e.jsxs("p",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)",marginBottom:"12px"},children:["Clicks: ",S]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"},children:[e.jsx(s,{variant:"primary",size:"small",onClick:()=>p(o=>o+1),children:"Primary"}),e.jsx(s,{variant:"secondary",size:"small",onClick:()=>p(o=>o+1),children:"Secondary"}),e.jsx(s,{variant:"outline",size:"small",onClick:()=>p(o=>o+1),children:"Outline"})]})]}),e.jsxs(t,{children:[e.jsx("h3",{children:"Form Inputs"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginTop:"12px"},children:[e.jsx(d,{label:"Compact Text",value:f,onChange:z,placeholder:"Type something..."}),e.jsx(R,{label:"Compact Date",value:b,onChange:B}),e.jsx($,{label:"Compact Select",value:C,onChange:O,options:[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"},{value:"3",label:"Option 3"}],placeholder:"Select an option"})]})]}),e.jsxs(t,{children:[e.jsx("h3",{children:"Toggle Controls"}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"12px"},children:[e.jsx(v,{checked:u,onChange:w,label:`Checkbox (${u?"ON":"OFF"})`}),e.jsx(h,{isOn:n,onToggle:D,leftLabel:"Off",rightLabel:"On"}),e.jsx(V,{value:c,onChange:j,min:0,max:10,step:1,label:"Count",icon:"🔢",size:"small"}),e.jsx(g,{active:i,onClick:()=>A(!i),icon:"⭐",label:"Favorite",size:"small",showCheckmark:!0})]}),e.jsxs("div",{style:{marginTop:"12px",padding:"8px",background:n?"var(--color-primary)":"var(--color-background-secondary)",color:n?"var(--color-text-inverse)":"var(--color-text)",borderRadius:"var(--radius-sm)",fontSize:"var(--font-size-xs)",textAlign:"center",transition:"all 0.3s ease"},children:["Toggle: ",n?"ON":"OFF"," | Number: ",c," | Button: ",i?"Active":"Inactive"]})]}),e.jsxs(t,{children:[e.jsx("h3",{children:"Text Area"}),e.jsxs("div",{style:{marginTop:"12px"},children:[e.jsx(G,{label:"Compact Text Area",value:y,onChange:I,placeholder:"Write something...",rows:3}),e.jsxs("p",{style:{marginTop:"8px",fontSize:"var(--font-size-xs)",color:"var(--color-text-secondary)"},children:[y.length," characters"]})]})]})]})}};var Y,J,K;k.parameters={...k.parameters,docs:{...(Y=k.parameters)==null?void 0:Y.docs,source:{originalSource:`{
   render: () => <ShowcaseWrapper />
 }`,...(K=(J=k.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Z,ee,ae;T.parameters={...T.parameters,docs:{...(Z=T.parameters)==null?void 0:Z.docs,source:{originalSource:`{
   render: () => {

package/storybook-static/assets/{AnimatedContent.stories-Di9Q7t9j.js → AnimatedContent.stories-jVAgBFE2.js}

@@ -1,4 +1,4 @@
-import{r as E,j as I}from"./iframe-CvT6MryR.js";import{g as u}from"./index-C8pce-KX.js";import{S as b}from"./ScrollTrigger-D1XJUMov.js";import"./preload-helper-C1FmrZbK.js";u.registerPlugin(b);const j=({children:O,container:p,distance:e=100,direction:m="vertical",reverse:s=!1,duration:v=.8,ease:y="power3.out",initialOpacity:o=0,animateOpacity:i=!0,scale:g=1,threshold:q=.1,delay:V=0,disappearAfter:d=0,disappearDuration:h=.5,disappearEase:w="power3.in",onComplete:n,onDisappearanceComplete:t,className:R="",...W})=>{const x=E.useRef(null);return E.useEffect(()=>{const a=x.current;if(!a)return;let l=p||document.getElementById("snap-main-container")||null;typeof l=="string"&&(l=document.querySelector(l));const f=m==="horizontal"?"x":"y",k=s?-e:e,B=(1-q)*100;u.set(a,{[f]:k,scale:g,opacity:i?o:1,visibility:"visible"});const c=u.timeline({paused:!0,delay:V,onComplete:()=>{n&&n(),d>0&&u.to(a,{[f]:s?e:-e,scale:.8,opacity:i?o:0,delay:d,duration:h,ease:w,onComplete:()=>t==null?void 0:t()})}});c.to(a,{[f]:0,scale:1,opacity:1,duration:v,ease:y});const H=b.create({trigger:a,scroller:l,start:`top ${B}%`,once:!0,onEnter:()=>c.play()});return()=>{H.kill(),c.kill()}},[p,e,m,s,v,y,o,i,g,q,V,d,h,w,n,t]),I.jsx("div",{ref:x,className:R,style:{visibility:"hidden"},...W,children:O})};j.__docgenInfo={description:"",methods:[],displayName:"AnimatedContent",props:{distance:{defaultValue:{value:"100",computed:!1},required:!1},direction:{defaultValue:{value:"'vertical'",computed:!1},required:!1},reverse:{defaultValue:{value:"false",computed:!1},required:!1},duration:{defaultValue:{value:"0.8",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},initialOpacity:{defaultValue:{value:"0",computed:!1},required:!1},animateOpacity:{defaultValue:{value:"true",computed:!1},required:!1},scale:{defaultValue:{value:"1",computed:!1},required:!1},threshold:{defaultValue:{value:"0.1",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},disappearAfter:{defaultValue:{value:"0",computed:!1},required:!1},disappearDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},disappearEase:{defaultValue:{value:"'power3.in'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const $={title:"ReactBits/Animations/AnimatedContent",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{children:"Hello World",distance:100,direction:"vertical",reverse:!1,duration:.8,ease:"power3.out",initialOpacity:0,animateOpacity:!0,scale:1,threshold:.1,delay:0,disappearAfter:0,disappearDuration:.5,disappearEase:"power3.in"}};var S,A,_;r.parameters={...r.parameters,docs:{...(S=r.parameters)==null?void 0:S.docs,source:{originalSource:`{
+import{r as E,j as I}from"./iframe-LZvJb0BS.js";import{g as u}from"./index-C8pce-KX.js";import{S as b}from"./ScrollTrigger-D1XJUMov.js";import"./preload-helper-C1FmrZbK.js";u.registerPlugin(b);const j=({children:O,container:p,distance:e=100,direction:m="vertical",reverse:s=!1,duration:v=.8,ease:y="power3.out",initialOpacity:o=0,animateOpacity:i=!0,scale:g=1,threshold:q=.1,delay:V=0,disappearAfter:d=0,disappearDuration:h=.5,disappearEase:w="power3.in",onComplete:n,onDisappearanceComplete:t,className:R="",...W})=>{const x=E.useRef(null);return E.useEffect(()=>{const a=x.current;if(!a)return;let l=p||document.getElementById("snap-main-container")||null;typeof l=="string"&&(l=document.querySelector(l));const f=m==="horizontal"?"x":"y",k=s?-e:e,B=(1-q)*100;u.set(a,{[f]:k,scale:g,opacity:i?o:1,visibility:"visible"});const c=u.timeline({paused:!0,delay:V,onComplete:()=>{n&&n(),d>0&&u.to(a,{[f]:s?e:-e,scale:.8,opacity:i?o:0,delay:d,duration:h,ease:w,onComplete:()=>t==null?void 0:t()})}});c.to(a,{[f]:0,scale:1,opacity:1,duration:v,ease:y});const H=b.create({trigger:a,scroller:l,start:`top ${B}%`,once:!0,onEnter:()=>c.play()});return()=>{H.kill(),c.kill()}},[p,e,m,s,v,y,o,i,g,q,V,d,h,w,n,t]),I.jsx("div",{ref:x,className:R,style:{visibility:"hidden"},...W,children:O})};j.__docgenInfo={description:"",methods:[],displayName:"AnimatedContent",props:{distance:{defaultValue:{value:"100",computed:!1},required:!1},direction:{defaultValue:{value:"'vertical'",computed:!1},required:!1},reverse:{defaultValue:{value:"false",computed:!1},required:!1},duration:{defaultValue:{value:"0.8",computed:!1},required:!1},ease:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},initialOpacity:{defaultValue:{value:"0",computed:!1},required:!1},animateOpacity:{defaultValue:{value:"true",computed:!1},required:!1},scale:{defaultValue:{value:"1",computed:!1},required:!1},threshold:{defaultValue:{value:"0.1",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},disappearAfter:{defaultValue:{value:"0",computed:!1},required:!1},disappearDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},disappearEase:{defaultValue:{value:"'power3.in'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const $={title:"ReactBits/Animations/AnimatedContent",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{children:"Hello World",distance:100,direction:"vertical",reverse:!1,duration:.8,ease:"power3.out",initialOpacity:0,animateOpacity:!0,scale:1,threshold:.1,delay:0,disappearAfter:0,disappearDuration:.5,disappearEase:"power3.in"}};var S,A,_;r.parameters={...r.parameters,docs:{...(S=r.parameters)==null?void 0:S.docs,source:{originalSource:`{
   args: {
     children: 'Hello World',
     distance: 100,

package/storybook-static/assets/{AnimatedList.stories-BGyYB85Y.js → AnimatedList.stories-Di-vE601.js}

@@ -1,4 +1,4 @@
-import{r as a,j as s}from"./iframe-CvT6MryR.js";import{u as A}from"./use-in-view-BP3CscI2.js";import{m as D}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const G="_item_1to6w_34",H="_selected_1to6w_41",n={"scroll-list-container":"_scroll-list-container_1to6w_1","scroll-list":"_scroll-list_1to6w_1","no-scrollbar":"_no-scrollbar_1to6w_25",item:G,selected:H,"item-text":"_item-text_1to6w_45","top-gradient":"_top-gradient_1to6w_50","bottom-gradient":"_bottom-gradient_1to6w_61"},L=({children:l,delay:r=0,index:p,onMouseEnter:c,onClick:y})=>{const d=a.useRef(null),h=A(d,{amount:.5});return s.jsx(D.div,{ref:d,"data-index":p,onMouseEnter:c,onClick:y,initial:{scale:.7,opacity:0},animate:h?{scale:1,opacity:1}:{scale:.7,opacity:0},transition:{duration:.2,delay:r},style:{marginBottom:"1rem",cursor:"pointer"},children:l})},j=({items:l=["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6","Item 7","Item 8","Item 9","Item 10","Item 11","Item 12","Item 13","Item 14","Item 15"],onItemSelect:r,showGradients:p=!0,enableArrowNavigation:c=!0,className:y="",itemClassName:d="",displayScrollbar:h=!0,initialSelectedIndex:M=-1})=>{const g=a.useRef(null),[o,u]=a.useState(M),[w,_]=a.useState(!1),[S,$]=a.useState(0),[E,T]=a.useState(1),C=a.useCallback(t=>{u(t)},[]),V=a.useCallback((t,e)=>{u(e),r&&r(t,e)},[r]),q=a.useCallback(t=>{const{scrollTop:e,scrollHeight:i,clientHeight:m}=t.target;$(Math.min(e/50,1));const I=i-(e+m);T(i<=m?0:Math.min(I/50,1))},[]);return a.useEffect(()=>{if(!c)return;const t=e=>{e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey?(e.preventDefault(),_(!0),u(i=>Math.min(i+1,l.length-1))):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),_(!0),u(i=>Math.max(i-1,0))):e.key==="Enter"&&o>=0&&o<l.length&&(e.preventDefault(),r&&r(l[o],o))};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[l,o,r,c]),a.useEffect(()=>{if(!w||o<0||!g.current)return;const t=g.current,e=t.querySelector(`[data-index="${o}"]`);if(e){const m=t.scrollTop,I=t.clientHeight,v=e.offsetTop,x=v+e.offsetHeight;v<m+50?t.scrollTo({top:v-50,behavior:"smooth"}):x>m+I-50&&t.scrollTo({top:x-I+50,behavior:"smooth"})}_(!1)},[o,w]),s.jsxs("div",{className:`${n["scroll-list-container"]} ${y}`,children:[s.jsx("div",{ref:g,className:`${n["scroll-list"]} ${h?"":n["no-scrollbar"]}`,onScroll:q,children:l.map((t,e)=>s.jsx(L,{delay:.1,index:e,onMouseEnter:()=>C(e),onClick:()=>V(t,e),children:s.jsx("div",{className:`${n.item} ${o===e?n.selected:""} ${d}`,children:s.jsx("p",{className:`${n["item-text"]}`,children:t})})},e))}),p&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`${n["top-gradient"]}`,style:{opacity:S}}),s.jsx("div",{className:`${n["bottom-gradient"]}`,style:{opacity:E}})]})]})};j.__docgenInfo={description:"",methods:[],displayName:"AnimatedList",props:{items:{defaultValue:{value:`[
+import{r as a,j as s}from"./iframe-LZvJb0BS.js";import{u as A}from"./use-in-view--MCxH20O.js";import{m as D}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const G="_item_1to6w_34",H="_selected_1to6w_41",n={"scroll-list-container":"_scroll-list-container_1to6w_1","scroll-list":"_scroll-list_1to6w_1","no-scrollbar":"_no-scrollbar_1to6w_25",item:G,selected:H,"item-text":"_item-text_1to6w_45","top-gradient":"_top-gradient_1to6w_50","bottom-gradient":"_bottom-gradient_1to6w_61"},L=({children:l,delay:r=0,index:p,onMouseEnter:c,onClick:y})=>{const d=a.useRef(null),h=A(d,{amount:.5});return s.jsx(D.div,{ref:d,"data-index":p,onMouseEnter:c,onClick:y,initial:{scale:.7,opacity:0},animate:h?{scale:1,opacity:1}:{scale:.7,opacity:0},transition:{duration:.2,delay:r},style:{marginBottom:"1rem",cursor:"pointer"},children:l})},j=({items:l=["Item 1","Item 2","Item 3","Item 4","Item 5","Item 6","Item 7","Item 8","Item 9","Item 10","Item 11","Item 12","Item 13","Item 14","Item 15"],onItemSelect:r,showGradients:p=!0,enableArrowNavigation:c=!0,className:y="",itemClassName:d="",displayScrollbar:h=!0,initialSelectedIndex:M=-1})=>{const g=a.useRef(null),[o,u]=a.useState(M),[w,_]=a.useState(!1),[S,$]=a.useState(0),[E,T]=a.useState(1),C=a.useCallback(t=>{u(t)},[]),V=a.useCallback((t,e)=>{u(e),r&&r(t,e)},[r]),q=a.useCallback(t=>{const{scrollTop:e,scrollHeight:i,clientHeight:m}=t.target;$(Math.min(e/50,1));const I=i-(e+m);T(i<=m?0:Math.min(I/50,1))},[]);return a.useEffect(()=>{if(!c)return;const t=e=>{e.key==="ArrowDown"||e.key==="Tab"&&!e.shiftKey?(e.preventDefault(),_(!0),u(i=>Math.min(i+1,l.length-1))):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),_(!0),u(i=>Math.max(i-1,0))):e.key==="Enter"&&o>=0&&o<l.length&&(e.preventDefault(),r&&r(l[o],o))};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[l,o,r,c]),a.useEffect(()=>{if(!w||o<0||!g.current)return;const t=g.current,e=t.querySelector(`[data-index="${o}"]`);if(e){const m=t.scrollTop,I=t.clientHeight,v=e.offsetTop,x=v+e.offsetHeight;v<m+50?t.scrollTo({top:v-50,behavior:"smooth"}):x>m+I-50&&t.scrollTo({top:x-I+50,behavior:"smooth"})}_(!1)},[o,w]),s.jsxs("div",{className:`${n["scroll-list-container"]} ${y}`,children:[s.jsx("div",{ref:g,className:`${n["scroll-list"]} ${h?"":n["no-scrollbar"]}`,onScroll:q,children:l.map((t,e)=>s.jsx(L,{delay:.1,index:e,onMouseEnter:()=>C(e),onClick:()=>V(t,e),children:s.jsx("div",{className:`${n.item} ${o===e?n.selected:""} ${d}`,children:s.jsx("p",{className:`${n["item-text"]}`,children:t})})},e))}),p&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:`${n["top-gradient"]}`,style:{opacity:S}}),s.jsx("div",{className:`${n["bottom-gradient"]}`,style:{opacity:E}})]})]})};j.__docgenInfo={description:"",methods:[],displayName:"AnimatedList",props:{items:{defaultValue:{value:`[
   'Item 1',
   'Item 2',
   'Item 3',

package/storybook-static/assets/{Antigravity.stories-Do1dnEK_.js → Antigravity.stories-CE90HCpY.js}

@@ -1,4 +1,4 @@
-import{j as s,r as m}from"./iframe-CvT6MryR.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-BbD9yVT_.js";import{O as ht}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const xt=({count:d=300,magnetRadius:H=10,ringRadius:C=10,waveSpeed:J=.4,waveAmplitude:O=1,particleSize:K=2,lerpSpeed:w=.1,color:L="#FF9FFC",autoAnimate:Q=!1,particleVariance:W=1,rotationSpeed:Z=0,depthFactor:R=1,pulseSpeed:$=3,particleShape:h="capsule",fieldStrength:tt=10})=>{const G=m.useRef(null),{viewport:x}=dt(),o=m.useMemo(()=>new ht,[]),z=m.useRef({x:0,y:0}),X=m.useRef(0),n=m.useRef({x:0,y:0}),et=m.useMemo(()=>{const a=[],u=x.width||100,r=x.height||100;for(let e=0;e<d;e++){const _=Math.random()*100,p=20+Math.random()*100,l=.01+Math.random()/200,M=-50+Math.random()*100,j=-50+Math.random()*100,S=-50+Math.random()*100,g=(Math.random()-.5)*u,t=(Math.random()-.5)*r,y=(Math.random()-.5)*20,c=(Math.random()-.5)*2;a.push({t:_,factor:p,speed:l,xFactor:M,yFactor:j,zFactor:S,mx:g,my:t,mz:y,cx:g,cy:t,cz:y,vx:0,vy:0,vz:0,randomRadiusOffset:c})}return a},[d,x.width,x.height]);return ut(a=>{const u=G.current;if(!u)return;const{viewport:r,pointer:e}=a;Math.sqrt(Math.pow(e.x-z.current.x,2)+Math.pow(e.y-z.current.y,2))>.001&&(X.current=Date.now(),z.current={x:e.x,y:e.y});let p=e.x*r.width/2,l=e.y*r.height/2;if(Q&&Date.now()-X.current>2e3){const t=a.clock.getElapsedTime();p=Math.sin(t*.5)*(r.width/4),l=Math.cos(t*.5*2)*(r.height/4)}const M=.05;n.current.x+=(p-n.current.x)*M,n.current.y+=(l-n.current.y)*M;const j=n.current.x,S=n.current.y,g=a.clock.getElapsedTime()*Z;et.forEach((t,y)=>{let{t:c,speed:st,mx:k,my:q,mz:I,cz:ot,randomRadiusOffset:nt}=t;c=t.t+=st/2;const P=1-ot/50,f=j*P,v=S*P,A=k-f,D=q-v,at=Math.sqrt(A*A+D*D);let i={x:k,y:q,z:I*R};if(at<H){const b=Math.atan2(D,A)+g,ct=Math.sin(c*J+b)*(.5*O),it=nt*(5/(tt+.1)),Y=C+ct+it;i.x=f+Y*Math.cos(b),i.y=v+Y*Math.sin(b),i.z=I*R+Math.sin(c)*(1*O*R)}t.cx+=(i.x-t.cx)*w,t.cy+=(i.y-t.cy)*w,t.cz+=(i.z-t.cz)*w,o.position.set(t.cx,t.cy,t.cz),o.lookAt(f,v,t.cz),o.rotateX(Math.PI/2);const rt=Math.sqrt(Math.pow(t.cx-f,2)+Math.pow(t.cy-v,2));let T=1-Math.abs(rt-C)/10;T=Math.max(0,Math.min(1,T));const E=T*(.8+Math.sin(c*$)*.2*W)*K;o.scale.set(E,E,E),o.updateMatrix(),u.setMatrixAt(y,o.matrix)}),u.instanceMatrix.needsUpdate=!0}),s.jsxs("instancedMesh",{ref:G,args:[void 0,void 0,d],children:[h==="capsule"&&s.jsx("capsuleGeometry",{args:[.1,.4,4,8]}),h==="sphere"&&s.jsx("sphereGeometry",{args:[.2,16,16]}),h==="box"&&s.jsx("boxGeometry",{args:[.3,.3,.3]}),h==="tetrahedron"&&s.jsx("tetrahedronGeometry",{args:[.3]}),s.jsx("meshBasicMaterial",{color:L})]})},U=d=>s.jsx(mt,{camera:{position:[0,0,50],fov:35},children:s.jsx(xt,{...d})});U.__docgenInfo={description:"",methods:[],displayName:"Antigravity"};const ft={title:"ReactBits/Animations/Antigravity",component:U,parameters:{layout:"fullscreen"},tags:["autodocs"]},F={args:{count:300,magnetRadius:10,ringRadius:10,waveSpeed:.4,waveAmplitude:1,particleSize:2,lerpSpeed:.1,color:"#FF9FFC",autoAnimate:!1,particleVariance:1,rotationSpeed:0,depthFactor:1,pulseSpeed:3,particleShape:"capsule",fieldStrength:10}};var B,V,N;F.parameters={...F.parameters,docs:{...(B=F.parameters)==null?void 0:B.docs,source:{originalSource:`{
+import{j as s,r as m}from"./iframe-LZvJb0BS.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-D_o7ZgN9.js";import{O as ht}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const xt=({count:d=300,magnetRadius:H=10,ringRadius:C=10,waveSpeed:J=.4,waveAmplitude:O=1,particleSize:K=2,lerpSpeed:w=.1,color:L="#FF9FFC",autoAnimate:Q=!1,particleVariance:W=1,rotationSpeed:Z=0,depthFactor:R=1,pulseSpeed:$=3,particleShape:h="capsule",fieldStrength:tt=10})=>{const G=m.useRef(null),{viewport:x}=dt(),o=m.useMemo(()=>new ht,[]),z=m.useRef({x:0,y:0}),X=m.useRef(0),n=m.useRef({x:0,y:0}),et=m.useMemo(()=>{const a=[],u=x.width||100,r=x.height||100;for(let e=0;e<d;e++){const _=Math.random()*100,p=20+Math.random()*100,l=.01+Math.random()/200,M=-50+Math.random()*100,j=-50+Math.random()*100,S=-50+Math.random()*100,g=(Math.random()-.5)*u,t=(Math.random()-.5)*r,y=(Math.random()-.5)*20,c=(Math.random()-.5)*2;a.push({t:_,factor:p,speed:l,xFactor:M,yFactor:j,zFactor:S,mx:g,my:t,mz:y,cx:g,cy:t,cz:y,vx:0,vy:0,vz:0,randomRadiusOffset:c})}return a},[d,x.width,x.height]);return ut(a=>{const u=G.current;if(!u)return;const{viewport:r,pointer:e}=a;Math.sqrt(Math.pow(e.x-z.current.x,2)+Math.pow(e.y-z.current.y,2))>.001&&(X.current=Date.now(),z.current={x:e.x,y:e.y});let p=e.x*r.width/2,l=e.y*r.height/2;if(Q&&Date.now()-X.current>2e3){const t=a.clock.getElapsedTime();p=Math.sin(t*.5)*(r.width/4),l=Math.cos(t*.5*2)*(r.height/4)}const M=.05;n.current.x+=(p-n.current.x)*M,n.current.y+=(l-n.current.y)*M;const j=n.current.x,S=n.current.y,g=a.clock.getElapsedTime()*Z;et.forEach((t,y)=>{let{t:c,speed:st,mx:k,my:q,mz:I,cz:ot,randomRadiusOffset:nt}=t;c=t.t+=st/2;const P=1-ot/50,f=j*P,v=S*P,A=k-f,D=q-v,at=Math.sqrt(A*A+D*D);let i={x:k,y:q,z:I*R};if(at<H){const b=Math.atan2(D,A)+g,ct=Math.sin(c*J+b)*(.5*O),it=nt*(5/(tt+.1)),Y=C+ct+it;i.x=f+Y*Math.cos(b),i.y=v+Y*Math.sin(b),i.z=I*R+Math.sin(c)*(1*O*R)}t.cx+=(i.x-t.cx)*w,t.cy+=(i.y-t.cy)*w,t.cz+=(i.z-t.cz)*w,o.position.set(t.cx,t.cy,t.cz),o.lookAt(f,v,t.cz),o.rotateX(Math.PI/2);const rt=Math.sqrt(Math.pow(t.cx-f,2)+Math.pow(t.cy-v,2));let T=1-Math.abs(rt-C)/10;T=Math.max(0,Math.min(1,T));const E=T*(.8+Math.sin(c*$)*.2*W)*K;o.scale.set(E,E,E),o.updateMatrix(),u.setMatrixAt(y,o.matrix)}),u.instanceMatrix.needsUpdate=!0}),s.jsxs("instancedMesh",{ref:G,args:[void 0,void 0,d],children:[h==="capsule"&&s.jsx("capsuleGeometry",{args:[.1,.4,4,8]}),h==="sphere"&&s.jsx("sphereGeometry",{args:[.2,16,16]}),h==="box"&&s.jsx("boxGeometry",{args:[.3,.3,.3]}),h==="tetrahedron"&&s.jsx("tetrahedronGeometry",{args:[.3]}),s.jsx("meshBasicMaterial",{color:L})]})},U=d=>s.jsx(mt,{camera:{position:[0,0,50],fov:35},children:s.jsx(xt,{...d})});U.__docgenInfo={description:"",methods:[],displayName:"Antigravity"};const ft={title:"ReactBits/Animations/Antigravity",component:U,parameters:{layout:"fullscreen"},tags:["autodocs"]},F={args:{count:300,magnetRadius:10,ringRadius:10,waveSpeed:.4,waveAmplitude:1,particleSize:2,lerpSpeed:.1,color:"#FF9FFC",autoAnimate:!1,particleVariance:1,rotationSpeed:0,depthFactor:1,pulseSpeed:3,particleShape:"capsule",fieldStrength:10}};var B,V,N;F.parameters={...F.parameters,docs:{...(B=F.parameters)==null?void 0:B.docs,source:{originalSource:`{
   args: {
     count: 300,
     magnetRadius: 10,

package/storybook-static/assets/{ArrayInput.stories-CNtTKUF0.js → ArrayInput.stories-DgSsXJly.js}

@@ -1,4 +1,4 @@
-import{j as e,r as p}from"./iframe-CvT6MryR.js";import{B as S}from"./Button-2CSvbnXB.js";import{T as le}from"./TextInput-7QROD9Bu.js";import{T as re}from"./TextArea-CMvPbRqQ.js";import{A as se}from"./index-2ZuXCVEx.js";import{m as ne}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./MotionConfigContext-BdSKNtzx.js";const ie="_arrayInput_6qbs9_1",me="_arrayInputLabel_6qbs9_5",ce="_arrayInputItem_6qbs9_14",de="_inputWrapper_6qbs9_38",pe="_input_6qbs9_38",ue="_complexItem_6qbs9_71",he="_fieldsWrapper_6qbs9_77",ge="_removeButton_6qbs9_96",be="_addButton_6qbs9_112",l={arrayInput:ie,arrayInputLabel:me,arrayInputItem:ce,inputWrapper:de,input:pe,complexItem:ue,fieldsWrapper:he,removeButton:ge,addButton:be};function d(t){return t.type==="complex"?e.jsx(ye,{...t}):e.jsx(xe,{...t})}function xe({label:t,values:r,onChange:i,placeholder:c,itemStyle:u,inputStyle:h,multiline:w=!1,rows:A=3,buttonVariant:g="primary"}){const m=p.useRef([]);for(;m.current.length<r.length;)m.current.push(`item-${Date.now()}-${Math.random()}`);m.current.length>r.length&&(m.current=m.current.slice(0,r.length));const b=(s,a)=>{const n=[...r];n[s]=a,i(n)},E=()=>{m.current.push(`item-${Date.now()}-${Math.random()}`),i([...r,""])},o=s=>{const a=r.filter((n,oe)=>oe!==s);m.current.splice(s,1),i(a)};return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(se,{children:r.map((s,a)=>e.jsxs(ne.div,{className:l.arrayInputItem,style:u,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut",layout:{duration:.2}},children:[e.jsx("div",{className:l.inputWrapper,children:w?e.jsx("div",{style:h,children:e.jsx(re,{label:"",value:s,onChange:n=>b(a,n),placeholder:c,rows:A,compact:!0})}):e.jsx("input",{type:"text",value:s,onChange:n=>b(a,n.target.value),placeholder:c,className:l.input,style:h})}),e.jsx(S,{variant:"ghost",size:"small",onClick:()=>o(a),"aria-label":"Remove item",className:l.removeButton,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},m.current[a]))})}),e.jsx(S,{variant:g,size:"small",onClick:E,className:l.addButton,children:t})]})}function ye({label:t,values:r,onChange:i,fields:c,getKey:u,itemStyle:h,inputStyle:w,buttonVariant:A="primary"}){const g=(o,s,a)=>{const n=[...r];n[o]={...n[o],[s]:a},i(n)},m=()=>{const o=c.reduce((s,a)=>({...s,[a.name]:""}),{});i([...r,o])},b=o=>{const s=r.filter((a,n)=>n!==o);i(s)},E=(o,s)=>u?u(o,s):c.map(a=>o[a.name]||"").join("-")+`-${s}`;return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(se,{children:r.map((o,s)=>e.jsxs(ne.div,{className:`${l.arrayInputItem} ${c.length>1?l.complexItem:""}`,style:h,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut",layout:{duration:.2}},children:[e.jsx("div",{className:l.fieldsWrapper,children:c.map(a=>e.jsx("div",{style:w,children:a.multiline?e.jsx(re,{value:o[a.name]||"",onChange:n=>g(s,a.name,n),label:a.label,placeholder:a.placeholder,rows:a.rows,compact:!0}):e.jsx(le,{value:o[a.name]||"",onChange:n=>g(s,a.name,n),label:a.label,type:a.type,placeholder:a.placeholder})},a.name))}),e.jsx(S,{variant:"ghost",size:"small",onClick:()=>b(s),"aria-label":"Remove item",className:l.removeButton,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},E(o,s)))})}),e.jsxs(S,{variant:A,size:"small",onClick:m,className:l.addButton,children:["Add ",t]})]})}d.__docgenInfo={description:`ArrayInput component - Versatile dynamic list manager
+import{j as e,r as p}from"./iframe-LZvJb0BS.js";import{B as S}from"./Button-DK4vPDdE.js";import{T as le}from"./TextInput-CiI38oLt.js";import{T as re}from"./TextArea-DGywTJLt.js";import{A as se}from"./index-vc18hLoj.js";import{m as ne}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./MotionConfigContext-D_4LMwJ5.js";const ie="_arrayInput_6qbs9_1",me="_arrayInputLabel_6qbs9_5",ce="_arrayInputItem_6qbs9_14",de="_inputWrapper_6qbs9_38",pe="_input_6qbs9_38",ue="_complexItem_6qbs9_71",he="_fieldsWrapper_6qbs9_77",ge="_removeButton_6qbs9_96",be="_addButton_6qbs9_112",l={arrayInput:ie,arrayInputLabel:me,arrayInputItem:ce,inputWrapper:de,input:pe,complexItem:ue,fieldsWrapper:he,removeButton:ge,addButton:be};function d(t){return t.type==="complex"?e.jsx(ye,{...t}):e.jsx(xe,{...t})}function xe({label:t,values:r,onChange:i,placeholder:c,itemStyle:u,inputStyle:h,multiline:w=!1,rows:A=3,buttonVariant:g="primary"}){const m=p.useRef([]);for(;m.current.length<r.length;)m.current.push(`item-${Date.now()}-${Math.random()}`);m.current.length>r.length&&(m.current=m.current.slice(0,r.length));const b=(s,a)=>{const n=[...r];n[s]=a,i(n)},E=()=>{m.current.push(`item-${Date.now()}-${Math.random()}`),i([...r,""])},o=s=>{const a=r.filter((n,oe)=>oe!==s);m.current.splice(s,1),i(a)};return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(se,{children:r.map((s,a)=>e.jsxs(ne.div,{className:l.arrayInputItem,style:u,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut",layout:{duration:.2}},children:[e.jsx("div",{className:l.inputWrapper,children:w?e.jsx("div",{style:h,children:e.jsx(re,{label:"",value:s,onChange:n=>b(a,n),placeholder:c,rows:A,compact:!0})}):e.jsx("input",{type:"text",value:s,onChange:n=>b(a,n.target.value),placeholder:c,className:l.input,style:h})}),e.jsx(S,{variant:"ghost",size:"small",onClick:()=>o(a),"aria-label":"Remove item",className:l.removeButton,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},m.current[a]))})}),e.jsx(S,{variant:g,size:"small",onClick:E,className:l.addButton,children:t})]})}function ye({label:t,values:r,onChange:i,fields:c,getKey:u,itemStyle:h,inputStyle:w,buttonVariant:A="primary"}){const g=(o,s,a)=>{const n=[...r];n[o]={...n[o],[s]:a},i(n)},m=()=>{const o=c.reduce((s,a)=>({...s,[a.name]:""}),{});i([...r,o])},b=o=>{const s=r.filter((a,n)=>n!==o);i(s)},E=(o,s)=>u?u(o,s):c.map(a=>o[a.name]||"").join("-")+`-${s}`;return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:t}),e.jsx("div",{children:e.jsx(se,{children:r.map((o,s)=>e.jsxs(ne.div,{className:`${l.arrayInputItem} ${c.length>1?l.complexItem:""}`,style:h,initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut",layout:{duration:.2}},children:[e.jsx("div",{className:l.fieldsWrapper,children:c.map(a=>e.jsx("div",{style:w,children:a.multiline?e.jsx(re,{value:o[a.name]||"",onChange:n=>g(s,a.name,n),label:a.label,placeholder:a.placeholder,rows:a.rows,compact:!0}):e.jsx(le,{value:o[a.name]||"",onChange:n=>g(s,a.name,n),label:a.label,type:a.type,placeholder:a.placeholder})},a.name))}),e.jsx(S,{variant:"ghost",size:"small",onClick:()=>b(s),"aria-label":"Remove item",className:l.removeButton,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:e.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},E(o,s)))})}),e.jsxs(S,{variant:A,size:"small",onClick:m,className:l.addButton,children:["Add ",t]})]})}d.__docgenInfo={description:`ArrayInput component - Versatile dynamic list manager
 
 @component
 @description

package/storybook-static/assets/{Aurora.stories-DHuVs0Nh.js → Aurora.stories-DrVAkdjt.js}

@@ -1,4 +1,4 @@
-import{r as f,j as E}from"./iframe-CvT6MryR.js";import{R as B,P,M as T}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as h}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const N={"aurora-container":"_aurora-container_10y7n_1"},O=`#version 300 es
+import{r as f,j as E}from"./iframe-LZvJb0BS.js";import{R as B,P,M as T}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as h}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const N={"aurora-container":"_aurora-container_10y7n_1"},O=`#version 300 es
 in vec2 position;
 void main() {
   gl_Position = vec4(position, 0.0, 1.0);

package/storybook-static/assets/{Beams.stories-C0fr646Y.js → Beams.stories-BSVIpqQ0.js}

@@ -1,4 +1,4 @@
-import{r as n,j as x}from"./iframe-CvT6MryR.js";import{n as A,x as L,y as D,j as W,i as T,h as U,t as b}from"./three.module--_vTUKhS.js";import{u as h,a as O,C as X}from"./react-three-fiber.esm-BbD9yVT_.js";import{u as G,_ as Z}from"./Fbo-DJ3Mfipf.js";import"./preload-helper-C1FmrZbK.js";const Y=e=>typeof e=="function",J=n.forwardRef(({envMap:e,resolution:t=256,frames:a=1/0,makeDefault:r,children:o,...i},m)=>{const f=h(({set:c})=>c),s=h(({camera:c})=>c),g=h(({size:c})=>c),u=n.useRef(null);n.useImperativeHandle(m,()=>u.current,[]);const d=n.useRef(null),y=G(t);n.useLayoutEffect(()=>{i.manual||(u.current.aspect=g.width/g.height)},[g,i]),n.useLayoutEffect(()=>{u.current.updateProjectionMatrix()});let l=0,v=null;const p=Y(o);return O(c=>{p&&(a===1/0||l<a)&&(d.current.visible=!1,c.gl.setRenderTarget(y),v=c.scene.background,e&&(c.scene.background=e),c.gl.render(c.scene,u.current),c.scene.background=v,c.gl.setRenderTarget(null),d.current.visible=!0,l++)}),n.useLayoutEffect(()=>{if(r){const c=s;return f(()=>({camera:u.current})),()=>f(()=>({camera:c}))}},[u,r,f]),n.createElement(n.Fragment,null,n.createElement("perspectiveCamera",Z({ref:u},i),!p&&o),n.createElement("group",{ref:d},p&&o(y.texture)))}),K=Math.PI/180;function Q(e){return e*K}const ee={"beams-container":"_beams-container_wtefy_1"};function te(e,t){var y;const a=D.physical,{vertexShader:r,fragmentShader:o,uniforms:i}=a,m=a.defines??{},f=W.clone(i),s=new e(t.material||{});s.color&&(f.diffuse.value=s.color),"roughness"in s&&(f.roughness.value=s.roughness),"metalness"in s&&(f.metalness.value=s.metalness),"envMap"in s&&(f.envMap.value=s.envMap),"envMapIntensity"in s&&(f.envMapIntensity.value=s.envMapIntensity),Object.entries(t.uniforms??{}).forEach(([l,v])=>{f[l]=v!==null&&typeof v=="object"&&"value"in v?v:{value:v}});let g=`${t.header}
+import{r as n,j as x}from"./iframe-LZvJb0BS.js";import{n as A,x as L,y as D,j as W,i as T,h as U,t as b}from"./three.module--_vTUKhS.js";import{u as h,a as O,C as X}from"./react-three-fiber.esm-D_o7ZgN9.js";import{u as G,_ as Z}from"./Fbo-C7_12zi1.js";import"./preload-helper-C1FmrZbK.js";const Y=e=>typeof e=="function",J=n.forwardRef(({envMap:e,resolution:t=256,frames:a=1/0,makeDefault:r,children:o,...i},m)=>{const f=h(({set:c})=>c),s=h(({camera:c})=>c),g=h(({size:c})=>c),u=n.useRef(null);n.useImperativeHandle(m,()=>u.current,[]);const d=n.useRef(null),y=G(t);n.useLayoutEffect(()=>{i.manual||(u.current.aspect=g.width/g.height)},[g,i]),n.useLayoutEffect(()=>{u.current.updateProjectionMatrix()});let l=0,v=null;const p=Y(o);return O(c=>{p&&(a===1/0||l<a)&&(d.current.visible=!1,c.gl.setRenderTarget(y),v=c.scene.background,e&&(c.scene.background=e),c.gl.render(c.scene,u.current),c.scene.background=v,c.gl.setRenderTarget(null),d.current.visible=!0,l++)}),n.useLayoutEffect(()=>{if(r){const c=s;return f(()=>({camera:u.current})),()=>f(()=>({camera:c}))}},[u,r,f]),n.createElement(n.Fragment,null,n.createElement("perspectiveCamera",Z({ref:u},i),!p&&o),n.createElement("group",{ref:d},p&&o(y.texture)))}),K=Math.PI/180;function Q(e){return e*K}const ee={"beams-container":"_beams-container_wtefy_1"};function te(e,t){var y;const a=D.physical,{vertexShader:r,fragmentShader:o,uniforms:i}=a,m=a.defines??{},f=W.clone(i),s=new e(t.material||{});s.color&&(f.diffuse.value=s.color),"roughness"in s&&(f.roughness.value=s.roughness),"metalness"in s&&(f.metalness.value=s.metalness),"envMap"in s&&(f.envMap.value=s.envMap),"envMapIntensity"in s&&(f.envMapIntensity.value=s.envMapIntensity),Object.entries(t.uniforms??{}).forEach(([l,v])=>{f[l]=v!==null&&typeof v=="object"&&"value"in v?v:{value:v}});let g=`${t.header}
 ${t.vertexHeader??""}
 ${r}`,u=`${t.header}
 ${t.fragmentHeader??""}

package/storybook-static/assets/{BlobCursor.stories-CQmLI7VF.js → BlobCursor.stories-C3EgjAh2.js}

@@ -1,4 +1,4 @@
-import{r as t,j as a}from"./iframe-CvT6MryR.js";import{g as Y}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const N="_blob_xnpks_1",u={"blob-container":"_blob-container_xnpks_1","blob-main":"_blob-main_xnpks_9",blob:N,"inner-dot":"_inner-dot_xnpks_26"};function y({blobType:f="circle",fillColor:E="#5227FF",trailCount:j=3,sizes:r=[60,125,75],innerSizes:o=[20,35,25],innerColor:D="rgba(255,255,255,0.8)",opacities:F=[.6,.6,.6],shadowColor:R="rgba(0,0,0,0.75)",shadowBlur:B=5,shadowOffsetX:$=10,shadowOffsetY:k=10,filterId:c="blob-filter",filterStdDeviation:M=30,filterColorMatrixValues:O="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10",useFilter:p=!0,fastDuration:b=.1,slowDuration:m=.5,fastEase:v="power3.out",slowEase:h="power1.out",zIndex:S=100}){const i=t.useRef(null),w=t.useRef([]),s=t.useCallback(()=>{if(!i.current)return{left:0,top:0};const e=i.current.getBoundingClientRect();return{left:e.left,top:e.top}},[]),x=t.useCallback(e=>{const{left:l,top:d}=s(),z="clientX"in e?e.clientX:e.touches[0].clientX,I="clientY"in e?e.clientY:e.touches[0].clientY;w.current.forEach((C,X)=>{if(!C)return;const g=X===0;Y.to(C,{x:z-l,y:I-d,duration:g?b:m,ease:g?v:h})})},[s,b,m,v,h]);return t.useEffect(()=>{const e=()=>s();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]),a.jsxs("div",{ref:i,className:`${u["blob-container"]}`,style:{zIndex:S},onMouseMove:x,onTouchMove:x,children:[p&&a.jsx("svg",{style:{position:"absolute",width:0,height:0},children:a.jsxs("filter",{id:c,children:[a.jsx("feGaussianBlur",{in:"SourceGraphic",result:"blur",stdDeviation:M}),a.jsx("feColorMatrix",{in:"blur",values:O})]})}),a.jsx("div",{className:`${u["blob-main"]}`,style:{filter:p?`url(#${c})`:void 0},children:Array.from({length:j}).map((e,l)=>a.jsx("div",{ref:d=>w.current[l]=d,className:`${u.blob}`,style:{width:r[l],height:r[l],borderRadius:f==="circle"?"50%":"0%",backgroundColor:E,opacity:F[l],boxShadow:`${$}px ${k}px ${B}px 0 ${R}`},children:a.jsx("div",{className:`${u["inner-dot"]}`,style:{width:o[l],height:o[l],top:(r[l]-o[l])/2,left:(r[l]-o[l])/2,backgroundColor:D,borderRadius:f==="circle"?"50%":"0%"}})},l))})]})}y.__docgenInfo={description:"",methods:[],displayName:"BlobCursor",props:{blobType:{defaultValue:{value:"'circle'",computed:!1},required:!1},fillColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},trailCount:{defaultValue:{value:"3",computed:!1},required:!1},sizes:{defaultValue:{value:"[60, 125, 75]",computed:!1},required:!1},innerSizes:{defaultValue:{value:"[20, 35, 25]",computed:!1},required:!1},innerColor:{defaultValue:{value:"'rgba(255,255,255,0.8)'",computed:!1},required:!1},opacities:{defaultValue:{value:"[0.6, 0.6, 0.6]",computed:!1},required:!1},shadowColor:{defaultValue:{value:"'rgba(0,0,0,0.75)'",computed:!1},required:!1},shadowBlur:{defaultValue:{value:"5",computed:!1},required:!1},shadowOffsetX:{defaultValue:{value:"10",computed:!1},required:!1},shadowOffsetY:{defaultValue:{value:"10",computed:!1},required:!1},filterId:{defaultValue:{value:"'blob-filter'",computed:!1},required:!1},filterStdDeviation:{defaultValue:{value:"30",computed:!1},required:!1},filterColorMatrixValues:{defaultValue:{value:"'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10'",computed:!1},required:!1},useFilter:{defaultValue:{value:"true",computed:!1},required:!1},fastDuration:{defaultValue:{value:"0.1",computed:!1},required:!1},slowDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},fastEase:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},slowEase:{defaultValue:{value:"'power1.out'",computed:!1},required:!1},zIndex:{defaultValue:{value:"100",computed:!1},required:!1}}};const G={title:"ReactBits/Animations/BlobCursor",component:y,parameters:{layout:"fullscreen"},tags:["autodocs"]},n={args:{blobType:"circle",fillColor:"#5227FF",trailCount:3,sizes:[60,125,75],innerSizes:[20,35,25],innerColor:"rgba(255,255,255,0.8)",opacities:[.6,.6,.6],shadowColor:"rgba(0,0,0,0.75)",shadowBlur:5,shadowOffsetX:10,shadowOffsetY:10,filterId:"blob",filterStdDeviation:30,filterColorMatrixValues:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10",useFilter:!0,fastDuration:.1,slowDuration:.5,fastEase:"power3.out",slowEase:"power1.out",zIndex:100}};var V,q,_;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
+import{r as t,j as a}from"./iframe-LZvJb0BS.js";import{g as Y}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const N="_blob_xnpks_1",u={"blob-container":"_blob-container_xnpks_1","blob-main":"_blob-main_xnpks_9",blob:N,"inner-dot":"_inner-dot_xnpks_26"};function y({blobType:f="circle",fillColor:E="#5227FF",trailCount:j=3,sizes:r=[60,125,75],innerSizes:o=[20,35,25],innerColor:D="rgba(255,255,255,0.8)",opacities:F=[.6,.6,.6],shadowColor:R="rgba(0,0,0,0.75)",shadowBlur:B=5,shadowOffsetX:$=10,shadowOffsetY:k=10,filterId:c="blob-filter",filterStdDeviation:M=30,filterColorMatrixValues:O="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10",useFilter:p=!0,fastDuration:b=.1,slowDuration:m=.5,fastEase:v="power3.out",slowEase:h="power1.out",zIndex:S=100}){const i=t.useRef(null),w=t.useRef([]),s=t.useCallback(()=>{if(!i.current)return{left:0,top:0};const e=i.current.getBoundingClientRect();return{left:e.left,top:e.top}},[]),x=t.useCallback(e=>{const{left:l,top:d}=s(),z="clientX"in e?e.clientX:e.touches[0].clientX,I="clientY"in e?e.clientY:e.touches[0].clientY;w.current.forEach((C,X)=>{if(!C)return;const g=X===0;Y.to(C,{x:z-l,y:I-d,duration:g?b:m,ease:g?v:h})})},[s,b,m,v,h]);return t.useEffect(()=>{const e=()=>s();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]),a.jsxs("div",{ref:i,className:`${u["blob-container"]}`,style:{zIndex:S},onMouseMove:x,onTouchMove:x,children:[p&&a.jsx("svg",{style:{position:"absolute",width:0,height:0},children:a.jsxs("filter",{id:c,children:[a.jsx("feGaussianBlur",{in:"SourceGraphic",result:"blur",stdDeviation:M}),a.jsx("feColorMatrix",{in:"blur",values:O})]})}),a.jsx("div",{className:`${u["blob-main"]}`,style:{filter:p?`url(#${c})`:void 0},children:Array.from({length:j}).map((e,l)=>a.jsx("div",{ref:d=>w.current[l]=d,className:`${u.blob}`,style:{width:r[l],height:r[l],borderRadius:f==="circle"?"50%":"0%",backgroundColor:E,opacity:F[l],boxShadow:`${$}px ${k}px ${B}px 0 ${R}`},children:a.jsx("div",{className:`${u["inner-dot"]}`,style:{width:o[l],height:o[l],top:(r[l]-o[l])/2,left:(r[l]-o[l])/2,backgroundColor:D,borderRadius:f==="circle"?"50%":"0%"}})},l))})]})}y.__docgenInfo={description:"",methods:[],displayName:"BlobCursor",props:{blobType:{defaultValue:{value:"'circle'",computed:!1},required:!1},fillColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},trailCount:{defaultValue:{value:"3",computed:!1},required:!1},sizes:{defaultValue:{value:"[60, 125, 75]",computed:!1},required:!1},innerSizes:{defaultValue:{value:"[20, 35, 25]",computed:!1},required:!1},innerColor:{defaultValue:{value:"'rgba(255,255,255,0.8)'",computed:!1},required:!1},opacities:{defaultValue:{value:"[0.6, 0.6, 0.6]",computed:!1},required:!1},shadowColor:{defaultValue:{value:"'rgba(0,0,0,0.75)'",computed:!1},required:!1},shadowBlur:{defaultValue:{value:"5",computed:!1},required:!1},shadowOffsetX:{defaultValue:{value:"10",computed:!1},required:!1},shadowOffsetY:{defaultValue:{value:"10",computed:!1},required:!1},filterId:{defaultValue:{value:"'blob-filter'",computed:!1},required:!1},filterStdDeviation:{defaultValue:{value:"30",computed:!1},required:!1},filterColorMatrixValues:{defaultValue:{value:"'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10'",computed:!1},required:!1},useFilter:{defaultValue:{value:"true",computed:!1},required:!1},fastDuration:{defaultValue:{value:"0.1",computed:!1},required:!1},slowDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},fastEase:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},slowEase:{defaultValue:{value:"'power1.out'",computed:!1},required:!1},zIndex:{defaultValue:{value:"100",computed:!1},required:!1}}};const G={title:"ReactBits/Animations/BlobCursor",component:y,parameters:{layout:"fullscreen"},tags:["autodocs"]},n={args:{blobType:"circle",fillColor:"#5227FF",trailCount:3,sizes:[60,125,75],innerSizes:[20,35,25],innerColor:"rgba(255,255,255,0.8)",opacities:[.6,.6,.6],shadowColor:"rgba(0,0,0,0.75)",shadowBlur:5,shadowOffsetX:10,shadowOffsetY:10,filterId:"blob",filterStdDeviation:30,filterColorMatrixValues:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10",useFilter:!0,fastDuration:.1,slowDuration:.5,fastEase:"power3.out",slowEase:"power1.out",zIndex:100}};var V,q,_;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
   args: {
     blobType: 'circle',
     fillColor: '#5227FF',

package/storybook-static/assets/{BlurText.stories-Bqhf_75C.js → BlurText.stories-DJVDRdFo.js}

@@ -1,4 +1,4 @@
-import{r as l,j as h}from"./iframe-CvT6MryR.js";import{m as k}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const A=(r,n)=>{const d=new Set([...Object.keys(r),...n.flatMap(e=>Object.keys(e))]),s={};return d.forEach(e=>{s[e]=[r[e],...n.map(u=>u[e])]}),s},w=({text:r="",delay:n=200,className:d="",animateBy:s="words",direction:e="top",threshold:u=.1,rootMargin:m="0px",animationFrom:V,animationTo:q,easing:j=o=>o,onAnimationComplete:B,stepDuration:D=.35})=>{const o=s==="words"?r.split(" "):r.split(""),[T,E]=l.useState(!1),i=l.useRef(null);l.useEffect(()=>{if(!i.current)return;const a=new IntersectionObserver(([t])=>{t.isIntersecting&&(E(!0),a.unobserve(i.current))},{threshold:u,rootMargin:m});return a.observe(i.current),()=>a.disconnect()},[u,m]);const M=l.useMemo(()=>e==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[e]),S=l.useMemo(()=>[{filter:"blur(5px)",opacity:.5,y:e==="top"?5:-5},{filter:"blur(0px)",opacity:1,y:0}],[e]),f=V??M,y=q??S,c=y.length+1,_=D*(c-1),I=Array.from({length:c},(a,t)=>c===1?0:t/(c-1));return h.jsx("p",{ref:i,className:d,style:{display:"flex",flexWrap:"wrap"},children:o.map((a,t)=>{const O=A(f,y),x={duration:_,times:I,delay:t*n/1e3};return x.ease=j,h.jsxs(k.span,{className:"inline-block will-change-[transform,filter,opacity]",initial:f,animate:T?O:f,transition:x,onAnimationComplete:t===o.length-1?B:void 0,children:[a===" "?" ":a,s==="words"&&t<o.length-1&&" "]},t)})})};w.__docgenInfo={description:"",methods:[],displayName:"BlurText",props:{text:{defaultValue:{value:"''",computed:!1},required:!1},delay:{defaultValue:{value:"200",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},animateBy:{defaultValue:{value:"'words'",computed:!1},required:!1},direction:{defaultValue:{value:"'top'",computed:!1},required:!1},threshold:{defaultValue:{value:"0.1",computed:!1},required:!1},rootMargin:{defaultValue:{value:"'0px'",computed:!1},required:!1},easing:{defaultValue:{value:"t => t",computed:!1},required:!1},stepDuration:{defaultValue:{value:"0.35",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/BlurText",component:w,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{text:"Hello World!",delay:200,animateBy:"words",direction:"top",threshold:.1,rootMargin:"0px",stepDuration:.35}};var v,g,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
+import{r as l,j as h}from"./iframe-LZvJb0BS.js";import{m as k}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const A=(r,n)=>{const d=new Set([...Object.keys(r),...n.flatMap(e=>Object.keys(e))]),s={};return d.forEach(e=>{s[e]=[r[e],...n.map(u=>u[e])]}),s},w=({text:r="",delay:n=200,className:d="",animateBy:s="words",direction:e="top",threshold:u=.1,rootMargin:m="0px",animationFrom:V,animationTo:q,easing:j=o=>o,onAnimationComplete:B,stepDuration:D=.35})=>{const o=s==="words"?r.split(" "):r.split(""),[T,E]=l.useState(!1),i=l.useRef(null);l.useEffect(()=>{if(!i.current)return;const a=new IntersectionObserver(([t])=>{t.isIntersecting&&(E(!0),a.unobserve(i.current))},{threshold:u,rootMargin:m});return a.observe(i.current),()=>a.disconnect()},[u,m]);const M=l.useMemo(()=>e==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[e]),S=l.useMemo(()=>[{filter:"blur(5px)",opacity:.5,y:e==="top"?5:-5},{filter:"blur(0px)",opacity:1,y:0}],[e]),f=V??M,y=q??S,c=y.length+1,_=D*(c-1),I=Array.from({length:c},(a,t)=>c===1?0:t/(c-1));return h.jsx("p",{ref:i,className:d,style:{display:"flex",flexWrap:"wrap"},children:o.map((a,t)=>{const O=A(f,y),x={duration:_,times:I,delay:t*n/1e3};return x.ease=j,h.jsxs(k.span,{className:"inline-block will-change-[transform,filter,opacity]",initial:f,animate:T?O:f,transition:x,onAnimationComplete:t===o.length-1?B:void 0,children:[a===" "?" ":a,s==="words"&&t<o.length-1&&" "]},t)})})};w.__docgenInfo={description:"",methods:[],displayName:"BlurText",props:{text:{defaultValue:{value:"''",computed:!1},required:!1},delay:{defaultValue:{value:"200",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},animateBy:{defaultValue:{value:"'words'",computed:!1},required:!1},direction:{defaultValue:{value:"'top'",computed:!1},required:!1},threshold:{defaultValue:{value:"0.1",computed:!1},required:!1},rootMargin:{defaultValue:{value:"'0px'",computed:!1},required:!1},easing:{defaultValue:{value:"t => t",computed:!1},required:!1},stepDuration:{defaultValue:{value:"0.35",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/BlurText",component:w,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{text:"Hello World!",delay:200,animateBy:"words",direction:"top",threshold:.1,rootMargin:"0px",stepDuration:.35}};var v,g,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
   args: {
     text: 'Hello World!',
     delay: 200,

package/storybook-static/assets/{BooleansHeatmap.stories-CSTfHU8X.js → BooleansHeatmap.stories-B_9cPYMM.js}

@@ -1,4 +1,4 @@
-import{r as W,j as l}from"./iframe-CvT6MryR.js";import{s as F}from"./transform-BKmuZieF.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const dt="_container_ma4de_1",ct="_title_ma4de_8",lt="_habitEmoji_ma4de_18",mt="_chart_ma4de_23",ht="_monthLabel_ma4de_28",gt="_dayLabel_ma4de_34",pt="_cell_ma4de_39",ut="_legend_ma4de_51",bt="_legendItem_ma4de_58",ft="_legendColor_ma4de_66",yt="_tooltip_ma4de_73",r={container:dt,title:ct,habitEmoji:lt,chart:mt,monthLabel:ht,dayLabel:gt,cell:pt,legend:ut,legendItem:bt,legendColor:ft,tooltip:yt},Dt=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],_t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],et=({data:e,habitName:t,width:a=800,height:i=200,habitColor:o="#6BCB77",habitEmoji:m="✓"})=>{const S=W.useRef(null),{startDate:p,endDate:R,weeksToShow:b}=W.useMemo(()=>{const h=Object.keys(e).sort();if(h.length===0){const g=new Date;return{startDate:g,endDate:g,weeksToShow:1}}const d=new Date(h[0]),f=new Date(h[h.length-1]),v=Math.ceil((f.getTime()-d.getTime())/(1e3*60*60*24))+1,c=Math.ceil(v/7);return{startDate:d,endDate:f,weeksToShow:c}},[e]);return W.useEffect(()=>{if(!S.current)return;const h=F(S.current);h.selectAll("*").remove();const d={top:40,right:20,bottom:20,left:40},f=a-d.left-d.right,v=i-d.top-d.bottom,c=Math.min(Math.floor(v/7)-1,Math.floor(f/b)-1,20),g=2,k=h.append("g").attr("transform",`translate(${d.left},${d.top})`),N=(p.getDay()+6)%7,C=new Map;let y=p.getMonth();C.set(y,0);for(let s=0;s<b;s++){const n=new Date(p);n.setDate(n.getDate()+s*7-N),n.getMonth()!==y&&(y=n.getMonth(),C.set(y,s))}C.forEach((s,n)=>{k.append("text").attr("x",s*(c+g)).attr("y",-10).attr("class",r.monthLabel).text(_t[n])}),Dt.forEach((s,n)=>{k.append("text").attr("x",-10).attr("y",n*(c+g)+c/2).attr("class",r.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(s)});const D=F("body").append("div").attr("class",r.tooltip).style("opacity",0).style("position","absolute"),at=b*7;for(let s=0;s<at;s++){const n=new Date(p);if(n.setDate(n.getDate()+s-N),n<p||n>R)continue;const O=n.toISOString().split("T")[0],nt=(n.getDay()+6)%7,ot=Math.floor((s+N)/7),T=O in e&&e[O];k.append("rect").attr("x",ot*(c+g)).attr("y",nt*(c+g)).attr("width",c).attr("height",c).attr("rx",3).attr("class",r.cell).attr("data-date",O).attr("data-value",T?"true":"false").style("fill",T?o:"#4D4D4DFF").on("mouseover",function(I){D.transition().duration(200).style("opacity",1);const st=it("%b %d, %Y"),rt=T?`${m} Done`:"✗ Not done";D.html(`
+import{r as W,j as l}from"./iframe-LZvJb0BS.js";import{s as F}from"./transform-BKmuZieF.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const dt="_container_ma4de_1",ct="_title_ma4de_8",lt="_habitEmoji_ma4de_18",mt="_chart_ma4de_23",ht="_monthLabel_ma4de_28",gt="_dayLabel_ma4de_34",pt="_cell_ma4de_39",ut="_legend_ma4de_51",bt="_legendItem_ma4de_58",ft="_legendColor_ma4de_66",yt="_tooltip_ma4de_73",r={container:dt,title:ct,habitEmoji:lt,chart:mt,monthLabel:ht,dayLabel:gt,cell:pt,legend:ut,legendItem:bt,legendColor:ft,tooltip:yt},Dt=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],_t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],et=({data:e,habitName:t,width:a=800,height:i=200,habitColor:o="#6BCB77",habitEmoji:m="✓"})=>{const S=W.useRef(null),{startDate:p,endDate:R,weeksToShow:b}=W.useMemo(()=>{const h=Object.keys(e).sort();if(h.length===0){const g=new Date;return{startDate:g,endDate:g,weeksToShow:1}}const d=new Date(h[0]),f=new Date(h[h.length-1]),v=Math.ceil((f.getTime()-d.getTime())/(1e3*60*60*24))+1,c=Math.ceil(v/7);return{startDate:d,endDate:f,weeksToShow:c}},[e]);return W.useEffect(()=>{if(!S.current)return;const h=F(S.current);h.selectAll("*").remove();const d={top:40,right:20,bottom:20,left:40},f=a-d.left-d.right,v=i-d.top-d.bottom,c=Math.min(Math.floor(v/7)-1,Math.floor(f/b)-1,20),g=2,k=h.append("g").attr("transform",`translate(${d.left},${d.top})`),N=(p.getDay()+6)%7,C=new Map;let y=p.getMonth();C.set(y,0);for(let s=0;s<b;s++){const n=new Date(p);n.setDate(n.getDate()+s*7-N),n.getMonth()!==y&&(y=n.getMonth(),C.set(y,s))}C.forEach((s,n)=>{k.append("text").attr("x",s*(c+g)).attr("y",-10).attr("class",r.monthLabel).text(_t[n])}),Dt.forEach((s,n)=>{k.append("text").attr("x",-10).attr("y",n*(c+g)+c/2).attr("class",r.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(s)});const D=F("body").append("div").attr("class",r.tooltip).style("opacity",0).style("position","absolute"),at=b*7;for(let s=0;s<at;s++){const n=new Date(p);if(n.setDate(n.getDate()+s-N),n<p||n>R)continue;const O=n.toISOString().split("T")[0],nt=(n.getDay()+6)%7,ot=Math.floor((s+N)/7),T=O in e&&e[O];k.append("rect").attr("x",ot*(c+g)).attr("y",nt*(c+g)).attr("width",c).attr("height",c).attr("rx",3).attr("class",r.cell).attr("data-date",O).attr("data-value",T?"true":"false").style("fill",T?o:"#4D4D4DFF").on("mouseover",function(I){D.transition().duration(200).style("opacity",1);const st=it("%b %d, %Y"),rt=T?`${m} Done`:"✗ Not done";D.html(`
                     <div><strong>${t}</strong></div>
                     <div>${st(n)}</div>
                     <div>${rt}</div>

package/storybook-static/assets/{BorderGlow.stories-DllLrSOi.js → BorderGlow.stories-B_wdQUgw.js}

@@ -1,4 +1,4 @@
-import{r as m,j as V}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";const w={"border-glow-card":"_border-glow-card_1ey34_1","edge-light":"_edge-light_1ey34_29","sweep-active":"_sweep-active_1ey34_38","border-glow-inner":"_border-glow-inner_1ey34_135"};function A(e){const n=e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);return n?{h:parseFloat(n[1]),s:parseFloat(n[2]),l:parseFloat(n[3])}:{h:40,s:80,l:80}}function B(e,n){const{h:s,s:d,l:y}=A(e),b=`${s}deg ${d}% ${y}%`,i=[100,60,50,40,30,20,10],h=["","-60","-50","-40","-30","-20","-10"],c={};for(let l=0;l<i.length;l++)c[`--glow-color${h[l]}`]=`hsl(${b} / ${Math.min(i[l]*n,100)}%)`;return c}const j=["80% 55%","69% 34%","8% 6%","41% 38%","86% 85%","82% 18%","51% 4%"],D=["--gradient-one","--gradient-two","--gradient-three","--gradient-four","--gradient-five","--gradient-six","--gradient-seven"],L=[0,1,2,0,1,2,1];function T(e){const n={};for(let s=0;s<7;s++){const d=e[Math.min(L[s],e.length-1)];n[D[s]]=`radial-gradient(at ${j[s]}, ${d} 0px, transparent 50%)`}return n["--gradient-base"]=`linear-gradient(${e[0]} 0 100%)`,n}function E(e){return 1-Math.pow(1-e,3)}function P(e){return e*e*e}function _({start:e=0,end:n=100,duration:s=1e3,delay:d=0,ease:y=E,onUpdate:b,onEnd:i}){const h=performance.now()+d;function c(){const l=performance.now()-h,v=Math.min(l/s,1);b(e+(n-e)*y(v)),v<1?requestAnimationFrame(c):i&&i()}setTimeout(()=>requestAnimationFrame(c),d)}const O=({children:e,className:n="",edgeSensitivity:s=30,glowColor:d="40 80 80",backgroundColor:y="#060010",borderRadius:b=28,glowRadius:i=40,glowIntensity:h=1,coneSpread:c=25,animated:l=!1,colors:v=["#c084fc","#f472b6","#38bdf8"],fillOpacity:N=.5})=>{const x=m.useRef(null),$=m.useCallback(a=>{const{width:t,height:o}=a.getBoundingClientRect();return[t/2,o/2]},[]),M=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;let R=1/0,p=1/0;return f!==0&&(R=r/Math.abs(f)),g!==0&&(p=u/Math.abs(g)),Math.min(Math.max(1/Math.min(R,p),0),1)},[$]),q=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;if(f===0&&g===0)return 0;let p=Math.atan2(g,f)*(180/Math.PI)+90;return p<0&&(p+=360),p},[$]),F=m.useCallback(a=>{const t=x.current;if(!t)return;const o=t.getBoundingClientRect(),r=a.clientX-o.left,u=a.clientY-o.top,f=M(t,r,u),g=q(t,r,u);t.style.setProperty("--edge-proximity",`${(f*100).toFixed(3)}`),t.style.setProperty("--cursor-angle",`${g.toFixed(3)}deg`)},[M,q]);m.useEffect(()=>{if(!l||!x.current)return;const a=x.current,t=110,o=465;a.classList.add(w["sweep-active"]),a.style.setProperty("--cursor-angle",`${t}deg`),_({duration:500,onUpdate:r=>a.style.setProperty("--edge-proximity",r)}),_({ease:P,duration:1500,end:50,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:E,delay:1500,duration:2250,start:50,end:100,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:P,delay:2500,duration:1500,start:100,end:0,onUpdate:r=>a.style.setProperty("--edge-proximity",r),onEnd:()=>a.classList.remove(w["sweep-active"])})},[l]);const G=B(d,h);return V.jsxs("div",{ref:x,onPointerMove:F,className:`${w["border-glow-card"]} ${n}`,style:{"--card-bg":y,"--edge-sensitivity":s,"--border-radius":`${b}px`,"--glow-padding":`${i}px`,"--cone-spread":c,"--fill-opacity":N,...G,...T(v)},children:[V.jsx("span",{className:`${w["edge-light"]}`}),V.jsx("div",{className:`${w["border-glow-inner"]}`,children:e})]})};O.__docgenInfo={description:"",methods:[],displayName:"BorderGlow",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},edgeSensitivity:{defaultValue:{value:"30",computed:!1},required:!1},glowColor:{defaultValue:{value:"'40 80 80'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"28",computed:!1},required:!1},glowRadius:{defaultValue:{value:"40",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},coneSpread:{defaultValue:{value:"25",computed:!1},required:!1},animated:{defaultValue:{value:"false",computed:!1},required:!1},colors:{defaultValue:{value:"['#c084fc', '#f472b6', '#38bdf8']",computed:!1},required:!1},fillOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const W={title:"ReactBits/Components/BorderGlow",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{children:"Hello World",edgeSensitivity:30,glowColor:"40 80 80",backgroundColor:"#060010",borderRadius:28,glowRadius:40,glowIntensity:1,coneSpread:25,animated:!1,colors:["#c084fc","#f472b6","#38bdf8"],fillOpacity:.5}};var I,S,k;C.parameters={...C.parameters,docs:{...(I=C.parameters)==null?void 0:I.docs,source:{originalSource:`{
+import{r as m,j as V}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const w={"border-glow-card":"_border-glow-card_1ey34_1","edge-light":"_edge-light_1ey34_29","sweep-active":"_sweep-active_1ey34_38","border-glow-inner":"_border-glow-inner_1ey34_135"};function A(e){const n=e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);return n?{h:parseFloat(n[1]),s:parseFloat(n[2]),l:parseFloat(n[3])}:{h:40,s:80,l:80}}function B(e,n){const{h:s,s:d,l:y}=A(e),b=`${s}deg ${d}% ${y}%`,i=[100,60,50,40,30,20,10],h=["","-60","-50","-40","-30","-20","-10"],c={};for(let l=0;l<i.length;l++)c[`--glow-color${h[l]}`]=`hsl(${b} / ${Math.min(i[l]*n,100)}%)`;return c}const j=["80% 55%","69% 34%","8% 6%","41% 38%","86% 85%","82% 18%","51% 4%"],D=["--gradient-one","--gradient-two","--gradient-three","--gradient-four","--gradient-five","--gradient-six","--gradient-seven"],L=[0,1,2,0,1,2,1];function T(e){const n={};for(let s=0;s<7;s++){const d=e[Math.min(L[s],e.length-1)];n[D[s]]=`radial-gradient(at ${j[s]}, ${d} 0px, transparent 50%)`}return n["--gradient-base"]=`linear-gradient(${e[0]} 0 100%)`,n}function E(e){return 1-Math.pow(1-e,3)}function P(e){return e*e*e}function _({start:e=0,end:n=100,duration:s=1e3,delay:d=0,ease:y=E,onUpdate:b,onEnd:i}){const h=performance.now()+d;function c(){const l=performance.now()-h,v=Math.min(l/s,1);b(e+(n-e)*y(v)),v<1?requestAnimationFrame(c):i&&i()}setTimeout(()=>requestAnimationFrame(c),d)}const O=({children:e,className:n="",edgeSensitivity:s=30,glowColor:d="40 80 80",backgroundColor:y="#060010",borderRadius:b=28,glowRadius:i=40,glowIntensity:h=1,coneSpread:c=25,animated:l=!1,colors:v=["#c084fc","#f472b6","#38bdf8"],fillOpacity:N=.5})=>{const x=m.useRef(null),$=m.useCallback(a=>{const{width:t,height:o}=a.getBoundingClientRect();return[t/2,o/2]},[]),M=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;let R=1/0,p=1/0;return f!==0&&(R=r/Math.abs(f)),g!==0&&(p=u/Math.abs(g)),Math.min(Math.max(1/Math.min(R,p),0),1)},[$]),q=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;if(f===0&&g===0)return 0;let p=Math.atan2(g,f)*(180/Math.PI)+90;return p<0&&(p+=360),p},[$]),F=m.useCallback(a=>{const t=x.current;if(!t)return;const o=t.getBoundingClientRect(),r=a.clientX-o.left,u=a.clientY-o.top,f=M(t,r,u),g=q(t,r,u);t.style.setProperty("--edge-proximity",`${(f*100).toFixed(3)}`),t.style.setProperty("--cursor-angle",`${g.toFixed(3)}deg`)},[M,q]);m.useEffect(()=>{if(!l||!x.current)return;const a=x.current,t=110,o=465;a.classList.add(w["sweep-active"]),a.style.setProperty("--cursor-angle",`${t}deg`),_({duration:500,onUpdate:r=>a.style.setProperty("--edge-proximity",r)}),_({ease:P,duration:1500,end:50,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:E,delay:1500,duration:2250,start:50,end:100,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:P,delay:2500,duration:1500,start:100,end:0,onUpdate:r=>a.style.setProperty("--edge-proximity",r),onEnd:()=>a.classList.remove(w["sweep-active"])})},[l]);const G=B(d,h);return V.jsxs("div",{ref:x,onPointerMove:F,className:`${w["border-glow-card"]} ${n}`,style:{"--card-bg":y,"--edge-sensitivity":s,"--border-radius":`${b}px`,"--glow-padding":`${i}px`,"--cone-spread":c,"--fill-opacity":N,...G,...T(v)},children:[V.jsx("span",{className:`${w["edge-light"]}`}),V.jsx("div",{className:`${w["border-glow-inner"]}`,children:e})]})};O.__docgenInfo={description:"",methods:[],displayName:"BorderGlow",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},edgeSensitivity:{defaultValue:{value:"30",computed:!1},required:!1},glowColor:{defaultValue:{value:"'40 80 80'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"28",computed:!1},required:!1},glowRadius:{defaultValue:{value:"40",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},coneSpread:{defaultValue:{value:"25",computed:!1},required:!1},animated:{defaultValue:{value:"false",computed:!1},required:!1},colors:{defaultValue:{value:"['#c084fc', '#f472b6', '#38bdf8']",computed:!1},required:!1},fillOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const W={title:"ReactBits/Components/BorderGlow",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{children:"Hello World",edgeSensitivity:30,glowColor:"40 80 80",backgroundColor:"#060010",borderRadius:28,glowRadius:40,glowIntensity:1,coneSpread:25,animated:!1,colors:["#c084fc","#f472b6","#38bdf8"],fillOpacity:.5}};var I,S,k;C.parameters={...C.parameters,docs:{...(I=C.parameters)==null?void 0:I.docs,source:{originalSource:`{
   args: {
     children: 'Hello World',
     edgeSensitivity: 30,

package/storybook-static/assets/{BubbleMenu.stories-By8eacsb.js → BubbleMenu.stories-DpLYYw_z.js}

@@ -1,4 +1,4 @@
-import{r as b,j as o}from"./iframe-CvT6MryR.js";import{g as r}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const V="_fixed_13ibu_14",F="_absolute_13ibu_18",I="_bubble_13ibu_1",M="_open_13ibu_106",e={"bubble-menu":"_bubble-menu_13ibu_1",fixed:V,absolute:F,bubble:I,"logo-bubble":"_logo-bubble_13ibu_35","toggle-bubble":"_toggle-bubble_13ibu_36","bubble-logo":"_bubble-logo_13ibu_54","logo-content":"_logo-content_13ibu_61","menu-btn":"_menu-btn_13ibu_78","menu-line":"_menu-line_13ibu_89",open:M,"bubble-menu-items":"_bubble-menu-items_13ibu_124","pill-list":"_pill-list_13ibu_142","pill-col":"_pill-col_13ibu_164","pill-link":"_pill-link_13ibu_180","pill-label":"_pill-label_13ibu_229"},P=[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Documentation",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}];function B({logo:p,onMenuClick:h,className:A,style:R,menuAriaLabel:T="Toggle menu",menuBg:_="#fff",menuContentColor:i="#111",useFixedPosition:C=!1,items:u,animationEase:S="back.out(1.5)",animationDuration:c=.5,staggerDelay:L=.12}){const[s,O]=b.useState(!1),[x,j]=b.useState(!1),$=b.useRef(null),y=b.useRef([]),N=b.useRef([]),v=u!=null&&u.length?u:P,q=[e["bubble-menu"],C?e.fixed:e.absolute,A].filter(Boolean).join(" "),D=()=>{const l=!s;l&&j(!0),O(l),h==null||h(l)};return b.useEffect(()=>{const l=$.current,a=y.current.filter(Boolean),t=N.current.filter(Boolean);!l||!a.length||(s?(r.set(l,{display:"flex"}),r.killTweensOf([...a,...t]),r.set(a,{scale:0,transformOrigin:"50% 50%"}),r.set(t,{y:24,autoAlpha:0}),a.forEach((f,n)=>{const m=n*L+r.utils.random(-.05,.05),d=r.timeline({delay:m});d.to(f,{scale:1,duration:c,ease:S}),t[n]&&d.to(t[n],{y:0,autoAlpha:1,duration:c,ease:"power3.out"},`-=${c*.9}`)})):x&&(r.killTweensOf([...a,...t]),r.to(t,{y:24,autoAlpha:0,duration:.2,ease:"power3.in"}),r.to(a,{scale:0,duration:.2,ease:"power3.in",onComplete:()=>{r.set(l,{display:"none"}),j(!1)}})))},[s,x,S,c,L]),b.useEffect(()=>{const l=()=>{if(s){const a=y.current.filter(Boolean),t=window.innerWidth>=900;a.forEach((f,n)=>{const m=v[n];if(f&&m){const d=t?m.rotation??0:0;r.set(f,{rotation:d})}})}};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[s,v]),o.jsxs(o.Fragment,{children:[o.jsxs("nav",{className:q,style:R,"aria-label":"Main navigation",children:[o.jsx("div",{className:`${e.bubble} ${e["logo-bubble"]}`,"aria-label":"Logo",style:{background:_},children:o.jsx("span",{className:`${e["logo-content"]}`,children:typeof p=="string"?o.jsx("img",{src:p,alt:"Logo",className:`${e["bubble-logo"]}`}):p})}),o.jsxs("button",{type:"button",className:`${e.bubble} ${e["toggle-bubble"]} ${e["menu-btn"]} ${s?e.open:""}`,onClick:D,"aria-label":T,"aria-pressed":s,style:{background:_},children:[o.jsx("span",{className:`${e["menu-line"]}`,style:{background:i}}),o.jsx("span",{className:`${e["menu-line"]} short`,style:{background:i}})]})]}),x&&o.jsx("div",{ref:$,className:`${e["bubble-menu-items"]} ${C?e.fixed:e.absolute}`,"aria-hidden":!s,children:o.jsx("ul",{className:`${e["pill-list"]}`,role:"menu","aria-label":"Menu links",children:v.map((l,a)=>{var t,f;return o.jsx("li",{role:"none",className:`${e["pill-col"]}`,children:o.jsx("a",{role:"menuitem",href:l.href,"aria-label":l.ariaLabel||l.label,className:`${e["pill-link"]}`,style:{"--item-rot":`${l.rotation??0}deg`,"--pill-bg":_,"--pill-color":i,"--hover-bg":((t=l.hoverStyles)==null?void 0:t.bgColor)||"#f3f4f6","--hover-color":((f=l.hoverStyles)==null?void 0:f.textColor)||i},ref:n=>{n&&(y.current[a]=n)},children:o.jsx("span",{className:`${e["pill-label"]}`,ref:n=>{n&&(N.current[a]=n)},children:l.label})})},a)})})})]})}B.__docgenInfo={description:"",methods:[],displayName:"BubbleMenu",props:{menuAriaLabel:{defaultValue:{value:"'Toggle menu'",computed:!1},required:!1},menuBg:{defaultValue:{value:"'#fff'",computed:!1},required:!1},menuContentColor:{defaultValue:{value:"'#111'",computed:!1},required:!1},useFixedPosition:{defaultValue:{value:"false",computed:!1},required:!1},animationEase:{defaultValue:{value:"'back.out(1.5)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},staggerDelay:{defaultValue:{value:"0.12",computed:!1},required:!1}}};const U={title:"ReactBits/Components/BubbleMenu",component:B,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={args:{menuAriaLabel:"Toggle menu",menuBg:"#fff",menuContentColor:"#111",useFixedPosition:!1,items:[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Projects",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}],animationEase:"back.out(1.5)",animationDuration:.5,staggerDelay:.12}};var w,E,k;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`{
+import{r as b,j as o}from"./iframe-LZvJb0BS.js";import{g as r}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const V="_fixed_13ibu_14",F="_absolute_13ibu_18",I="_bubble_13ibu_1",M="_open_13ibu_106",e={"bubble-menu":"_bubble-menu_13ibu_1",fixed:V,absolute:F,bubble:I,"logo-bubble":"_logo-bubble_13ibu_35","toggle-bubble":"_toggle-bubble_13ibu_36","bubble-logo":"_bubble-logo_13ibu_54","logo-content":"_logo-content_13ibu_61","menu-btn":"_menu-btn_13ibu_78","menu-line":"_menu-line_13ibu_89",open:M,"bubble-menu-items":"_bubble-menu-items_13ibu_124","pill-list":"_pill-list_13ibu_142","pill-col":"_pill-col_13ibu_164","pill-link":"_pill-link_13ibu_180","pill-label":"_pill-label_13ibu_229"},P=[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Documentation",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}];function B({logo:p,onMenuClick:h,className:A,style:R,menuAriaLabel:T="Toggle menu",menuBg:_="#fff",menuContentColor:i="#111",useFixedPosition:C=!1,items:u,animationEase:S="back.out(1.5)",animationDuration:c=.5,staggerDelay:L=.12}){const[s,O]=b.useState(!1),[x,j]=b.useState(!1),$=b.useRef(null),y=b.useRef([]),N=b.useRef([]),v=u!=null&&u.length?u:P,q=[e["bubble-menu"],C?e.fixed:e.absolute,A].filter(Boolean).join(" "),D=()=>{const l=!s;l&&j(!0),O(l),h==null||h(l)};return b.useEffect(()=>{const l=$.current,a=y.current.filter(Boolean),t=N.current.filter(Boolean);!l||!a.length||(s?(r.set(l,{display:"flex"}),r.killTweensOf([...a,...t]),r.set(a,{scale:0,transformOrigin:"50% 50%"}),r.set(t,{y:24,autoAlpha:0}),a.forEach((f,n)=>{const m=n*L+r.utils.random(-.05,.05),d=r.timeline({delay:m});d.to(f,{scale:1,duration:c,ease:S}),t[n]&&d.to(t[n],{y:0,autoAlpha:1,duration:c,ease:"power3.out"},`-=${c*.9}`)})):x&&(r.killTweensOf([...a,...t]),r.to(t,{y:24,autoAlpha:0,duration:.2,ease:"power3.in"}),r.to(a,{scale:0,duration:.2,ease:"power3.in",onComplete:()=>{r.set(l,{display:"none"}),j(!1)}})))},[s,x,S,c,L]),b.useEffect(()=>{const l=()=>{if(s){const a=y.current.filter(Boolean),t=window.innerWidth>=900;a.forEach((f,n)=>{const m=v[n];if(f&&m){const d=t?m.rotation??0:0;r.set(f,{rotation:d})}})}};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[s,v]),o.jsxs(o.Fragment,{children:[o.jsxs("nav",{className:q,style:R,"aria-label":"Main navigation",children:[o.jsx("div",{className:`${e.bubble} ${e["logo-bubble"]}`,"aria-label":"Logo",style:{background:_},children:o.jsx("span",{className:`${e["logo-content"]}`,children:typeof p=="string"?o.jsx("img",{src:p,alt:"Logo",className:`${e["bubble-logo"]}`}):p})}),o.jsxs("button",{type:"button",className:`${e.bubble} ${e["toggle-bubble"]} ${e["menu-btn"]} ${s?e.open:""}`,onClick:D,"aria-label":T,"aria-pressed":s,style:{background:_},children:[o.jsx("span",{className:`${e["menu-line"]}`,style:{background:i}}),o.jsx("span",{className:`${e["menu-line"]} short`,style:{background:i}})]})]}),x&&o.jsx("div",{ref:$,className:`${e["bubble-menu-items"]} ${C?e.fixed:e.absolute}`,"aria-hidden":!s,children:o.jsx("ul",{className:`${e["pill-list"]}`,role:"menu","aria-label":"Menu links",children:v.map((l,a)=>{var t,f;return o.jsx("li",{role:"none",className:`${e["pill-col"]}`,children:o.jsx("a",{role:"menuitem",href:l.href,"aria-label":l.ariaLabel||l.label,className:`${e["pill-link"]}`,style:{"--item-rot":`${l.rotation??0}deg`,"--pill-bg":_,"--pill-color":i,"--hover-bg":((t=l.hoverStyles)==null?void 0:t.bgColor)||"#f3f4f6","--hover-color":((f=l.hoverStyles)==null?void 0:f.textColor)||i},ref:n=>{n&&(y.current[a]=n)},children:o.jsx("span",{className:`${e["pill-label"]}`,ref:n=>{n&&(N.current[a]=n)},children:l.label})})},a)})})})]})}B.__docgenInfo={description:"",methods:[],displayName:"BubbleMenu",props:{menuAriaLabel:{defaultValue:{value:"'Toggle menu'",computed:!1},required:!1},menuBg:{defaultValue:{value:"'#fff'",computed:!1},required:!1},menuContentColor:{defaultValue:{value:"'#111'",computed:!1},required:!1},useFixedPosition:{defaultValue:{value:"false",computed:!1},required:!1},animationEase:{defaultValue:{value:"'back.out(1.5)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},staggerDelay:{defaultValue:{value:"0.12",computed:!1},required:!1}}};const U={title:"ReactBits/Components/BubbleMenu",component:B,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={args:{menuAriaLabel:"Toggle menu",menuBg:"#fff",menuContentColor:"#111",useFixedPosition:!1,items:[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Projects",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}],animationEase:"back.out(1.5)",animationDuration:.5,staggerDelay:.12}};var w,E,k;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`{
   args: {
     menuAriaLabel: 'Toggle menu',
     menuBg: '#fff',

package/storybook-static/assets/{Button-2CSvbnXB.js → Button-DK4vPDdE.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./iframe-CvT6MryR.js";import{u as T}from"./useSound-DyOR6GVH.js";import{m as q}from"./proxy-0exJiild.js";const W="_button_7s9mx_1",w="_primary_7s9mx_43",C="_secondary_7s9mx_61",L="_outline_7s9mx_79",N="_ghost_7s9mx_119",R="_danger_7s9mx_142",S="_small_7s9mx_160",j="_medium_7s9mx_166",V="_large_7s9mx_171",z="_fullWidth_7s9mx_178",I="_loading_7s9mx_199",M="_spinner_7s9mx_204",k="_spin_7s9mx_204",F="_iconLeft_7s9mx_231",P="_iconRight_7s9mx_232",e={button:W,primary:w,secondary:C,outline:L,ghost:N,danger:R,small:S,medium:j,large:V,fullWidth:z,loading:I,spinner:M,spin:k,iconLeft:F,iconRight:P},A=({variant:d="primary",size:c="medium",fullWidth:p=!1,loading:t=!1,iconLeft:u,iconRight:m,children:f,className:h="",disabled:s,motionProps:_,soundConfig:g,onClick:i,onMouseEnter:l,onFocus:y,...x})=>{const{handlers:n}=T(g),v=[e.button,e[d],e[c],p&&e.fullWidth,t&&e.loading,h].filter(Boolean).join(" "),b=r=>{var o;(o=n.onClick)==null||o.call(n),i==null||i(r)},B=r=>{var o;(o=n.onMouseEnter)==null||o.call(n),l==null||l(r)};return a.jsxs(q.button,{className:v,disabled:s||t,whileHover:{scale:s||t?1:1.02},whileTap:{scale:s||t?1:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:b,onMouseEnter:B,onFocus:y,..._,...x,children:[t&&a.jsx("span",{className:e.spinner}),u&&a.jsx("span",{className:e.iconLeft,children:u}),f,m&&a.jsx("span",{className:e.iconRight,children:m})]})};A.__docgenInfo={description:`Button Component
+import{j as a}from"./iframe-LZvJb0BS.js";import{u as T}from"./useSound-Dc8S51xy.js";import{m as q}from"./proxy-94dt0K2Y.js";const W="_button_7s9mx_1",w="_primary_7s9mx_43",C="_secondary_7s9mx_61",L="_outline_7s9mx_79",N="_ghost_7s9mx_119",R="_danger_7s9mx_142",S="_small_7s9mx_160",j="_medium_7s9mx_166",V="_large_7s9mx_171",z="_fullWidth_7s9mx_178",I="_loading_7s9mx_199",M="_spinner_7s9mx_204",k="_spin_7s9mx_204",F="_iconLeft_7s9mx_231",P="_iconRight_7s9mx_232",e={button:W,primary:w,secondary:C,outline:L,ghost:N,danger:R,small:S,medium:j,large:V,fullWidth:z,loading:I,spinner:M,spin:k,iconLeft:F,iconRight:P},A=({variant:d="primary",size:c="medium",fullWidth:p=!1,loading:t=!1,iconLeft:u,iconRight:m,children:f,className:h="",disabled:s,motionProps:_,soundConfig:g,onClick:i,onMouseEnter:l,onFocus:y,...x})=>{const{handlers:n}=T(g),v=[e.button,e[d],e[c],p&&e.fullWidth,t&&e.loading,h].filter(Boolean).join(" "),b=r=>{var o;(o=n.onClick)==null||o.call(n),i==null||i(r)},B=r=>{var o;(o=n.onMouseEnter)==null||o.call(n),l==null||l(r)};return a.jsxs(q.button,{className:v,disabled:s||t,whileHover:{scale:s||t?1:1.02},whileTap:{scale:s||t?1:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:b,onMouseEnter:B,onFocus:y,..._,...x,children:[t&&a.jsx("span",{className:e.spinner}),u&&a.jsx("span",{className:e.iconLeft,children:u}),f,m&&a.jsx("span",{className:e.iconRight,children:m})]})};A.__docgenInfo={description:`Button Component
 
 @component
 @description

package/storybook-static/assets/{Button.stories-CMFODsAR.js → Button.stories-dpSafIdz.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-CvT6MryR.js";import{B as t}from"./Button-2CSvbnXB.js";import{s as i}from"./useSound-DyOR6GVH.js";import{c as s}from"./createLucideIcon-Eaeny9Zi.js";import{C as l}from"./chevron-right-B4kqmwjo.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";/**
+import{j as e}from"./iframe-LZvJb0BS.js";import{B as t}from"./Button-DK4vPDdE.js";import{s as i}from"./useSound-Dc8S51xy.js";import{c as s}from"./createLucideIcon-yjHXhSOm.js";import{C as l}from"./chevron-right-CDwij0IV.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/Calendar-CreieAui.css

@@ -0,0 +1 @@
+._calendar_11jmb_2{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);font-family:var(--font-family-primary);color:var(--color-text);width:100%;max-width:100%}._loading_11jmb_14{display:flex;align-items:center;justify-content:center;min-height:400px}._loadingSpinner_11jmb_21{color:var(--color-text-secondary);font-size:var(--font-size-lg)}._header_11jmb_27{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._navigation_11jmb_35{display:flex;align-items:center;gap:var(--spacing-md)}._navButton_11jmb_41{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease}._navButton_11jmb_41:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}._title_11jmb_60{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0;text-transform:capitalize;min-width:200px;text-align:center}._controls_11jmb_70{display:flex;align-items:center;gap:var(--spacing-md)}._todayButton_11jmb_76{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-primary);font-weight:500;cursor:pointer;transition:all .2s ease}._todayButton_11jmb_76:hover{background:var(--color-primary);color:var(--color-text-inverse)}._viewToggle_11jmb_92{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._viewButton_11jmb_99{padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}._viewButton_11jmb_99:hover{background:var(--color-background-secondary)}._viewButton_11jmb_99._active_11jmb_113{background:var(--color-primary);color:var(--color-text-inverse)}._viewButton_11jmb_99+._viewButton_11jmb_99{border-left:1px solid var(--color-border)}._weekDays_11jmb_123{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}._weekDays_11jmb_123._withWeekNumbers_11jmb_130{grid-template-columns:40px repeat(7,1fr)}._weekNumberHeader_11jmb_134,._weekDay_11jmb_123{text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-sm) 0}._daysGrid_11jmb_151{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;gap:var(--spacing-xs)}._daysGrid_11jmb_151._withWeekNumbers_11jmb_130{grid-template-columns:40px repeat(7,1fr)}._weekView_11jmb_162{grid-template-rows:repeat(1,minmax(300px,1fr))}._weekView_11jmb_162 ._dayCell_11jmb_166{min-height:300px;display:flex;flex-direction:column;border-left:1px solid var(--color-border);position:relative}._weekView_11jmb_162 ._dayCell_11jmb_166:first-child{border-left:none}._weekView_11jmb_162 ._dayCell_11jmb_166:before{content:"";position:absolute;top:60px;left:0;right:0;height:1px;background:repeating-linear-gradient(to right,var(--color-border) 0px,var(--color-border) 1px,transparent 1px,transparent 20px);opacity:.3}._weekView_11jmb_162 ._dayNumber_11jmb_195{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);text-align:center;padding:var(--spacing-sm);border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:2}._weekView_11jmb_162 ._dayCell_11jmb_166._today_11jmb_76 ._dayNumber_11jmb_195{background:var(--color-primary);color:var(--color-text-inverse);border-bottom-color:var(--color-primary)}._weekView_11jmb_162 ._events_11jmb_214{flex:1;padding:var(--spacing-sm);gap:var(--spacing-xs);position:relative}._weekView_11jmb_162 ._event_11jmb_214{padding:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2);margin-bottom:var(--spacing-xs);position:relative;overflow:visible;white-space:normal;text-overflow:unset;min-height:auto;height:auto}._weekView_11jmb_162 ._event_11jmb_214:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._weekView_11jmb_162 ._eventTitle_11jmb_241{font-weight:600;line-height:1.2;white-space:normal;text-overflow:unset;overflow:visible;word-wrap:break-word}._weekView_11jmb_162 ._eventTime_11jmb_250{font-size:var(--font-size-xs);font-weight:700;background:var(--color-background-secondary);color:var(--color-text);padding:2px 6px;border-radius:var(--radius-sm);margin-right:var(--spacing-xs);border:1px solid var(--color-border);display:inline-block}._dayCell_11jmb_166{min-height:100px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);position:relative;overflow:hidden;cursor:pointer}._dayCell_11jmb_166:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._dayCell_11jmb_166._today_11jmb_76{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.08));border-color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.3)}._dayCell_11jmb_166._today_11jmb_76 ._dayNumber_11jmb_195{color:var(--color-primary);font-weight:700}._dayCell_11jmb_166._otherMonth_11jmb_295{background:var(--color-background-tertiary);opacity:.5}._dayCell_11jmb_166._selected_11jmb_300{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}._dayCell_11jmb_166._selected_11jmb_300 ._dayNumber_11jmb_195{color:var(--color-primary);font-weight:700}._compact_11jmb_311 ._dayCell_11jmb_166{min-height:56px;padding:4px}._compact_11jmb_311 ._dayNumber_11jmb_195{font-size:12px;margin-bottom:2px;font-weight:600;text-align:center}._dots_11jmb_323{display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap}._dot_11jmb_323{width:6px;height:6px;border-radius:50%;flex-shrink:0}._dotMore_11jmb_338{font-size:9px;color:var(--color-text-secondary);margin-left:2px}._weekNumber_11jmb_134{position:absolute;top:2px;left:2px;font-size:10px;color:var(--color-text-tertiary);background:var(--color-background-secondary);padding:2px 4px;border-radius:var(--radius-xs)}._dayNumber_11jmb_195{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}._events_11jmb_214{display:flex;flex-direction:column;gap:2px}._event_11jmb_214{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--radius-xs);font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}._event_11jmb_214._completed_11jmb_388{opacity:.7;text-decoration:line-through}._eventTitle_11jmb_241{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}._eventTime_11jmb_250{font-weight:600;margin-right:4px;font-size:10px}._completedIcon_11jmb_409{width:12px;height:12px;flex-shrink:0;stroke-width:2}._moreEvents_11jmb_416{padding:2px 6px;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:10px;text-align:center;border-radius:var(--radius-xs);margin-top:2px}._emptyState_11jmb_426{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}._dayView_11jmb_436{display:flex;flex-direction:column;height:600px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._dayViewHeader_11jmb_445{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:5;width:100%}._timeColumnHeader_11jmb_455{width:80px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-background-secondary)}._dayColumnHeader_11jmb_462{flex:1;padding:var(--spacing-md);text-align:center;font-weight:600;color:var(--color-text);background:var(--color-background)}._dayViewScrollContainer_11jmb_471{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%}._dayViewContent_11jmb_479{display:flex;min-height:100%;width:100%}._timeColumn_11jmb_455{width:80px;border-right:1px solid var(--color-border);background:var(--color-background-secondary);flex-shrink:0}._dayColumn_11jmb_462{flex:1;position:relative}._timeSlot_11jmb_497{height:60px;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--spacing-xs);border-bottom:1px solid var(--color-border)}._timeLabel_11jmb_506{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}._hourSlot_11jmb_512{height:60px;position:relative;border-bottom:1px solid var(--color-border);padding:var(--spacing-xs);cursor:pointer;transition:background-color .2s ease}._hourSlot_11jmb_512:hover{background-color:#00000005}._hourLine_11jmb_525{position:absolute;top:0;left:0;right:0;height:1px;background:var(--color-border);z-index:1}._dayEvent_11jmb_535{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;position:relative;min-height:32px;box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2);z-index:2}._dayEvent_11jmb_535:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._dayEventTitle_11jmb_556{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.2}._dayEventTime_11jmb_564{font-size:var(--font-size-xs);font-weight:700;opacity:.9}._dayEvent_11jmb_535._completed_11jmb_388{opacity:.7;text-decoration:line-through}._currentTimeIndicator_11jmb_576{position:absolute;left:0;right:0;height:2px;background:var(--color-primary);z-index:10;border-radius:1px;pointer-events:none;box-shadow:0 1px 3px #0003}._currentTimeIndicator_11jmb_576:before{content:"";position:absolute;left:-8px;top:-4px;width:10px;height:10px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 2px var(--color-background);animation:_pulse_11jmb_1 2s ease-in-out infinite}@keyframes _pulse_11jmb_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){._calendar_11jmb_2{padding:var(--spacing-md);border-radius:var(--radius-md)}._header_11jmb_27{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}._navigation_11jmb_35{order:2;width:100%;justify-content:center}._controls_11jmb_70{order:1;width:100%;justify-content:center;flex-wrap:wrap}._navButton_11jmb_41{width:32px;height:32px}._title_11jmb_60{font-size:var(--font-size-lg);min-width:auto}._todayButton_11jmb_76{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._viewButton_11jmb_99{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}._weekDays_11jmb_123{gap:1px;margin-bottom:var(--spacing-sm)}._weekDay_11jmb_123{font-size:11px;padding:var(--spacing-xs) 0}._daysGrid_11jmb_151{gap:1px}._dayCell_11jmb_166{min-height:70px;padding:4px}._compact_11jmb_311 ._dayCell_11jmb_166{min-height:40px;padding:2px}._compact_11jmb_311 ._dayNumber_11jmb_195{font-size:11px}._dot_11jmb_323{width:5px;height:5px}._weekView_11jmb_162 ._dayCell_11jmb_166{min-height:180px}._weekView_11jmb_162 ._dayNumber_11jmb_195{font-size:var(--font-size-md);padding:var(--spacing-xs);margin-bottom:var(--spacing-xs)}._weekView_11jmb_162 ._events_11jmb_214{gap:2px;padding:4px}._weekView_11jmb_162 ._event_11jmb_214{padding:4px 6px;font-size:10px}._weekView_11jmb_162 ._eventTime_11jmb_250{font-size:8px;padding:1px 3px}._dayNumber_11jmb_195{font-size:12px;margin-bottom:2px;font-weight:600}._events_11jmb_214{gap:1px}._event_11jmb_214{font-size:9px;padding:1px 4px;border-radius:2px}._eventTime_11jmb_250{font-size:8px;margin-right:2px}._moreEvents_11jmb_416{font-size:8px;padding:1px 4px}._completedIcon_11jmb_409{width:10px;height:10px}._weekNumber_11jmb_134{font-size:8px;padding:1px 3px}._dayView_11jmb_436{height:500px}._timeColumn_11jmb_455,._timeColumnHeader_11jmb_455{width:60px}._timeLabel_11jmb_506{font-size:10px}._dayEvent_11jmb_535{padding:4px 6px;font-size:12px;min-height:28px}._dayEventTime_11jmb_564{font-size:10px}}@media (max-width: 480px){._calendar_11jmb_2{padding:var(--spacing-sm);border-radius:var(--radius-sm)}._header_11jmb_27{gap:var(--spacing-xs)}._navButton_11jmb_41{width:28px;height:28px}._title_11jmb_60{font-size:var(--font-size-md)}._todayButton_11jmb_76{padding:var(--spacing-xs);font-size:11px}._viewButton_11jmb_99{padding:var(--spacing-xs);font-size:10px}._weekDay_11jmb_123{font-size:10px;padding:4px 0}._dayCell_11jmb_166{min-height:60px;padding:2px}._weekView_11jmb_162 ._dayCell_11jmb_166{min-height:100px}._dayNumber_11jmb_195{font-size:11px;margin-bottom:1px}._event_11jmb_214{font-size:8px;padding:1px 2px}._eventTime_11jmb_250{font-size:7px;margin-right:1px}._moreEvents_11jmb_416{font-size:7px;padding:1px 2px}._completedIcon_11jmb_409{width:8px;height:8px}}@media (prefers-color-scheme: dark){._calendar_11jmb_2{box-shadow:var(--shadow-dark-md)}._event_11jmb_214{box-shadow:none}._event_11jmb_214:hover{box-shadow:var(--shadow-dark-sm)}}@media (prefers-contrast: high){._dayCell_11jmb_166{border-width:2px}._dayCell_11jmb_166._today_11jmb_76{border-width:3px}._event_11jmb_214{border:1px solid var(--color-text-inverse)}}@media (prefers-reduced-motion: reduce){._calendar_11jmb_2 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}