@stfrigerio/sito-template 0.1.90 → 0.1.92

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

@@ -1,33 +0,0 @@
-import{r as v,j as o}from"./iframe-CIPCI8YY.js";import{u as C}from"./useSound-ExVNLINO.js";import{C as N}from"./calendar-Cd0jjGTB.js";const S=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"),c=a.getFullYear();return`${s}/${i}/${c}`},m=r=>{if(!r)return"";const s=r.replace(/[^\d/]/g,"").split("/");if(s.length===3){const[i,c,d]=s,p=`${d.length===2?`20${d}`:d}-${c.padStart(2,"0")}-${i.padStart(2,"0")}`,l=new Date(p);if(!isNaN(l.getTime()))return p}return""},E="_dateInput_jmd9h_1",k="_label_jmd9h_6",w="_inputWrapper_jmd9h_16",B="_textInput_jmd9h_43",Y="_calendarButton_jmd9h_70",$="_hiddenDateInput_jmd9h_122",q="_error_jmd9h_133",A="_success_jmd9h_158",V="_loading_jmd9h_243",n={dateInput:E,label:k,inputWrapper:w,textInput:B,calendarButton:Y,hiddenDateInput:$,error:q,success:A,loading:V};function W({label:r,value:a,onChange:s,placeholder:i="25/12/2024",onFocus:c,onBlur:d,error:h=!1,success:p=!1,loading:l=!1,disabled:f=!1,soundConfig:g}){const u=v.useRef(null),{handlers:D,playSound:_}=C(g),b=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 y=m(e);s(y||e)}else s(e)},x=()=>{if(_("click"),u.current){const t=a.includes("-")?a:m(a);t&&(u.current.value=t),u.current.showPicker?u.current.showPicker():u.current.click()}},I=t=>{const e=t.target.value;e&&s(e)},j=()=>{const t=[n.dateInput];return h&&t.push(n.error),p&&t.push(n.success),l&&t.push(n.loading),t.join(" ")};return o.jsxs("div",{className:j(),children:[o.jsx("label",{className:n.label,children:r}),o.jsxs("div",{className:n.inputWrapper,children:[o.jsx("input",{type:"text",value:a.includes("-")?S(a):a,onChange:t=>b(t.target.value),onFocus:c,onBlur:d,placeholder:i,className:n.textInput,disabled:f||l,...D}),o.jsx("button",{type:"button",onClick:x,className:n.calendarButton,title:"Select date from calendar",disabled:f||l,children:o.jsx(N,{})}),o.jsx("input",{ref:u,type:"date",onChange:I,className:n.hiddenDateInput,tabIndex:-1,disabled:f||l})]})]})}W.__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{W as D};

package/storybook-static/assets/DateInput-Dhcb9x13.css

