tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/Skeleton/Skeleton.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),x=require("../../utils/cn.cjs"),s=require("./Slider.module.css.cjs");function N({value:a,onChange:c,min:t=0,max:l=100,step:o=1,label:n,helperText:i,disabled:f=!1,formatValue:h,className:j}){const m=u.useMemo(()=>{const r=l-t;return r<=0?0:Math.min(100,Math.max(0,(a-t)/r*100))},[a,t,l]),d=h?.(a)??String(a),p=u.useCallback(r=>{c(Number(r.target.value))},[c]);return e.jsxs("div",{className:x.cn(s.default.wrapper,j),children:[n&&e.jsxs("div",{className:s.default.label,children:[e.jsx("span",{children:n}),e.jsx("span",{className:s.default.value,children:d})]}),e.jsxs("div",{className:s.default.field,children:[e.jsx("div",{className:s.default.track}),e.jsx("div",{className:s.default.fill,style:{width:`${m}%`}}),e.jsx("input",{type:"range",className:s.default.input,min:t,max:l,step:o,value:a,onChange:p,disabled:f,"aria-label":n??"Slider","aria-valuetext":d})]}),i&&e.jsx("span",{className:s.default.helper,children:i})]})}exports.Slider=N;
+//# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Slider.module.css\";\n\nexport interface SliderProps {\n    /** Current value. */\n    value: number;\n    /** Called with the new value on every change. */\n    onChange: (value: number) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to the raw number. */\n    formatValue?: (value: number) => string;\n    className?: string;\n}\n\n/**\n * Single-thumb slider built on a native `<input type=\"range\">`, so it stays\n * accessible (keyboard + screen reader) with no positioning libs. The active\n * fill is a percentage-width bar. For a two-thumb range, use `RangeSlider`.\n */\nexport function Slider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: SliderProps) {\n    const pct = useMemo(() => {\n        const range = max - min;\n        if (range <= 0) return 0;\n        return Math.min(100, Math.max(0, ((value - min) / range) * 100));\n    }, [value, min, max]);\n\n    const valueText = formatValue?.(value) ?? String(value);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            onChange(Number(event.target.value));\n        },\n        [onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div className={styles.fill} style={{ width: `${pct}%` }} />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={value}\n                    onChange={handleChange}\n                    disabled={disabled}\n                    aria-label={label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["Slider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","pct","useMemo","range","valueText","handleChange","useCallback","event","cn","styles","jsxs","jsx"],"mappings":"6MAyBO,SAASA,EAAO,CACnB,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,KAAAC,EAAO,EACP,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EACA,UAAAC,CACJ,EAAgB,CACZ,MAAMC,EAAMC,EAAAA,QAAQ,IAAM,CACtB,MAAMC,EAAQT,EAAMD,EACpB,OAAIU,GAAS,EAAU,EAChB,KAAK,IAAI,IAAK,KAAK,IAAI,GAAKZ,EAAQE,GAAOU,EAAS,GAAG,CAAC,CACnE,EAAG,CAACZ,EAAOE,EAAKC,CAAG,CAAC,EAEdU,EAAYL,IAAcR,CAAK,GAAK,OAAOA,CAAK,EAEhDc,EAAeC,EAAAA,YAChBC,GAAqD,CAClDf,EAAS,OAAOe,EAAM,OAAO,KAAK,CAAC,CACvC,EACA,CAACf,CAAQ,CAAA,EAGb,cACK,MAAA,CAAI,UAAWgB,EAAAA,GAAGC,EAAAA,QAAO,QAAST,CAAS,EACvC,SAAA,CAAAJ,GACGc,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,QAAM,SAAAf,CAAA,CAAM,EACbe,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,MAAQ,SAAAL,CAAA,CAAU,CAAA,EAC9C,EAEJM,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAA,CAAO,EAC9BE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAM,MAAO,CAAE,MAAO,GAAGR,CAAG,GAAA,CAAI,CAAG,EAC1DU,EAAAA,IAAC,QAAA,CACG,KAAK,QACL,UAAWF,EAAAA,QAAO,MAClB,IAAAhB,EACA,IAAAC,EACA,KAAAC,EACA,MAAAJ,EACA,SAAUc,EACV,SAAAP,EACA,aAAYF,GAAS,SACrB,iBAAgBQ,CAAA,CAAA,CACpB,EACJ,EACCP,GAAcc,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,OAAS,SAAAZ,CAAA,CAAW,CAAA,EAC/D,CAER"}

package/dist/components/Slider/Slider.js

