@plenustech/design-system 0.2.4 → 0.2.5

package/dist/components/navigation/Pagination/Pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./Pagination.module.css.cjs"),m=require("../../icons/icons.cjs");function j({className:c,disabled:i=!1,label:r="Paginação",onPageChange:o,page:s,pageCount:t,siblings:u=1,...d}){if(t<=1)return null;const a=Math.min(Math.max(s,1),t),g=x(a,t,u);function f(n){i||o(n)}return e.jsxs("nav",{...d,"aria-label":r,className:[l.default.pagination,c].filter(Boolean).join(" "),children:[e.jsx("button",{className:l.default.step,type:"button","aria-label":"Página anterior","aria-disabled":i||a===1||void 0,onClick:()=>a>1&&f(a-1),children:e.jsx(m.IconChevronLeft,{size:14})}),e.jsx("ol",{className:l.default.list,children:g.map((n,h)=>n===null?e.jsx("li",{className:l.default.gap,"aria-hidden":"true",children:"…"},`gap-${h}`):e.jsx("li",{children:e.jsx("button",{className:[l.default.page,n===a&&l.default.current].filter(Boolean).join(" "),type:"button","aria-label":`Página ${n}`,"aria-current":n===a?"page":void 0,"aria-disabled":i||void 0,onClick:()=>f(n),children:n})},n))}),e.jsx("button",{className:l.default.step,type:"button","aria-label":"Próxima página","aria-disabled":i||a===t||void 0,onClick:()=>a<t&&f(a+1),children:e.jsx(m.IconChevronRight,{size:14})})]})}function x(c,i,r){const o=r*2+5;if(i<=o)return Array.from({length:i},(d,a)=>a+1);const s=Math.max(Math.min(c-r,i-r*2-2),3),t=Math.min(Math.max(c+r,r*2+3),i-2),u=Array.from({length:t-s+1},(d,a)=>s+a);return[1,s>3?null:2,...u,t<i-2?null:i-1,i]}exports.Pagination=j;exports.montarFaixa=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("./Pagination.module.css.cjs"),h=require("../../icons/icons.cjs"),N=require("../../../utils/formatters/formatarNumero.cjs");function P({className:s,disabled:a=!1,formatRange:e,label:o="Paginação",onPageChange:l,page:d,pageCount:c,pageSize:u,siblings:f=1,totalItems:m,...g}){if(c<=1)return null;const i=Math.min(Math.max(d,1),c),p=j(i,c,f);function x(r){a||l(r)}return n.jsxs("nav",{...g,"aria-label":o,className:[t.default.pagination,s].filter(Boolean).join(" "),children:[m!==void 0&&u!==void 0&&n.jsx(M,{formatRange:e,range:{start:(i-1)*u+1,end:Math.min(i*u,m),total:m}}),n.jsx("button",{className:t.default.step,type:"button","aria-label":"Página anterior","aria-disabled":a||i===1||void 0,onClick:()=>i>1&&x(i-1),children:n.jsx(h.IconChevronLeft,{size:14})}),n.jsx("ol",{className:t.default.list,children:p.map((r,b)=>r===null?n.jsx("li",{className:t.default.gap,"aria-hidden":"true",children:"…"},`gap-${b}`):n.jsx("li",{children:n.jsx("button",{className:[t.default.page,r===i&&t.default.current].filter(Boolean).join(" "),type:"button","aria-label":`Página ${r}`,"aria-current":r===i?"page":void 0,"aria-disabled":a||void 0,onClick:()=>x(r),children:r})},r))}),n.jsx("button",{className:t.default.step,type:"button","aria-label":"Próxima página","aria-disabled":a||i===c||void 0,onClick:()=>i<c&&x(i+1),children:n.jsx(h.IconChevronRight,{size:14})})]})}function M({formatRange:s,range:a}){if(s)return n.jsx("span",{className:t.default.range,role:"status",children:s(a)});const[e,o,l]=[a.start,a.end,a.total].map(d=>N.formatarNumero(d));return n.jsxs("span",{className:t.default.range,role:"status",children:[n.jsx("span",{"aria-hidden":"true",children:`${e}–${o} de ${l}`}),n.jsx("span",{className:t.default.hiddenText,children:`Itens ${e} a ${o} de ${l}`})]})}function j(s,a,e){const o=e*2+5;if(a<=o)return Array.from({length:a},(u,f)=>f+1);const l=Math.max(Math.min(s-e,a-e*2-2),3),d=Math.min(Math.max(s+e,e*2+3),a-2),c=Array.from({length:d-l+1},(u,f)=>l+f);return[1,l>3?null:2,...c,d<a-2?null:a-1,a]}exports.Pagination=P;exports.montarFaixa=j;
 //# sourceMappingURL=Pagination.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { type ComponentPropsWithRef } from 'react';\nimport styles from './Pagination.module.css';\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\n\nexport interface PaginationProps extends ComponentPropsWithRef<'nav'> {\n  /** Suspende a troca de pagina, como enquanto a pagina pedida carrega. Os botoes continuam focaveis. */\n  disabled?: boolean;\n  label?: string;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  /** Quantidade de paginas mostradas de cada lado da atual. */\n  siblings?: number;\n}\n\nexport function Pagination({\n  className,\n  disabled = false,\n  label = 'Paginação',\n  onPageChange,\n  page,\n  pageCount,\n  siblings = 1,\n  ...props\n}: PaginationProps) {\n  if (pageCount <= 1) {\n    return null;\n  }\n\n  const atual = Math.min(Math.max(page, 1), pageCount);\n  const paginas = montarFaixa(atual, pageCount, siblings);\n\n  function irPara(pagina: number) {\n    if (!disabled) {\n      onPageChange(pagina);\n    }\n  }\n\n  return (\n    <nav {...props} aria-label={label} className={[styles.pagination, className].filter(Boolean).join(' ')}>\n      {/* `aria-disabled`, e nao `disabled`: desabilitado na borda, o botao perdia o foco de quem acabou de usa-lo. */}\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Página anterior\"\n        aria-disabled={disabled || atual === 1 || undefined}\n        onClick={() => atual > 1 && irPara(atual - 1)}\n      >\n        <IconChevronLeft size={14} />\n      </button>\n      <ol className={styles.list}>\n        {paginas.map((numero, indice) =>\n          numero === null ? (\n            <li className={styles.gap} key={`gap-${indice}`} aria-hidden=\"true\">\n              &hellip;\n            </li>\n          ) : (\n            <li key={numero}>\n              <button\n                className={[styles.page, numero === atual && styles.current].filter(Boolean).join(' ')}\n                type=\"button\"\n                aria-label={`Página ${numero}`}\n                aria-current={numero === atual ? 'page' : undefined}\n                aria-disabled={disabled || undefined}\n                onClick={() => irPara(numero)}\n              >\n                {numero}\n              </button>\n            </li>\n          ),\n        )}\n      </ol>\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Próxima página\"\n        aria-disabled={disabled || atual === pageCount || undefined}\n        onClick={() => atual < pageCount && irPara(atual + 1)}\n      >\n        <IconChevronRight size={14} />\n      </button>\n    </nav>\n  );\n}\n\n/**\n * Primeira e ultima pagina sempre visiveis; null representa a reticencia. A faixa tem sempre as mesmas vagas: perto\n * da ponta a janela encosta nela em vez de encolher, e reticencia nunca esconde uma pagina so.\n */\nexport function montarFaixa(atual: number, total: number, vizinhos: number): (number | null)[] {\n  const vagas = vizinhos * 2 + 5;\n\n  if (total <= vagas) {\n    return Array.from({ length: total }, (_, indice) => indice + 1);\n  }\n\n  const inicio = Math.max(Math.min(atual - vizinhos, total - vizinhos * 2 - 2), 3);\n  const fim = Math.min(Math.max(atual + vizinhos, vizinhos * 2 + 3), total - 2);\n  const janela = Array.from({ length: fim - inicio + 1 }, (_, indice) => inicio + indice);\n\n  return [1, inicio > 3 ? null : 2, ...janela, fim < total - 2 ? null : total - 1, total];\n}\n"],"names":["Pagination","className","disabled","label","onPageChange","page","pageCount","siblings","props","atual","paginas","montarFaixa","irPara","pagina","styles","jsx","IconChevronLeft","numero","indice","IconChevronRight","total","vizinhos","vagas","_","inicio","fim","janela"],"mappings":"iMAeO,SAASA,EAAW,CACzB,UAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EAAQ,YACR,aAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,EACX,GAAGC,CACL,EAAoB,CAClB,GAAIF,GAAa,EACf,OAAO,KAGT,MAAMG,EAAQ,KAAK,IAAI,KAAK,IAAIJ,EAAM,CAAC,EAAGC,CAAS,EAC7CI,EAAUC,EAAYF,EAAOH,EAAWC,CAAQ,EAEtD,SAASK,EAAOC,EAAgB,CACzBX,GACHE,EAAaS,CAAM,CAEvB,CAEA,cACG,MAAA,CAAK,GAAGL,EAAO,aAAYL,EAAO,UAAW,CAACW,EAAAA,QAAO,WAAYb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEnG,SAAA,CAAAc,EAAAA,IAAC,SAAA,CACC,UAAWD,EAAAA,QAAO,KAClB,KAAK,SACL,aAAW,kBACX,gBAAeZ,GAAYO,IAAU,GAAK,OAC1C,QAAS,IAAMA,EAAQ,GAAKG,EAAOH,EAAQ,CAAC,EAE5C,SAAAM,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,KAAM,EAAA,CAAI,CAAA,CAAA,EAE7BD,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,KACnB,SAAAJ,EAAQ,IAAI,CAACO,EAAQC,IACpBD,IAAW,KACTF,EAAAA,IAAC,MAAG,UAAWD,UAAO,IAA2B,cAAY,OAAO,SAAA,GAAA,EAApC,OAAOI,CAAM,EAE7C,QAEC,KAAA,CACC,SAAAH,EAAAA,IAAC,SAAA,CACC,UAAW,CAACD,EAAAA,QAAO,KAAMG,IAAWR,GAASK,EAAAA,QAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACrF,KAAK,SACL,aAAY,UAAUG,CAAM,GAC5B,eAAcA,IAAWR,EAAQ,OAAS,OAC1C,gBAAeP,GAAY,OAC3B,QAAS,IAAMU,EAAOK,CAAM,EAE3B,SAAAA,CAAA,CAAA,GATIA,CAWT,CAAA,EAGN,EACAF,EAAAA,IAAC,SAAA,CACC,UAAWD,EAAAA,QAAO,KAClB,KAAK,SACL,aAAW,iBACX,gBAAeZ,GAAYO,IAAUH,GAAa,OAClD,QAAS,IAAMG,EAAQH,GAAaM,EAAOH,EAAQ,CAAC,EAEpD,SAAAM,EAAAA,IAACI,EAAAA,iBAAA,CAAiB,KAAM,EAAA,CAAI,CAAA,CAAA,CAC9B,EACF,CAEJ,CAMO,SAASR,EAAYF,EAAeW,EAAeC,EAAqC,CAC7F,MAAMC,EAAQD,EAAW,EAAI,EAE7B,GAAID,GAASE,EACX,OAAO,MAAM,KAAK,CAAE,OAAQF,GAAS,CAACG,EAAGL,IAAWA,EAAS,CAAC,EAGhE,MAAMM,EAAS,KAAK,IAAI,KAAK,IAAIf,EAAQY,EAAUD,EAAQC,EAAW,EAAI,CAAC,EAAG,CAAC,EACzEI,EAAM,KAAK,IAAI,KAAK,IAAIhB,EAAQY,EAAUA,EAAW,EAAI,CAAC,EAAGD,EAAQ,CAAC,EACtEM,EAAS,MAAM,KAAK,CAAE,OAAQD,EAAMD,EAAS,CAAA,EAAK,CAACD,EAAGL,IAAWM,EAASN,CAAM,EAEtF,MAAO,CAAC,EAAGM,EAAS,EAAI,KAAO,EAAG,GAAGE,EAAQD,EAAML,EAAQ,EAAI,KAAOA,EAAQ,EAAGA,CAAK,CACxF"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { type ComponentPropsWithRef } from 'react';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './Pagination.module.css';\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\n\n/** Posições, contadas de 1, do primeiro e do último item da página, e o total de itens. */\nexport interface PaginationRange {\n  end: number;\n  start: number;\n  total: number;\n}\n\nexport interface PaginationProps extends ComponentPropsWithRef<'nav'> {\n  /** Suspende a troca de pagina, como enquanto a pagina pedida carrega. Os botoes continuam focaveis. */\n  disabled?: boolean;\n  /** Troca o texto do intervalo, que por padrão é `1.201–1.250 de 4.380`. */\n  formatRange?: (range: PaginationRange) => string;\n  label?: string;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  /** Itens por página. Com `totalItems`, mostra o intervalo da página atual. */\n  pageSize?: number;\n  /** Quantidade de paginas mostradas de cada lado da atual. */\n  siblings?: number;\n  /** Total de itens. Com `pageSize`, mostra o intervalo da página atual. */\n  totalItems?: number;\n}\n\nexport function Pagination({\n  className,\n  disabled = false,\n  formatRange,\n  label = 'Paginação',\n  onPageChange,\n  page,\n  pageCount,\n  pageSize,\n  siblings = 1,\n  totalItems,\n  ...props\n}: PaginationProps) {\n  if (pageCount <= 1) {\n    return null;\n  }\n\n  const atual = Math.min(Math.max(page, 1), pageCount);\n  const paginas = montarFaixa(atual, pageCount, siblings);\n\n  function irPara(pagina: number) {\n    if (!disabled) {\n      onPageChange(pagina);\n    }\n  }\n\n  return (\n    <nav {...props} aria-label={label} className={[styles.pagination, className].filter(Boolean).join(' ')}>\n      {totalItems !== undefined && pageSize !== undefined && (\n        <PaginationRangeText\n          formatRange={formatRange}\n          range={{\n            start: (atual - 1) * pageSize + 1,\n            end: Math.min(atual * pageSize, totalItems),\n            total: totalItems,\n          }}\n        />\n      )}\n      {/* `aria-disabled`, e nao `disabled`: desabilitado na borda, o botao perdia o foco de quem acabou de usa-lo. */}\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Página anterior\"\n        aria-disabled={disabled || atual === 1 || undefined}\n        onClick={() => atual > 1 && irPara(atual - 1)}\n      >\n        <IconChevronLeft size={14} />\n      </button>\n      <ol className={styles.list}>\n        {paginas.map((numero, indice) =>\n          numero === null ? (\n            <li className={styles.gap} key={`gap-${indice}`} aria-hidden=\"true\">\n              &hellip;\n            </li>\n          ) : (\n            <li key={numero}>\n              <button\n                className={[styles.page, numero === atual && styles.current].filter(Boolean).join(' ')}\n                type=\"button\"\n                aria-label={`Página ${numero}`}\n                aria-current={numero === atual ? 'page' : undefined}\n                aria-disabled={disabled || undefined}\n                onClick={() => irPara(numero)}\n              >\n                {numero}\n              </button>\n            </li>\n          ),\n        )}\n      </ol>\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Próxima página\"\n        aria-disabled={disabled || atual === pageCount || undefined}\n        onClick={() => atual < pageCount && irPara(atual + 1)}\n      >\n        <IconChevronRight size={14} />\n      </button>\n    </nav>\n  );\n}\n\n/**\n * Região viva: ao trocar de página, o leitor de tela anuncia o novo intervalo, e só ele, pois os botões não mudam\n * de nome. O travessão some na fala de muitos leitores, e o texto padrão tem uma forma falada à parte.\n */\nfunction PaginationRangeText({\n  formatRange,\n  range,\n}: {\n  formatRange?: (range: PaginationRange) => string;\n  range: PaginationRange;\n}) {\n  if (formatRange) {\n    return (\n      <span className={styles.range} role=\"status\">\n        {formatRange(range)}\n      </span>\n    );\n  }\n\n  const [inicio, fim, total] = [range.start, range.end, range.total].map((numero) => formatarNumero(numero));\n\n  return (\n    <span className={styles.range} role=\"status\">\n      <span aria-hidden=\"true\">{`${inicio}–${fim} de ${total}`}</span>\n      <span className={styles.hiddenText}>{`Itens ${inicio} a ${fim} de ${total}`}</span>\n    </span>\n  );\n}\n\n/**\n * Primeira e ultima pagina sempre visiveis; null representa a reticencia. A faixa tem sempre as mesmas vagas: perto\n * da ponta a janela encosta nela em vez de encolher, e reticencia nunca esconde uma pagina so.\n */\nexport function montarFaixa(atual: number, total: number, vizinhos: number): (number | null)[] {\n  const vagas = vizinhos * 2 + 5;\n\n  if (total <= vagas) {\n    return Array.from({ length: total }, (_, indice) => indice + 1);\n  }\n\n  const inicio = Math.max(Math.min(atual - vizinhos, total - vizinhos * 2 - 2), 3);\n  const fim = Math.min(Math.max(atual + vizinhos, vizinhos * 2 + 3), total - 2);\n  const janela = Array.from({ length: fim - inicio + 1 }, (_, indice) => inicio + indice);\n\n  return [1, inicio > 3 ? null : 2, ...janela, fim < total - 2 ? null : total - 1, total];\n}\n"],"names":["Pagination","className","disabled","formatRange","label","onPageChange","page","pageCount","pageSize","siblings","totalItems","props","atual","paginas","montarFaixa","irPara","pagina","styles","jsx","PaginationRangeText","IconChevronLeft","numero","indice","IconChevronRight","range","inicio","fim","total","formatarNumero","vizinhos","vagas","_","janela"],"mappings":"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"}

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,70 +1,97 @@
-import { jsxs as g, jsx as l } from "react/jsx-runtime";
-import e from "./Pagination.module.css.js";
-import { IconChevronLeft as b, IconChevronRight as u } from "../../icons/icons.js";
-function P({
-  className: o,
-  disabled: i = !1,
-  label: t = "Paginação",
-  onPageChange: s,
-  page: c,
-  pageCount: r,
-  siblings: m = 1,
-  ...f
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import t from "./Pagination.module.css.js";
+import { IconChevronLeft as N, IconChevronRight as $ } from "../../icons/icons.js";
+import { formatarNumero as M } from "../../../utils/formatters/formatarNumero.js";
+function B({
+  className: s,
+  disabled: a = !1,
+  formatRange: r,
+  label: o = "Paginação",
+  onPageChange: l,
+  page: d,
+  pageCount: c,
+  pageSize: m,
+  siblings: h = 1,
+  totalItems: f,
+  ...b
 }) {
-  if (r <= 1)
+  if (c <= 1)
     return null;
-  const a = Math.min(Math.max(c, 1), r), d = x(a, r, m);
-  function h(n) {
-    i || s(n);
+  const i = Math.min(Math.max(d, 1), c), g = v(i, c, h);
+  function p(e) {
+    a || l(e);
   }
-  return /* @__PURE__ */ g("nav", { ...f, "aria-label": t, className: [e.pagination, o].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ u("nav", { ...b, "aria-label": o, className: [t.pagination, s].filter(Boolean).join(" "), children: [
+    f !== void 0 && m !== void 0 && /* @__PURE__ */ n(
+      P,
+      {
+        formatRange: r,
+        range: {
+          start: (i - 1) * m + 1,
+          end: Math.min(i * m, f),
+          total: f
+        }
+      }
+    ),
+    /* @__PURE__ */ n(
       "button",
       {
-        className: e.step,
+        className: t.step,
         type: "button",
         "aria-label": "Página anterior",
-        "aria-disabled": i || a === 1 || void 0,
-        onClick: () => a > 1 && h(a - 1),
-        children: /* @__PURE__ */ l(b, { size: 14 })
+        "aria-disabled": a || i === 1 || void 0,
+        onClick: () => i > 1 && p(i - 1),
+        children: /* @__PURE__ */ n(N, { size: 14 })
       }
     ),
-    /* @__PURE__ */ l("ol", { className: e.list, children: d.map(
-      (n, p) => n === null ? /* @__PURE__ */ l("li", { className: e.gap, "aria-hidden": "true", children: "…" }, `gap-${p}`) : /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+    /* @__PURE__ */ n("ol", { className: t.list, children: g.map(
+      (e, x) => e === null ? /* @__PURE__ */ n("li", { className: t.gap, "aria-hidden": "true", children: "…" }, `gap-${x}`) : /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
         "button",
         {
-          className: [e.page, n === a && e.current].filter(Boolean).join(" "),
+          className: [t.page, e === i && t.current].filter(Boolean).join(" "),
           type: "button",
-          "aria-label": `Página ${n}`,
-          "aria-current": n === a ? "page" : void 0,
-          "aria-disabled": i || void 0,
-          onClick: () => h(n),
-          children: n
+          "aria-label": `Página ${e}`,
+          "aria-current": e === i ? "page" : void 0,
+          "aria-disabled": a || void 0,
+          onClick: () => p(e),
+          children: e
         }
-      ) }, n)
+      ) }, e)
     ) }),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ n(
       "button",
       {
-        className: e.step,
+        className: t.step,
         type: "button",
         "aria-label": "Próxima página",
-        "aria-disabled": i || a === r || void 0,
-        onClick: () => a < r && h(a + 1),
-        children: /* @__PURE__ */ l(u, { size: 14 })
+        "aria-disabled": a || i === c || void 0,
+        onClick: () => i < c && p(i + 1),
+        children: /* @__PURE__ */ n($, { size: 14 })
       }
     )
   ] });
 }
-function x(o, i, t) {
-  const s = t * 2 + 5;
-  if (i <= s)
-    return Array.from({ length: i }, (f, a) => a + 1);
-  const c = Math.max(Math.min(o - t, i - t * 2 - 2), 3), r = Math.min(Math.max(o + t, t * 2 + 3), i - 2), m = Array.from({ length: r - c + 1 }, (f, a) => c + a);
-  return [1, c > 3 ? null : 2, ...m, r < i - 2 ? null : i - 1, i];
+function P({
+  formatRange: s,
+  range: a
+}) {
+  if (s)
+    return /* @__PURE__ */ n("span", { className: t.range, role: "status", children: s(a) });
+  const [r, o, l] = [a.start, a.end, a.total].map((d) => M(d));
+  return /* @__PURE__ */ u("span", { className: t.range, role: "status", children: [
+    /* @__PURE__ */ n("span", { "aria-hidden": "true", children: `${r}–${o} de ${l}` }),
+    /* @__PURE__ */ n("span", { className: t.hiddenText, children: `Itens ${r} a ${o} de ${l}` })
+  ] });
+}
+function v(s, a, r) {
+  const o = r * 2 + 5;
+  if (a <= o)
+    return Array.from({ length: a }, (m, h) => h + 1);
+  const l = Math.max(Math.min(s - r, a - r * 2 - 2), 3), d = Math.min(Math.max(s + r, r * 2 + 3), a - 2), c = Array.from({ length: d - l + 1 }, (m, h) => l + h);
+  return [1, l > 3 ? null : 2, ...c, d < a - 2 ? null : a - 1, a];
 }
 export {
-  P as Pagination,
-  x as montarFaixa
+  B as Pagination,
+  v as montarFaixa
 };
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { type ComponentPropsWithRef } from 'react';\nimport styles from './Pagination.module.css';\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\n\nexport interface PaginationProps extends ComponentPropsWithRef<'nav'> {\n  /** Suspende a troca de pagina, como enquanto a pagina pedida carrega. Os botoes continuam focaveis. */\n  disabled?: boolean;\n  label?: string;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  /** Quantidade de paginas mostradas de cada lado da atual. */\n  siblings?: number;\n}\n\nexport function Pagination({\n  className,\n  disabled = false,\n  label = 'Paginação',\n  onPageChange,\n  page,\n  pageCount,\n  siblings = 1,\n  ...props\n}: PaginationProps) {\n  if (pageCount <= 1) {\n    return null;\n  }\n\n  const atual = Math.min(Math.max(page, 1), pageCount);\n  const paginas = montarFaixa(atual, pageCount, siblings);\n\n  function irPara(pagina: number) {\n    if (!disabled) {\n      onPageChange(pagina);\n    }\n  }\n\n  return (\n    <nav {...props} aria-label={label} className={[styles.pagination, className].filter(Boolean).join(' ')}>\n      {/* `aria-disabled`, e nao `disabled`: desabilitado na borda, o botao perdia o foco de quem acabou de usa-lo. */}\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Página anterior\"\n        aria-disabled={disabled || atual === 1 || undefined}\n        onClick={() => atual > 1 && irPara(atual - 1)}\n      >\n        <IconChevronLeft size={14} />\n      </button>\n      <ol className={styles.list}>\n        {paginas.map((numero, indice) =>\n          numero === null ? (\n            <li className={styles.gap} key={`gap-${indice}`} aria-hidden=\"true\">\n              &hellip;\n            </li>\n          ) : (\n            <li key={numero}>\n              <button\n                className={[styles.page, numero === atual && styles.current].filter(Boolean).join(' ')}\n                type=\"button\"\n                aria-label={`Página ${numero}`}\n                aria-current={numero === atual ? 'page' : undefined}\n                aria-disabled={disabled || undefined}\n                onClick={() => irPara(numero)}\n              >\n                {numero}\n              </button>\n            </li>\n          ),\n        )}\n      </ol>\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Próxima página\"\n        aria-disabled={disabled || atual === pageCount || undefined}\n        onClick={() => atual < pageCount && irPara(atual + 1)}\n      >\n        <IconChevronRight size={14} />\n      </button>\n    </nav>\n  );\n}\n\n/**\n * Primeira e ultima pagina sempre visiveis; null representa a reticencia. A faixa tem sempre as mesmas vagas: perto\n * da ponta a janela encosta nela em vez de encolher, e reticencia nunca esconde uma pagina so.\n */\nexport function montarFaixa(atual: number, total: number, vizinhos: number): (number | null)[] {\n  const vagas = vizinhos * 2 + 5;\n\n  if (total <= vagas) {\n    return Array.from({ length: total }, (_, indice) => indice + 1);\n  }\n\n  const inicio = Math.max(Math.min(atual - vizinhos, total - vizinhos * 2 - 2), 3);\n  const fim = Math.min(Math.max(atual + vizinhos, vizinhos * 2 + 3), total - 2);\n  const janela = Array.from({ length: fim - inicio + 1 }, (_, indice) => inicio + indice);\n\n  return [1, inicio > 3 ? null : 2, ...janela, fim < total - 2 ? null : total - 1, total];\n}\n"],"names":["Pagination","className","disabled","label","onPageChange","page","pageCount","siblings","props","atual","paginas","montarFaixa","irPara","pagina","styles","jsx","IconChevronLeft","numero","indice","IconChevronRight","total","vizinhos","vagas","_","inicio","fim","janela"],"mappings":";;;AAeO,SAASA,EAAW;AAAA,EACzB,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAAoB;AAClB,MAAIF,KAAa;AACf,WAAO;AAGT,QAAMG,IAAQ,KAAK,IAAI,KAAK,IAAIJ,GAAM,CAAC,GAAGC,CAAS,GAC7CI,IAAUC,EAAYF,GAAOH,GAAWC,CAAQ;AAEtD,WAASK,EAAOC,GAAgB;AAC9B,IAAKX,KACHE,EAAaS,CAAM;AAAA,EAEvB;AAEA,2BACG,OAAA,EAAK,GAAGL,GAAO,cAAYL,GAAO,WAAW,CAACW,EAAO,YAAYb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAEnG,UAAA;AAAA,IAAA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,MAAK;AAAA,QACL,cAAW;AAAA,QACX,iBAAeZ,KAAYO,MAAU,KAAK;AAAA,QAC1C,SAAS,MAAMA,IAAQ,KAAKG,EAAOH,IAAQ,CAAC;AAAA,QAE5C,UAAA,gBAAAM,EAACC,GAAA,EAAgB,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7B,gBAAAD,EAAC,MAAA,EAAG,WAAWD,EAAO,MACnB,UAAAJ,EAAQ;AAAA,MAAI,CAACO,GAAQC,MACpBD,MAAW,OACT,gBAAAF,EAAC,QAAG,WAAWD,EAAO,KAA2B,eAAY,QAAO,UAAA,IAAA,GAApC,OAAOI,CAAM,EAE7C,sBAEC,MAAA,EACC,UAAA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAACD,EAAO,MAAMG,MAAWR,KAASK,EAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,UACrF,MAAK;AAAA,UACL,cAAY,UAAUG,CAAM;AAAA,UAC5B,gBAAcA,MAAWR,IAAQ,SAAS;AAAA,UAC1C,iBAAeP,KAAY;AAAA,UAC3B,SAAS,MAAMU,EAAOK,CAAM;AAAA,UAE3B,UAAAA;AAAA,QAAA;AAAA,MAAA,KATIA,CAWT;AAAA,IAAA,GAGN;AAAA,IACA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,MAAK;AAAA,QACL,cAAW;AAAA,QACX,iBAAeZ,KAAYO,MAAUH,KAAa;AAAA,QAClD,SAAS,MAAMG,IAAQH,KAAaM,EAAOH,IAAQ,CAAC;AAAA,QAEpD,UAAA,gBAAAM,EAACI,GAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9B,GACF;AAEJ;AAMO,SAASR,EAAYF,GAAeW,GAAeC,GAAqC;AAC7F,QAAMC,IAAQD,IAAW,IAAI;AAE7B,MAAID,KAASE;AACX,WAAO,MAAM,KAAK,EAAE,QAAQF,KAAS,CAACG,GAAGL,MAAWA,IAAS,CAAC;AAGhE,QAAMM,IAAS,KAAK,IAAI,KAAK,IAAIf,IAAQY,GAAUD,IAAQC,IAAW,IAAI,CAAC,GAAG,CAAC,GACzEI,IAAM,KAAK,IAAI,KAAK,IAAIhB,IAAQY,GAAUA,IAAW,IAAI,CAAC,GAAGD,IAAQ,CAAC,GACtEM,IAAS,MAAM,KAAK,EAAE,QAAQD,IAAMD,IAAS,EAAA,GAAK,CAACD,GAAGL,MAAWM,IAASN,CAAM;AAEtF,SAAO,CAAC,GAAGM,IAAS,IAAI,OAAO,GAAG,GAAGE,GAAQD,IAAML,IAAQ,IAAI,OAAOA,IAAQ,GAAGA,CAAK;AACxF;"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { type ComponentPropsWithRef } from 'react';\nimport { formatarNumero } from '../../../utils/formatters';\nimport styles from './Pagination.module.css';\nimport { IconChevronLeft, IconChevronRight } from '../../icons';\n\n/** Posições, contadas de 1, do primeiro e do último item da página, e o total de itens. */\nexport interface PaginationRange {\n  end: number;\n  start: number;\n  total: number;\n}\n\nexport interface PaginationProps extends ComponentPropsWithRef<'nav'> {\n  /** Suspende a troca de pagina, como enquanto a pagina pedida carrega. Os botoes continuam focaveis. */\n  disabled?: boolean;\n  /** Troca o texto do intervalo, que por padrão é `1.201–1.250 de 4.380`. */\n  formatRange?: (range: PaginationRange) => string;\n  label?: string;\n  onPageChange: (page: number) => void;\n  page: number;\n  pageCount: number;\n  /** Itens por página. Com `totalItems`, mostra o intervalo da página atual. */\n  pageSize?: number;\n  /** Quantidade de paginas mostradas de cada lado da atual. */\n  siblings?: number;\n  /** Total de itens. Com `pageSize`, mostra o intervalo da página atual. */\n  totalItems?: number;\n}\n\nexport function Pagination({\n  className,\n  disabled = false,\n  formatRange,\n  label = 'Paginação',\n  onPageChange,\n  page,\n  pageCount,\n  pageSize,\n  siblings = 1,\n  totalItems,\n  ...props\n}: PaginationProps) {\n  if (pageCount <= 1) {\n    return null;\n  }\n\n  const atual = Math.min(Math.max(page, 1), pageCount);\n  const paginas = montarFaixa(atual, pageCount, siblings);\n\n  function irPara(pagina: number) {\n    if (!disabled) {\n      onPageChange(pagina);\n    }\n  }\n\n  return (\n    <nav {...props} aria-label={label} className={[styles.pagination, className].filter(Boolean).join(' ')}>\n      {totalItems !== undefined && pageSize !== undefined && (\n        <PaginationRangeText\n          formatRange={formatRange}\n          range={{\n            start: (atual - 1) * pageSize + 1,\n            end: Math.min(atual * pageSize, totalItems),\n            total: totalItems,\n          }}\n        />\n      )}\n      {/* `aria-disabled`, e nao `disabled`: desabilitado na borda, o botao perdia o foco de quem acabou de usa-lo. */}\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Página anterior\"\n        aria-disabled={disabled || atual === 1 || undefined}\n        onClick={() => atual > 1 && irPara(atual - 1)}\n      >\n        <IconChevronLeft size={14} />\n      </button>\n      <ol className={styles.list}>\n        {paginas.map((numero, indice) =>\n          numero === null ? (\n            <li className={styles.gap} key={`gap-${indice}`} aria-hidden=\"true\">\n              &hellip;\n            </li>\n          ) : (\n            <li key={numero}>\n              <button\n                className={[styles.page, numero === atual && styles.current].filter(Boolean).join(' ')}\n                type=\"button\"\n                aria-label={`Página ${numero}`}\n                aria-current={numero === atual ? 'page' : undefined}\n                aria-disabled={disabled || undefined}\n                onClick={() => irPara(numero)}\n              >\n                {numero}\n              </button>\n            </li>\n          ),\n        )}\n      </ol>\n      <button\n        className={styles.step}\n        type=\"button\"\n        aria-label=\"Próxima página\"\n        aria-disabled={disabled || atual === pageCount || undefined}\n        onClick={() => atual < pageCount && irPara(atual + 1)}\n      >\n        <IconChevronRight size={14} />\n      </button>\n    </nav>\n  );\n}\n\n/**\n * Região viva: ao trocar de página, o leitor de tela anuncia o novo intervalo, e só ele, pois os botões não mudam\n * de nome. O travessão some na fala de muitos leitores, e o texto padrão tem uma forma falada à parte.\n */\nfunction PaginationRangeText({\n  formatRange,\n  range,\n}: {\n  formatRange?: (range: PaginationRange) => string;\n  range: PaginationRange;\n}) {\n  if (formatRange) {\n    return (\n      <span className={styles.range} role=\"status\">\n        {formatRange(range)}\n      </span>\n    );\n  }\n\n  const [inicio, fim, total] = [range.start, range.end, range.total].map((numero) => formatarNumero(numero));\n\n  return (\n    <span className={styles.range} role=\"status\">\n      <span aria-hidden=\"true\">{`${inicio}–${fim} de ${total}`}</span>\n      <span className={styles.hiddenText}>{`Itens ${inicio} a ${fim} de ${total}`}</span>\n    </span>\n  );\n}\n\n/**\n * Primeira e ultima pagina sempre visiveis; null representa a reticencia. A faixa tem sempre as mesmas vagas: perto\n * da ponta a janela encosta nela em vez de encolher, e reticencia nunca esconde uma pagina so.\n */\nexport function montarFaixa(atual: number, total: number, vizinhos: number): (number | null)[] {\n  const vagas = vizinhos * 2 + 5;\n\n  if (total <= vagas) {\n    return Array.from({ length: total }, (_, indice) => indice + 1);\n  }\n\n  const inicio = Math.max(Math.min(atual - vizinhos, total - vizinhos * 2 - 2), 3);\n  const fim = Math.min(Math.max(atual + vizinhos, vizinhos * 2 + 3), total - 2);\n  const janela = Array.from({ length: fim - inicio + 1 }, (_, indice) => inicio + indice);\n\n  return [1, inicio > 3 ? null : 2, ...janela, fim < total - 2 ? null : total - 1, total];\n}\n"],"names":["Pagination","className","disabled","formatRange","label","onPageChange","page","pageCount","pageSize","siblings","totalItems","props","atual","paginas","montarFaixa","irPara","pagina","styles","jsx","PaginationRangeText","IconChevronLeft","numero","indice","IconChevronRight","range","inicio","fim","total","formatarNumero","vizinhos","vagas","_","janela"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_pagination_1ws2p_1",s="_list_1ws2p_7",e="_page_1ws2p_16",p="_step_1ws2p_17",n="_current_1ws2p_35",a="_gap_1ws2p_58",_={pagination:t,list:s,page:e,step:p,current:n,gap:a};exports.current=n;exports.default=_;exports.gap=a;exports.list=s;exports.page=e;exports.pagination=t;exports.step=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_pagination_156fv_1",t="_range_156fv_8",n="_hiddenText_156fv_19 _hiddenText_7tv83_113",_="_list_156fv_23",a="_page_156fv_32",s="_step_156fv_33",i="_current_156fv_51",g="_gap_156fv_74",o={pagination:e,range:t,hiddenText:n,list:_,page:a,step:s,current:i,gap:g};exports.current=i;exports.default=o;exports.gap=g;exports.hiddenText=n;exports.list=_;exports.page=a;exports.pagination=e;exports.range=t;exports.step=s;
 //# sourceMappingURL=Pagination.module.css.cjs.map

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

@@ -1,18 +1,22 @@
-const s = "_pagination_1ws2p_1", t = "_list_1ws2p_7", p = "_page_1ws2p_16", _ = "_step_1ws2p_17", n = "_current_1ws2p_35", a = "_gap_1ws2p_58", e = {
-  pagination: s,
-  list: t,
-  page: p,
-  step: _,
-  current: n,
-  gap: a
+const t = "_pagination_156fv_1", _ = "_range_156fv_8", n = "_hiddenText_156fv_19 _hiddenText_7tv83_113", e = "_list_156fv_23", s = "_page_156fv_32", a = "_step_156fv_33", i = "_current_156fv_51", o = "_gap_156fv_74", p = {
+  pagination: t,
+  range: _,
+  hiddenText: n,
+  list: e,
+  page: s,
+  step: a,
+  current: i,
+  gap: o
 };
 export {
-  n as current,
-  e as default,
-  a as gap,
-  t as list,
-  p as page,
-  s as pagination,
-  _ as step
+  i as current,
+  p as default,
+  o as gap,
+  n as hiddenText,
+  e as list,
+  s as page,
+  t as pagination,
+  _ as range,
+  a as step
 };
 //# sourceMappingURL=Pagination.module.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"Pagination.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/overlays/Menu/Menu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),A=require("react-dom"),E=require("@react-aria/focus"),R=require("@react-aria/overlays"),I=require("../../../hooks/useMergedRefs.cjs"),o=require("./Menu.module.css.cjs"),T=require("../../../hooks/useSelection/useSelection.cjs"),B=require("../../icons/icons.cjs");function S(n,y){return u=>{n==null||n(u),y(u)}}function F({children:n,defaultOpen:y=!1,items:u,label:D,onOpenChange:a,open:h}){const l=c.useRef(null),[p,w]=c.useState(y),[M,i]=c.useState("first"),f=h??p;function k(t){w(t),a==null||a(t)}function b(t){i(t),k(!0)}function x(t){var g;k(!1),t&&((g=l.current)==null||g.focus())}const m=n.props,d=I.useMergedRefs(l,m.ref),j=c.cloneElement(n,{ref:d,"aria-haspopup":"menu","aria-expanded":f,onClick:S(m.onClick,()=>f?x(!0):b("first")),onKeyDown:S(m.onKeyDown,t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),b(t.key==="ArrowDown"?"first":"last"))})});return r.jsxs(r.Fragment,{children:[j,f&&typeof document<"u"&&A.createPortal(r.jsx(E.FocusScope,{children:r.jsx(H,{items:u,label:D,openedWith:M,onClose:x,triggerRef:l})}),document.body)]})}function K(n){return"items"in n}function H({items:n,label:y,onClose:u,openedWith:D,triggerRef:a}){var q;const h=c.useRef(null),l=c.useRef(new Map),p=c.useMemo(()=>n.flatMap(e=>K(e)?e.items:[e]),[n]),w=c.useMemo(()=>p.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[p]),M=T.useSelection({items:w,mode:"none"}),{focusedKey:i,focusFirst:f,focusLast:k,focusNext:b,focusPrevious:x,search:m}=M,{overlayProps:d}=R.useOverlay({isOpen:!0,onClose:()=>u(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var s;return!((s=a.current)!=null&&s.contains(e))}},h),{overlayProps:j}=R.useOverlayPosition({targetRef:a,overlayRef:h,placement:"bottom start",offset:6,containerPadding:8,isOpen:!0}),t=Math.min(Number((q=j.style)==null?void 0:q.maxHeight)||360,360);c.useEffect(()=>{D==="last"?k():f()},[]),c.useEffect(()=>{var e;i&&((e=l.current.get(i))==null||e.focus())},[i]);function g(e){var s;e.disabled||(u(!0),(s=e.onSelect)==null||s.call(e))}function N(e){const s=e.checked!==void 0;return r.jsxs("button",{"aria-checked":s?e.checked:void 0,"aria-keyshortcuts":e.shortcut,className:[o.default.item,e.tone==="danger"&&o.default.danger].filter(Boolean).join(" "),disabled:e.disabled,onClick:()=>g(e),ref:O=>{O?l.current.set(e.key,O):l.current.delete(e.key)},role:s?"menuitemcheckbox":"menuitem",tabIndex:i===e.key?0:-1,type:"button",children:[e.icon&&r.jsx("span",{"aria-hidden":"true",className:o.default.icon,children:e.icon}),r.jsx("span",{className:o.default.label,children:e.label}),e.shortcut&&r.jsx("kbd",{"aria-hidden":"true",className:o.default.shortcut,children:e.shortcut}),s&&r.jsx(B.IconCheck,{className:[o.default.check,e.checked&&o.default.checkOn].filter(Boolean).join(" ")})]},e.key)}function P(e){e.key==="ArrowDown"?(e.preventDefault(),b()):e.key==="ArrowUp"?(e.preventDefault(),x()):e.key==="Home"?(e.preventDefault(),f()):e.key==="End"?(e.preventDefault(),k()):e.key==="Escape"||e.key==="Tab"?u(!0):e.key.length===1&&!e.metaKey&&!e.ctrlKey&&m(e.key)}return r.jsx("div",{...d,"data-react-aria-top-layer":"true",ref:h,className:o.default.menu,style:{...j.style,maxHeight:t},role:"menu","aria-label":y,onKeyDown:e=>{var s;P(e),(s=d.onKeyDown)==null||s.call(d,e)},children:n.map((e,s)=>K(e)?r.jsxs("div",{"aria-label":e.title,className:o.default.section,role:"group",children:[s>0&&r.jsx("div",{"aria-hidden":"true",className:o.default.divider}),e.title&&r.jsx("div",{"aria-hidden":"true",className:o.default.sectionTitle,children:e.title}),e.items.map(N)]},e.key):N(e))})}exports.Menu=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),P=require("react-dom"),E=require("@react-aria/focus"),K=require("@react-aria/overlays"),I=require("../../../hooks/useMergedRefs.cjs"),T=require("./keyShortcuts.cjs"),n=require("./Menu.module.css.cjs"),B=require("../../../hooks/useSelection/useSelection.cjs"),F=require("../../icons/icons.cjs");function O(o,y){return u=>{o==null||o(u),y(u)}}function H({children:o,defaultOpen:y=!1,items:u,label:D,onOpenChange:a,open:h}){const l=c.useRef(null),[m,w]=c.useState(y),[M,i]=c.useState("first"),f=h??m;function k(t){w(t),a==null||a(t)}function b(t){i(t),k(!0)}function x(t){var g;k(!1),t&&((g=l.current)==null||g.focus())}const p=o.props,d=I.useMergedRefs(l,p.ref),j=c.cloneElement(o,{ref:d,"aria-haspopup":"menu","aria-expanded":f,onClick:O(p.onClick,()=>f?x(!0):b("first")),onKeyDown:O(p.onKeyDown,t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),b(t.key==="ArrowDown"?"first":"last"))})});return r.jsxs(r.Fragment,{children:[j,f&&typeof document<"u"&&P.createPortal(r.jsx(E.FocusScope,{children:r.jsx(v,{items:u,label:D,openedWith:M,onClose:x,triggerRef:l})}),document.body)]})}function R(o){return"items"in o}function v({items:o,label:y,onClose:u,openedWith:D,triggerRef:a}){var S;const h=c.useRef(null),l=c.useRef(new Map),m=c.useMemo(()=>o.flatMap(e=>R(e)?e.items:[e]),[o]),w=c.useMemo(()=>m.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[m]),M=B.useSelection({items:w,mode:"none"}),{focusedKey:i,focusFirst:f,focusLast:k,focusNext:b,focusPrevious:x,search:p}=M,{overlayProps:d}=K.useOverlay({isOpen:!0,onClose:()=>u(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var s;return!((s=a.current)!=null&&s.contains(e))}},h),{overlayProps:j}=K.useOverlayPosition({targetRef:a,overlayRef:h,placement:"bottom start",offset:6,containerPadding:8,isOpen:!0}),t=Math.min(Number((S=j.style)==null?void 0:S.maxHeight)||360,360);c.useEffect(()=>{D==="last"?k():f()},[]),c.useEffect(()=>{var e;i&&((e=l.current.get(i))==null||e.focus())},[i]);function g(e){var s;e.disabled||(u(!0),(s=e.onSelect)==null||s.call(e))}function N(e){const s=e.checked!==void 0;return r.jsxs("button",{"aria-checked":s?e.checked:void 0,"aria-keyshortcuts":e.shortcutKeys??(e.shortcut?T.toAriaKeyShortcuts(e.shortcut):void 0),className:[n.default.item,e.tone==="danger"&&n.default.danger].filter(Boolean).join(" "),disabled:e.disabled,onClick:()=>g(e),ref:q=>{q?l.current.set(e.key,q):l.current.delete(e.key)},role:s?"menuitemcheckbox":"menuitem",tabIndex:i===e.key?0:-1,type:"button",children:[e.icon&&r.jsx("span",{"aria-hidden":"true",className:n.default.icon,children:e.icon}),r.jsx("span",{className:n.default.label,children:e.label}),e.shortcut&&r.jsx("kbd",{"aria-hidden":"true",className:n.default.shortcut,children:e.shortcut}),s&&r.jsx(F.IconCheck,{className:[n.default.check,e.checked&&n.default.checkOn].filter(Boolean).join(" ")})]},e.key)}function A(e){e.key==="ArrowDown"?(e.preventDefault(),b()):e.key==="ArrowUp"?(e.preventDefault(),x()):e.key==="Home"?(e.preventDefault(),f()):e.key==="End"?(e.preventDefault(),k()):e.key==="Escape"||e.key==="Tab"?u(!0):e.key.length===1&&!e.metaKey&&!e.ctrlKey&&p(e.key)}return r.jsx("div",{...d,"data-react-aria-top-layer":"true",ref:h,className:n.default.menu,style:{...j.style,maxHeight:t},role:"menu","aria-label":y,onKeyDown:e=>{var s;A(e),(s=d.onKeyDown)==null||s.call(d,e)},children:o.map((e,s)=>R(e)?r.jsxs("div",{"aria-label":e.title,className:n.default.section,role:"group",children:[s>0&&r.jsx("div",{"aria-hidden":"true",className:n.default.divider}),e.title&&r.jsx("div",{"aria-hidden":"true",className:n.default.sectionTitle,children:e.title}),e.items.map(N)]},e.key):N(e))})}exports.Menu=H;
 //# sourceMappingURL=Menu.cjs.map

package/dist/components/overlays/Menu/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../../src/components/overlays/Menu/Menu.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { IconCheck } from '../../icons';\nimport styles from './Menu.module.css';\n\nexport interface MenuItem {\n  /** Com ele, o item e de marcar e mostra o visto quando marcado, como o tipo atual de um bloco. */\n  checked?: boolean;\n  disabled?: boolean;\n  /** Icone decorativo antes do texto. */\n  icon?: ReactNode;\n  key: string;\n  label: string;\n  onSelect?: () => void;\n  /** Atalho escrito a direita, como `Ctrl+D`, e anunciado em `aria-keyshortcuts`. */\n  shortcut?: string;\n  /** `danger` para a acao que destroi, como remover. */\n  tone?: 'danger';\n}\n\n/** Grupo de itens, com titulo opcional; entre dois grupos, o menu desenha o divisor. */\nexport interface MenuSection {\n  items: readonly MenuItem[];\n  key: string;\n  title?: string;\n}\n\nexport interface MenuProps {\n  children: ReactElement<Record<string, unknown>>;\n  /** Abertura inicial no modo nao controlado. */\n  defaultOpen?: boolean;\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */\n  onOpenChange?: (open: boolean) => void;\n  /** Controla a abertura; sem ele, o menu guarda o proprio estado. */\n  open?: boolean;\n}\n\n/** Encadeia o manipulador do gatilho ao do menu, em vez de substitui-lo. */\nfunction encadear<E>(proprio: ((evento: E) => void) | undefined, seguinte: (evento: E) => void) {\n  return (evento: E) => {\n    proprio?.(evento);\n    seguinte(evento);\n  };\n}\n\nexport function Menu({ children, defaultOpen = false, items, label, onOpenChange, open: controlledOpen }: MenuProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [openedWith, setOpenedWith] = useState<'first' | 'last'>('first');\n  const open = controlledOpen ?? internalOpen;\n\n  function setOpen(proximo: boolean) {\n    setInternalOpen(proximo);\n    onOpenChange?.(proximo);\n  }\n\n  function abrir(from: 'first' | 'last') {\n    setOpenedWith(from);\n    setOpen(true);\n  }\n\n  // O foco volta na hora, antes de o `onSelect` montar o que vem depois, como um campo com `autoFocus` ou\n  // um Dialog, que guarda o elemento em foco para devolver. Clique fora nao devolve: o foco e de quem foi clicado.\n  function fechar(devolverFoco: boolean) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  const dono = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, dono.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    onClick: encadear(dono.onClick as (evento: unknown) => void, () =>\n      open ? fechar(true) : abrir('first'),\n    ),\n    onKeyDown: encadear(dono.onKeyDown as (evento: KeyboardEvent) => void, (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        abrir(event.key === 'ArrowDown' ? 'first' : 'last');\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.\n          // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.\n          <FocusScope>\n            <MenuList\n              items={items}\n              label={label}\n              openedWith={openedWith}\n              onClose={fechar}\n              triggerRef={triggerRef}\n            />\n          </FocusScope>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction ehSecao(entrada: MenuItem | MenuSection): entrada is MenuSection {\n  return 'items' in entrada;\n}\n\nfunction MenuList({\n  items: entradas,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  onClose: (devolverFoco: boolean) => void;\n  openedWith: 'first' | 'last';\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const nodes = useRef(new Map<string, HTMLElement>());\n  // O teclado percorre os itens de todos os grupos como uma lista so.\n  const items = useMemo(() => entradas.flatMap((entrada) => (ehSecao(entrada) ? entrada.items : [entrada])), [entradas]);\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({ items: collection, mode: 'none' });\n  const { focusedKey, focusFirst, focusLast, focusNext, focusPrevious, search } = selection;\n\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  // Sem isto o gatilho conta como \"fora\": o ponteiro fecha o menu e o clique\n  // dele reabre em seguida, e o menu pisca sem abrir.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose: () => onClose(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 360, 360);\n\n  useEffect(() => {\n    if (openedWith === 'last') {\n      focusLast();\n    } else {\n      focusFirst();\n    }\n    // Posicao inicial depende apenas de como o menu foi aberto.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (focusedKey) {\n      nodes.current.get(focusedKey)?.focus();\n    }\n  }, [focusedKey]);\n\n  function acionar(item: MenuItem) {\n    if (item.disabled) {\n      return;\n    }\n\n    onClose(true);\n    item.onSelect?.();\n  }\n\n  function renderizarItem(item: MenuItem) {\n    const marcavel = item.checked !== undefined;\n\n    return (\n      <button\n        aria-checked={marcavel ? item.checked : undefined}\n        aria-keyshortcuts={item.shortcut}\n        className={[styles.item, item.tone === 'danger' && styles.danger].filter(Boolean).join(' ')}\n        disabled={item.disabled}\n        key={item.key}\n        onClick={() => acionar(item)}\n        ref={(node) => {\n          if (node) {\n            nodes.current.set(item.key, node);\n          } else {\n            nodes.current.delete(item.key);\n          }\n        }}\n        role={marcavel ? 'menuitemcheckbox' : 'menuitem'}\n        tabIndex={focusedKey === item.key ? 0 : -1}\n        type=\"button\"\n      >\n        {item.icon && (\n          <span aria-hidden=\"true\" className={styles.icon}>\n            {item.icon}\n          </span>\n        )}\n        <span className={styles.label}>{item.label}</span>\n        {item.shortcut && (\n          <kbd aria-hidden=\"true\" className={styles.shortcut}>\n            {item.shortcut}\n          </kbd>\n        )}\n        {marcavel && <IconCheck className={[styles.check, item.checked && styles.checkOn].filter(Boolean).join(' ')} />}\n      </button>\n    );\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusNext();\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusPrevious();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusFirst();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusLast();\n    } else if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose(true);\n    } else if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key);\n    }\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      data-react-aria-top-layer=\"true\"\n      ref={ref}\n      className={styles.menu}\n      style={{ ...positionProps.style, maxHeight: alturaMaxima }}\n      role=\"menu\"\n      aria-label={label}\n      onKeyDown={(event) => {\n        // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n        handleKeyDown(event);\n        overlayProps.onKeyDown?.(event);\n      }}\n    >\n      {entradas.map((entrada, indice) => {\n        if (!ehSecao(entrada)) {\n          return renderizarItem(entrada);\n        }\n\n        return (\n          <div aria-label={entrada.title} className={styles.section} key={entrada.key} role=\"group\">\n            {indice > 0 && <div aria-hidden=\"true\" className={styles.divider} />}\n            {entrada.title && (\n              <div aria-hidden=\"true\" className={styles.sectionTitle}>\n                {entrada.title}\n              </div>\n            )}\n            {entrada.items.map(renderizarItem)}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["encadear","proprio","seguinte","evento","Menu","children","defaultOpen","items","label","onOpenChange","controlledOpen","triggerRef","useRef","internalOpen","setInternalOpen","useState","openedWith","setOpenedWith","open","setOpen","proximo","abrir","from","fechar","devolverFoco","_a","dono","mergedTriggerRef","useMergedRefs","trigger","cloneElement","event","jsxs","Fragment","createPortal","FocusScope","jsx","MenuList","ehSecao","entrada","entradas","onClose","ref","nodes","useMemo","collection","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","renderizarItem","marcavel","styles","node","IconCheck","handleKeyDown","indice"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs","sources":["../../../../src/components/overlays/Menu/Menu.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { IconCheck } from '../../icons';\nimport { toAriaKeyShortcuts } from './keyShortcuts';\nimport styles from './Menu.module.css';\n\nexport interface MenuItem {\n  /** Com ele, o item e de marcar e mostra o visto quando marcado, como o tipo atual de um bloco. */\n  checked?: boolean;\n  disabled?: boolean;\n  /** Icone decorativo antes do texto. */\n  icon?: ReactNode;\n  key: string;\n  label: string;\n  onSelect?: () => void;\n  /** Atalho escrito à direita, como `Ctrl+D` ou `⌘⇧D`; convertido nos nomes de tecla de `aria-keyshortcuts`. */\n  shortcut?: string;\n  /** Valor de `aria-keyshortcuts` quando a conversão do `shortcut` não basta, como `Control+Shift+D Meta+Shift+D`. */\n  shortcutKeys?: string;\n  /** `danger` para a acao que destroi, como remover. */\n  tone?: 'danger';\n}\n\n/** Grupo de itens, com titulo opcional; entre dois grupos, o menu desenha o divisor. */\nexport interface MenuSection {\n  items: readonly MenuItem[];\n  key: string;\n  title?: string;\n}\n\nexport interface MenuProps {\n  children: ReactElement<Record<string, unknown>>;\n  /** Abertura inicial no modo nao controlado. */\n  defaultOpen?: boolean;\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */\n  onOpenChange?: (open: boolean) => void;\n  /** Controla a abertura; sem ele, o menu guarda o proprio estado. */\n  open?: boolean;\n}\n\n/** Encadeia o manipulador do gatilho ao do menu, em vez de substitui-lo. */\nfunction encadear<E>(proprio: ((evento: E) => void) | undefined, seguinte: (evento: E) => void) {\n  return (evento: E) => {\n    proprio?.(evento);\n    seguinte(evento);\n  };\n}\n\nexport function Menu({ children, defaultOpen = false, items, label, onOpenChange, open: controlledOpen }: MenuProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [openedWith, setOpenedWith] = useState<'first' | 'last'>('first');\n  const open = controlledOpen ?? internalOpen;\n\n  function setOpen(proximo: boolean) {\n    setInternalOpen(proximo);\n    onOpenChange?.(proximo);\n  }\n\n  function abrir(from: 'first' | 'last') {\n    setOpenedWith(from);\n    setOpen(true);\n  }\n\n  // O foco volta na hora, antes de o `onSelect` montar o que vem depois, como um campo com `autoFocus` ou\n  // um Dialog, que guarda o elemento em foco para devolver. Clique fora nao devolve: o foco e de quem foi clicado.\n  function fechar(devolverFoco: boolean) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  const dono = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, dono.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    onClick: encadear(dono.onClick as (evento: unknown) => void, () =>\n      open ? fechar(true) : abrir('first'),\n    ),\n    onKeyDown: encadear(dono.onKeyDown as (evento: KeyboardEvent) => void, (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        abrir(event.key === 'ArrowDown' ? 'first' : 'last');\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.\n          // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.\n          <FocusScope>\n            <MenuList\n              items={items}\n              label={label}\n              openedWith={openedWith}\n              onClose={fechar}\n              triggerRef={triggerRef}\n            />\n          </FocusScope>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction ehSecao(entrada: MenuItem | MenuSection): entrada is MenuSection {\n  return 'items' in entrada;\n}\n\nfunction MenuList({\n  items: entradas,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  onClose: (devolverFoco: boolean) => void;\n  openedWith: 'first' | 'last';\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const nodes = useRef(new Map<string, HTMLElement>());\n  // O teclado percorre os itens de todos os grupos como uma lista so.\n  const items = useMemo(() => entradas.flatMap((entrada) => (ehSecao(entrada) ? entrada.items : [entrada])), [entradas]);\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({ items: collection, mode: 'none' });\n  const { focusedKey, focusFirst, focusLast, focusNext, focusPrevious, search } = selection;\n\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  // Sem isto o gatilho conta como \"fora\": o ponteiro fecha o menu e o clique\n  // dele reabre em seguida, e o menu pisca sem abrir.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose: () => onClose(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 360, 360);\n\n  useEffect(() => {\n    if (openedWith === 'last') {\n      focusLast();\n    } else {\n      focusFirst();\n    }\n    // Posicao inicial depende apenas de como o menu foi aberto.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (focusedKey) {\n      nodes.current.get(focusedKey)?.focus();\n    }\n  }, [focusedKey]);\n\n  function acionar(item: MenuItem) {\n    if (item.disabled) {\n      return;\n    }\n\n    onClose(true);\n    item.onSelect?.();\n  }\n\n  function renderizarItem(item: MenuItem) {\n    const marcavel = item.checked !== undefined;\n\n    return (\n      <button\n        aria-checked={marcavel ? item.checked : undefined}\n        aria-keyshortcuts={item.shortcutKeys ?? (item.shortcut ? toAriaKeyShortcuts(item.shortcut) : undefined)}\n        className={[styles.item, item.tone === 'danger' && styles.danger].filter(Boolean).join(' ')}\n        disabled={item.disabled}\n        key={item.key}\n        onClick={() => acionar(item)}\n        ref={(node) => {\n          if (node) {\n            nodes.current.set(item.key, node);\n          } else {\n            nodes.current.delete(item.key);\n          }\n        }}\n        role={marcavel ? 'menuitemcheckbox' : 'menuitem'}\n        tabIndex={focusedKey === item.key ? 0 : -1}\n        type=\"button\"\n      >\n        {item.icon && (\n          <span aria-hidden=\"true\" className={styles.icon}>\n            {item.icon}\n          </span>\n        )}\n        <span className={styles.label}>{item.label}</span>\n        {item.shortcut && (\n          <kbd aria-hidden=\"true\" className={styles.shortcut}>\n            {item.shortcut}\n          </kbd>\n        )}\n        {marcavel && <IconCheck className={[styles.check, item.checked && styles.checkOn].filter(Boolean).join(' ')} />}\n      </button>\n    );\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusNext();\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusPrevious();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusFirst();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusLast();\n    } else if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose(true);\n    } else if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key);\n    }\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      data-react-aria-top-layer=\"true\"\n      ref={ref}\n      className={styles.menu}\n      style={{ ...positionProps.style, maxHeight: alturaMaxima }}\n      role=\"menu\"\n      aria-label={label}\n      onKeyDown={(event) => {\n        // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n        handleKeyDown(event);\n        overlayProps.onKeyDown?.(event);\n      }}\n    >\n      {entradas.map((entrada, indice) => {\n        if (!ehSecao(entrada)) {\n          return renderizarItem(entrada);\n        }\n\n        return (\n          <div aria-label={entrada.title} className={styles.section} key={entrada.key} role=\"group\">\n            {indice > 0 && <div aria-hidden=\"true\" className={styles.divider} />}\n            {entrada.title && (\n              <div aria-hidden=\"true\" className={styles.sectionTitle}>\n                {entrada.title}\n              </div>\n            )}\n            {entrada.items.map(renderizarItem)}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["encadear","proprio","seguinte","evento","Menu","children","defaultOpen","items","label","onOpenChange","controlledOpen","triggerRef","useRef","internalOpen","setInternalOpen","useState","openedWith","setOpenedWith","open","setOpen","proximo","abrir","from","fechar","devolverFoco","_a","dono","mergedTriggerRef","useMergedRefs","trigger","cloneElement","event","jsxs","Fragment","createPortal","FocusScope","jsx","MenuList","ehSecao","entrada","entradas","onClose","ref","nodes","useMemo","collection","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","renderizarItem","marcavel","toAriaKeyShortcuts","styles","node","IconCheck","handleKeyDown","indice"],"mappings":"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"}

package/dist/components/overlays/Menu/Menu.js

@@ -1,19 +1,20 @@
 import { jsxs as K, Fragment as F, jsx as n } from "react/jsx-runtime";
-import { useRef as M, useState as P, cloneElement as H, useMemo as R, useEffect as S } from "react";
+import { useRef as M, useState as I, cloneElement as H, useMemo as P, useEffect as R } from "react";
 import { createPortal as T } from "react-dom";
 import { FocusScope as C } from "@react-aria/focus";
 import { useOverlay as L, useOverlayPosition as U } from "@react-aria/overlays";
 import { useMergedRefs as W } from "../../../hooks/useMergedRefs.js";
-import t from "./Menu.module.css.js";
-import { useSelection as z } from "../../../hooks/useSelection/useSelection.js";
-import { IconCheck as V } from "../../icons/icons.js";
-function j(s, d) {
+import { toAriaKeyShortcuts as z } from "./keyShortcuts.js";
+import s from "./Menu.module.css.js";
+import { useSelection as V } from "../../../hooks/useSelection/useSelection.js";
+import { IconCheck as q } from "../../icons/icons.js";
+function j(t, d) {
   return (c) => {
-    s == null || s(c), d(c);
+    t == null || t(c), d(c);
   };
 }
-function ee({ children: s, defaultOpen: d = !1, items: c, label: g, onOpenChange: l, open: m }) {
-  const i = M(null), [h, N] = P(d), [x, a] = P("first"), u = m ?? h;
+function oe({ children: t, defaultOpen: d = !1, items: c, label: g, onOpenChange: l, open: m }) {
+  const i = M(null), [p, N] = I(d), [x, a] = I("first"), u = m ?? p;
   function y(o) {
     N(o), l == null || l(o);
   }
@@ -24,15 +25,15 @@ function ee({ children: s, defaultOpen: d = !1, items: c, label: g, onOpenChange
     var D;
     y(!1), o && ((D = i.current) == null || D.focus());
   }
-  const p = s.props, f = W(i, p.ref), w = H(s, {
+  const h = t.props, f = W(i, h.ref), w = H(t, {
     ref: f,
     "aria-haspopup": "menu",
     "aria-expanded": u,
     onClick: j(
-      p.onClick,
+      h.onClick,
       () => u ? b(!0) : k("first")
     ),
-    onKeyDown: j(p.onKeyDown, (o) => {
+    onKeyDown: j(h.onKeyDown, (o) => {
       (o.key === "ArrowDown" || o.key === "ArrowUp") && (o.preventDefault(), k(o.key === "ArrowDown" ? "first" : "last"));
     })
   });
@@ -42,7 +43,7 @@ function ee({ children: s, defaultOpen: d = !1, items: c, label: g, onOpenChange
       // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.
       // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.
       /* @__PURE__ */ n(C, { children: /* @__PURE__ */ n(
-        q,
+        v,
         {
           items: c,
           label: g,
@@ -55,21 +56,21 @@ function ee({ children: s, defaultOpen: d = !1, items: c, label: g, onOpenChange
     )
   ] });
 }
-function E(s) {
-  return "items" in s;
+function E(t) {
+  return "items" in t;
 }
-function q({
-  items: s,
+function v({
+  items: t,
   label: d,
   onClose: c,
   openedWith: g,
   triggerRef: l
 }) {
   var A;
-  const m = M(null), i = M(/* @__PURE__ */ new Map()), h = R(() => s.flatMap((e) => E(e) ? e.items : [e]), [s]), N = R(
-    () => h.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
-    [h]
-  ), x = z({ items: N, mode: "none" }), { focusedKey: a, focusFirst: u, focusLast: y, focusNext: k, focusPrevious: b, search: p } = x, { overlayProps: f } = L(
+  const m = M(null), i = M(/* @__PURE__ */ new Map()), p = P(() => t.flatMap((e) => E(e) ? e.items : [e]), [t]), N = P(
+    () => p.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
+    [p]
+  ), x = V({ items: N, mode: "none" }), { focusedKey: a, focusFirst: u, focusLast: y, focusNext: k, focusPrevious: b, search: h } = x, { overlayProps: f } = L(
     {
       isOpen: !0,
       onClose: () => c(!1),
@@ -89,9 +90,9 @@ function q({
     containerPadding: 8,
     isOpen: !0
   }), o = Math.min(Number((A = w.style) == null ? void 0 : A.maxHeight) || 360, 360);
-  S(() => {
+  R(() => {
     g === "last" ? y() : u();
-  }, []), S(() => {
+  }, []), R(() => {
     var e;
     a && ((e = i.current.get(a)) == null || e.focus());
   }, [a]);
@@ -105,28 +106,28 @@ function q({
       "button",
       {
         "aria-checked": r ? e.checked : void 0,
-        "aria-keyshortcuts": e.shortcut,
-        className: [t.item, e.tone === "danger" && t.danger].filter(Boolean).join(" "),
+        "aria-keyshortcuts": e.shortcutKeys ?? (e.shortcut ? z(e.shortcut) : void 0),
+        className: [s.item, e.tone === "danger" && s.danger].filter(Boolean).join(" "),
         disabled: e.disabled,
         onClick: () => D(e),
-        ref: (I) => {
-          I ? i.current.set(e.key, I) : i.current.delete(e.key);
+        ref: (S) => {
+          S ? i.current.set(e.key, S) : i.current.delete(e.key);
         },
         role: r ? "menuitemcheckbox" : "menuitem",
         tabIndex: a === e.key ? 0 : -1,
         type: "button",
         children: [
-          e.icon && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: t.icon, children: e.icon }),
-          /* @__PURE__ */ n("span", { className: t.label, children: e.label }),
-          e.shortcut && /* @__PURE__ */ n("kbd", { "aria-hidden": "true", className: t.shortcut, children: e.shortcut }),
-          r && /* @__PURE__ */ n(V, { className: [t.check, e.checked && t.checkOn].filter(Boolean).join(" ") })
+          e.icon && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: s.icon, children: e.icon }),
+          /* @__PURE__ */ n("span", { className: s.label, children: e.label }),
+          e.shortcut && /* @__PURE__ */ n("kbd", { "aria-hidden": "true", className: s.shortcut, children: e.shortcut }),
+          r && /* @__PURE__ */ n(q, { className: [s.check, e.checked && s.checkOn].filter(Boolean).join(" ") })
         ]
       },
       e.key
     );
   }
   function B(e) {
-    e.key === "ArrowDown" ? (e.preventDefault(), k()) : e.key === "ArrowUp" ? (e.preventDefault(), b()) : e.key === "Home" ? (e.preventDefault(), u()) : e.key === "End" ? (e.preventDefault(), y()) : e.key === "Escape" || e.key === "Tab" ? c(!0) : e.key.length === 1 && !e.metaKey && !e.ctrlKey && p(e.key);
+    e.key === "ArrowDown" ? (e.preventDefault(), k()) : e.key === "ArrowUp" ? (e.preventDefault(), b()) : e.key === "Home" ? (e.preventDefault(), u()) : e.key === "End" ? (e.preventDefault(), y()) : e.key === "Escape" || e.key === "Tab" ? c(!0) : e.key.length === 1 && !e.metaKey && !e.ctrlKey && h(e.key);
   }
   return /* @__PURE__ */ n(
     "div",
@@ -134,7 +135,7 @@ function q({
       ...f,
       "data-react-aria-top-layer": "true",
       ref: m,
-      className: t.menu,
+      className: s.menu,
       style: { ...w.style, maxHeight: o },
       role: "menu",
       "aria-label": d,
@@ -142,15 +143,15 @@ function q({
         var r;
         B(e), (r = f.onKeyDown) == null || r.call(f, e);
       },
-      children: s.map((e, r) => E(e) ? /* @__PURE__ */ K("div", { "aria-label": e.title, className: t.section, role: "group", children: [
-        r > 0 && /* @__PURE__ */ n("div", { "aria-hidden": "true", className: t.divider }),
-        e.title && /* @__PURE__ */ n("div", { "aria-hidden": "true", className: t.sectionTitle, children: e.title }),
+      children: t.map((e, r) => E(e) ? /* @__PURE__ */ K("div", { "aria-label": e.title, className: s.section, role: "group", children: [
+        r > 0 && /* @__PURE__ */ n("div", { "aria-hidden": "true", className: s.divider }),
+        e.title && /* @__PURE__ */ n("div", { "aria-hidden": "true", className: s.sectionTitle, children: e.title }),
         e.items.map(O)
       ] }, e.key) : O(e))
     }
   );
 }
 export {
-  ee as Menu
+  oe as Menu
 };
 //# sourceMappingURL=Menu.js.map