@stfrigerio/sito-template 0.1.87 → 0.1.89

package/storybook-static/assets/{react-three-fiber.esm-CgMr3Oln.js → react-three-fiber.esm-B9LxaTkn.js}

@@ -1,4 +1,4 @@
-import{R as Su,a as Na,P as La,S as Ma,b as Yl,V as Ta,c as Ia,B as Oa,N as ja,A as Fa,W as Da,C as Ua,d as wu,e as jn,f as Ha,L as Kl,g as Aa,U as Ba,T as Wa}from"./three.module--_vTUKhS.js";import{r as B,g as Qa,j as je}from"./iframe-zy5fIh42.js";var Eu={exports:{}},Wt={};/**
+import{R as Su,a as Na,P as La,S as Ma,b as Yl,V as Ta,c as Ia,B as Oa,N as ja,A as Fa,W as Da,C as Ua,d as wu,e as jn,f as Ha,L as Kl,g as Aa,U as Ba,T as Wa}from"./three.module--_vTUKhS.js";import{r as B,g as Qa,j as je}from"./iframe-DKgP8ePJ.js";var Eu={exports:{}},Wt={};/**
  * @license React
  * react-reconciler-constants.production.min.js
  *

package/storybook-static/assets/{search-DMsFQVtb.js → search-DsfdMjao.js}

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c}from"./createLucideIcon-B0MG6HAs.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{settings-CaeoBL2V.js → settings-B5Srheqv.js}

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c}from"./createLucideIcon-B0MG6HAs.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{sun-j_wDVUAd.js → sun--I8-6cgL.js}

@@ -1,4 +1,4 @@
-import{c as t}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as t}from"./createLucideIcon-B0MG6HAs.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{trash-2-CFV2VbGB.js → trash-2-Cx9DK1oy.js}

@@ -1,4 +1,4 @@
-import{c as a}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as a}from"./createLucideIcon-B0MG6HAs.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{use-animation-frame-CJ4LJccZ.js → use-animation-frame-D4TWdWMe.js}

@@ -1 +1 @@
-import{r as e}from"./iframe-zy5fIh42.js";import{V as a,f as u,I as c}from"./MotionConfigContext-ej6g39cv.js";function p(r){const t=e.useRef(0),{isStatic:o}=e.useContext(a);e.useEffect(()=>{if(o)return;const n=({timestamp:i,delta:s})=>{t.current||(t.current=i),r(i-t.current,s)};return u.update(n,!0),()=>c(n)},[r])}export{p as u};
+import{r as e}from"./iframe-DKgP8ePJ.js";import{V as a,f as u,I as c}from"./MotionConfigContext--4MeZeHl.js";function p(r){const t=e.useRef(0),{isStatic:o}=e.useContext(a);e.useEffect(()=>{if(o)return;const n=({timestamp:i,delta:s})=>{t.current||(t.current=i),r(i-t.current,s)};return u.update(n,!0),()=>c(n)},[r])}export{p as u};

package/storybook-static/assets/{use-in-view-BYqN4HOb.js → use-in-view-DqAwPbRI.js}

@@ -1 +1 @@
-import{r as g}from"./iframe-zy5fIh42.js";import{H as p}from"./MotionConfigContext-ej6g39cv.js";const E={some:0,all:1};function I(s,r,{root:c,margin:f,amount:t="some"}={}){const a=p(s),n=new WeakMap,u=i=>{i.forEach(e=>{const l=n.get(e.target);if(e.isIntersecting!==!!l)if(e.isIntersecting){const d=r(e.target,e);typeof d=="function"?n.set(e.target,d):o.unobserve(e.target)}else typeof l=="function"&&(l(e),n.delete(e.target))})},o=new IntersectionObserver(u,{root:c,rootMargin:f,threshold:typeof t=="number"?t:E[t]});return a.forEach(i=>o.observe(i)),()=>o.disconnect()}function m(s,{root:r,margin:c,amount:f,once:t=!1,initial:a=!1}={}){const[n,u]=g.useState(a);return g.useEffect(()=>{if(!s.current||t&&n)return;const o=()=>(u(!0),t?void 0:()=>u(!1)),i={root:r&&r.current||void 0,margin:c,amount:f};return I(s.current,o,i)},[r,s,c,t,f]),n}export{m as u};
+import{r as g}from"./iframe-DKgP8ePJ.js";import{H as p}from"./MotionConfigContext--4MeZeHl.js";const E={some:0,all:1};function I(s,r,{root:c,margin:f,amount:t="some"}={}){const a=p(s),n=new WeakMap,u=i=>{i.forEach(e=>{const l=n.get(e.target);if(e.isIntersecting!==!!l)if(e.isIntersecting){const d=r(e.target,e);typeof d=="function"?n.set(e.target,d):o.unobserve(e.target)}else typeof l=="function"&&(l(e),n.delete(e.target))})},o=new IntersectionObserver(u,{root:c,rootMargin:f,threshold:typeof t=="number"?t:E[t]});return a.forEach(i=>o.observe(i)),()=>o.disconnect()}function m(s,{root:r,margin:c,amount:f,once:t=!1,initial:a=!1}={}){const[n,u]=g.useState(a);return g.useEffect(()=>{if(!s.current||t&&n)return;const o=()=>(u(!0),t?void 0:()=>u(!1)),i={root:r&&r.current||void 0,margin:c,amount:f};return I(s.current,o,i)},[r,s,c,t,f]),n}export{m as u};

package/storybook-static/assets/{use-motion-value-Bd5F4Q1X.js → use-motion-value-CcCAM0jJ.js}

@@ -1 +1 @@
-import{r as t}from"./iframe-zy5fIh42.js";import{U as a,V as u,o as r}from"./MotionConfigContext-ej6g39cv.js";function i(o){const e=a(()=>r(o)),{isStatic:s}=t.useContext(u);if(s){const[,n]=t.useState(o);t.useEffect(()=>e.on("change",n),[])}return e}export{i as u};
+import{r as t}from"./iframe-DKgP8ePJ.js";import{U as a,V as u,o as r}from"./MotionConfigContext--4MeZeHl.js";function i(o){const e=a(()=>r(o)),{isStatic:s}=t.useContext(u);if(s){const[,n]=t.useState(o);t.useEffect(()=>e.on("change",n),[])}return e}export{i as u};

package/storybook-static/assets/{use-spring-y2nlsCu3.js → use-spring-BUwFFZZK.js}

@@ -1 +1 @@
-import{r as g}from"./iframe-zy5fIh42.js";import{f as h,q as y,J as x,V as A}from"./MotionConfigContext-ej6g39cv.js";import{u as C}from"./use-motion-value-Bd5F4Q1X.js";import{u as F}from"./use-transform-Cdf8113N.js";function k(t,e,a={}){const r=t.get();let n=null,c=r,l;const u=typeof r=="string"?r.replace(/[\d.-]/g,""):void 0,f=()=>{n&&(n.stop(),n=null),t.animation=void 0},V=()=>{const o=d(t.get()),i=d(c);if(o===i){f();return}const s=n?n.getGeneratorVelocity():t.getVelocity();f(),n=new x({keyframes:[o,i],velocity:s,type:"spring",restDelta:.001,restSpeed:.01,...a,onUpdate:l})},S=()=>{var o;V(),t.animation=n??void 0,(o=t.events.animationStart)==null||o.notify(),n==null||n.then(()=>{var i;t.animation=void 0,(i=t.events.animationComplete)==null||i.notify()})};if(t.attach((o,i)=>{c=o,l=s=>i(m(s,u)),h.postRender(S)},f),y(e)){let o=a.skipInitialAnimation===!0;const i=e.on("change",p=>{o?(o=!1,t.jump(m(p,u),!1)):t.set(m(p,u))}),s=t.on("destroy",i);return()=>{i(),s()}}return f}function m(t,e){return e?t+e:t}function d(t){return typeof t=="number"?t:parseFloat(t)}function w(t,e={}){const{isStatic:a}=g.useContext(A),r=()=>y(t)?t.get():t;if(a)return F(r);const n=C(r());return g.useInsertionEffect(()=>k(n,t,e),[n,JSON.stringify(e)]),n}function b(t,e={}){return w(t,{type:"spring",...e})}export{b as u};
+import{r as g}from"./iframe-DKgP8ePJ.js";import{f as h,q as y,J as x,V as A}from"./MotionConfigContext--4MeZeHl.js";import{u as C}from"./use-motion-value-CcCAM0jJ.js";import{u as F}from"./use-transform-B5QCn53b.js";function k(t,e,a={}){const r=t.get();let n=null,c=r,l;const u=typeof r=="string"?r.replace(/[\d.-]/g,""):void 0,f=()=>{n&&(n.stop(),n=null),t.animation=void 0},V=()=>{const o=d(t.get()),i=d(c);if(o===i){f();return}const s=n?n.getGeneratorVelocity():t.getVelocity();f(),n=new x({keyframes:[o,i],velocity:s,type:"spring",restDelta:.001,restSpeed:.01,...a,onUpdate:l})},S=()=>{var o;V(),t.animation=n??void 0,(o=t.events.animationStart)==null||o.notify(),n==null||n.then(()=>{var i;t.animation=void 0,(i=t.events.animationComplete)==null||i.notify()})};if(t.attach((o,i)=>{c=o,l=s=>i(m(s,u)),h.postRender(S)},f),y(e)){let o=a.skipInitialAnimation===!0;const i=e.on("change",p=>{o?(o=!1,t.jump(m(p,u),!1)):t.set(m(p,u))}),s=t.on("destroy",i);return()=>{i(),s()}}return f}function m(t,e){return e?t+e:t}function d(t){return typeof t=="number"?t:parseFloat(t)}function w(t,e={}){const{isStatic:a}=g.useContext(A),r=()=>y(t)?t.get():t;if(a)return F(r);const n=C(r());return g.useInsertionEffect(()=>k(n,t,e),[n,JSON.stringify(e)]),n}function b(t,e={}){return w(t,{type:"spring",...e})}export{b as u};

package/storybook-static/assets/{use-transform-Cdf8113N.js → use-transform-B5QCn53b.js}

@@ -1 +1 @@
-import{Y as d,u as A,f as h,I as V,Z as f,U as l}from"./MotionConfigContext-ej6g39cv.js";import{u as k}from"./use-motion-value-Bd5F4Q1X.js";function C(...e){const s=!Array.isArray(e[0]),t=s?0:-1,r=e[0+t],c=e[1+t],u=e[2+t],n=e[3+t],o=d(c,u,n);return s?o(r):o}function i(e,s){const t=k(s()),r=()=>t.set(s());return r(),A(()=>{const c=()=>h.preRender(r,!1,!0),u=e.map(n=>n.on("change",c));return()=>{u.forEach(n=>n()),V(r)}}),t}function I(e){f.current=[],e();const s=i(f.current,e);return f.current=void 0,s}function b(e,s,t,r){if(typeof e=="function")return I(e);if(t!==void 0&&!Array.isArray(t)&&typeof s!="function")return E(e,s,t,r);const n=typeof s=="function"?s:C(s,t,r),o=Array.isArray(e)?y(e,n):y([e],([m])=>n(m)),a=Array.isArray(e)?void 0:e.accelerate;return a&&!a.isTransformed&&typeof s!="function"&&Array.isArray(t)&&(r==null?void 0:r.clamp)!==!1&&(o.accelerate={...a,times:s,keyframes:t,isTransformed:!0,...r!=null&&r.ease?{ease:r.ease}:{}}),o}function y(e,s){const t=l(()=>[]);return i(e,()=>{t.length=0;const r=e.length;for(let c=0;c<r;c++)t[c]=e[c].get();return s(t)})}function E(e,s,t,r){const c=l(()=>Object.keys(t)),u=l(()=>({}));for(const n of c)u[n]=b(e,s,t[n],r);return u}export{b as u};
+import{Y as d,u as A,f as h,I as V,Z as f,U as l}from"./MotionConfigContext--4MeZeHl.js";import{u as k}from"./use-motion-value-CcCAM0jJ.js";function C(...e){const s=!Array.isArray(e[0]),t=s?0:-1,r=e[0+t],c=e[1+t],u=e[2+t],n=e[3+t],o=d(c,u,n);return s?o(r):o}function i(e,s){const t=k(s()),r=()=>t.set(s());return r(),A(()=>{const c=()=>h.preRender(r,!1,!0),u=e.map(n=>n.on("change",c));return()=>{u.forEach(n=>n()),V(r)}}),t}function I(e){f.current=[],e();const s=i(f.current,e);return f.current=void 0,s}function b(e,s,t,r){if(typeof e=="function")return I(e);if(t!==void 0&&!Array.isArray(t)&&typeof s!="function")return E(e,s,t,r);const n=typeof s=="function"?s:C(s,t,r),o=Array.isArray(e)?y(e,n):y([e],([m])=>n(m)),a=Array.isArray(e)?void 0:e.accelerate;return a&&!a.isTransformed&&typeof s!="function"&&Array.isArray(t)&&(r==null?void 0:r.clamp)!==!1&&(o.accelerate={...a,times:s,keyframes:t,isTransformed:!0,...r!=null&&r.ease?{ease:r.ease}:{}}),o}function y(e,s){const t=l(()=>[]);return i(e,()=>{t.length=0;const r=e.length;for(let c=0;c<r;c++)t[c]=e[c].get();return s(t)})}function E(e,s,t,r){const c=l(()=>Object.keys(t)),u=l(()=>({}));for(const n of c)u[n]=b(e,s,t[n],r);return u}export{b as u};

package/storybook-static/assets/{useSound-CQEaCYuh.js → useSound-jrNQ4676.js}

@@ -1 +1 @@
-import{r as s}from"./iframe-zy5fIh42.js";const d={digital:{click:{tones:[{freq:440,duration:.1,type:"sine",volume:.4}]},hover:{tones:[{freq:880,duration:.04,type:"sine",volume:.3}]},success:{tones:[{freq:523.25,duration:.15,type:"sine",delay:0},{freq:659.25,duration:.15,type:"sine",delay:.1},{freq:783.99,duration:.2,type:"sine",delay:.2}]},error:{tones:[{freq:329.63,duration:.2,type:"sawtooth",volume:.4},{freq:246.94,duration:.25,type:"sawtooth",volume:.3,delay:.15}]},warning:{tones:[{freq:554.37,duration:.15,type:"triangle"},{freq:554.37,duration:.15,type:"triangle",delay:.2}]},toggle:{tones:[{freq:493.88,duration:.12,type:"sine"},{freq:587.33,duration:.1,type:"sine",delay:.08}]},type:{tones:[{freq:()=>800+Math.random()*400,duration:.08,type:"square",volume:.5},{freq:1600,duration:.03,type:"sine",volume:.3,delay:.02}]},delete:{tones:[{freq:350,duration:.08,type:"triangle",volume:.3}]},celebration:{tones:[{freq:523.25,duration:.2,type:"sine",delay:0},{freq:659.25,duration:.2,type:"sine",delay:.15},{freq:783.99,duration:.2,type:"sine",delay:.3},{freq:1046.5,duration:.3,type:"sine",delay:.45}]},milestone:{tones:[{freq:698.46,duration:.2,type:"triangle"},{freq:880,duration:.25,type:"triangle",delay:.15}]}},fantasy:{click:{tones:[{freq:1174.66,duration:.15,type:"triangle",volume:.3},{freq:1567.98,duration:.1,type:"sine",volume:.2,delay:.05},{freq:2093,duration:.08,type:"sine",volume:.15,delay:.08}]},hover:{tones:[{freq:2637.02,duration:.03,type:"sine",volume:.2},{freq:3135.96,duration:.025,type:"sine",volume:.15,delay:.02}]},success:{tones:[{freq:523.25,duration:.2,type:"triangle",delay:0},{freq:659.25,duration:.2,type:"triangle",delay:.15},{freq:783.99,duration:.2,type:"triangle",delay:.3},{freq:1046.5,duration:.35,type:"sine",delay:.45},{freq:1318.51,duration:.15,type:"sine",volume:.3,delay:.6}]},error:{tones:[{freq:138.59,duration:.3,type:"sawtooth",volume:.4},{freq:103.83,duration:.4,type:"sawtooth",volume:.3,delay:.2},{freq:87.31,duration:.2,type:"triangle",volume:.2,delay:.4}]},warning:{tones:[{freq:466.16,duration:.2,type:"triangle",volume:.5},{freq:622.25,duration:.15,type:"sine",delay:.15},{freq:466.16,duration:.2,type:"triangle",volume:.4,delay:.25}]},toggle:{tones:[{freq:698.46,duration:.15,type:"sine"},{freq:1046.5,duration:.12,type:"triangle",delay:.1},{freq:1396.91,duration:.08,type:"sine",volume:.3,delay:.18}]},type:{tones:[{freq:()=>2e3+Math.random()*500,duration:.04,type:"triangle",volume:.3},{freq:()=>3e3+Math.random()*200,duration:.02,type:"sine",volume:.2,delay:.01}]},delete:{tones:[{freq:880,duration:.1,type:"triangle",volume:.3},{freq:440,duration:.08,type:"sine",volume:.2,delay:.05}]},celebration:{tones:[{freq:392,duration:.25,type:"triangle",delay:0},{freq:523.25,duration:.25,type:"triangle",delay:.2},{freq:659.25,duration:.25,type:"triangle",delay:.4},{freq:783.99,duration:.25,type:"sine",delay:.6},{freq:1046.5,duration:.4,type:"sine",delay:.8},{freq:1318.51,duration:.2,type:"sine",volume:.4,delay:1}]},milestone:{tones:[{freq:523.25,duration:.2,type:"triangle"},{freq:783.99,duration:.2,type:"triangle",delay:.15},{freq:1046.5,duration:.3,type:"sine",delay:.3}]}},retro:{click:{tones:[{freq:800,duration:.05,type:"square",volume:.4},{freq:400,duration:.03,type:"square",volume:.3,delay:.03}]},hover:{tones:[{freq:1200,duration:.03,type:"square",volume:.2}]},success:{tones:[{freq:440,duration:.1,type:"square",delay:0},{freq:554.37,duration:.1,type:"square",delay:.1},{freq:659.25,duration:.1,type:"square",delay:.2},{freq:880,duration:.2,type:"square",delay:.3}]},error:{tones:[{freq:200,duration:.3,type:"square",volume:.5},{freq:150,duration:.4,type:"square",volume:.4,delay:.2}]},warning:{tones:[{freq:600,duration:.1,type:"square"},{freq:600,duration:.1,type:"square",delay:.15},{freq:600,duration:.1,type:"square",delay:.3}]},toggle:{tones:[{freq:400,duration:.08,type:"square"},{freq:800,duration:.08,type:"square",delay:.06}]},type:{tones:[{freq:()=>500+Math.random()*100,duration:.04,type:"square",volume:.3}]},delete:{tones:[{freq:300,duration:.06,type:"square",volume:.3}]},celebration:{tones:[{freq:659.25,duration:.1,type:"square",delay:0},{freq:783.99,duration:.1,type:"square",delay:.1},{freq:987.77,duration:.1,type:"square",delay:.2},{freq:1318.51,duration:.3,type:"square",delay:.3}]},milestone:{tones:[{freq:523.25,duration:.15,type:"square"},{freq:1046.5,duration:.2,type:"square",delay:.1}]}},minimal:{click:{tones:[{freq:1e3,duration:.03,type:"sine",volume:.3}]},hover:{tones:[{freq:1500,duration:.02,type:"sine",volume:.15}]},success:{tones:[{freq:800,duration:.15,type:"sine",volume:.3},{freq:1200,duration:.1,type:"sine",volume:.2,delay:.1}]},error:{tones:[{freq:300,duration:.2,type:"sine",volume:.3}]},warning:{tones:[{freq:600,duration:.15,type:"sine",volume:.35}]},toggle:{tones:[{freq:700,duration:.08,type:"sine",volume:.3}]},type:{tones:[{freq:1800,duration:.02,type:"sine",volume:.2}]},delete:{tones:[{freq:400,duration:.05,type:"sine",volume:.25}]},celebration:{tones:[{freq:800,duration:.2,type:"sine",volume:.3},{freq:1200,duration:.2,type:"sine",volume:.25,delay:.15}]},milestone:{tones:[{freq:1e3,duration:.2,type:"sine",volume:.3}]}},mechanical:{click:{tones:[{freq:4e3,duration:.01,type:"square",volume:.3},{freq:800,duration:.04,type:"sawtooth",volume:.4,delay:.01},{freq:200,duration:.03,type:"triangle",volume:.2,delay:.02}]},hover:{tones:[{freq:3e3,duration:.02,type:"sawtooth",volume:.1}]},success:{tones:[{freq:200,duration:.05,type:"sawtooth",delay:0},{freq:400,duration:.05,type:"sawtooth",delay:.05},{freq:600,duration:.05,type:"sawtooth",delay:.1},{freq:800,duration:.15,type:"triangle",delay:.15}]},error:{tones:[{freq:150,duration:.2,type:"sawtooth",volume:.5},{freq:100,duration:.15,type:"square",volume:.3,delay:.1},{freq:80,duration:.1,type:"sawtooth",volume:.2,delay:.2}]},warning:{tones:[{freq:800,duration:.3,type:"sawtooth",volume:.4},{freq:1200,duration:.2,type:"triangle",volume:.3,delay:0}]},toggle:{tones:[{freq:600,duration:.02,type:"square",volume:.5},{freq:300,duration:.05,type:"triangle",delay:.02},{freq:150,duration:.03,type:"sawtooth",volume:.3,delay:.05}]},type:{tones:[{freq:()=>3e3+Math.random()*1e3,duration:.01,type:"square",volume:.4},{freq:()=>400+Math.random()*200,duration:.03,type:"sawtooth",volume:.3,delay:.01}]},delete:{tones:[{freq:250,duration:.08,type:"sawtooth",volume:.35}]},celebration:{tones:[{freq:100,duration:.1,type:"sawtooth",delay:0},{freq:200,duration:.1,type:"sawtooth",delay:.1},{freq:400,duration:.1,type:"sawtooth",delay:.2},{freq:800,duration:.1,type:"triangle",delay:.3},{freq:1200,duration:.2,type:"sine",delay:.4}]},milestone:{tones:[{freq:3e3,duration:.05,type:"sawtooth",volume:.3},{freq:1e3,duration:.15,type:"triangle",delay:.05},{freq:500,duration:.1,type:"sine",delay:.15}]}}};class l{constructor(){this.audioContext=null,this.config={enabled:!1,volume:.5,soundPack:"digital"},this.init()}static getInstance(){return l.instance||(l.instance=new l),l.instance}init(){try{this.audioContext=null}catch(e){console.warn("Audio not supported:",e),this.config.enabled=!1}}ensureAudioContext(){if(!this.audioContext&&this.config.enabled)try{this.audioContext=new(window.AudioContext||window.webkitAudioContext)}catch(e){console.warn("Could not create audio context:",e),this.config.enabled=!1}}playTone(e,t,a="sine",r,f=0){if(!this.config.enabled||(this.ensureAudioContext(),!this.audioContext))return;const q=(r??this.config.volume??.5)*.2;try{const n=this.audioContext.createOscillator(),i=this.audioContext.createGain();n.connect(i),i.connect(this.audioContext.destination),n.frequency.value=e,n.type=a;const u=this.audioContext.currentTime+f;i.gain.setValueAtTime(0,u),i.gain.linearRampToValueAtTime(q,u+.01),i.gain.exponentialRampToValueAtTime(.001,u+t),n.start(u),n.stop(u+t)}catch(n){console.debug("Could not play sound:",n)}}playFromDefinition(e){e.tones.forEach(t=>{const a=typeof t.freq=="function"?t.freq():t.freq;this.playTone(a,t.duration,t.type,t.volume,t.delay||0)})}play(e){if(!this.config.enabled)return;const a=d[this.config.soundPack||"digital"][e];if(a)this.playFromDefinition(a);else{const r=d.digital[e];r&&this.playFromDefinition(r)}}celebration(){if(!this.config.enabled)return;const e=d[this.config.soundPack||"digital"];this.playFromDefinition(e.celebration)}milestone(){if(!this.config.enabled)return;const e=d[this.config.soundPack||"digital"];this.playFromDefinition(e.milestone)}configure(e){this.config={...this.config,...e}}getConfig(){return this.config}setVolume(e){this.config.volume=Math.max(0,Math.min(1,e))}setEnabled(e){this.config.enabled=e,e&&this.ensureAudioContext()}setSoundPack(e){this.config.soundPack=e}getSoundPack(){return this.config.soundPack||"digital"}isEnabled(){return this.config.enabled||!1}getAvailablePacks(){return["digital","fantasy","retro","minimal","mechanical"]}}const y=l.getInstance();function p(o){const e=s.useRef({}),t=50;s.useEffect(()=>{},[o==null?void 0:o.enabled,o==null?void 0:o.volume]);const a=s.useCallback(n=>{const i=Date.now(),u=e.current[n]||0;i-u>t&&(y.play(n),e.current[n]=i)},[t]),r=s.useCallback(()=>y.isEnabled(),[]),f=s.useCallback(n=>y.setEnabled(n),[]),q=s.useCallback(n=>y.setVolume(n),[]);return{playSound:a,isEnabled:r,setEnabled:f,setVolume:q}}function m(o,e){const{playSound:t}=p(e),a={};return o!=null&&o.onClick&&(a.onClick=()=>{const r=typeof o.onClick=="string"?o.onClick:"click";t(r)}),o!=null&&o.onHover&&(a.onMouseEnter=()=>{const r=typeof o.onHover=="string"?o.onHover:"hover";t(r)}),{handlers:a,playSound:t}}export{y as s,m as u};
+import{r as s}from"./iframe-DKgP8ePJ.js";const d={digital:{click:{tones:[{freq:440,duration:.1,type:"sine",volume:.4}]},hover:{tones:[{freq:880,duration:.04,type:"sine",volume:.3}]},success:{tones:[{freq:523.25,duration:.15,type:"sine",delay:0},{freq:659.25,duration:.15,type:"sine",delay:.1},{freq:783.99,duration:.2,type:"sine",delay:.2}]},error:{tones:[{freq:329.63,duration:.2,type:"sawtooth",volume:.4},{freq:246.94,duration:.25,type:"sawtooth",volume:.3,delay:.15}]},warning:{tones:[{freq:554.37,duration:.15,type:"triangle"},{freq:554.37,duration:.15,type:"triangle",delay:.2}]},toggle:{tones:[{freq:493.88,duration:.12,type:"sine"},{freq:587.33,duration:.1,type:"sine",delay:.08}]},type:{tones:[{freq:()=>800+Math.random()*400,duration:.08,type:"square",volume:.5},{freq:1600,duration:.03,type:"sine",volume:.3,delay:.02}]},delete:{tones:[{freq:350,duration:.08,type:"triangle",volume:.3}]},celebration:{tones:[{freq:523.25,duration:.2,type:"sine",delay:0},{freq:659.25,duration:.2,type:"sine",delay:.15},{freq:783.99,duration:.2,type:"sine",delay:.3},{freq:1046.5,duration:.3,type:"sine",delay:.45}]},milestone:{tones:[{freq:698.46,duration:.2,type:"triangle"},{freq:880,duration:.25,type:"triangle",delay:.15}]}},fantasy:{click:{tones:[{freq:1174.66,duration:.15,type:"triangle",volume:.3},{freq:1567.98,duration:.1,type:"sine",volume:.2,delay:.05},{freq:2093,duration:.08,type:"sine",volume:.15,delay:.08}]},hover:{tones:[{freq:2637.02,duration:.03,type:"sine",volume:.2},{freq:3135.96,duration:.025,type:"sine",volume:.15,delay:.02}]},success:{tones:[{freq:523.25,duration:.2,type:"triangle",delay:0},{freq:659.25,duration:.2,type:"triangle",delay:.15},{freq:783.99,duration:.2,type:"triangle",delay:.3},{freq:1046.5,duration:.35,type:"sine",delay:.45},{freq:1318.51,duration:.15,type:"sine",volume:.3,delay:.6}]},error:{tones:[{freq:138.59,duration:.3,type:"sawtooth",volume:.4},{freq:103.83,duration:.4,type:"sawtooth",volume:.3,delay:.2},{freq:87.31,duration:.2,type:"triangle",volume:.2,delay:.4}]},warning:{tones:[{freq:466.16,duration:.2,type:"triangle",volume:.5},{freq:622.25,duration:.15,type:"sine",delay:.15},{freq:466.16,duration:.2,type:"triangle",volume:.4,delay:.25}]},toggle:{tones:[{freq:698.46,duration:.15,type:"sine"},{freq:1046.5,duration:.12,type:"triangle",delay:.1},{freq:1396.91,duration:.08,type:"sine",volume:.3,delay:.18}]},type:{tones:[{freq:()=>2e3+Math.random()*500,duration:.04,type:"triangle",volume:.3},{freq:()=>3e3+Math.random()*200,duration:.02,type:"sine",volume:.2,delay:.01}]},delete:{tones:[{freq:880,duration:.1,type:"triangle",volume:.3},{freq:440,duration:.08,type:"sine",volume:.2,delay:.05}]},celebration:{tones:[{freq:392,duration:.25,type:"triangle",delay:0},{freq:523.25,duration:.25,type:"triangle",delay:.2},{freq:659.25,duration:.25,type:"triangle",delay:.4},{freq:783.99,duration:.25,type:"sine",delay:.6},{freq:1046.5,duration:.4,type:"sine",delay:.8},{freq:1318.51,duration:.2,type:"sine",volume:.4,delay:1}]},milestone:{tones:[{freq:523.25,duration:.2,type:"triangle"},{freq:783.99,duration:.2,type:"triangle",delay:.15},{freq:1046.5,duration:.3,type:"sine",delay:.3}]}},retro:{click:{tones:[{freq:800,duration:.05,type:"square",volume:.4},{freq:400,duration:.03,type:"square",volume:.3,delay:.03}]},hover:{tones:[{freq:1200,duration:.03,type:"square",volume:.2}]},success:{tones:[{freq:440,duration:.1,type:"square",delay:0},{freq:554.37,duration:.1,type:"square",delay:.1},{freq:659.25,duration:.1,type:"square",delay:.2},{freq:880,duration:.2,type:"square",delay:.3}]},error:{tones:[{freq:200,duration:.3,type:"square",volume:.5},{freq:150,duration:.4,type:"square",volume:.4,delay:.2}]},warning:{tones:[{freq:600,duration:.1,type:"square"},{freq:600,duration:.1,type:"square",delay:.15},{freq:600,duration:.1,type:"square",delay:.3}]},toggle:{tones:[{freq:400,duration:.08,type:"square"},{freq:800,duration:.08,type:"square",delay:.06}]},type:{tones:[{freq:()=>500+Math.random()*100,duration:.04,type:"square",volume:.3}]},delete:{tones:[{freq:300,duration:.06,type:"square",volume:.3}]},celebration:{tones:[{freq:659.25,duration:.1,type:"square",delay:0},{freq:783.99,duration:.1,type:"square",delay:.1},{freq:987.77,duration:.1,type:"square",delay:.2},{freq:1318.51,duration:.3,type:"square",delay:.3}]},milestone:{tones:[{freq:523.25,duration:.15,type:"square"},{freq:1046.5,duration:.2,type:"square",delay:.1}]}},minimal:{click:{tones:[{freq:1e3,duration:.03,type:"sine",volume:.3}]},hover:{tones:[{freq:1500,duration:.02,type:"sine",volume:.15}]},success:{tones:[{freq:800,duration:.15,type:"sine",volume:.3},{freq:1200,duration:.1,type:"sine",volume:.2,delay:.1}]},error:{tones:[{freq:300,duration:.2,type:"sine",volume:.3}]},warning:{tones:[{freq:600,duration:.15,type:"sine",volume:.35}]},toggle:{tones:[{freq:700,duration:.08,type:"sine",volume:.3}]},type:{tones:[{freq:1800,duration:.02,type:"sine",volume:.2}]},delete:{tones:[{freq:400,duration:.05,type:"sine",volume:.25}]},celebration:{tones:[{freq:800,duration:.2,type:"sine",volume:.3},{freq:1200,duration:.2,type:"sine",volume:.25,delay:.15}]},milestone:{tones:[{freq:1e3,duration:.2,type:"sine",volume:.3}]}},mechanical:{click:{tones:[{freq:4e3,duration:.01,type:"square",volume:.3},{freq:800,duration:.04,type:"sawtooth",volume:.4,delay:.01},{freq:200,duration:.03,type:"triangle",volume:.2,delay:.02}]},hover:{tones:[{freq:3e3,duration:.02,type:"sawtooth",volume:.1}]},success:{tones:[{freq:200,duration:.05,type:"sawtooth",delay:0},{freq:400,duration:.05,type:"sawtooth",delay:.05},{freq:600,duration:.05,type:"sawtooth",delay:.1},{freq:800,duration:.15,type:"triangle",delay:.15}]},error:{tones:[{freq:150,duration:.2,type:"sawtooth",volume:.5},{freq:100,duration:.15,type:"square",volume:.3,delay:.1},{freq:80,duration:.1,type:"sawtooth",volume:.2,delay:.2}]},warning:{tones:[{freq:800,duration:.3,type:"sawtooth",volume:.4},{freq:1200,duration:.2,type:"triangle",volume:.3,delay:0}]},toggle:{tones:[{freq:600,duration:.02,type:"square",volume:.5},{freq:300,duration:.05,type:"triangle",delay:.02},{freq:150,duration:.03,type:"sawtooth",volume:.3,delay:.05}]},type:{tones:[{freq:()=>3e3+Math.random()*1e3,duration:.01,type:"square",volume:.4},{freq:()=>400+Math.random()*200,duration:.03,type:"sawtooth",volume:.3,delay:.01}]},delete:{tones:[{freq:250,duration:.08,type:"sawtooth",volume:.35}]},celebration:{tones:[{freq:100,duration:.1,type:"sawtooth",delay:0},{freq:200,duration:.1,type:"sawtooth",delay:.1},{freq:400,duration:.1,type:"sawtooth",delay:.2},{freq:800,duration:.1,type:"triangle",delay:.3},{freq:1200,duration:.2,type:"sine",delay:.4}]},milestone:{tones:[{freq:3e3,duration:.05,type:"sawtooth",volume:.3},{freq:1e3,duration:.15,type:"triangle",delay:.05},{freq:500,duration:.1,type:"sine",delay:.15}]}}};class l{constructor(){this.audioContext=null,this.config={enabled:!1,volume:.5,soundPack:"digital"},this.init()}static getInstance(){return l.instance||(l.instance=new l),l.instance}init(){try{this.audioContext=null}catch(e){console.warn("Audio not supported:",e),this.config.enabled=!1}}ensureAudioContext(){if(!this.audioContext&&this.config.enabled)try{this.audioContext=new(window.AudioContext||window.webkitAudioContext)}catch(e){console.warn("Could not create audio context:",e),this.config.enabled=!1}}playTone(e,t,a="sine",r,f=0){if(!this.config.enabled||(this.ensureAudioContext(),!this.audioContext))return;const q=(r??this.config.volume??.5)*.2;try{const n=this.audioContext.createOscillator(),i=this.audioContext.createGain();n.connect(i),i.connect(this.audioContext.destination),n.frequency.value=e,n.type=a;const u=this.audioContext.currentTime+f;i.gain.setValueAtTime(0,u),i.gain.linearRampToValueAtTime(q,u+.01),i.gain.exponentialRampToValueAtTime(.001,u+t),n.start(u),n.stop(u+t)}catch(n){console.debug("Could not play sound:",n)}}playFromDefinition(e){e.tones.forEach(t=>{const a=typeof t.freq=="function"?t.freq():t.freq;this.playTone(a,t.duration,t.type,t.volume,t.delay||0)})}play(e){if(!this.config.enabled)return;const a=d[this.config.soundPack||"digital"][e];if(a)this.playFromDefinition(a);else{const r=d.digital[e];r&&this.playFromDefinition(r)}}celebration(){if(!this.config.enabled)return;const e=d[this.config.soundPack||"digital"];this.playFromDefinition(e.celebration)}milestone(){if(!this.config.enabled)return;const e=d[this.config.soundPack||"digital"];this.playFromDefinition(e.milestone)}configure(e){this.config={...this.config,...e}}getConfig(){return this.config}setVolume(e){this.config.volume=Math.max(0,Math.min(1,e))}setEnabled(e){this.config.enabled=e,e&&this.ensureAudioContext()}setSoundPack(e){this.config.soundPack=e}getSoundPack(){return this.config.soundPack||"digital"}isEnabled(){return this.config.enabled||!1}getAvailablePacks(){return["digital","fantasy","retro","minimal","mechanical"]}}const y=l.getInstance();function p(o){const e=s.useRef({}),t=50;s.useEffect(()=>{},[o==null?void 0:o.enabled,o==null?void 0:o.volume]);const a=s.useCallback(n=>{const i=Date.now(),u=e.current[n]||0;i-u>t&&(y.play(n),e.current[n]=i)},[t]),r=s.useCallback(()=>y.isEnabled(),[]),f=s.useCallback(n=>y.setEnabled(n),[]),q=s.useCallback(n=>y.setVolume(n),[]);return{playSound:a,isEnabled:r,setEnabled:f,setVolume:q}}function m(o,e){const{playSound:t}=p(e),a={};return o!=null&&o.onClick&&(a.onClick=()=>{const r=typeof o.onClick=="string"?o.onClick:"click";t(r)}),o!=null&&o.onHover&&(a.onMouseEnter=()=>{const r=typeof o.onHover=="string"?o.onHover:"hover";t(r)}),{handlers:a,playSound:t}}export{y as s,m as u};

package/storybook-static/assets/{users-D86bmf3J.js → users-hZu3RJwc.js}

@@ -1,4 +1,4 @@
-import{c as e}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as e}from"./createLucideIcon-B0MG6HAs.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{x-DL7PRtd7.js → x-DT75KqLw.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as o}from"./createLucideIcon-B0MG6HAs.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/iframe.html

@@ -535,7 +535,7 @@
     }
 </style>
 
-    <script type="module" crossorigin src="./assets/iframe-zy5fIh42.js"></script>
+    <script type="module" crossorigin src="./assets/iframe-DKgP8ePJ.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/preload-helper-C1FmrZbK.js">
     <link rel="stylesheet" crossorigin href="./assets/iframe-CU5nRRrn.css">
   </head>

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1776608048069,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-links":{"version":"9.1.2"}}}
+{"generatedAt":1776844557690,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-links":{"version":"9.1.2"}}}

package/storybook-static/assets/AllAtoms.stories-BeZBc0RJ.js

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

package/storybook-static/assets/DateInput-BcmeICjH.js

@@ -1,38 +0,0 @@
-import{r as v,j as o}from"./iframe-zy5fIh42.js";import{u as k}from"./useSound-CQEaCYuh.js";import{c as N}from"./createLucideIcon-CrHgDpuU.js";/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const C=[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]],S=N("calendar",C),w=r=>{if(!r)return"";const a=new Date(r);if(isNaN(a.getTime()))return"";const s=a.getDate().toString().padStart(2,"0"),i=(a.getMonth()+1).toString().padStart(2,"0"),u=a.getFullYear();return`${s}/${i}/${u}`},m=r=>{if(!r)return"";const s=r.replace(/[^\d/]/g,"").split("/");if(s.length===3){const[i,u,d]=s,p=`${d.length===2?`20${d}`:d}-${u.padStart(2,"0")}-${i.padStart(2,"0")}`,l=new Date(p);if(!isNaN(l.getTime()))return p}return""},E="_dateInput_jmd9h_1",B="_label_jmd9h_6",M="_inputWrapper_jmd9h_16",Y="_textInput_jmd9h_43",$="_calendarButton_jmd9h_70",q="_hiddenDateInput_jmd9h_122",A="_error_jmd9h_133",V="_success_jmd9h_158",W="_loading_jmd9h_243",n={dateInput:E,label:B,inputWrapper:M,textInput:Y,calendarButton:$,hiddenDateInput:q,error:A,success:V,loading:W};function F({label:r,value:a,onChange:s,placeholder:i="25/12/2024",onFocus:u,onBlur:d,error:f=!1,success:p=!1,loading:l=!1,disabled:h=!1,soundConfig:g}){const c=v.useRef(null),{handlers:D,playSound:_}=k(g),y=t=>{let e=t.replace(/[^\d/]/g,"");if(e.length>=2&&e.charAt(2)!=="/"&&(e=e.substring(0,2)+"/"+e.substring(2)),e.length>=5&&e.charAt(5)!=="/"&&(e=e.substring(0,5)+"/"+e.substring(5)),e.length>10&&(e=e.substring(0,10)),e.length===10){const j=m(e);s(j||e)}else s(e)},x=()=>{if(_("click"),c.current){const t=a.includes("-")?a:m(a);t&&(c.current.value=t),c.current.showPicker?c.current.showPicker():c.current.click()}},I=t=>{const e=t.target.value;e&&s(e)},b=()=>{const t=[n.dateInput];return f&&t.push(n.error),p&&t.push(n.success),l&&t.push(n.loading),t.join(" ")};return o.jsxs("div",{className:b(),children:[o.jsx("label",{className:n.label,children:r}),o.jsxs("div",{className:n.inputWrapper,children:[o.jsx("input",{type:"text",value:a.includes("-")?w(a):a,onChange:t=>y(t.target.value),onFocus:u,onBlur:d,placeholder:i,className:n.textInput,disabled:h||l,...D}),o.jsx("button",{type:"button",onClick:x,className:n.calendarButton,title:"Select date from calendar",disabled:h||l,children:o.jsx(S,{})}),o.jsx("input",{ref:c,type:"date",onChange:I,className:n.hiddenDateInput,tabIndex:-1,disabled:h||l})]})]})}F.__docgenInfo={description:`DateInput component - European format date picker with manual input support
-
-@component
-@description
-A date input component that supports both manual text entry in DD/MM/YYYY format
-and native calendar picker selection. Automatically formats dates as users type,
-adding slashes at appropriate positions. Stores dates internally in ISO format
-while displaying them in European format for better UX in European contexts.
-
-Features:
-- Auto-formatting while typing (adds slashes automatically)
-- Calendar icon for native date picker access
-- Seamless conversion between European display and ISO storage formats
-- Mobile-optimized with proper touch targets
-
-@example
-// Basic usage
-<DateInput
-  label="Date of Birth"
-  value={birthDate}
-  onChange={setBirthDate}
-  placeholder="31/12/2000"
-/>
-
-@example
-// With focus handlers
-<DateInput
-  label="Event Date"
-  value={eventDate}
-  onChange={setEventDate}
-  onFocus={() => console.log('Focused')}
-  onBlur={() => validateDate(eventDate)}
-/>`,methods:[],displayName:"DateInput",props:{placeholder:{defaultValue:{value:'"25/12/2024"',computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1},success:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1}}};export{F as D};

package/storybook-static/assets/DateInput.stories-CsuBNd7o.js

@@ -1,51 +0,0 @@
-import{r as c,j as e}from"./iframe-zy5fIh42.js";import{D as n}from"./DateInput-BcmeICjH.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CQEaCYuh.js";import"./createLucideIcon-CrHgDpuU.js";const b={title:"Atoms/DateInput",component:n,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text"},value:{control:"text"},placeholder:{control:"text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},a={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},r={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,p]=c.useState(""),[o,h]=c.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"var(--color-background)",border:"1px solid var(--color-border)",borderRadius:"var(--radius-md)",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(n,{label:"Check-in",value:t,onChange:p,placeholder:"dd/mm/yyyy"}),e.jsx(n,{label:"Check-out",value:o,onChange:h,placeholder:"dd/mm/yyyy"})]}),t&&o&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"var(--color-text-secondary)"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(o).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var l,s,d;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
-  args: {
-    label: 'Select Date',
-    value: '',
-    placeholder: '25/12/2024',
-    onChange: () => {}
-  }
-}`,...(d=(s=a.parameters)==null?void 0:s.docs)==null?void 0:d.source}}};var m,i,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  args: {
-    label: 'Check-in',
-    value: '',
-    placeholder: 'dd/mm/yyyy',
-    onChange: () => {}
-  },
-  render: () => {
-    const [checkIn, setCheckIn] = useState('');
-    const [checkOut, setCheckOut] = useState('');
-    return <div style={{
-      padding: '1.5rem',
-      background: 'var(--color-background)',
-      border: '1px solid var(--color-border)',
-      borderRadius: 'var(--radius-md)',
-      maxWidth: '400px'
-    }}>
-                <h3 style={{
-        marginTop: 0,
-        marginBottom: '1rem'
-      }}>Hotel Booking</h3>
-                <div style={{
-        display: 'flex',
-        gap: '1rem',
-        marginBottom: '1rem'
-      }}>
-                    <DateInput label="Check-in" value={checkIn} onChange={setCheckIn} placeholder="dd/mm/yyyy" />
-                    <DateInput label="Check-out" value={checkOut} onChange={setCheckOut} placeholder="dd/mm/yyyy" />
-                </div>
-                {checkIn && checkOut && <p style={{
-        margin: 0,
-        fontSize: '0.875rem',
-        color: 'var(--color-text-secondary)'
-      }}>
-                        Your stay: {new Date(checkIn).toLocaleDateString('en-GB')} - {new Date(checkOut).toLocaleDateString('en-GB')}
-                    </p>}
-            </div>;
-  },
-  parameters: {
-    controls: {
-      disable: true
-    }
-  }
-}`,...(u=(i=r.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};const C=["Default","DateRangePicker"];export{r as DateRangePicker,a as Default,C as __namedExportsOrder,b as default};

package/storybook-static/assets/QuantifiableHabitsChart-ClF-TBgP.css

@@ -1 +0,0 @@
-._container_cn90n_1{background:transparent;border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 640px){._container_cn90n_1{padding:var(--spacing-sm)}}._controls_cn90n_19{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}._viewToggle_cn90n_27{display:flex;gap:4px;background:var(--color-background-tertiary);padding:4px;border-radius:12px;border:1px solid var(--color-border)}._viewButton_cn90n_36{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}._viewButton_cn90n_36:hover{background:var(--color-surface-hover);transform:translateY(-1px)}._viewButton_cn90n_36._active_cn90n_57{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 4px 12px #d4af374d}._viewIcon_cn90n_63{font-size:16px;display:inline-block}._viewLabel_cn90n_68{display:inline-block}@media (max-width: 640px){._viewLabel_cn90n_68{display:none}}._aggregationToggle_cn90n_78{display:flex;gap:4px;background:var(--color-background-tertiary);padding:4px;border-radius:12px;border:1px solid var(--color-border)}._aggregationButton_cn90n_87{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}._aggregationButton_cn90n_87:hover{background:var(--color-surface-hover);transform:translateY(-1px)}._aggregationButton_cn90n_87._active_cn90n_57{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:0 4px 12px #d4af374d}._aggregationIcon_cn90n_114{font-size:16px;display:inline-block}._aggregationLabel_cn90n_119{display:inline-block}@media (max-width: 640px){._aggregationLabel_cn90n_119{display:none}}._legend_cn90n_129{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-xl);padding:0;background:transparent;border:none;justify-content:center}._compactLegend_cn90n_140{gap:4px;padding:6px 8px}._compactLegend_cn90n_140 ._legendItem_cn90n_145{padding:3px 8px;gap:4px}._compactLegend_cn90n_140 ._legendEmoji_cn90n_150{font-size:14px}._compactLegend_cn90n_140 ._legendLabel_cn90n_154{font-size:11px}._legendItem_cn90n_145{display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s ease;position:relative}@media (hover: hover){._legendItem_cn90n_145:hover{opacity:.75}}._legendItem_cn90n_145._inactive_cn90n_178{opacity:.4}@media (hover: hover){._legendItem_cn90n_145._inactive_cn90n_178:hover{opacity:.6}}._legendItem_cn90n_145._inactive_cn90n_178 ._legendColor_cn90n_188{background:var(--color-text-tertiary)!important}._legendEmoji_cn90n_150{font-size:18px;display:inline-block;animation:_bounce_cn90n_1 2s infinite;animation-delay:var(--animation-delay, 0s)}@keyframes _bounce_cn90n_1{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}._legendColor_cn90n_188{width:12px;height:12px;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0003;position:relative}@media (hover: hover){._legendItem_cn90n_145:hover ._legendColor_cn90n_188{transform:scale(1.2)}}._legendLabel_cn90n_154{font-size:13px;font-weight:500;color:var(--color-text);position:relative;z-index:1}._chart_cn90n_227{display:block;margin:0 auto;width:100%;height:auto;max-width:100%}._gridLine_cn90n_235{stroke:var(--color-border);stroke-opacity:.15;stroke-dasharray:4,4}._line_cn90n_241{fill:none;stroke-width:2.5;transition:opacity .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}._xAxis_cn90n_248,._yAxis_cn90n_249{color:var(--color-text-secondary);font-size:11px;font-weight:500}._xAxis_cn90n_248 line,._xAxis_cn90n_248 path,._yAxis_cn90n_249 line,._yAxis_cn90n_249 path{stroke:var(--color-border);stroke-opacity:.3}._xAxis_cn90n_248 text,._yAxis_cn90n_249 text{fill:var(--color-text-secondary)}._dataPoint_cn90n_268{transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}._dataPoint_cn90n_268:hover{r:6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}._tooltip_cn90n_278{position:fixed;pointer-events:none;background:var(--color-background-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;z-index:10000;box-shadow:0 0 0 1px var(--color-border),0 10px 20px #00000026,0 4px 8px #0000001a;transition:opacity .15s ease,transform .15s ease;opacity:0;transform:translateY(-8px) translate(-50%)}._tooltip_cn90n_278._visible_cn90n_299{opacity:1;transform:translateY(-4px) translate(-50%)}._tooltipHeader_cn90n_304{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}._tooltipEmoji_cn90n_315{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}._tooltipDot_cn90n_320{width:10px;height:10px;border-radius:50%;box-shadow:0 2px 4px #0003}._tooltipInfo_cn90n_327{display:flex;flex-direction:column;gap:6px}._tooltipDate_cn90n_333{color:var(--color-text-secondary);font-size:12px;font-weight:500}._tooltipValue_cn90n_339{color:var(--color-text);font-weight:700;font-size:16px;display:flex;align-items:baseline;gap:6px}

package/storybook-static/assets/QuantifiableHabitsChart.stories-DlkEZwYa.js

@@ -1,115 +0,0 @@
-import{r as d,j as n}from"./iframe-zy5fIh42.js";import{s as Y}from"./transform-QOf3tDlt.js";import{t as Me,e as Se,l as Te,m as ke}from"./monotone-DouxdRGd.js";import{l as je}from"./linear-DhrdWH9x.js";import{c as me}from"./createLucideIcon-CrHgDpuU.js";import{t as Q}from"./defaultLocale-DJ2q5QjE.js";import{a as De,b as Ee}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Ce=[["circle",{cx:"12",cy:"6",r:"1",key:"1bh7o1"}],["line",{x1:"5",x2:"19",y1:"12",y2:"12",key:"13b5wn"}],["circle",{cx:"12",cy:"18",r:"1",key:"lqb9t5"}]],qe=me("divide",Ce);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Le=[["path",{d:"M18 7V5a1 1 0 0 0-1-1H6.5a.5.5 0 0 0-.4.8l4.5 6a2 2 0 0 1 0 2.4l-4.5 6a.5.5 0 0 0 .4.8H17a1 1 0 0 0 1-1v-2",key:"wuwx1p"}]],$e=me("sigma",Le),Ne="_container_cn90n_1",Ae="_controls_cn90n_19",Ve="_viewToggle_cn90n_27",Ie="_viewButton_cn90n_36",We="_active_cn90n_57",Be="_viewIcon_cn90n_63",He="_viewLabel_cn90n_68",Re="_aggregationToggle_cn90n_78",Fe="_aggregationButton_cn90n_87",Oe="_aggregationIcon_cn90n_114",ze="_aggregationLabel_cn90n_119",Ye="_legend_cn90n_129",Qe="_compactLegend_cn90n_140",Ue="_legendItem_cn90n_145",Pe="_legendEmoji_cn90n_150",Ge="_legendLabel_cn90n_154",Ke="_inactive_cn90n_178",Xe="_legendColor_cn90n_188",Je="_chart_cn90n_227",Ze="_gridLine_cn90n_235",et="_line_cn90n_241",tt="_xAxis_cn90n_248",at="_yAxis_cn90n_249",nt="_dataPoint_cn90n_268",rt="_tooltip_cn90n_278",ot="_visible_cn90n_299",st="_tooltipHeader_cn90n_304",it="_tooltipEmoji_cn90n_315",lt="_tooltipDot_cn90n_320",ct="_tooltipInfo_cn90n_327",dt="_tooltipDate_cn90n_333",ut="_tooltipValue_cn90n_339",t={container:Ne,controls:Ae,viewToggle:Ve,viewButton:Ie,active:We,viewIcon:Be,viewLabel:He,aggregationToggle:Re,aggregationButton:Fe,aggregationIcon:Oe,aggregationLabel:ze,legend:Ye,compactLegend:Qe,legendItem:Ue,legendEmoji:Pe,legendLabel:Ge,inactive:Ke,legendColor:Xe,chart:Je,gridLine:Ze,line:et,xAxis:tt,yAxis:at,dataPoint:nt,tooltip:rt,visible:ot,tooltipHeader:st,tooltipEmoji:it,tooltipDot:lt,tooltipInfo:ct,tooltipDate:dt,tooltipValue:ut},mt={Exercise:"#6BCB77",Meditation:"#4D96FF",Reading:"#FFB319",Water:"#00D9FF",Steps:"#FF6B6B",Sleep:"#9B59B6",Calories:"#FF9F1C",Study:"#C774E8"},ge=({data:r,width:_=800,height:v=400,defaultViewType:M="daily",periodType:b="month",habitColors:U={},habitEmojis:P={},onDataPointClick:B,hideControls:pe=!1,compactLegend:he=!1})=>{const D=d.useRef(null),ye=d.useRef(null),[m,fe]=d.useState(M),[E,G]=d.useState([]),[S,K]=d.useState(null),[h,C]=d.useState(null),[q,X]=d.useState("average"),y=d.useMemo(()=>({top:20,right:20,bottom:50,left:50}),[]),H=_-y.left-y.right,R=v-y.top-y.bottom,T=d.useMemo(()=>Object.keys(r).filter(e=>e!=="dates"),[r]);d.useEffect(()=>{G(T)},[T]),d.useEffect(()=>{const e=()=>{C(null)};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}},[]);const _e=d.useMemo(()=>{switch(b){case"week":return["daily"];case"month":return["daily","weekly"];case"quarter":return["weekly","monthly"];case"year":return["daily","weekly","monthly","quarterly"];case"allTime":return["monthly","quarterly"];default:return["daily"]}},[b]),k=d.useCallback(e=>U[e]||mt[e]||`hsl(${Math.abs(e.split("").reduce((o,s)=>o+s.charCodeAt(0),0))%360}, 70%, 50%)`,[U]),f=d.useMemo(()=>{if(m==="daily"||!r.dates.length)return r;const e={dates:[]},o=new Map;return r.dates.forEach((s,g)=>{const w=new Date(s);let i;switch(m){case"weekly":{const c=new Date(w),p=c.getDay(),L=c.getDate()-p+(p===0?-6:1);c.setDate(L),i=c.toISOString().split("T")[0];break}case"monthly":i=`${w.getFullYear()}-${String(w.getMonth()+1).padStart(2,"0")}-01`;break;case"quarterly":{const p=(Math.floor(w.getMonth()/3)+1-1)*3;i=new Date(w.getFullYear(),p,1).toISOString().split("T")[0];break}default:i=s}o.has(i)||o.set(i,[]),o.get(i).push(g)}),e.dates=Array.from(o.keys()).sort(),T.forEach(s=>{e[s]=e.dates.map(g=>{const i=o.get(g).map(c=>r[s][c]).filter(c=>typeof c=="number"&&!isNaN(c));return i.length===0?0:Math.round(q==="sum"?i.reduce((c,p)=>c+p,0):i.reduce((c,p)=>c+p,0)/i.length)})}),e},[r,m,T,q]),ve=e=>{G(o=>o.includes(e)?o.filter(s=>s!==e):[...o,e])};d.useEffect(()=>{if(!D.current||f.dates.length===0)return;const e=Y(D.current);e.selectAll("*").remove(),e.append("rect").attr("width",_).attr("height",v).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{C(null)});const o=e.append("g").attr("transform",`translate(${y.left},${y.top})`),s=f.dates.map(a=>new Date(a)),g=Me().domain(Se(s)).range([0,H]),w=Math.max(...E.flatMap(a=>f[a].filter(u=>typeof u=="number"))),i=je().domain([0,w*1.1]).range([R,0]);o.selectAll(".grid-line-y").data(i.ticks(5)).enter().append("line").attr("class",t.gridLine).attr("x1",0).attr("y1",a=>i(a)).attr("x2",H).attr("y2",a=>i(a));const c=Te().x(a=>g(a[0])).y(a=>i(a[1])).curve(ke);E.forEach(a=>{const u=s.map((l,x)=>[l,f[a][x]]).filter(l=>typeof l[1]=="number");o.append("path").datum(u).attr("class",t.line).attr("d",c).attr("stroke",k(a)).attr("opacity",S&&S!==a?.3:1),o.selectAll(`.hover-circle-${a}`).data(u).enter().append("circle").attr("cx",l=>g(l[0])).attr("cy",l=>i(l[1])).attr("r",10).attr("fill","transparent").style("cursor","pointer").on("mouseenter",function(l,x){var Z;const[j,$]=x,z=(Z=D.current)==null?void 0:Z.getBoundingClientRect();z&&C({habit:a,date:j.toISOString().split("T")[0],value:$,x:g(j)+y.left+z.left,y:i($)+y.top+z.top}),Y(o.node()).selectAll(`.circle-${a}-${s.indexOf(j)}`).attr("r",6)}).on("mouseleave",function(l,x){C(null),Y(o.node()).selectAll('[class*="circle-'+a+'"]').attr("r",4)}).on("click",function(l,x){const[j,$]=x;B&&B(a,j.toISOString().split("T")[0],$)}),o.selectAll(`.circle-${a}`).data(u).enter().append("circle").attr("class",(l,x)=>`${t.dataPoint} circle-${a}-${x}`).attr("cx",l=>g(l[0])).attr("cy",l=>i(l[1])).attr("r",4).attr("fill",k(a)).attr("opacity",S&&S!==a?.3:1).style("pointer-events","none")});const p=a=>{const u=new Date(a);u.setHours(0,0,0,0),u.setDate(u.getDate()+3-(u.getDay()+6)%7);const l=new Date(u.getFullYear(),0,4);return 1+Math.round(((u.getTime()-l.getTime())/864e5-3+(l.getDay()+6)%7)/7)},L=(()=>{switch(m){case"daily":return Q("%m-%d");case"weekly":return a=>`W${p(a).toString().padStart(2,"0")}`;case"monthly":return Q("%b");case"quarterly":return a=>`Q${Math.floor(a.getMonth()/3)+1}`;default:return Q("%m-%d")}})(),J=(()=>{switch(m){case"daily":return Math.min(10,f.dates.length);case"weekly":return Math.min(12,f.dates.length);case"monthly":return Math.min(12,f.dates.length);case"quarterly":return f.dates.length;default:return}})(),O=De(g).tickFormat(a=>L(a));m==="quarterly"?O.tickValues(s):J&&O.ticks(J);const be=o.append("g").attr("class",t.xAxis).attr("transform",`translate(0,${R})`).call(O);(m==="daily"||m==="weekly")&&be.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)"),o.append("g").attr("class",t.yAxis).call(Ee(i))},[f,E,H,R,y,S,B,k,v,m,_]);const we=(e,o)=>{const s=new Date(e);switch(o){case"daily":return s.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});case"weekly":return new Date(s).setDate(s.getDate()+6),`Week of ${s.toLocaleDateString("en-US",{month:"short",day:"numeric"})}`;case"monthly":return s.toLocaleDateString("en-US",{month:"long",year:"numeric"});case"quarterly":return`Q${Math.floor(s.getMonth()/3)+1} ${s.getFullYear()}`;default:return e}},F={daily:{icon:"📅",label:"Daily"},weekly:{icon:"📆",label:"Weekly"},monthly:{icon:"🗓️",label:"Monthly"},quarterly:{icon:"📊",label:"Quarterly"}},xe=m!=="daily";return n.jsxs("div",{className:t.container,children:[!pe&&n.jsxs("div",{className:t.controls,children:[n.jsx("div",{className:t.viewToggle,children:_e.map(e=>n.jsxs("button",{className:`${t.viewButton} ${m===e?t.active:""}`,onClick:()=>fe(e),title:F[e].label,children:[n.jsx("span",{className:t.viewIcon,children:F[e].icon}),n.jsx("span",{className:t.viewLabel,children:F[e].label})]},e))}),xe&&n.jsxs("div",{className:t.aggregationToggle,children:[n.jsxs("button",{className:`${t.aggregationButton} ${q==="average"?t.active:""}`,onClick:()=>X("average"),title:"Show average values for each period",children:[n.jsx("span",{className:t.aggregationIcon,children:n.jsx(qe,{size:16})}),n.jsx("span",{className:t.aggregationLabel,children:"Average"})]}),n.jsxs("button",{className:`${t.aggregationButton} ${q==="sum"?t.active:""}`,onClick:()=>X("sum"),title:"Show total values for each period",children:[n.jsx("span",{className:t.aggregationIcon,children:n.jsx($e,{size:16})}),n.jsx("span",{className:t.aggregationLabel,children:"Sum"})]})]})]}),n.jsx("div",{className:`${t.legend}${he?` ${t.compactLegend}`:""}`,children:T.map(e=>n.jsxs("button",{className:`${t.legendItem} ${E.includes(e)?"":t.inactive}`,onClick:()=>ve(e),onMouseEnter:()=>K(e),onMouseLeave:()=>K(null),children:[n.jsx("span",{className:t.legendEmoji,children:P[e]||"📊"}),n.jsx("span",{className:t.legendColor,style:{backgroundColor:k(e)}}),n.jsx("span",{className:t.legendLabel,children:e})]},e))}),n.jsx("svg",{ref:D,viewBox:`0 0 ${_} ${v}`,preserveAspectRatio:"xMidYMid meet",className:t.chart}),h&&n.jsxs("div",{ref:ye,className:`${t.tooltip} ${h?t.visible:""}`,style:{left:`${h.x}px`,top:`${h.y-80}px`},children:[n.jsxs("div",{className:t.tooltipHeader,children:[n.jsx("span",{className:t.tooltipEmoji,children:P[h.habit]||"📊"}),n.jsx("span",{className:t.tooltipDot,style:{backgroundColor:k(h.habit)}}),n.jsx("span",{children:h.habit})]}),n.jsxs("div",{className:t.tooltipInfo,children:[n.jsx("div",{className:t.tooltipDate,children:we(h.date,m)}),n.jsxs("div",{className:t.tooltipValue,children:[n.jsx("strong",{children:Math.round(h.value*10)/10}),n.jsx("span",{style:{fontSize:"12px",fontWeight:"normal",opacity:.6},children:"units"})]})]})]})]})};ge.__docgenInfo={description:"",methods:[],displayName:"QuantifiableHabitsChart",props:{data:{required:!0,tsType:{name:"ChartData"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},defaultViewType:{required:!1,tsType:{name:"union",raw:"'daily' | 'weekly' | 'monthly' | 'quarterly'",elements:[{name:"literal",value:"'daily'"},{name:"literal",value:"'weekly'"},{name:"literal",value:"'monthly'"},{name:"literal",value:"'quarterly'"}]},description:"",defaultValue:{value:"'daily'",computed:!1}},periodType:{required:!1,tsType:{name:"union",raw:"'week' | 'month' | 'quarter' | 'year' | 'allTime'",elements:[{name:"literal",value:"'week'"},{name:"literal",value:"'month'"},{name:"literal",value:"'quarter'"},{name:"literal",value:"'year'"},{name:"literal",value:"'allTime'"}]},description:"",defaultValue:{value:"'month'",computed:!1}},habitColors:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},habitEmojis:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},onDataPointClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(habit: string, date: string, value: number) => void",signature:{arguments:[{type:{name:"string"},name:"habit"},{type:{name:"string"},name:"date"},{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:""},hideControls:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},compactLegend:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const Mt={title:"Organisms/Charts/QuantifiableHabitsChart",component:ge,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},defaultViewType:{control:{type:"select"},options:["daily","weekly","monthly","quarterly"]},periodType:{control:{type:"select"},options:["week","month","quarter","year","allTime"]}}},W=r=>{const _=[],v=new Date;for(let M=r-1;M>=0;M--){const b=new Date(v);b.setDate(b.getDate()-M),_.push(b.toISOString().split("T")[0])}return _},N={args:{data:(()=>{const r=W(30);return{dates:r,Exercise:r.map(()=>Math.floor(Math.random()*60)+20),Reading:r.map(()=>Math.floor(Math.random()*120)+30),Water:r.map(()=>Math.floor(Math.random()*8)+2),Steps:r.map(()=>Math.floor(Math.random()*15e3)+5e3)}})(),width:900,height:400,defaultViewType:"daily",periodType:"month",habitColors:{Exercise:"#10b981",Reading:"#8b5cf6",Water:"#3b82f6",Steps:"#f59e0b"},habitEmojis:{Exercise:"🏃",Reading:"📚",Water:"💧",Steps:"👟"}}},A={args:{data:(()=>{const r=W(90);return{dates:r,Meditation:r.map(()=>Math.floor(Math.random()*30)+10),Study:r.map(()=>Math.floor(Math.random()*180)+60),Sleep:r.map(()=>Math.floor(Math.random()*3)+6)}})(),width:900,height:400,defaultViewType:"weekly",periodType:"quarter",habitColors:{Meditation:"#a78bfa",Study:"#34d399",Sleep:"#60a5fa"},habitEmojis:{Meditation:"🧘",Study:"📖",Sleep:"😴"}}},V={args:{data:(()=>{const r=W(365);return{dates:r,Coding:r.map(()=>Math.floor(Math.random()*240)+120),Exercise:r.map(()=>Math.floor(Math.random()*90)+30),Learning:r.map(()=>Math.floor(Math.random()*120)+60),Socializing:r.map(()=>Math.floor(Math.random()*180)+60)}})(),width:1e3,height:450,defaultViewType:"monthly",periodType:"year",habitColors:{Coding:"#7c3aed",Exercise:"#10b981",Learning:"#f59e0b",Socializing:"#ec4899"},habitEmojis:{Coding:"💻",Exercise:"💪",Learning:"🎓",Socializing:"👥"}}},I={args:{data:(()=>{const r=W(30);return{dates:r,Weight:r.map((_,v)=>70+Math.sin(v/5)*2+Math.random())}})(),width:800,height:300,defaultViewType:"daily",periodType:"month",habitColors:{Weight:"#3b82f6"},habitEmojis:{Weight:"⚖️"}}};var ee,te,ae;N.parameters={...N.parameters,docs:{...(ee=N.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      return {
-        dates,
-        Exercise: dates.map(() => Math.floor(Math.random() * 60) + 20),
-        Reading: dates.map(() => Math.floor(Math.random() * 120) + 30),
-        Water: dates.map(() => Math.floor(Math.random() * 8) + 2),
-        Steps: dates.map(() => Math.floor(Math.random() * 15000) + 5000)
-      };
-    })(),
-    width: 900,
-    height: 400,
-    defaultViewType: 'daily',
-    periodType: 'month',
-    habitColors: {
-      Exercise: '#10b981',
-      Reading: '#8b5cf6',
-      Water: '#3b82f6',
-      Steps: '#f59e0b'
-    },
-    habitEmojis: {
-      Exercise: '🏃',
-      Reading: '📚',
-      Water: '💧',
-      Steps: '👟'
-    }
-  }
-}`,...(ae=(te=N.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var ne,re,oe;A.parameters={...A.parameters,docs:{...(ne=A.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(90);
-      return {
-        dates,
-        Meditation: dates.map(() => Math.floor(Math.random() * 30) + 10),
-        Study: dates.map(() => Math.floor(Math.random() * 180) + 60),
-        Sleep: dates.map(() => Math.floor(Math.random() * 3) + 6)
-      };
-    })(),
-    width: 900,
-    height: 400,
-    defaultViewType: 'weekly',
-    periodType: 'quarter',
-    habitColors: {
-      Meditation: '#a78bfa',
-      Study: '#34d399',
-      Sleep: '#60a5fa'
-    },
-    habitEmojis: {
-      Meditation: '🧘',
-      Study: '📖',
-      Sleep: '😴'
-    }
-  }
-}`,...(oe=(re=A.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};var se,ie,le;V.parameters={...V.parameters,docs:{...(se=V.parameters)==null?void 0:se.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(365);
-      return {
-        dates,
-        Coding: dates.map(() => Math.floor(Math.random() * 240) + 120),
-        Exercise: dates.map(() => Math.floor(Math.random() * 90) + 30),
-        Learning: dates.map(() => Math.floor(Math.random() * 120) + 60),
-        Socializing: dates.map(() => Math.floor(Math.random() * 180) + 60)
-      };
-    })(),
-    width: 1000,
-    height: 450,
-    defaultViewType: 'monthly',
-    periodType: 'year',
-    habitColors: {
-      Coding: '#7c3aed',
-      Exercise: '#10b981',
-      Learning: '#f59e0b',
-      Socializing: '#ec4899'
-    },
-    habitEmojis: {
-      Coding: '💻',
-      Exercise: '💪',
-      Learning: '🎓',
-      Socializing: '👥'
-    }
-  }
-}`,...(le=(ie=V.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var ce,de,ue;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      return {
-        dates,
-        Weight: dates.map((_, i) => 70 + Math.sin(i / 5) * 2 + Math.random())
-      };
-    })(),
-    width: 800,
-    height: 300,
-    defaultViewType: 'daily',
-    periodType: 'month',
-    habitColors: {
-      Weight: '#3b82f6'
-    },
-    habitEmojis: {
-      Weight: '⚖️'
-    }
-  }
-}`,...(ue=(de=I.parameters)==null?void 0:de.docs)==null?void 0:ue.source}}};const St=["DailyHabits","WeeklyAverages","YearlyOverview","SingleHabit"];export{N as DailyHabits,I as SingleHabit,A as WeeklyAverages,V as YearlyOverview,St as __namedExportsOrder,Mt as default};

package/storybook-static/assets/ThemeSwitcher-XCVQ6hhy.css

@@ -1 +0,0 @@
-._button_2917u_1{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}._button_2917u_1:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}._iconWrapper_2917u_20{display:flex;align-items:center;justify-content:center;width:20px;height:20px}._label_2917u_28{font-weight:var(--font-weight-medium)}._toggle_2917u_33{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:0}._toggleTrack_2917u_43{width:48px;height:24px;border-radius:var(--radius-full);padding:2px;display:flex;align-items:center;transition:background-color var(--transition-base)}._toggleThumb_2917u_53{width:20px;height:20px;background:var(--color-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}._dropdown_2917u_65{position:relative}._dropdownTrigger_2917u_69{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}._dropdownTrigger_2917u_69:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}._dropdown_2917u_65:hover ._dropdownMenu_2917u_87,._dropdown_2917u_65:focus-within ._dropdownMenu_2917u_87{display:block}._dropdownMenu_2917u_87{display:none;position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-index-dropdown)}._dropdownItem_2917u_106{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:left}._dropdownItem_2917u_106:hover{background:var(--color-background-secondary)}._dropdownItem_2917u_106._active_2917u_124{background:var(--color-primary);color:var(--color-text-inverse)}._dropdownItem_2917u_106:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}._dropdownItem_2917u_106:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}._icon_2917u_20{width:20px;display:flex;align-items:center;justify-content:center}._text_2917u_144{flex:1}