@@ -0,0 +1,56 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { useMemo as g, useCallback as v } from "react";
+import { cn as x } from "../../utils/cn.js";
+import e from "./Slider.module.css.js";
+function j({
+  value: r,
+  onChange: c,
+  min: s = 0,
+  max: i = 100,
+  step: o = 1,
+  label: l,
+  helperText: d,
+  disabled: p = !1,
+  formatValue: h,
+  className: f
+}) {
+  const u = g(() => {
+    const t = i - s;
+    return t <= 0 ? 0 : Math.min(100, Math.max(0, (r - s) / t * 100));
+  }, [r, s, i]), m = h?.(r) ?? String(r), N = v(
+    (t) => {
+      c(Number(t.target.value));
+    },
+    [c]
+  );
+  return /* @__PURE__ */ n("div", { className: x(e.wrapper, f), children: [
+    l && /* @__PURE__ */ n("div", { className: e.label, children: [
+      /* @__PURE__ */ a("span", { children: l }),
+      /* @__PURE__ */ a("span", { className: e.value, children: m })
+    ] }),
+    /* @__PURE__ */ n("div", { className: e.field, children: [
+      /* @__PURE__ */ a("div", { className: e.track }),
+      /* @__PURE__ */ a("div", { className: e.fill, style: { width: `${u}%` } }),
+      /* @__PURE__ */ a(
+        "input",
+        {
+          type: "range",
+          className: e.input,
+          min: s,
+          max: i,
+          step: o,
+          value: r,
+          onChange: N,
+          disabled: p,
+          "aria-label": l ?? "Slider",
+          "aria-valuetext": m
+        }
+      )
+    ] }),
+    d && /* @__PURE__ */ a("span", { className: e.helper, children: d })
+  ] });
+}
+export {
+  j as Slider
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Slider.module.css\";\n\nexport interface SliderProps {\n    /** Current value. */\n    value: number;\n    /** Called with the new value on every change. */\n    onChange: (value: number) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to the raw number. */\n    formatValue?: (value: number) => string;\n    className?: string;\n}\n\n/**\n * Single-thumb slider built on a native `<input type=\"range\">`, so it stays\n * accessible (keyboard + screen reader) with no positioning libs. The active\n * fill is a percentage-width bar. For a two-thumb range, use `RangeSlider`.\n */\nexport function Slider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: SliderProps) {\n    const pct = useMemo(() => {\n        const range = max - min;\n        if (range <= 0) return 0;\n        return Math.min(100, Math.max(0, ((value - min) / range) * 100));\n    }, [value, min, max]);\n\n    const valueText = formatValue?.(value) ?? String(value);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            onChange(Number(event.target.value));\n        },\n        [onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div className={styles.fill} style={{ width: `${pct}%` }} />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={value}\n                    onChange={handleChange}\n                    disabled={disabled}\n                    aria-label={label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["Slider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","pct","useMemo","range","valueText","handleChange","useCallback","event","cn","styles","jsxs","jsx"],"mappings":";;;;AAyBO,SAASA,EAAO;AAAA,EACnB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC;AACJ,GAAgB;AACZ,QAAMC,IAAMC,EAAQ,MAAM;AACtB,UAAMC,IAAQT,IAAMD;AACpB,WAAIU,KAAS,IAAU,IAChB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAKZ,IAAQE,KAAOU,IAAS,GAAG,CAAC;AAAA,EACnE,GAAG,CAACZ,GAAOE,GAAKC,CAAG,CAAC,GAEdU,IAAYL,IAAcR,CAAK,KAAK,OAAOA,CAAK,GAEhDc,IAAeC;AAAA,IACjB,CAACC,MAAqD;AAClD,MAAAf,EAAS,OAAOe,EAAM,OAAO,KAAK,CAAC;AAAA,IACvC;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA;AAGb,2BACK,OAAA,EAAI,WAAWgB,EAAGC,EAAO,SAAST,CAAS,GACvC,UAAA;AAAA,IAAAJ,KACG,gBAAAc,EAAC,OAAA,EAAI,WAAWD,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAM,UAAAf,EAAA,CAAM;AAAA,MACb,gBAAAe,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAAL,EAAA,CAAU;AAAA,IAAA,GAC9C;AAAA,IAEJ,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,MAAA,CAAO;AAAA,MAC9B,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,MAAM,OAAO,EAAE,OAAO,GAAGR,CAAG,IAAA,EAAI,CAAG;AAAA,MAC1D,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWF,EAAO;AAAA,UAClB,KAAAhB;AAAA,UACA,KAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAAJ;AAAA,UACA,UAAUc;AAAA,UACV,UAAAP;AAAA,UACA,cAAYF,KAAS;AAAA,UACrB,kBAAgBQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACpB,GACJ;AAAA,IACCP,KAAc,gBAAAc,EAAC,QAAA,EAAK,WAAWF,EAAO,QAAS,UAAAZ,EAAA,CAAW;AAAA,EAAA,GAC/D;AAER;"}

package/dist/components/Slider/Slider.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_KCCs1",t="tempest_label_N4ak-",l="tempest_value_-33zj",p="tempest_field_wFJsg",s="tempest_track_kaJkL",a="tempest_fill_tio-b",r="tempest_input_J48Um",_="tempest_helper_yn8VW",i={wrapper:e,label:t,value:l,field:p,track:s,fill:a,input:r,helper:_};exports.default=i;exports.field=p;exports.fill=a;exports.helper=_;exports.input=r;exports.label=t;exports.track=s;exports.value=l;exports.wrapper=e;
+//# sourceMappingURL=Slider.module.css.cjs.map

package/dist/components/Slider/Slider.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Slider/Slider.module.css.js

@@ -0,0 +1,22 @@
+const e = "tempest_wrapper_KCCs1", t = "tempest_label_N4ak-", l = "tempest_value_-33zj", s = "tempest_field_wFJsg", p = "tempest_track_kaJkL", a = "tempest_fill_tio-b", _ = "tempest_input_J48Um", n = "tempest_helper_yn8VW", r = {
+  wrapper: e,
+  label: t,
+  value: l,
+  field: s,
+  track: p,
+  fill: a,
+  input: _,
+  helper: n
+};
+export {
+  r as default,
+  s as field,
+  a as fill,
+  n as helper,
+  _ as input,
+  t as label,
+  p as track,
+  l as value,
+  e as wrapper
+};
+//# sourceMappingURL=Slider.module.css.js.map

package/dist/components/Slider/Slider.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/Spacer/Spacer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("../../utils/cn.cjs"),e=require("./Spacer.module.css.cjs");function a({axis:r="both",className:t,...c}){return u.jsx("div",{className:n.cn(e.default.spacer,e.default[r],t),...c})}exports.Spacer=a;
+//# sourceMappingURL=Spacer.cjs.map

package/dist/components/Spacer/Spacer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.cjs","sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spacer.module.css\";\n\nexport type SpacerAxis = \"both\" | \"x\" | \"y\";\n\nexport interface SpacerProps extends HTMLAttributes<HTMLDivElement> {\n    /** Axis to flex along. Default `\"both\"` (`flex: 1`). */\n    axis?: SpacerAxis;\n}\n\n/**\n * Flex spacer — pushes siblings apart inside a flex container. Equivalent\n * to `<div style={{ flex: 1 }}>` but typed and intent-revealing.\n *\n * @example\n * <Stack direction=\"horizontal\">\n *     <Button>Cancelar</Button>\n *     <Spacer />\n *     <Button variant=\"primary\">Salvar</Button>\n * </Stack>\n */\nexport function Spacer({ axis = \"both\", className, ...props }: SpacerProps) {\n    return <div className={cn(styles.spacer, styles[axis], className)} {...props} />;\n}\n"],"names":["Spacer","axis","className","props","jsx","cn","styles"],"mappings":"0LAsBO,SAASA,EAAO,CAAE,KAAAC,EAAO,OAAQ,UAAAC,EAAW,GAAGC,GAAsB,CACxE,OAAOC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQA,EAAAA,QAAOL,CAAI,EAAGC,CAAS,EAAI,GAAGC,CAAA,CAAO,CAClF"}

package/dist/components/Spacer/Spacer.js

@@ -0,0 +1,10 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.js";
+import r from "./Spacer.module.css.js";
+function a({ axis: o = "both", className: t, ...m }) {
+  return /* @__PURE__ */ e("div", { className: p(r.spacer, r[o], t), ...m });
+}
+export {
+  a as Spacer
+};
+//# sourceMappingURL=Spacer.js.map

package/dist/components/Spacer/Spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.js","sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spacer.module.css\";\n\nexport type SpacerAxis = \"both\" | \"x\" | \"y\";\n\nexport interface SpacerProps extends HTMLAttributes<HTMLDivElement> {\n    /** Axis to flex along. Default `\"both\"` (`flex: 1`). */\n    axis?: SpacerAxis;\n}\n\n/**\n * Flex spacer — pushes siblings apart inside a flex container. Equivalent\n * to `<div style={{ flex: 1 }}>` but typed and intent-revealing.\n *\n * @example\n * <Stack direction=\"horizontal\">\n *     <Button>Cancelar</Button>\n *     <Spacer />\n *     <Button variant=\"primary\">Salvar</Button>\n * </Stack>\n */\nexport function Spacer({ axis = \"both\", className, ...props }: SpacerProps) {\n    return <div className={cn(styles.spacer, styles[axis], className)} {...props} />;\n}\n"],"names":["Spacer","axis","className","props","jsx","cn","styles"],"mappings":";;;AAsBO,SAASA,EAAO,EAAE,MAAAC,IAAO,QAAQ,WAAAC,GAAW,GAAGC,KAAsB;AACxE,SAAO,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQA,EAAOL,CAAI,GAAGC,CAAS,GAAI,GAAGC,EAAA,CAAO;AAClF;"}

package/dist/components/Spacer/Spacer.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_spacer_okdOd",e="tempest_both_85qSF",s="tempest_x_QiU2B",o="tempest_y_hTtCp",c={spacer:t,both:e,x:s,y:o};exports.both=e;exports.default=c;exports.spacer=t;exports.x=s;exports.y=o;
+//# sourceMappingURL=Spacer.module.css.cjs.map

package/dist/components/Spacer/Spacer.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Spacer/Spacer.module.css.js

@@ -0,0 +1,14 @@
+const t = "tempest_spacer_okdOd", s = "tempest_both_85qSF", e = "tempest_x_QiU2B", o = "tempest_y_hTtCp", p = {
+  spacer: t,
+  both: s,
+  x: e,
+  y: o
+};
+export {
+  s as both,
+  p as default,
+  t as spacer,
+  e as x,
+  o as y
+};
+//# sourceMappingURL=Spacer.module.css.js.map

