tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/PinInput/PinInput.js

@@ -0,0 +1,78 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./PinInput.module.js";
+import { forwardRef as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/PinInput/PinInput.tsx
+var l = /[0-9]/, u = /[A-Za-z0-9]/, d = n(function({ length: n = 6, type: d = "numeric", size: f = "md", value: p, defaultValue: m, onChange: h, onComplete: g, masked: _ = !1, label: v, helperText: y, error: b, disabled: x = !1, autoFocus: S = !1, id: C, className: w }, T) {
+	let E = i(), D = C ?? E, O = p !== void 0, [k, A] = o(m ?? ""), j = O ? p ?? "" : k, M = Array.from({ length: n }, (e, t) => j[t] ?? ""), N = a([]), P = d === "numeric" ? l : u;
+	r(() => {
+		S && N.current[0]?.focus();
+	}, [S]);
+	let F = (e) => {
+		let t = e.slice(0, n);
+		O || A(t), h?.(t), t.length === n && g?.(t);
+	}, I = (e) => {
+		let t = Math.max(0, Math.min(n - 1, e));
+		N.current[t]?.focus(), N.current[t]?.select();
+	}, L = (e) => (t) => {
+		let n = t.target.value.slice(-1);
+		if (n && !P.test(n)) return;
+		let r = M.slice();
+		r[e] = n, F(r.join("")), n && I(e + 1);
+	}, R = (e) => (t) => {
+		if (t.key === "Backspace") {
+			if (!M[e] && e > 0) {
+				t.preventDefault();
+				let n = M.slice();
+				n[e - 1] = "", F(n.join("")), I(e - 1);
+			}
+		} else t.key === "ArrowLeft" ? (t.preventDefault(), I(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), I(e + 1));
+	}, z = (e) => {
+		let t = e.clipboardData.getData("text").split("").filter((e) => P.test(e)).join("");
+		t && (e.preventDefault(), F(t), I(Math.min(n - 1, t.length)));
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: T,
+		className: e(t.wrapper, b && t.error, w),
+		id: D,
+		children: [
+			v && /* @__PURE__ */ s("label", {
+				className: t.label,
+				children: v
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e(t.cells, t[f]),
+				role: "group",
+				"aria-label": v,
+				children: M.map((e, n) => /* @__PURE__ */ s("input", {
+					ref: (e) => {
+						N.current[n] = e;
+					},
+					type: _ ? "password" : "text",
+					inputMode: d === "numeric" ? "numeric" : "text",
+					autoComplete: n === 0 ? "one-time-code" : "off",
+					maxLength: 1,
+					value: e,
+					disabled: x,
+					className: t.cell,
+					"aria-label": `Dígito ${n + 1}`,
+					"aria-invalid": !!b,
+					onChange: L(n),
+					onKeyDown: R(n),
+					onPaste: z
+				}, n))
+			}),
+			b ? /* @__PURE__ */ s("span", {
+				className: t.errorText,
+				children: b
+			}) : y ? /* @__PURE__ */ s("span", {
+				className: t.helper,
+				children: y
+			}) : null
+		]
+	});
+});
+//#endregion
+export { d as PinInput };
+
+//# sourceMappingURL=PinInput.js.map

