@stfrigerio/sito-template 0.1.94 → 0.1.96

package/dist/themes/lossito.css

@@ -1,52 +1,246 @@
-/* Lossito Theme — Blue & Gold */
-
-:root[data-theme="lossito"],
-[data-theme="lossito"] {
-    --color-primary: #3b82f6;
-    --color-secondary: #1f2937;
-    --color-accent: #3b82f6;
-
-    --color-background: #f8fafc;
-    --color-background-secondary: #ffffff;
-    --color-background-tertiary: #f1f5f9;
-    --color-surface: #ffffff;
-    --color-surface-hover: #f8fafc;
-
-    --color-text: #0f172a;
-    --color-text-secondary: #475569;
-    --color-text-tertiary: #64748b;
-    --color-text-muted: #94a3b8;
-    --color-text-inverse: #ffffff;
-
-    --color-border: #e2e8f0;
-    --color-border-hover: #cbd5e1;
+/* Lossito Theme — editorial almanac.
+   Light: parchment, sage, terracotta (Maggie Appleton digital-garden aesthetic).
+   Dark:  walnut night-study, cream ink, terracotta flame. */
+
+@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=JetBrains+Mono:wght@400;500&display=swap');
+
+/* ── Light ──────────────────────────────────────────────────────── */
+:root[data-theme='lossito'],
+[data-theme='lossito'] {
+    /* palette */
+    --lossito-bg: #f5f1e8;
+    --lossito-bg-warm: #efe9da;
+    --lossito-paper: #fbf7ee;
+    --lossito-ink: #2b2a26;
+    --lossito-ink-soft: #4a4840;
+    --lossito-ink-faint: #8a8676;
+    --lossito-rule: #d8cfb8;
+    --lossito-rule-soft: #e6dfc9;
+    --lossito-sage: #6b7f5c;
+    --lossito-sage-deep: #4f6243;
+    --lossito-sage-wash: #e6e8d9;
+    --lossito-terra: #b85c3c;
+    --lossito-terra-wash: #f1ddce;
+    --lossito-mustard: #c19a3f;
+    --lossito-mustard-wash: #efe3c4;
+
+    /* token overrides */
+    --color-primary: var(--lossito-sage);
+    --color-primary-hover: var(--lossito-sage-deep);
+    --color-primary-active: var(--lossito-sage-deep);
+    --color-primary-light: #8fa076;
+    --color-primary-lighter: #b6c2a1;
+
+    --color-secondary: var(--lossito-ink-soft);
+    --color-secondary-hover: var(--lossito-ink);
+    --color-secondary-active: var(--lossito-ink);
+    --color-secondary-light: var(--lossito-ink-faint);
+    --color-secondary-lighter: var(--lossito-rule);
+
+    --color-accent: var(--lossito-terra);
+    --color-accent-hover: #8c4a2e;
+    --color-accent-active: #8c4a2e;
+
+    --color-success: var(--lossito-sage);
+    --color-success-hover: var(--lossito-sage-deep);
+    --color-success-active: var(--lossito-sage-deep);
+    --color-success-light: var(--lossito-sage-wash);
+    --color-success-bg: var(--lossito-sage-wash);
+
+    --color-error: var(--lossito-terra);
+    --color-error-hover: #8c4a2e;
+    --color-error-active: #8c4a2e;
+    --color-error-light: var(--lossito-terra-wash);
+    --color-error-bg: var(--lossito-terra-wash);
+
+    --color-warning: var(--lossito-mustard);
+    --color-warning-hover: #a8832a;
+    --color-warning-active: #8a6a1c;
+    --color-warning-light: #f4e5bf;
+    --color-warning-bg: #f9efd2;
+
+    --color-info: var(--lossito-sage);
+    --color-info-hover: var(--lossito-sage-deep);
+    --color-info-active: var(--lossito-sage-deep);
+    --color-info-light: var(--lossito-sage-wash);
+    --color-info-bg: var(--lossito-sage-wash);
+
+    --color-background: var(--lossito-bg);
+    --color-background-secondary: var(--lossito-paper);
+    --color-background-tertiary: var(--lossito-bg-warm);
+    --color-surface: var(--lossito-paper);
+    --color-surface-hover: var(--lossito-bg-warm);
+
+    --color-text: var(--lossito-ink);
+    --color-text-secondary: var(--lossito-ink-soft);
+    --color-text-tertiary: var(--lossito-ink-faint);
+    --color-text-muted: var(--lossito-ink-faint);
+    --color-text-inverse: var(--lossito-paper);
+
+    --color-border: var(--lossito-rule);
+    --color-border-soft: var(--lossito-rule-soft);
+    --color-border-hover: var(--lossito-ink-faint);
+    --color-border-focus: var(--lossito-sage);
+
+    --color-primary-bg: var(--lossito-sage-wash);
+    --color-accent-bg: var(--lossito-terra-wash);
+
+    /* shape */
+    --radius-sm: 2px;
+    --radius-md: 2px;
+    --radius-lg: 3px;
+    --radius-xl: 3px;
+    --radius-2xl: 4px;
+
+    /* shadows — flatter, warmer */
+    --shadow-xs: 0 1px 2px rgba(43, 42, 38, 0.05);
+    --shadow-sm: 0 1px 3px rgba(43, 42, 38, 0.07), 0 1px 2px rgba(43, 42, 38, 0.05);
+    --shadow-md: 0 2px 6px rgba(43, 42, 38, 0.08);
+    --shadow-lg: 0 6px 14px rgba(43, 42, 38, 0.1);
+    --shadow-xl: 0 12px 24px rgba(43, 42, 38, 0.1);
+    --shadow-2xl: 0 18px 36px rgba(43, 42, 38, 0.14);
+    --shadow-inner: inset 0 1px 2px rgba(43, 42, 38, 0.06);
+}
+
+/* paper-dot texture (light) */
+[data-theme='lossito'] body,
+[data-theme='lossito'] .app,
+[data-theme='lossito'] .app-main {
+    background-color: var(--lossito-bg);
+    background-image:
+        radial-gradient(rgba(43, 42, 38, 0.035) 1px, transparent 1px),
+        radial-gradient(rgba(43, 42, 38, 0.025) 1px, transparent 1px);
+    background-size:
+        3px 3px,
+        7px 7px;
+    background-position:
+        0 0,
+        1px 2px;
+}
+
+/* warm emoji filter (light) */
+[data-theme='lossito'] .emoji,
+[data-theme='lossito'] [class*='emoji'] {
+    filter: sepia(0.35) saturate(0.85) hue-rotate(-8deg) brightness(0.96);
+}
+
+/* ── Dark ───────────────────────────────────────────────────────── */
+:root[data-theme='lossito-dark'],
+[data-theme='lossito-dark'] {
+    /* palette */
+    --lossito-bg: #1e1b15;
+    --lossito-bg-warm: #181510;
+    --lossito-paper: #27231c;
+    --lossito-ink: #e8dfc8;
+    --lossito-ink-soft: #c4bba4;
+    --lossito-ink-faint: #8a8270;
+    --lossito-rule: #3d362a;
+    --lossito-rule-soft: #2f2a21;
+    --lossito-flame: #cc5e37;
+    --lossito-flame-bright: #e07a4f;
+    --lossito-flame-wash: #3a2319;
+    --lossito-terra: #d78464;
+    --lossito-terra-wash: #3a2822;
+    --lossito-mustard: #d4b56a;
+    --lossito-mustard-wash: #36301f;
+
+    /* token overrides */
+    --color-primary: var(--lossito-flame);
+    --color-primary-hover: var(--lossito-flame-bright);
+    --color-primary-active: var(--lossito-flame-bright);
+    --color-primary-light: #e07a4f;
+    --color-primary-lighter: #eb9b7a;
+    --color-primary-rgb: 204, 94, 55;
+
+    --color-secondary: var(--lossito-ink-soft);
+    --color-secondary-hover: var(--lossito-ink);
+    --color-secondary-active: var(--lossito-ink);
+    --color-secondary-light: var(--lossito-ink-faint);
+    --color-secondary-lighter: var(--lossito-rule);
+
+    --color-accent: var(--lossito-terra);
+    --color-accent-hover: #e09378;
+    --color-accent-active: #e09378;
+
+    --color-success: var(--lossito-flame);
+    --color-success-hover: var(--lossito-flame-bright);
+    --color-success-active: var(--lossito-flame-bright);
+    --color-success-light: var(--lossito-flame-wash);
+    --color-success-bg: var(--lossito-flame-wash);
+
+    --color-error: var(--lossito-terra);
+    --color-error-hover: #e09378;
+    --color-error-active: #e09378;
+    --color-error-light: var(--lossito-terra-wash);
+    --color-error-bg: var(--lossito-terra-wash);
+
+    --color-warning: var(--lossito-mustard);
+    --color-warning-hover: #dec278;
+    --color-warning-active: #c4a453;
+    --color-warning-light: var(--lossito-mustard-wash);
+    --color-warning-bg: var(--lossito-mustard-wash);
+
+    --color-info: var(--lossito-flame);
+    --color-info-hover: var(--lossito-flame-bright);
+    --color-info-active: var(--lossito-flame-bright);
+    --color-info-light: var(--lossito-flame-wash);
+    --color-info-bg: var(--lossito-flame-wash);
+
+    --color-background: var(--lossito-bg);
+    --color-background-secondary: var(--lossito-paper);
+    --color-background-tertiary: var(--lossito-bg-warm);
+    --color-surface: var(--lossito-paper);
+    --color-surface-hover: var(--lossito-bg-warm);
+
+    --color-text: var(--lossito-ink);
+    --color-text-secondary: var(--lossito-ink-soft);
+    --color-text-tertiary: var(--lossito-ink-faint);
+    --color-text-muted: var(--lossito-ink-faint);
+    --color-text-inverse: var(--lossito-bg);
+
+    --color-border: var(--lossito-rule);
+    --color-border-soft: var(--lossito-rule-soft);
+    --color-border-hover: var(--lossito-ink-faint);
+    --color-border-focus: var(--lossito-flame);
+
+    --color-primary-bg: var(--lossito-flame-wash);
+    --color-accent-bg: var(--lossito-terra-wash);
+
+    /* shape */
+    --radius-sm: 2px;
+    --radius-md: 2px;
+    --radius-lg: 3px;
+    --radius-xl: 3px;
+    --radius-2xl: 4px;
+
+    /* shadows — deeper for dark ground */
+    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25);
+    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
+    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.35);
+    --shadow-lg: 0 6px 14px rgba(0, 0, 0, 0.4);
+    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.45);
+    --shadow-2xl: 0 18px 36px rgba(0, 0, 0, 0.5);
+    --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+/* paper-dot texture (dark) */
+[data-theme='lossito-dark'] body,
+[data-theme='lossito-dark'] .app,
+[data-theme='lossito-dark'] .app-main {
+    background-color: var(--lossito-bg);
+    background-image:
+        radial-gradient(rgba(232, 223, 200, 0.035) 1px, transparent 1px),
+        radial-gradient(rgba(232, 223, 200, 0.025) 1px, transparent 1px);
+    background-size:
+        3px 3px,
+        7px 7px;
+    background-position:
+        0 0,
+        1px 2px;
 }
 