package/dist/components/Spacer/Spacer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Spinner/Spinner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),e=require("./Spinner.module.css.cjs");function d({size:s="md",className:t,label:i="Carregando",caption:n,overlay:l=!1}){const u=a.jsx("span",{"aria-hidden":!0,className:r.cn(e.default.spinner,e.default[s])});return!l&&n===void 0?a.jsx("span",{role:"status","aria-label":i,className:r.cn(e.default.spinner,e.default[s],t)}):a.jsxs("div",{role:"status","aria-label":i,"aria-live":"polite",className:r.cn(e.default.wrap,l&&e.default.overlay,t),children:[u,n!==void 0&&a.jsx("span",{className:e.default.caption,children:n})]})}exports.Spinner=d;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/Spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spinner.module.css\";\n\nexport type SpinnerSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SpinnerProps {\n    size?: SpinnerSize;\n    className?: string;\n    /** Accessible label announced by screen readers. */\n    label?: string;\n    /**\n     * Visible caption rendered under the spinner. When set, the spinner and\n     * caption are wrapped in a centered column.\n     */\n    caption?: ReactNode;\n    /**\n     * Center the spinner inside a full-area overlay (fills the nearest\n     * positioned ancestor; pair with a relative container or a route fallback).\n     * Implies the wrapped layout.\n     */\n    overlay?: boolean;\n}\n\n/**\n * Loading spinner with preset sizes (xs..xl). Provide `label` for screen\n * readers, `caption` for a visible message, and `overlay` to center it inside a\n * full-area container (e.g. a Suspense / route fallback).\n *\n * @example\n * <Spinner />\n * <Spinner size=\"lg\" caption=\"Carregando…\" overlay />\n */\nexport function Spinner({\n    size = \"md\",\n    className,\n    label = \"Carregando\",\n    caption,\n    overlay = false,\n}: SpinnerProps) {\n    const dot = <span aria-hidden className={cn(styles.spinner, styles[size])} />;\n\n    if (!overlay && caption === undefined) {\n        return (\n            <span\n                role=\"status\"\n                aria-label={label}\n                className={cn(styles.spinner, styles[size], className)}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"status\"\n            aria-label={label}\n            aria-live=\"polite\"\n            className={cn(styles.wrap, overlay && styles.overlay, className)}\n        >\n            {dot}\n            {caption !== undefined && <span className={styles.caption}>{caption}</span>}\n        </div>\n    );\n}\n"],"names":["Spinner","size","className","label","caption","overlay","dot","jsx","cn","styles","jsxs"],"mappings":"2LAiCO,SAASA,EAAQ,CACpB,KAAAC,EAAO,KACP,UAAAC,EACA,MAAAC,EAAQ,aACR,QAAAC,EACA,QAAAC,EAAU,EACd,EAAiB,CACb,MAAMC,EAAMC,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAC,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASA,EAAAA,QAAOR,CAAI,CAAC,CAAA,CAAG,EAE3E,MAAI,CAACI,GAAWD,IAAY,OAEpBG,EAAAA,IAAC,OAAA,CACG,KAAK,SACL,aAAYJ,EACZ,UAAWK,EAAAA,GAAGC,EAAAA,QAAO,QAASA,EAAAA,QAAOR,CAAI,EAAGC,CAAS,CAAA,CAAA,EAM7DQ,EAAAA,KAAC,MAAA,CACG,KAAK,SACL,aAAYP,EACZ,YAAU,SACV,UAAWK,EAAAA,GAAGC,UAAO,KAAMJ,GAAWI,EAAAA,QAAO,QAASP,CAAS,EAE9D,SAAA,CAAAI,EACAF,IAAY,QAAaG,EAAAA,IAAC,QAAK,UAAWE,UAAO,QAAU,SAAAL,CAAA,CAAQ,CAAA,CAAA,CAAA,CAGhF"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,36 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { cn as e } from "../../utils/cn.js";
+import r from "./Spinner.module.css.js";
+function f({
+  size: i = "md",
+  className: n,
+  label: o = "Carregando",
+  caption: a,
+  overlay: t = !1
+}) {
+  const l = /* @__PURE__ */ s("span", { "aria-hidden": !0, className: e(r.spinner, r[i]) });
+  return !t && a === void 0 ? /* @__PURE__ */ s(
+    "span",
+    {
+      role: "status",
+      "aria-label": o,
+      className: e(r.spinner, r[i], n)
+    }
+  ) : /* @__PURE__ */ p(
+    "div",
+    {
+      role: "status",
+      "aria-label": o,
+      "aria-live": "polite",
+      className: e(r.wrap, t && r.overlay, n),
+      children: [
+        l,
+        a !== void 0 && /* @__PURE__ */ s("span", { className: r.caption, children: a })
+      ]
+    }
+  );
+}
+export {
+  f as Spinner
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Spinner.module.css\";\n\nexport type SpinnerSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport interface SpinnerProps {\n    size?: SpinnerSize;\n    className?: string;\n    /** Accessible label announced by screen readers. */\n    label?: string;\n    /**\n     * Visible caption rendered under the spinner. When set, the spinner and\n     * caption are wrapped in a centered column.\n     */\n    caption?: ReactNode;\n    /**\n     * Center the spinner inside a full-area overlay (fills the nearest\n     * positioned ancestor; pair with a relative container or a route fallback).\n     * Implies the wrapped layout.\n     */\n    overlay?: boolean;\n}\n\n/**\n * Loading spinner with preset sizes (xs..xl). Provide `label` for screen\n * readers, `caption` for a visible message, and `overlay` to center it inside a\n * full-area container (e.g. a Suspense / route fallback).\n *\n * @example\n * <Spinner />\n * <Spinner size=\"lg\" caption=\"Carregando…\" overlay />\n */\nexport function Spinner({\n    size = \"md\",\n    className,\n    label = \"Carregando\",\n    caption,\n    overlay = false,\n}: SpinnerProps) {\n    const dot = <span aria-hidden className={cn(styles.spinner, styles[size])} />;\n\n    if (!overlay && caption === undefined) {\n        return (\n            <span\n                role=\"status\"\n                aria-label={label}\n                className={cn(styles.spinner, styles[size], className)}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"status\"\n            aria-label={label}\n            aria-live=\"polite\"\n            className={cn(styles.wrap, overlay && styles.overlay, className)}\n        >\n            {dot}\n            {caption !== undefined && <span className={styles.caption}>{caption}</span>}\n        </div>\n    );\n}\n"],"names":["Spinner","size","className","label","caption","overlay","dot","jsx","cn","styles","jsxs"],"mappings":";;;AAiCO,SAASA,EAAQ;AAAA,EACpB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,SAAAC,IAAU;AACd,GAAiB;AACb,QAAMC,IAAM,gBAAAC,EAAC,QAAA,EAAK,eAAW,IAAC,WAAWC,EAAGC,EAAO,SAASA,EAAOR,CAAI,CAAC,EAAA,CAAG;AAE3E,SAAI,CAACI,KAAWD,MAAY,SAEpB,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAYJ;AAAA,MACZ,WAAWK,EAAGC,EAAO,SAASA,EAAOR,CAAI,GAAGC,CAAS;AAAA,IAAA;AAAA,EAAA,IAM7D,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,cAAYP;AAAA,MACZ,aAAU;AAAA,MACV,WAAWK,EAAGC,EAAO,MAAMJ,KAAWI,EAAO,SAASP,CAAS;AAAA,MAE9D,UAAA;AAAA,QAAAI;AAAA,QACAF,MAAY,UAAa,gBAAAG,EAAC,UAAK,WAAWE,EAAO,SAAU,UAAAL,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhF;"}

