tempest-react-sdk 0.23.0 → 0.24.0

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`,className:s}){return(0,r.jsx)(`ol`,{className:e.cn(t.default.stepper,o===`vertical`&&t.default.vertical,s),children:i.map((o,s)=>{let c=s<a,l=s===a;return(0,r.jsxs)(n.Fragment,{children:[(0,r.jsxs)(`li`,{className:e.cn(t.default.step,c&&t.default.completed,l&&t.default.active),"aria-current":l?`step`:void 0,children:[(0,r.jsx)(`span`,{className:t.default.dot,children:c?`✓`:s+1}),(0,r.jsx)(`span`,{className:t.default.label,children:o.label})]}),s<i.length-1&&(0,r.jsx)(`span`,{className:e.cn(t.default.connector,c&&t.default.completed),"aria-hidden":!0})]},s)})})}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}\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"],"mappings":"8HAsBA,SAAgB,EAAQ,CAAE,QAAO,UAAS,cAAc,aAAc,aAA2B,CAC7F,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,KAAA,CAAC,KAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAa,EAAA,QAAO,UACpB,GAAU,EAAA,QAAO,MACrB,EACA,eAAc,EAAS,OAAS,IAAA,YANpC,EAQI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,aAAM,EAAY,IAAM,EAAQ,CAAQ,CAAA,GAChE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CACjD,IACH,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,EAlBK,CAkBL,CAElB,CAAC,CACD,CAAA,CAEZ"}

package/dist/components/Stepper/Stepper.js

@@ -1,43 +1,31 @@
-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 { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Stepper/Stepper.tsx
+function a({ steps: a, current: o, orientation: s = "horizontal", className: c }) {
+	return /* @__PURE__ */ r("ol", {
+		className: e(t.stepper, s === "vertical" && t.vertical, c),
+		children: a.map((s, c) => {
+			let l = c < o, u = c === o;
+			return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("li", {
+				className: e(t.step, l && t.completed, u && t.active),
+				"aria-current": u ? "step" : void 0,
+				children: [/* @__PURE__ */ r("span", {
+					className: t.dot,
+					children: l ? "✓" : c + 1
+				}), /* @__PURE__ */ r("span", {
+					className: t.label,
+					children: s.label
+				})]
+			}), c < a.length - 1 && /* @__PURE__ */ r("span", {
+				className: e(t.connector, l && t.completed),
+				"aria-hidden": !0
+			})] }, c);
+		})
+	});
 }
-export {
-  u as Stepper
-};
-//# sourceMappingURL=Stepper.js.map
+//#endregion
+export { a 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}\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"],"mappings":";;;;;AAsBA,SAAgB,EAAQ,EAAE,UAAO,YAAS,iBAAc,cAAc,gBAA2B;CAC7F,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;cANpC,CAQI,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAM,IAAY,MAAM,IAAQ;IAAQ,CAAA,GAChE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ,EAAK;IAAY,CAAA,CACjD;OACH,IAAQ,EAAM,SAAS,KACpB,kBAAC,QAAD;IACI,WAAW,EAAG,EAAO,WAAW,KAAa,EAAO,SAAS;IAC7D,eAAA;GACH,CAAA,CAEC,EAAA,GAlBK,CAkBL;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={stepper:e,vertical:t,step:n,dot:r,completed:i,active:a,label:o,connector:s};exports.active=a,exports.completed=i,exports.connector=s,exports.default=c,exports.dot=r,exports.label=o,exports.step=n,exports.stepper=e,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"],"mappings":""}

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

@@ -0,0 +1,15 @@
+//#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 = {
+	stepper: e,
+	vertical: t,
+	step: n,
+	dot: r,
+	completed: i,
+	active: a,
+	label: o,
+	connector: s
+};
+//#endregion
+export { a as active, i as completed, s as connector, c as default, r as dot, o as label, n as step, e as stepper, 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"],"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"}

package/dist/components/StepperInput/StepperInput.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"StepperInput.js","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":";;;;;;AAqCA,IAAa,IAAe,EAA8C,SACtE,EACI,UACA,aACA,SAAM,GACN,SAAM,UACN,UAAO,GACP,UAAO,MACP,cAAW,IACX,UACA,WACA,YAAS;CAAE,WAAW;CAAY,WAAW;AAAW,GACxD,gBAEJ,GACF;CACE,IAAM,UAAwB;EACtB,KACJ,EAAS,EAAM,IAAQ,GAAM,GAAK,CAAG,CAAC;CAC1C,GACM,UAAwB;EACtB,KACJ,EAAS,EAAM,IAAQ,GAAM,GAAK,CAAG,CAAC;CAC1C,GAEM,IAAU,IAAS,EAAO,CAAK,IAAI,OAAO,CAAK,GAC/C,IAAe,CAAC,KAAY,IAAQ,GACpC,IAAe,CAAC,KAAY,IAAQ;CAE1C,OACI,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAAtD,CACK,KAAS,kBAAC,SAAD;GAAO,WAAW,EAAO;aAAQ;EAAa,CAAA,GACxD,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,KAAK,EAAO,IAAO,KAAY,EAAO,QAAQ;aAAxE;IACI,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAY,EAAO;KACnB,SAAS;KACT,UAAU,CAAC;eACd;IAEO,CAAA;IACR,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAO,MAAK;KAAS,aAAU;eAClD;IACC,CAAA;IACN,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAY,EAAO;KACnB,SAAS;KACT,UAAU,CAAC;eACd;IAEO,CAAA;GACP;IACJ;;AAEb,CAAC"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_JNjXK`,t=`tempest_label_9XKNm`,n=`tempest_row_cOARX`,r=`tempest_sm_RzVSU`,i=`tempest_md_pezRm`,a=`tempest_lg_kYbIN`,o=`tempest_disabled_vqmo2`,s=`tempest_btn_xuHhj`,c=`tempest_value_NEatO`,l={wrapper:e,label:t,row:n,sm:r,md:i,lg:a,disabled:o,btn:s,value:c};exports.btn=s,exports.default=l,exports.disabled=o,exports.label=t,exports.lg=a,exports.md=i,exports.row=n,exports.sm=r,exports.value=c,exports.wrapper=e;
+//# sourceMappingURL=StepperInput.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.module.cjs","names":[],"sources":["../../../src/components/StepperInput/StepperInput.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.row {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.row.sm {\n    font-size: var(--tempest-text-sm);\n}\n.row.md {\n    font-size: var(--tempest-text-md);\n}\n.row.lg {\n    font-size: var(--tempest-text-lg);\n}\n\n.row.disabled {\n    opacity: 0.5;\n}\n\n.btn {\n    background: transparent;\n    border: 0;\n    color: var(--tempest-text);\n    cursor: pointer;\n    line-height: 1;\n    font: inherit;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.row.sm .btn {\n    width: 28px;\n    height: 28px;\n}\n\n.row.md .btn {\n    width: 36px;\n    height: 36px;\n}\n\n.row.lg .btn {\n    width: 44px;\n    height: 44px;\n}\n\n.btn:hover:not(:disabled) {\n    background: var(--tempest-gray-100);\n}\n\n.btn:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n}\n\n.value {\n    min-width: 2ch;\n    padding: 0 var(--tempest-space-3);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n}\n"],"mappings":""}