package/dist/components/PinInput/PinInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.js","names":[],"sources":["../../../src/components/PinInput/PinInput.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from \"react\";\nimport type { ChangeEvent, ClipboardEvent, KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PinInput.module.css\";\n\nexport type PinInputType = \"numeric\" | \"alphanumeric\";\nexport type PinInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface PinInputProps {\n    /** Number of cells. Default `6`. */\n    length?: number;\n    /** Allowed character set. `numeric` (default) rejects letters, `alphanumeric` allows both. */\n    type?: PinInputType;\n    /** Visual size. Default `\"md\"`. */\n    size?: PinInputSize;\n    /** Controlled value. */\n    value?: string;\n    /** Initial value (uncontrolled mode). */\n    defaultValue?: string;\n    /** Fires on every change with the current concatenated value. */\n    onChange?: (value: string) => void;\n    /** Fires when the user fills the last cell. */\n    onComplete?: (value: string) => void;\n    /** Show characters obscured (`*`). Default `false`. */\n    masked?: boolean;\n    /** Label rendered above the cells. */\n    label?: string;\n    /** Helper text below the cells. */\n    helperText?: string;\n    /** Error message — turns cells red and replaces helperText. */\n    error?: string;\n    /** Disable all cells. */\n    disabled?: boolean;\n    /** Auto-focus the first cell on mount. Default `false`. */\n    autoFocus?: boolean;\n    /** id for the wrapping group label association. */\n    id?: string;\n    className?: string;\n}\n\nconst NUMERIC = /[0-9]/;\nconst ALNUM = /[A-Za-z0-9]/;\n\n/**\n * One-time-password style input — N independent cells, paste support, auto-\n * advance on input, backspace flows back, arrow keys navigate.\n *\n * @example\n * <PinInput length={6} type=\"numeric\" onComplete={(otp) => verify(otp)} />\n */\nexport const PinInput = forwardRef<HTMLDivElement, PinInputProps>(function PinInput(\n    {\n        length = 6,\n        type = \"numeric\",\n        size = \"md\",\n        value,\n        defaultValue,\n        onChange,\n        onComplete,\n        masked = false,\n        label,\n        helperText,\n        error,\n        disabled = false,\n        autoFocus = false,\n        id,\n        className,\n    },\n    ref,\n) {\n    const internalId = useId();\n    const wrapperId = id ?? internalId;\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<string>(defaultValue ?? \"\");\n    const current = isControlled ? (value ?? \"\") : internal;\n    const cells = Array.from({ length }, (_, index) => current[index] ?? \"\");\n    const inputsRef = useRef<(HTMLInputElement | null)[]>([]);\n    const pattern = type === \"numeric\" ? NUMERIC : ALNUM;\n\n    useEffect(() => {\n        if (autoFocus) inputsRef.current[0]?.focus();\n    }, [autoFocus]);\n\n    const update = (next: string): void => {\n        const trimmed = next.slice(0, length);\n        if (!isControlled) setInternal(trimmed);\n        onChange?.(trimmed);\n        if (trimmed.length === length) onComplete?.(trimmed);\n    };\n\n    const focusCell = (index: number): void => {\n        const safe = Math.max(0, Math.min(length - 1, index));\n        inputsRef.current[safe]?.focus();\n        inputsRef.current[safe]?.select();\n    };\n\n    const onCellChange = (index: number) => (event: ChangeEvent<HTMLInputElement>) => {\n        const char = event.target.value.slice(-1);\n        if (char && !pattern.test(char)) return;\n        const next = cells.slice();\n        next[index] = char;\n        update(next.join(\"\"));\n        if (char) focusCell(index + 1);\n    };\n\n    const onCellKeyDown = (index: number) => (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === \"Backspace\") {\n            if (!cells[index] && index > 0) {\n                event.preventDefault();\n                const next = cells.slice();\n                next[index - 1] = \"\";\n                update(next.join(\"\"));\n                focusCell(index - 1);\n            }\n        } else if (event.key === \"ArrowLeft\") {\n            event.preventDefault();\n            focusCell(index - 1);\n        } else if (event.key === \"ArrowRight\") {\n            event.preventDefault();\n            focusCell(index + 1);\n        }\n    };\n\n    const onPaste = (event: ClipboardEvent<HTMLInputElement>): void => {\n        const text = event.clipboardData\n            .getData(\"text\")\n            .split(\"\")\n            .filter((c) => pattern.test(c))\n            .join(\"\");\n        if (!text) return;\n        event.preventDefault();\n        update(text);\n        focusCell(Math.min(length - 1, text.length));\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.wrapper, error && styles.error, className)}\n            id={wrapperId}\n        >\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.cells, styles[size])} role=\"group\" aria-label={label}>\n                {cells.map((cell, index) => (\n                    <input\n                        key={index}\n                        ref={(node) => {\n                            inputsRef.current[index] = node;\n                        }}\n                        type={masked ? \"password\" : \"text\"}\n                        inputMode={type === \"numeric\" ? \"numeric\" : \"text\"}\n                        autoComplete={index === 0 ? \"one-time-code\" : \"off\"}\n                        maxLength={1}\n                        value={cell}\n                        disabled={disabled}\n                        className={styles.cell}\n                        aria-label={`Dígito ${index + 1}`}\n                        aria-invalid={!!error}\n                        onChange={onCellChange(index)}\n                        onKeyDown={onCellKeyDown(index)}\n                        onPaste={onPaste}\n                    />\n                ))}\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAwCA,IAAM,IAAU,SACV,IAAQ,eASD,IAAW,EAA0C,SAC9D,EACI,YAAS,GACT,UAAO,WACP,UAAO,MACP,UACA,iBACA,aACA,eACA,YAAS,IACT,UACA,eACA,UACA,cAAW,IACX,eAAY,IACZ,OACA,gBAEJ,GACF;CACE,IAAM,IAAa,EAAM,GACnB,IAAY,KAAM,GAClB,IAAe,MAAU,KAAA,GACzB,CAAC,GAAU,KAAe,EAAiB,KAAgB,EAAE,GAC7D,IAAU,IAAgB,KAAS,KAAM,GACzC,IAAQ,MAAM,KAAK,EAAE,UAAO,IAAI,GAAG,MAAU,EAAQ,MAAU,EAAE,GACjE,IAAY,EAAoC,CAAC,CAAC,GAClD,IAAU,MAAS,YAAY,IAAU;CAE/C,QAAgB;EACZ,AAAI,KAAW,EAAU,QAAQ,EAAE,EAAE,MAAM;CAC/C,GAAG,CAAC,CAAS,CAAC;CAEd,IAAM,KAAU,MAAuB;EACnC,IAAM,IAAU,EAAK,MAAM,GAAG,CAAM;EAGpC,AAFK,KAAc,EAAY,CAAO,GACtC,IAAW,CAAO,GACd,EAAQ,WAAW,KAAQ,IAAa,CAAO;CACvD,GAEM,KAAa,MAAwB;EACvC,IAAM,IAAO,KAAK,IAAI,GAAG,KAAK,IAAI,IAAS,GAAG,CAAK,CAAC;EAEpD,AADA,EAAU,QAAQ,EAAK,EAAE,MAAM,GAC/B,EAAU,QAAQ,EAAK,EAAE,OAAO;CACpC,GAEM,KAAgB,OAAmB,MAAyC;EAC9E,IAAM,IAAO,EAAM,OAAO,MAAM,MAAM,EAAE;EACxC,IAAI,KAAQ,CAAC,EAAQ,KAAK,CAAI,GAAG;EACjC,IAAM,IAAO,EAAM,MAAM;EAGzB,AAFA,EAAK,KAAS,GACd,EAAO,EAAK,KAAK,EAAE,CAAC,GAChB,KAAM,EAAU,IAAQ,CAAC;CACjC,GAEM,KAAiB,OAAmB,MAA2C;EACjF,IAAI,EAAM,QAAQ;OACV,CAAC,EAAM,MAAU,IAAQ,GAAG;IAC5B,EAAM,eAAe;IACrB,IAAM,IAAO,EAAM,MAAM;IAGzB,AAFA,EAAK,IAAQ,KAAK,IAClB,EAAO,EAAK,KAAK,EAAE,CAAC,GACpB,EAAU,IAAQ,CAAC;GACvB;SACG,AAAI,EAAM,QAAQ,eACrB,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC,KACZ,EAAM,QAAQ,iBACrB,EAAM,eAAe,GACrB,EAAU,IAAQ,CAAC;CAE3B,GAEM,KAAW,MAAkD;EAC/D,IAAM,IAAO,EAAM,cACd,QAAQ,MAAM,CAAC,CACf,MAAM,EAAE,CAAC,CACT,QAAQ,MAAM,EAAQ,KAAK,CAAC,CAAC,CAAC,CAC9B,KAAK,EAAE;EACP,MACL,EAAM,eAAe,GACrB,EAAO,CAAI,GACX,EAAU,KAAK,IAAI,IAAS,GAAG,EAAK,MAAM,CAAC;CAC/C;CAEA,OACI,kBAAC,OAAD;EACS;EACL,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAS;EAC9D,IAAI;YAHR;GAKK,KAAS,kBAAC,SAAD;IAAO,WAAW,EAAO;cAAQ;GAAa,CAAA;GACxD,kBAAC,OAAD;IAAK,WAAW,EAAG,EAAO,OAAO,EAAO,EAAK;IAAG,MAAK;IAAQ,cAAY;cACpE,EAAM,KAAK,GAAM,MACd,kBAAC,SAAD;KAEI,MAAM,MAAS;MACX,EAAU,QAAQ,KAAS;KAC/B;KACA,MAAM,IAAS,aAAa;KAC5B,WAAW,MAAS,YAAY,YAAY;KAC5C,cAAc,MAAU,IAAI,kBAAkB;KAC9C,WAAW;KACX,OAAO;KACG;KACV,WAAW,EAAO;KAClB,cAAY,UAAU,IAAQ;KAC9B,gBAAc,CAAC,CAAC;KAChB,UAAU,EAAa,CAAK;KAC5B,WAAW,EAAc,CAAK;KACrB;IACZ,GAhBQ,CAgBR,CACJ;GACA,CAAA;GACJ,IACG,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAY;GAAY,CAAA,IAChD,IACA,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC"}