@@ -1 +0,0 @@
-._dateInput_jmd9h_1{margin-bottom:var(--spacing-lg);position:relative}._label_jmd9h_6{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._inputWrapper_jmd9h_16{position:relative;display:flex;align-items:stretch;background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}._inputWrapper_jmd9h_16:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._inputWrapper_jmd9h_16:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);background:var(--color-background)}._textInput_jmd9h_43{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;font-size:var(--font-size-base);font-family:var(--font-family-mono);letter-spacing:.05em;font-weight:var(--font-weight-medium);color:var(--color-text);outline:none;min-height:44px}._textInput_jmd9h_43::placeholder{color:var(--color-text-secondary);opacity:.6;font-family:inherit}._textInput_jmd9h_43:disabled{background:var(--color-background-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}._calendarButton_jmd9h_70{position:relative;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-left:1px solid rgba(124,58,237,.2);color:var(--color-text-inverse);cursor:pointer;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-base);outline:none;min-width:44px}._calendarButton_jmd9h_70:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));filter:brightness(1.1)}._calendarButton_jmd9h_70:active{transform:scale(.95)}._calendarButton_jmd9h_70:focus-visible{box-shadow:inset 0 0 0 2px #ffffff4d}._calendarButton_jmd9h_70 svg{width:20px;height:20px;display:block}._inputWrapper_jmd9h_16:hover ._calendarButton_jmd9h_70 svg{animation:_calendarPulse_jmd9h_1 .5s ease-in-out}@keyframes _calendarPulse_jmd9h_1{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}}._hiddenDateInput_jmd9h_122{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;z-index:-1}._error_jmd9h_133 ._inputWrapper_jmd9h_16{border-color:var(--color-error);background:linear-gradient(135deg,var(--color-error-bg),var(--color-background));animation:_shake_jmd9h_1 .3s cubic-bezier(.36,.07,.19,.97) both}._error_jmd9h_133 ._label_jmd9h_6{color:var(--color-error)}._error_jmd9h_133 ._inputWrapper_jmd9h_16:focus-within{box-shadow:0 0 0 3px #f43f5e26}@keyframes _shake_jmd9h_1{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}._success_jmd9h_158 ._inputWrapper_jmd9h_16{border-color:var(--color-success)}._success_jmd9h_158 ._inputWrapper_jmd9h_16:after{content:"✓";position:absolute;right:calc(var(--spacing-md) + 44px);top:50%;transform:translateY(-50%);color:var(--color-success);font-weight:700;animation:_checkIn_jmd9h_1 .3s ease-out}@keyframes _checkIn_jmd9h_1{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}[data-theme=dark] ._inputWrapper_jmd9h_16{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._inputWrapper_jmd9h_16:focus-within{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._calendarButton_jmd9h_70{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-left-color:#a78bfa33}[data-theme=dark] ._calendarButton_jmd9h_70:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))}@media (max-width: 768px){._dateInput_jmd9h_1{margin-bottom:var(--spacing-md)}._label_jmd9h_6{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}._textInput_jmd9h_43{font-size:16px;padding:var(--spacing-md);min-height:48px}._calendarButton_jmd9h_70{min-width:48px;font-size:20px}._calendarButton_jmd9h_70 svg{width:22px;height:22px}}._loading_jmd9h_243 ._inputWrapper_jmd9h_16{position:relative;overflow:hidden}._loading_jmd9h_243 ._inputWrapper_jmd9h_16:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_jmd9h_1 2s infinite}@keyframes _shimmer_jmd9h_1{to{left:100%}}

package/storybook-static/assets/NumberStepper-BO5RBIZk.css

@@ -1 +0,0 @@
-._container_qxl8r_1{display:inline-flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-family-primary)}._header_qxl8r_8{display:flex;align-items:center;gap:var(--spacing-sm)}._icon_qxl8r_14{font-size:var(--font-size-xl);line-height:1;display:flex;align-items:center;justify-content:center}._label_qxl8r_22{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}._stepper_qxl8r_31{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xs);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}._stepper_qxl8r_31:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._stepper_qxl8r_31:hover:not(._disabled_qxl8r_49 ._stepper_qxl8r_31){border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}._button_qxl8r_55{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-background-secondary);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}._button_qxl8r_55:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary-light);transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}@media (hover: hover){._button_qxl8r_55:hover:not(:disabled){background:var(--color-primary);color:var(--color-background)}._button_qxl8r_55:hover:not(:disabled):before{width:100%;height:100%}}._button_qxl8r_55:active:not(:disabled){transform:scale(.95)}._button_qxl8r_55:disabled{opacity:.3;cursor:not-allowed}._buttonIcon_qxl8r_105{width:16px;height:16px;position:relative;z-index:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}._valueContainer_qxl8r_116{flex:1;min-width:60px;position:relative;height:36px;display:flex;align-items:center;justify-content:center}._valueWrapper_qxl8r_126{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._value_qxl8r_116{width:100%;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;border:none;outline:none;padding:0 var(--spacing-xs)}._value_qxl8r_116:focus{color:var(--color-primary)}._limits_qxl8r_152{display:flex;justify-content:space-between;padding:0 var(--spacing-xs);opacity:.6}._limit_qxl8r_152{font-size:var(--font-size-xs);color:var(--color-text-secondary)}._small_qxl8r_165 ._stepper_qxl8r_31{padding:2px}._small_qxl8r_165 ._button_qxl8r_55{width:28px;height:28px}._small_qxl8r_165 ._valueContainer_qxl8r_116{min-width:48px;height:28px}._small_qxl8r_165 ._value_qxl8r_116{font-size:var(--font-size-base)}._small_qxl8r_165 ._buttonIcon_qxl8r_105{width:12px;height:12px;font-size:var(--font-size-lg)}._large_qxl8r_189 ._stepper_qxl8r_31{padding:var(--spacing-sm)}._large_qxl8r_189 ._button_qxl8r_55{width:44px;height:44px}._large_qxl8r_189 ._valueContainer_qxl8r_116{min-width:80px;height:44px}._large_qxl8r_189 ._value_qxl8r_116{font-size:var(--font-size-xl)}._large_qxl8r_189 ._buttonIcon_qxl8r_105{width:20px;height:20px;font-size:var(--font-size-2xl)}._outlined_qxl8r_214 ._stepper_qxl8r_31{background:transparent;border:2px solid var(--color-border)}._outlined_qxl8r_214 ._button_qxl8r_55{background:transparent}._outlined_qxl8r_214 ._button_qxl8r_55:hover:not(:disabled){background:var(--color-primary-light)}._filled_qxl8r_227 ._stepper_qxl8r_31{background:var(--color-primary-lighter);border-color:var(--color-primary-light)}._filled_qxl8r_227 ._button_qxl8r_55{background:var(--color-background);color:var(--color-text)}._filled_qxl8r_227 ._value_qxl8r_116{color:var(--color-text)}._filled_qxl8r_227 ._button_qxl8r_55:hover:not(:disabled){background:var(--color-primary);color:var(--color-background)}._disabled_qxl8r_49{opacity:.5;pointer-events:none}._disabled_qxl8r_49 ._stepper_qxl8r_31,[data-theme=dark] ._stepper_qxl8r_31{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._button_qxl8r_55{background:var(--color-background-tertiary)}[data-theme=dark] ._button_qxl8r_55:hover:not(:disabled){background:var(--color-primary)}[data-theme=dark] ._outlined_qxl8r_214 ._stepper_qxl8r_31{background:transparent}[data-theme=dark] ._filled_qxl8r_227 ._stepper_qxl8r_31{background:var(--color-primary-lighter);border-color:var(--color-primary-light)}[data-theme=dark] ._filled_qxl8r_227 ._button_qxl8r_55{background:var(--color-background-secondary)}@keyframes _pulse_qxl8r_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}._minimal_qxl8r_298 ._stepper_qxl8r_31{background:transparent;border:none;padding:0;gap:var(--spacing-md)}._minimal_qxl8r_298 ._button_qxl8r_55{width:32px;height:32px;background:transparent;border:2px solid var(--color-border);border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}._minimal_qxl8r_298 ._button_qxl8r_55:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);transform:scale(1.1)}._minimal_qxl8r_298 ._value_qxl8r_116{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-background-secondary)}._minimal_qxl8r_298 ._buttonIcon_qxl8r_105{font-size:var(--font-size-lg)}._custom_qxl8r_334 ._stepper_qxl8r_31{background:transparent;border:none;padding:0}._custom_qxl8r_334 ._button_qxl8r_55{background:transparent;border:none}._custom_qxl8r_334 ._button_qxl8r_55:before{display:none}@media (hover: hover){._custom_qxl8r_334 ._button_qxl8r_55:hover:not(:disabled){background:transparent;color:var(--color-primary)}}._vertical_qxl8r_357{align-items:stretch}._vertical_qxl8r_357 ._header_qxl8r_8{justify-content:space-between;padding-bottom:var(--spacing-sm)}._vertical_qxl8r_357 ._stepper_qxl8r_31{flex-direction:row;justify-content:space-between;width:100%}._vertical_qxl8r_357 ._icon_qxl8r_14{font-size:var(--font-size-2xl)}._vertical_qxl8r_357 ._label_qxl8r_22{font-size:var(--font-size-base);text-transform:none;font-weight:var(--font-weight-semibold);color:var(--color-text)}@media (max-width: 768px){._valueContainer_qxl8r_116{min-width:50px}}

