@stfrigerio/sito-template 0.1.91 → 0.1.92

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-M1vT7XWn.js

@@ -1,110 +0,0 @@
-import{r as c,j as e}from"./iframe-Zn3GJWM2.js";import{u as F}from"./useSound-HWRpxeYt.js";import{m as C}from"./proxy-BCFpov0w.js";import{A as K}from"./index-BzgjogGt.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-B1Luia2c.js

@@ -1,88 +0,0 @@
-import{j as n,r as p}from"./iframe-Zn3GJWM2.js";import{N as r}from"./NumberStepper-M1vT7XWn.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-HWRpxeYt.js";import"./proxy-BCFpov0w.js";import"./MotionConfigContext-DVDBJqit.js";import"./index-BzgjogGt.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-EjEXcOqs.js

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