tempest-react-sdk 0.23.0 → 0.25.0

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

@@ -0,0 +1,2 @@
+var e=`tempest_spinner_GpFZS`,t=`tempest_tempest-spinner_wKVCY`,n=`tempest_xs_p8BFI`,r=`tempest_sm_3sIoD`,i=`tempest_md_M2sPj`,a=`tempest_lg_IxTw2`,o=`tempest_xl_cgwqq`,s=`tempest_wrap_Xkv-I`,c=`tempest_overlay_sVSe9`,l=`tempest_caption_B0ED9`,u={spinner:e,tempestSpinner:t,xs:n,sm:r,md:i,lg:a,xl:o,wrap:s,overlay:c,caption:l};exports.caption=l,exports.default=u,exports.lg=a,exports.md=i,exports.overlay=c,exports.sm=r,exports.spinner=e,exports.tempestSpinner=t,exports.wrap=s,exports.xl=o,exports.xs=n;
+//# sourceMappingURL=Spinner.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.module.cjs","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 2px solid var(--tempest-surface-2);\n    border-top-color: var(--tempest-primary);\n    border-radius: 50%;\n    animation: tempest-spinner 0.7s linear infinite;\n    flex-shrink: 0;\n}\n\n.xs {\n    width: 10px;\n    height: 10px;\n    border-width: 1.5px;\n}\n.sm {\n    width: 14px;\n    height: 14px;\n    border-width: 2px;\n}\n.md {\n    width: 20px;\n    height: 20px;\n    border-width: 2px;\n}\n.lg {\n    width: 32px;\n    height: 32px;\n    border-width: 3px;\n}\n.xl {\n    width: 48px;\n    height: 48px;\n    border-width: 4px;\n}\n\n.wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    min-height: 60vh;\n}\n\n.caption {\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-spinner {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spinner {\n        animation-duration: 2s;\n    }\n}\n"],"mappings":""}

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

@@ -0,0 +1,17 @@
+//#region src/components/Spinner/Spinner.module.css
+var e = "tempest_spinner_GpFZS", t = "tempest_tempest-spinner_wKVCY", n = "tempest_xs_p8BFI", r = "tempest_sm_3sIoD", i = "tempest_md_M2sPj", a = "tempest_lg_IxTw2", o = "tempest_xl_cgwqq", s = "tempest_wrap_Xkv-I", c = "tempest_overlay_sVSe9", l = "tempest_caption_B0ED9", u = {
+	spinner: e,
+	tempestSpinner: t,
+	xs: n,
+	sm: r,
+	md: i,
+	lg: a,
+	xl: o,
+	wrap: s,
+	overlay: c,
+	caption: l
+};
+//#endregion
+export { l as caption, u as default, a as lg, i as md, c as overlay, r as sm, e as spinner, t as tempestSpinner, s as wrap, o as xl, n as xs };
+
+//# sourceMappingURL=Spinner.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.module.js","names":[],"sources":["../../../src/components/Spinner/Spinner.module.css"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 2px solid var(--tempest-surface-2);\n    border-top-color: var(--tempest-primary);\n    border-radius: 50%;\n    animation: tempest-spinner 0.7s linear infinite;\n    flex-shrink: 0;\n}\n\n.xs {\n    width: 10px;\n    height: 10px;\n    border-width: 1.5px;\n}\n.sm {\n    width: 14px;\n    height: 14px;\n    border-width: 2px;\n}\n.md {\n    width: 20px;\n    height: 20px;\n    border-width: 2px;\n}\n.lg {\n    width: 32px;\n    height: 32px;\n    border-width: 3px;\n}\n.xl {\n    width: 48px;\n    height: 48px;\n    border-width: 4px;\n}\n\n.wrap {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n}\n\n.overlay {\n    position: absolute;\n    inset: 0;\n    min-height: 60vh;\n}\n\n.caption {\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-spinner {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spinner {\n        animation-duration: 2s;\n    }\n}\n"],"mappings":""}

package/dist/components/Stat/Stat.cjs

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

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