package/dist/components/Spinner/Spinner.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_spinner_GpFZS",t="tempest_tempest-spinner_wKVCY",s="tempest_xs_p8BFI",n="tempest_sm_3sIoD",p="tempest_md_M2sPj",o="tempest_lg_IxTw2",m="tempest_xl_cgwqq",_="tempest_wrap_Xkv-I",r="tempest_overlay_sVSe9",l="tempest_caption_B0ED9",c={spinner:e,tempestSpinner:t,xs:s,sm:n,md:p,lg:o,xl:m,wrap:_,overlay:r,caption:l};exports.caption=l;exports.default=c;exports.lg=o;exports.md=p;exports.overlay=r;exports.sm=n;exports.spinner=e;exports.tempestSpinner=t;exports.wrap=_;exports.xl=m;exports.xs=s;
+//# sourceMappingURL=Spinner.module.css.cjs.map

package/dist/components/Spinner/Spinner.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Spinner/Spinner.module.css.js

@@ -0,0 +1,26 @@
+const t = "tempest_spinner_GpFZS", s = "tempest_tempest-spinner_wKVCY", e = "tempest_xs_p8BFI", p = "tempest_sm_3sIoD", n = "tempest_md_M2sPj", _ = "tempest_lg_IxTw2", m = "tempest_xl_cgwqq", o = "tempest_wrap_Xkv-I", c = "tempest_overlay_sVSe9", r = "tempest_caption_B0ED9", a = {
+  spinner: t,
+  tempestSpinner: s,
+  xs: e,
+  sm: p,
+  md: n,
+  lg: _,
+  xl: m,
+  wrap: o,
+  overlay: c,
+  caption: r
+};
+export {
+  r as caption,
+  a as default,
+  _ as lg,
+  n as md,
+  c as overlay,
+  p as sm,
+  t as spinner,
+  s as tempestSpinner,
+  o as wrap,
+  m as xl,
+  e as xs
+};
+//# sourceMappingURL=Spinner.module.css.js.map

package/dist/components/Spinner/Spinner.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/components/Stat/Stat.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../utils/cn.cjs"),e=require("./Stat.module.css.cjs");function o(a){if(typeof a!="string")return;const s=a.trim();if(s.startsWith("+"))return"up";if(s.startsWith("-")||s.startsWith("−"))return"down"}function m({label:a,value:s,delta:r,trend:u,hint:l,icon:d,className:c,...f}){const n=u??o(r);return t.jsxs("div",{className:i.cn(e.default.stat,c),...f,children:[t.jsxs("div",{className:e.default.header,children:[d&&t.jsx("span",{className:e.default.icon,children:d}),t.jsx("span",{className:e.default.label,children:a})]}),t.jsxs("div",{className:e.default.row,children:[t.jsx("span",{className:e.default.value,children:s}),r!==void 0&&t.jsx("span",{className:i.cn(e.default.delta,n==="up"&&e.default.up,n==="down"&&e.default.down,n==="flat"&&e.default.flat),children:r})]}),l&&t.jsx("p",{className:e.default.hint,children:l})]})}exports.Stat=m;
+//# sourceMappingURL=Stat.cjs.map

package/dist/components/Stat/Stat.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.cjs","sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stat.module.css\";\n\nexport type StatTrend = \"up\" | \"down\" | \"flat\";\n\nexport interface StatProps extends HTMLAttributes<HTMLDivElement> {\n    /** Metric label (e.g. \"Revenue\", \"Active users\"). */\n    label: ReactNode;\n    /** Metric value (e.g. \"R$ 12.345\", \"1.2k\"). */\n    value: ReactNode;\n    /** Optional comparison delta — when set, renders alongside the value. */\n    delta?: ReactNode;\n    /** Trend direction for the delta. Default inferred from delta string. */\n    trend?: StatTrend;\n    /** Optional supporting context line below the value. */\n    hint?: ReactNode;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nfunction inferTrend(delta: ReactNode | undefined): StatTrend | undefined {\n    if (typeof delta !== \"string\") return undefined;\n    const trimmed = delta.trim();\n    if (trimmed.startsWith(\"+\")) return \"up\";\n    if (trimmed.startsWith(\"-\") || trimmed.startsWith(\"−\")) return \"down\";\n    return undefined;\n}\n\n/**\n * KPI card. Dashboard widget showing a label + big value + optional\n * delta/trend and hint.\n *\n * @example\n * <Stat label=\"Receita\" value=\"R$ 12.345\" delta=\"+12,4%\" trend=\"up\" hint=\"vs. mês anterior\" />\n */\nexport function Stat({ label, value, delta, trend, hint, icon, className, ...props }: StatProps) {\n    const resolvedTrend: StatTrend | undefined = trend ?? inferTrend(delta);\n    return (\n        <div className={cn(styles.stat, className)} {...props}>\n            <div className={styles.header}>\n                {icon && <span className={styles.icon}>{icon}</span>}\n                <span className={styles.label}>{label}</span>\n            </div>\n            <div className={styles.row}>\n                <span className={styles.value}>{value}</span>\n                {delta !== undefined && (\n                    <span\n                        className={cn(\n                            styles.delta,\n                            resolvedTrend === \"up\" && styles.up,\n                            resolvedTrend === \"down\" && styles.down,\n                            resolvedTrend === \"flat\" && styles.flat,\n                        )}\n                    >\n                        {delta}\n                    </span>\n                )}\n            </div>\n            {hint && <p className={styles.hint}>{hint}</p>}\n        </div>\n    );\n}\n"],"names":["inferTrend","delta","trimmed","Stat","label","value","trend","hint","icon","className","props","resolvedTrend","jsxs","cn","styles","jsx"],"mappings":"wLAqBA,SAASA,EAAWC,EAAqD,CACrE,GAAI,OAAOA,GAAU,SAAU,OAC/B,MAAMC,EAAUD,EAAM,KAAA,EACtB,GAAIC,EAAQ,WAAW,GAAG,EAAG,MAAO,KACpC,GAAIA,EAAQ,WAAW,GAAG,GAAKA,EAAQ,WAAW,GAAG,EAAG,MAAO,MAEnE,CASO,SAASC,EAAK,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAJ,EAAO,MAAAK,EAAO,KAAAC,EAAM,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAoB,CAC7F,MAAMC,EAAuCL,GAASN,EAAWC,CAAK,EACtE,OACIW,OAAC,OAAI,UAAWC,EAAAA,GAAGC,UAAO,KAAML,CAAS,EAAI,GAAGC,EAC5C,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,OAClB,SAAA,CAAAN,GAAQO,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAN,EAAK,EAC7CO,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAV,CAAA,CAAM,CAAA,EAC1C,EACAQ,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,IACnB,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAT,EAAM,EACrCJ,IAAU,QACPc,EAAAA,IAAC,OAAA,CACG,UAAWF,EAAAA,GACPC,EAAAA,QAAO,MACPH,IAAkB,MAAQG,EAAAA,QAAO,GACjCH,IAAkB,QAAUG,EAAAA,QAAO,KACnCH,IAAkB,QAAUG,UAAO,IAAA,EAGtC,SAAAb,CAAA,CAAA,CACL,EAER,EACCM,GAAQQ,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,KAAO,SAAAP,CAAA,CAAK,CAAA,EAC9C,CAER"}

package/dist/components/Stat/Stat.js

