@stfrigerio/sito-template 0.1.74 → 0.1.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stfrigerio/sito-template",
-  "version": "0.1.74",
+  "version": "0.1.76",
   "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-j8xsB1TG.js → ASCIIText.stories-jyeGS_ve.js}

@@ -1,4 +1,4 @@
-import{r as g,j as w}from"./iframe-0Lx_Gg0M.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 g,j as w}from"./iframe-BmJYCQaV.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--6Uw2Fcr.js → AllAtoms.stories-CemMq1qd.js}

@@ -1,4 +1,4 @@
-import{j as e,r as a}from"./iframe-0Lx_Gg0M.js";import{B as s}from"./Button-CfCaQiHk.js";import{C as t}from"./Card-DizJF4F1.js";import"./index-sWjLcHSO.js";import{C as v}from"./Checkbox-DGpAt-8J.js";import{D as R}from"./DateInput-egINzuHs.js";import{S as Se}from"./SearchableDropdown-BR5vgsXI.js";import{S as $}from"./SelectInput-DKqA_OVH.js";import{T as G}from"./TextArea-C4_pRJa8.js";import{T as d}from"./TextInput-jndRU6dX.js";import{T as h}from"./Toggle-ZNFl7Zf5.js";import{N as V}from"./NumberStepper-ZN01Ap-l.js";import{T as g}from"./ToggleButton-CfYinXVa.js";import"./Slider-DSsSUHGS.js";import"./LoadingSpinner-DwJc055H.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-D-J1T6nx.js";import"./proxy-BKn6lL2c.js";import"./MotionConfigContext-D6NZivNz.js";import"./index-DC1KDIA7.js";import"./createLucideIcon-X00nnVkp.js";import"./chevron-down-BL6oos_p.js";import"./search-C1RQusWF.js";import"./check-CcGKVANr.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-BmJYCQaV.js";import{B as s}from"./Button-C8DVgvIi.js";import{C as t}from"./Card-C1CU1aJ4.js";import"./index-8y2D1xIF.js";import{C as v}from"./Checkbox-CjfwEqdP.js";import{D as R}from"./DateInput-BOP5MJAA.js";import{S as Se}from"./SearchableDropdown-fnf6ZW_h.js";import{S as $}from"./SelectInput-DXau1Dph.js";import{T as G}from"./TextArea-BoTwFvlF.js";import{T as d}from"./TextInput-DTyHhomU.js";import{T as h}from"./Toggle-Bwvgtrvs.js";import{N as V}from"./NumberStepper-CGuZE3IG.js";import{T as g}from"./ToggleButton-BINAb7TQ.js";import"./Slider-BeoCTJYT.js";import"./LoadingSpinner-B3jiWJ5i.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-C72L733V.js";import"./proxy-MAU_yIzM.js";import"./MotionConfigContext-C6KIXCCK.js";import"./index-GkLzrRJX.js";import"./createLucideIcon-DvNKQIkb.js";import"./chevron-down-Dnj3nVPe.js";import"./search-T1_DPJWy.js";import"./check-bvk6C-TA.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-etc-9Hta.js → AnimatedContent.stories-DffuqOCI.js}

@@ -1,4 +1,4 @@
-import{r as E,j as I}from"./iframe-0Lx_Gg0M.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"}},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-BmJYCQaV.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"}},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-DqVxA_Ky.js → AnimatedList.stories-DuwFQFkj.js}

@@ -1,4 +1,4 @@
-import{r as a,j as s}from"./iframe-0Lx_Gg0M.js";import{u as A}from"./use-in-view-CArLjB-c.js";import{m as D}from"./proxy-BKn6lL2c.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D6NZivNz.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:o=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:o},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:o,showGradients:p=!0,enableArrowNavigation:c=!0,className:y="",itemClassName:d="",displayScrollbar:h=!0,initialSelectedIndex:M=-1})=>{const _=a.useRef(null),[r,u]=a.useState(M),[w,g]=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),o&&o(t,e)},[o]),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(),g(!0),u(i=>Math.min(i+1,l.length-1))):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),g(!0),u(i=>Math.max(i-1,0))):e.key==="Enter"&&r>=0&&r<l.length&&(e.preventDefault(),o&&o(l[r],r))};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[l,r,o,c]),a.useEffect(()=>{if(!w||r<0||!_.current)return;const t=_.current,e=t.querySelector(`[data-index="${r}"]`);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"})}g(!1)},[r,w]),s.jsxs("div",{className:`${n["scroll-list-container"]} ${y}`,children:[s.jsx("div",{ref:_,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} ${r===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-BmJYCQaV.js";import{u as A}from"./use-in-view-BUiyIXbb.js";import{m as D}from"./proxy-MAU_yIzM.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C6KIXCCK.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:o=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:o},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:o,showGradients:p=!0,enableArrowNavigation:c=!0,className:y="",itemClassName:d="",displayScrollbar:h=!0,initialSelectedIndex:M=-1})=>{const _=a.useRef(null),[r,u]=a.useState(M),[w,g]=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),o&&o(t,e)},[o]),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(),g(!0),u(i=>Math.min(i+1,l.length-1))):e.key==="ArrowUp"||e.key==="Tab"&&e.shiftKey?(e.preventDefault(),g(!0),u(i=>Math.max(i-1,0))):e.key==="Enter"&&r>=0&&r<l.length&&(e.preventDefault(),o&&o(l[r],r))};return window.addEventListener("keydown",t),()=>window.removeEventListener("keydown",t)},[l,r,o,c]),a.useEffect(()=>{if(!w||r<0||!_.current)return;const t=_.current,e=t.querySelector(`[data-index="${r}"]`);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"})}g(!1)},[r,w]),s.jsxs("div",{className:`${n["scroll-list-container"]} ${y}`,children:[s.jsx("div",{ref:_,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} ${r===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-DeqwaQLY.js → Antigravity.stories-DcbmxH5R.js}

@@ -1,4 +1,4 @@
-import{j as s,r as m}from"./iframe-0Lx_Gg0M.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-CzGemEFc.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"}},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-BmJYCQaV.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-J8Ycqtkj.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"}},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-97t9Gs5T.js → ArrayInput.stories-DvZKodHx.js}