-/* Lossito Dark */
-:root[data-theme="lossito-dark"],
-[data-theme="lossito-dark"] {
-    --color-primary: #f5b829;
-    --color-secondary: #e5e7eb;
-    --color-accent: #fce390;
-
-    --color-background: #010907;
-    --color-background-secondary: #0e1a19;
-    --color-background-tertiary: #040d1b;
-    --color-surface: #0e1a19;
-    --color-surface-hover: #040d1b;
-
-    --color-text: #f1f5f9;
-    --color-text-secondary: #cbd5e1;
-    --color-text-tertiary: #94a3b8;
-    --color-text-muted: #64748b;
-    --color-text-inverse: #111827;
-
-    --color-border: #3e3c03;
-    --color-border-hover: #4b5563;
-
-    /* Status overrides — lossito-dark uses its own palette */
-    --color-success: #22c55e;
-    --color-error: #fd4545;
-    --color-warning: #fef3c7;
-    --color-info: #dbeafe;
+/* warm emoji filter (dark) */
+[data-theme='lossito-dark'] .emoji,
+[data-theme='lossito-dark'] [class*='emoji'] {
+    filter: sepia(0.3) saturate(0.8) hue-rotate(-8deg) brightness(1.1);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stfrigerio/sito-template",
-  "version": "0.1.94",
+  "version": "0.1.96",
   "description": "A library of React components with animations for quick website development",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -75,6 +75,7 @@
     "postprocessing": "^6.39.0",
     "react-icons": "^5.6.0",
     "react-router-dom": "^7.14.0",
+    "rrule": "^2.8.1",
     "three": "^0.183.2"
   },
   "devDependencies": {

package/storybook-static/assets/{ASCIIText.stories-BcJjdQeF.js → ASCIIText.stories-BNQcc9gv.js}

@@ -1,4 +1,4 @@
-import{r as g,j as w}from"./iframe-Cm_EiDwn.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-rPhsLpUF.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-gLnakQIy.js → AllAtoms.stories-DBpk-rB8.js}

@@ -1,4 +1,4 @@
-import{j as e,r as a}from"./iframe-Cm_EiDwn.js";import{B as s}from"./Button-pZnuxGoU.js";import{C as t}from"./Card-qiSwFj5T.js";import"./index-CsT8MqWO.js";import{C as v}from"./Checkbox-C5cfmgV9.js";import{D as R}from"./DateInput-BHD9FDFh.js";import{S as Se}from"./SearchableDropdown-Dzdyi2XK.js";import{S as $}from"./SelectInput-BpW7Dnep.js";import{T as G}from"./TextArea-DpPHbAJ1.js";import{T as d}from"./TextInput-BQKvX1rm.js";import{T as h}from"./Toggle-CM8QfiSr.js";import{N as V}from"./NumberStepper-eg4OI2J9.js";import{T as g}from"./ToggleButton-BvyhCvtl.js";import"./Slider-Cj9hW0Us.js";import"./LoadingSpinner-BMpWXUFz.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CZL3WSRL.js";import"./proxy-Bwjbw6nW.js";import"./MotionConfigContext-r05VNYP5.js";import"./index-ULNWitGi.js";import"./calendar--DXe40Mf.js";import"./createLucideIcon-BG15kzB-.js";import"./chevron-down-C6C4ZvBB.js";import"./search-BgmZvQ4N.js";import"./check-ChmUvqWd.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:`{
+import{j as e,r as a}from"./iframe-rPhsLpUF.js";import{B as s}from"./Button-6nmyMGc3.js";import{C as t}from"./Card-B7F8cu_z.js";import"./index-DVywRwbF.js";import{C as v}from"./Checkbox-xrie0yDX.js";import{D as R}from"./DateInput-D4MHyeLk.js";import{S as Se}from"./SearchableDropdown-CC1-QlKh.js";import{S as $}from"./SelectInput-BqVWIQmb.js";import{T as G}from"./TextArea-DVqzGhY3.js";import{T as d}from"./TextInput-46C4j_hq.js";import{T as h}from"./Toggle-BbWuVStR.js";import{N as V}from"./NumberStepper-D1to6bpi.js";import{T as g}from"./ToggleButton-BaLN5DsF.js";import"./Slider-BmG0iCoC.js";import"./LoadingSpinner-LXRJXAO4.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CISJumm6.js";import"./proxy-uJ8evSzT.js";import"./MotionConfigContext-HXxMOMJo.js";import"./index-B9UM6a_o.js";import"./calendar-jGMMZsgE.js";import"./createLucideIcon-DhNY7W9i.js";import"./chevron-down-C40D1TRM.js";import"./search-CIAI1CyG.js";import"./check-D_NpTUYB.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: () => {

package/storybook-static/assets/{AnimatedContent.stories-BqG8Ujwo.js → AnimatedContent.stories-CCnlHD5Y.js}

@@ -1,4 +1,4 @@
-import{r as E,j as I}from"./iframe-Cm_EiDwn.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-rPhsLpUF.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-BHUu3vbs.js → AnimatedList.stories-DNI1W5-A.js}

@@ -1,4 +1,4 @@
-import{r as a,j as s}from"./iframe-Cm_EiDwn.js";import{u as A}from"./use-in-view-BQr3dSLY.js";import{m as D}from"./proxy-Bwjbw6nW.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-r05VNYP5.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-rPhsLpUF.js";import{u as A}from"./use-in-view-BHudJAGG.js";import{m as D}from"./proxy-uJ8evSzT.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-HXxMOMJo.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-Dvy48Mca.js → Antigravity.stories-BQw1Zvk9.js}

@@ -1,4 +1,4 @@
-import{j as s,r as m}from"./iframe-Cm_EiDwn.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-hrjadSN9.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-rPhsLpUF.js";import{C as mt,u as dt,a as ut}from"./react-three-fiber.esm-A61ChP7H.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-BaYz4AcS.js → ArrayInput.stories-HQd6ODME.js}

@@ -1,4 +1,4 @@
-import{j as e,r as f}from"./iframe-Cm_EiDwn.js";import{B as j}from"./Button-pZnuxGoU.js";import{T as J}from"./TextInput-BQKvX1rm.js";import{T as W}from"./TextArea-DpPHbAJ1.js";import{A as q}from"./index-ULNWitGi.js";import{m as P}from"./proxy-Bwjbw6nW.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CZL3WSRL.js";import"./MotionConfigContext-r05VNYP5.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-rPhsLpUF.js";import{B as j}from"./Button-6nmyMGc3.js";import{T as J}from"./TextInput-46C4j_hq.js";import{T as W}from"./TextArea-DVqzGhY3.js";import{A as q}from"./index-B9UM6a_o.js";import{m as P}from"./proxy-uJ8evSzT.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CISJumm6.js";import"./MotionConfigContext-HXxMOMJo.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-Cj0WEobX.js → Aurora.stories-xI4i4wH4.js}

@@ -1,4 +1,4 @@
-import{r as f,j as E}from"./iframe-Cm_EiDwn.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-rPhsLpUF.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-DdjXl2Ud.js → Beams.stories-DxSqefhF.js}

@@ -1,4 +1,4 @@
-import{r as n,j as x}from"./iframe-Cm_EiDwn.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-hrjadSN9.js";import{_ as G}from"./extends-CF3RwP-h.js";import{u as Z}from"./Fbo-CtK0ycna.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-rPhsLpUF.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-A61ChP7H.js";import{_ as G}from"./extends-CF3RwP-h.js";import{u as Z}from"./Fbo-Bkb1mqiu.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-BoQFvL-r.js → BlobCursor.stories-DNk0BeNz.js}

@@ -1,4 +1,4 @@
-import{r as t,j as a}from"./iframe-Cm_EiDwn.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-rPhsLpUF.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-DxpW9DDe.js → BlurText.stories-DBsRktVj.js}

@@ -1,4 +1,4 @@
-import{r as l,j as h}from"./iframe-Cm_EiDwn.js";import{m as k}from"./proxy-Bwjbw6nW.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-r05VNYP5.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-rPhsLpUF.js";import{m as k}from"./proxy-uJ8evSzT.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-HXxMOMJo.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-BHhNYd6b.js → BooleansHeatmap.stories-dsUQfyWg.js}

@@ -1,4 +1,4 @@
-import{r as T,j as d}from"./iframe-Cm_EiDwn.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-rPhsLpUF.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>