@@ -0,0 +1,38 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
+import r from "./Stat.module.css.js";
+function f(n) {
+  if (typeof n != "string") return;
+  const s = n.trim();
+  if (s.startsWith("+")) return "up";
+  if (s.startsWith("-") || s.startsWith("−")) return "down";
+}
+function N({ label: n, value: s, delta: t, trend: o, hint: c, icon: l, className: m, ...p }) {
+  const i = o ?? f(t);
+  return /* @__PURE__ */ a("div", { className: d(r.stat, m), ...p, children: [
+    /* @__PURE__ */ a("div", { className: r.header, children: [
+      l && /* @__PURE__ */ e("span", { className: r.icon, children: l }),
+      /* @__PURE__ */ e("span", { className: r.label, children: n })
+    ] }),
+    /* @__PURE__ */ a("div", { className: r.row, children: [
+      /* @__PURE__ */ e("span", { className: r.value, children: s }),
+      t !== void 0 && /* @__PURE__ */ e(
+        "span",
+        {
+          className: d(
+            r.delta,
+            i === "up" && r.up,
+            i === "down" && r.down,
+            i === "flat" && r.flat
+          ),
+          children: t
+        }
+      )
+    ] }),
+    c && /* @__PURE__ */ e("p", { className: r.hint, children: c })
+  ] });
+}
+export {
+  N as Stat
+};
+//# sourceMappingURL=Stat.js.map

package/dist/components/Stat/Stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.js","sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stat.module.css\";\n\nexport type StatTrend = \"up\" | \"down\" | \"flat\";\n\nexport interface StatProps extends HTMLAttributes<HTMLDivElement> {\n    /** Metric label (e.g. \"Revenue\", \"Active users\"). */\n    label: ReactNode;\n    /** Metric value (e.g. \"R$ 12.345\", \"1.2k\"). */\n    value: ReactNode;\n    /** Optional comparison delta — when set, renders alongside the value. */\n    delta?: ReactNode;\n    /** Trend direction for the delta. Default inferred from delta string. */\n    trend?: StatTrend;\n    /** Optional supporting context line below the value. */\n    hint?: ReactNode;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nfunction inferTrend(delta: ReactNode | undefined): StatTrend | undefined {\n    if (typeof delta !== \"string\") return undefined;\n    const trimmed = delta.trim();\n    if (trimmed.startsWith(\"+\")) return \"up\";\n    if (trimmed.startsWith(\"-\") || trimmed.startsWith(\"−\")) return \"down\";\n    return undefined;\n}\n\n/**\n * KPI card. Dashboard widget showing a label + big value + optional\n * delta/trend and hint.\n *\n * @example\n * <Stat label=\"Receita\" value=\"R$ 12.345\" delta=\"+12,4%\" trend=\"up\" hint=\"vs. mês anterior\" />\n */\nexport function Stat({ label, value, delta, trend, hint, icon, className, ...props }: StatProps) {\n    const resolvedTrend: StatTrend | undefined = trend ?? inferTrend(delta);\n    return (\n        <div className={cn(styles.stat, className)} {...props}>\n            <div className={styles.header}>\n                {icon && <span className={styles.icon}>{icon}</span>}\n                <span className={styles.label}>{label}</span>\n            </div>\n            <div className={styles.row}>\n                <span className={styles.value}>{value}</span>\n                {delta !== undefined && (\n                    <span\n                        className={cn(\n                            styles.delta,\n                            resolvedTrend === \"up\" && styles.up,\n                            resolvedTrend === \"down\" && styles.down,\n                            resolvedTrend === \"flat\" && styles.flat,\n                        )}\n                    >\n                        {delta}\n                    </span>\n                )}\n            </div>\n            {hint && <p className={styles.hint}>{hint}</p>}\n        </div>\n    );\n}\n"],"names":["inferTrend","delta","trimmed","Stat","label","value","trend","hint","icon","className","props","resolvedTrend","jsxs","cn","styles","jsx"],"mappings":";;;AAqBA,SAASA,EAAWC,GAAqD;AACrE,MAAI,OAAOA,KAAU,SAAU;AAC/B,QAAMC,IAAUD,EAAM,KAAA;AACtB,MAAIC,EAAQ,WAAW,GAAG,EAAG,QAAO;AACpC,MAAIA,EAAQ,WAAW,GAAG,KAAKA,EAAQ,WAAW,GAAG,EAAG,QAAO;AAEnE;AASO,SAASC,EAAK,EAAE,OAAAC,GAAO,OAAAC,GAAO,OAAAJ,GAAO,OAAAK,GAAO,MAAAC,GAAM,MAAAC,GAAM,WAAAC,GAAW,GAAGC,KAAoB;AAC7F,QAAMC,IAAuCL,KAASN,EAAWC,CAAK;AACtE,SACI,gBAAAW,EAAC,SAAI,WAAWC,EAAGC,EAAO,MAAML,CAAS,GAAI,GAAGC,GAC5C,UAAA;AAAA,IAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWE,EAAO,QAClB,UAAA;AAAA,MAAAN,KAAQ,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAN,GAAK;AAAA,MAC7C,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAV,EAAA,CAAM;AAAA,IAAA,GAC1C;AAAA,IACA,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAO,KACnB,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAT,GAAM;AAAA,MACrCJ,MAAU,UACP,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWF;AAAA,YACPC,EAAO;AAAA,YACPH,MAAkB,QAAQG,EAAO;AAAA,YACjCH,MAAkB,UAAUG,EAAO;AAAA,YACnCH,MAAkB,UAAUG,EAAO;AAAA,UAAA;AAAA,UAGtC,UAAAb;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,GAER;AAAA,IACCM,KAAQ,gBAAAQ,EAAC,KAAA,EAAE,WAAWD,EAAO,MAAO,UAAAP,EAAA,CAAK;AAAA,EAAA,GAC9C;AAER;"}

package/dist/components/Stat/Stat.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_stat_zoo9y",e="tempest_header_3UQqq",s="tempest_icon_zUG3e",o="tempest_label_lIH47",a="tempest_row_Ifyts",l="tempest_value_JBWnr",n="tempest_delta_mRVrE",_="tempest_up_7qgUO",c="tempest_down_3Rq2Z",p="tempest_flat_R5pZT",d="tempest_hint_YkTF8",r={stat:t,header:e,icon:s,label:o,row:a,value:l,delta:n,up:_,down:c,flat:p,hint:d};exports.default=r;exports.delta=n;exports.down=c;exports.flat=p;exports.header=e;exports.hint=d;exports.icon=s;exports.label=o;exports.row=a;exports.stat=t;exports.up=_;exports.value=l;
+//# sourceMappingURL=Stat.module.css.cjs.map

package/dist/components/Stat/Stat.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Stat/Stat.module.css.js

@@ -0,0 +1,28 @@
+const t = "tempest_stat_zoo9y", e = "tempest_header_3UQqq", s = "tempest_icon_zUG3e", o = "tempest_label_lIH47", n = "tempest_row_Ifyts", _ = "tempest_value_JBWnr", a = "tempest_delta_mRVrE", l = "tempest_up_7qgUO", p = "tempest_down_3Rq2Z", c = "tempest_flat_R5pZT", m = "tempest_hint_YkTF8", d = {
+  stat: t,
+  header: e,
+  icon: s,
+  label: o,
+  row: n,
+  value: _,
+  delta: a,
+  up: l,
+  down: p,
+  flat: c,
+  hint: m
+};
+export {
+  d as default,
+  a as delta,
+  p as down,
+  c as flat,
+  e as header,
+  m as hint,
+  s as icon,
+  o as label,
+  n as row,
+  t as stat,
+  l as up,
+  _ as value
+};
+//# sourceMappingURL=Stat.module.css.js.map