package/dist/components/StepperInput/StepperInput.module.js

@@ -0,0 +1,16 @@
+//#region src/components/StepperInput/StepperInput.module.css
+var e = "tempest_wrapper_JNjXK", t = "tempest_label_9XKNm", n = "tempest_row_cOARX", r = "tempest_sm_RzVSU", i = "tempest_md_pezRm", a = "tempest_lg_kYbIN", o = "tempest_disabled_vqmo2", s = "tempest_btn_xuHhj", c = "tempest_value_NEatO", l = {
+	wrapper: e,
+	label: t,
+	row: n,
+	sm: r,
+	md: i,
+	lg: a,
+	disabled: o,
+	btn: s,
+	value: c
+};
+//#endregion
+export { s as btn, l as default, o as disabled, t as label, a as lg, i as md, n as row, r as sm, c as value, e as wrapper };
+
+//# sourceMappingURL=StepperInput.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.module.js","names":[],"sources":["../../../src/components/StepperInput/StepperInput.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.row {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.row.sm {\n    font-size: var(--tempest-text-sm);\n}\n.row.md {\n    font-size: var(--tempest-text-md);\n}\n.row.lg {\n    font-size: var(--tempest-text-lg);\n}\n\n.row.disabled {\n    opacity: 0.5;\n}\n\n.btn {\n    background: transparent;\n    border: 0;\n    color: var(--tempest-text);\n    cursor: pointer;\n    line-height: 1;\n    font: inherit;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.row.sm .btn {\n    width: 28px;\n    height: 28px;\n}\n\n.row.md .btn {\n    width: 36px;\n    height: 36px;\n}\n\n.row.lg .btn {\n    width: 44px;\n    height: 44px;\n}\n\n.btn:hover:not(:disabled) {\n    background: var(--tempest-gray-100);\n}\n\n.btn:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n}\n\n.value {\n    min-width: 2ch;\n    padding: 0 var(--tempest-space-3);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n}\n"],"mappings":""}