package/dist/components/PinInput/PinInput.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_3WAh7`,t=`tempest_label_Hk01i`,n=`tempest_cells_URO3v`,r=`tempest_cell_fxLzs`,i=`tempest_sm_SQM-s`,a=`tempest_md_aHCGl`,o=`tempest_lg_JpI4A`,s=`tempest_error_Kou0o`,c=`tempest_helper_W04iL`,l=`tempest_errorText_h4svq`,u={wrapper:e,label:t,cells:n,cell:r,sm:i,md:a,lg:o,error:s,helper:c,errorText:l};exports.cell=r,exports.cells=n,exports.default=u,exports.error=s,exports.errorText=l,exports.helper=c,exports.label=t,exports.lg=o,exports.md=a,exports.sm=i,exports.wrapper=e;
+//# sourceMappingURL=PinInput.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.module.cjs","names":[],"sources":["../../../src/components/PinInput/PinInput.module.css"],"sourcesContent":[".wrapper {\n    display: 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.cells {\n    display: flex;\n    gap: var(--tempest-space-2);\n}\n\n.cell {\n    flex: 0 0 auto;\n    text-align: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-mono, var(--tempest-font-sans));\n    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.cells.sm .cell {\n    width: 32px;\n    height: 36px;\n    font-size: var(--tempest-text-md);\n}\n\n.cells.md .cell {\n    width: 44px;\n    height: 52px;\n    font-size: var(--tempest-text-lg);\n}\n\n.cells.lg .cell {\n    width: 56px;\n    height: 64px;\n    font-size: var(--tempest-text-xl);\n}\n\n.cell:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width, 2px)\n        var(--tempest-focus-ring-color, var(--tempest-primary-100));\n}\n\n.cell:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.error .cell {\n    border-color: var(--tempest-danger-border, var(--tempest-danger));\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger-fg, var(--tempest-danger));\n}\n"],"mappings":""}

package/dist/components/PinInput/PinInput.module.js

@@ -0,0 +1,17 @@
+//#region src/components/PinInput/PinInput.module.css
+var e = "tempest_wrapper_3WAh7", t = "tempest_label_Hk01i", n = "tempest_cells_URO3v", r = "tempest_cell_fxLzs", i = "tempest_sm_SQM-s", a = "tempest_md_aHCGl", o = "tempest_lg_JpI4A", s = "tempest_error_Kou0o", c = "tempest_helper_W04iL", l = "tempest_errorText_h4svq", u = {
+	wrapper: e,
+	label: t,
+	cells: n,
+	cell: r,
+	sm: i,
+	md: a,
+	lg: o,
+	error: s,
+	helper: c,
+	errorText: l
+};
+//#endregion
+export { r as cell, n as cells, u as default, s as error, l as errorText, c as helper, t as label, o as lg, a as md, i as sm, e as wrapper };
+
+//# sourceMappingURL=PinInput.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.module.js","names":[],"sources":["../../../src/components/PinInput/PinInput.module.css"],"sourcesContent":[".wrapper {\n    display: 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.cells {\n    display: flex;\n    gap: var(--tempest-space-2);\n}\n\n.cell {\n    flex: 0 0 auto;\n    text-align: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-mono, var(--tempest-font-sans));\n    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.cells.sm .cell {\n    width: 32px;\n    height: 36px;\n    font-size: var(--tempest-text-md);\n}\n\n.cells.md .cell {\n    width: 44px;\n    height: 52px;\n    font-size: var(--tempest-text-lg);\n}\n\n.cells.lg .cell {\n    width: 56px;\n    height: 64px;\n    font-size: var(--tempest-text-xl);\n}\n\n.cell:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width, 2px)\n        var(--tempest-focus-ring-color, var(--tempest-primary-100));\n}\n\n.cell:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.error .cell {\n    border-color: var(--tempest-danger-border, var(--tempest-danger));\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger-fg, var(--tempest-danger));\n}\n"],"mappings":""}

package/dist/components/Popover/Popover.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Popover.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({trigger:i,children:a,placement:o=`bottom`,open:s,onOpenChange:c,defaultOpen:l=!1,closeOnEsc:u=!0,closeOnOutsideClick:d=!0,className:f}){let p=s!==void 0,[m,h]=(0,n.useState)(l),g=p?s:m,_=(0,n.useId)(),v=(0,n.useRef)(null),y=(0,n.useCallback)(e=>{p||h(e),c?.(e)},[p,c]);(0,n.useEffect)(()=>{if(!g)return;let e=e=>{u&&e.key===`Escape`&&y(!1)},t=e=>{d&&v.current&&!v.current.contains(e.target)&&y(!1)};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[g,u,d,y]);let b=e=>{i.props.onClick?.(e),y(!g)},x={...i,props:{...i.props,onClick:b,"aria-expanded":g,"aria-controls":_}};return(0,r.jsxs)(`span`,{ref:v,className:t.default.root,children:[x,g&&(0,r.jsx)(`div`,{id:_,role:`dialog`,className:e.cn(t.default.popover,t.default[o],f),children:a})]})}exports.Popover=i;
+//# sourceMappingURL=Popover.cjs.map

package/dist/components/Popover/Popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/**\n * Lightweight popover. Renders a positioned panel anchored to a trigger,\n * dismissed on outside click / Escape. Does NOT include collision detection\n * or smart positioning — pair with Floating UI if you need that.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEffect(() => {\n        if (!isOpen) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") setOpen(false);\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnEsc, closeOnOutsideClick, setOpen]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {isOpen && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.popover, styles[placement], className)}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":"8HAkCA,SAAgB,EAAQ,CACpB,UACA,WACA,YAAY,SACZ,OACA,eACA,cAAc,GACd,aAAa,GACb,sBAAsB,GACtB,aACa,CACb,IAAM,EAAe,IAAS,IAAA,GACxB,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAW,EAC/D,EAAS,EAAe,EAAO,EAC/B,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,GAAA,EAAA,EAAA,OAAA,CAAkC,IAAI,EAEtC,GAAA,EAAA,EAAA,YAAA,CACD,GAAwB,CAChB,GAAc,EAAgB,CAAI,EACvC,IAAe,CAAI,CACvB,EACA,CAAC,EAAc,CAAY,CAC/B,GAEA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAQ,OACb,IAAM,EAAS,GAA+B,CACtC,GAAc,EAAM,MAAQ,UAAU,EAAQ,EAAK,CAC3D,EACM,EAAU,GAA4B,CACnC,GACD,EAAQ,SAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,GACjE,EAAQ,EAAK,CAErB,EAGA,OAFA,OAAO,iBAAiB,UAAW,CAAK,EACxC,OAAO,iBAAiB,YAAa,CAAM,MAC9B,CACT,OAAO,oBAAoB,UAAW,CAAK,EAC3C,OAAO,oBAAoB,YAAa,CAAM,CAClD,CACJ,EAAG,CAAC,EAAQ,EAAY,EAAqB,CAAO,CAAC,EAErD,IAAM,EAAsB,GAAkC,CAC1D,EAAQ,MAAM,UAAU,CAAK,EAC7B,EAAQ,CAAC,CAAM,CACnB,EAEM,EAAe,CACjB,GAAG,EACH,MAAO,CACH,GAAG,EAAQ,MACX,QAAS,EACT,gBAAiB,EACjB,gBAAiB,CACrB,CACJ,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,IAAK,EAAS,UAAW,EAAA,QAAO,cAAtC,CACK,EACA,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACQ,KACJ,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,GAAY,CAAS,EAEzD,UACA,CAAA,CAEP,GAEd"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,51 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Popover.module.js";
+import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Popover/Popover.tsx
+function l({ trigger: l, children: u, placement: d = "bottom", open: f, onOpenChange: p, defaultOpen: m = !1, closeOnEsc: h = !0, closeOnOutsideClick: g = !0, className: _ }) {
+	let v = f !== void 0, [y, b] = o(m), x = v ? f : y, S = i(), C = a(null), w = n((e) => {
+		v || b(e), p?.(e);
+	}, [v, p]);
+	r(() => {
+		if (!x) return;
+		let e = (e) => {
+			h && e.key === "Escape" && w(!1);
+		}, t = (e) => {
+			g && C.current && !C.current.contains(e.target) && w(!1);
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		x,
+		h,
+		g,
+		w
+	]);
+	let T = (e) => {
+		l.props.onClick?.(e), w(!x);
+	}, E = {
+		...l,
+		props: {
+			...l.props,
+			onClick: T,
+			"aria-expanded": x,
+			"aria-controls": S
+		}
+	};
+	return /* @__PURE__ */ c("span", {
+		ref: C,
+		className: t.root,
+		children: [E, x && /* @__PURE__ */ s("div", {
+			id: S,
+			role: "dialog",
+			className: e(t.popover, t[d], _),
+			children: u
+		})]
+	});
+}
+//#endregion
+export { l as Popover };
+
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/**\n * Lightweight popover. Renders a positioned panel anchored to a trigger,\n * dismissed on outside click / Escape. Does NOT include collision detection\n * or smart positioning — pair with Floating UI if you need that.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEffect(() => {\n        if (!isOpen) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") setOpen(false);\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnEsc, closeOnOutsideClick, setOpen]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {isOpen && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.popover, styles[placement], className)}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;;AAkCA,SAAgB,EAAQ,EACpB,YACA,aACA,eAAY,UACZ,SACA,iBACA,iBAAc,IACd,gBAAa,IACb,yBAAsB,IACtB,gBACa;CACb,IAAM,IAAe,MAAS,KAAA,GACxB,CAAC,GAAc,KAAmB,EAAkB,CAAW,GAC/D,IAAS,IAAe,IAAO,GAC/B,IAAK,EAAM,GACX,IAAU,EAAwB,IAAI,GAEtC,IAAU,GACX,MAAwB;EAErB,AADK,KAAc,EAAgB,CAAI,GACvC,IAAe,CAAI;CACvB,GACA,CAAC,GAAc,CAAY,CAC/B;CAEA,QAAgB;EACZ,IAAI,CAAC,GAAQ;EACb,IAAM,KAAS,MAA+B;GAC1C,AAAI,KAAc,EAAM,QAAQ,YAAU,EAAQ,EAAK;EAC3D,GACM,KAAU,MAA4B;GACnC,KACD,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,KACjE,EAAQ,EAAK;EAErB;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAK,GACxC,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG;EAAC;EAAQ;EAAY;EAAqB;CAAO,CAAC;CAErD,IAAM,KAAsB,MAAkC;EAE1D,AADA,EAAQ,MAAM,UAAU,CAAK,GAC7B,EAAQ,CAAC,CAAM;CACnB,GAEM,IAAe;EACjB,GAAG;EACH,OAAO;GACH,GAAG,EAAQ;GACX,SAAS;GACT,iBAAiB;GACjB,iBAAiB;EACrB;CACJ;CAEA,OACI,kBAAC,QAAD;EAAM,KAAK;EAAS,WAAW,EAAO;YAAtC,CACK,GACA,KACG,kBAAC,OAAD;GACQ;GACJ,MAAK;GACL,WAAW,EAAG,EAAO,SAAS,EAAO,IAAY,CAAS;GAEzD;EACA,CAAA,CAEP;;AAEd"}

package/dist/components/Popover/Popover.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_vEMon`,t=`tempest_popover_E9K9X`,n=`tempest_tempest-popover-in_W8miP`,r=`tempest_top_TYlrh`,i=`tempest_bottom_wGs70`,a=`tempest_left_h7fCr`,o=`tempest_right_--bJW`,s={root:e,popover:t,tempestPopoverIn:n,top:r,bottom:i,left:a,right:o};exports.bottom=i,exports.default=s,exports.left=a,exports.popover=t,exports.right=o,exports.root=e,exports.tempestPopoverIn=n,exports.top=r;
+//# sourceMappingURL=Popover.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.cjs","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover:focus {\n    outline: none;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Popover/Popover.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Popover/Popover.module.css
+var e = "tempest_root_vEMon", t = "tempest_popover_E9K9X", n = "tempest_tempest-popover-in_W8miP", r = "tempest_top_TYlrh", i = "tempest_bottom_wGs70", a = "tempest_left_h7fCr", o = "tempest_right_--bJW", s = {
+	root: e,
+	popover: t,
+	tempestPopoverIn: n,
+	top: r,
+	bottom: i,
+	left: a,
+	right: o
+};
+//#endregion
+export { i as bottom, s as default, a as left, t as popover, o as right, e as root, n as tempestPopoverIn, r as top };
+
+//# sourceMappingURL=Popover.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.js","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover:focus {\n    outline: none;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Portal/Portal.cjs