@@ -1 +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"}
+{"version":3,"file":"Stat.cjs","names":[],"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"],"mappings":"wGAqBA,SAAS,EAAW,EAAqD,CACrE,GAAI,OAAO,GAAU,SAAU,OAC/B,IAAM,EAAU,EAAM,KAAK,EAC3B,GAAI,EAAQ,WAAW,GAAG,EAAG,MAAO,KACpC,GAAI,EAAQ,WAAW,GAAG,GAAK,EAAQ,WAAW,GAAG,EAAG,MAAO,MAEnE,CASA,SAAgB,EAAK,CAAE,QAAO,QAAO,QAAO,QAAO,OAAM,OAAM,YAAW,GAAG,GAAoB,CAC7F,IAAM,EAAuC,GAAS,EAAW,CAAK,EACtE,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,WAAhD,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAvB,CACK,IAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,CAAW,CAAA,GACnD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,CAC3C,KACL,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,aAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAC3C,IAAU,IAAA,KACP,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,MACP,IAAkB,MAAQ,EAAA,QAAO,GACjC,IAAkB,QAAU,EAAA,QAAO,KACnC,IAAkB,QAAU,EAAA,QAAO,IACvC,WAEC,CACC,CAAA,CAET,IACJ,IAAQ,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,cAAO,CAAQ,CAAA,CAC5C,GAEb"}