package/dist/components/Switch/Switch.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),s=require("../../utils/cn.cjs"),e=require("./Switch.module.css.cjs"),d=u.forwardRef(function({label:a,disabled:c,wrapperClassName:r,className:n,...i},l){return t.jsxs("label",{className:s.cn(e.default.wrapper,c&&e.default.disabled,r),children:[t.jsx("input",{ref:l,type:"checkbox",role:"switch",disabled:c,className:s.cn(e.default.input,n),...i}),t.jsx("span",{className:e.default.track,"aria-hidden":!0,children:t.jsx("span",{className:e.default.thumb})}),a&&t.jsx("span",{className:e.default.label,children:a})]})});exports.Switch=d;
-//# sourceMappingURL=Switch.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Switch.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:n,disabled:i,wrapperClassName:a,className:o,...s},c){return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,i&&t.default.disabled,a),children:[(0,r.jsx)(`input`,{ref:c,type:`checkbox`,role:`switch`,disabled:i,className:e.cn(t.default.input,o),...s}),(0,r.jsx)(`span`,{className:t.default.track,"aria-hidden":!0,children:(0,r.jsx)(`span`,{className:t.default.thumb})}),n&&(0,r.jsx)(`span`,{className:t.default.label,children:n})]})});exports.Switch=i;
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    wrapperClassName?: string;\n}\n\n/** Toggle switch backed by a checkbox input. Accessible via keyboard. */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n    { label, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.track} aria-hidden>\n                <span className={styles.thumb} />\n            </span>\n            {label && <span className={styles.label}>{label}</span>}\n        </label>\n    );\n});\n"],"names":["Switch","forwardRef","label","disabled","wrapperClassName","className","props","ref","jsxs","cn","styles","jsx"],"mappings":"6MAWaA,EAASC,EAAAA,WAA0C,SAC5D,CAAE,MAAAC,EAAO,SAAAC,EAAU,iBAAAC,EAAkB,UAAAC,EAAW,GAAGC,CAAA,EACnDC,EACF,CACE,OACIC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASP,GAAYO,EAAAA,QAAO,SAAUN,CAAgB,EAC9E,SAAA,CAAAO,EAAAA,IAAC,QAAA,CACG,IAAAJ,EACA,KAAK,WACL,KAAK,SACL,SAAAJ,EACA,UAAWM,EAAAA,GAAGC,UAAO,MAAOL,CAAS,EACpC,GAAGC,CAAA,CAAA,EAERK,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAO,cAAW,GACtC,SAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAA,CAAO,EACnC,EACCR,GAASS,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAR,CAAA,CAAM,CAAA,EACpD,CAER,CAAC"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    wrapperClassName?: string;\n}\n\n/** Toggle switch backed by a checkbox input. Accessible via keyboard. */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n    { label, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.track} aria-hidden>\n                <span className={styles.thumb} />\n            </span>\n            {label && <span className={styles.label}>{label}</span>}\n        </label>\n    );\n});\n"],"mappings":"6HAWA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAmD,SAC5D,CAAE,QAAO,WAAU,mBAAkB,YAAW,GAAG,GACnD,EACF,CACE,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,SAAU,CAAgB,WAAlF,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,WACL,KAAK,SACK,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAO,cAAA,aAC3B,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAQ,CAAA,CAC9B,CAAA,EACL,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,CACnD,GAEf,CAAC"}

package/dist/components/Switch/Switch.js

