@stfrigerio/sito-template 0.1.87 → 0.1.90

package/storybook-static/assets/{react-three-fiber.esm-CgMr3Oln.js → react-three-fiber.esm-BFvrKjZG.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-CIPCI8YY.js";var Eu={exports:{}},Wt={};/**
  * @license React
  * react-reconciler-constants.production.min.js
  *

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

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c}from"./createLucideIcon-cR6vPm-0.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-CMotCA-b.js}

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c}from"./createLucideIcon-cR6vPm-0.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-C5B4RuMV.js}

@@ -1,4 +1,4 @@
-import{c as t}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as t}from"./createLucideIcon-cR6vPm-0.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-Iwuu7dT8.js}

@@ -1,4 +1,4 @@
-import{c as a}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as a}from"./createLucideIcon-cR6vPm-0.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-DYHusn_U.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-CIPCI8YY.js";import{V as a,f as u,I as c}from"./MotionConfigContext-DmG3b6sP.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-D1DBV2Cv.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-CIPCI8YY.js";import{H as p}from"./MotionConfigContext-DmG3b6sP.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-_XBVGGSc.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-CIPCI8YY.js";import{U as a,V as u,o as r}from"./MotionConfigContext-DmG3b6sP.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-B9JKYdRs.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-CIPCI8YY.js";import{f as h,q as y,J as x,V as A}from"./MotionConfigContext-DmG3b6sP.js";import{u as C}from"./use-motion-value-_XBVGGSc.js";import{u as F}from"./use-transform-CzY9Cwyq.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-CzY9Cwyq.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-DmG3b6sP.js";import{u as k}from"./use-motion-value-_XBVGGSc.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-ExVNLINO.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-CIPCI8YY.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-CQQR1tzz.js}

@@ -1,4 +1,4 @@
-import{c as e}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as e}from"./createLucideIcon-cR6vPm-0.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-CbRfyd3C.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-CrHgDpuU.js";/**
+import{c as o}from"./createLucideIcon-cR6vPm-0.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-CIPCI8YY.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":1776848697766,"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/Button-C-a8mtOA.js

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

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

@@ -1 +0,0 @@
-._button_pvy0u_1{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;isolation:isolate}._primary_pvy0u_24{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-md)}._primary_pvy0u_24:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translateY(-2px);box-shadow:var(--shadow-lg)}._primary_pvy0u_24:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._secondary_pvy0u_42{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}._secondary_pvy0u_42:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-hover),var(--color-secondary-active));transform:translateY(-1px);box-shadow:var(--shadow-md)}._secondary_pvy0u_42:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}._outline_pvy0u_60{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:none;position:relative;overflow:hidden;z-index:1}._outline_pvy0u_60:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));z-index:-1;opacity:0;transition:opacity var(--transition-base)}._outline_pvy0u_60:hover:not(:disabled){color:var(--color-text-inverse);border-color:transparent;transform:translateY(-1px);box-shadow:var(--shadow-md)}._outline_pvy0u_60:hover:not(:disabled):after{opacity:1}._outline_pvy0u_60:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._ghost_pvy0u_100{background:transparent;color:var(--color-text-secondary);box-shadow:none}._ghost_pvy0u_100:hover:not(:disabled){background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}._ghost_pvy0u_100:active:not(:disabled){transform:translateY(0);background:var(--color-background-tertiary);box-shadow:none}._danger_pvy0u_123{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:var(--color-text-inverse);box-shadow:var(--shadow-md)}._danger_pvy0u_123:hover:not(:disabled){background:linear-gradient(135deg,var(--color-error-hover),var(--color-error-active));transform:translateY(-2px);box-shadow:var(--shadow-lg)}._danger_pvy0u_123:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}._small_pvy0u_141{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md)}._medium_pvy0u_147{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}._large_pvy0u_152{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}._fullWidth_pvy0u_159{width:100%}._button_pvy0u_1:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:var(--color-background-tertiary)!important;color:var(--color-text-tertiary)!important;border-color:var(--color-border)!important}._button_pvy0u_1:disabled:after{display:none}._loading_pvy0u_179{color:transparent;pointer-events:none}._spinner_pvy0u_184{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em}._spinner_pvy0u_184:after{content:"";display:block;width:1em;height:1em;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:_spin_pvy0u_184 .6s linear infinite}@keyframes _spin_pvy0u_184{to{transform:rotate(360deg)}}._iconLeft_pvy0u_211,._iconRight_pvy0u_212{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;flex-shrink:0}._iconLeft_pvy0u_211{margin-left:calc(var(--spacing-xs) * -1)}._iconRight_pvy0u_212{margin-right:calc(var(--spacing-xs) * -1)}._button_pvy0u_1:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

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}