package/dist/components/Stat/Stat.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"Stat.js","names":[],"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"],"mappings":";;;;AAqBA,SAAS,EAAW,GAAqD;CACrE,IAAI,OAAO,KAAU,UAAU;CAC/B,IAAM,IAAU,EAAM,KAAK;CAC3B,IAAI,EAAQ,WAAW,GAAG,GAAG,OAAO;CACpC,IAAI,EAAQ,WAAW,GAAG,KAAK,EAAQ,WAAW,GAAG,GAAG,OAAO;AAEnE;AASA,SAAgB,EAAK,EAAE,UAAO,UAAO,UAAO,UAAO,SAAM,SAAM,cAAW,GAAG,KAAoB;CAC7F,IAAM,IAAuC,KAAS,EAAW,CAAK;CACtE,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YAAhD;GACI,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACK,KAAQ,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAO;IAAW,CAAA,GACnD,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,CAC3C;;GACL,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GAC3C,MAAU,KAAA,KACP,kBAAC,QAAD;KACI,WAAW,EACP,EAAO,OACP,MAAkB,QAAQ,EAAO,IACjC,MAAkB,UAAU,EAAO,MACnC,MAAkB,UAAU,EAAO,IACvC;eAEC;IACC,CAAA,CAET;;GACJ,KAAQ,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAO;GAAQ,CAAA;EAC5C;;AAEb"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_stat_zoo9y`,t=`tempest_header_3UQqq`,n=`tempest_icon_zUG3e`,r=`tempest_label_lIH47`,i=`tempest_row_Ifyts`,a=`tempest_value_JBWnr`,o=`tempest_delta_mRVrE`,s=`tempest_up_7qgUO`,c=`tempest_down_3Rq2Z`,l=`tempest_flat_R5pZT`,u=`tempest_hint_YkTF8`,d={stat:e,header:t,icon:n,label:r,row:i,value:a,delta:o,up:s,down:c,flat:l,hint:u};exports.default=d,exports.delta=o,exports.down=c,exports.flat=l,exports.header=t,exports.hint=u,exports.icon=n,exports.label=r,exports.row=i,exports.stat=e,exports.up=s,exports.value=a;
+//# sourceMappingURL=Stat.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.module.cjs","names":[],"sources":["../../../src/components/Stat/Stat.module.css"],"sourcesContent":[".stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-4);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    min-width: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n}\n\n.label {\n    line-height: var(--tempest-leading-snug);\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2);\n    flex-wrap: wrap;\n}\n\n.value {\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-tight);\n}\n\n.delta {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text-muted);\n}\n\n.delta.up {\n    color: var(--tempest-success-fg);\n}\n\n.delta.down {\n    color: var(--tempest-danger-fg);\n}\n\n.delta.flat {\n    color: var(--tempest-text-muted);\n}\n\n.hint {\n    margin: 0;\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+//#region src/components/Stat/Stat.module.css
+var e = "tempest_stat_zoo9y", t = "tempest_header_3UQqq", n = "tempest_icon_zUG3e", r = "tempest_label_lIH47", i = "tempest_row_Ifyts", a = "tempest_value_JBWnr", o = "tempest_delta_mRVrE", s = "tempest_up_7qgUO", c = "tempest_down_3Rq2Z", l = "tempest_flat_R5pZT", u = "tempest_hint_YkTF8", d = {
+	stat: e,
+	header: t,
+	icon: n,
+	label: r,
+	row: i,
+	value: a,
+	delta: o,
+	up: s,
+	down: c,
+	flat: l,
+	hint: u
+};
+//#endregion
+export { d as default, o as delta, c as down, l as flat, t as header, u as hint, n as icon, r as label, i as row, e as stat, s as up, a as value };
+
+//# sourceMappingURL=Stat.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.module.js","names":[],"sources":["../../../src/components/Stat/Stat.module.css"],"sourcesContent":[".stat {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-4);\n    background: var(--tempest-surface);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    font-family: var(--tempest-font-sans);\n    min-width: 0;\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n}\n\n.label {\n    line-height: var(--tempest-leading-snug);\n}\n\n.row {\n    display: flex;\n    align-items: baseline;\n    gap: var(--tempest-space-2);\n    flex-wrap: wrap;\n}\n\n.value {\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-tight);\n}\n\n.delta {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text-muted);\n}\n\n.delta.up {\n    color: var(--tempest-success-fg);\n}\n\n.delta.down {\n    color: var(--tempest-danger-fg);\n}\n\n.delta.flat {\n    color: var(--tempest-text-muted);\n}\n\n.hint {\n    margin: 0;\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n"],"mappings":""}

package/dist/components/Stepper/Stepper.cjs

@@ -1,2 +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
+const e=require("../../utils/cn.cjs"),t=require("./Stepper.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({steps:i,current:a,orientation:o=`horizontal`,onStepClick:s,className:c}){return(0,r.jsx)(`ol`,{className:e.cn(t.default.stepper,o===`vertical`&&t.default.vertical,c),children:i.map((o,c)=>{let l=c<a,u=c===a;return(0,r.jsxs)(n.Fragment,{children:[(0,r.jsx)(`li`,{className:e.cn(t.default.step,l&&t.default.completed,u&&t.default.active),"aria-current":u?`step`:void 0,children:s?(0,r.jsxs)(`button`,{type:`button`,className:t.default.trigger,"aria-current":u?`step`:void 0,onClick:()=>s(c),children:[(0,r.jsx)(`span`,{className:t.default.dot,children:l?`✓`:c+1}),(0,r.jsxs)(`span`,{className:t.default.labelGroup,children:[(0,r.jsx)(`span`,{className:t.default.label,children:o.label}),o.description?(0,r.jsx)(`span`,{className:t.default.description,children:o.description}):null]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{className:t.default.dot,children:l?`✓`:c+1}),(0,r.jsxs)(`span`,{className:t.default.labelGroup,children:[(0,r.jsx)(`span`,{className:t.default.label,children:o.label}),o.description?(0,r.jsx)(`span`,{className:t.default.description,children:o.description}):null]})]})}),c<i.length-1&&(0,r.jsx)(`span`,{className:e.cn(t.default.connector,l&&t.default.completed),"aria-hidden":!0})]},c)})})}exports.Stepper=i;
+//# sourceMappingURL=Stepper.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"Stepper.cjs","names":[],"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    /** Secondary line under the label — a hint, or \"optional\". */\n    description?: 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    /**\n     * Makes each step activatable. Without it the steps are a read-only\n     * indicator, which is the right default — in a gated flow, jumping ahead\n     * would skip the gates.\n     */\n    onStepClick?: (index: number) => void;\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({\n    steps,\n    current,\n    orientation = \"horizontal\",\n    onStepClick,\n    className,\n}: 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                            {onStepClick ? (\n                                <button\n                                    type=\"button\"\n                                    className={styles.trigger}\n                                    aria-current={active ? \"step\" : undefined}\n                                    onClick={() => onStepClick(index)}\n                                >\n                                    <span className={styles.dot}>\n                                        {completed ? \"✓\" : index + 1}\n                                    </span>\n                                    <span className={styles.labelGroup}>\n                                        <span className={styles.label}>{step.label}</span>\n                                        {step.description ? (\n                                            <span className={styles.description}>\n                                                {step.description}\n                                            </span>\n                                        ) : null}\n                                    </span>\n                                </button>\n                            ) : (\n                                <>\n                                    <span className={styles.dot}>\n                                        {completed ? \"✓\" : index + 1}\n                                    </span>\n                                    <span className={styles.labelGroup}>\n                                        <span className={styles.label}>{step.label}</span>\n                                        {step.description ? (\n                                            <span className={styles.description}>\n                                                {step.description}\n                                            </span>\n                                        ) : null}\n                                    </span>\n                                </>\n                            )}\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"],"mappings":"8HA8BA,SAAgB,EAAQ,CACpB,QACA,UACA,cAAc,aACd,cACA,aACa,CACb,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,IAAgB,YAAc,EAAA,QAAO,SAAU,CAAS,WAErF,EAAM,KAAK,EAAM,IAAU,CACxB,IAAM,EAAY,EAAQ,EACpB,EAAS,IAAU,EACzB,OACI,EAAA,EAAA,KAAA,CAAC,EAAA,SAAD,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,KAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAa,EAAA,QAAO,UACpB,GAAU,EAAA,QAAO,MACrB,EACA,eAAc,EAAS,OAAS,IAAA,YAE/B,GACG,EAAA,EAAA,KAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,QAClB,eAAc,EAAS,OAAS,IAAA,GAChC,YAAe,EAAY,CAAK,WAJpC,EAMI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,aACnB,EAAY,IAAM,EAAQ,CACzB,CAAA,GACN,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,oBAAxB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,EAChD,EAAK,aACF,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBACnB,EAAK,WACJ,CAAA,EACN,IACF,GACF,KAER,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,aACnB,EAAY,IAAM,EAAQ,CACzB,CAAA,GACN,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,oBAAxB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,EAChD,EAAK,aACF,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBACnB,EAAK,WACJ,CAAA,EACN,IACF,GACR,CAAA,CAAA,CAEN,CAAA,EACH,EAAQ,EAAM,OAAS,IACpB,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,GAAa,EAAA,QAAO,SAAS,EAC7D,cAAA,EACH,CAAA,CAEC,CAAA,EAlDK,CAkDL,CAElB,CAAC,CACD,CAAA,CAEZ"}

package/dist/components/Stepper/Stepper.js

@@ -1,43 +1,55 @@
-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);
-      })
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Stepper.module.js";
+import { Fragment as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Stepper/Stepper.tsx
+function o({ steps: o, current: s, orientation: c = "horizontal", onStepClick: l, className: u }) {
+	return /* @__PURE__ */ i("ol", {
+		className: e(t.stepper, c === "vertical" && t.vertical, u),
+		children: o.map((c, u) => {
+			let d = u < s, f = u === s;
+			return /* @__PURE__ */ a(n, { children: [/* @__PURE__ */ i("li", {
+				className: e(t.step, d && t.completed, f && t.active),
+				"aria-current": f ? "step" : void 0,
+				children: l ? /* @__PURE__ */ a("button", {
+					type: "button",
+					className: t.trigger,
+					"aria-current": f ? "step" : void 0,
+					onClick: () => l(u),
+					children: [/* @__PURE__ */ i("span", {
+						className: t.dot,
+						children: d ? "✓" : u + 1
+					}), /* @__PURE__ */ a("span", {
+						className: t.labelGroup,
+						children: [/* @__PURE__ */ i("span", {
+							className: t.label,
+							children: c.label
+						}), c.description ? /* @__PURE__ */ i("span", {
+							className: t.description,
+							children: c.description
+						}) : null]
+					})]
+				}) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+					className: t.dot,
+					children: d ? "✓" : u + 1
+				}), /* @__PURE__ */ a("span", {
+					className: t.labelGroup,
+					children: [/* @__PURE__ */ i("span", {
+						className: t.label,
+						children: c.label
+					}), c.description ? /* @__PURE__ */ i("span", {
+						className: t.description,
+						children: c.description
+					}) : null]
+				})] })
+			}), u < o.length - 1 && /* @__PURE__ */ i("span", {
+				className: e(t.connector, d && t.completed),
+				"aria-hidden": !0
+			})] }, u);
+		})
+	});
 }
-export {
-  u as Stepper
-};
-//# sourceMappingURL=Stepper.js.map
+//#endregion
+export { o as Stepper };
+
+//# sourceMappingURL=Stepper.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"Stepper.js","names":[],"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    /** Secondary line under the label — a hint, or \"optional\". */\n    description?: 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    /**\n     * Makes each step activatable. Without it the steps are a read-only\n     * indicator, which is the right default — in a gated flow, jumping ahead\n     * would skip the gates.\n     */\n    onStepClick?: (index: number) => void;\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({\n    steps,\n    current,\n    orientation = \"horizontal\",\n    onStepClick,\n    className,\n}: 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                            {onStepClick ? (\n                                <button\n                                    type=\"button\"\n                                    className={styles.trigger}\n                                    aria-current={active ? \"step\" : undefined}\n                                    onClick={() => onStepClick(index)}\n                                >\n                                    <span className={styles.dot}>\n                                        {completed ? \"✓\" : index + 1}\n                                    </span>\n                                    <span className={styles.labelGroup}>\n                                        <span className={styles.label}>{step.label}</span>\n                                        {step.description ? (\n                                            <span className={styles.description}>\n                                                {step.description}\n                                            </span>\n                                        ) : null}\n                                    </span>\n                                </button>\n                            ) : (\n                                <>\n                                    <span className={styles.dot}>\n                                        {completed ? \"✓\" : index + 1}\n                                    </span>\n                                    <span className={styles.labelGroup}>\n                                        <span className={styles.label}>{step.label}</span>\n                                        {step.description ? (\n                                            <span className={styles.description}>\n                                                {step.description}\n                                            </span>\n                                        ) : null}\n                                    </span>\n                                </>\n                            )}\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"],"mappings":";;;;;AA8BA,SAAgB,EAAQ,EACpB,UACA,YACA,iBAAc,cACd,gBACA,gBACa;CACb,OACI,kBAAC,MAAD;EACI,WAAW,EAAG,EAAO,SAAS,MAAgB,cAAc,EAAO,UAAU,CAAS;YAErF,EAAM,KAAK,GAAM,MAAU;GACxB,IAAM,IAAY,IAAQ,GACpB,IAAS,MAAU;GACzB,OACI,kBAAC,GAAD,EAAA,UAAA,CACI,kBAAC,MAAD;IACI,WAAW,EACP,EAAO,MACP,KAAa,EAAO,WACpB,KAAU,EAAO,MACrB;IACA,gBAAc,IAAS,SAAS,KAAA;cAE/B,IACG,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,gBAAc,IAAS,SAAS,KAAA;KAChC,eAAe,EAAY,CAAK;eAJpC,CAMI,kBAAC,QAAD;MAAM,WAAW,EAAO;gBACnB,IAAY,MAAM,IAAQ;KACzB,CAAA,GACN,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAxB,CACI,kBAAC,QAAD;OAAM,WAAW,EAAO;iBAAQ,EAAK;MAAY,CAAA,GAChD,EAAK,cACF,kBAAC,QAAD;OAAM,WAAW,EAAO;iBACnB,EAAK;MACJ,CAAA,IACN,IACF;OACF;SAER,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,QAAD;KAAM,WAAW,EAAO;eACnB,IAAY,MAAM,IAAQ;IACzB,CAAA,GACN,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAxB,CACI,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAQ,EAAK;KAAY,CAAA,GAChD,EAAK,cACF,kBAAC,QAAD;MAAM,WAAW,EAAO;gBACnB,EAAK;KACJ,CAAA,IACN,IACF;MACR,EAAA,CAAA;GAEN,CAAA,GACH,IAAQ,EAAM,SAAS,KACpB,kBAAC,QAAD;IACI,WAAW,EAAG,EAAO,WAAW,KAAa,EAAO,SAAS;IAC7D,eAAA;GACH,CAAA,CAEC,EAAA,GAlDK,CAkDL;EAElB,CAAC;CACD,CAAA;AAEZ"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_stepper_w3qjQ`,t=`tempest_vertical_d4mOs`,n=`tempest_step_s2nqL`,r=`tempest_dot_d1bSL`,i=`tempest_completed_gcFHM`,a=`tempest_active_kL-CH`,o=`tempest_label_8irAI`,s=`tempest_connector_lyeWp`,c=`tempest_labelGroup_PVn4m`,l=`tempest_description_xHXx3`,u=`tempest_trigger_vcUwl`,d={stepper:e,vertical:t,step:n,dot:r,completed:i,active:a,label:o,connector:s,labelGroup:c,description:l,trigger:u};exports.active=a,exports.completed=i,exports.connector=s,exports.default=d,exports.description=l,exports.dot=r,exports.label=o,exports.labelGroup=c,exports.step=n,exports.stepper=e,exports.trigger=u,exports.vertical=t;
+//# sourceMappingURL=Stepper.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.module.cjs","names":[],"sources":["../../../src/components/Stepper/Stepper.module.css"],"sourcesContent":[".stepper {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.stepper.vertical {\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 1;\n}\n\n.dot {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-border-strong);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text-muted);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-bold);\n    flex-shrink: 0;\n    transition: var(--tempest-transition-color);\n}\n\n.step.completed .dot {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.step.active .dot {\n    border-color: var(--tempest-primary-on-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: 0 0 0 4px var(--tempest-primary-soft);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.step.active .label,\n.step.completed .label {\n    color: var(--tempest-text);\n}\n\n.connector {\n    flex: 1;\n    height: 2px;\n    background-color: var(--tempest-border);\n    margin: 0 var(--tempest-space-1);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.connector.completed {\n    background-color: var(--tempest-primary);\n}\n\n.stepper.vertical .connector {\n    width: 2px;\n    height: 24px;\n    margin: 0 0 0 13px;\n}\n\n/* Mobile — horizontal stepper becomes vertical automatically. */\n@media (max-width: 639.98px) {\n    .stepper:not(.vertical) {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .stepper:not(.vertical) .connector {\n        width: 2px;\n        height: 16px;\n        margin: 0 0 0 13px;\n    }\n}\n\n.labelGroup {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-subtle);\n}\n\n.trigger {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: 0;\n    background: none;\n    border: 0;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+//#region src/components/Stepper/Stepper.module.css
+var e = "tempest_stepper_w3qjQ", t = "tempest_vertical_d4mOs", n = "tempest_step_s2nqL", r = "tempest_dot_d1bSL", i = "tempest_completed_gcFHM", a = "tempest_active_kL-CH", o = "tempest_label_8irAI", s = "tempest_connector_lyeWp", c = "tempest_labelGroup_PVn4m", l = "tempest_description_xHXx3", u = "tempest_trigger_vcUwl", d = {
+	stepper: e,
+	vertical: t,
+	step: n,
+	dot: r,
+	completed: i,
+	active: a,
+	label: o,
+	connector: s,
+	labelGroup: c,
+	description: l,
+	trigger: u
+};
+//#endregion
+export { a as active, i as completed, s as connector, d as default, l as description, r as dot, o as label, c as labelGroup, n as step, e as stepper, u as trigger, t as vertical };
+
+//# sourceMappingURL=Stepper.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.module.js","names":[],"sources":["../../../src/components/Stepper/Stepper.module.css"],"sourcesContent":[".stepper {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.stepper.vertical {\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 1;\n}\n\n.dot {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-border-strong);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text-muted);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-bold);\n    flex-shrink: 0;\n    transition: var(--tempest-transition-color);\n}\n\n.step.completed .dot {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.step.active .dot {\n    border-color: var(--tempest-primary-on-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: 0 0 0 4px var(--tempest-primary-soft);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.step.active .label,\n.step.completed .label {\n    color: var(--tempest-text);\n}\n\n.connector {\n    flex: 1;\n    height: 2px;\n    background-color: var(--tempest-border);\n    margin: 0 var(--tempest-space-1);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.connector.completed {\n    background-color: var(--tempest-primary);\n}\n\n.stepper.vertical .connector {\n    width: 2px;\n    height: 24px;\n    margin: 0 0 0 13px;\n}\n\n/* Mobile — horizontal stepper becomes vertical automatically. */\n@media (max-width: 639.98px) {\n    .stepper:not(.vertical) {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .stepper:not(.vertical) .connector {\n        width: 2px;\n        height: 16px;\n        margin: 0 0 0 13px;\n    }\n}\n\n.labelGroup {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    min-width: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-subtle);\n}\n\n.trigger {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: 0;\n    background: none;\n    border: 0;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n"],"mappings":""}

