@stfrigerio/sito-template 0.1.87 → 0.1.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stfrigerio/sito-template",
-  "version": "0.1.87",
+  "version": "0.1.90",
   "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-B8RWNnlP.js → ASCIIText.stories-Dtgo6j7L.js}

@@ -1,4 +1,4 @@
-import{r as g,j as w}from"./iframe-zy5fIh42.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-CIPCI8YY.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-D25vSZu7.js

@@ -0,0 +1,109 @@
+import{j as e,r as a}from"./iframe-CIPCI8YY.js";import{B as s}from"./Button-CH9liQ2J.js";import{C as t}from"./Card-Czl0DYJm.js";import"./index-CrErqZXh.js";import{C as v}from"./Checkbox-DiC2uUR-.js";import{D as R}from"./DateInput-CbIGBy1T.js";import{S as Se}from"./SearchableDropdown-DG8q7YcB.js";import{S as $}from"./SelectInput-DyW16_Lj.js";import{T as G}from"./TextArea-1d9fTMQA.js";import{T as d}from"./TextInput-CrimGnzT.js";import{T as h}from"./Toggle-jOuha7Sk.js";import{N as V}from"./NumberStepper-C5_c-PuE.js";import{T as g}from"./ToggleButton-CTkPvZnV.js";import"./Slider-Bxy6stWE.js";import"./LoadingSpinner-ZFb06sXS.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-ExVNLINO.js";import"./proxy-9S6fbfB7.js";import"./MotionConfigContext-DmG3b6sP.js";import"./index-DmhvyDTp.js";import"./calendar-Cd0jjGTB.js";import"./createLucideIcon-cR6vPm-0.js";import"./chevron-down-Cez0JhwR.js";import"./search-cjQCtruM.js";import"./check-DYCN1rMI.js";const Ke={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: () => {
+    // State for controlled components
+    const [textValue, setTextValue] = useState('');
+    const [dateValue, setDateValue] = useState('2024-01-01');
+    const [selectValue, setSelectValue] = useState('');
+    const [checkboxValue, setCheckboxValue] = useState(false);
+    const [toggleValue, setToggleValue] = useState(false);
+    const [numberValue, setNumberValue] = useState(0);
+    const [toggleBtnValue, setToggleBtnValue] = useState(false);
+    const [textAreaValue, setTextAreaValue] = useState('');
+    const [clickCount, setClickCount] = useState(0);
+    return <div style={{
+      display: 'grid',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
+      gap: 'var(--spacing-xl)',
+      padding: 'var(--spacing-xl)'
+    }}>
+                <Card>
+                    <h3>Interactive Buttons</h3>
+                    <p style={{
+          fontSize: 'var(--font-size-sm)',
+          color: 'var(--color-text-secondary)',
+          marginBottom: '12px'
+        }}>
+                        Clicks: {clickCount}
+                    </p>
+                    <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '8px',
+          marginTop: '12px'
+        }}>
+                        <Button variant="primary" size="small" onClick={() => setClickCount(c => c + 1)}>Primary</Button>
+                        <Button variant="secondary" size="small" onClick={() => setClickCount(c => c + 1)}>Secondary</Button>
+                        <Button variant="outline" size="small" onClick={() => setClickCount(c => c + 1)}>Outline</Button>
+                    </div>
+                </Card>
+
+                <Card>
+                    <h3>Form Inputs</h3>
+                    <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '8px',
+          marginTop: '12px'
+        }}>
+                        <TextInput label="Compact Text" value={textValue} onChange={setTextValue} placeholder="Type something..." />
+                        <DateInput label="Compact Date" value={dateValue} onChange={setDateValue} />
+                        <SelectInput label="Compact Select" value={selectValue} onChange={setSelectValue} options={[{
+            value: '1',
+            label: 'Option 1'
+          }, {
+            value: '2',
+            label: 'Option 2'
+          }, {
+            value: '3',
+            label: 'Option 3'
+          }]} placeholder="Select an option" />
+                    </div>
+                </Card>
+
+                <Card>
+                    <h3>Toggle Controls</h3>
+                    <div style={{
+          display: 'flex',
+          flexDirection: 'column',
+          gap: '12px',
+          marginTop: '12px'
+        }}>
+                        <Checkbox checked={checkboxValue} onChange={setCheckboxValue} label={\`Checkbox (\${checkboxValue ? 'ON' : 'OFF'})\`} />
+                        <Toggle isOn={toggleValue} onToggle={setToggleValue} leftLabel="Off" rightLabel="On" />
+                        <NumberStepper value={numberValue} onChange={setNumberValue} min={0} max={10} step={1} label="Count" icon="🔢" size="small" />
+                        <ToggleButton active={toggleBtnValue} onClick={() => setToggleBtnValue(!toggleBtnValue)} icon="⭐" label="Favorite" size="small" showCheckmark />
+                    </div>
+                    <div style={{
+          marginTop: '12px',
+          padding: '8px',
+          background: toggleValue ? 'var(--color-primary)' : 'var(--color-background-secondary)',
+          color: toggleValue ? 'var(--color-text-inverse)' : 'var(--color-text)',
+          borderRadius: 'var(--radius-sm)',
+          fontSize: 'var(--font-size-xs)',
+          textAlign: 'center',
+          transition: 'all 0.3s ease'
+        }}>
+                        Toggle: {toggleValue ? 'ON' : 'OFF'} | Number: {numberValue} | Button: {toggleBtnValue ? 'Active' : 'Inactive'}
+                    </div>
+                </Card>
+
+                <Card>
+                    <h3>Text Area</h3>
+                    <div style={{
+          marginTop: '12px'
+        }}>
+                        <TextArea label="Compact Text Area" value={textAreaValue} onChange={setTextAreaValue} placeholder="Write something..." rows={3} />
+                        <p style={{
+            marginTop: '8px',
+            fontSize: 'var(--font-size-xs)',
+            color: 'var(--color-text-secondary)'
+          }}>
+                            {textAreaValue.length} characters
+                        </p>
+                    </div>
+                </Card>
+            </div>;
+  }
+}`,...(ae=(ee=T.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const Ze=["AllAtomsShowcase","CompactView"];export{k as AllAtomsShowcase,T as CompactView,Ze as __namedExportsOrder,Ke as default};

package/storybook-static/assets/{AnimatedContent.stories-Dj-clC7A.js → AnimatedContent.stories-DeO_pq9C.js}

@@ -1,4 +1,4 @@
-import{r as E,j as I}from"./iframe-zy5fIh42.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-CIPCI8YY.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-2A8KQvHb.js → AnimatedList.stories-kFWHPJB0.js}

@@ -1,4 +1,4 @@
-import{r as a,j as s}from"./iframe-zy5fIh42.js";import{u as A}from"./use-in-view-BYqN4HOb.js";import{m as D}from"./proxy-CPPwweV0.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-ej6g39cv.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-CIPCI8YY.js";import{u as A}from"./use-in-view-D1DBV2Cv.js";import{m as D}from"./proxy-9S6fbfB7.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-DmG3b6sP.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-DGZButWX.js → Antigravity.stories-C8qkRemU.js}

@@ -1,4 +1,4 @@
-import{j as s,r as m}from"./iframe-zy5fIh42.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-CgMr3Oln.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-CIPCI8YY.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-BFvrKjZG.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-DMY81mz8.js → ArrayInput.stories-DbCmDKln.js}

@@ -1,4 +1,4 @@
-import{j as e,r as f}from"./iframe-zy5fIh42.js";import{B as j}from"./Button-C-a8mtOA.js";import{T as J}from"./TextInput-vzJb5S9G.js";import{T as W}from"./TextArea-B4dx0-GZ.js";import{A as q}from"./index-DJjHRi0h.js";import{m as P}from"./proxy-CPPwweV0.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CQEaCYuh.js";import"./MotionConfigContext-ej6g39cv.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-CIPCI8YY.js";import{B as j}from"./Button-CH9liQ2J.js";import{T as J}from"./TextInput-CrimGnzT.js";import{T as W}from"./TextArea-1d9fTMQA.js";import{A as q}from"./index-DmhvyDTp.js";import{m as P}from"./proxy-9S6fbfB7.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-ExVNLINO.js";import"./MotionConfigContext-DmG3b6sP.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-Cew2p4oN.js → Aurora.stories-BO8xwmRR.js}

@@ -1,4 +1,4 @@
-import{r as f,j as E}from"./iframe-zy5fIh42.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-CIPCI8YY.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-BbXiw7sj.js → Beams.stories-D9Vss8VE.js}

@@ -1,4 +1,4 @@
-import{r as n,j as x}from"./iframe-zy5fIh42.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-CgMr3Oln.js";import{_ as G}from"./extends-CF3RwP-h.js";import{u as Z}from"./Fbo-CA8Cugqs.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-CIPCI8YY.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-BFvrKjZG.js";import{_ as G}from"./extends-CF3RwP-h.js";import{u as Z}from"./Fbo-DOZvED_P.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-DEYcVo2S.js → BlobCursor.stories-COOoDd0_.js}

@@ -1,4 +1,4 @@
-import{r as t,j as a}from"./iframe-zy5fIh42.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-CIPCI8YY.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-CyEHztB3.js → BlurText.stories-C8NJIAOg.js}

@@ -1,4 +1,4 @@
-import{r as l,j as h}from"./iframe-zy5fIh42.js";import{m as k}from"./proxy-CPPwweV0.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-ej6g39cv.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-CIPCI8YY.js";import{m as k}from"./proxy-9S6fbfB7.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-DmG3b6sP.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-Bq4sX7xA.js → BooleansHeatmap.stories-BJ0MknpB.js}

@@ -1,4 +1,4 @@
-import{r as T,j as d}from"./iframe-zy5fIh42.js";import{s as I}from"./transform-QOf3tDlt.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-CIPCI8YY.js";import{s as I}from"./transform-QOf3tDlt.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-DfeM2qWZ.js → BorderGlow.stories-DAvcL6FM.js}

@@ -1,4 +1,4 @@
-import{r as m,j as V}from"./iframe-zy5fIh42.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-CIPCI8YY.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-DFzci-hw.js → BubbleMenu.stories-I3n83GuJ.js}

@@ -1,4 +1,4 @@
-import{r as b,j as o}from"./iframe-zy5fIh42.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-CIPCI8YY.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-Bl2CH-vl.css

@@ -0,0 +1 @@
+._button_asmul_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_asmul_24{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-md)}._primary_asmul_24:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-2px);box-shadow:var(--shadow-lg)}._primary_asmul_24:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._secondary_asmul_42{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}._secondary_asmul_42:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-hover),var(--color-secondary-active));transform:translateY(-1px);box-shadow:var(--shadow-md)}._secondary_asmul_42:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}._outline_asmul_60{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:none;position:relative;overflow:hidden;z-index:1}._outline_asmul_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_asmul_60:hover:not(:disabled){color:var(--color-text-inverse);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-md)}._outline_asmul_60:hover:not(:disabled):after{opacity:1}._outline_asmul_60:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._ghost_asmul_100{background:transparent;color:var(--color-text-secondary);box-shadow:none}._ghost_asmul_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_asmul_100:active:not(:disabled){transform:translateY(0);background:var(--color-background-tertiary);box-shadow:none}._danger_asmul_123{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-md)}._danger_asmul_123:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-hover),var(--color-error-active));transform:translateY(-2px);box-shadow:var(--shadow-lg)}._danger_asmul_123:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._icon_asmul_141{padding:8px;background:transparent;color:var(--color-text-secondary);box-shadow:none;border-radius:8px;gap:0;letter-spacing:normal;font-weight:inherit}._icon_asmul_141:active:not(:disabled){background:transparent;box-shadow:none}@media (hover: hover){._icon_asmul_141:hover:not(:disabled){color:var(--color-primary);background:transparent;box-shadow:none}}._icon_asmul_141 ._iconLeft_asmul_165,._icon_asmul_141 ._iconRight_asmul_166{margin:0}._small_asmul_171{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}._medium_asmul_177{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}._large_asmul_182{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}._fullWidth_asmul_189{width:100%}._button_asmul_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_asmul_1:disabled:after{display:none}._loading_asmul_209{color:transparent;pointer-events:none}._spinner_asmul_214{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}._spinner_asmul_214:after{content:"";display:block;width:1em;height:1em;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:_spin_asmul_214 .6s linear infinite}@keyframes _spin_asmul_214{to{transform:rotate(360deg)}}._iconLeft_asmul_165,._iconRight_asmul_166{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0}._iconLeft_asmul_165{margin-left:calc(var(--spacing-xs) * -1)}._iconRight_asmul_166{margin-right:calc(var(--spacing-xs) * -1)}._button_asmul_1:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._icon_asmul_141:disabled{background:transparent!important;border-color:transparent!important}