@@ -0,0 +1,2 @@
+let e=require("react"),t=require("react-dom");function n({children:n,container:r}){let[i,a]=(0,e.useState)(!1);return(0,e.useEffect)(()=>(a(!0),()=>a(!1)),[]),!i||typeof document>`u`?null:(0,t.createPortal)(n,r??document.body)}exports.Portal=n;
+//# sourceMappingURL=Portal.cjs.map

package/dist/components/Portal/Portal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.cjs","names":[],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /** Target DOM node to render into. Defaults to `document.body`. */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts. Defaults to `document.body` when no `container`\n * is provided.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted || typeof document === \"undefined\") {\n        return null;\n    }\n\n    return createPortal(children, container ?? document.body);\n}\n"],"mappings":"8CAuBA,SAAgB,EAAO,CAAE,WAAU,aAAqC,CACpE,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAK,EAW5C,OATA,EAAA,EAAA,UAAA,MACI,EAAW,EAAI,MACF,EAAW,EAAK,GAC9B,CAAC,CAAC,EAED,CAAC,GAAW,OAAO,SAAa,IACzB,MAGX,EAAA,EAAA,aAAA,CAAoB,EAAU,GAAa,SAAS,IAAI,CAC5D"}

package/dist/components/Portal/Portal.js