package/storybook-static/assets/NumberStepper-C5_c-PuE.js

@@ -1,110 +0,0 @@
-import{r as c,j as e}from"./iframe-CIPCI8YY.js";import{u as F}from"./useSound-ExVNLINO.js";import{m as C}from"./proxy-9S6fbfB7.js";import{A as K}from"./index-DmhvyDTp.js";const U="_container_qxl8r_1",J="_header_qxl8r_8",Q="_icon_qxl8r_14",X="_label_qxl8r_22",G="_stepper_qxl8r_31",O="_disabled_qxl8r_49",Y="_button_qxl8r_55",Z="_buttonIcon_qxl8r_105",ee="_valueContainer_qxl8r_116",ae="_valueWrapper_qxl8r_126",te="_value_qxl8r_116",ne="_limits_qxl8r_152",re="_limit_qxl8r_152",le="_small_qxl8r_165",ie="_large_qxl8r_189",se="_outlined_qxl8r_214",oe="_filled_qxl8r_227",ue="_minimal_qxl8r_298",ce="_custom_qxl8r_334",pe="_vertical_qxl8r_357",de="_pulse_qxl8r_1",a={container:U,header:J,icon:Q,label:X,stepper:G,disabled:O,button:Y,buttonIcon:Z,valueContainer:ee,valueWrapper:ae,value:te,limits:ne,limit:re,small:le,large:ie,outlined:se,filled:oe,minimal:ue,custom:ce,vertical:pe,pulse:de},me=({value:i,onChange:s,min:r=-1/0,max:l=1/0,step:o=1,label:d,icon:f,disabled:u=!1,size:L="medium",variant:q="default",showPlusMinus:g=!1,allowKeyboard:N=!0,className:W="",customStyles:n={},customButtons:R={},hideLimits:w=!1,layout:B="horizontal",soundConfig:H})=>{const{handlers:z,playSound:v}=F(H),[y,k]=c.useState(!1),[S,I]=c.useState(!1),[m,b]=c.useState(i);c.useEffect(()=>{b(i)},[i]);const x=c.useCallback(()=>{if(u||i>=l)return;v("click");const t=Math.min(i+o,l);s(t),k(!0),setTimeout(()=>k(!1),200)},[i,s,l,o,u,v]),_=c.useCallback(()=>{if(u||i<=r)return;v("click");const t=Math.max(i-o,r);s(t),I(!0),setTimeout(()=>I(!1),200)},[i,s,r,o,u,v]),E=c.useCallback(t=>{if(!(!N||u))switch(t.key){case"ArrowUp":t.preventDefault(),x();break;case"ArrowDown":t.preventDefault(),_();break;case"PageUp":{t.preventDefault();const p=Math.min(i+o*10,l);s(p);break}case"PageDown":{t.preventDefault();const p=Math.max(i-o*10,r);s(p);break}case"Home":t.preventDefault(),r!==-1/0&&s(r);break;case"End":t.preventDefault(),l!==1/0&&s(l);break}},[N,u,x,_,i,o,r,l,s]),A=c.useCallback(t=>{const p=t.target.value;if(p===""||p==="-"){b(p);return}const M=parseFloat(p);isNaN(M)||b(M)},[]),$=c.useCallback(()=>{let t=typeof m=="string"?m===""||m==="-"?r:parseFloat(m):m;isNaN(t)&&(t=r),t=Math.max(r,Math.min(l,t)),o!==1&&(t=Math.round(t/o)*o),s(t),b(t)},[m,r,l,o,s]),P=[a.container,a[L],a[q],B==="vertical"&&a.vertical,u&&a.disabled,W].filter(Boolean).join(" "),[j,h]=c.useState(null),T=u||i<=r,V=u||i>=l,D=e.jsxs("div",{className:a.stepper,style:n.stepper,onKeyDown:E,tabIndex:u?-1:0,...z,children:[e.jsx(C.button,{className:a.button,style:{...n.button,...j==="decrement"&&n.buttonHover},onMouseEnter:()=>h("decrement"),onMouseLeave:()=>h(null),onClick:_,disabled:T,whileTap:T?void 0:{scale:.9},animate:S?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:R.decrement||(g?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}),e.jsx("div",{className:a.valueContainer,style:n.valueContainer,children:e.jsx(K,{mode:"wait",children:e.jsx(C.div,{initial:{y:y?10:S?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:y?-10:S?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:n.value,value:m,onChange:A,onBlur:$,disabled:u,"aria-label":d||"Number input","aria-valuemin":r,"aria-valuemax":l,"aria-valuenow":i})},i)})}),e.jsx(C.button,{className:a.button,style:{...n.button,...j==="increment"&&n.buttonHover},onMouseEnter:()=>h("increment"),onMouseLeave:()=>h(null),onClick:x,disabled:V,whileTap:V?void 0:{scale:.9},animate:y?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:R.increment||(g?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})]});return q==="custom"&&(d||f)?e.jsxs("div",{className:P,style:{...n.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...n.header,flex:1,marginBottom:0},children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),D,!w&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]}):e.jsxs("div",{className:P,style:n.container,children:[(d||f)&&e.jsxs("div",{className:a.header,style:n.header,children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),D,!w&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]})};me.__docgenInfo={description:`NumberStepper Component
-
-@component
-@description
-A number input component with increment and decrement controls.
-Supports keyboard navigation, min/max limits, and custom step values.
-
-@example
-// Basic usage
-<NumberStepper
-  value={count}
-  onChange={setCount}
-  min={0}
-  max={10}
-/>
-
-@example
-// With label and icon
-<NumberStepper
-  value={5}
-  onChange={(val) => setValue(val)}
-  min={0}
-  max={100}
-  step={5}
-  label="Quantity"
-  icon="📦"
-/>
-
-@example
-// With custom styles
-<NumberStepper
-  value={volume}
-  onChange={setVolume}
-  min={0}
-  max={100}
-  label="Volume"
-  icon="🔊"
-  customStyles={{
-    container: {
-      background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
-      padding: '20px',
-      borderRadius: '16px',
-    },
-    label: { color: 'white', fontWeight: 'bold' },
-    button: {
-      background: 'rgba(255,255,255,0.2)',
-      color: 'white',
-    },
-    buttonHover: {
-      background: 'rgba(255,255,255,0.3)',
-    },
-    value: {
-      color: 'white',
-      fontSize: '24px',
-      fontWeight: 'bold',
-    },
-  }}
-/>
-
-@example
-// Custom variant with horizontal layout
-<NumberStepper
-  value={discount}
-  onChange={setDiscount}
-  min={0}
-  max={100}
-  step={5}
-  label="Discount %"
-  icon="🏷️"
-  variant="custom"
-  customStyles={{
-    container: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: '16px',
-    },
-    header: { flex: 1, marginBottom: 0 },
-  }}
-/>
-
-@example
-// With custom buttons
-<NumberStepper
-  value={rating}
-  onChange={setRating}
-  min={1}
-  max={5}
-  customButtons={{
-    decrement: <span>👎</span>,
-    increment: <span>👍</span>,
-  }}
-/>
-
-@param {NumberStepperProps} props - The props for the NumberStepper component
-@returns {JSX.Element} The rendered NumberStepper component`,methods:[],displayName:"NumberStepper",props:{value:{required:!0,tsType:{name:"number"},description:"Current value"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: number) => void",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:"Callback when value changes"},min:{required:!1,tsType:{name:"number"},description:"Minimum allowed value",defaultValue:{value:"-Infinity",computed:!1}},max:{required:!1,tsType:{name:"number"},description:"Maximum allowed value",defaultValue:{value:"Infinity",computed:!0}},step:{required:!1,tsType:{name:"number"},description:"Step increment/decrement amount",defaultValue:{value:"1",computed:!1}},label:{required:!1,tsType:{name:"string"},description:"Label text"},icon:{required:!1,tsType:{name:"string"},description:"Icon or emoji to display"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the stepper is disabled",defaultValue:{value:"false",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 variant",defaultValue:{value:"'medium'",computed:!1}},variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'filled' | 'minimal' | 'custom'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'filled'"},{name:"literal",value:"'minimal'"},{name:"literal",value:"'custom'"}]},description:"Visual variant",defaultValue:{value:"'default'",computed:!1}},showPlusMinus:{required:!1,tsType:{name:"boolean"},description:"Show plus/minus icons instead of arrows",defaultValue:{value:"false",computed:!1}},allowKeyboard:{required:!1,tsType:{name:"boolean"},description:"Allow keyboard navigation",defaultValue:{value:"true",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom className",defaultValue:{value:"''",computed:!1}},customStyles:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-    container?: React.CSSProperties;
-    header?: React.CSSProperties;
-    icon?: React.CSSProperties;
-    label?: React.CSSProperties;
-    stepper?: React.CSSProperties;
-    button?: React.CSSProperties;
-    buttonHover?: React.CSSProperties;
-    buttonIcon?: React.CSSProperties;
-    value?: React.CSSProperties;
-    valueContainer?: React.CSSProperties;
-    limits?: React.CSSProperties;
-}`,signature:{properties:[{key:"container",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"header",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"icon",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"label",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"stepper",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"button",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"buttonHover",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"buttonIcon",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"value",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"valueContainer",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"limits",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}}]}},description:"Custom styles for different parts of the component",defaultValue:{value:"{}",computed:!1}},customButtons:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-    increment?: React.ReactNode;
-    decrement?: React.ReactNode;
-}`,signature:{properties:[{key:"increment",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}},{key:"decrement",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}}]}},description:"Custom button content (overrides default icons)",defaultValue:{value:"{}",computed:!1}},hideLimits:{required:!1,tsType:{name:"boolean"},description:"Hide the limits display",defaultValue:{value:"false",computed:!1}},layout:{required:!1,tsType:{name:"union",raw:"'horizontal' | 'vertical'",elements:[{name:"literal",value:"'horizontal'"},{name:"literal",value:"'vertical'"}]},description:"Layout direction",defaultValue:{value:"'horizontal'",computed:!1}},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Sound configuration for interactions"}}};export{me as N};