package/dist/components/Stat/Stat.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/Stepper/Stepper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),r=require("../../utils/cn.cjs"),e=require("./Stepper.module.css.cjs");function p({steps:c,current:s,orientation:o="horizontal",className:u}){return t.jsx("ol",{className:r.cn(e.default.stepper,o==="vertical"&&e.default.vertical,u),children:c.map((d,a)=>{const l=a<s,n=a===s;return t.jsxs(i.Fragment,{children:[t.jsxs("li",{className:r.cn(e.default.step,l&&e.default.completed,n&&e.default.active),"aria-current":n?"step":void 0,children:[t.jsx("span",{className:e.default.dot,children:l?"✓":a+1}),t.jsx("span",{className:e.default.label,children:d.label})]}),a<c.length-1&&t.jsx("span",{className:r.cn(e.default.connector,l&&e.default.completed),"aria-hidden":!0})]},a)})})}exports.Stepper=p;
+//# sourceMappingURL=Stepper.cjs.map

package/dist/components/Stepper/Stepper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stepper.module.css\";\n\nexport interface StepItem {\n    label: ReactNode;\n}\n\nexport interface StepperProps {\n    steps: StepItem[];\n    /** Index of the currently active step (0-based). */\n    current: number;\n    orientation?: \"horizontal\" | \"vertical\";\n    className?: string;\n}\n\n/**\n * Linear progress indicator for multi-step flows. Steps before `current`\n * render as completed; the step at `current` is active; later steps are\n * upcoming.\n */\nexport function Stepper({ steps, current, orientation = \"horizontal\", className }: StepperProps) {\n    return (\n        <ol\n            className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\n        >\n            {steps.map((step, index) => {\n                const completed = index < current;\n                const active = index === current;\n                return (\n                    <Fragment key={index}>\n                        <li\n                            className={cn(\n                                styles.step,\n                                completed && styles.completed,\n                                active && styles.active,\n                            )}\n                            aria-current={active ? \"step\" : undefined}\n                        >\n                            <span className={styles.dot}>{completed ? \"✓\" : index + 1}</span>\n                            <span className={styles.label}>{step.label}</span>\n                        </li>\n                        {index < steps.length - 1 && (\n                            <span\n                                className={cn(styles.connector, completed && styles.completed)}\n                                aria-hidden\n                            />\n                        )}\n                    </Fragment>\n                );\n            })}\n        </ol>\n    );\n}\n"],"names":["Stepper","steps","current","orientation","className","jsx","cn","styles","step","index","completed","active","Fragment","jsxs"],"mappings":"8MAsBO,SAASA,EAAQ,CAAE,MAAAC,EAAO,QAAAC,EAAS,YAAAC,EAAc,aAAc,UAAAC,GAA2B,CAC7F,OACIC,EAAAA,IAAC,KAAA,CACG,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASJ,IAAgB,YAAcI,EAAAA,QAAO,SAAUH,CAAS,EAErF,SAAAH,EAAM,IAAI,CAACO,EAAMC,IAAU,CACxB,MAAMC,EAAYD,EAAQP,EACpBS,EAASF,IAAUP,EACzB,cACKU,WAAA,CACG,SAAA,CAAAC,EAAAA,KAAC,KAAA,CACG,UAAWP,EAAAA,GACPC,EAAAA,QAAO,KACPG,GAAaH,EAAAA,QAAO,UACpBI,GAAUJ,EAAAA,QAAO,MAAA,EAErB,eAAcI,EAAS,OAAS,OAEhC,SAAA,CAAAN,EAAAA,IAAC,QAAK,UAAWE,UAAO,IAAM,SAAAG,EAAY,IAAMD,EAAQ,CAAA,CAAE,QACzD,OAAA,CAAK,UAAWF,EAAAA,QAAO,MAAQ,WAAK,KAAA,CAAM,CAAA,CAAA,CAAA,EAE9CE,EAAQR,EAAM,OAAS,GACpBI,EAAAA,IAAC,OAAA,CACG,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,UAAWG,GAAaH,EAAAA,QAAO,SAAS,EAC7D,cAAW,EAAA,CAAA,CACf,CAAA,EAhBOE,CAkBf,CAER,CAAC,CAAA,CAAA,CAGb"}

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { Fragment as d } from "react";
+import { cn as l } from "../../utils/cn.js";
+import e from "./Stepper.module.css.js";
+function u({ steps: c, current: o, orientation: n = "horizontal", className: p }) {
+  return /* @__PURE__ */ t(
+    "ol",
+    {
+      className: l(e.stepper, n === "vertical" && e.vertical, p),
+      children: c.map((i, r) => {
+        const a = r < o, s = r === o;
+        return /* @__PURE__ */ m(d, { children: [
+          /* @__PURE__ */ m(
+            "li",
+            {
+              className: l(
+                e.step,
+                a && e.completed,
+                s && e.active
+              ),
+              "aria-current": s ? "step" : void 0,
+              children: [
+                /* @__PURE__ */ t("span", { className: e.dot, children: a ? "✓" : r + 1 }),
+                /* @__PURE__ */ t("span", { className: e.label, children: i.label })
+              ]
+            }
+          ),
+          r < c.length - 1 && /* @__PURE__ */ t(
+            "span",
+            {
+              className: l(e.connector, a && e.completed),
+              "aria-hidden": !0
+            }
+          )
+        ] }, r);
+      })
+    }
+  );
+}
+export {
+  u as Stepper
+};
+//# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Stepper.module.css\";\n\nexport interface StepItem {\n    label: ReactNode;\n}\n\nexport interface StepperProps {\n    steps: StepItem[];\n    /** Index of the currently active step (0-based). */\n    current: number;\n    orientation?: \"horizontal\" | \"vertical\";\n    className?: string;\n}\n\n/**\n * Linear progress indicator for multi-step flows. Steps before `current`\n * render as completed; the step at `current` is active; later steps are\n * upcoming.\n */\nexport function Stepper({ steps, current, orientation = \"horizontal\", className }: StepperProps) {\n    return (\n        <ol\n            className={cn(styles.stepper, orientation === \"vertical\" && styles.vertical, className)}\n        >\n            {steps.map((step, index) => {\n                const completed = index < current;\n                const active = index === current;\n                return (\n                    <Fragment key={index}>\n                        <li\n                            className={cn(\n                                styles.step,\n                                completed && styles.completed,\n                                active && styles.active,\n                            )}\n                            aria-current={active ? \"step\" : undefined}\n                        >\n                            <span className={styles.dot}>{completed ? \"✓\" : index + 1}</span>\n                            <span className={styles.label}>{step.label}</span>\n                        </li>\n                        {index < steps.length - 1 && (\n                            <span\n                                className={cn(styles.connector, completed && styles.completed)}\n                                aria-hidden\n                            />\n                        )}\n                    </Fragment>\n                );\n            })}\n        </ol>\n    );\n}\n"],"names":["Stepper","steps","current","orientation","className","jsx","cn","styles","step","index","completed","active","Fragment","jsxs"],"mappings":";;;;AAsBO,SAASA,EAAQ,EAAE,OAAAC,GAAO,SAAAC,GAAS,aAAAC,IAAc,cAAc,WAAAC,KAA2B;AAC7F,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,SAASJ,MAAgB,cAAcI,EAAO,UAAUH,CAAS;AAAA,MAErF,UAAAH,EAAM,IAAI,CAACO,GAAMC,MAAU;AACxB,cAAMC,IAAYD,IAAQP,GACpBS,IAASF,MAAUP;AACzB,iCACKU,GAAA,EACG,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWP;AAAA,gBACPC,EAAO;AAAA,gBACPG,KAAaH,EAAO;AAAA,gBACpBI,KAAUJ,EAAO;AAAA,cAAA;AAAA,cAErB,gBAAcI,IAAS,SAAS;AAAA,cAEhC,UAAA;AAAA,gBAAA,gBAAAN,EAAC,UAAK,WAAWE,EAAO,KAAM,UAAAG,IAAY,MAAMD,IAAQ,EAAA,CAAE;AAAA,kCACzD,QAAA,EAAK,WAAWF,EAAO,OAAQ,YAAK,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAE9CE,IAAQR,EAAM,SAAS,KACpB,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWC,EAAGC,EAAO,WAAWG,KAAaH,EAAO,SAAS;AAAA,cAC7D,eAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QACf,EAAA,GAhBOE,CAkBf;AAAA,MAER,CAAC;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/Stepper/Stepper.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_stepper_w3qjQ",t="tempest_vertical_d4mOs",s="tempest_step_s2nqL",c="tempest_dot_d1bSL",o="tempest_completed_gcFHM",p="tempest_active_kL-CH",l="tempest_label_8irAI",n="tempest_connector_lyeWp",r={stepper:e,vertical:t,step:s,dot:c,completed:o,active:p,label:l,connector:n};exports.active=p;exports.completed=o;exports.connector=n;exports.default=r;exports.dot=c;exports.label=l;exports.step=s;exports.stepper=e;exports.vertical=t;
+//# sourceMappingURL=Stepper.module.css.cjs.map