@@ -1,25 +1,33 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { cn as t } from "../../utils/cn.js";
-import r from "./Switch.module.css.js";
-const w = p(function({ label: a, disabled: e, wrapperClassName: c, className: i, ...m }, n) {
-  return /* @__PURE__ */ o("label", { className: t(r.wrapper, e && r.disabled, c), children: [
-    /* @__PURE__ */ s(
-      "input",
-      {
-        ref: n,
-        type: "checkbox",
-        role: "switch",
-        disabled: e,
-        className: t(r.input, i),
-        ...m
-      }
-    ),
-    /* @__PURE__ */ s("span", { className: r.track, "aria-hidden": !0, children: /* @__PURE__ */ s("span", { className: r.thumb }) }),
-    a && /* @__PURE__ */ s("span", { className: r.label, children: a })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Switch.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Switch/Switch.tsx
+var a = n(function({ label: n, disabled: a, wrapperClassName: o, className: s, ...c }, l) {
+	return /* @__PURE__ */ i("label", {
+		className: e(t.wrapper, a && t.disabled, o),
+		children: [
+			/* @__PURE__ */ r("input", {
+				ref: l,
+				type: "checkbox",
+				role: "switch",
+				disabled: a,
+				className: e(t.input, s),
+				...c
+			}),
+			/* @__PURE__ */ r("span", {
+				className: t.track,
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ r("span", { className: t.thumb })
+			}),
+			n && /* @__PURE__ */ r("span", {
+				className: t.label,
+				children: n
+			})
+		]
+	});
 });
-export {
-  w as Switch
-};
-//# sourceMappingURL=Switch.js.map
+//#endregion
+export { a as Switch };
+
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    wrapperClassName?: string;\n}\n\n/** Toggle switch backed by a checkbox input. Accessible via keyboard. */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n    { label, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.track} aria-hidden>\n                <span className={styles.thumb} />\n            </span>\n            {label && <span className={styles.label}>{label}</span>}\n        </label>\n    );\n});\n"],"names":["Switch","forwardRef","label","disabled","wrapperClassName","className","props","ref","jsxs","cn","styles","jsx"],"mappings":";;;;AAWO,MAAMA,IAASC,EAA0C,SAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,GAAkB,WAAAC,GAAW,GAAGC,EAAA,GACnDC,GACF;AACE,SACI,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAGC,EAAO,SAASP,KAAYO,EAAO,UAAUN,CAAgB,GAC9E,UAAA;AAAA,IAAA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAJ;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,UAAAJ;AAAA,QACA,WAAWM,EAAGC,EAAO,OAAOL,CAAS;AAAA,QACpC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAO,eAAW,IACtC,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAA,CAAO,GACnC;AAAA,IACCR,KAAS,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAR,EAAA,CAAM;AAAA,EAAA,GACpD;AAER,CAAC;"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    wrapperClassName?: string;\n}\n\n/** Toggle switch backed by a checkbox input. Accessible via keyboard. */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n    { label, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.track} aria-hidden>\n                <span className={styles.thumb} />\n            </span>\n            {label && <span className={styles.label}>{label}</span>}\n        </label>\n    );\n});\n"],"mappings":";;;;;AAWA,IAAa,IAAS,EAA0C,SAC5D,EAAE,UAAO,aAAU,qBAAkB,cAAW,GAAG,KACnD,GACF;CACE,OACI,kBAAC,SAAD;EAAO,WAAW,EAAG,EAAO,SAAS,KAAY,EAAO,UAAU,CAAgB;YAAlF;GACI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAK;IACK;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,eAAA;cAC3B,kBAAC,QAAD,EAAM,WAAW,EAAO,MAAQ,CAAA;GAC9B,CAAA;GACL,KAAS,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAY,CAAA;EACnD;;AAEf,CAAC"}