package/storybook-static/assets/NumberStepper.stories-CkVNPMk7.js

@@ -1,88 +0,0 @@
-import{j as n,r as p}from"./iframe-CIPCI8YY.js";import{N as r}from"./NumberStepper-C5_c-PuE.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-ExVNLINO.js";import"./proxy-9S6fbfB7.js";import"./MotionConfigContext-DmG3b6sP.js";import"./index-DmhvyDTp.js";const T={title:"Atoms/NumberStepper",component:r,parameters:{layout:"centered"},argTypes:{value:{control:{type:"number"}},onChange:{action:"changed"},min:{control:{type:"number"}},max:{control:{type:"number"}},step:{control:{type:"number"}},label:{control:"text"},icon:{control:"text"},disabled:{control:"boolean"},size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["default","outlined","filled","minimal","custom"]},showPlusMinus:{control:"boolean"},allowKeyboard:{control:"boolean"}}},m=e=>{const[c,u]=p.useState(e.value||0);return n.jsx(r,{...e,value:c,onChange:a=>{var t;u(a),(t=e.onChange)==null||t.call(e,a)}})},o={render:e=>n.jsx(m,{...e}),args:{value:5,min:0,max:10,step:1}},s={render:e=>n.jsx(m,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},l={render:()=>{const[e,c]=p.useState(0),[u,a]=p.useState(0),[t,j]=p.useState(7);return n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[n.jsx(r,{value:e,onChange:c,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),n.jsx(r,{value:u,onChange:a,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),n.jsx(r,{value:t,onChange:j,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}},i={render:e=>n.jsx(m,{...e}),args:{value:100,min:0,max:999,step:1,label:"Health Points",icon:"❤️",showPlusMinus:!0,customStyles:{container:{background:"#1a1a2e",border:"2px solid #16213e",borderRadius:"12px",padding:"16px"},header:{marginBottom:"12px"},label:{color:"#eaeaea",fontSize:"14px",textTransform:"uppercase",letterSpacing:"1px"},icon:{filter:"drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))"},stepper:{background:"#0f3460",borderRadius:"8px",padding:"8px"},button:{background:"#e94560",color:"white",border:"none",borderRadius:"6px",transition:"all 0.3s ease"},buttonHover:{background:"#ff4666",boxShadow:"0 0 20px rgba(233, 69, 96, 0.5)"},value:{color:"#00ff00",fontSize:"28px",fontFamily:"monospace",fontWeight:"bold",textShadow:"0 0 10px rgba(0, 255, 0, 0.5)"}}}};var d,x,b;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 5,
-    min: 0,
-    max: 10,
-    step: 1
-  }
-}`,...(b=(x=o.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var g,f,S;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 5,
-    min: 0,
-    max: 100,
-    step: 1,
-    label: 'Cigarettes',
-    icon: '🚬'
-  }
-}`,...(S=(f=s.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var h,v,y;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  render: () => {
-    const [water, setWater] = useState(0);
-    const [exercise, setExercise] = useState(0);
-    const [sleep, setSleep] = useState(7);
-    return <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '20px'
-    }}>
-                <NumberStepper value={water} onChange={setWater} min={0} max={10} step={1} label="Glasses of Water" icon="💧" variant="filled" />
-                <NumberStepper value={exercise} onChange={setExercise} min={0} max={120} step={15} label="Exercise (minutes)" icon="🏃" variant="outlined" />
-                <NumberStepper value={sleep} onChange={setSleep} min={0} max={12} step={0.5} label="Hours of Sleep" icon="😴" />
-            </div>;
-  }
-}`,...(y=(v=l.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var w,C,W;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  render: args => <NumberStepperWrapper {...args} />,
-  args: {
-    value: 100,
-    min: 0,
-    max: 999,
-    step: 1,
-    label: 'Health Points',
-    icon: '❤️',
-    showPlusMinus: true,
-    customStyles: {
-      container: {
-        background: '#1a1a2e',
-        border: '2px solid #16213e',
-        borderRadius: '12px',
-        padding: '16px'
-      },
-      header: {
-        marginBottom: '12px'
-      },
-      label: {
-        color: '#eaeaea',
-        fontSize: '14px',
-        textTransform: 'uppercase',
-        letterSpacing: '1px'
-      },
-      icon: {
-        filter: 'drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))'
-      },
-      stepper: {
-        background: '#0f3460',
-        borderRadius: '8px',
-        padding: '8px'
-      },
-      button: {
-        background: '#e94560',
-        color: 'white',
-        border: 'none',
-        borderRadius: '6px',
-        transition: 'all 0.3s ease'
-      },
-      buttonHover: {
-        background: '#ff4666',
-        boxShadow: '0 0 20px rgba(233, 69, 96, 0.5)'
-      },
-      value: {
-        color: '#00ff00',
-        fontSize: '28px',
-        fontFamily: 'monospace',
-        fontWeight: 'bold',
-        textShadow: '0 0 10px rgba(0, 255, 0, 0.5)'
-      }
-    }
-  }
-}`,...(W=(C=i.parameters)==null?void 0:C.docs)==null?void 0:W.source}}};const D=["Default","WithLabelAndIcon","HabitTracking","CustomStyled"];export{i as CustomStyled,o as Default,l as HabitTracking,s as WithLabelAndIcon,D as __namedExportsOrder,T as default};

package/storybook-static/assets/client-CJngPBlk.js

@@ -1 +0,0 @@
-import{r}from"./index-CrErqZXh.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};