@@ -0,0 +1,11 @@
+import { useEffect as e, useState as t } from "react";
+import { createPortal as n } from "react-dom";
+//#region src/components/Portal/Portal.tsx
+function r({ children: r, container: i }) {
+	let [a, o] = t(!1);
+	return e(() => (o(!0), () => o(!1)), []), !a || typeof document > "u" ? null : n(r, i ?? document.body);
+}
+//#endregion
+export { r as Portal };
+
+//# sourceMappingURL=Portal.js.map

package/dist/components/Portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","names":[],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /** Target DOM node to render into. Defaults to `document.body`. */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts. Defaults to `document.body` when no `container`\n * is provided.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted || typeof document === \"undefined\") {\n        return null;\n    }\n\n    return createPortal(children, container ?? document.body);\n}\n"],"mappings":";;;AAuBA,SAAgB,EAAO,EAAE,aAAU,gBAAqC;CACpE,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAW5C,OATA,SACI,EAAW,EAAI,SACF,EAAW,EAAK,IAC9B,CAAC,CAAC,GAED,CAAC,KAAW,OAAO,WAAa,MACzB,OAGJ,EAAa,GAAU,KAAa,SAAS,IAAI;AAC5D"}

package/dist/components/Progress/Progress.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Progress.module.cjs");let n=require("react/jsx-runtime");function r({value:r=0,max:i=100,variant:a=`primary`,indeterminate:o=!1,showLabel:s=!1,label:c,"aria-label":l,"aria-labelledby":u,className:d}){let f=o?0:Math.max(0,Math.min(100,r/i*100));return(0,n.jsxs)(`div`,{className:e.cn(t.default.wrapper,d),children:[(s||c)&&(0,n.jsxs)(`div`,{className:t.default.label,children:[c&&(0,n.jsx)(`span`,{children:c}),s&&!o&&(0,n.jsxs)(`span`,{children:[Math.round(f),`%`]})]}),(0,n.jsx)(`div`,{role:`progressbar`,"aria-label":u?void 0:l??c,"aria-labelledby":u,"aria-valuemin":0,"aria-valuemax":i,"aria-valuenow":o?void 0:r,className:e.cn(t.default.bar,o&&t.default.indeterminate),children:(0,n.jsx)(`div`,{className:e.cn(t.default.fill,a!==`primary`&&t.default[a]),style:{width:o?void 0:`${f}%`}})})]})}exports.Progress=r;
+//# sourceMappingURL=Progress.cjs.map

