tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Pagination/Pagination.cjs

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","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"],"names":["buildRange","page","totalPages","siblings","totalSlots","_","i","start","end","range","Pagination","onPageChange","pageSize","onPageSizeChange","pageSizeOptions","totalItems","siblingCount","className","pages","useMemo","cn","styles","jsx","jsxs","entry","index","event","opt"],"mappings":"iNAkBA,SAASA,EAAWC,EAAcC,EAAoBC,EAAsC,CACxF,MAAMC,EAAaD,EAAW,EAC9B,GAAID,GAAcE,EACd,OAAO,MAAM,KAAK,CAAE,OAAQF,GAAc,CAACG,EAAGC,IAAMA,EAAI,CAAC,EAE7D,MAAMC,EAAQ,KAAK,IAAI,EAAGN,EAAO,KAAK,MAAME,EAAW,CAAC,CAAC,EACnDK,EAAM,KAAK,IAAIN,EAAa,EAAGK,EAAQJ,EAAW,CAAC,EACnDM,EAA4B,CAAC,CAAC,EAChCF,EAAQ,GAAGE,EAAM,KAAK,KAAK,EAC/B,QAASH,EAAIC,EAAOD,GAAKE,EAAKF,IAAKG,EAAM,KAAKH,CAAC,EAC/C,OAAIE,EAAMN,EAAa,GAAGO,EAAM,KAAK,KAAK,EAC1CA,EAAM,KAAKP,CAAU,EACdO,CACX,CAKO,SAASC,EAAW,CACvB,KAAAT,EACA,WAAAC,EACA,aAAAS,EACA,SAAAC,EACA,iBAAAC,EACA,gBAAAC,EAAkB,CAAC,GAAI,GAAI,GAAI,GAAG,EAClC,WAAAC,EACA,aAAAC,EAAe,EACf,UAAAC,CACJ,EAAoB,CAChB,MAAMC,EAAQC,EAAAA,QACV,IAAMnB,EAAWC,EAAMC,EAAYc,CAAY,EAC/C,CAACf,EAAMC,EAAYc,CAAY,CAAA,EAGnC,OAAId,GAAc,GAAK,CAACW,EAAyB,YAG5C,MAAA,CAAI,UAAWO,EAAAA,GAAGC,EAAAA,QAAO,QAASJ,CAAS,EACxC,SAAA,CAAAK,EAAAA,IAAC,OAAI,UAAWD,UAAO,QAClB,SAAA,OAAON,GAAe,SACjB,GAAGA,CAAU,aAAaA,IAAe,EAAI,GAAK,GAAG,GACrD,UAAUd,CAAI,OAAOC,CAAU,EAAA,CACzC,EACAqB,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,SACnB,SAAA,CAAAC,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,KAClB,QAAS,IAAMV,EAAa,KAAK,IAAI,EAAGV,EAAO,CAAC,CAAC,EACjD,SAAUA,GAAQ,EAClB,aAAW,kBACd,SAAA,GAAA,CAAA,EAGAiB,EAAM,IAAI,CAACM,EAAOC,IACfD,IAAU,MACNF,EAAAA,IAAC,OAAA,CAEG,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,SAAUA,EAAAA,QAAO,OAAO,EAChD,SAAA,GAAA,EAFQ,YAAYI,CAAK,EAAA,EAM1BH,EAAAA,IAAC,SAAA,CACG,KAAK,SAEL,UAAWF,EAAAA,GACPC,EAAAA,QAAO,KACPA,EAAAA,QAAO,QACPG,IAAUvB,GAAQoB,UAAO,MAAA,EAE7B,QAAS,IAAMV,EAAaa,CAAK,EACjC,eAAcA,IAAUvB,EAAO,OAAS,OAEvC,SAAAuB,CAAA,EATIA,CAAA,CAUT,EAGRF,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,KAClB,QAAS,IAAMV,EAAa,KAAK,IAAIT,EAAYD,EAAO,CAAC,CAAC,EAC1D,SAAUA,GAAQC,EAClB,aAAW,iBACd,SAAA,GAAA,CAAA,EAGAW,GACGS,EAAAA,IAAC,SAAA,CACG,UAAWD,EAAAA,QAAO,WAClB,MAAOT,EACP,SAAWc,GAAUb,EAAiB,OAAOa,EAAM,OAAO,KAAK,CAAC,EAChE,aAAW,mBAEV,WAAgB,IAAKC,GAClBJ,OAAC,SAAA,CAAiB,MAAOI,EACpB,SAAA,CAAAA,EAAI,WAAA,CAAA,EADIA,CAEb,CACH,CAAA,CAAA,CACL,CAAA,CAER,CAAA,EACJ,CAER"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","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"],"names":["buildRange","page","totalPages","siblings","totalSlots","_","i","start","end","range","Pagination","onPageChange","pageSize","onPageSizeChange","pageSizeOptions","totalItems","siblingCount","className","pages","useMemo","cn","styles","jsx","jsxs","entry","index","event","opt"],"mappings":";;;;AAkBA,SAASA,EAAWC,GAAcC,GAAoBC,GAAsC;AACxF,QAAMC,IAAaD,IAAW;AAC9B,MAAID,KAAcE;AACd,WAAO,MAAM,KAAK,EAAE,QAAQF,KAAc,CAACG,GAAGC,MAAMA,IAAI,CAAC;AAE7D,QAAMC,IAAQ,KAAK,IAAI,GAAGN,IAAO,KAAK,MAAME,IAAW,CAAC,CAAC,GACnDK,IAAM,KAAK,IAAIN,IAAa,GAAGK,IAAQJ,IAAW,CAAC,GACnDM,IAA4B,CAAC,CAAC;AACpC,EAAIF,IAAQ,KAAGE,EAAM,KAAK,KAAK;AAC/B,WAASH,IAAIC,GAAOD,KAAKE,GAAKF,IAAK,CAAAG,EAAM,KAAKH,CAAC;AAC/C,SAAIE,IAAMN,IAAa,KAAGO,EAAM,KAAK,KAAK,GAC1CA,EAAM,KAAKP,CAAU,GACdO;AACX;AAKO,SAASC,EAAW;AAAA,EACvB,MAAAT;AAAA,EACA,YAAAC;AAAA,EACA,cAAAS;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,EAClC,YAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AACJ,GAAoB;AAChB,QAAMC,IAAQC;AAAA,IACV,MAAMnB,EAAWC,GAAMC,GAAYc,CAAY;AAAA,IAC/C,CAACf,GAAMC,GAAYc,CAAY;AAAA,EAAA;AAGnC,SAAId,KAAc,KAAK,CAACW,IAAyB,yBAG5C,OAAA,EAAI,WAAWO,EAAGC,EAAO,SAASJ,CAAS,GACxC,UAAA;AAAA,IAAA,gBAAAK,EAAC,SAAI,WAAWD,EAAO,SAClB,UAAA,OAAON,KAAe,WACjB,GAAGA,CAAU,aAAaA,MAAe,IAAI,KAAK,GAAG,KACrD,UAAUd,CAAI,OAAOC,CAAU,GAAA,CACzC;AAAA,IACA,gBAAAqB,EAAC,OAAA,EAAI,WAAWF,EAAO,UACnB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWD,EAAO;AAAA,UAClB,SAAS,MAAMV,EAAa,KAAK,IAAI,GAAGV,IAAO,CAAC,CAAC;AAAA,UACjD,UAAUA,KAAQ;AAAA,UAClB,cAAW;AAAA,UACd,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAiB,EAAM;AAAA,QAAI,CAACM,GAAOC,MACfD,MAAU,QACN,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAWF,EAAGC,EAAO,UAAUA,EAAO,OAAO;AAAA,YAChD,UAAA;AAAA,UAAA;AAAA,UAFQ,YAAYI,CAAK;AAAA,QAAA,IAM1B,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YAEL,WAAWF;AAAA,cACPC,EAAO;AAAA,cACPA,EAAO;AAAA,cACPG,MAAUvB,KAAQoB,EAAO;AAAA,YAAA;AAAA,YAE7B,SAAS,MAAMV,EAAaa,CAAK;AAAA,YACjC,gBAAcA,MAAUvB,IAAO,SAAS;AAAA,YAEvC,UAAAuB;AAAA,UAAA;AAAA,UATIA;AAAA,QAAA;AAAA,MAUT;AAAA,MAGR,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWD,EAAO;AAAA,UAClB,SAAS,MAAMV,EAAa,KAAK,IAAIT,GAAYD,IAAO,CAAC,CAAC;AAAA,UAC1D,UAAUA,KAAQC;AAAA,UAClB,cAAW;AAAA,UACd,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAW,KACG,gBAAAS;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWD,EAAO;AAAA,UAClB,OAAOT;AAAA,UACP,UAAU,CAACc,MAAUb,EAAiB,OAAOa,EAAM,OAAO,KAAK,CAAC;AAAA,UAChE,cAAW;AAAA,UAEV,YAAgB,IAAI,CAACC,MAClB,gBAAAJ,EAAC,UAAA,EAAiB,OAAOI,GACpB,UAAA;AAAA,YAAAA;AAAA,YAAI;AAAA,UAAA,EAAA,GADIA,CAEb,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACL,EAAA,CAER;AAAA,EAAA,GACJ;AAER;"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.cjs","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"],"names":["DEFAULT_STRENGTH_LABELS","estimatePasswordStrength","value","score","PasswordInput","forwardRef","label","helperText","error","size","showStrength","strength","strengthLabels","toggleLabels","className","defaultValue","id","inputProps","ref","generatedId","useId","inputId","describedById","revealed","setRevealed","useState","stringValue","computedStrength","jsxs","cn","styles","jsx","on"],"mappings":"oNA6BMA,EAA0B,CAAC,cAAe,QAAS,WAAY,QAAS,WAAW,EAElF,SAASC,EAAyBC,EAAiC,CACtE,GAAI,CAACA,EAAO,MAAO,GACnB,IAAIC,EAAQ,EACZ,OAAID,EAAM,QAAU,IAAGC,GAAS,GAC5BD,EAAM,QAAU,KAAIC,GAAS,GAC7B,QAAQ,KAAKD,CAAK,GAAK,QAAQ,KAAKA,CAAK,IAAGC,GAAS,GACrD,QAAQ,KAAKD,CAAK,IAAGC,GAAS,GAC9B,eAAe,KAAKD,CAAK,IAAGC,GAAS,GAClC,KAAK,IAAI,EAAGA,CAAK,CAC5B,CAQO,MAAMC,EAAgBC,EAAAA,WACzB,SACI,CACI,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,aAAAC,EAAe,GACf,SAAAC,EACA,eAAAC,EAAiBZ,EACjB,aAAAa,EAAe,CAAE,KAAM,gBAAiB,KAAM,gBAAA,EAC9C,UAAAC,EACA,MAAAZ,EACA,aAAAa,EACA,GAAAC,EACA,GAAGC,CAAA,EAEPC,EACF,CACE,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAUL,GAAMG,EAChBG,EAAgBd,EAChB,GAAGa,CAAO,SACVd,EACE,GAAGc,CAAO,UACV,OACF,CAACE,EAAUC,CAAW,EAAIC,EAAAA,SAAkB,EAAK,EACjDC,EAAc,OAAQxB,GAASa,GAAgB,EAAa,EAC5DY,EACFhB,GAAYV,EAAyByB,CAAW,EAEpD,OACIE,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASA,EAAAA,QAAOrB,CAAI,EAAGD,GAASsB,EAAAA,QAAO,MAAOhB,CAAS,EAC5E,SAAA,CAAAR,SACI,QAAA,CAAM,QAASe,EAAS,UAAWS,UAAO,MACtC,SAAAxB,CAAA,CACL,EAEJsB,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,MACnB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACG,IAAAb,EACC,GAAGD,EACJ,GAAII,EACJ,MAAAnB,EACA,aAAAa,EACA,KAAMQ,EAAW,OAAS,WAC1B,eAAc,CAAC,CAACf,EAChB,mBAAkBc,EAClB,UAAWQ,EAAAA,QAAO,KAAA,CAAA,EAEtBC,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWD,EAAAA,QAAO,OAClB,aAAYP,EAAWV,EAAa,KAAOA,EAAa,KACxD,eAAcU,EACd,QAAS,IAAMC,EAAaQ,GAAO,CAACA,CAAE,EAErC,WAAW,KAAO,IAAA,CAAA,CACvB,EACJ,EACCtB,GACGkB,EAAAA,KAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,SAAUA,EAAAA,QAAO,QAAQH,CAAgB,EAAE,CAAC,EACjE,aAAYf,EAAee,CAAgB,EAE3C,SAAA,CAAAI,MAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,YACnB,eAAC,OAAA,CAAK,MAAO,CAAE,MAAO,GAAIH,EAAmB,EAAK,GAAG,KAAO,EAChE,QACC,OAAA,CAAK,UAAWG,EAAAA,QAAO,cACnB,SAAAlB,EAAee,CAAgB,CAAA,CACpC,CAAA,CAAA,CAAA,EAGPnB,QACI,OAAA,CAAK,GAAI,GAAGa,CAAO,SAAU,UAAWS,EAAAA,QAAO,UAC3C,SAAAtB,CAAA,CACL,EACAD,EACAwB,EAAAA,IAAC,OAAA,CAAK,GAAI,GAAGV,CAAO,UAAW,UAAWS,EAAAA,QAAO,OAC5C,SAAAvB,CAAA,CACL,EACA,IAAA,EACR,CAER,CACJ"}
+{"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

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