package/dist/components/Stepper/Stepper.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Stepper/Stepper.module.css.js

@@ -0,0 +1,22 @@
+const t = "tempest_stepper_w3qjQ", e = "tempest_vertical_d4mOs", s = "tempest_step_s2nqL", c = "tempest_dot_d1bSL", o = "tempest_completed_gcFHM", p = "tempest_active_kL-CH", n = "tempest_label_8irAI", _ = "tempest_connector_lyeWp", l = {
+  stepper: t,
+  vertical: e,
+  step: s,
+  dot: c,
+  completed: o,
+  active: p,
+  label: n,
+  connector: _
+};
+export {
+  p as active,
+  o as completed,
+  _ as connector,
+  l as default,
+  c as dot,
+  n as label,
+  s as step,
+  t as stepper,
+  e as vertical
+};
+//# sourceMappingURL=Stepper.module.css.js.map

package/dist/components/Stepper/Stepper.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/StepperInput/StepperInput.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("react"),d=require("../../utils/numbers.cjs"),p=require("../../utils/cn.cjs"),e=require("./StepperInput.module.css.cjs"),x=q.forwardRef(function({value:t,onChange:a,min:c=0,max:s=Number.POSITIVE_INFINITY,step:i=1,size:m="md",disabled:r=!1,label:l,format:u,labels:o={decrement:"Diminuir",increment:"Aumentar"},className:f},b){const I=()=>{r||a(d.clamp(t-i,c,s))},N=()=>{r||a(d.clamp(t+i,c,s))},j=u?u(t):String(t),S=!r&&t>c,h=!r&&t<s;return n.jsxs("div",{ref:b,className:p.cn(e.default.wrapper,f),children:[l&&n.jsx("label",{className:e.default.label,children:l}),n.jsxs("div",{className:p.cn(e.default.row,e.default[m],r&&e.default.disabled),children:[n.jsx("button",{type:"button",className:e.default.btn,"aria-label":o.decrement,onClick:I,disabled:!S,children:"−"}),n.jsx("span",{className:e.default.value,role:"status","aria-live":"polite",children:j}),n.jsx("button",{type:"button",className:e.default.btn,"aria-label":o.increment,onClick:N,disabled:!h,children:"+"})]})]})});exports.StepperInput=x;
+//# sourceMappingURL=StepperInput.cjs.map

package/dist/components/StepperInput/StepperInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.cjs","sources":["../../../src/components/StepperInput/StepperInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { clamp } from \"@/utils/numbers\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./StepperInput.module.css\";\n\nexport interface StepperInputProps {\n    /** Current value. */\n    value: number;\n    /** Fires with the new value (already clamped to min/max). */\n    onChange: (value: number) => void;\n    /** Lower bound. Default `0`. */\n    min?: number;\n    /** Upper bound. Default `Number.POSITIVE_INFINITY`. */\n    max?: number;\n    /** Increment per click. Default `1`. */\n    step?: number;\n    /** Visual size. Default `\"md\"`. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Disable the whole control. */\n    disabled?: boolean;\n    /** Optional label rendered above. */\n    label?: ReactNode;\n    /** Optional formatter for the displayed value. */\n    format?: (value: number) => string;\n    /** Custom button labels for accessibility. */\n    labels?: { decrement: string; increment: string };\n    className?: string;\n}\n\n/**\n * Numeric +/− stepper. Common in checkout quantity selectors and admin\n * forms. Clamps to `[min, max]` and emits already-bounded values.\n *\n * @example\n * <StepperInput value={qty} onChange={setQty} min={1} max={10} />\n */\nexport const StepperInput = forwardRef<HTMLDivElement, StepperInputProps>(function StepperInput(\n    {\n        value,\n        onChange,\n        min = 0,\n        max = Number.POSITIVE_INFINITY,\n        step = 1,\n        size = \"md\",\n        disabled = false,\n        label,\n        format,\n        labels = { decrement: \"Diminuir\", increment: \"Aumentar\" },\n        className,\n    },\n    ref,\n) {\n    const decrement = (): void => {\n        if (disabled) return;\n        onChange(clamp(value - step, min, max));\n    };\n    const increment = (): void => {\n        if (disabled) return;\n        onChange(clamp(value + step, min, max));\n    };\n\n    const display = format ? format(value) : String(value);\n    const canDecrement = !disabled && value > min;\n    const canIncrement = !disabled && value < max;\n\n    return (\n        <div ref={ref} className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.row, styles[size], disabled && styles.disabled)}>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.decrement}\n                    onClick={decrement}\n                    disabled={!canDecrement}\n                >\n                    −\n                </button>\n                <span className={styles.value} role=\"status\" aria-live=\"polite\">\n                    {display}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.increment}\n                    onClick={increment}\n                    disabled={!canIncrement}\n                >\n                    +\n                </button>\n            </div>\n        </div>\n    );\n});\n"],"names":["StepperInput","forwardRef","value","onChange","min","max","step","size","disabled","label","format","labels","className","ref","decrement","clamp","increment","display","canDecrement","canIncrement","jsxs","cn","styles","jsx"],"mappings":"wPAqCaA,EAAeC,EAAAA,WAA8C,SACtE,CACI,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,OAAO,kBACb,KAAAC,EAAO,EACP,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,MAAAC,EACA,OAAAC,EACA,OAAAC,EAAS,CAAE,UAAW,WAAY,UAAW,UAAA,EAC7C,UAAAC,CACJ,EACAC,EACF,CACE,MAAMC,EAAY,IAAY,CACtBN,GACJL,EAASY,EAAAA,MAAMb,EAAQI,EAAMF,EAAKC,CAAG,CAAC,CAC1C,EACMW,EAAY,IAAY,CACtBR,GACJL,EAASY,EAAAA,MAAMb,EAAQI,EAAMF,EAAKC,CAAG,CAAC,CAC1C,EAEMY,EAAUP,EAASA,EAAOR,CAAK,EAAI,OAAOA,CAAK,EAC/CgB,EAAe,CAACV,GAAYN,EAAQE,EACpCe,EAAe,CAACX,GAAYN,EAAQG,EAE1C,OACIe,OAAC,OAAI,IAAAP,EAAU,UAAWQ,KAAGC,EAAAA,QAAO,QAASV,CAAS,EACjD,SAAA,CAAAH,GAASc,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAAA,QAAO,MAAQ,SAAAb,EAAM,EACjDW,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,IAAKA,UAAOf,CAAI,EAAGC,GAAYc,EAAAA,QAAO,QAAQ,EACpE,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,IAClB,aAAYX,EAAO,UACnB,QAASG,EACT,SAAU,CAACI,EACd,SAAA,GAAA,CAAA,EAGDK,EAAAA,IAAC,QAAK,UAAWD,EAAAA,QAAO,MAAO,KAAK,SAAS,YAAU,SAClD,SAAAL,CAAA,CACL,EACAM,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,IAClB,aAAYX,EAAO,UACnB,QAASK,EACT,SAAU,CAACG,EACd,SAAA,GAAA,CAAA,CAED,CAAA,CACJ,CAAA,EACJ,CAER,CAAC"}