package/storybook-static/assets/Button-CH9liQ2J.js

@@ -0,0 +1,37 @@
+import{j as a}from"./iframe-CIPCI8YY.js";import{u as q}from"./useSound-ExVNLINO.js";import{m as W}from"./proxy-9S6fbfB7.js";const w="_button_asmul_1",C="_primary_asmul_24",L="_secondary_asmul_42",N="_outline_asmul_60",R="_ghost_asmul_100",S="_danger_asmul_123",j="_icon_asmul_141",I="_iconLeft_asmul_165",V="_iconRight_asmul_166",z="_small_asmul_171",M="_medium_asmul_177",k="_large_asmul_182",F="_fullWidth_asmul_189",P="_loading_asmul_209",A="_spinner_asmul_214",H="_spin_asmul_214",e={button:w,primary:C,secondary:L,outline:N,ghost:R,danger:S,icon:j,iconLeft:I,iconRight:V,small:z,medium:M,large:k,fullWidth:F,loading:P,spinner:A,spin:H},O=({variant:m="primary",size:p="medium",fullWidth:f=!1,loading:t=!1,iconLeft:c,iconRight:d,children:_,className:h="",disabled:s,motionProps:g,soundConfig:y,onClick:i,onMouseEnter:l,onFocus:v,...b})=>{const{handlers:n}=q(y),r=m==="icon",B=[e.button,e[m],!r&&e[p],f&&e.fullWidth,t&&e.loading,h].filter(Boolean).join(" "),x=u=>{var o;(o=n.onClick)==null||o.call(n),i==null||i(u)},T=u=>{var o;(o=n.onMouseEnter)==null||o.call(n),l==null||l(u)};return a.jsxs(W.button,{className:B,disabled:s||t,whileHover:r?void 0:{scale:s||t?1:1.02},whileTap:{scale:s||t?1:r?.9:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:x,onMouseEnter:T,onFocus:v,...g,...b,children:[t&&a.jsx("span",{className:e.spinner}),c&&a.jsx("span",{className:e.iconLeft,children:c}),_,d&&a.jsx("span",{className:e.iconRight,children:d})]})};O.__docgenInfo={description:`Button Component
+
+@component
+@description
+A versatile, animated button component built with Framer Motion. Supports multiple 
+variants, sizes, loading states, and icons. Includes smooth hover/tap animations
+and full accessibility support.
+
+@example
+// Basic usage
+<Button onClick={handleClick}>Click me</Button>
+
+@example
+// With variant and size
+<Button variant="secondary" size="large">
+  Large Secondary Button
+</Button>
+
+@example
+// With icons and loading state
+<Button 
+  variant="primary" 
+  iconLeft={<Icon />}
+  loading={isLoading}
+  onClick={handleSubmit}
+>
+  Submit Form
+</Button>
+
+@example
+// Full width danger button
+<Button variant="danger" fullWidth>
+  Delete Account
+</Button>
+
+@param {ButtonProps} props - The props for the Button component
+@returns {JSX.Element} The rendered Button component`,methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'icon'",elements:[{name:"literal",value:"'primary'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'icon'"}]},description:"Visual style variant of the button",defaultValue:{value:"'primary'",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"Size of the button",defaultValue:{value:"'medium'",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"Whether the button should take full width of its container",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Whether the button is in loading state (shows spinner, disabled interaction)",defaultValue:{value:"false",computed:!1}},iconLeft:{required:!1,tsType:{name:"ReactNode"},description:"Icon to display on the left side of the button text"},iconRight:{required:!1,tsType:{name:"ReactNode"},description:"Icon to display on the right side of the button text"},children:{required:!1,tsType:{name:"ReactNode"},description:"Button content (text, elements, etc.)"},motionProps:{required:!1,tsType:{name:"HTMLMotionProps",elements:[{name:"literal",value:'"button"'}],raw:'HTMLMotionProps<"button">'},description:"Additional Framer Motion props for custom animations"},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Optional sound configuration for button interactions"},className:{defaultValue:{value:"''",computed:!1},required:!1}},composes:["Omit"]};export{O as B};

package/storybook-static/assets/{Button.stories-DAXH1kBW.js → Button.stories-DK6pmeSm.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-zy5fIh42.js";import{B as t}from"./Button-C-a8mtOA.js";import{s}from"./useSound-CQEaCYuh.js";import{c as B}from"./createLucideIcon-CrHgDpuU.js";import{C as i}from"./chevron-right-ds1xZi3C.js";import{T as b}from"./trash-2-CFV2VbGB.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-CPPwweV0.js";import"./MotionConfigContext-ej6g39cv.js";/**
+import{j as e}from"./iframe-CIPCI8YY.js";import{B as t}from"./Button-CH9liQ2J.js";import{s}from"./useSound-ExVNLINO.js";import{c as B}from"./createLucideIcon-cR6vPm-0.js";import{C as i}from"./chevron-right-ZKw3Q8fo.js";import{T as b}from"./trash-2-Iwuu7dT8.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-9S6fbfB7.js";import"./MotionConfigContext-DmG3b6sP.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{Calendar.stories-CVsYYT3_.js → Calendar.stories-kMM0mFaT.js}

@@ -1,4 +1,4 @@
-import{r as T,j as e}from"./iframe-zy5fIh42.js";import{u as dt}from"./use-motion-value-Bd5F4Q1X.js";import{u as ln}from"./use-transform-Cdf8113N.js";import{m as We}from"./proxy-CPPwweV0.js";import{T as cn}from"./trash-2-CFV2VbGB.js";import{c as Ut}from"./createLucideIcon-CrHgDpuU.js";import{C as dn}from"./check-CR9a77oQ.js";import{a as Te}from"./index-DRj5Sqdq.js";import{D as mn}from"./download-BeoqTvSy.js";import{S as un,M as pn}from"./sun-j_wDVUAd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-ej6g39cv.js";/**
+import{r as T,j as e}from"./iframe-CIPCI8YY.js";import{u as dt}from"./use-motion-value-_XBVGGSc.js";import{u as ln}from"./use-transform-CzY9Cwyq.js";import{m as We}from"./proxy-9S6fbfB7.js";import{T as cn}from"./trash-2-Iwuu7dT8.js";import{c as Ut}from"./createLucideIcon-cR6vPm-0.js";import{C as dn}from"./check-DYCN1rMI.js";import{a as Te}from"./index-C0XHKMMq.js";import{D as mn}from"./download-BvrKyit1.js";import{S as un,M as pn}from"./sun-C5B4RuMV.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-DmG3b6sP.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{Card-Ch19Z9Ml.js → Card-Czl0DYJm.js}

@@ -1,4 +1,4 @@
-import{r as I,j as e}from"./iframe-zy5fIh42.js";import{A as M}from"./index-DJjHRi0h.js";import{m as _}from"./proxy-CPPwweV0.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-CIPCI8YY.js";import{A as M}from"./index-DmhvyDTp.js";import{m as _}from"./proxy-9S6fbfB7.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

package/storybook-static/assets/{Card.stories-BrklfhWT.js → Card.stories-4DF9DMcg.js}

@@ -1,4 +1,4 @@
-import{j as e,r as T}from"./iframe-zy5fIh42.js";import{C as a}from"./Card-Ch19Z9Ml.js";import{B as t}from"./Button-C-a8mtOA.js";import"./preload-helper-C1FmrZbK.js";import"./index-DJjHRi0h.js";import"./proxy-CPPwweV0.js";import"./MotionConfigContext-ej6g39cv.js";import"./useSound-CQEaCYuh.js";const D={title:"Atoms/Card",component:a,parameters:{layout:"centered",docs:{description:{component:"A flexible container component with various styling options and animation support."}}},argTypes:{variant:{control:"select",options:["elevated","outlined","flat","glass"],description:"Visual style variant of the card"},padding:{control:"boolean"},hoverable:{control:"boolean"},clickable:{control:"boolean"},expandable:{control:"boolean"},defaultExpanded:{control:"boolean"},title:{control:"text"},subtitle:{control:"text"},onClick:{action:"clicked"},onExpandChange:{action:"expand-changed"}}},r={args:{title:"Card Title",subtitle:"Optional subtitle",hoverable:!0,children:e.jsx("p",{children:"Card content goes here. Use controls to switch between elevated, outlined, flat, and glass variants."})}},n={args:{variant:"elevated",hoverable:!0,image:"https://via.placeholder.com/350x200",imageAlt:"Feature image",children:e.jsxs("div",{style:{maxWidth:"350px"},children:[e.jsx("h2",{style:{marginBottom:"0.5rem"},children:"Feature Card"}),e.jsx("p",{style:{marginBottom:"1rem",color:"#666"},children:"Image, title, description, and action buttons composed together."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Learn More"}),e.jsx(t,{variant:"outline",size:"small",children:"Share"})]})]})}},l={render:()=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"1rem",maxWidth:"800px"},children:[e.jsxs(a,{variant:"elevated",hoverable:!0,children:[e.jsx("h4",{children:"Elevated"}),e.jsx("p",{children:"With shadow"})]}),e.jsxs(a,{variant:"outlined",hoverable:!0,children:[e.jsx("h4",{children:"Outlined"}),e.jsx("p",{children:"With border"})]}),e.jsxs(a,{variant:"glass",hoverable:!0,children:[e.jsx("h4",{children:"Glass"}),e.jsx("p",{children:"Glassmorphism"})]})]}),parameters:{controls:{disable:!0},layout:"padded"}},s={args:{title:"Expandable Card",subtitle:"Click the arrow to expand",expandable:!0,variant:"outlined",children:e.jsxs("div",{children:[e.jsx("p",{children:"This content is collapsible. Useful for FAQ sections, settings panels, or progressive disclosure."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",marginTop:"1rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Action"}),e.jsx(t,{variant:"outline",size:"small",children:"Secondary"})]})]})}},i={render:()=>{const[d,p]=T.useState(!1);return e.jsxs("div",{style:{width:"400px"},children:[e.jsxs(a,{title:"Controlled Expandable",subtitle:"State managed externally",expandable:!0,expanded:d,onExpandChange:p,variant:"glass",hoverable:!0,children:[e.jsx("p",{children:"Expanded state is controlled via props."}),e.jsxs("p",{children:["Current: ",e.jsx("strong",{children:d?"Expanded":"Collapsed"})]})]}),e.jsx("div",{style:{marginTop:"1rem",textAlign:"center"},children:e.jsx(t,{variant:"primary",onClick:()=>p(!d),children:"External Toggle"})})]})},parameters:{controls:{disable:!0}}},o={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",maxWidth:"600px"},children:[e.jsx(a,{title:"Getting Started",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Create an account and follow the onboarding tutorial to get started."})}),e.jsx(a,{title:"Account Management",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Manage settings from the profile page: personal info, password, notifications."})}),e.jsx(a,{title:"Billing & Payments",expandable:!0,defaultExpanded:!0,variant:"outlined",children:e.jsx("p",{children:"We accept all major credit cards and PayPal. Billing is monthly or annual."})})]}),parameters:{controls:{disable:!0},layout:"padded"}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
+import{j as e,r as T}from"./iframe-CIPCI8YY.js";import{C as a}from"./Card-Czl0DYJm.js";import{B as t}from"./Button-CH9liQ2J.js";import"./preload-helper-C1FmrZbK.js";import"./index-DmhvyDTp.js";import"./proxy-9S6fbfB7.js";import"./MotionConfigContext-DmG3b6sP.js";import"./useSound-ExVNLINO.js";const D={title:"Atoms/Card",component:a,parameters:{layout:"centered",docs:{description:{component:"A flexible container component with various styling options and animation support."}}},argTypes:{variant:{control:"select",options:["elevated","outlined","flat","glass"],description:"Visual style variant of the card"},padding:{control:"boolean"},hoverable:{control:"boolean"},clickable:{control:"boolean"},expandable:{control:"boolean"},defaultExpanded:{control:"boolean"},title:{control:"text"},subtitle:{control:"text"},onClick:{action:"clicked"},onExpandChange:{action:"expand-changed"}}},r={args:{title:"Card Title",subtitle:"Optional subtitle",hoverable:!0,children:e.jsx("p",{children:"Card content goes here. Use controls to switch between elevated, outlined, flat, and glass variants."})}},n={args:{variant:"elevated",hoverable:!0,image:"https://via.placeholder.com/350x200",imageAlt:"Feature image",children:e.jsxs("div",{style:{maxWidth:"350px"},children:[e.jsx("h2",{style:{marginBottom:"0.5rem"},children:"Feature Card"}),e.jsx("p",{style:{marginBottom:"1rem",color:"#666"},children:"Image, title, description, and action buttons composed together."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Learn More"}),e.jsx(t,{variant:"outline",size:"small",children:"Share"})]})]})}},l={render:()=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"1rem",maxWidth:"800px"},children:[e.jsxs(a,{variant:"elevated",hoverable:!0,children:[e.jsx("h4",{children:"Elevated"}),e.jsx("p",{children:"With shadow"})]}),e.jsxs(a,{variant:"outlined",hoverable:!0,children:[e.jsx("h4",{children:"Outlined"}),e.jsx("p",{children:"With border"})]}),e.jsxs(a,{variant:"glass",hoverable:!0,children:[e.jsx("h4",{children:"Glass"}),e.jsx("p",{children:"Glassmorphism"})]})]}),parameters:{controls:{disable:!0},layout:"padded"}},s={args:{title:"Expandable Card",subtitle:"Click the arrow to expand",expandable:!0,variant:"outlined",children:e.jsxs("div",{children:[e.jsx("p",{children:"This content is collapsible. Useful for FAQ sections, settings panels, or progressive disclosure."}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",marginTop:"1rem"},children:[e.jsx(t,{variant:"primary",size:"small",children:"Action"}),e.jsx(t,{variant:"outline",size:"small",children:"Secondary"})]})]})}},i={render:()=>{const[d,p]=T.useState(!1);return e.jsxs("div",{style:{width:"400px"},children:[e.jsxs(a,{title:"Controlled Expandable",subtitle:"State managed externally",expandable:!0,expanded:d,onExpandChange:p,variant:"glass",hoverable:!0,children:[e.jsx("p",{children:"Expanded state is controlled via props."}),e.jsxs("p",{children:["Current: ",e.jsx("strong",{children:d?"Expanded":"Collapsed"})]})]}),e.jsx("div",{style:{marginTop:"1rem",textAlign:"center"},children:e.jsx(t,{variant:"primary",onClick:()=>p(!d),children:"External Toggle"})})]})},parameters:{controls:{disable:!0}}},o={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",maxWidth:"600px"},children:[e.jsx(a,{title:"Getting Started",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Create an account and follow the onboarding tutorial to get started."})}),e.jsx(a,{title:"Account Management",expandable:!0,variant:"outlined",children:e.jsx("p",{children:"Manage settings from the profile page: personal info, password, notifications."})}),e.jsx(a,{title:"Billing & Payments",expandable:!0,defaultExpanded:!0,variant:"outlined",children:e.jsx("p",{children:"We accept all major credit cards and PayPal. Billing is monthly or annual."})})]}),parameters:{controls:{disable:!0},layout:"padded"}};var c,m,u;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
   args: {
     title: 'Card Title',
     subtitle: 'Optional subtitle',