@@ -1,4 +1,4 @@
-import{j as e,r as f}from"./iframe-0Lx_Gg0M.js";import{B as j}from"./Button-CfCaQiHk.js";import{T as J}from"./TextInput-jndRU6dX.js";import{T as W}from"./TextArea-C4_pRJa8.js";import{A as q}from"./index-DC1KDIA7.js";import{m as P}from"./proxy-BKn6lL2c.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-D-J1T6nx.js";import"./MotionConfigContext-D6NZivNz.js";const V="_arrayInput_6qbs9_1",D="_arrayInputLabel_6qbs9_5",O="_arrayInputItem_6qbs9_14",F="_inputWrapper_6qbs9_38",U="_input_6qbs9_38",G="_complexItem_6qbs9_71",H="_fieldsWrapper_6qbs9_77",K="_removeButton_6qbs9_96",Q="_addButton_6qbs9_112",l={arrayInput:V,arrayInputLabel:D,arrayInputItem:O,inputWrapper:F,input:U,complexItem:G,fieldsWrapper:H,removeButton:K,addButton:Q};function p(n){return n.type==="complex"?e.jsx(Y,{...n}):e.jsx(X,{...n})}function X({label:n,values:r,onChange:m,placeholder:c,itemStyle:d,inputStyle:u,multiline:I=!1,rows:w=3,buttonVariant:h="primary"}){const i=f.useRef([]);for(;i.current.length<r.length;)i.current.push(`item-${Date.now()}-${Math.random()}`);i.current.length>r.length&&(i.current=i.current.slice(0,r.length));const g=(a,t)=>{const s=[...r];s[a]=t,m(s)},C=()=>{i.current.push(`item-${Date.now()}-${Math.random()}`),m([...r,""])},o=a=>{const t=r.filter((s,$)=>$!==a);i.current.splice(a,1),m(t)};return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:n}),e.jsx("div",{children:e.jsx(q,{children:r.map((a,t)=>e.jsxs(P.div,{className:l.arrayInputItem,style:d,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:I?e.jsx("div",{style:u,children:e.jsx(W,{label:"",value:a,onChange:s=>g(t,s),placeholder:c,rows:w,compact:!0})}):e.jsx("input",{type:"text",value:a,onChange:s=>g(t,s.target.value),placeholder:c,className:l.input,style:u})}),e.jsx(j,{variant:"ghost",size:"small",onClick:()=>o(t),"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"})})})]},i.current[t]))})}),e.jsx(j,{variant:h,size:"small",onClick:C,className:l.addButton,children:n})]})}function Y({label:n,values:r,onChange:m,fields:c,getKey:d,itemStyle:u,inputStyle:I,buttonVariant:w="primary"}){const h=(o,a,t)=>{const s=[...r];s[o]={...s[o],[a]:t},m(s)},i=()=>{const o=c.reduce((a,t)=>({...a,[t.name]:""}),{});m([...r,o])},g=o=>{const a=r.filter((t,s)=>s!==o);m(a)},C=(o,a)=>d?d(o,a):c.map(t=>o[t.name]||"").join("-")+`-${a}`;return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:n}),e.jsx("div",{children:e.jsx(q,{children:r.map((o,a)=>e.jsxs(P.div,{className:`${l.arrayInputItem} ${c.length>1?l.complexItem:""}`,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.fieldsWrapper,children:c.map(t=>e.jsx("div",{style:I,children:t.multiline?e.jsx(W,{value:o[t.name]||"",onChange:s=>h(a,t.name,s),label:t.label,placeholder:t.placeholder,rows:t.rows,compact:!0}):e.jsx(J,{value:o[t.name]||"",onChange:s=>h(a,t.name,s),label:t.label,type:t.type,placeholder:t.placeholder})},t.name))}),e.jsx(j,{variant:"ghost",size:"small",onClick:()=>g(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"})})})]},C(o,a)))})}),e.jsxs(j,{variant:w,size:"small",onClick:i,className:l.addButton,children:["Add ",n]})]})}p.__docgenInfo={description:`ArrayInput component - Versatile dynamic list manager
+import{j as e,r as f}from"./iframe-BmJYCQaV.js";import{B as j}from"./Button-C8DVgvIi.js";import{T as J}from"./TextInput-DTyHhomU.js";import{T as W}from"./TextArea-BoTwFvlF.js";import{A as q}from"./index-GkLzrRJX.js";import{m as P}from"./proxy-MAU_yIzM.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-C72L733V.js";import"./MotionConfigContext-C6KIXCCK.js";const V="_arrayInput_6qbs9_1",D="_arrayInputLabel_6qbs9_5",O="_arrayInputItem_6qbs9_14",F="_inputWrapper_6qbs9_38",U="_input_6qbs9_38",G="_complexItem_6qbs9_71",H="_fieldsWrapper_6qbs9_77",K="_removeButton_6qbs9_96",Q="_addButton_6qbs9_112",l={arrayInput:V,arrayInputLabel:D,arrayInputItem:O,inputWrapper:F,input:U,complexItem:G,fieldsWrapper:H,removeButton:K,addButton:Q};function p(n){return n.type==="complex"?e.jsx(Y,{...n}):e.jsx(X,{...n})}function X({label:n,values:r,onChange:m,placeholder:c,itemStyle:d,inputStyle:u,multiline:I=!1,rows:w=3,buttonVariant:h="primary"}){const i=f.useRef([]);for(;i.current.length<r.length;)i.current.push(`item-${Date.now()}-${Math.random()}`);i.current.length>r.length&&(i.current=i.current.slice(0,r.length));const g=(a,t)=>{const s=[...r];s[a]=t,m(s)},C=()=>{i.current.push(`item-${Date.now()}-${Math.random()}`),m([...r,""])},o=a=>{const t=r.filter((s,$)=>$!==a);i.current.splice(a,1),m(t)};return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:n}),e.jsx("div",{children:e.jsx(q,{children:r.map((a,t)=>e.jsxs(P.div,{className:l.arrayInputItem,style:d,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:I?e.jsx("div",{style:u,children:e.jsx(W,{label:"",value:a,onChange:s=>g(t,s),placeholder:c,rows:w,compact:!0})}):e.jsx("input",{type:"text",value:a,onChange:s=>g(t,s.target.value),placeholder:c,className:l.input,style:u})}),e.jsx(j,{variant:"ghost",size:"small",onClick:()=>o(t),"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"})})})]},i.current[t]))})}),e.jsx(j,{variant:h,size:"small",onClick:C,className:l.addButton,children:n})]})}function Y({label:n,values:r,onChange:m,fields:c,getKey:d,itemStyle:u,inputStyle:I,buttonVariant:w="primary"}){const h=(o,a,t)=>{const s=[...r];s[o]={...s[o],[a]:t},m(s)},i=()=>{const o=c.reduce((a,t)=>({...a,[t.name]:""}),{});m([...r,o])},g=o=>{const a=r.filter((t,s)=>s!==o);m(a)},C=(o,a)=>d?d(o,a):c.map(t=>o[t.name]||"").join("-")+`-${a}`;return e.jsxs("div",{className:l.arrayInput,children:[e.jsx("h3",{className:l.arrayInputLabel,children:n}),e.jsx("div",{children:e.jsx(q,{children:r.map((o,a)=>e.jsxs(P.div,{className:`${l.arrayInputItem} ${c.length>1?l.complexItem:""}`,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.fieldsWrapper,children:c.map(t=>e.jsx("div",{style:I,children:t.multiline?e.jsx(W,{value:o[t.name]||"",onChange:s=>h(a,t.name,s),label:t.label,placeholder:t.placeholder,rows:t.rows,compact:!0}):e.jsx(J,{value:o[t.name]||"",onChange:s=>h(a,t.name,s),label:t.label,type:t.type,placeholder:t.placeholder})},t.name))}),e.jsx(j,{variant:"ghost",size:"small",onClick:()=>g(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"})})})]},C(o,a)))})}),e.jsxs(j,{variant:w,size:"small",onClick:i,className:l.addButton,children:["Add ",n]})]})}p.__docgenInfo={description:`ArrayInput component - Versatile dynamic list manager
 
 @component
 @description

package/storybook-static/assets/{Aurora.stories-DW_vRleP.js → Aurora.stories-BQOm4LDu.js}

@@ -1,4 +1,4 @@
-import{r as f,j as E}from"./iframe-0Lx_Gg0M.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-BmJYCQaV.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-DA9Y3vcg.js → Beams.stories-CzdaOr3E.js}

@@ -1,4 +1,4 @@
-import{r as n,j as x}from"./iframe-0Lx_Gg0M.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-CzGemEFc.js";import{_ as G}from"./extends-CF3RwP-h.js";import{u as Z}from"./Fbo-_jKxR3DO.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},g)=>{const f=h(({set:c})=>c),s=h(({camera:c})=>c),v=h(({size:c})=>c),u=n.useRef(null);n.useImperativeHandle(g,()=>u.current,[]);const d=n.useRef(null),y=Z(t);n.useLayoutEffect(()=>{i.manual||(u.current.aspect=v.width/v.height)},[v,i]),n.useLayoutEffect(()=>{u.current.updateProjectionMatrix()});let l=0,m=null;const p=Y(o);return O(c=>{p&&(a===1/0||l<a)&&(d.current.visible=!1,c.gl.setRenderTarget(y),m=c.scene.background,e&&(c.scene.background=e),c.gl.render(c.scene,u.current),c.scene.background=m,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",G({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,g=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,m])=>{f[l]=m!==null&&typeof m=="object"&&"value"in m?m:{value:m}});let v=`${t.header}
+import{r as n,j as x}from"./iframe-BmJYCQaV.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-J8Ycqtkj.js";import{_ as G}from"./extends-CF3RwP-h.js";import{u as Z}from"./Fbo-BckR5Q0w.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},g)=>{const f=h(({set:c})=>c),s=h(({camera:c})=>c),v=h(({size:c})=>c),u=n.useRef(null);n.useImperativeHandle(g,()=>u.current,[]);const d=n.useRef(null),y=Z(t);n.useLayoutEffect(()=>{i.manual||(u.current.aspect=v.width/v.height)},[v,i]),n.useLayoutEffect(()=>{u.current.updateProjectionMatrix()});let l=0,m=null;const p=Y(o);return O(c=>{p&&(a===1/0||l<a)&&(d.current.visible=!1,c.gl.setRenderTarget(y),m=c.scene.background,e&&(c.scene.background=e),c.gl.render(c.scene,u.current),c.scene.background=m,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",G({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,g=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,m])=>{f[l]=m!==null&&typeof m=="object"&&"value"in m?m:{value:m}});let v=`${t.header}
 ${t.vertexHeader??""}
 ${r}`,u=`${t.header}
 ${t.fragmentHeader??""}

package/storybook-static/assets/{BlobCursor.stories-tKi0zBTb.js → BlobCursor.stories-DKhEEylD.js}

@@ -1,4 +1,4 @@
-import{r as t,j as a}from"./iframe-0Lx_Gg0M.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"}},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-BmJYCQaV.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"}},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-CKH4Rjq3.js → BlurText.stories-BXn21RBW.js}

@@ -1,4 +1,4 @@
-import{r as l,j as h}from"./iframe-0Lx_Gg0M.js";import{m as k}from"./proxy-BKn6lL2c.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D6NZivNz.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"}},p={args:{text:"Hello World!",delay:200,animateBy:"words",direction:"top",threshold:.1,rootMargin:"0px",stepDuration:.35}};var v,b,g;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
+import{r as l,j as h}from"./iframe-BmJYCQaV.js";import{m as k}from"./proxy-MAU_yIzM.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C6KIXCCK.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"}},p={args:{text:"Hello World!",delay:200,animateBy:"words",direction:"top",threshold:.1,rootMargin:"0px",stepDuration:.35}};var v,b,g;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-Bly1P6__.js → BooleansHeatmap.stories-wo9Pvb36.js}

@@ -1,4 +1,4 @@
-import{r as T,j as d}from"./iframe-0Lx_Gg0M.js";import{s as I}from"./transform-BKmuZieF.js";import{t as K}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const X="_container_anirc_1",Q="_title_anirc_8",U="_habitEmoji_anirc_18",Z="_chart_anirc_23",tt="_monthLabel_anirc_28",et="_dayLabel_anirc_34",at="_cell_anirc_39",nt="_legend_anirc_51",ot="_legendItem_anirc_58",rt="_legendColor_anirc_66",st="_tooltip_anirc_73",o={container:X,title:Q,habitEmoji:U,chart:Z,monthLabel:tt,dayLabel:et,cell:at,legend:nt,legendItem:ot,legendColor:rt,tooltip:st},it=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],ct=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Y=({data:a,habitName:e,width:r=800,height:s=200,habitColor:i="#6BCB77",habitEmoji:w="✓"})=>{const x=T.useRef(null),{startDate:p,endDate:k,weeksToShow:u}=T.useMemo(()=>{const m=Object.keys(a).sort();if(m.length===0){const h=new Date;return{startDate:h,endDate:h,weeksToShow:1}}const c=new Date(m[0]),g=new Date(m[m.length-1]),v=Math.ceil((g.getTime()-c.getTime())/(1e3*60*60*24))+1,l=Math.ceil(v/7);return{startDate:c,endDate:g,weeksToShow:l}},[a]);return T.useEffect(()=>{if(!x.current)return;const m=I(x.current);m.selectAll("*").remove();const c={top:40,right:20,bottom:20,left:40},g=r-c.left-c.right,v=s-c.top-c.bottom,l=Math.min(Math.floor(v/7)-1,Math.floor(g/u)-1,20),h=2,E=m.append("g").attr("transform",`translate(${c.left},${c.top})`),M=(p.getDay()+6)%7,S=new Map;let f=p.getMonth();S.set(f,0);for(let n=0;n<u;n++){const t=new Date(p);t.setDate(t.getDate()+n*7-M),t.getMonth()!==f&&(f=t.getMonth(),S.set(f,n))}S.forEach((n,t)=>{E.append("text").attr("x",n*(l+h)).attr("y",-10).attr("class",o.monthLabel).text(ct[t])}),it.forEach((n,t)=>{E.append("text").attr("x",-10).attr("y",t*(l+h)+l/2).attr("class",o.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(n)});const b=I("body").append("div").attr("class",o.tooltip).style("opacity",0).style("position","absolute"),V=u*7;for(let n=0;n<V;n++){const t=new Date(p);if(t.setDate(t.getDate()+n-M),t<p||t>k)continue;const j=t.toISOString().split("T")[0],J=(t.getDay()+6)%7,P=Math.floor((n+M)/7),N=j in a&&a[j];E.append("rect").attr("x",P*(l+h)).attr("y",J*(l+h)).attr("width",l).attr("height",l).attr("rx",3).attr("class",o.cell).attr("data-date",j).attr("data-value",N?"true":"false").style("fill",N?i:"#4D4D4DFF").on("mouseover",function(O){b.transition().duration(200).style("opacity",1);const z=K("%b %d, %Y"),G=N?`${w} Done`:"✗ Not done";b.html(`
+import{r as T,j as d}from"./iframe-BmJYCQaV.js";import{s as I}from"./transform-BKmuZieF.js";import{t as K}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const X="_container_anirc_1",Q="_title_anirc_8",U="_habitEmoji_anirc_18",Z="_chart_anirc_23",tt="_monthLabel_anirc_28",et="_dayLabel_anirc_34",at="_cell_anirc_39",nt="_legend_anirc_51",ot="_legendItem_anirc_58",rt="_legendColor_anirc_66",st="_tooltip_anirc_73",o={container:X,title:Q,habitEmoji:U,chart:Z,monthLabel:tt,dayLabel:et,cell:at,legend:nt,legendItem:ot,legendColor:rt,tooltip:st},it=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],ct=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Y=({data:a,habitName:e,width:r=800,height:s=200,habitColor:i="#6BCB77",habitEmoji:w="✓"})=>{const x=T.useRef(null),{startDate:p,endDate:k,weeksToShow:u}=T.useMemo(()=>{const m=Object.keys(a).sort();if(m.length===0){const h=new Date;return{startDate:h,endDate:h,weeksToShow:1}}const c=new Date(m[0]),g=new Date(m[m.length-1]),v=Math.ceil((g.getTime()-c.getTime())/(1e3*60*60*24))+1,l=Math.ceil(v/7);return{startDate:c,endDate:g,weeksToShow:l}},[a]);return T.useEffect(()=>{if(!x.current)return;const m=I(x.current);m.selectAll("*").remove();const c={top:40,right:20,bottom:20,left:40},g=r-c.left-c.right,v=s-c.top-c.bottom,l=Math.min(Math.floor(v/7)-1,Math.floor(g/u)-1,20),h=2,E=m.append("g").attr("transform",`translate(${c.left},${c.top})`),M=(p.getDay()+6)%7,S=new Map;let f=p.getMonth();S.set(f,0);for(let n=0;n<u;n++){const t=new Date(p);t.setDate(t.getDate()+n*7-M),t.getMonth()!==f&&(f=t.getMonth(),S.set(f,n))}S.forEach((n,t)=>{E.append("text").attr("x",n*(l+h)).attr("y",-10).attr("class",o.monthLabel).text(ct[t])}),it.forEach((n,t)=>{E.append("text").attr("x",-10).attr("y",t*(l+h)+l/2).attr("class",o.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(n)});const b=I("body").append("div").attr("class",o.tooltip).style("opacity",0).style("position","absolute"),V=u*7;for(let n=0;n<V;n++){const t=new Date(p);if(t.setDate(t.getDate()+n-M),t<p||t>k)continue;const j=t.toISOString().split("T")[0],J=(t.getDay()+6)%7,P=Math.floor((n+M)/7),N=j in a&&a[j];E.append("rect").attr("x",P*(l+h)).attr("y",J*(l+h)).attr("width",l).attr("height",l).attr("rx",3).attr("class",o.cell).attr("data-date",j).attr("data-value",N?"true":"false").style("fill",N?i:"#4D4D4DFF").on("mouseover",function(O){b.transition().duration(200).style("opacity",1);const z=K("%b %d, %Y"),G=N?`${w} Done`:"✗ Not done";b.html(`
                     <div><strong>${e}</strong></div>
                     <div>${z(t)}</div>
                     <div>${G}</div>

package/storybook-static/assets/{BorderGlow.stories-Czy1UhDj.js → BorderGlow.stories-BVoYeD5v.js}

@@ -1,4 +1,4 @@
-import{r as m,j as V}from"./iframe-0Lx_Gg0M.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"}},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-BmJYCQaV.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"}},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-Bf8N9TBs.js → BubbleMenu.stories-dqsJINuc.js}

@@ -1,4 +1,4 @@
-import{r as b,j as o}from"./iframe-0Lx_Gg0M.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"}},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-BmJYCQaV.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"}},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-CfCaQiHk.js → Button-C8DVgvIi.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./iframe-0Lx_Gg0M.js";import{u as T}from"./useSound-D-J1T6nx.js";import{m as q}from"./proxy-BKn6lL2c.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 o}from"./iframe-BmJYCQaV.js";import{u as B}from"./useSound-C72L733V.js";import{m as x}from"./proxy-MAU_yIzM.js";const T="_button_1hkaq_1",W="_primary_1hkaq_24",w="_secondary_1hkaq_42",C="_outline_1hkaq_60",L="_ghost_1hkaq_100",N="_danger_1hkaq_123",R="_small_1hkaq_141",S="_medium_1hkaq_147",j="_large_1hkaq_152",V="_fullWidth_1hkaq_159",z="_loading_1hkaq_179",I="_spinner_1hkaq_184",M="_spin_1hkaq_184",F="_iconLeft_1hkaq_211",P="_iconRight_1hkaq_212",e={button:T,primary:W,secondary:w,outline:C,ghost:L,danger:N,small:R,medium:S,large:j,fullWidth:V,loading:z,spinner:I,spin:M,iconLeft:F,iconRight:P},A=({variant:d="primary",size:c="medium",fullWidth:p=!1,loading:t=!1,iconLeft:u,iconRight:m,children:h,className:f="",disabled:i,motionProps:_,soundConfig:g,onClick:s,onMouseEnter:l,onFocus:y,...q})=>{const{handlers:n}=B(g),v=[e.button,e[d],e[c],p&&e.fullWidth,t&&e.loading,f].filter(Boolean).join(" "),b=r=>{var a;(a=n.onClick)==null||a.call(n),s==null||s(r)},k=r=>{var a;(a=n.onMouseEnter)==null||a.call(n),l==null||l(r)};return o.jsxs(x.button,{className:v,disabled:i||t,whileHover:{scale:i||t?1:1.02},whileTap:{scale:i||t?1:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:b,onMouseEnter:k,onFocus:y,..._,...q,children:[t&&o.jsx("span",{className:e.spinner}),u&&o.jsx("span",{className:e.iconLeft,children:u}),h,m&&o.jsx("span",{className:e.iconRight,children:m})]})};A.__docgenInfo={description:`Button Component
 
 @component
 @description

package/storybook-static/assets/Button-Cx1LZrA2.css

@@ -0,0 +1 @@
+._button_1hkaq_1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;isolation:isolate}._primary_1hkaq_24{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-md),0 4px 14px #7c3aed4d}._primary_1hkaq_24:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px #7c3aed66}._primary_1hkaq_24:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm),0 2px 8px #7c3aed4d}._secondary_1hkaq_42{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-sm),0 2px 8px #14b8a633}._secondary_1hkaq_42:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-hover),var(--color-secondary-active));transform:translateY(-1px);box-shadow:var(--shadow-md),0 4px 12px #14b8a64d}._secondary_1hkaq_42:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs),0 1px 4px #14b8a633}._outline_1hkaq_60{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:none;position:relative;overflow:hidden;z-index:1}._outline_1hkaq_60:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));z-index:-1;opacity:0;transition:opacity var(--transition-base)}._outline_1hkaq_60:hover:not(:disabled){color:var(--color-text-inverse);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-md)}._outline_1hkaq_60:hover:not(:disabled):after{opacity:1}._outline_1hkaq_60:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._ghost_1hkaq_100{background:transparent;color:var(--color-text-secondary);box-shadow:none}._ghost_1hkaq_100:hover:not(:disabled){background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}._ghost_1hkaq_100:active:not(:disabled){transform:translateY(0);background:var(--color-background-tertiary);box-shadow:none}._danger_1hkaq_123{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-md),0 4px 14px #ef44444d}._danger_1hkaq_123:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-hover),var(--color-error-active));transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px #ef444466}._danger_1hkaq_123:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm),0 2px 8px #ef44444d}._small_1hkaq_141{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}._medium_1hkaq_147{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}._large_1hkaq_152{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}._fullWidth_1hkaq_159{width:100%}._button_1hkaq_1:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:var(--color-background-tertiary)!important;color:var(--color-text-tertiary)!important;border-color:var(--color-border)!important}._button_1hkaq_1:disabled:after{display:none}._loading_1hkaq_179{color:transparent;pointer-events:none}._spinner_1hkaq_184{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}._spinner_1hkaq_184:after{content:"";display:block;width:1em;height:1em;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:_spin_1hkaq_184 .6s linear infinite}@keyframes _spin_1hkaq_184{to{transform:rotate(360deg)}}._iconLeft_1hkaq_211,._iconRight_1hkaq_212{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0}._iconLeft_1hkaq_211{margin-left:calc(var(--spacing-xs) * -1)}._iconRight_1hkaq_212{margin-right:calc(var(--spacing-xs) * -1)}._button_1hkaq_1:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] ._primary_1hkaq_24{box-shadow:var(--shadow-md),0 4px 14px #a78bfa4d}[data-theme=dark] ._primary_1hkaq_24:hover:not(:disabled){box-shadow:var(--shadow-lg),0 6px 20px #a78bfa66}[data-theme=dark] ._secondary_1hkaq_42{box-shadow:var(--shadow-sm),0 2px 8px #2dd4bf33}[data-theme=dark] ._secondary_1hkaq_42:hover:not(:disabled){box-shadow:var(--shadow-md),0 4px 12px #2dd4bf4d}

package/storybook-static/assets/{Button.stories-BDUQ6PmY.js → Button.stories-X7b76nlX.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-0Lx_Gg0M.js";import{B as t}from"./Button-CfCaQiHk.js";import{s}from"./useSound-D-J1T6nx.js";import{c as B}from"./createLucideIcon-X00nnVkp.js";import{C as i}from"./chevron-right-BOro2OVm.js";import{T as b}from"./trash-2-BH9Df1AO.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-BKn6lL2c.js";import"./MotionConfigContext-D6NZivNz.js";/**
+import{j as e}from"./iframe-BmJYCQaV.js";import{B as t}from"./Button-C8DVgvIi.js";import{s}from"./useSound-C72L733V.js";import{c as B}from"./createLucideIcon-DvNKQIkb.js";import{C as i}from"./chevron-right-FoZPyhXE.js";import{T as b}from"./trash-2-B7B7imFa.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-MAU_yIzM.js";import"./MotionConfigContext-C6KIXCCK.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{Calendar.stories-Ds0V4NID.js → Calendar.stories-D0Uw8SPv.js}

@@ -1,4 +1,4 @@
-import{r as T,j as e}from"./iframe-0Lx_Gg0M.js";import{u as dt}from"./use-motion-value-CDeI3wJO.js";import{u as ln}from"./use-transform-BZD0Xyag.js";import{m as We}from"./proxy-BKn6lL2c.js";import{T as cn}from"./trash-2-BH9Df1AO.js";import{c as Ut}from"./createLucideIcon-X00nnVkp.js";import{C as dn}from"./check-CcGKVANr.js";import{a as Te}from"./index-UFKsHW_W.js";import{D as mn}from"./download-CR0B0bUl.js";import{S as un,M as pn}from"./sun-BI1jVlRN.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D6NZivNz.js";/**
+import{r as T,j as e}from"./iframe-BmJYCQaV.js";import{u as dt}from"./use-motion-value-D1yqdG0l.js";import{u as ln}from"./use-transform-CTCcIVjx.js";import{m as We}from"./proxy-MAU_yIzM.js";import{T as cn}from"./trash-2-B7B7imFa.js";import{c as Ut}from"./createLucideIcon-DvNKQIkb.js";import{C as dn}from"./check-bvk6C-TA.js";import{a as Te}from"./index-CCV231j6.js";import{D as mn}from"./download-BEyY_c4w.js";import{S as un,M as pn}from"./sun-D1G2h9I4.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C6KIXCCK.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -10,7 +10,7 @@ import{r as T,j as e}from"./iframe-0Lx_Gg0M.js";import{u as dt}from"./use-motion
  * See the LICENSE file in the root directory of this source tree.
  */const fn=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],vn=Ut("pencil",fn),yn="_calendar_zsa1o_2",wn="_loading_zsa1o_14",Dn="_loadingSpinner_zsa1o_21",_n="_header_zsa1o_27",Sn="_navigation_zsa1o_35",xn="_navButton_zsa1o_41",kn="_title_zsa1o_60",Cn="_controls_zsa1o_70",Tn="_exportDropdown_zsa1o_76",En="_exportButton_zsa1o_80",bn="_nightToggle_zsa1o_98",jn="_exportMenu_zsa1o_122",Nn="_exportMenuItem_zsa1o_137",Hn="_todayButton_zsa1o_154",Mn="_viewToggle_zsa1o_170",zn="_viewButton_zsa1o_177",$n="_active_zsa1o_191",Ln="_filterBar_zsa1o_201",In="_filterPill_zsa1o_210",Pn="_filterPillActive_zsa1o_229",Bn="_filterDot_zsa1o_235",Fn="_weekDays_zsa1o_243",Wn="_withWeekNumbers_zsa1o_250",An="_weekNumberHeader_zsa1o_254",Rn="_weekDay_zsa1o_243",On="_daysGrid_zsa1o_271",qn="_dayCell_zsa1o_287",Vn="_dayNumber_zsa1o_316",Gn="_today_zsa1o_154",Un="_events_zsa1o_335",Yn="_event_zsa1o_335",Xn="_eventTitle_zsa1o_362",Jn="_eventTime_zsa1o_371",Kn="_otherMonth_zsa1o_416",Qn="_selected_zsa1o_421",Zn="_compact_zsa1o_433",eo="_dots_zsa1o_456",to="_dot_zsa1o_456",no="_dotMore_zsa1o_471",oo="_weekNumberCell_zsa1o_478",ao="_completed_zsa1o_524",so="_completedIcon_zsa1o_545",ro="_moreEvents_zsa1o_552",io="_emptyState_zsa1o_562",lo="_dayView_zsa1o_572",co="_dayViewHeader_zsa1o_581",mo="_timeColumnHeader_zsa1o_591",uo="_dayColumnHeader_zsa1o_598",po="_allDayStrip_zsa1o_608",go="_allDayLabel_zsa1o_616",ho="_allDayList_zsa1o_627",fo="_dayViewScrollContainer_zsa1o_650",vo="_dayTimelineGrid_zsa1o_659",yo="_hourRow_zsa1o_664",wo="_hourLabel_zsa1o_670",Do="_hourSlots_zsa1o_681",_o="_halfHourSlot_zsa1o_688",So="_halfHourSlotBottom_zsa1o_698",xo="_dayEventAnchor_zsa1o_703",ko="_weekTimeline_zsa1o_711",Co="_weekTimelineHeader_zsa1o_720",To="_weekDayColumnHeader_zsa1o_732",Eo="_weekDayLabel_zsa1o_766",bo="_weekDayNumber_zsa1o_774",jo="_weekTimelineScroll_zsa1o_779",No="_weekTimelineGrid_zsa1o_787",Ho="_weekTimeColumn_zsa1o_793",Mo="_weekTimeSlot_zsa1o_801",zo="_weekHourLabel_zsa1o_808",$o="_weekDayColumns_zsa1o_814",Lo="_weekDayColumn_zsa1o_732",Io="_weekHourRow_zsa1o_832",Po="_weekEventAnchor_zsa1o_838",Bo="_currentTimeIndicator_zsa1o_846",n={calendar:yn,loading:wn,loadingSpinner:Dn,header:_n,navigation:Sn,navButton:xn,title:kn,controls:Cn,exportDropdown:Tn,exportButton:En,nightToggle:bn,exportMenu:jn,exportMenuItem:Nn,todayButton:Hn,viewToggle:Mn,viewButton:zn,active:$n,filterBar:Ln,filterPill:In,filterPillActive:Pn,filterDot:Bn,weekDays:Fn,withWeekNumbers:Wn,weekNumberHeader:An,weekDay:Rn,daysGrid:On,dayCell:qn,dayNumber:Vn,today:Gn,events:Un,event:Yn,eventTitle:Xn,eventTime:Jn,otherMonth:Kn,selected:Qn,compact:Zn,dots:eo,dot:to,dotMore:no,weekNumberCell:oo,completed:ao,completedIcon:so,moreEvents:ro,emptyState:io,dayView:lo,dayViewHeader:co,timeColumnHeader:mo,dayColumnHeader:uo,allDayStrip:po,allDayLabel:go,allDayList:ho,dayViewScrollContainer:fo,dayTimelineGrid:vo,hourRow:yo,hourLabel:wo,hourSlots:Do,halfHourSlot:_o,halfHourSlotBottom:So,dayEventAnchor:xo,weekTimeline:ko,weekTimelineHeader:Co,weekDayColumnHeader:To,weekDayLabel:Eo,weekDayNumber:bo,weekTimelineScroll:jo,weekTimelineGrid:No,weekTimeColumn:Ho,weekTimeSlot:Mo,weekHourLabel:zo,weekDayColumns:$o,weekDayColumn:Lo,weekHourRow:Io,weekEventAnchor:Po,currentTimeIndicator:Bo},Fo="_wrapper_nyv1b_1",Wo="_deleteUnderlay_nyv1b_7",Ao="_card_nyv1b_23",Ro="_dragging_nyv1b_43",Oo="_completed_nyv1b_49",qo="_text_nyv1b_53",Vo="_grip_nyv1b_57",Go="_checkIcon_nyv1b_77",Uo="_time_nyv1b_89",Yo="_editButton_nyv1b_96",O={wrapper:Fo,deleteUnderlay:Wo,card:Ao,dragging:Ro,completed:Oo,text:qo,grip:Vo,checkIcon:Go,time:Uo,editButton:Yo},Xo=-80,Fe=({event:a,color:o,textColor:r,onComplete:c,onEdit:m,onDelete:g,onDragEnd:u,draggable:y=!0})=>{const S=dt(0),C=dt(0),x=ln(S,[-80,0],[1,0]),[j,$]=T.useState(!1),F=T.useRef(!1),L=T.useRef(null),oe=a.status==="completed",Y=(p,J)=>{g&&J.offset.x<Xo?Te(S,-1e3,{duration:.2,onComplete:()=>g(a)}):Te(S,0,{type:"spring",stiffness:400,damping:30})},ae=()=>{if(F.current){F.current=!1;return}j||c==null||c(a)},ge=p=>{!y||!u||(p.stopPropagation(),p.preventDefault(),L.current={x:p.clientX,y:p.clientY,pointerId:p.pointerId},p.currentTarget.setPointerCapture(p.pointerId),$(!0))},se=p=>{L.current&&(S.set(p.clientX-L.current.x),C.set(p.clientY-L.current.y))},he=p=>{if(!L.current)return;const J=p.clientY,D=p.clientX;try{p.currentTarget.releasePointerCapture(L.current.pointerId)}catch{}L.current=null,$(!1),Te(C,0,{type:"spring",stiffness:400,damping:30}),Te(S,0,{type:"spring",stiffness:400,damping:30}),u==null||u(J,D)},X=!!g,fe=y&&!!u;return e.jsxs("div",{className:O.wrapper,children:[X&&e.jsxs(We.div,{className:O.deleteUnderlay,style:{opacity:x},children:[e.jsx(cn,{size:16}),e.jsx("span",{children:"Delete"})]}),e.jsxs(We.div,{className:`${O.card} ${oe?O.completed:""} ${j?O.dragging:""}`,style:{x:S,y:C,background:o,color:r,borderLeftColor:o},drag:X&&!j?"x":!1,dragConstraints:X?{left:-200,right:0}:void 0,dragElastic:.15,dragDirectionLock:!0,onDragStart:()=>{F.current=!0},onDragEnd:Y,whileTap:j?void 0:{scale:.98},animate:j?{scale:1.03}:{scale:1},onClick:ae,children:[fe&&e.jsx("div",{className:O.grip,onPointerDown:ge,onPointerMove:se,onPointerUp:he,onPointerCancel:he,onClick:p=>p.stopPropagation(),children:e.jsx(hn,{size:14})}),oe&&e.jsx(dn,{size:14,className:O.checkIcon,strokeWidth:3}),e.jsx("span",{className:O.text,children:a.title}),a.time&&e.jsx("span",{className:O.time,children:a.time}),m&&e.jsx("button",{className:O.editButton,onClick:p=>{p.stopPropagation(),m(a)},"aria-label":"Edit event",children:e.jsx(vn,{size:13})})]})]})};Fe.__docgenInfo={description:"",methods:[],displayName:"DayEventCard",props:{draggable:{defaultValue:{value:"true",computed:!1},required:!1}}};const we=["id","title","date","time","endTime","allDay","type","status","priority","category"],Jo=a=>(typeof a=="string"?new Date(a):a).toISOString(),Xe=a=>{const o={};for(const r of we){const c=a[r];c!==void 0&&(o[r]=r==="date"?Jo(c):c)}return o},Ko=a=>{if(a==null)return"";const o=String(a);return/[",\n\r]/.test(o)?`"${o.replace(/"/g,'""')}"`:o},Qo=a=>{const o=we.join(","),r=a.map(c=>{const m=Xe(c);return we.map(g=>Ko(m[g])).join(",")});return[o,...r].join(`
 `)},Zo=a=>JSON.stringify(a.map(Xe),null,2),ea=a=>{if(a==null)return"";const o=String(a);return/[",\n\r]/.test(o)?`"${o.replace(/"/g,'""')}"`:o},ta=a=>{const o=`events[${a.length}]{${we.join(",")}}:`,r=a.map(c=>{const m=Xe(c);return"  "+we.map(g=>ea(m[g])).join(",")});return[o,...r].join(`
-`)},na={csv:"text/csv;charset=utf-8;",json:"application/json;charset=utf-8;",toon:"text/plain;charset=utf-8;"},oa={csv:"csv",json:"json",toon:"toon"},aa=(a,o)=>o==="csv"?Qo(a):o==="json"?Zo(a):ta(a),sa=(a,o,r)=>{const c=aa(a,o),m=new Blob([c],{type:na[o]}),g=URL.createObjectURL(m),u=document.createElement("a");u.href=g,u.download=`events-${new Date().toISOString().slice(0,10)}.${oa[o]}`,document.body.appendChild(u),u.click(),document.body.removeChild(u),URL.revokeObjectURL(g)};function ue({events:a,onEventClick:o,onDateClick:r,onEventClickByView:c,onDateClickByView:m,onTimeSlotClick:g,onEventDrop:u,onEventComplete:y,onEventDelete:S,onEventEdit:C,viewMode:x="month",initialDate:j=new Date,config:$={},className:F="",style:L={},loading:oe=!1,emptyState:Y,hideHeader:ae=!1,compact:ge=!1,selectedDate:se,selectedCategoryId:he,onCategoryChange:X,exportFormats:fe}){const[p,J]=T.useState(j),[D,Re]=T.useState(x),[ve,Xt]=T.useState(!1),[Jt,Kt]=T.useState(null),Je=he!==void 0,re=Je?he??null:Jt,Ke=t=>{Je||Kt(t),X==null||X(t)},Oe=T.useRef(null),qe=T.useRef(null),[De,Ve]=T.useState(!1),Ge=T.useRef(null);T.useEffect(()=>{if(!De)return;const t=s=>{Ge.current&&!Ge.current.contains(s.target)&&Ve(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[De]);const{eventColors:Qe={},iconRenderer:Ze,maxEventsPerDay:K=3,mondayStart:Q=!1,showWeekNumbers:_e=!1,dateFormat:et={month:"long",year:"numeric"},locale:Z="en-US",dayLabels:Qt,monthNames:Se,startHour:tt=0,endHour:nt=24,hourHeight:N=60,halfHourSlots:R=!1,categories:ie}=$,W=ve?Math.max(tt,8):tt,ot=T.useMemo(()=>!ie||ie.length===0||re===null?a:a.filter(t=>!t.category||t.category===re),[a,ie,re]),Zt=Qt||(Q?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]),at=($==null?void 0:$.hourHeight)??60,st=W,Ue=T.useMemo(()=>{const t=p.getFullYear(),s=p.getMonth();let h,i,k;if(D==="week"){h=new Date(p);const _=h.getDay(),v=Q?h.getDate()-_+(_===0?-6:1):h.getDate()-_;h=new Date(h.setDate(v)),h.setHours(0,0,0,0),i=new Date(h),i.setDate(i.getDate()+6);const E=h.toLocaleDateString(Z,{day:"numeric",month:"short"}),M=i.toLocaleDateString(Z,{day:"numeric",month:"short"});k=`${E} - ${M}`}else if(D==="day")h=new Date(p),h.setHours(0,0,0,0),i=new Date(p),i.setHours(23,59,59,999),k=p.toLocaleDateString(Z,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const _=new Date(t,s,1),v=new Date(t,s+1,0);h=new Date(_);const E=Q?(_.getDay()+6)%7:_.getDay();h.setDate(h.getDate()-E),i=new Date(v);const M=Q?(v.getDay()+6)%7:v.getDay();i.setDate(i.getDate()+(6-M)),Se&&Se[s]?k=`${Se[s]} ${t}`:k=p.toLocaleDateString(Z,et)}const H=[],d=new Date(h);for(;d<=i;)H.push(new Date(d)),d.setDate(d.getDate()+1);return{days:H,displayTitle:k}},[p,D,Q,Z,et,Se]),rt=T.useRef("");T.useEffect(()=>{if(D!=="day"&&D!=="week")return;const t=D==="day"?Oe:qe;if(!t.current)return;const s=new Date;if(!(()=>{if(D==="day")return p.toDateString()===s.toDateString();const d=new Date(p),_=d.getDay(),v=Q?_===0?-6:1-_:-_;d.setDate(d.getDate()+v),d.setHours(0,0,0,0);const E=new Date(d);return E.setDate(d.getDate()+7),s>=d&&s<E})())return;const i=`${D}-${p.toDateString()}`;if(rt.current===i)return;rt.current=i;const k=(s.getHours()-st)*60+s.getMinutes(),H=Math.max(0,k/60*at-100);setTimeout(()=>{t.current&&(t.current.scrollTop=H)},0)},[D,p,st,at,Q]);const Ye=t=>ot.filter(h=>new Date(h.date).toDateString()===t.toDateString()).sort((h,i)=>{const k=h.time?xe(h.time):999999,H=i.time?xe(i.time):999999;return k-H}),xe=t=>{const[s,h]=t.split(":").map(Number);return s*60+h},it=t=>{const s=new Map,h=t.filter(d=>d.time).map(d=>{const _=xe(d.time),v=d.endTime?xe(d.endTime):_+30;return{event:d,start:_,end:Math.max(v,_+1)}});h.sort((d,_)=>d.start-_.start||d.end-_.end);let i=[],k=-1;const H=()=>{if(i.length===0)return;const d=[],_=[];for(const E of i){let M=!1;for(let V=0;V<d.length;V++)if(d[V]<=E.start){d[V]=E.end,_.push({id:E.event.id,col:V}),M=!0;break}M||(d.push(E.end),_.push({id:E.event.id,col:d.length-1}))}const v=d.length;for(const E of _)s.set(E.id,{col:E.col,totalCols:v});i=[],k=-1};for(const d of h)i.length===0||d.start<k?(i.push(d),k=Math.max(k,d.end)):(H(),i.push(d),k=d.end);return H(),s},en=()=>{const t=new Date(p);D==="week"?t.setDate(t.getDate()-7):D==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),J(t)},tn=()=>{const t=new Date(p);D==="week"?t.setDate(t.getDate()+7):D==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),J(t)},nn=()=>{J(new Date)},le=t=>{if(t.color)return t.color;if(t.type&&Qe[t.type])return Qe[t.type];const s={high:"#FF4444",medium:"#FFA500",low:"#4A90E2"};return t.priority&&s[t.priority]?s[t.priority]:"#4A90E2"},on=t=>{const s=t.replace("#",""),h=parseInt(s.substring(0,2),16),i=parseInt(s.substring(2,4),16),k=parseInt(s.substring(4,6),16);return(.299*h+.587*i+.114*k)/255>.5?"#000000":"#FFFFFF"},ke=t=>{if(t.textColor)return t.textColor;const s=le(t);return on(s)},Ce=t=>{c&&c[D]?c[D](t):o&&o(t)},lt=t=>{m&&m[D]?m[D](t):r&&r(t)},an=t=>{const s=new Date;return t.toDateString()===s.toDateString()},sn=t=>t.getMonth()===p.getMonth(),rn=t=>{const s=new Date(t.getFullYear(),0,1),h=t.getTime()-s.getTime(),i=1e3*60*60*24*7;return Math.floor(h/i)+1};return oe?e.jsx("div",{className:`${n.calendar} ${n.loading} ${F}`,style:L,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${ge?n.compact:""} ${F}`,style:L,children:[!ae&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:en,className:n.navButton,"aria-label":"Previous",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"15,18 9,12 15,6"})})}),e.jsx("h3",{className:n.title,children:Ue.displayTitle}),e.jsx("button",{onClick:tn,className:n.navButton,"aria-label":"Next",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"9,6 15,12 9,18"})})})]}),ie&&ie.length>0&&e.jsxs("div",{className:n.filterBar,role:"tablist","aria-label":"Filter by category",children:[e.jsx("button",{type:"button",role:"tab","aria-selected":re===null,className:`${n.filterPill} ${re===null?n.filterPillActive:""}`,onClick:()=>Ke(null),children:"All"}),ie.map(t=>{const s=re===t.id;return e.jsxs("button",{type:"button",role:"tab","aria-selected":s,className:`${n.filterPill} ${s?n.filterPillActive:""}`,style:s?{background:t.color,borderColor:t.color,color:"#ffffff"}:void 0,onClick:()=>Ke(t.id),children:[!s&&e.jsx("span",{className:n.filterDot,style:{background:t.color}}),t.label]},t.id)})]}),e.jsxs("div",{className:n.controls,children:[fe&&fe.length>0&&e.jsxs("div",{className:n.exportDropdown,ref:Ge,children:[e.jsx("button",{type:"button",className:n.exportButton,onClick:()=>Ve(t=>!t),"aria-haspopup":"menu","aria-expanded":De,"aria-label":"Export events",title:"Export events",children:e.jsx(mn,{size:16})}),De&&e.jsx("div",{className:n.exportMenu,role:"menu",children:fe.map(t=>e.jsx("button",{type:"button",role:"menuitem",className:n.exportMenuItem,onClick:()=>{sa(ot,t),Ve(!1)},children:t.toUpperCase()},t))})]}),(D==="day"||D==="week")&&e.jsx("button",{type:"button",className:n.nightToggle,onClick:()=>Xt(t=>!t),"aria-pressed":ve,title:ve?"Show night hours":"Hide night hours (00:00–08:00)","aria-label":ve?"Show night hours":"Hide night hours",children:ve?e.jsx(un,{size:16}):e.jsx(pn,{size:16})}),e.jsx("button",{onClick:nn,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${D==="month"?n.active:""}`,onClick:()=>Re("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${D==="week"?n.active:""}`,onClick:()=>Re("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${D==="day"?n.active:""}`,onClick:()=>Re("day"),children:"Day"})]})]})]}),D==="month"&&e.jsxs("div",{className:`${n.weekDays} ${_e?n.withWeekNumbers:""}`,children:[_e&&e.jsx("div",{className:n.weekNumberHeader,children:"Wk"}),Zt.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),D==="day"?(()=>{const t=Ye(p),s=t.filter(l=>!l.allDay&&l.time),h=t.filter(l=>l.allDay||!l.time),i=Array.from({length:nt-W},(l,f)=>W+f),k=i.length*N,H=new Date,d=p.toDateString()===H.toDateString(),v=((H.getHours()-W)*60+H.getMinutes())/60*N,E=d&&v>=0&&v<=k,M=l=>{const[f,z]=l.split(":").map(Number);return f*60+z},V=l=>{if(!l.time||!l.endTime)return 30;const f=M(l.endTime)-M(l.time);return f>0?f:30},w=it(s),b=(l,f)=>{if(g){const z=new Date(p);z.setHours(l,f,0,0);const G=`${l.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`;g(z,l,G)}},I=(l,f)=>{var ye;if(!u)return;const z=(ye=Oe.current)==null?void 0:ye.querySelector(`.${n.dayTimelineGrid}`);if(!z)return;const G=z.getBoundingClientRect(),ee=f-G.top,te=R?N/2:N,P=Math.max(0,Math.floor(ee/te)),B=R?i.length*2:i.length,U=Math.min(B-1,P),A=W+Math.floor(R?U/2:U),ne=R&&U%2===1?30:0,ce=new Date(p);ce.setHours(A,ne,0,0),u(l,ce)};return e.jsxs("div",{className:n.dayView,children:[e.jsxs("div",{className:n.dayViewHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),e.jsx("div",{className:n.dayColumnHeader,children:p.toLocaleDateString(Z,{weekday:"short",day:"numeric"})})]}),h.length>0&&e.jsxs("div",{className:n.allDayStrip,children:[e.jsx("span",{className:n.allDayLabel,children:"All day"}),e.jsx("div",{className:n.allDayList,children:h.map(l=>e.jsx(Fe,{event:l,color:le(l),textColor:ke(l),onComplete:y??(o?Ce:void 0),onEdit:C,onDelete:S,draggable:!1},l.id))})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:Oe,children:e.jsxs("div",{className:n.dayTimelineGrid,style:{height:k},children:[i.map(l=>e.jsxs("div",{className:n.hourRow,style:{height:N},children:[e.jsxs("span",{className:n.hourLabel,children:[l.toString().padStart(2,"0"),":00"]}),e.jsx("div",{className:n.hourSlots,children:R?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>b(l,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>b(l,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>b(l,0)})})]},l)),s.map(l=>{const[f,z]=l.time.split(":").map(Number),G=(f-W)*N+z/60*N,ee=V(l),te=Math.max(24,ee/60*N-2),P=w.get(l.id),B=(P==null?void 0:P.totalCols)??1,U=(P==null?void 0:P.col)??0;return e.jsx("div",{className:n.dayEventAnchor,style:{top:G,height:te,"--lane-col":U,"--lane-total":B},onClick:A=>A.stopPropagation(),children:e.jsx(Fe,{event:l,color:le(l),textColor:ke(l),onComplete:y??(o?Ce:void 0),onEdit:C,onDelete:S,onDragEnd:u?A=>I(l,A):void 0})},l.id)}),E&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${v}px`}})]})})]})})():D==="week"?(()=>{const t=Ue.days,s=Array.from({length:nt-W},(w,b)=>W+b),h=s.length*N,i=new Date,k=t.findIndex(w=>w.toDateString()===i.toDateString()),d=((i.getHours()-W)*60+i.getMinutes())/60*N,_=k>=0&&d>=0&&d<=h,v=w=>{const[b,I]=w.split(":").map(Number);return b*60+I},E=w=>{if(!w.time||!w.endTime)return 30;const b=v(w.endTime)-v(w.time);return b>0?b:30},M=(w,b,I)=>{if(!g)return;const l=new Date(w);l.setHours(b,I,0,0);const f=`${b.toString().padStart(2,"0")}:${I.toString().padStart(2,"0")}`;g(l,b,f)},V=(w,b,I)=>{var ct;if(!u)return;const l=(ct=qe.current)==null?void 0:ct.querySelector(`.${n.weekDayColumns}`);if(!l)return;const f=l.getBoundingClientRect(),z=I-f.left,G=b-f.top,ee=f.width/7,te=Math.min(6,Math.max(0,Math.floor(z/ee))),P=t[te],B=R?N/2:N,U=R?s.length*2:s.length,A=Math.min(U-1,Math.max(0,Math.floor(G/B))),ne=W+Math.floor(R?A/2:A),ce=R&&A%2===1?30:0,ye=new Date(P);ye.setHours(ne,ce,0,0),u(w,ye)};return e.jsxs("div",{className:n.weekTimeline,children:[e.jsxs("div",{className:n.weekTimelineHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),t.map(w=>{const b=w.toDateString()===i.toDateString(),I=se&&w.toDateString()===se.toDateString();return e.jsxs("button",{type:"button",className:`${n.weekDayColumnHeader} ${b?n.today:""} ${I?n.selected:""}`,onClick:()=>lt(w),children:[e.jsx("span",{className:n.weekDayLabel,children:w.toLocaleDateString(Z,{weekday:"short"})}),e.jsx("span",{className:n.weekDayNumber,children:w.getDate()})]},w.toISOString())})]}),e.jsx("div",{className:n.weekTimelineScroll,ref:qe,children:e.jsxs("div",{className:n.weekTimelineGrid,style:{height:h},children:[e.jsx("div",{className:n.weekTimeColumn,children:s.map(w=>e.jsx("div",{className:n.weekTimeSlot,style:{height:N},children:e.jsxs("span",{className:n.weekHourLabel,children:[w.toString().padStart(2,"0"),":00"]})},w))}),e.jsx("div",{className:n.weekDayColumns,children:t.map(w=>{const b=Ye(w).filter(f=>!f.allDay&&f.time),I=w.toDateString()===i.toDateString(),l=it(b);return e.jsxs("div",{className:n.weekDayColumn,children:[s.map(f=>e.jsx("div",{className:n.weekHourRow,style:{height:N},children:R?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>M(w,f,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>M(w,f,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>M(w,f,0)})},f)),b.map(f=>{const[z,G]=f.time.split(":").map(Number),ee=(z-W)*N+G/60*N,te=E(f),P=Math.max(24,te/60*N-2),B=l.get(f.id),U=(B==null?void 0:B.totalCols)??1,A=(B==null?void 0:B.col)??0;return e.jsx("div",{className:n.weekEventAnchor,style:{top:ee,height:P,"--lane-col":A,"--lane-total":U},onClick:ne=>ne.stopPropagation(),children:e.jsx(Fe,{event:f,color:le(f),textColor:ke(f),onComplete:y??(o?Ce:void 0),onEdit:C,onDelete:S,onDragEnd:u?(ne,ce)=>V(f,ne,ce):void 0})},f.id)}),I&&_&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${d}px`,left:0}})]},w.toISOString())})})]})})]})})():(()=>{const t=ge?void 0:40+K*24;return e.jsx("div",{className:`${n.daysGrid} ${_e?n.withWeekNumbers:""}`,children:Ue.days.map((s,h)=>{const i=Ye(s),k=an(s),H=sn(s),d=_e&&h%7===0,_=se&&s.toDateString()===se.toDateString();return e.jsxs(T.Fragment,{children:[d&&e.jsx("div",{className:n.weekNumberCell,style:t!==void 0?{height:t,minHeight:t}:void 0,children:rn(s)}),e.jsxs(We.div,{className:`${n.dayCell} ${k?n.today:""} ${H?"":n.otherMonth} ${_?n.selected:""}`,style:t!==void 0?{height:t,minHeight:t}:void 0,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,delay:h*.02,ease:"easeOut"},onClick:()=>lt(s),children:[e.jsx("div",{className:n.dayNumber,children:s.getDate()}),i.length>0&&ge&&D==="month"?e.jsxs("div",{className:n.dots,children:[i.slice(0,K).map(v=>e.jsx("span",{className:n.dot,style:{backgroundColor:le(v)}},v.id)),i.length>K&&e.jsxs("span",{className:n.dotMore,children:["+",i.length-K]})]}):i.length>0?e.jsxs("div",{className:n.events,children:[i.slice(0,K).map((v,E)=>e.jsxs(We.div,{className:`${n.event} ${v.status==="completed"?n.completed:""}`,style:{backgroundColor:le(v),color:ke(v),opacity:v.status==="completed"?.7:1},onClick:M=>{M.stopPropagation(),Ce(v)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:E*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[Ze&&Ze(v),e.jsxs("span",{className:n.eventTitle,children:[v.time&&e.jsx("span",{className:n.eventTime,children:v.time}),v.title]}),v.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},v.id)),i.length>K&&e.jsxs("div",{className:n.moreEvents,children:["+",i.length-K," more"]})]}):Y?e.jsx("div",{className:n.emptyState,children:Y}):null]})]},`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`)})})})()]})}ue.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
+`)},na={csv:"text/csv;charset=utf-8;",json:"application/json;charset=utf-8;",toon:"text/plain;charset=utf-8;"},oa={csv:"csv",json:"json",toon:"toon"},aa=(a,o)=>o==="csv"?Qo(a):o==="json"?Zo(a):ta(a),sa=(a,o,r)=>{const c=aa(a,o),m=new Blob([c],{type:na[o]}),g=URL.createObjectURL(m),u=document.createElement("a");u.href=g,u.download=`events-${new Date().toISOString().slice(0,10)}.${oa[o]}`,document.body.appendChild(u),u.click(),document.body.removeChild(u),URL.revokeObjectURL(g)};function ue({events:a,onEventClick:o,onDateClick:r,onEventClickByView:c,onDateClickByView:m,onTimeSlotClick:g,onEventDrop:u,onEventComplete:y,onEventDelete:S,onEventEdit:C,viewMode:x="month",initialDate:j=new Date,config:$={},className:F="",style:L={},loading:oe=!1,emptyState:Y,hideHeader:ae=!1,compact:ge=!1,selectedDate:se,selectedCategoryId:he,onCategoryChange:X,exportFormats:fe}){const[p,J]=T.useState(j),[D,Re]=T.useState(x),[ve,Xt]=T.useState(!1),[Jt,Kt]=T.useState(null),Je=he!==void 0,re=Je?he??null:Jt,Ke=t=>{Je||Kt(t),X==null||X(t)},Oe=T.useRef(null),qe=T.useRef(null),[De,Ve]=T.useState(!1),Ge=T.useRef(null);T.useEffect(()=>{if(!De)return;const t=s=>{Ge.current&&!Ge.current.contains(s.target)&&Ve(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[De]);const{eventColors:Qe={},iconRenderer:Ze,maxEventsPerDay:K=3,mondayStart:Q=!1,showWeekNumbers:_e=!1,dateFormat:et={month:"long",year:"numeric"},locale:Z="en-US",dayLabels:Qt,monthNames:Se,startHour:tt=0,endHour:nt=24,hourHeight:N=60,halfHourSlots:R=!1,categories:ie}=$,W=ve?Math.max(tt,8):tt,ot=T.useMemo(()=>!ie||ie.length===0||re===null?a:a.filter(t=>!t.category||t.category===re),[a,ie,re]),Zt=Qt||(Q?["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]),at=($==null?void 0:$.hourHeight)??60,st=W,Ue=T.useMemo(()=>{const t=p.getFullYear(),s=p.getMonth();let h,i,k;if(D==="week"){h=new Date(p);const _=h.getDay(),v=Q?h.getDate()-_+(_===0?-6:1):h.getDate()-_;h=new Date(h.setDate(v)),h.setHours(0,0,0,0),i=new Date(h),i.setDate(i.getDate()+6);const E=h.toLocaleDateString(Z,{day:"numeric",month:"short"}),M=i.toLocaleDateString(Z,{day:"numeric",month:"short"});k=`${E} - ${M}`}else if(D==="day")h=new Date(p),h.setHours(0,0,0,0),i=new Date(p),i.setHours(23,59,59,999),k=p.toLocaleDateString(Z,{weekday:"long",year:"numeric",month:"long",day:"numeric"});else{const _=new Date(t,s,1),v=new Date(t,s+1,0);h=new Date(_);const E=Q?(_.getDay()+6)%7:_.getDay();h.setDate(h.getDate()-E),i=new Date(v);const M=Q?(v.getDay()+6)%7:v.getDay();i.setDate(i.getDate()+(6-M)),Se&&Se[s]?k=`${Se[s]} ${t}`:k=p.toLocaleDateString(Z,et)}const H=[],d=new Date(h);for(;d<=i;)H.push(new Date(d)),d.setDate(d.getDate()+1);return{days:H,displayTitle:k}},[p,D,Q,Z,et,Se]),rt=T.useRef("");T.useEffect(()=>{if(D!=="day"&&D!=="week")return;const t=D==="day"?Oe:qe;if(!t.current)return;const s=new Date;if(!(()=>{if(D==="day")return p.toDateString()===s.toDateString();const d=new Date(p),_=d.getDay(),v=Q?_===0?-6:1-_:-_;d.setDate(d.getDate()+v),d.setHours(0,0,0,0);const E=new Date(d);return E.setDate(d.getDate()+7),s>=d&&s<E})())return;const i=`${D}-${p.toDateString()}`;if(rt.current===i)return;rt.current=i;const k=(s.getHours()-st)*60+s.getMinutes(),H=Math.max(0,k/60*at-100);setTimeout(()=>{t.current&&(t.current.scrollTop=H)},0)},[D,p,st,at,Q]);const Ye=t=>ot.filter(h=>new Date(h.date).toDateString()===t.toDateString()).sort((h,i)=>{const k=h.time?xe(h.time):999999,H=i.time?xe(i.time):999999;return k-H}),xe=t=>{const[s,h]=t.split(":").map(Number);return s*60+h},it=t=>{const s=new Map,h=t.filter(d=>d.time).map(d=>{const _=xe(d.time),v=d.endTime?xe(d.endTime):_+30;return{event:d,start:_,end:Math.max(v,_+1)}});h.sort((d,_)=>d.start-_.start||d.end-_.end);let i=[],k=-1;const H=()=>{if(i.length===0)return;const d=[],_=[];for(const E of i){let M=!1;for(let V=0;V<d.length;V++)if(d[V]<=E.start){d[V]=E.end,_.push({id:E.event.id,col:V}),M=!0;break}M||(d.push(E.end),_.push({id:E.event.id,col:d.length-1}))}const v=d.length;for(const E of _)s.set(E.id,{col:E.col,totalCols:v});i=[],k=-1};for(const d of h)i.length===0||d.start<k?(i.push(d),k=Math.max(k,d.end)):(H(),i.push(d),k=d.end);return H(),s},en=()=>{const t=new Date(p);D==="week"?t.setDate(t.getDate()-7):D==="day"?t.setDate(t.getDate()-1):t.setMonth(t.getMonth()-1),J(t)},tn=()=>{const t=new Date(p);D==="week"?t.setDate(t.getDate()+7):D==="day"?t.setDate(t.getDate()+1):t.setMonth(t.getMonth()+1),J(t)},nn=()=>{J(new Date)},le=t=>{if(t.color)return t.color;if(t.type&&Qe[t.type])return Qe[t.type];const s={high:"#FF4444",medium:"#FFA500",low:"#4A90E2"};return t.priority&&s[t.priority]?s[t.priority]:"#4A90E2"},on=t=>{const s=t.replace("#",""),h=parseInt(s.substring(0,2),16),i=parseInt(s.substring(2,4),16),k=parseInt(s.substring(4,6),16);return(.299*h+.587*i+.114*k)/255>.5?"#000000":"#FFFFFF"},ke=t=>{if(t.textColor)return t.textColor;const s=le(t);return on(s)},Ce=t=>{c&&c[D]?c[D](t):o&&o(t)},lt=t=>{m&&m[D]?m[D](t):r&&r(t)},an=t=>{const s=new Date;return t.toDateString()===s.toDateString()},sn=t=>t.getMonth()===p.getMonth(),rn=t=>{const s=new Date(t.getFullYear(),0,1),h=t.getTime()-s.getTime(),i=1e3*60*60*24*7;return Math.floor(h/i)+1};return oe?e.jsx("div",{className:`${n.calendar} ${n.loading} ${F}`,style:L,children:e.jsx("div",{className:n.loadingSpinner,children:"Loading..."})}):e.jsxs("div",{className:`${n.calendar} ${ge?n.compact:""} ${F}`,style:L,children:[!ae&&e.jsxs("div",{className:n.header,children:[e.jsxs("div",{className:n.navigation,children:[e.jsx("button",{onClick:en,className:n.navButton,"aria-label":"Previous",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"15,18 9,12 15,6"})})}),e.jsx("h3",{className:n.title,children:Ue.displayTitle}),e.jsx("button",{onClick:tn,className:n.navButton,"aria-label":"Next",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"9,6 15,12 9,18"})})})]}),ie&&ie.length>0&&e.jsxs("div",{className:n.filterBar,role:"tablist","aria-label":"Filter by category",children:[e.jsx("button",{type:"button",role:"tab","aria-selected":re===null,className:`${n.filterPill} ${re===null?n.filterPillActive:""}`,onClick:()=>Ke(null),children:"All"}),ie.map(t=>{const s=re===t.id;return e.jsxs("button",{type:"button",role:"tab","aria-selected":s,className:`${n.filterPill} ${s?n.filterPillActive:""}`,style:s?{background:t.color,borderColor:t.color,color:"#ffffff"}:void 0,onClick:()=>Ke(t.id),children:[!s&&e.jsx("span",{className:n.filterDot,style:{background:t.color}}),t.label]},t.id)})]}),e.jsxs("div",{className:n.controls,children:[fe&&fe.length>0&&e.jsxs("div",{className:n.exportDropdown,ref:Ge,children:[e.jsx("button",{type:"button",className:n.exportButton,onClick:()=>Ve(t=>!t),"aria-haspopup":"menu","aria-expanded":De,"aria-label":"Export events",title:"Export events",children:e.jsx(mn,{size:16})}),De&&e.jsx("div",{className:n.exportMenu,role:"menu",children:fe.map(t=>e.jsx("button",{type:"button",role:"menuitem",className:n.exportMenuItem,onClick:()=>{sa(ot,t),Ve(!1)},children:t.toUpperCase()},t))})]}),(D==="day"||D==="week")&&e.jsx("button",{type:"button",className:n.nightToggle,onClick:()=>Xt(t=>!t),"aria-pressed":ve,title:ve?"Show night hours":"Hide night hours (00:00–08:00)","aria-label":ve?"Show night hours":"Hide night hours",children:ve?e.jsx(un,{size:16}):e.jsx(pn,{size:16})}),e.jsx("button",{onClick:nn,className:n.todayButton,children:"Today"}),e.jsxs("div",{className:n.viewToggle,children:[e.jsx("button",{className:`${n.viewButton} ${D==="month"?n.active:""}`,onClick:()=>Re("month"),children:"Month"}),e.jsx("button",{className:`${n.viewButton} ${D==="week"?n.active:""}`,onClick:()=>Re("week"),children:"Week"}),e.jsx("button",{className:`${n.viewButton} ${D==="day"?n.active:""}`,onClick:()=>Re("day"),children:"Day"})]})]})]}),D==="month"&&e.jsxs("div",{className:`${n.weekDays} ${_e?n.withWeekNumbers:""}`,children:[_e&&e.jsx("div",{className:n.weekNumberHeader,children:"Wk"}),Zt.map(t=>e.jsx("div",{className:n.weekDay,children:t},t))]}),D==="day"?(()=>{const t=Ye(p),s=t.filter(l=>!l.allDay&&l.time),h=t.filter(l=>l.allDay||!l.time),i=Array.from({length:nt-W},(l,f)=>W+f),k=i.length*N,H=new Date,d=p.toDateString()===H.toDateString(),v=((H.getHours()-W)*60+H.getMinutes())/60*N,E=d&&v>=0&&v<=k,M=l=>{const[f,z]=l.split(":").map(Number);return f*60+z},V=l=>{if(!l.time||!l.endTime)return 30;const f=M(l.endTime)-M(l.time);return f>0?f:30},w=it(s),b=(l,f)=>{if(g){const z=new Date(p);z.setHours(l,f,0,0);const G=`${l.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`;g(z,l,G)}},I=(l,f)=>{var ye;if(!u)return;const z=(ye=Oe.current)==null?void 0:ye.querySelector(`.${n.dayTimelineGrid}`);if(!z)return;const G=z.getBoundingClientRect(),ee=f-G.top,te=R?N/2:N,P=Math.max(0,Math.floor(ee/te)),B=R?i.length*2:i.length,U=Math.min(B-1,P),A=W+Math.floor(R?U/2:U),ne=R&&U%2===1?30:0,ce=new Date(p);ce.setHours(A,ne,0,0),u(l,ce)};return e.jsxs("div",{className:n.dayView,children:[e.jsxs("div",{className:n.dayViewHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),e.jsx("div",{className:n.dayColumnHeader,children:p.toLocaleDateString(Z,{weekday:"short",day:"numeric"})})]}),h.length>0&&e.jsxs("div",{className:n.allDayStrip,children:[e.jsx("span",{className:n.allDayLabel,children:"All day"}),e.jsx("div",{className:n.allDayList,children:h.map(l=>e.jsx(Fe,{event:l,color:le(l),textColor:ke(l),onComplete:y??(o?Ce:void 0),onEdit:C,onDelete:S,draggable:!1},l.id))})]}),e.jsx("div",{className:n.dayViewScrollContainer,ref:Oe,children:e.jsxs("div",{className:n.dayTimelineGrid,style:{height:k},children:[i.map(l=>e.jsxs("div",{className:n.hourRow,style:{height:N},children:[e.jsxs("span",{className:n.hourLabel,children:[l.toString().padStart(2,"0"),":00"]}),e.jsx("div",{className:n.hourSlots,children:R?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>b(l,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>b(l,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>b(l,0)})})]},l)),s.map(l=>{const[f,z]=l.time.split(":").map(Number),G=(f-W)*N+z/60*N,ee=V(l),te=Math.max(24,ee/60*N-2),P=w.get(l.id),B=(P==null?void 0:P.totalCols)??1,U=(P==null?void 0:P.col)??0;return e.jsx("div",{className:n.dayEventAnchor,style:{top:G,height:te,"--lane-col":U,"--lane-total":B},onClick:A=>A.stopPropagation(),children:e.jsx(Fe,{event:l,color:le(l),textColor:ke(l),onComplete:y??(o?Ce:void 0),onEdit:C,onDelete:S,onDragEnd:u?A=>I(l,A):void 0})},l.id)}),E&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${v}px`}})]})})]})})():D==="week"?(()=>{const t=Ue.days,s=Array.from({length:nt-W},(w,b)=>W+b),h=s.length*N,i=new Date,k=t.findIndex(w=>w.toDateString()===i.toDateString()),d=((i.getHours()-W)*60+i.getMinutes())/60*N,_=k>=0&&d>=0&&d<=h,v=w=>{const[b,I]=w.split(":").map(Number);return b*60+I},E=w=>{if(!w.time||!w.endTime)return 30;const b=v(w.endTime)-v(w.time);return b>0?b:30},M=(w,b,I)=>{if(!g)return;const l=new Date(w);l.setHours(b,I,0,0);const f=`${b.toString().padStart(2,"0")}:${I.toString().padStart(2,"0")}`;g(l,b,f)},V=(w,b,I)=>{var ct;if(!u)return;const l=(ct=qe.current)==null?void 0:ct.querySelector(`.${n.weekDayColumns}`);if(!l)return;const f=l.getBoundingClientRect(),z=I-f.left,G=b-f.top,ee=f.width/7,te=Math.min(6,Math.max(0,Math.floor(z/ee))),P=t[te],B=R?N/2:N,U=R?s.length*2:s.length,A=Math.min(U-1,Math.max(0,Math.floor(G/B))),ne=W+Math.floor(R?A/2:A),ce=R&&A%2===1?30:0,ye=new Date(P);ye.setHours(ne,ce,0,0),u(w,ye)};return e.jsxs("div",{className:n.weekTimeline,children:[e.jsxs("div",{className:n.weekTimelineHeader,children:[e.jsx("div",{className:n.timeColumnHeader}),t.map(w=>{const b=w.toDateString()===i.toDateString(),I=se&&w.toDateString()===se.toDateString();return e.jsxs("button",{type:"button",className:`${n.weekDayColumnHeader} ${b?n.today:""} ${I?n.selected:""}`,onClick:()=>lt(w),children:[e.jsx("span",{className:n.weekDayLabel,children:w.toLocaleDateString(Z,{weekday:"short"})}),e.jsx("span",{className:n.weekDayNumber,children:w.getDate()})]},w.toISOString())})]}),e.jsx("div",{className:n.weekTimelineScroll,ref:qe,children:e.jsxs("div",{className:n.weekTimelineGrid,style:{height:h},children:[e.jsx("div",{className:n.weekTimeColumn,children:s.map(w=>e.jsx("div",{className:n.weekTimeSlot,style:{height:N},children:e.jsxs("span",{className:n.weekHourLabel,children:[w.toString().padStart(2,"0"),":00"]})},w))}),e.jsx("div",{className:n.weekDayColumns,children:t.map(w=>{const b=Ye(w).filter(f=>!f.allDay&&f.time),I=w.toDateString()===i.toDateString(),l=it(b);return e.jsxs("div",{className:n.weekDayColumn,children:[s.map(f=>e.jsx("div",{className:n.weekHourRow,style:{height:N},children:R?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:n.halfHourSlot,onClick:()=>M(w,f,0)}),e.jsx("div",{className:`${n.halfHourSlot} ${n.halfHourSlotBottom}`,onClick:()=>M(w,f,30)})]}):e.jsx("div",{className:n.halfHourSlot,onClick:()=>M(w,f,0)})},f)),b.map(f=>{const[z,G]=f.time.split(":").map(Number),ee=(z-W)*N+G/60*N,te=E(f),P=Math.max(24,te/60*N-2),B=l.get(f.id),U=(B==null?void 0:B.totalCols)??1,A=(B==null?void 0:B.col)??0;return e.jsx("div",{className:n.weekEventAnchor,style:{top:ee,height:P,"--lane-col":A,"--lane-total":U},onClick:ne=>ne.stopPropagation(),children:e.jsx(Fe,{event:f,color:le(f),textColor:ke(f),onComplete:y??(o?Ce:void 0),onEdit:C,onDelete:S,onDragEnd:u?(ne,ce)=>V(f,ne,ce):void 0})},f.id)}),I&&_&&e.jsx("div",{className:n.currentTimeIndicator,style:{top:`${d}px`,left:0}})]},w.toISOString())})})]})})]})})():(()=>{const t=ge?void 0:40+K*24;return e.jsx("div",{className:`${n.daysGrid} ${_e?n.withWeekNumbers:""}`,children:Ue.days.map((s,h)=>{const i=Ye(s),k=an(s),H=sn(s),d=_e&&h%7===0,_=se&&s.toDateString()===se.toDateString();return e.jsxs(T.Fragment,{children:[d&&e.jsx("div",{className:n.weekNumberCell,style:t!==void 0?{height:t,minHeight:t}:void 0,children:rn(s)}),e.jsxs(We.div,{className:`${n.dayCell} ${k?n.today:""} ${H?"":n.otherMonth} ${_?n.selected:""}`,style:t!==void 0?{height:t,minHeight:t}:void 0,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3,delay:h*.02,ease:"easeOut"},onClick:()=>lt(s),children:[e.jsx("div",{className:n.dayNumber,children:s.getDate()}),i.length>0&&ge&&D==="month"?e.jsxs("div",{className:n.dots,children:[i.slice(0,K).map(v=>e.jsx("span",{className:n.dot,style:{backgroundColor:v.status==="completed"?"#10b981":le(v)}},v.id)),i.length>K&&e.jsxs("span",{className:n.dotMore,children:["+",i.length-K]})]}):i.length>0?e.jsxs("div",{className:n.events,children:[i.slice(0,K).map((v,E)=>e.jsxs(We.div,{className:`${n.event} ${v.status==="completed"?n.completed:""}`,style:{backgroundColor:le(v),color:ke(v),opacity:v.status==="completed"?.7:1},onClick:M=>{M.stopPropagation(),Ce(v)},initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{duration:.2,delay:E*.05,ease:"easeOut"},whileHover:{scale:1.02,y:-1,transition:{duration:.1}},whileTap:{scale:.98,transition:{duration:.1}},children:[Ze&&Ze(v),e.jsxs("span",{className:n.eventTitle,children:[v.time&&e.jsx("span",{className:n.eventTime,children:v.time}),v.title]}),v.status==="completed"&&e.jsx("svg",{className:n.completedIcon,width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",children:e.jsx("polyline",{points:"20,6 9,17 4,12"})})]},v.id)),i.length>K&&e.jsxs("div",{className:n.moreEvents,children:["+",i.length-K," more"]})]}):Y?e.jsx("div",{className:n.emptyState,children:Y}):null]})]},`${s.getFullYear()}-${s.getMonth()}-${s.getDate()}`)})})})()]})}ue.__docgenInfo={description:`Calendar component - A flexible, reusable calendar for displaying events
 
 @component
 @description

package/storybook-static/assets/{Card-DizJF4F1.js → Card-C1CU1aJ4.js}

@@ -1,4 +1,4 @@
-import{r as I,j as e}from"./iframe-0Lx_Gg0M.js";import{A as M}from"./index-DC1KDIA7.js";import{m as _}from"./proxy-BKn6lL2c.js";const B="_card_k0xft_1",V="_hoverable_k0xft_50",A="_elevated_k0xft_65",L="_outlined_k0xft_78",S="_flat_k0xft_111",E="_glass_k0xft_156",W="_imageContainer_k0xft_187",F="_image_k0xft_187",H="_header_k0xft_233",R="_headerContent_k0xft_248",O="_expandButton_k0xft_254",D="_expandIcon_k0xft_285",J="_expandableContent_k0xft_289",U="_expandable_k0xft_289",X="_body_k0xft_313",z="_footer_k0xft_319",G="_title_k0xft_350",K="_subtitle_k0xft_366",Q="_clickable_k0xft_380",Y="_padding_k0xft_394",Z="_noPadding_k0xft_398",$="_loading_k0xft_403",ee="_loadingShimmer_k0xft_1",ae="_loadingPulse_k0xft_1",a={card:B,hoverable:V,elevated:A,outlined:L,flat:S,glass:E,imageContainer:W,image:F,header:H,headerContent:R,expandButton:O,expandIcon:D,expandableContent:J,expandable:U,body:X,footer:z,title:G,subtitle:K,clickable:Q,padding:Y,noPadding:Z,loading:$,loadingShimmer:ee,loadingPulse:ae},te=({variant:g="elevated",hoverable:d=!1,clickable:l=!1,padding:c=!0,image:p,imageAlt:v="",title:o,subtitle:s,header:u,footer:m,children:f,expandable:t=!1,defaultExpanded:C=!1,expanded:i,onExpandChange:r,className:b="",onClick:k,motionProps:y,...j})=>{const[T,N]=I.useState(C),n=i!==void 0?i:T,h=()=>{const x=!n;i===void 0&&N(x),r==null||r(x)},q=[a.card,a[g],d&&a.hoverable,l&&a.clickable,!c&&a.noPadding,t&&a.expandable,b].filter(Boolean).join(" "),w=()=>u?e.jsxs("div",{className:a.header,children:[e.jsx("div",{className:a.headerContent,children:u}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):o||s?e.jsxs("div",{className:a.header,children:[e.jsxs("div",{className:a.headerContent,children:[o&&e.jsx("h3",{className:a.title,children:o}),s&&e.jsx("p",{className:a.subtitle,children:s})]}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):null,P=e.jsxs(e.Fragment,{children:[p&&e.jsx("div",{className:a.imageContainer,children:e.jsx("img",{src:p,alt:v,className:a.image})}),w(),e.jsx(M,{initial:!1,children:(!t||n)&&e.jsxs(_.div,{initial:t?{height:0,opacity:0}:void 0,animate:t?{height:"auto",opacity:1}:void 0,exit:t?{height:0,opacity:0}:void 0,transition:{duration:.3,ease:"easeInOut"},className:a.expandableContent,children:[f&&e.jsx("div",{className:c?a.body:void 0,children:f}),m&&e.jsx("div",{className:a.footer,children:m})]},"content")})]});return e.jsx(_.div,{className:q,onClick:l?k:void 0,whileHover:d?{y:-4}:void 0,transition:{type:"spring",stiffness:400,damping:17},...y,...j,children:P})};te.__docgenInfo={description:`Card Component
+import{r as I,j as e}from"./iframe-BmJYCQaV.js";import{A as M}from"./index-GkLzrRJX.js";import{m as _}from"./proxy-MAU_yIzM.js";const B="_card_k0xft_1",V="_hoverable_k0xft_50",A="_elevated_k0xft_65",L="_outlined_k0xft_78",S="_flat_k0xft_111",E="_glass_k0xft_156",W="_imageContainer_k0xft_187",F="_image_k0xft_187",H="_header_k0xft_233",R="_headerContent_k0xft_248",O="_expandButton_k0xft_254",D="_expandIcon_k0xft_285",J="_expandableContent_k0xft_289",U="_expandable_k0xft_289",X="_body_k0xft_313",z="_footer_k0xft_319",G="_title_k0xft_350",K="_subtitle_k0xft_366",Q="_clickable_k0xft_380",Y="_padding_k0xft_394",Z="_noPadding_k0xft_398",$="_loading_k0xft_403",ee="_loadingShimmer_k0xft_1",ae="_loadingPulse_k0xft_1",a={card:B,hoverable:V,elevated:A,outlined:L,flat:S,glass:E,imageContainer:W,image:F,header:H,headerContent:R,expandButton:O,expandIcon:D,expandableContent:J,expandable:U,body:X,footer:z,title:G,subtitle:K,clickable:Q,padding:Y,noPadding:Z,loading:$,loadingShimmer:ee,loadingPulse:ae},te=({variant:g="elevated",hoverable:d=!1,clickable:l=!1,padding:c=!0,image:p,imageAlt:v="",title:o,subtitle:s,header:u,footer:m,children:f,expandable:t=!1,defaultExpanded:C=!1,expanded:i,onExpandChange:r,className:b="",onClick:k,motionProps:y,...j})=>{const[T,N]=I.useState(C),n=i!==void 0?i:T,h=()=>{const x=!n;i===void 0&&N(x),r==null||r(x)},q=[a.card,a[g],d&&a.hoverable,l&&a.clickable,!c&&a.noPadding,t&&a.expandable,b].filter(Boolean).join(" "),w=()=>u?e.jsxs("div",{className:a.header,children:[e.jsx("div",{className:a.headerContent,children:u}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):o||s?e.jsxs("div",{className:a.header,children:[e.jsxs("div",{className:a.headerContent,children:[o&&e.jsx("h3",{className:a.title,children:o}),s&&e.jsx("p",{className:a.subtitle,children:s})]}),t&&e.jsx("button",{className:a.expandButton,onClick:h,"aria-label":n?"Collapse card":"Expand card",children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:a.expandIcon,style:{transform:n?"rotate(180deg)":"rotate(0deg)"},children:e.jsx("path",{d:"M6 9l6 6 6-6"})})})]}):null,P=e.jsxs(e.Fragment,{children:[p&&e.jsx("div",{className:a.imageContainer,children:e.jsx("img",{src:p,alt:v,className:a.image})}),w(),e.jsx(M,{initial:!1,children:(!t||n)&&e.jsxs(_.div,{initial:t?{height:0,opacity:0}:void 0,animate:t?{height:"auto",opacity:1}:void 0,exit:t?{height:0,opacity:0}:void 0,transition:{duration:.3,ease:"easeInOut"},className:a.expandableContent,children:[f&&e.jsx("div",{className:c?a.body:void 0,children:f}),m&&e.jsx("div",{className:a.footer,children:m})]},"content")})]});return e.jsx(_.div,{className:q,onClick:l?k:void 0,whileHover:d?{y:-4}:void 0,transition:{type:"spring",stiffness:400,damping:17},...y,...j,children:P})};te.__docgenInfo={description:`Card Component
 
 @component
 @description