package/dist/components/StepperInput/StepperInput.js

@@ -0,0 +1,56 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { forwardRef as j } from "react";
+import { clamp as d } from "../../utils/numbers.js";
+import { cn as f } from "../../utils/cn.js";
+import e from "./StepperInput.module.css.js";
+const E = j(function({
+  value: r,
+  onChange: o,
+  min: c = 0,
+  max: i = Number.POSITIVE_INFINITY,
+  step: s = 1,
+  size: u = "md",
+  disabled: t = !1,
+  label: m,
+  format: a,
+  labels: l = { decrement: "Diminuir", increment: "Aumentar" },
+  className: N
+}, b) {
+  const I = () => {
+    t || o(d(r - s, c, i));
+  }, h = () => {
+    t || o(d(r + s, c, i));
+  }, y = a ? a(r) : String(r), S = !t && r > c, w = !t && r < i;
+  return /* @__PURE__ */ p("div", { ref: b, className: f(e.wrapper, N), children: [
+    m && /* @__PURE__ */ n("label", { className: e.label, children: m }),
+    /* @__PURE__ */ p("div", { className: f(e.row, e[u], t && e.disabled), children: [
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e.btn,
+          "aria-label": l.decrement,
+          onClick: I,
+          disabled: !S,
+          children: "−"
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: e.value, role: "status", "aria-live": "polite", children: y }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          className: e.btn,
+          "aria-label": l.increment,
+          onClick: h,
+          disabled: !w,
+          children: "+"
+        }
+      )
+    ] })
+  ] });
+});
+export {
+  E as StepperInput
+};
+//# sourceMappingURL=StepperInput.js.map

package/dist/components/StepperInput/StepperInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.js","sources":["../../../src/components/StepperInput/StepperInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { clamp } from \"@/utils/numbers\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./StepperInput.module.css\";\n\nexport interface StepperInputProps {\n    /** Current value. */\n    value: number;\n    /** Fires with the new value (already clamped to min/max). */\n    onChange: (value: number) => void;\n    /** Lower bound. Default `0`. */\n    min?: number;\n    /** Upper bound. Default `Number.POSITIVE_INFINITY`. */\n    max?: number;\n    /** Increment per click. Default `1`. */\n    step?: number;\n    /** Visual size. Default `\"md\"`. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Disable the whole control. */\n    disabled?: boolean;\n    /** Optional label rendered above. */\n    label?: ReactNode;\n    /** Optional formatter for the displayed value. */\n    format?: (value: number) => string;\n    /** Custom button labels for accessibility. */\n    labels?: { decrement: string; increment: string };\n    className?: string;\n}\n\n/**\n * Numeric +/− stepper. Common in checkout quantity selectors and admin\n * forms. Clamps to `[min, max]` and emits already-bounded values.\n *\n * @example\n * <StepperInput value={qty} onChange={setQty} min={1} max={10} />\n */\nexport const StepperInput = forwardRef<HTMLDivElement, StepperInputProps>(function StepperInput(\n    {\n        value,\n        onChange,\n        min = 0,\n        max = Number.POSITIVE_INFINITY,\n        step = 1,\n        size = \"md\",\n        disabled = false,\n        label,\n        format,\n        labels = { decrement: \"Diminuir\", increment: \"Aumentar\" },\n        className,\n    },\n    ref,\n) {\n    const decrement = (): void => {\n        if (disabled) return;\n        onChange(clamp(value - step, min, max));\n    };\n    const increment = (): void => {\n        if (disabled) return;\n        onChange(clamp(value + step, min, max));\n    };\n\n    const display = format ? format(value) : String(value);\n    const canDecrement = !disabled && value > min;\n    const canIncrement = !disabled && value < max;\n\n    return (\n        <div ref={ref} className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.row, styles[size], disabled && styles.disabled)}>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.decrement}\n                    onClick={decrement}\n                    disabled={!canDecrement}\n                >\n                    −\n                </button>\n                <span className={styles.value} role=\"status\" aria-live=\"polite\">\n                    {display}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.increment}\n                    onClick={increment}\n                    disabled={!canIncrement}\n                >\n                    +\n                </button>\n            </div>\n        </div>\n    );\n});\n"],"names":["StepperInput","forwardRef","value","onChange","min","max","step","size","disabled","label","format","labels","className","ref","decrement","clamp","increment","display","canDecrement","canIncrement","jsxs","cn","styles","jsx"],"mappings":";;;;;AAqCO,MAAMA,IAAeC,EAA8C,SACtE;AAAA,EACI,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM,OAAO;AAAA,EACb,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS,EAAE,WAAW,YAAY,WAAW,WAAA;AAAA,EAC7C,WAAAC;AACJ,GACAC,GACF;AACE,QAAMC,IAAY,MAAY;AAC1B,IAAIN,KACJL,EAASY,EAAMb,IAAQI,GAAMF,GAAKC,CAAG,CAAC;AAAA,EAC1C,GACMW,IAAY,MAAY;AAC1B,IAAIR,KACJL,EAASY,EAAMb,IAAQI,GAAMF,GAAKC,CAAG,CAAC;AAAA,EAC1C,GAEMY,IAAUP,IAASA,EAAOR,CAAK,IAAI,OAAOA,CAAK,GAC/CgB,IAAe,CAACV,KAAYN,IAAQE,GACpCe,IAAe,CAACX,KAAYN,IAAQG;AAE1C,SACI,gBAAAe,EAAC,SAAI,KAAAP,GAAU,WAAWQ,EAAGC,EAAO,SAASV,CAAS,GACjD,UAAA;AAAA,IAAAH,KAAS,gBAAAc,EAAC,SAAA,EAAM,WAAWD,EAAO,OAAQ,UAAAb,GAAM;AAAA,IACjD,gBAAAW,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,KAAKA,EAAOf,CAAI,GAAGC,KAAYc,EAAO,QAAQ,GACpE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWD,EAAO;AAAA,UAClB,cAAYX,EAAO;AAAA,UACnB,SAASG;AAAA,UACT,UAAU,CAACI;AAAA,UACd,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,gBAAAK,EAAC,UAAK,WAAWD,EAAO,OAAO,MAAK,UAAS,aAAU,UAClD,UAAAL,EAAA,CACL;AAAA,MACA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWD,EAAO;AAAA,UAClB,cAAYX,EAAO;AAAA,UACnB,SAASK;AAAA,UACT,UAAU,CAACG;AAAA,UACd,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACJ;AAAA,EAAA,GACJ;AAER,CAAC;"}

package/dist/components/StepperInput/StepperInput.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_JNjXK",t="tempest_label_9XKNm",s="tempest_row_cOARX",l="tempest_sm_RzVSU",a="tempest_md_pezRm",m="tempest_lg_kYbIN",o="tempest_disabled_vqmo2",_="tempest_btn_xuHhj",p="tempest_value_NEatO",r={wrapper:e,label:t,row:s,sm:l,md:a,lg:m,disabled:o,btn:_,value:p};exports.btn=_;exports.default=r;exports.disabled=o;exports.label=t;exports.lg=m;exports.md=a;exports.row=s;exports.sm=l;exports.value=p;exports.wrapper=e;
+//# sourceMappingURL=StepperInput.module.css.cjs.map

package/dist/components/StepperInput/StepperInput.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}