tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/OfflineIndicator/OfflineIndicator.js

@@ -0,0 +1,36 @@
+import { cn as e } from "../../utils/cn.js";
+import { useOnline as t } from "../../hooks/use-online.js";
+import n from "./OfflineIndicator.module.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { CloudOff as l, Wifi as u } from "lucide-react";
+//#region src/components/OfflineIndicator/OfflineIndicator.tsx
+function d({ position: d = "bottom", offlineLabel: f = "Você está offline. As alterações serão sincronizadas ao reconectar.", onlineLabel: p = "Conexão restabelecida.", onlineFlashMs: m = 3e3, className: h, children: g, ..._ }) {
+	let v = t(), [y, b] = a(!1), x = i(!1);
+	if (r(() => {
+		if (!v) {
+			x.current = !0, b(!1);
+			return;
+		}
+		if (!x.current || m <= 0) return;
+		x.current = !1, b(!0);
+		let e = window.setTimeout(() => b(!1), m);
+		return () => window.clearTimeout(e);
+	}, [v, m]), v && !y) return null;
+	let S = v && y;
+	return /* @__PURE__ */ s("div", {
+		className: e(n.bar, n[d], S ? n.online : n.offline, h),
+		role: "status",
+		"aria-live": "polite",
+		..._,
+		children: g ?? /* @__PURE__ */ c(o, { children: [s(S ? u : l, {
+			className: n.icon,
+			size: 16,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ s("span", { children: S ? p : f })] })
+	});
+}
+//#endregion
+export { d as OfflineIndicator };
+
+//# sourceMappingURL=OfflineIndicator.js.map

package/dist/components/OfflineIndicator/OfflineIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineIndicator.js","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { CloudOff, Wifi } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport { useOnline } from \"@/hooks\";\nimport styles from \"./OfflineIndicator.module.css\";\n\nexport type OfflineIndicatorPosition = \"top\" | \"bottom\";\n\nexport interface OfflineIndicatorProps extends HTMLAttributes<HTMLDivElement> {\n    /** Where to pin the fixed bar. Default `\"bottom\"`. */\n    position?: OfflineIndicatorPosition;\n    /** Message shown while offline. */\n    offlineLabel?: ReactNode;\n    /** Message flashed briefly when connectivity returns. */\n    onlineLabel?: ReactNode;\n    /**\n     * How long (ms) to keep the \"back online\" flash visible. `0` hides it\n     * entirely. Default `3000`.\n     */\n    onlineFlashMs?: number;\n    /** Override the offline body entirely (icon + label ignored). */\n    children?: ReactNode;\n}\n\n/**\n * Fixed bar that appears while the browser is offline and, by default, flashes\n * a brief confirmation when the connection returns. Backed by {@link useOnline}\n * — no props needed for the common case.\n *\n * Renders nothing while online (after any flash has elapsed), so it is safe to\n * mount unconditionally at the app root.\n *\n * @example\n * <OfflineIndicator position=\"top\" />\n */\nexport function OfflineIndicator({\n    position = \"bottom\",\n    offlineLabel = \"Você está offline. As alterações serão sincronizadas ao reconectar.\",\n    onlineLabel = \"Conexão restabelecida.\",\n    onlineFlashMs = 3000,\n    className,\n    children,\n    ...props\n}: OfflineIndicatorProps) {\n    const online = useOnline();\n    const [flashOnline, setFlashOnline] = useState<boolean>(false);\n    const wasOfflineRef = useRef<boolean>(false);\n\n    useEffect(() => {\n        if (!online) {\n            wasOfflineRef.current = true;\n            setFlashOnline(false);\n            return;\n        }\n        if (!wasOfflineRef.current || onlineFlashMs <= 0) return;\n        wasOfflineRef.current = false;\n        setFlashOnline(true);\n        const id = window.setTimeout(() => setFlashOnline(false), onlineFlashMs);\n        return () => window.clearTimeout(id);\n    }, [online, onlineFlashMs]);\n\n    if (online && !flashOnline) return null;\n\n    const showingOnline = online && flashOnline;\n    return (\n        <div\n            className={cn(\n                styles.bar,\n                styles[position],\n                showingOnline ? styles.online : styles.offline,\n                className,\n            )}\n            role=\"status\"\n            aria-live=\"polite\"\n            {...props}\n        >\n            {children ?? (\n                <>\n                    {showingOnline ? (\n                        <Wifi className={styles.icon} size={16} aria-hidden=\"true\" />\n                    ) : (\n                        <CloudOff className={styles.icon} size={16} aria-hidden=\"true\" />\n                    )}\n                    <span>{showingOnline ? onlineLabel : offlineLabel}</span>\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,EAAiB,EAC7B,cAAW,UACX,kBAAe,uEACf,iBAAc,0BACd,mBAAgB,KAChB,cACA,aACA,GAAG,KACmB;CACtB,IAAM,IAAS,EAAU,GACnB,CAAC,GAAa,KAAkB,EAAkB,EAAK,GACvD,IAAgB,EAAgB,EAAK;CAe3C,IAbA,QAAgB;EACZ,IAAI,CAAC,GAAQ;GAET,AADA,EAAc,UAAU,IACxB,EAAe,EAAK;GACpB;EACJ;EACA,IAAI,CAAC,EAAc,WAAW,KAAiB,GAAG;EAElD,AADA,EAAc,UAAU,IACxB,EAAe,EAAI;EACnB,IAAM,IAAK,OAAO,iBAAiB,EAAe,EAAK,GAAG,CAAa;EACvE,aAAa,OAAO,aAAa,CAAE;CACvC,GAAG,CAAC,GAAQ,CAAa,CAAC,GAEtB,KAAU,CAAC,GAAa,OAAO;CAEnC,IAAM,IAAgB,KAAU;CAChC,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,KACP,EAAO,IACP,IAAgB,EAAO,SAAS,EAAO,SACvC,CACJ;EACA,MAAK;EACL,aAAU;EACV,GAAI;YAEH,KACG,kBAAA,GAAA,EAAA,UAAA,CAEQ,EADH,IACI,IAEA,GAFD;GAAM,WAAW,EAAO;GAAM,MAAM;GAAI,eAAY;EAAQ,CAEI,GAEpE,kBAAC,QAAD,EAAA,UAAO,IAAgB,IAAc,EAAmB,CAAA,CAC1D,EAAA,CAAA;CAEL,CAAA;AAEb"}

package/dist/components/OfflineIndicator/OfflineIndicator.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_bar_TujEG`,t=`tempest_top_hGD-7`,n=`tempest_bottom_xvnL6`,r=`tempest_offline_TSh6c`,i=`tempest_online_edPM2`,a=`tempest_icon_YY8m3`,o={bar:e,top:t,bottom:n,offline:r,online:i,icon:a};exports.bar=e,exports.bottom=n,exports.default=o,exports.icon=a,exports.offline=r,exports.online=i,exports.top=t;
+//# sourceMappingURL=OfflineIndicator.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineIndicator.module.cjs","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.module.css"],"sourcesContent":[".bar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    text-align: center;\n}\n\n.top {\n    top: 0;\n    padding-top: max(var(--tempest-space-2), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: 0;\n    padding-bottom: max(var(--tempest-space-2), env(safe-area-inset-bottom));\n}\n\n.offline {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-top: 1px solid var(--tempest-border-strong);\n}\n\n.online {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n"],"mappings":""}

package/dist/components/OfflineIndicator/OfflineIndicator.module.js

@@ -0,0 +1,13 @@
+//#region src/components/OfflineIndicator/OfflineIndicator.module.css
+var e = "tempest_bar_TujEG", t = "tempest_top_hGD-7", n = "tempest_bottom_xvnL6", r = "tempest_offline_TSh6c", i = "tempest_online_edPM2", a = "tempest_icon_YY8m3", o = {
+	bar: e,
+	top: t,
+	bottom: n,
+	offline: r,
+	online: i,
+	icon: a
+};
+//#endregion
+export { e as bar, n as bottom, o as default, a as icon, r as offline, i as online, t as top };
+
+//# sourceMappingURL=OfflineIndicator.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineIndicator.module.js","names":[],"sources":["../../../src/components/OfflineIndicator/OfflineIndicator.module.css"],"sourcesContent":[".bar {\n    position: fixed;\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-toast, 1000);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    line-height: var(--tempest-leading-snug);\n    text-align: center;\n}\n\n.top {\n    top: 0;\n    padding-top: max(var(--tempest-space-2), env(safe-area-inset-top));\n}\n\n.bottom {\n    bottom: 0;\n    padding-bottom: max(var(--tempest-space-2), env(safe-area-inset-bottom));\n}\n\n.offline {\n    background: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-top: 1px solid var(--tempest-border-strong);\n}\n\n.online {\n    background: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n"],"mappings":""}

package/dist/components/Page/Page.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Page.module.cjs");let n=require("react/jsx-runtime");function r({title:r,eyebrow:i,description:a,actions:o,toolbar:s,footer:c,padded:l=!0,className:u,children:d,...f}){let p=r||i||a||o;return(0,n.jsxs)(`main`,{className:e.cn(t.default.page,l&&t.default.padded,u),...f,children:[p&&(0,n.jsxs)(`header`,{className:t.default.header,children:[(0,n.jsxs)(`div`,{className:t.default.headerText,children:[i&&(0,n.jsx)(`div`,{className:t.default.eyebrow,children:i}),r&&(0,n.jsx)(`h1`,{className:t.default.title,children:r}),a&&(0,n.jsx)(`p`,{className:t.default.description,children:a})]}),o&&(0,n.jsx)(`div`,{className:t.default.actions,children:o})]}),s&&(0,n.jsx)(`div`,{className:t.default.toolbar,children:s}),(0,n.jsx)(`div`,{className:t.default.content,children:d}),c&&(0,n.jsx)(`footer`,{className:t.default.footer,children:c})]})}exports.Page=r;
+//# sourceMappingURL=Page.cjs.map

package/dist/components/Page/Page.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.cjs","names":[],"sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Page.module.css\";\n\nexport interface PageProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title rendered as `<h1>`. */\n    title?: ReactNode;\n    /** Optional subtitle / breadcrumbs slot rendered above the title. */\n    eyebrow?: ReactNode;\n    /** Optional description rendered below the title. */\n    description?: ReactNode;\n    /** Right-side actions slot in the header (buttons, menus). */\n    actions?: ReactNode;\n    /** Sticky tab bar / filter row rendered just below the header. */\n    toolbar?: ReactNode;\n    /** Footer slot rendered at the bottom of the content area. */\n    footer?: ReactNode;\n    /** Page-level padding. Default `true`. */\n    padded?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Page wrapper with header + (optional) toolbar + content + footer. Pairs\n * with `Container` when you want a max-width content well.\n *\n * @example\n * <Page title=\"Pedidos\" description=\"Acompanhe seus pedidos\" actions={<Button>Novo</Button>}>\n *     <Table {...} />\n * </Page>\n */\nexport function Page({\n    title,\n    eyebrow,\n    description,\n    actions,\n    toolbar,\n    footer,\n    padded = true,\n    className,\n    children,\n    ...props\n}: PageProps) {\n    const hasHeader = title || eyebrow || description || actions;\n    return (\n        <main className={cn(styles.page, padded && styles.padded, className)} {...props}>\n            {hasHeader && (\n                <header className={styles.header}>\n                    <div className={styles.headerText}>\n                        {eyebrow && <div className={styles.eyebrow}>{eyebrow}</div>}\n                        {title && <h1 className={styles.title}>{title}</h1>}\n                        {description && <p className={styles.description}>{description}</p>}\n                    </div>\n                    {actions && <div className={styles.actions}>{actions}</div>}\n                </header>\n            )}\n            {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n            <div className={styles.content}>{children}</div>\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </main>\n    );\n}\n"],"mappings":"wGA+BA,SAAgB,EAAK,CACjB,QACA,UACA,cACA,UACA,UACA,SACA,SAAS,GACT,YACA,WACA,GAAG,GACO,CACV,IAAM,EAAY,GAAS,GAAW,GAAe,EACrD,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,OAAQ,CAAS,EAAG,GAAI,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,EACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,oBAAvB,CACK,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,EACzD,IAAS,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EACjD,IAAe,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,CACjE,IACJ,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,CACtD,IAEX,IAAW,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAU,CAAa,CAAA,GAC1D,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,UAAc,CAAA,EAC9C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC3D,GAEd"}

package/dist/components/Page/Page.js

@@ -0,0 +1,52 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Page.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Page/Page.tsx
+function i({ title: i, eyebrow: a, description: o, actions: s, toolbar: c, footer: l, padded: u = !0, className: d, children: f, ...p }) {
+	let m = i || a || o || s;
+	return /* @__PURE__ */ r("main", {
+		className: e(t.page, u && t.padded, d),
+		...p,
+		children: [
+			m && /* @__PURE__ */ r("header", {
+				className: t.header,
+				children: [/* @__PURE__ */ r("div", {
+					className: t.headerText,
+					children: [
+						a && /* @__PURE__ */ n("div", {
+							className: t.eyebrow,
+							children: a
+						}),
+						i && /* @__PURE__ */ n("h1", {
+							className: t.title,
+							children: i
+						}),
+						o && /* @__PURE__ */ n("p", {
+							className: t.description,
+							children: o
+						})
+					]
+				}), s && /* @__PURE__ */ n("div", {
+					className: t.actions,
+					children: s
+				})]
+			}),
+			c && /* @__PURE__ */ n("div", {
+				className: t.toolbar,
+				children: c
+			}),
+			/* @__PURE__ */ n("div", {
+				className: t.content,
+				children: f
+			}),
+			l && /* @__PURE__ */ n("footer", {
+				className: t.footer,
+				children: l
+			})
+		]
+	});
+}
+//#endregion
+export { i as Page };
+
+//# sourceMappingURL=Page.js.map

package/dist/components/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","names":[],"sources":["../../../src/components/Page/Page.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Page.module.css\";\n\nexport interface PageProps extends Omit<HTMLAttributes<HTMLElement>, \"title\"> {\n    /** Page title rendered as `<h1>`. */\n    title?: ReactNode;\n    /** Optional subtitle / breadcrumbs slot rendered above the title. */\n    eyebrow?: ReactNode;\n    /** Optional description rendered below the title. */\n    description?: ReactNode;\n    /** Right-side actions slot in the header (buttons, menus). */\n    actions?: ReactNode;\n    /** Sticky tab bar / filter row rendered just below the header. */\n    toolbar?: ReactNode;\n    /** Footer slot rendered at the bottom of the content area. */\n    footer?: ReactNode;\n    /** Page-level padding. Default `true`. */\n    padded?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Page wrapper with header + (optional) toolbar + content + footer. Pairs\n * with `Container` when you want a max-width content well.\n *\n * @example\n * <Page title=\"Pedidos\" description=\"Acompanhe seus pedidos\" actions={<Button>Novo</Button>}>\n *     <Table {...} />\n * </Page>\n */\nexport function Page({\n    title,\n    eyebrow,\n    description,\n    actions,\n    toolbar,\n    footer,\n    padded = true,\n    className,\n    children,\n    ...props\n}: PageProps) {\n    const hasHeader = title || eyebrow || description || actions;\n    return (\n        <main className={cn(styles.page, padded && styles.padded, className)} {...props}>\n            {hasHeader && (\n                <header className={styles.header}>\n                    <div className={styles.headerText}>\n                        {eyebrow && <div className={styles.eyebrow}>{eyebrow}</div>}\n                        {title && <h1 className={styles.title}>{title}</h1>}\n                        {description && <p className={styles.description}>{description}</p>}\n                    </div>\n                    {actions && <div className={styles.actions}>{actions}</div>}\n                </header>\n            )}\n            {toolbar && <div className={styles.toolbar}>{toolbar}</div>}\n            <div className={styles.content}>{children}</div>\n            {footer && <footer className={styles.footer}>{footer}</footer>}\n        </main>\n    );\n}\n"],"mappings":";;;;AA+BA,SAAgB,EAAK,EACjB,UACA,YACA,gBACA,YACA,YACA,WACA,YAAS,IACT,cACA,aACA,GAAG,KACO;CACV,IAAM,IAAY,KAAS,KAAW,KAAe;CACrD,OACI,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,QAAQ,CAAS;EAAG,GAAI;YAA1E;GACK,KACG,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAA1B,CACI,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACK,KAAW,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAU;MAAa,CAAA;MACzD,KAAS,kBAAC,MAAD;OAAI,WAAW,EAAO;iBAAQ;MAAU,CAAA;MACjD,KAAe,kBAAC,KAAD;OAAG,WAAW,EAAO;iBAAc;MAAe,CAAA;KACjE;QACJ,KAAW,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAU;IAAa,CAAA,CACtD;;GAEX,KAAW,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAU;GAAa,CAAA;GAC1D,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;GAAc,CAAA;GAC9C,KAAU,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAAS;GAAe,CAAA;EAC3D;;AAEd"}

package/dist/components/Page/Page.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_page_THNNc`,t=`tempest_padded_bzjoF`,n=`tempest_header_PZEzk`,r=`tempest_headerText_qYXFI`,i=`tempest_eyebrow_651RV`,a=`tempest_title_2oGnT`,o=`tempest_description_YzmWl`,s=`tempest_actions_-rB3U`,c=`tempest_toolbar_sA7sD`,l=`tempest_content_RCB4b`,u=`tempest_footer_540pQ`,d={page:e,padded:t,header:n,headerText:r,eyebrow:i,title:a,description:o,actions:s,toolbar:c,content:l,footer:u};exports.actions=s,exports.content=l,exports.default=d,exports.description=o,exports.eyebrow=i,exports.footer=u,exports.header=n,exports.headerText=r,exports.padded=t,exports.page=e,exports.title=a,exports.toolbar=c;
+//# sourceMappingURL=Page.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.module.cjs","names":[],"sources":["../../../src/components/Page/Page.module.css"],"sourcesContent":[".page {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: 100%;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.padded {\n    padding: var(--tempest-space-5) var(--tempest-space-4);\n}\n\n@media (min-width: 768px) {\n    .padded {\n        padding: var(--tempest-space-6) var(--tempest-space-6);\n    }\n}\n\n.header {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-4);\n    margin-bottom: var(--tempest-space-5);\n    flex-wrap: wrap;\n}\n\n.headerText {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.eyebrow {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-1);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: var(--tempest-leading-tight);\n}\n\n.description {\n    margin: var(--tempest-space-2) 0 0;\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n}\n\n.actions {\n    display: flex;\n    gap: var(--tempest-space-2);\n    flex: 0 0 auto;\n    flex-wrap: wrap;\n}\n\n.toolbar {\n    margin-bottom: var(--tempest-space-4);\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.footer {\n    margin-top: var(--tempest-space-6);\n    padding-top: var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Page/Page.module.js

@@ -0,0 +1,18 @@
+//#region src/components/Page/Page.module.css
+var e = "tempest_page_THNNc", t = "tempest_padded_bzjoF", n = "tempest_header_PZEzk", r = "tempest_headerText_qYXFI", i = "tempest_eyebrow_651RV", a = "tempest_title_2oGnT", o = "tempest_description_YzmWl", s = "tempest_actions_-rB3U", c = "tempest_toolbar_sA7sD", l = "tempest_content_RCB4b", u = "tempest_footer_540pQ", d = {
+	page: e,
+	padded: t,
+	header: n,
+	headerText: r,
+	eyebrow: i,
+	title: a,
+	description: o,
+	actions: s,
+	toolbar: c,
+	content: l,
+	footer: u
+};
+//#endregion
+export { s as actions, l as content, d as default, o as description, i as eyebrow, u as footer, n as header, r as headerText, t as padded, e as page, a as title, c as toolbar };
+
+//# sourceMappingURL=Page.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Page.module.js","names":[],"sources":["../../../src/components/Page/Page.module.css"],"sourcesContent":[".page {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    min-height: 100%;\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.padded {\n    padding: var(--tempest-space-5) var(--tempest-space-4);\n}\n\n@media (min-width: 768px) {\n    .padded {\n        padding: var(--tempest-space-6) var(--tempest-space-6);\n    }\n}\n\n.header {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-4);\n    margin-bottom: var(--tempest-space-5);\n    flex-wrap: wrap;\n}\n\n.headerText {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.eyebrow {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    margin-bottom: var(--tempest-space-1);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-2xl);\n    font-weight: var(--tempest-weight-bold);\n    line-height: var(--tempest-leading-tight);\n}\n\n.description {\n    margin: var(--tempest-space-2) 0 0;\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n}\n\n.actions {\n    display: flex;\n    gap: var(--tempest-space-2);\n    flex: 0 0 auto;\n    flex-wrap: wrap;\n}\n\n.toolbar {\n    margin-bottom: var(--tempest-space-4);\n}\n\n.content {\n    flex: 1 1 auto;\n    min-width: 0;\n}\n\n.footer {\n    margin-top: var(--tempest-space-6);\n    padding-top: var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Pagination/Pagination.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Pagination.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e,t,n){if(t<=n+4)return Array.from({length:t},(e,t)=>t+1);let r=Math.max(2,e-Math.floor(n/2)),i=Math.min(t-1,r+n-1),a=[1];r>2&&a.push(`...`);for(let e=r;e<=i;e++)a.push(e);return i<t-1&&a.push(`...`),a.push(t),a}function a({page:a,totalPages:o,onPageChange:s,pageSize:c,onPageSizeChange:l,pageSizeOptions:u=[10,25,50,100],totalItems:d,siblingCount:f=3,className:p}){let m=(0,n.useMemo)(()=>i(a,o,f),[a,o,f]);return o<=1&&!l?null:(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,p),children:[(0,r.jsx)(`div`,{className:t.default.summary,children:typeof d==`number`?`${d} resultado${d===1?``:`s`}`:`Página ${a} de ${o}`}),(0,r.jsxs)(`div`,{className:t.default.controls,children:[(0,r.jsx)(`button`,{type:`button`,className:t.default.page,onClick:()=>s(Math.max(1,a-1)),disabled:a<=1,"aria-label":`Página anterior`,children:`‹`}),m.map((n,i)=>n===`...`?(0,r.jsx)(`span`,{className:e.cn(t.default.ellipsis,t.default.numeric),children:`…`},`ellipsis-${i}`):(0,r.jsx)(`button`,{type:`button`,className:e.cn(t.default.page,t.default.numeric,n===a&&t.default.active),onClick:()=>s(n),"aria-current":n===a?`page`:void 0,children:n},n)),(0,r.jsx)(`button`,{type:`button`,className:t.default.page,onClick:()=>s(Math.min(o,a+1)),disabled:a>=o,"aria-label":`Próxima página`,children:`›`}),l&&(0,r.jsx)(`select`,{className:t.default.sizeSelect,value:c,onChange:e=>l(Number(e.target.value)),"aria-label":`Itens por página`,children:u.map(e=>(0,r.jsxs)(`option`,{value:e,children:[e,` / página`]},e))})]})]})}exports.Pagination=a;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/components/Pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Pagination.module.css\";\n\nexport interface PaginationProps {\n    page: number;\n    totalPages: number;\n    onPageChange: (page: number) => void;\n    pageSize?: number;\n    onPageSizeChange?: (size: number) => void;\n    pageSizeOptions?: number[];\n    /** Total items count; if provided, renders the summary text. */\n    totalItems?: number;\n    /** Max number of numbered page buttons to show. Default 7. */\n    siblingCount?: number;\n    className?: string;\n}\n\nfunction buildRange(page: number, totalPages: number, siblings: number): (number | \"...\")[] {\n    const totalSlots = siblings + 4;\n    if (totalPages <= totalSlots) {\n        return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n    const start = Math.max(2, page - Math.floor(siblings / 2));\n    const end = Math.min(totalPages - 1, start + siblings - 1);\n    const range: (number | \"...\")[] = [1];\n    if (start > 2) range.push(\"...\");\n    for (let i = start; i <= end; i++) range.push(i);\n    if (end < totalPages - 1) range.push(\"...\");\n    range.push(totalPages);\n    return range;\n}\n\n/**\n * Numeric pagination controls. Pair with {@link usePagination} for state.\n */\nexport function Pagination({\n    page,\n    totalPages,\n    onPageChange,\n    pageSize,\n    onPageSizeChange,\n    pageSizeOptions = [10, 25, 50, 100],\n    totalItems,\n    siblingCount = 3,\n    className,\n}: PaginationProps) {\n    const pages = useMemo(\n        () => buildRange(page, totalPages, siblingCount),\n        [page, totalPages, siblingCount],\n    );\n\n    if (totalPages <= 1 && !onPageSizeChange) return null;\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.summary}>\n                {typeof totalItems === \"number\"\n                    ? `${totalItems} resultado${totalItems === 1 ? \"\" : \"s\"}`\n                    : `Página ${page} de ${totalPages}`}\n            </div>\n            <div className={styles.controls}>\n                <button\n                    type=\"button\"\n                    className={styles.page}\n                    onClick={() => onPageChange(Math.max(1, page - 1))}\n                    disabled={page <= 1}\n                    aria-label=\"Página anterior\"\n                >\n                    ‹\n                </button>\n                {pages.map((entry, index) =>\n                    entry === \"...\" ? (\n                        <span\n                            key={`ellipsis-${index}`}\n                            className={cn(styles.ellipsis, styles.numeric)}\n                        >\n                            …\n                        </span>\n                    ) : (\n                        <button\n                            type=\"button\"\n                            key={entry}\n                            className={cn(\n                                styles.page,\n                                styles.numeric,\n                                entry === page && styles.active,\n                            )}\n                            onClick={() => onPageChange(entry)}\n                            aria-current={entry === page ? \"page\" : undefined}\n                        >\n                            {entry}\n                        </button>\n                    ),\n                )}\n                <button\n                    type=\"button\"\n                    className={styles.page}\n                    onClick={() => onPageChange(Math.min(totalPages, page + 1))}\n                    disabled={page >= totalPages}\n                    aria-label=\"Próxima página\"\n                >\n                    ›\n                </button>\n                {onPageSizeChange && (\n                    <select\n                        className={styles.sizeSelect}\n                        value={pageSize}\n                        onChange={(event) => onPageSizeChange(Number(event.target.value))}\n                        aria-label=\"Itens por página\"\n                    >\n                        {pageSizeOptions.map((opt) => (\n                            <option key={opt} value={opt}>\n                                {opt} / página\n                            </option>\n                        ))}\n                    </select>\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"iIAkBA,SAAS,EAAW,EAAc,EAAoB,EAAsC,CAExF,GAAI,GADe,EAAW,EAE1B,OAAO,MAAM,KAAK,CAAE,OAAQ,CAAW,GAAI,EAAG,IAAM,EAAI,CAAC,EAE7D,IAAM,EAAQ,KAAK,IAAI,EAAG,EAAO,KAAK,MAAM,EAAW,CAAC,CAAC,EACnD,EAAM,KAAK,IAAI,EAAa,EAAG,EAAQ,EAAW,CAAC,EACnD,EAA4B,CAAC,CAAC,EAChC,EAAQ,GAAG,EAAM,KAAK,KAAK,EAC/B,IAAK,IAAI,EAAI,EAAO,GAAK,EAAK,IAAK,EAAM,KAAK,CAAC,EAG/C,OAFI,EAAM,EAAa,GAAG,EAAM,KAAK,KAAK,EAC1C,EAAM,KAAK,CAAU,EACd,CACX,CAKA,SAAgB,EAAW,CACvB,OACA,aACA,eACA,WACA,mBACA,kBAAkB,CAAC,GAAI,GAAI,GAAI,GAAG,EAClC,aACA,eAAe,EACf,aACgB,CAChB,IAAM,GAAA,EAAA,EAAA,QAAA,KACI,EAAW,EAAM,EAAY,CAAY,EAC/C,CAAC,EAAM,EAAY,CAAY,CACnC,EAIA,OAFI,GAAc,GAAK,CAAC,EAAyB,MAG7C,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAClB,OAAO,GAAe,SACjB,GAAG,EAAW,YAAY,IAAe,EAAI,GAAK,MAClD,UAAU,EAAK,MAAM,GAC1B,CAAA,GACL,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,kBAAvB,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,KAClB,YAAe,EAAa,KAAK,IAAI,EAAG,EAAO,CAAC,CAAC,EACjD,SAAU,GAAQ,EAClB,aAAW,2BACd,GAEO,CAAA,EACP,EAAM,KAAK,EAAO,IACf,IAAU,OACN,EAAA,EAAA,IAAA,CAAC,OAAD,CAEI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,EAAA,QAAO,OAAO,WAChD,GAEK,EAJG,YAAY,GAIf,GAEN,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SAEL,UAAW,EAAA,GACP,EAAA,QAAO,KACP,EAAA,QAAO,QACP,IAAU,GAAQ,EAAA,QAAO,MAC7B,EACA,YAAe,EAAa,CAAK,EACjC,eAAc,IAAU,EAAO,OAAS,IAAA,YAEvC,CACG,EAVC,CAUD,CAEhB,GACA,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,KAClB,YAAe,EAAa,KAAK,IAAI,EAAY,EAAO,CAAC,CAAC,EAC1D,SAAU,GAAQ,EAClB,aAAW,0BACd,GAEO,CAAA,EACP,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,UAAW,EAAA,QAAO,WAClB,MAAO,EACP,SAAW,GAAU,EAAiB,OAAO,EAAM,OAAO,KAAK,CAAC,EAChE,aAAW,4BAEV,EAAgB,IAAK,IAClB,EAAA,EAAA,KAAA,CAAC,SAAD,CAAkB,MAAO,WAAzB,CACK,EAAI,WACD,GAFK,CAEL,CACX,CACG,CAAA,CAEX,GACJ,GAEb"}

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,75 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Pagination.module.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Pagination/Pagination.tsx
+function a(e, t, n) {
+	if (t <= n + 4) return Array.from({ length: t }, (e, t) => t + 1);
+	let r = Math.max(2, e - Math.floor(n / 2)), i = Math.min(t - 1, r + n - 1), a = [1];
+	r > 2 && a.push("...");
+	for (let e = r; e <= i; e++) a.push(e);
+	return i < t - 1 && a.push("..."), a.push(t), a;
+}
+function o({ page: o, totalPages: s, onPageChange: c, pageSize: l, onPageSizeChange: u, pageSizeOptions: d = [
+	10,
+	25,
+	50,
+	100
+], totalItems: f, siblingCount: p = 3, className: m }) {
+	let h = n(() => a(o, s, p), [
+		o,
+		s,
+		p
+	]);
+	return s <= 1 && !u ? null : /* @__PURE__ */ i("div", {
+		className: e(t.wrapper, m),
+		children: [/* @__PURE__ */ r("div", {
+			className: t.summary,
+			children: typeof f == "number" ? `${f} resultado${f === 1 ? "" : "s"}` : `Página ${o} de ${s}`
+		}), /* @__PURE__ */ i("div", {
+			className: t.controls,
+			children: [
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: t.page,
+					onClick: () => c(Math.max(1, o - 1)),
+					disabled: o <= 1,
+					"aria-label": "Página anterior",
+					children: "‹"
+				}),
+				h.map((n, i) => n === "..." ? /* @__PURE__ */ r("span", {
+					className: e(t.ellipsis, t.numeric),
+					children: "…"
+				}, `ellipsis-${i}`) : /* @__PURE__ */ r("button", {
+					type: "button",
+					className: e(t.page, t.numeric, n === o && t.active),
+					onClick: () => c(n),
+					"aria-current": n === o ? "page" : void 0,
+					children: n
+				}, n)),
+				/* @__PURE__ */ r("button", {
+					type: "button",
+					className: t.page,
+					onClick: () => c(Math.min(s, o + 1)),
+					disabled: o >= s,
+					"aria-label": "Próxima página",
+					children: "›"
+				}),
+				u && /* @__PURE__ */ r("select", {
+					className: t.sizeSelect,
+					value: l,
+					onChange: (e) => u(Number(e.target.value)),
+					"aria-label": "Itens por página",
+					children: d.map((e) => /* @__PURE__ */ i("option", {
+						value: e,
+						children: [e, " / página"]
+					}, e))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { o as Pagination };
+
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Pagination.module.css\";\n\nexport interface PaginationProps {\n    page: number;\n    totalPages: number;\n    onPageChange: (page: number) => void;\n    pageSize?: number;\n    onPageSizeChange?: (size: number) => void;\n    pageSizeOptions?: number[];\n    /** Total items count; if provided, renders the summary text. */\n    totalItems?: number;\n    /** Max number of numbered page buttons to show. Default 7. */\n    siblingCount?: number;\n    className?: string;\n}\n\nfunction buildRange(page: number, totalPages: number, siblings: number): (number | \"...\")[] {\n    const totalSlots = siblings + 4;\n    if (totalPages <= totalSlots) {\n        return Array.from({ length: totalPages }, (_, i) => i + 1);\n    }\n    const start = Math.max(2, page - Math.floor(siblings / 2));\n    const end = Math.min(totalPages - 1, start + siblings - 1);\n    const range: (number | \"...\")[] = [1];\n    if (start > 2) range.push(\"...\");\n    for (let i = start; i <= end; i++) range.push(i);\n    if (end < totalPages - 1) range.push(\"...\");\n    range.push(totalPages);\n    return range;\n}\n\n/**\n * Numeric pagination controls. Pair with {@link usePagination} for state.\n */\nexport function Pagination({\n    page,\n    totalPages,\n    onPageChange,\n    pageSize,\n    onPageSizeChange,\n    pageSizeOptions = [10, 25, 50, 100],\n    totalItems,\n    siblingCount = 3,\n    className,\n}: PaginationProps) {\n    const pages = useMemo(\n        () => buildRange(page, totalPages, siblingCount),\n        [page, totalPages, siblingCount],\n    );\n\n    if (totalPages <= 1 && !onPageSizeChange) return null;\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.summary}>\n                {typeof totalItems === \"number\"\n                    ? `${totalItems} resultado${totalItems === 1 ? \"\" : \"s\"}`\n                    : `Página ${page} de ${totalPages}`}\n            </div>\n            <div className={styles.controls}>\n                <button\n                    type=\"button\"\n                    className={styles.page}\n                    onClick={() => onPageChange(Math.max(1, page - 1))}\n                    disabled={page <= 1}\n                    aria-label=\"Página anterior\"\n                >\n                    ‹\n                </button>\n                {pages.map((entry, index) =>\n                    entry === \"...\" ? (\n                        <span\n                            key={`ellipsis-${index}`}\n                            className={cn(styles.ellipsis, styles.numeric)}\n                        >\n                            …\n                        </span>\n                    ) : (\n                        <button\n                            type=\"button\"\n                            key={entry}\n                            className={cn(\n                                styles.page,\n                                styles.numeric,\n                                entry === page && styles.active,\n                            )}\n                            onClick={() => onPageChange(entry)}\n                            aria-current={entry === page ? \"page\" : undefined}\n                        >\n                            {entry}\n                        </button>\n                    ),\n                )}\n                <button\n                    type=\"button\"\n                    className={styles.page}\n                    onClick={() => onPageChange(Math.min(totalPages, page + 1))}\n                    disabled={page >= totalPages}\n                    aria-label=\"Próxima página\"\n                >\n                    ›\n                </button>\n                {onPageSizeChange && (\n                    <select\n                        className={styles.sizeSelect}\n                        value={pageSize}\n                        onChange={(event) => onPageSizeChange(Number(event.target.value))}\n                        aria-label=\"Itens por página\"\n                    >\n                        {pageSizeOptions.map((opt) => (\n                            <option key={opt} value={opt}>\n                                {opt} / página\n                            </option>\n                        ))}\n                    </select>\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAkBA,SAAS,EAAW,GAAc,GAAoB,GAAsC;CAExF,IAAI,KADe,IAAW,GAE1B,OAAO,MAAM,KAAK,EAAE,QAAQ,EAAW,IAAI,GAAG,MAAM,IAAI,CAAC;CAE7D,IAAM,IAAQ,KAAK,IAAI,GAAG,IAAO,KAAK,MAAM,IAAW,CAAC,CAAC,GACnD,IAAM,KAAK,IAAI,IAAa,GAAG,IAAQ,IAAW,CAAC,GACnD,IAA4B,CAAC,CAAC;CACpC,AAAI,IAAQ,KAAG,EAAM,KAAK,KAAK;CAC/B,KAAK,IAAI,IAAI,GAAO,KAAK,GAAK,KAAK,EAAM,KAAK,CAAC;CAG/C,OAFI,IAAM,IAAa,KAAG,EAAM,KAAK,KAAK,GAC1C,EAAM,KAAK,CAAU,GACd;AACX;AAKA,SAAgB,EAAW,EACvB,SACA,eACA,iBACA,aACA,qBACA,qBAAkB;CAAC;CAAI;CAAI;CAAI;AAAG,GAClC,eACA,kBAAe,GACf,gBACgB;CAChB,IAAM,IAAQ,QACJ,EAAW,GAAM,GAAY,CAAY,GAC/C;EAAC;EAAM;EAAY;CAAY,CACnC;CAIA,OAFI,KAAc,KAAK,CAAC,IAAyB,OAG7C,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C,CACI,kBAAC,OAAD;GAAK,WAAW,EAAO;aAClB,OAAO,KAAe,WACjB,GAAG,EAAW,YAAY,MAAe,IAAI,KAAK,QAClD,UAAU,EAAK,MAAM;EAC1B,CAAA,GACL,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACI,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,eAAe,EAAa,KAAK,IAAI,GAAG,IAAO,CAAC,CAAC;KACjD,UAAU,KAAQ;KAClB,cAAW;eACd;IAEO,CAAA;IACP,EAAM,KAAK,GAAO,MACf,MAAU,QACN,kBAAC,QAAD;KAEI,WAAW,EAAG,EAAO,UAAU,EAAO,OAAO;eAChD;IAEK,GAJG,YAAY,GAIf,IAEN,kBAAC,UAAD;KACI,MAAK;KAEL,WAAW,EACP,EAAO,MACP,EAAO,SACP,MAAU,KAAQ,EAAO,MAC7B;KACA,eAAe,EAAa,CAAK;KACjC,gBAAc,MAAU,IAAO,SAAS,KAAA;eAEvC;IACG,GAVC,CAUD,CAEhB;IACA,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,eAAe,EAAa,KAAK,IAAI,GAAY,IAAO,CAAC,CAAC;KAC1D,UAAU,KAAQ;KAClB,cAAW;eACd;IAEO,CAAA;IACP,KACG,kBAAC,UAAD;KACI,WAAW,EAAO;KAClB,OAAO;KACP,WAAW,MAAU,EAAiB,OAAO,EAAM,OAAO,KAAK,CAAC;KAChE,cAAW;eAEV,EAAgB,KAAK,MAClB,kBAAC,UAAD;MAAkB,OAAO;gBAAzB,CACK,GAAI,WACD;QAFK,CAEL,CACX;IACG,CAAA;GAEX;IACJ;;AAEb"}

package/dist/components/Pagination/Pagination.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_cRGQm`,t=`tempest_controls_fdL-y`,n=`tempest_page_WjG0l`,r=`tempest_active_1kqsJ`,i=`tempest_ellipsis_V294k`,a=`tempest_sizeSelect_ZayTo`,o=`tempest_numeric_ztI0I`,s=`tempest_summary_ZTggV`,c={wrapper:e,controls:t,page:n,active:r,ellipsis:i,sizeSelect:a,numeric:o,summary:s};exports.active=r,exports.controls=t,exports.default=c,exports.ellipsis=i,exports.numeric=o,exports.page=n,exports.sizeSelect=a,exports.summary=s,exports.wrapper=e;
+//# sourceMappingURL=Pagination.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) 0;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.controls {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.page {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border-radius: var(--tempest-radius-md);\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .page:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n        border-color: var(--tempest-border-strong);\n    }\n    .active:hover {\n        background-color: var(--tempest-primary-hover);\n        border-color: var(--tempest-primary-hover);\n    }\n}\n\n.page:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.page:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n}\n\n.active {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.ellipsis {\n    padding: 0 var(--tempest-space-2);\n    color: var(--tempest-text-subtle);\n}\n\n.sizeSelect {\n    height: 32px;\n    padding: 0 var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n}\n\n.sizeSelect:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* Compact mobile mode — hide numeric buttons + size select. */\n@media (max-width: 639.98px) {\n    .numeric,\n    .sizeSelect {\n        display: none;\n    }\n    .summary {\n        font-size: var(--tempest-text-xs);\n    }\n    .controls {\n        flex: 1;\n        justify-content: space-between;\n    }\n}\n"],"mappings":""}

package/dist/components/Pagination/Pagination.module.js

@@ -0,0 +1,15 @@
+//#region src/components/Pagination/Pagination.module.css
+var e = "tempest_wrapper_cRGQm", t = "tempest_controls_fdL-y", n = "tempest_page_WjG0l", r = "tempest_active_1kqsJ", i = "tempest_ellipsis_V294k", a = "tempest_sizeSelect_ZayTo", o = "tempest_numeric_ztI0I", s = "tempest_summary_ZTggV", c = {
+	wrapper: e,
+	controls: t,
+	page: n,
+	active: r,
+	ellipsis: i,
+	sizeSelect: a,
+	numeric: o,
+	summary: s
+};
+//#endregion
+export { r as active, t as controls, c as default, i as ellipsis, o as numeric, n as page, a as sizeSelect, s as summary, e as wrapper };
+
+//# sourceMappingURL=Pagination.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.js","names":[],"sources":["../../../src/components/Pagination/Pagination.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) 0;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    flex-wrap: wrap;\n}\n\n.controls {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n}\n\n.page {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border-radius: var(--tempest-radius-md);\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .page:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n        border-color: var(--tempest-border-strong);\n    }\n    .active:hover {\n        background-color: var(--tempest-primary-hover);\n        border-color: var(--tempest-primary-hover);\n    }\n}\n\n.page:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.page:disabled {\n    opacity: 0.45;\n    cursor: not-allowed;\n}\n\n.active {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.ellipsis {\n    padding: 0 var(--tempest-space-2);\n    color: var(--tempest-text-subtle);\n}\n\n.sizeSelect {\n    height: 32px;\n    padding: 0 var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-sm);\n}\n\n.sizeSelect:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n/* Compact mobile mode — hide numeric buttons + size select. */\n@media (max-width: 639.98px) {\n    .numeric,\n    .sizeSelect {\n        display: none;\n    }\n    .summary {\n        font-size: var(--tempest-text-xs);\n    }\n    .controls {\n        flex: 1;\n        justify-content: space-between;\n    }\n}\n"],"mappings":""}

package/dist/components/PasswordInput/PasswordInput.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./PasswordInput.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=[`Muito fraca`,`Fraca`,`Razoável`,`Forte`,`Excelente`];function a(e){if(!e)return 0;let t=0;return e.length>=8&&(t+=1),e.length>=12&&(t+=1),/[a-z]/.test(e)&&/[A-Z]/.test(e)&&(t+=1),/[0-9]/.test(e)&&(t+=1),/[^A-Za-z0-9]/.test(e)&&(t+=1),Math.min(4,t)}var o=(0,n.forwardRef)(function({label:o,helperText:s,error:c,size:l=`md`,showStrength:u=!1,strength:d,strengthLabels:f=i,toggleLabels:p={show:`Mostrar senha`,hide:`Esconder senha`},className:m,value:h,defaultValue:g,id:_,...v},y){let b=(0,n.useId)(),x=_??b,S=c?`${x}-error`:s?`${x}-helper`:void 0,[C,w]=(0,n.useState)(!1),T=d??a(String(h??g??``));return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,t.default[l],c&&t.default.error,m),children:[o&&(0,r.jsx)(`label`,{htmlFor:x,className:t.default.label,children:o}),(0,r.jsxs)(`div`,{className:t.default.field,children:[(0,r.jsx)(`input`,{ref:y,...v,id:x,value:h,defaultValue:g,type:C?`text`:`password`,"aria-invalid":!!c,"aria-describedby":S,className:t.default.input}),(0,r.jsx)(`button`,{type:`button`,className:t.default.toggle,"aria-label":C?p.hide:p.show,"aria-pressed":C,onClick:()=>w(e=>!e),children:C?`🙈`:`👁`})]}),u&&(0,r.jsxs)(`div`,{className:e.cn(t.default.strength,t.default[`level${T}`]),"aria-label":f[T],children:[(0,r.jsx)(`div`,{className:t.default.strengthBar,children:(0,r.jsx)(`span`,{style:{width:`${T/4*100}%`}})}),(0,r.jsx)(`span`,{className:t.default.strengthLabel,children:f[T]})]}),c?(0,r.jsx)(`span`,{id:`${x}-error`,className:t.default.errorText,children:c}):s?(0,r.jsx)(`span`,{id:`${x}-helper`,className:t.default.helper,children:s}):null]})});exports.PasswordInput=o,exports.estimatePasswordStrength=a;
+//# sourceMappingURL=PasswordInput.cjs.map

package/dist/components/PasswordInput/PasswordInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.cjs","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useId, useState } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PasswordInput.module.css\";\n\nexport type PasswordStrength = 0 | 1 | 2 | 3 | 4;\n\nexport interface PasswordInputProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"size\"\n> {\n    /** Label rendered above the input. */\n    label?: ReactNode;\n    /** Helper text below — replaced by `error` when set. */\n    helperText?: ReactNode;\n    /** Error message. Adds `aria-invalid` + red border. */\n    error?: string;\n    /** Visual size of the input. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Show a strength meter below the field. Default `false`. */\n    showStrength?: boolean;\n    /** Override the automatic strength calc (0–4). */\n    strength?: PasswordStrength;\n    /** Custom labels per strength level (5 entries). */\n    strengthLabels?: readonly [string, string, string, string, string];\n    /** Custom toggle button labels for accessibility. */\n    toggleLabels?: { show: string; hide: string };\n}\n\nconst DEFAULT_STRENGTH_LABELS = [\"Muito fraca\", \"Fraca\", \"Razoável\", \"Forte\", \"Excelente\"] as const;\n\nexport function estimatePasswordStrength(value: string): PasswordStrength {\n    if (!value) return 0;\n    let score = 0;\n    if (value.length >= 8) score += 1;\n    if (value.length >= 12) score += 1;\n    if (/[a-z]/.test(value) && /[A-Z]/.test(value)) score += 1;\n    if (/[0-9]/.test(value)) score += 1;\n    if (/[^A-Za-z0-9]/.test(value)) score += 1;\n    return Math.min(4, score) as PasswordStrength;\n}\n\n/**\n * Password field with toggle-visibility button and optional strength meter.\n *\n * @example\n * <PasswordInput label=\"Senha\" showStrength autoComplete=\"new-password\" />\n */\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n    function PasswordInput(\n        {\n            label,\n            helperText,\n            error,\n            size = \"md\",\n            showStrength = false,\n            strength,\n            strengthLabels = DEFAULT_STRENGTH_LABELS,\n            toggleLabels = { show: \"Mostrar senha\", hide: \"Esconder senha\" },\n            className,\n            value,\n            defaultValue,\n            id,\n            ...inputProps\n        },\n        ref,\n    ) {\n        const generatedId = useId();\n        const inputId = id ?? generatedId;\n        const describedById = error\n            ? `${inputId}-error`\n            : helperText\n              ? `${inputId}-helper`\n              : undefined;\n        const [revealed, setRevealed] = useState<boolean>(false);\n        const stringValue = String((value ?? defaultValue ?? \"\") as string);\n        const computedStrength: PasswordStrength =\n            strength ?? estimatePasswordStrength(stringValue);\n\n        return (\n            <div className={cn(styles.wrapper, styles[size], error && styles.error, className)}>\n                {label && (\n                    <label htmlFor={inputId} className={styles.label}>\n                        {label}\n                    </label>\n                )}\n                <div className={styles.field}>\n                    <input\n                        ref={ref}\n                        {...inputProps}\n                        id={inputId}\n                        value={value}\n                        defaultValue={defaultValue}\n                        type={revealed ? \"text\" : \"password\"}\n                        aria-invalid={!!error}\n                        aria-describedby={describedById}\n                        className={styles.input}\n                    />\n                    <button\n                        type=\"button\"\n                        className={styles.toggle}\n                        aria-label={revealed ? toggleLabels.hide : toggleLabels.show}\n                        aria-pressed={revealed}\n                        onClick={() => setRevealed((on) => !on)}\n                    >\n                        {revealed ? \"🙈\" : \"👁\"}\n                    </button>\n                </div>\n                {showStrength && (\n                    <div\n                        className={cn(styles.strength, styles[`level${computedStrength}`])}\n                        aria-label={strengthLabels[computedStrength]}\n                    >\n                        <div className={styles.strengthBar}>\n                            <span style={{ width: `${(computedStrength / 4) * 100}%` }} />\n                        </div>\n                        <span className={styles.strengthLabel}>\n                            {strengthLabels[computedStrength]}\n                        </span>\n                    </div>\n                )}\n                {error ? (\n                    <span id={`${inputId}-error`} className={styles.errorText}>\n                        {error}\n                    </span>\n                ) : helperText ? (\n                    <span id={`${inputId}-helper`} className={styles.helper}>\n                        {helperText}\n                    </span>\n                ) : null}\n            </div>\n        );\n    },\n);\n"],"mappings":"oIA6BA,IAAM,EAA0B,CAAC,cAAe,QAAS,WAAY,QAAS,WAAW,EAEzF,SAAgB,EAAyB,EAAiC,CACtE,GAAI,CAAC,EAAO,MAAO,GACnB,IAAI,EAAQ,EAMZ,OALI,EAAM,QAAU,IAAG,GAAS,GAC5B,EAAM,QAAU,KAAI,GAAS,GAC7B,QAAQ,KAAK,CAAK,GAAK,QAAQ,KAAK,CAAK,IAAG,GAAS,GACrD,QAAQ,KAAK,CAAK,IAAG,GAAS,GAC9B,eAAe,KAAK,CAAK,IAAG,GAAS,GAClC,KAAK,IAAI,EAAG,CAAK,CAC5B,CAQA,IAAa,GAAA,EAAA,EAAA,WAAA,CACT,SACI,CACI,QACA,aACA,QACA,OAAO,KACP,eAAe,GACf,WACA,iBAAiB,EACjB,eAAe,CAAE,KAAM,gBAAiB,KAAM,gBAAiB,EAC/D,YACA,QACA,eACA,KACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAU,GAAM,EAChB,EAAgB,EAChB,GAAG,EAAQ,QACX,EACE,GAAG,EAAQ,SACX,IAAA,GACF,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAAiC,EAAK,EAEjD,EACF,GAAY,EAFI,OAAQ,GAAS,GAAgB,EAEZ,CAAW,EAEpD,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAA,QAAO,GAAO,GAAS,EAAA,QAAO,MAAO,CAAS,WAAjF,CACK,IACG,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,eACtC,CACE,CAAA,GAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,GAAI,EACJ,GAAI,EACG,QACO,eACd,KAAM,EAAW,OAAS,WAC1B,eAAc,CAAC,CAAC,EAChB,mBAAkB,EAClB,UAAW,EAAA,QAAO,KACrB,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,EAAW,EAAa,KAAO,EAAa,KACxD,eAAc,EACd,YAAe,EAAa,GAAO,CAAC,CAAE,WAErC,EAAW,KAAO,IACf,CAAA,CACP,IACJ,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,EAAA,QAAO,QAAQ,IAAmB,EACjE,aAAY,EAAe,YAF/B,EAII,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,sBACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,MAAO,CAAE,MAAO,GAAI,EAAmB,EAAK,IAAI,EAAG,CAAI,CAAA,CAC5D,CAAA,GACL,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,uBACnB,EAAe,EACd,CAAA,CACL,IAER,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,QAAS,UAAW,EAAA,QAAO,mBAC3C,CACC,CAAA,EACN,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,SAAU,UAAW,EAAA,QAAO,gBAC5C,CACC,CAAA,EACN,IACH,GAEb,CACJ"}

package/dist/components/PasswordInput/PasswordInput.js

@@ -0,0 +1,78 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./PasswordInput.module.js";
+import { forwardRef as n, useId as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/PasswordInput/PasswordInput.tsx
+var s = [
+	"Muito fraca",
+	"Fraca",
+	"Razoável",
+	"Forte",
+	"Excelente"
+];
+function c(e) {
+	if (!e) return 0;
+	let t = 0;
+	return e.length >= 8 && (t += 1), e.length >= 12 && (t += 1), /[a-z]/.test(e) && /[A-Z]/.test(e) && (t += 1), /[0-9]/.test(e) && (t += 1), /[^A-Za-z0-9]/.test(e) && (t += 1), Math.min(4, t);
+}
+var l = n(function({ label: n, helperText: l, error: u, size: d = "md", showStrength: f = !1, strength: p, strengthLabels: m = s, toggleLabels: h = {
+	show: "Mostrar senha",
+	hide: "Esconder senha"
+}, className: g, value: _, defaultValue: v, id: y, ...b }, x) {
+	let S = r(), C = y ?? S, w = u ? `${C}-error` : l ? `${C}-helper` : void 0, [T, E] = i(!1), D = p ?? c(String(_ ?? v ?? ""));
+	return /* @__PURE__ */ o("div", {
+		className: e(t.wrapper, t[d], u && t.error, g),
+		children: [
+			n && /* @__PURE__ */ a("label", {
+				htmlFor: C,
+				className: t.label,
+				children: n
+			}),
+			/* @__PURE__ */ o("div", {
+				className: t.field,
+				children: [/* @__PURE__ */ a("input", {
+					ref: x,
+					...b,
+					id: C,
+					value: _,
+					defaultValue: v,
+					type: T ? "text" : "password",
+					"aria-invalid": !!u,
+					"aria-describedby": w,
+					className: t.input
+				}), /* @__PURE__ */ a("button", {
+					type: "button",
+					className: t.toggle,
+					"aria-label": T ? h.hide : h.show,
+					"aria-pressed": T,
+					onClick: () => E((e) => !e),
+					children: T ? "🙈" : "👁"
+				})]
+			}),
+			f && /* @__PURE__ */ o("div", {
+				className: e(t.strength, t[`level${D}`]),
+				"aria-label": m[D],
+				children: [/* @__PURE__ */ a("div", {
+					className: t.strengthBar,
+					children: /* @__PURE__ */ a("span", { style: { width: `${D / 4 * 100}%` } })
+				}), /* @__PURE__ */ a("span", {
+					className: t.strengthLabel,
+					children: m[D]
+				})]
+			}),
+			u ? /* @__PURE__ */ a("span", {
+				id: `${C}-error`,
+				className: t.errorText,
+				children: u
+			}) : l ? /* @__PURE__ */ a("span", {
+				id: `${C}-helper`,
+				className: t.helper,
+				children: l
+			}) : null
+		]
+	});
+});
+//#endregion
+export { l as PasswordInput, c as estimatePasswordStrength };
+
+//# sourceMappingURL=PasswordInput.js.map

package/dist/components/PasswordInput/PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { forwardRef, useId, useState } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./PasswordInput.module.css\";\n\nexport type PasswordStrength = 0 | 1 | 2 | 3 | 4;\n\nexport interface PasswordInputProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"size\"\n> {\n    /** Label rendered above the input. */\n    label?: ReactNode;\n    /** Helper text below — replaced by `error` when set. */\n    helperText?: ReactNode;\n    /** Error message. Adds `aria-invalid` + red border. */\n    error?: string;\n    /** Visual size of the input. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Show a strength meter below the field. Default `false`. */\n    showStrength?: boolean;\n    /** Override the automatic strength calc (0–4). */\n    strength?: PasswordStrength;\n    /** Custom labels per strength level (5 entries). */\n    strengthLabels?: readonly [string, string, string, string, string];\n    /** Custom toggle button labels for accessibility. */\n    toggleLabels?: { show: string; hide: string };\n}\n\nconst DEFAULT_STRENGTH_LABELS = [\"Muito fraca\", \"Fraca\", \"Razoável\", \"Forte\", \"Excelente\"] as const;\n\nexport function estimatePasswordStrength(value: string): PasswordStrength {\n    if (!value) return 0;\n    let score = 0;\n    if (value.length >= 8) score += 1;\n    if (value.length >= 12) score += 1;\n    if (/[a-z]/.test(value) && /[A-Z]/.test(value)) score += 1;\n    if (/[0-9]/.test(value)) score += 1;\n    if (/[^A-Za-z0-9]/.test(value)) score += 1;\n    return Math.min(4, score) as PasswordStrength;\n}\n\n/**\n * Password field with toggle-visibility button and optional strength meter.\n *\n * @example\n * <PasswordInput label=\"Senha\" showStrength autoComplete=\"new-password\" />\n */\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n    function PasswordInput(\n        {\n            label,\n            helperText,\n            error,\n            size = \"md\",\n            showStrength = false,\n            strength,\n            strengthLabels = DEFAULT_STRENGTH_LABELS,\n            toggleLabels = { show: \"Mostrar senha\", hide: \"Esconder senha\" },\n            className,\n            value,\n            defaultValue,\n            id,\n            ...inputProps\n        },\n        ref,\n    ) {\n        const generatedId = useId();\n        const inputId = id ?? generatedId;\n        const describedById = error\n            ? `${inputId}-error`\n            : helperText\n              ? `${inputId}-helper`\n              : undefined;\n        const [revealed, setRevealed] = useState<boolean>(false);\n        const stringValue = String((value ?? defaultValue ?? \"\") as string);\n        const computedStrength: PasswordStrength =\n            strength ?? estimatePasswordStrength(stringValue);\n\n        return (\n            <div className={cn(styles.wrapper, styles[size], error && styles.error, className)}>\n                {label && (\n                    <label htmlFor={inputId} className={styles.label}>\n                        {label}\n                    </label>\n                )}\n                <div className={styles.field}>\n                    <input\n                        ref={ref}\n                        {...inputProps}\n                        id={inputId}\n                        value={value}\n                        defaultValue={defaultValue}\n                        type={revealed ? \"text\" : \"password\"}\n                        aria-invalid={!!error}\n                        aria-describedby={describedById}\n                        className={styles.input}\n                    />\n                    <button\n                        type=\"button\"\n                        className={styles.toggle}\n                        aria-label={revealed ? toggleLabels.hide : toggleLabels.show}\n                        aria-pressed={revealed}\n                        onClick={() => setRevealed((on) => !on)}\n                    >\n                        {revealed ? \"🙈\" : \"👁\"}\n                    </button>\n                </div>\n                {showStrength && (\n                    <div\n                        className={cn(styles.strength, styles[`level${computedStrength}`])}\n                        aria-label={strengthLabels[computedStrength]}\n                    >\n                        <div className={styles.strengthBar}>\n                            <span style={{ width: `${(computedStrength / 4) * 100}%` }} />\n                        </div>\n                        <span className={styles.strengthLabel}>\n                            {strengthLabels[computedStrength]}\n                        </span>\n                    </div>\n                )}\n                {error ? (\n                    <span id={`${inputId}-error`} className={styles.errorText}>\n                        {error}\n                    </span>\n                ) : helperText ? (\n                    <span id={`${inputId}-helper`} className={styles.helper}>\n                        {helperText}\n                    </span>\n                ) : null}\n            </div>\n        );\n    },\n);\n"],"mappings":";;;;;AA6BA,IAAM,IAA0B;CAAC;CAAe;CAAS;CAAY;CAAS;AAAW;AAEzF,SAAgB,EAAyB,GAAiC;CACtE,IAAI,CAAC,GAAO,OAAO;CACnB,IAAI,IAAQ;CAMZ,OALI,EAAM,UAAU,MAAG,KAAS,IAC5B,EAAM,UAAU,OAAI,KAAS,IAC7B,QAAQ,KAAK,CAAK,KAAK,QAAQ,KAAK,CAAK,MAAG,KAAS,IACrD,QAAQ,KAAK,CAAK,MAAG,KAAS,IAC9B,eAAe,KAAK,CAAK,MAAG,KAAS,IAClC,KAAK,IAAI,GAAG,CAAK;AAC5B;AAQA,IAAa,IAAgB,EACzB,SACI,EACI,UACA,eACA,UACA,UAAO,MACP,kBAAe,IACf,aACA,oBAAiB,GACjB,kBAAe;CAAE,MAAM;CAAiB,MAAM;AAAiB,GAC/D,cACA,UACA,iBACA,OACA,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAChB,GAAG,EAAQ,UACX,IACE,GAAG,EAAQ,WACX,KAAA,GACF,CAAC,GAAU,KAAe,EAAkB,EAAK,GAEjD,IACF,KAAY,EAFI,OAAQ,KAAS,KAAgB,EAEZ,CAAW;CAEpD,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,EAAO,IAAO,KAAS,EAAO,OAAO,CAAS;YAAjF;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;cACtC;GACE,CAAA;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,SAAD;KACS;KACL,GAAI;KACJ,IAAI;KACG;KACO;KACd,MAAM,IAAW,SAAS;KAC1B,gBAAc,CAAC,CAAC;KAChB,oBAAkB;KAClB,WAAW,EAAO;IACrB,CAAA,GACD,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAY,IAAW,EAAa,OAAO,EAAa;KACxD,gBAAc;KACd,eAAe,GAAa,MAAO,CAAC,CAAE;eAErC,IAAW,OAAO;IACf,CAAA,CACP;;GACJ,KACG,kBAAC,OAAD;IACI,WAAW,EAAG,EAAO,UAAU,EAAO,QAAQ,IAAmB;IACjE,cAAY,EAAe;cAF/B,CAII,kBAAC,OAAD;KAAK,WAAW,EAAO;eACnB,kBAAC,QAAD,EAAM,OAAO,EAAE,OAAO,GAAI,IAAmB,IAAK,IAAI,GAAG,EAAI,CAAA;IAC5D,CAAA,GACL,kBAAC,QAAD;KAAM,WAAW,EAAO;eACnB,EAAe;IACd,CAAA,CACL;;GAER,IACG,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAS,WAAW,EAAO;cAC3C;GACC,CAAA,IACN,IACA,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAU,WAAW,EAAO;cAC5C;GACC,CAAA,IACN;EACH;;AAEb,CACJ"}

package/dist/components/PasswordInput/PasswordInput.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_zEU-L`,t=`tempest_label_ps3gD`,n=`tempest_field_7taZG`,r=`tempest_input_FWEvb`,i=`tempest_sm_3-CZz`,a=`tempest_md_ReV0O`,o=`tempest_lg_DiTiB`,s=`tempest_toggle_WNeX9`,c=`tempest_error_QdIFf`,l=`tempest_helper_mBUna`,u=`tempest_errorText_73Uvv`,d=`tempest_strength_i6RaQ`,f=`tempest_strengthBar_PAPHR`,p=`tempest_strengthLabel_u9QHS`,m=`tempest_level0_n6tWv`,h=`tempest_level1_FOI93`,g=`tempest_level2_q5Wii`,_=`tempest_level3_BpB53`,v=`tempest_level4_vyQ3x`,y={wrapper:e,label:t,field:n,input:r,sm:i,md:a,lg:o,toggle:s,error:c,helper:l,errorText:u,strength:d,strengthBar:f,strengthLabel:p,level0:m,level1:h,level2:g,level3:_,level4:v};exports.default=y,exports.error=c,exports.errorText=u,exports.field=n,exports.helper=l,exports.input=r,exports.label=t,exports.level0=m,exports.level1=h,exports.level2=g,exports.level3=_,exports.level4=v,exports.lg=o,exports.md=a,exports.sm=i,exports.strength=d,exports.strengthBar=f,exports.strengthLabel=p,exports.toggle=s,exports.wrapper=e;
+//# sourceMappingURL=PasswordInput.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.module.cjs","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.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    width: 100%;\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.field {\n    position: relative;\n    display: 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    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.field:focus-within {\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.input {\n    flex: 1 1 auto;\n    border: 0;\n    background: transparent;\n    outline: 0;\n    color: var(--tempest-text);\n    font: inherit;\n    font-family: var(--tempest-font-sans);\n}\n\n.sm .input {\n    padding: 6px 8px;\n    font-size: var(--tempest-text-sm);\n}\n\n.md .input {\n    padding: 8px 12px;\n    font-size: var(--tempest-text-md);\n}\n\n.lg .input {\n    padding: 10px 14px;\n    font-size: var(--tempest-text-lg);\n}\n\n.toggle {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    padding: 0 12px;\n    font-size: 16px;\n    color: var(--tempest-text-muted);\n}\n\n.toggle:hover {\n    color: var(--tempest-text);\n}\n\n.error .field {\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\n.strength {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n\n.strengthBar {\n    flex: 1 1 auto;\n    height: 4px;\n    background: var(--tempest-gray-200, var(--tempest-border));\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n}\n\n.strengthBar > span {\n    display: block;\n    height: 100%;\n    transition: width var(--tempest-duration-base, 200ms);\n}\n\n.strengthLabel {\n    color: var(--tempest-text-muted);\n    flex: 0 0 auto;\n}\n\n.level0 .strengthBar > span,\n.level1 .strengthBar > span {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n\n.level2 .strengthBar > span {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n\n.level3 .strengthBar > span,\n.level4 .strengthBar > span {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n"],"mappings":""}

package/dist/components/PasswordInput/PasswordInput.module.js

@@ -0,0 +1,26 @@
+//#region src/components/PasswordInput/PasswordInput.module.css
+var e = "tempest_wrapper_zEU-L", t = "tempest_label_ps3gD", n = "tempest_field_7taZG", r = "tempest_input_FWEvb", i = "tempest_sm_3-CZz", a = "tempest_md_ReV0O", o = "tempest_lg_DiTiB", s = "tempest_toggle_WNeX9", c = "tempest_error_QdIFf", l = "tempest_helper_mBUna", u = "tempest_errorText_73Uvv", d = "tempest_strength_i6RaQ", f = "tempest_strengthBar_PAPHR", p = "tempest_strengthLabel_u9QHS", m = "tempest_level0_n6tWv", h = "tempest_level1_FOI93", g = "tempest_level2_q5Wii", _ = "tempest_level3_BpB53", v = "tempest_level4_vyQ3x", y = {
+	wrapper: e,
+	label: t,
+	field: n,
+	input: r,
+	sm: i,
+	md: a,
+	lg: o,
+	toggle: s,
+	error: c,
+	helper: l,
+	errorText: u,
+	strength: d,
+	strengthBar: f,
+	strengthLabel: p,
+	level0: m,
+	level1: h,
+	level2: g,
+	level3: _,
+	level4: v
+};
+//#endregion
+export { y as default, c as error, u as errorText, n as field, l as helper, r as input, t as label, m as level0, h as level1, g as level2, _ as level3, v as level4, o as lg, a as md, i as sm, d as strength, f as strengthBar, p as strengthLabel, s as toggle, e as wrapper };
+
+//# sourceMappingURL=PasswordInput.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.module.js","names":[],"sources":["../../../src/components/PasswordInput/PasswordInput.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    width: 100%;\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.field {\n    position: relative;\n    display: 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    transition: border-color var(--tempest-duration-fast, 120ms);\n}\n\n.field:focus-within {\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.input {\n    flex: 1 1 auto;\n    border: 0;\n    background: transparent;\n    outline: 0;\n    color: var(--tempest-text);\n    font: inherit;\n    font-family: var(--tempest-font-sans);\n}\n\n.sm .input {\n    padding: 6px 8px;\n    font-size: var(--tempest-text-sm);\n}\n\n.md .input {\n    padding: 8px 12px;\n    font-size: var(--tempest-text-md);\n}\n\n.lg .input {\n    padding: 10px 14px;\n    font-size: var(--tempest-text-lg);\n}\n\n.toggle {\n    flex: 0 0 auto;\n    background: none;\n    border: 0;\n    cursor: pointer;\n    padding: 0 12px;\n    font-size: 16px;\n    color: var(--tempest-text-muted);\n}\n\n.toggle:hover {\n    color: var(--tempest-text);\n}\n\n.error .field {\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\n.strength {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    font-size: var(--tempest-text-xs);\n}\n\n.strengthBar {\n    flex: 1 1 auto;\n    height: 4px;\n    background: var(--tempest-gray-200, var(--tempest-border));\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n}\n\n.strengthBar > span {\n    display: block;\n    height: 100%;\n    transition: width var(--tempest-duration-base, 200ms);\n}\n\n.strengthLabel {\n    color: var(--tempest-text-muted);\n    flex: 0 0 auto;\n}\n\n.level0 .strengthBar > span,\n.level1 .strengthBar > span {\n    background: var(--tempest-danger-solid, var(--tempest-danger));\n}\n\n.level2 .strengthBar > span {\n    background: var(--tempest-warning-solid, var(--tempest-warning));\n}\n\n.level3 .strengthBar > span,\n.level4 .strengthBar > span {\n    background: var(--tempest-success-solid, var(--tempest-success));\n}\n"],"mappings":""}

package/dist/components/PinInput/PinInput.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinInput.cjs","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":"+HAwCA,IAAM,EAAU,QACV,EAAQ,cASD,GAAA,EAAA,EAAA,WAAA,CAAqD,SAC9D,CACI,SAAS,EACT,OAAO,UACP,OAAO,KACP,QACA,eACA,WACA,aACA,SAAS,GACT,QACA,aACA,QACA,WAAW,GACX,YAAY,GACZ,KACA,aAEJ,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAmB,EACnB,EAAY,GAAM,EAClB,EAAe,IAAU,IAAA,GACzB,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAAgC,GAAgB,EAAE,EAC7D,EAAU,EAAgB,GAAS,GAAM,EACzC,EAAQ,MAAM,KAAK,CAAE,QAAO,GAAI,EAAG,IAAU,EAAQ,IAAU,EAAE,EACjE,GAAA,EAAA,EAAA,OAAA,CAAgD,CAAC,CAAC,EAClD,EAAU,IAAS,UAAY,EAAU,GAE/C,EAAA,EAAA,UAAA,KAAgB,CACR,GAAW,EAAU,QAAQ,EAAE,EAAE,MAAM,CAC/C,EAAG,CAAC,CAAS,CAAC,EAEd,IAAM,EAAU,GAAuB,CACnC,IAAM,EAAU,EAAK,MAAM,EAAG,CAAM,EAC/B,GAAc,EAAY,CAAO,EACtC,IAAW,CAAO,EACd,EAAQ,SAAW,GAAQ,IAAa,CAAO,CACvD,EAEM,EAAa,GAAwB,CACvC,IAAM,EAAO,KAAK,IAAI,EAAG,KAAK,IAAI,EAAS,EAAG,CAAK,CAAC,EACpD,EAAU,QAAQ,EAAK,EAAE,MAAM,EAC/B,EAAU,QAAQ,EAAK,EAAE,OAAO,CACpC,EAEM,EAAgB,GAAmB,GAAyC,CAC9E,IAAM,EAAO,EAAM,OAAO,MAAM,MAAM,EAAE,EACxC,GAAI,GAAQ,CAAC,EAAQ,KAAK,CAAI,EAAG,OACjC,IAAM,EAAO,EAAM,MAAM,EACzB,EAAK,GAAS,EACd,EAAO,EAAK,KAAK,EAAE,CAAC,EAChB,GAAM,EAAU,EAAQ,CAAC,CACjC,EAEM,EAAiB,GAAmB,GAA2C,CACjF,GAAI,EAAM,MAAQ,gBACV,CAAC,EAAM,IAAU,EAAQ,EAAG,CAC5B,EAAM,eAAe,EACrB,IAAM,EAAO,EAAM,MAAM,EACzB,EAAK,EAAQ,GAAK,GAClB,EAAO,EAAK,KAAK,EAAE,CAAC,EACpB,EAAU,EAAQ,CAAC,CACvB,OACO,EAAM,MAAQ,aACrB,EAAM,eAAe,EACrB,EAAU,EAAQ,CAAC,GACZ,EAAM,MAAQ,eACrB,EAAM,eAAe,EACrB,EAAU,EAAQ,CAAC,EAE3B,EAEM,EAAW,GAAkD,CAC/D,IAAM,EAAO,EAAM,cACd,QAAQ,MAAM,CAAC,CACf,MAAM,EAAE,CAAC,CACT,OAAQ,GAAM,EAAQ,KAAK,CAAC,CAAC,CAAC,CAC9B,KAAK,EAAE,EACP,IACL,EAAM,eAAe,EACrB,EAAO,CAAI,EACX,EAAU,KAAK,IAAI,EAAS,EAAG,EAAK,MAAM,CAAC,EAC/C,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACS,MACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAS,EAC9D,GAAI,WAHR,CAKK,IAAS,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAA,QAAO,eAAQ,CAAa,CAAA,GACxD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,EAAK,EAAG,KAAK,QAAQ,aAAY,WACpE,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,IAAA,CAAC,QAAD,CAEI,IAAM,GAAS,CACX,EAAU,QAAQ,GAAS,CAC/B,EACA,KAAM,EAAS,WAAa,OAC5B,UAAW,IAAS,UAAY,UAAY,OAC5C,aAAc,IAAU,EAAI,gBAAkB,MAC9C,UAAW,EACX,MAAO,EACG,WACV,UAAW,EAAA,QAAO,KAClB,aAAY,UAAU,EAAQ,IAC9B,eAAc,CAAC,CAAC,EAChB,SAAU,EAAa,CAAK,EAC5B,UAAW,EAAc,CAAK,EACrB,SACZ,EAhBQ,CAgBR,CACJ,CACA,CAAA,EACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAY,CAAA,EAChD,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,EAClD,IACH,GAEb,CAAC"}