package/dist/components/Switch/Switch.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_kudO9`,t=`tempest_disabled_2aZ0V`,n=`tempest_input_5BPNu`,r=`tempest_track_7ObdZ`,i=`tempest_thumb_-FTeK`,a=`tempest_label_LrH7V`,o={wrapper:e,disabled:t,input:n,track:r,thumb:i,label:a};exports.default=o,exports.disabled=t,exports.input=n,exports.label=a,exports.thumb=i,exports.track=r,exports.wrapper=e;
+//# sourceMappingURL=Switch.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.track {\n    width: 36px;\n    height: 20px;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    position: relative;\n    flex-shrink: 0;\n    box-shadow: var(--tempest-shadow-inner);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    box-shadow: var(--tempest-shadow-sm);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .track {\n    background-color: var(--tempest-gray-400);\n}\n\n.input:checked + .track {\n    background-color: var(--tempest-primary);\n}\n\n.input:checked + .track .thumb {\n    transform: translateX(16px);\n}\n\n.input:focus-visible + .track {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n"],"mappings":""}

package/dist/components/Switch/Switch.module.js

@@ -0,0 +1,13 @@
+//#region src/components/Switch/Switch.module.css
+var e = "tempest_wrapper_kudO9", t = "tempest_disabled_2aZ0V", n = "tempest_input_5BPNu", r = "tempest_track_7ObdZ", i = "tempest_thumb_-FTeK", a = "tempest_label_LrH7V", o = {
+	wrapper: e,
+	disabled: t,
+	input: n,
+	track: r,
+	thumb: i,
+	label: a
+};
+//#endregion
+export { o as default, t as disabled, n as input, a as label, i as thumb, r as track, e as wrapper };
+
+//# sourceMappingURL=Switch.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.js","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.track {\n    width: 36px;\n    height: 20px;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    position: relative;\n    flex-shrink: 0;\n    box-shadow: var(--tempest-shadow-inner);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    box-shadow: var(--tempest-shadow-sm);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .track {\n    background-color: var(--tempest-gray-400);\n}\n\n.input:checked + .track {\n    background-color: var(--tempest-primary);\n}\n\n.input:checked + .track .thumb {\n    transform: translateX(16px);\n}\n\n.input:focus-visible + .track {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n"],"mappings":""}

package/dist/components/SyncStatusBadge/SyncStatusBadge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("lucide-react"),l=require("../../utils/cn.cjs"),p=require("../../offline/use-offline-sync.cjs"),t=require("./SyncStatusBadge.module.css.cjs"),j={idle:"Sincronizado",syncing:"Sincronizando…",pending:"Pendente",offline:"Offline",error:"Erro"},y={idle:r.Check,syncing:r.RefreshCw,pending:r.UploadCloud,offline:r.CloudOff,error:r.AlertTriangle};function u({tone:e="idle",pending:n=0,labels:i,showPending:a=!0,iconOnly:o=!1,className:d,...f}){const g=y[e],c=i?.[e]??j[e],S=a&&n>0&&(e==="pending"||e==="error");return s.jsxs("span",{className:l.cn(t.default.badge,t.default[e],d),role:"status","aria-live":"polite",title:c,...f,children:[s.jsx(g,{className:l.cn(t.default.icon,e==="syncing"&&t.default.spin),size:14,"aria-hidden":"true"}),!o&&s.jsx("span",{className:t.default.label,children:c}),S&&s.jsx("span",{className:t.default.count,children:n})]})}function x({sync:e,...n}){const{tone:i,pending:a}=p.useSyncStatus(e);return s.jsx(u,{...n,tone:i,pending:a})}function h({sync:e,...n}){return e?s.jsx(x,{sync:e,...n}):s.jsx(u,{...n})}exports.SyncStatusBadge=h;
-//# sourceMappingURL=SyncStatusBadge.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../../offline/use-offline-sync.cjs"),n=require("./SyncStatusBadge.module.cjs");let r=require("react/jsx-runtime"),i=require("lucide-react");var a={idle:`Sincronizado`,syncing:`Sincronizando…`,pending:`Pendente`,offline:`Offline`,error:`Erro`},o={idle:i.Check,syncing:i.RefreshCw,pending:i.UploadCloud,offline:i.CloudOff,error:i.AlertTriangle};function s({tone:t=`idle`,pending:i=0,labels:s,showPending:c=!0,iconOnly:l=!1,className:u,...d}){let f=o[t],p=s?.[t]??a[t],m=c&&i>0&&(t===`pending`||t===`error`);return(0,r.jsxs)(`span`,{className:e.cn(n.default.badge,n.default[t],u),role:`status`,"aria-live":`polite`,title:p,...d,children:[(0,r.jsx)(f,{className:e.cn(n.default.icon,t===`syncing`&&n.default.spin),size:14,"aria-hidden":`true`}),!l&&(0,r.jsx)(`span`,{className:n.default.label,children:p}),m&&(0,r.jsx)(`span`,{className:n.default.count,children:i})]})}function c({sync:e,...n}){let{tone:i,pending:a}=t.useSyncStatus(e);return(0,r.jsx)(s,{...n,tone:i,pending:a})}function l({sync:e,...t}){return e?(0,r.jsx)(c,{sync:e,...t}):(0,r.jsx)(s,{...t})}exports.SyncStatusBadge=l;
+//# sourceMappingURL=SyncStatusBadge.cjs.map