package/dist/components/StepperInput/StepperInput.cjs

@@ -1,2 +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
+const e=require("../../utils/cn.cjs"),t=require("../../utils/numbers.cjs"),n=require("./StepperInput.module.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)(function({value:r,onChange:a,min:o=0,max:s=1/0,step:c=1,size:l=`md`,disabled:u=!1,label:d,format:f,labels:p={decrement:`Diminuir`,increment:`Aumentar`},className:m},h){let g=()=>{u||a(t.clamp(r-c,o,s))},_=()=>{u||a(t.clamp(r+c,o,s))},v=f?f(r):String(r),y=!u&&r>o,b=!u&&r<s;return(0,i.jsxs)(`div`,{ref:h,className:e.cn(n.default.wrapper,m),children:[d&&(0,i.jsx)(`label`,{className:n.default.label,children:d}),(0,i.jsxs)(`div`,{className:e.cn(n.default.row,n.default[l],u&&n.default.disabled),children:[(0,i.jsx)(`button`,{type:`button`,className:n.default.btn,"aria-label":p.decrement,onClick:g,disabled:!y,children:`−`}),(0,i.jsx)(`span`,{className:n.default.value,role:`status`,"aria-live":`polite`,children:v}),(0,i.jsx)(`button`,{type:`button`,className:n.default.btn,"aria-label":p.increment,onClick:_,disabled:!b,children:`+`})]})]})});exports.StepperInput=a;
+//# sourceMappingURL=StepperInput.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"StepperInput.cjs","names":[],"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"],"mappings":"wKAqCA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA6D,SACtE,CACI,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,OAAO,KACP,WAAW,GACX,QACA,SACA,SAAS,CAAE,UAAW,WAAY,UAAW,UAAW,EACxD,aAEJ,EACF,CACE,IAAM,MAAwB,CACtB,GACJ,EAAS,EAAA,MAAM,EAAQ,EAAM,EAAK,CAAG,CAAC,CAC1C,EACM,MAAwB,CACtB,GACJ,EAAS,EAAA,MAAM,EAAQ,EAAM,EAAK,CAAG,CAAC,CAC1C,EAEM,EAAU,EAAS,EAAO,CAAK,EAAI,OAAO,CAAK,EAC/C,EAAe,CAAC,GAAY,EAAQ,EACpC,EAAe,CAAC,GAAY,EAAQ,EAE1C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAAtD,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAA,QAAO,eAAQ,CAAa,CAAA,GACxD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,GAAO,GAAY,EAAA,QAAO,QAAQ,WAAxE,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,IAClB,aAAY,EAAO,UACnB,QAAS,EACT,SAAU,CAAC,WACd,GAEO,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAO,KAAK,SAAS,YAAU,kBAClD,CACC,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,IAClB,aAAY,EAAO,UACnB,QAAS,EACT,SAAU,CAAC,WACd,GAEO,CAAA,CACP,GACJ,GAEb,CAAC"}