package/dist/components/Progress/Progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.cjs","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":"4GAiCA,SAAgB,EAAS,CACrB,QAAQ,EACR,MAAM,IACN,UAAU,UACV,gBAAgB,GAChB,YAAY,GACZ,QACA,aAAc,EACd,kBAAmB,EACnB,aACc,CACd,IAAM,EAAM,EAAgB,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAM,EAAQ,EAAO,GAAG,CAAC,EAE9E,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,EACM,GAAa,KACX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,EAC5B,GAAa,CAAC,IAAiB,EAAA,EAAA,KAAA,CAAC,OAAD,CAAA,SAAA,CAAO,KAAK,MAAM,CAAG,EAAE,GAAO,CAAA,CAAA,CAC7D,KAET,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,cACL,aAAY,EAAiB,IAAA,GAAa,GAAa,EACvD,kBAAiB,EACjB,gBAAe,EACf,gBAAe,EACf,gBAAe,EAAgB,IAAA,GAAY,EAC3C,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAiB,EAAA,QAAO,aAAa,YAE/D,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,IAAY,WAAa,EAAA,QAAO,EAAQ,EACnE,MAAO,CAAE,MAAO,EAAgB,IAAA,GAAY,GAAG,EAAI,EAAG,CACzD,CAAA,CACA,CAAA,CACJ,GAEb"}

package/dist/components/Progress/Progress.js

@@ -0,0 +1,30 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Progress.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Progress/Progress.tsx
+function i({ value: i = 0, max: a = 100, variant: o = "primary", indeterminate: s = !1, showLabel: c = !1, label: l, "aria-label": u, "aria-labelledby": d, className: f }) {
+	let p = s ? 0 : Math.max(0, Math.min(100, i / a * 100));
+	return /* @__PURE__ */ r("div", {
+		className: e(t.wrapper, f),
+		children: [(c || l) && /* @__PURE__ */ r("div", {
+			className: t.label,
+			children: [l && /* @__PURE__ */ n("span", { children: l }), c && !s && /* @__PURE__ */ r("span", { children: [Math.round(p), "%"] })]
+		}), /* @__PURE__ */ n("div", {
+			role: "progressbar",
+			"aria-label": d ? void 0 : u ?? l,
+			"aria-labelledby": d,
+			"aria-valuemin": 0,
+			"aria-valuemax": a,
+			"aria-valuenow": s ? void 0 : i,
+			className: e(t.bar, s && t.indeterminate),
+			children: /* @__PURE__ */ n("div", {
+				className: e(t.fill, o !== "primary" && t[o]),
+				style: { width: s ? void 0 : `${p}%` }
+			})
+		})]
+	});
+}
+//#endregion
+export { i as Progress };
+
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;AAiCA,SAAgB,EAAS,EACrB,WAAQ,GACR,SAAM,KACN,aAAU,WACV,mBAAgB,IAChB,eAAY,IACZ,UACA,cAAc,GACd,mBAAmB,GACnB,gBACc;CACd,IAAM,IAAM,IAAgB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,IAAQ,IAAO,GAAG,CAAC;CAE9E,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C,EACM,KAAa,MACX,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACK,KAAS,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GAC5B,KAAa,CAAC,KAAiB,kBAAC,QAAD,EAAA,UAAA,CAAO,KAAK,MAAM,CAAG,GAAE,GAAO,EAAA,CAAA,CAC7D;MAET,kBAAC,OAAD;GACI,MAAK;GACL,cAAY,IAAiB,KAAA,IAAa,KAAa;GACvD,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe,IAAgB,KAAA,IAAY;GAC3C,WAAW,EAAG,EAAO,KAAK,KAAiB,EAAO,aAAa;aAE/D,kBAAC,OAAD;IACI,WAAW,EAAG,EAAO,MAAM,MAAY,aAAa,EAAO,EAAQ;IACnE,OAAO,EAAE,OAAO,IAAgB,KAAA,IAAY,GAAG,EAAI,GAAG;GACzD,CAAA;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/Progress/Progress.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_BQek1`,t=`tempest_bar_uC-0x`,n=`tempest_fill_vmg7x`,r=`tempest_success_gWJ8U`,i=`tempest_warning_DGkPO`,a=`tempest_danger_gfwHh`,o=`tempest_indeterminate_HojUj`,s=`tempest_tempest-progress-loop_0nEdF`,c=`tempest_label_qqHJM`,l={wrapper:e,bar:t,fill:n,success:r,warning:i,danger:a,indeterminate:o,tempestProgressLoop:s,label:c};exports.bar=t,exports.danger=a,exports.default=l,exports.fill=n,exports.indeterminate=o,exports.label=c,exports.success=r,exports.tempestProgressLoop=s,exports.warning=i,exports.wrapper=e;
+//# sourceMappingURL=Progress.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.cjs","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":""}

package/dist/components/Progress/Progress.module.js

@@ -0,0 +1,16 @@
+//#region src/components/Progress/Progress.module.css
+var e = "tempest_wrapper_BQek1", t = "tempest_bar_uC-0x", n = "tempest_fill_vmg7x", r = "tempest_success_gWJ8U", i = "tempest_warning_DGkPO", a = "tempest_danger_gfwHh", o = "tempest_indeterminate_HojUj", s = "tempest_tempest-progress-loop_0nEdF", c = "tempest_label_qqHJM", l = {
+	wrapper: e,
+	bar: t,
+	fill: n,
+	success: r,
+	warning: i,
+	danger: a,
+	indeterminate: o,
+	tempestProgressLoop: s,
+	label: c
+};
+//#endregion
+export { t as bar, a as danger, l as default, n as fill, o as indeterminate, c as label, r as success, s as tempestProgressLoop, i as warning, e as wrapper };
+
+//# sourceMappingURL=Progress.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.js","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":""}

package/dist/components/Radio/Radio.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Radio.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.createContext)(null),a=(0,n.forwardRef)(function({label:a,description:o,value:s,disabled:c,name:l,checked:u,onChange:d,wrapperClassName:f,className:p,...m},h){let g=(0,n.useContext)(i),_=g?.name??l,v=g?.disabled??c,y=g?g.value===s:u;function b(e){g&&g.onChange?.(s),d?.(e)}return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,v&&t.default.disabled,f),children:[(0,r.jsx)(`input`,{ref:h,type:`radio`,name:_,value:s,checked:y,disabled:v,onChange:b,className:e.cn(t.default.input,p),...m}),(0,r.jsx)(`span`,{className:t.default.dot,"aria-hidden":!0}),(a||o)&&(0,r.jsxs)(`span`,{className:t.default.labelWrap,children:[a&&(0,r.jsx)(`span`,{className:t.default.label,children:a}),o&&(0,r.jsx)(`span`,{className:t.default.description,children:o})]})]})});function o({value:a,defaultValue:o,onChange:s,name:c,disabled:l,horizontal:u=!1,className:d,children:f}){let p=(0,n.useId)(),m=c??p,[h,g]=(0,n.useState)(o),_=a!==void 0,v=_?a:h;function y(e){_||g(e),s?.(e)}return(0,r.jsx)(i.Provider,{value:{name:m,value:v,onChange:y,disabled:l},children:(0,r.jsx)(`div`,{role:`radiogroup`,className:e.cn(t.default.group,u&&t.default.horizontal,d),children:f})})}exports.Radio=a,exports.RadioGroup=o;
+//# sourceMappingURL=Radio.cjs.map

package/dist/components/Radio/Radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":"4HAYA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAiE,IAAI,EAa9D,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,cACA,QACA,WACA,OACA,UACA,WACA,mBACA,YACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,WAAA,CAAmB,CAAiB,EACpC,EAAe,GAAO,MAAQ,EAC9B,EAAmB,GAAO,UAAY,EACtC,EAAY,EAAQ,EAAM,QAAU,EAAQ,EAElD,SAAS,EAAa,EAA4C,CAC1D,GAAO,EAAM,WAAW,CAAK,EACjC,IAAW,CAAK,CACpB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAoB,EAAA,QAAO,SAAU,CAAgB,WADvF,EAGI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACV,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,GACxC,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAuBD,SAAgB,EAAW,CACvB,QACA,eACA,WACA,OACA,WACA,aAAa,GACb,YACA,YACgB,CAChB,IAAM,GAAA,EAAA,EAAA,MAAA,CAAsB,EACtB,EAAe,GAAQ,EAEvB,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,CAAY,EACnE,EAAe,IAAU,IAAA,GACzB,EAAU,EAAe,EAAQ,EAEvC,SAAS,EAAa,EAAoB,CACjC,GAAc,EAAY,CAAI,EACnC,IAAW,CAAI,CACnB,CAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAkB,SAAnB,CACI,MAAO,CAAE,KAAM,EAAc,MAAO,EAAS,SAAU,EAAc,UAAS,YAE9E,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAc,EAAA,QAAO,WAAY,CAAS,EAErE,UACA,CAAA,CACmB,CAAA,CAEpC"}

package/dist/components/Radio/Radio.js

@@ -0,0 +1,64 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Radio.module.js";
+import { createContext as n, forwardRef as r, useContext as i, useId as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Radio/Radio.tsx
+var l = n(null), u = r(function({ label: n, description: r, value: a, disabled: o, name: u, checked: d, onChange: f, wrapperClassName: p, className: m, ...h }, g) {
+	let _ = i(l), v = _?.name ?? u, y = _?.disabled ?? o, b = _ ? _.value === a : d;
+	function x(e) {
+		_ && _.onChange?.(a), f?.(e);
+	}
+	return /* @__PURE__ */ c("label", {
+		className: e(t.wrapper, y && t.disabled, p),
+		children: [
+			/* @__PURE__ */ s("input", {
+				ref: g,
+				type: "radio",
+				name: v,
+				value: a,
+				checked: b,
+				disabled: y,
+				onChange: x,
+				className: e(t.input, m),
+				...h
+			}),
+			/* @__PURE__ */ s("span", {
+				className: t.dot,
+				"aria-hidden": !0
+			}),
+			(n || r) && /* @__PURE__ */ c("span", {
+				className: t.labelWrap,
+				children: [n && /* @__PURE__ */ s("span", {
+					className: t.label,
+					children: n
+				}), r && /* @__PURE__ */ s("span", {
+					className: t.description,
+					children: r
+				})]
+			})
+		]
+	});
+});
+function d({ value: n, defaultValue: r, onChange: i, name: c, disabled: u, horizontal: d = !1, className: f, children: p }) {
+	let m = a(), h = c ?? m, [g, _] = o(r), v = n !== void 0, y = v ? n : g;
+	function b(e) {
+		v || _(e), i?.(e);
+	}
+	return /* @__PURE__ */ s(l.Provider, {
+		value: {
+			name: h,
+			value: y,
+			onChange: b,
+			disabled: u
+		},
+		children: /* @__PURE__ */ s("div", {
+			role: "radiogroup",
+			className: e(t.group, d && t.horizontal, f),
+			children: p
+		})
+	});
+}
+//#endregion
+export { u as Radio, d as RadioGroup };
+
+//# sourceMappingURL=Radio.js.map

package/dist/components/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":";;;;;AAYA,IAAM,IAAoB,EAA6C,IAAI,GAa9D,IAAQ,EAAyC,SAC1D,EACI,UACA,gBACA,UACA,aACA,SACA,YACA,aACA,qBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,EAAW,CAAiB,GACpC,IAAe,GAAO,QAAQ,GAC9B,IAAmB,GAAO,YAAY,GACtC,IAAY,IAAQ,EAAM,UAAU,IAAQ;CAElD,SAAS,EAAa,GAA4C;EAE9D,AADI,KAAO,EAAM,WAAW,CAAK,GACjC,IAAW,CAAK;CACpB;CAEA,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAoB,EAAO,UAAU,CAAgB;YADvF;GAGI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;GAAa,CAAA;IACxC,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAuBD,SAAgB,EAAW,EACvB,UACA,iBACA,aACA,SACA,aACA,gBAAa,IACb,cACA,eACgB;CAChB,IAAM,IAAgB,EAAM,GACtB,IAAe,KAAQ,GAEvB,CAAC,GAAU,KAAe,EAA6B,CAAY,GACnE,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ;CAEvC,SAAS,EAAa,GAAoB;EAEtC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,EAAkB,UAAnB;EACI,OAAO;GAAE,MAAM;GAAc,OAAO;GAAS,UAAU;GAAc;EAAS;YAE9E,kBAAC,OAAD;GACI,MAAK;GACL,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,YAAY,CAAS;GAErE;EACA,CAAA;CACmB,CAAA;AAEpC"}

package/dist/components/Radio/Radio.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_P-gFm`,t=`tempest_disabled_0-cna`,n=`tempest_input_7R8ZN`,r=`tempest_dot_P7ejP`,i=`tempest_labelWrap_iQ1HR`,a=`tempest_label_vAFIP`,o=`tempest_description_bEB8u`,s=`tempest_group_oi329`,c=`tempest_horizontal_1Ovgu`,l={wrapper:e,disabled:t,input:n,dot:r,labelWrap:i,label:a,description:o,group:s,horizontal:c};exports.default=l,exports.description=o,exports.disabled=t,exports.dot=r,exports.group=s,exports.horizontal=c,exports.input=n,exports.label=a,exports.labelWrap=i,exports.wrapper=e;
+//# sourceMappingURL=Radio.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.module.cjs","names":[],"sources":["../../../src/components/Radio/Radio.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\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.dot {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.dot::after {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: var(--tempest-primary);\n    transform: scale(0);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot::after {\n    transform: scale(1);\n}\n\n.input:focus-visible + .dot {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.group.horizontal {\n    flex-direction: row;\n    gap: var(--tempest-space-4);\n    flex-wrap: wrap;\n}\n"],"mappings":""}

package/dist/components/Radio/Radio.module.js

@@ -0,0 +1,16 @@
+//#region src/components/Radio/Radio.module.css
+var e = "tempest_wrapper_P-gFm", t = "tempest_disabled_0-cna", n = "tempest_input_7R8ZN", r = "tempest_dot_P7ejP", i = "tempest_labelWrap_iQ1HR", a = "tempest_label_vAFIP", o = "tempest_description_bEB8u", s = "tempest_group_oi329", c = "tempest_horizontal_1Ovgu", l = {
+	wrapper: e,
+	disabled: t,
+	input: n,
+	dot: r,
+	labelWrap: i,
+	label: a,
+	description: o,
+	group: s,
+	horizontal: c
+};
+//#endregion
+export { l as default, o as description, t as disabled, r as dot, s as group, c as horizontal, n as input, a as label, i as labelWrap, e as wrapper };
+
+//# sourceMappingURL=Radio.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.module.js","names":[],"sources":["../../../src/components/Radio/Radio.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\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.dot {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.dot::after {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: var(--tempest-primary);\n    transform: scale(0);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot::after {\n    transform: scale(1);\n}\n\n.input:focus-visible + .dot {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.group.horizontal {\n    flex-direction: row;\n    gap: var(--tempest-space-4);\n    flex-wrap: wrap;\n}\n"],"mappings":""}

package/dist/components/RangeSlider/RangeSlider.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./RangeSlider.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,min:o=0,max:s=100,step:c=1,label:l,helperText:u,disabled:d=!1,formatValue:f,className:p}){let[m,h]=i,g=s-o,_=(0,n.useMemo)(()=>(m-o)/g*100,[m,o,g]),v=(0,n.useMemo)(()=>(h-o)/g*100,[h,o,g]),y=f?.(i)??`${m} – ${h}`,b=(0,n.useCallback)(e=>{a([Math.min(Number(e.target.value),h),h])},[h,a]),x=(0,n.useCallback)(e=>{let t=Math.max(Number(e.target.value),m);a([m,t])},[m,a]);return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,p),children:[l&&(0,r.jsxs)(`div`,{className:t.default.label,children:[(0,r.jsx)(`span`,{children:l}),(0,r.jsx)(`span`,{className:t.default.value,children:y})]}),(0,r.jsxs)(`div`,{className:t.default.field,children:[(0,r.jsx)(`div`,{className:t.default.track}),(0,r.jsx)(`div`,{className:t.default.fill,style:{left:`${_}%`,right:`${100-v}%`}}),(0,r.jsx)(`input`,{type:`range`,className:t.default.input,min:o,max:s,step:c,value:m,onChange:b,disabled:d,"aria-label":l?`${l} (mínimo)`:`Mínimo`}),(0,r.jsx)(`input`,{type:`range`,className:t.default.input,min:o,max:s,step:c,value:h,onChange:x,disabled:d,"aria-label":l?`${l} (máximo)`:`Máximo`})]}),u&&(0,r.jsx)(`span`,{className:t.default.helper,children:u})]})}exports.RangeSlider=i;
+//# sourceMappingURL=RangeSlider.cjs.map

package/dist/components/RangeSlider/RangeSlider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"kIAyBA,SAAgB,EAAY,CACxB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACiB,CACjB,GAAM,CAAC,EAAK,GAAQ,EACd,EAAQ,EAAM,EAEd,GAAA,EAAA,EAAA,QAAA,MAA2B,EAAM,GAAO,EAAS,IAAK,CAAC,EAAK,EAAK,CAAK,CAAC,EACvE,GAAA,EAAA,EAAA,QAAA,MAA4B,EAAO,GAAO,EAAS,IAAK,CAAC,EAAM,EAAK,CAAK,CAAC,EAE1E,EAAY,IAAc,CAAK,GAAK,GAAG,EAAI,KAAK,IAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CACxC,EAAM,CAAI,CAAC,CACzB,EACA,CAAC,EAAM,CAAQ,CACnB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,IAAM,EAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CAAG,EACrD,EAAS,CAAC,EAAK,CAAI,CAAC,CACxB,EACA,CAAC,EAAK,CAAQ,CAClB,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAG,EAAS,GAAI,MAAO,GAAG,IAAM,EAAU,EAAG,CAC/D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}