@plenustech/design-system 0.2.0 → 0.2.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/navigation/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ElementType } from 'react';\nimport styles from './Breadcrumb.module.css';\nimport { IconChevronRight } from '../../icons';\n\nexport interface BreadcrumbItem {\n  href?: string;\n  label: string;\n  /**\n   * Propriedades entregues inteiras ao componente de link. Serve ao roteador\n   * que nao usa `href` — o do React Router pede `to`.\n   */\n  linkProps?: Record<string, unknown>;\n}\n\nexport interface BreadcrumbProps extends ComponentPropsWithRef<'nav'> {\n  /** Componente de link da aplicacao, para nao acoplar o sistema a um roteador. */\n  as?: ElementType;\n  items: readonly BreadcrumbItem[];\n  label?: string;\n}\n\nexport function Breadcrumb({\n  as: Link = 'a',\n  className,\n  items,\n  label = 'Trilha de navegação',\n  ...props\n}: BreadcrumbProps) {\n  return (\n    <nav {...props} aria-label={label} className={className}>\n      <ol className={styles.list}>\n        {items.map((item, index) => {\n          const atual = index === items.length - 1;\n\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              {atual || (item.href === undefined && item.linkProps === undefined) ? (\n                <span className={styles.current} aria-current={atual ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              ) : (\n                <Link className={styles.link} href={item.href} {...item.linkProps}>\n                  {item.label}\n                </Link>\n              )}\n              {!atual && (\n                <IconChevronRight className={styles.separator} size={12} />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["Breadcrumb","Link","className","items","label","props","jsx","styles","item","index","atual","jsxs","IconChevronRight"],"mappings":";;;AAqBO,SAASA,EAAW;AAAA,EACzB,IAAIC,IAAO;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,GAAoB;AAClB,2BACG,OAAA,EAAK,GAAGA,GAAO,cAAYD,GAAO,WAAAF,GACjC,UAAA,gBAAAI,EAAC,MAAA,EAAG,WAAWC,EAAO,MACnB,UAAAJ,EAAM,IAAI,CAACK,GAAMC,MAAU;AAC1B,UAAMC,IAAQD,MAAUN,EAAM,SAAS;AAEvC,WACE,gBAAAQ,EAAC,MAAA,EAAG,WAAWJ,EAAO,MACnB,UAAA;AAAA,MAAAG,KAAUF,EAAK,SAAS,UAAaA,EAAK,cAAc,SACvD,gBAAAF,EAAC,QAAA,EAAK,WAAWC,EAAO,SAAS,gBAAcG,IAAQ,SAAS,QAC7D,UAAAF,EAAK,MAAA,CACR,IAEA,gBAAAF,EAACL,GAAA,EAAK,WAAWM,EAAO,MAAM,MAAMC,EAAK,MAAO,GAAGA,EAAK,WACrD,YAAK,OACR;AAAA,MAED,CAACE,KACA,gBAAAJ,EAACM,GAAA,EAAiB,WAAWL,EAAO,WAAW,MAAM,GAAA,CAAI;AAAA,IAAA,EAAA,GAX5B,GAAGC,EAAK,KAAK,IAAIC,CAAK,EAavD;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_list_ukjuq_1",e="_item_ukjuq_11",r="_link_ukjuq_20",u="_current_ukjuq_38",s="_separator_ukjuq_44",_={list:t,item:e,link:r,current:u,separator:s};exports.current=u;exports.default=_;exports.item=e;exports.link=r;exports.list=t;exports.separator=s;
+//# sourceMappingURL=Breadcrumb.module.css.cjs.map

package/dist/components/navigation/Breadcrumb/Breadcrumb.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,16 @@
+const t = "_list_ukjuq_1", s = "_item_ukjuq_11", _ = "_link_ukjuq_20", u = "_current_ukjuq_38", r = "_separator_ukjuq_44", e = {
+  list: t,
+  item: s,
+  link: _,
+  current: u,
+  separator: r
+};
+export {
+  u as current,
+  e as default,
+  s as item,
+  _ as link,
+  t as list,
+  r as separator
+};
+//# sourceMappingURL=Breadcrumb.module.css.js.map

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=Pagination.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,70 @@
+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
+}) {
+  if (r <= 1)
+    return null;
+  const a = Math.min(Math.max(c, 1), r), d = x(a, r, m);
+  function h(n) {
+    i || s(n);
+  }
+  return /* @__PURE__ */ g("nav", { ...f, "aria-label": t, className: [e.pagination, o].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: e.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 })
+      }
+    ),
+    /* @__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(
+        "button",
+        {
+          className: [e.page, n === a && e.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
+        }
+      ) }, n)
+    ) }),
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: e.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 })
+      }
+    )
+  ] });
+}
+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];
+}
+export {
+  P as Pagination,
+  x as montarFaixa
+};
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +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;
+//# sourceMappingURL=Pagination.module.css.cjs.map

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

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

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

@@ -0,0 +1,18 @@
+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
+};
+export {
+  n as current,
+  e as default,
+  a as gap,
+  t as list,
+  p as page,
+  s as pagination,
+  _ as step
+};
+//# sourceMappingURL=Pagination.module.css.js.map

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

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

package/dist/components/navigation/Tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),v=require("react"),c=require("./Tabs.module.css.cjs"),g=require("../../../hooks/useSelection/useSelection.cjs");function M({className:i,defaultSelectedKey:f,items:d,label:n,onSelectionChange:u,orientation:a="horizontal",selectedKey:r,...I}){var w;const y=`tabs-${v.useId()}`,x=v.useRef(new Map),s=v.useMemo(()=>d.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[d]),j=(w=s.find(e=>!e.disabled))==null?void 0:w.key,o=g.useSelection({items:s,mode:"single",defaultSelectedKeys:r===void 0?[f??j??""]:void 0,selectedKeys:r===void 0?void 0:[r],onSelectionChange:e=>{const[l]=e;l!==void 0&&(u==null||u(l))}}),[t]=o.selectedKeys,b=d.find(e=>e.key===t),q=s.some(e=>e.key===t&&!e.disabled)?t:j;v.useEffect(()=>{var e;o.focusedKey&&((e=x.current.get(o.focusedKey))==null||e.focus())},[o.focusedKey]);function k(e){e&&o.select(e)}function A(e){var h,D;const l=o.focusedKey??t,N=a==="vertical"?"ArrowDown":"ArrowRight",T=a==="vertical"?"ArrowUp":"ArrowLeft";e.key===N?(e.preventDefault(),k(K(s,l,1))):e.key===T?(e.preventDefault(),k(K(s,l,-1))):e.key==="Home"?(e.preventDefault(),k((h=s.find($=>!$.disabled))==null?void 0:h.key)):e.key==="End"&&(e.preventDefault(),k((D=[...s].reverse().find($=>!$.disabled))==null?void 0:D.key))}return p.jsxs("div",{...I,className:[c.default.tabs,c.default[a],i].filter(Boolean).join(" "),children:[p.jsx("div",{className:c.default.list,role:"tablist","aria-label":n,"aria-orientation":a,onKeyDown:A,children:d.map(e=>p.jsx("button",{ref:l=>{l?x.current.set(e.key,l):x.current.delete(e.key)},className:[c.default.tab,t===e.key&&c.default.active].filter(Boolean).join(" "),type:"button",role:"tab",id:`${y}-${e.key}`,"aria-controls":t===e.key?`${y}-${e.key}-panel`:void 0,"aria-selected":t===e.key,disabled:e.disabled,tabIndex:q===e.key?0:-1,onClick:()=>o.select(e.key),children:e.label},e.key))}),b&&p.jsx("div",{className:c.default.panel,role:"tabpanel",id:`${y}-${b.key}-panel`,"aria-labelledby":`${y}-${b.key}`,tabIndex:0,children:b.content})]})}function K(i,f,d){const n=i.length,u=i.findIndex(a=>a.key===f);for(let a=1;a<=n;a+=1){const r=i[(u+d*a+n*n)%n];if(!r.disabled)return r.key}return f}exports.Tabs=M;
+//# sourceMappingURL=Tabs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Tabs.module.css';\n\nexport interface TabItem {\n  content: ReactNode;\n  disabled?: boolean;\n  key: string;\n  label: string;\n}\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\nexport interface TabsProps extends ComponentPropsWithRef<'div'> {\n  defaultSelectedKey?: string;\n  items: readonly TabItem[];\n  label: string;\n  onSelectionChange?: (key: string) => void;\n  orientation?: TabsOrientation;\n  selectedKey?: string;\n}\n\nexport function Tabs({\n  className,\n  defaultSelectedKey,\n  items,\n  label,\n  onSelectionChange,\n  orientation = 'horizontal',\n  selectedKey,\n  ...props\n}: TabsProps) {\n  const baseId = `tabs-${useId()}`;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const primeira = collection.find((item) => !item.disabled)?.key;\n  const selection = useSelection({\n    items: collection,\n    mode: 'single',\n    defaultSelectedKeys: selectedKey === undefined ? [defaultSelectedKey ?? primeira ?? ''] : undefined,\n    selectedKeys: selectedKey === undefined ? undefined : [selectedKey],\n    onSelectionChange: (keys) => {\n      const [escolhida] = keys;\n      if (escolhida !== undefined) {\n        onSelectionChange?.(escolhida);\n      }\n    },\n  });\n  const [ativa] = selection.selectedKeys;\n  const painel = items.find((item) => item.key === ativa);\n  // A lista sempre tem uma parada de Tab: com a escolhida inexistente ou desabilitada, nenhuma aba era alcancavel.\n  const parada = collection.some((item) => item.key === ativa && !item.disabled) ? ativa : primeira;\n\n  useEffect(() => {\n    if (selection.focusedKey) {\n      nodes.current.get(selection.focusedKey)?.focus();\n    }\n  }, [selection.focusedKey]);\n\n  // Ativacao automatica: mover o foco troca a aba, conforme o padrao do APG\n  // para paineis que carregam instantaneamente.\n  function mover(proxima: string | undefined) {\n    if (proxima) {\n      selection.select(proxima);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    const atual = selection.focusedKey ?? ativa;\n    const avancar = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n    const voltar = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n\n    if (event.key === avancar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, 1));\n    } else if (event.key === voltar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, -1));\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      mover(collection.find((item) => !item.disabled)?.key);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      mover([...collection].reverse().find((item) => !item.disabled)?.key);\n    }\n  }\n\n  return (\n    <div {...props} className={[styles.tabs, styles[orientation], className].filter(Boolean).join(' ')}>\n      <div\n        className={styles.list}\n        role=\"tablist\"\n        aria-label={label}\n        aria-orientation={orientation}\n        onKeyDown={handleKeyDown}\n      >\n        {items.map((item) => (\n          <button\n            key={item.key}\n            ref={(node) => {\n              if (node) {\n                nodes.current.set(item.key, node);\n              } else {\n                nodes.current.delete(item.key);\n              }\n            }}\n            className={[styles.tab, ativa === item.key && styles.active].filter(Boolean).join(' ')}\n            type=\"button\"\n            role=\"tab\"\n            id={`${baseId}-${item.key}`}\n            aria-controls={ativa === item.key ? `${baseId}-${item.key}-panel` : undefined}\n            aria-selected={ativa === item.key}\n            disabled={item.disabled}\n            tabIndex={parada === item.key ? 0 : -1}\n            onClick={() => selection.select(item.key)}\n          >\n            {item.label}\n          </button>\n        ))}\n      </div>\n      {painel && (\n        <div\n          className={styles.panel}\n          role=\"tabpanel\"\n          id={`${baseId}-${painel.key}-panel`}\n          aria-labelledby={`${baseId}-${painel.key}`}\n          tabIndex={0}\n        >\n          {painel.content}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Percorre em circulo, como o APG define para abas.\nfunction proximaChave(items: readonly SelectionItem[], from: string | undefined, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Tabs","className","defaultSelectedKey","items","label","onSelectionChange","orientation","selectedKey","props","baseId","useId","nodes","useRef","collection","useMemo","item","primeira","_a","selection","useSelection","keys","escolhida","ativa","painel","parada","useEffect","mover","proxima","handleKeyDown","event","atual","avancar","voltar","proximaChave","_b","styles","jsx","node","from","passo","total","inicio","i"],"mappings":"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"}

package/dist/components/navigation/Tabs/Tabs.js

@@ -0,0 +1,96 @@
+import { jsxs as B, jsx as $ } from "react/jsx-runtime";
+import { useId as E, useRef as M, useMemo as R, useEffect as g } from "react";
+import i from "./Tabs.module.css.js";
+import { useSelection as z } from "../../../hooks/useSelection/useSelection.js";
+function V({
+  className: c,
+  defaultSelectedKey: y,
+  items: d,
+  label: n,
+  onSelectionChange: f,
+  orientation: a = "horizontal",
+  selectedKey: t,
+  ...I
+}) {
+  var h;
+  const u = `tabs-${E()}`, p = M(/* @__PURE__ */ new Map()), o = R(
+    () => d.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
+    [d]
+  ), w = (h = o.find((e) => !e.disabled)) == null ? void 0 : h.key, s = z({
+    items: o,
+    mode: "single",
+    defaultSelectedKeys: t === void 0 ? [y ?? w ?? ""] : void 0,
+    selectedKeys: t === void 0 ? void 0 : [t],
+    onSelectionChange: (e) => {
+      const [l] = e;
+      l !== void 0 && (f == null || f(l));
+    }
+  }), [r] = s.selectedKeys, b = d.find((e) => e.key === r), j = o.some((e) => e.key === r && !e.disabled) ? r : w;
+  g(() => {
+    var e;
+    s.focusedKey && ((e = p.current.get(s.focusedKey)) == null || e.focus());
+  }, [s.focusedKey]);
+  function k(e) {
+    e && s.select(e);
+  }
+  function A(e) {
+    var x, D;
+    const l = s.focusedKey ?? r, N = a === "vertical" ? "ArrowDown" : "ArrowRight", m = a === "vertical" ? "ArrowUp" : "ArrowLeft";
+    e.key === N ? (e.preventDefault(), k(K(o, l, 1))) : e.key === m ? (e.preventDefault(), k(K(o, l, -1))) : e.key === "Home" ? (e.preventDefault(), k((x = o.find((v) => !v.disabled)) == null ? void 0 : x.key)) : e.key === "End" && (e.preventDefault(), k((D = [...o].reverse().find((v) => !v.disabled)) == null ? void 0 : D.key));
+  }
+  return /* @__PURE__ */ B("div", { ...I, className: [i.tabs, i[a], c].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ $(
+      "div",
+      {
+        className: i.list,
+        role: "tablist",
+        "aria-label": n,
+        "aria-orientation": a,
+        onKeyDown: A,
+        children: d.map((e) => /* @__PURE__ */ $(
+          "button",
+          {
+            ref: (l) => {
+              l ? p.current.set(e.key, l) : p.current.delete(e.key);
+            },
+            className: [i.tab, r === e.key && i.active].filter(Boolean).join(" "),
+            type: "button",
+            role: "tab",
+            id: `${u}-${e.key}`,
+            "aria-controls": r === e.key ? `${u}-${e.key}-panel` : void 0,
+            "aria-selected": r === e.key,
+            disabled: e.disabled,
+            tabIndex: j === e.key ? 0 : -1,
+            onClick: () => s.select(e.key),
+            children: e.label
+          },
+          e.key
+        ))
+      }
+    ),
+    b && /* @__PURE__ */ $(
+      "div",
+      {
+        className: i.panel,
+        role: "tabpanel",
+        id: `${u}-${b.key}-panel`,
+        "aria-labelledby": `${u}-${b.key}`,
+        tabIndex: 0,
+        children: b.content
+      }
+    )
+  ] });
+}
+function K(c, y, d) {
+  const n = c.length, f = c.findIndex((a) => a.key === y);
+  for (let a = 1; a <= n; a += 1) {
+    const t = c[(f + d * a + n * n) % n];
+    if (!t.disabled)
+      return t.key;
+  }
+  return y;
+}
+export {
+  V as Tabs
+};
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Tabs.module.css';\n\nexport interface TabItem {\n  content: ReactNode;\n  disabled?: boolean;\n  key: string;\n  label: string;\n}\n\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\nexport interface TabsProps extends ComponentPropsWithRef<'div'> {\n  defaultSelectedKey?: string;\n  items: readonly TabItem[];\n  label: string;\n  onSelectionChange?: (key: string) => void;\n  orientation?: TabsOrientation;\n  selectedKey?: string;\n}\n\nexport function Tabs({\n  className,\n  defaultSelectedKey,\n  items,\n  label,\n  onSelectionChange,\n  orientation = 'horizontal',\n  selectedKey,\n  ...props\n}: TabsProps) {\n  const baseId = `tabs-${useId()}`;\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const primeira = collection.find((item) => !item.disabled)?.key;\n  const selection = useSelection({\n    items: collection,\n    mode: 'single',\n    defaultSelectedKeys: selectedKey === undefined ? [defaultSelectedKey ?? primeira ?? ''] : undefined,\n    selectedKeys: selectedKey === undefined ? undefined : [selectedKey],\n    onSelectionChange: (keys) => {\n      const [escolhida] = keys;\n      if (escolhida !== undefined) {\n        onSelectionChange?.(escolhida);\n      }\n    },\n  });\n  const [ativa] = selection.selectedKeys;\n  const painel = items.find((item) => item.key === ativa);\n  // A lista sempre tem uma parada de Tab: com a escolhida inexistente ou desabilitada, nenhuma aba era alcancavel.\n  const parada = collection.some((item) => item.key === ativa && !item.disabled) ? ativa : primeira;\n\n  useEffect(() => {\n    if (selection.focusedKey) {\n      nodes.current.get(selection.focusedKey)?.focus();\n    }\n  }, [selection.focusedKey]);\n\n  // Ativacao automatica: mover o foco troca a aba, conforme o padrao do APG\n  // para paineis que carregam instantaneamente.\n  function mover(proxima: string | undefined) {\n    if (proxima) {\n      selection.select(proxima);\n    }\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    const atual = selection.focusedKey ?? ativa;\n    const avancar = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n    const voltar = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n\n    if (event.key === avancar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, 1));\n    } else if (event.key === voltar) {\n      event.preventDefault();\n      mover(proximaChave(collection, atual, -1));\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      mover(collection.find((item) => !item.disabled)?.key);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      mover([...collection].reverse().find((item) => !item.disabled)?.key);\n    }\n  }\n\n  return (\n    <div {...props} className={[styles.tabs, styles[orientation], className].filter(Boolean).join(' ')}>\n      <div\n        className={styles.list}\n        role=\"tablist\"\n        aria-label={label}\n        aria-orientation={orientation}\n        onKeyDown={handleKeyDown}\n      >\n        {items.map((item) => (\n          <button\n            key={item.key}\n            ref={(node) => {\n              if (node) {\n                nodes.current.set(item.key, node);\n              } else {\n                nodes.current.delete(item.key);\n              }\n            }}\n            className={[styles.tab, ativa === item.key && styles.active].filter(Boolean).join(' ')}\n            type=\"button\"\n            role=\"tab\"\n            id={`${baseId}-${item.key}`}\n            aria-controls={ativa === item.key ? `${baseId}-${item.key}-panel` : undefined}\n            aria-selected={ativa === item.key}\n            disabled={item.disabled}\n            tabIndex={parada === item.key ? 0 : -1}\n            onClick={() => selection.select(item.key)}\n          >\n            {item.label}\n          </button>\n        ))}\n      </div>\n      {painel && (\n        <div\n          className={styles.panel}\n          role=\"tabpanel\"\n          id={`${baseId}-${painel.key}-panel`}\n          aria-labelledby={`${baseId}-${painel.key}`}\n          tabIndex={0}\n        >\n          {painel.content}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Percorre em circulo, como o APG define para abas.\nfunction proximaChave(items: readonly SelectionItem[], from: string | undefined, passo: 1 | -1) {\n  const total = items.length;\n  const inicio = items.findIndex((item) => item.key === from);\n\n  for (let i = 1; i <= total; i += 1) {\n    const item = items[(inicio + passo * i + total * total) % total];\n    if (!item.disabled) {\n      return item.key;\n    }\n  }\n\n  return from;\n}\n"],"names":["Tabs","className","defaultSelectedKey","items","label","onSelectionChange","orientation","selectedKey","props","baseId","useId","nodes","useRef","collection","useMemo","item","primeira","_a","selection","useSelection","keys","escolhida","ativa","painel","parada","useEffect","mover","proxima","handleKeyDown","event","atual","avancar","voltar","proximaChave","_b","styles","jsx","node","from","passo","total","inicio","i"],"mappings":";;;;AA8BO,SAASA,EAAK;AAAA,EACnB,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,GAAGC;AACL,GAAc;;AACZ,QAAMC,IAAS,QAAQC,EAAA,CAAO,IACxBC,IAAQC,EAAO,oBAAI,KAA0B,GAC7CC,IAAaC;AAAA,IACjB,MAAMX,EAAM,IAAI,CAACY,OAAU,EAAE,KAAKA,EAAK,KAAK,UAAUA,EAAK,UAAU,WAAWA,EAAK,QAAQ;AAAA,IAC7F,CAACZ,CAAK;AAAA,EAAA,GAEFa,KAAWC,IAAAJ,EAAW,KAAK,CAACE,MAAS,CAACA,EAAK,QAAQ,MAAxC,gBAAAE,EAA2C,KACtDC,IAAYC,EAAa;AAAA,IAC7B,OAAON;AAAA,IACP,MAAM;AAAA,IACN,qBAAqBN,MAAgB,SAAY,CAACL,KAAsBc,KAAY,EAAE,IAAI;AAAA,IAC1F,cAAcT,MAAgB,SAAY,SAAY,CAACA,CAAW;AAAA,IAClE,mBAAmB,CAACa,MAAS;AAC3B,YAAM,CAACC,CAAS,IAAID;AACpB,MAAIC,MAAc,WAChBhB,KAAA,QAAAA,EAAoBgB;AAAA,IAExB;AAAA,EAAA,CACD,GACK,CAACC,CAAK,IAAIJ,EAAU,cACpBK,IAASpB,EAAM,KAAK,CAACY,MAASA,EAAK,QAAQO,CAAK,GAEhDE,IAASX,EAAW,KAAK,CAACE,MAASA,EAAK,QAAQO,KAAS,CAACP,EAAK,QAAQ,IAAIO,IAAQN;AAEzF,EAAAS,EAAU,MAAM;;AACd,IAAIP,EAAU,gBACZD,IAAAN,EAAM,QAAQ,IAAIO,EAAU,UAAU,MAAtC,QAAAD,EAAyC;AAAA,EAE7C,GAAG,CAACC,EAAU,UAAU,CAAC;AAIzB,WAASQ,EAAMC,GAA6B;AAC1C,IAAIA,KACFT,EAAU,OAAOS,CAAO;AAAA,EAE5B;AAEA,WAASC,EAAcC,GAAsC;;AAC3D,UAAMC,IAAQZ,EAAU,cAAcI,GAChCS,IAAUzB,MAAgB,aAAa,cAAc,cACrD0B,IAAS1B,MAAgB,aAAa,YAAY;AAExD,IAAIuB,EAAM,QAAQE,KAChBF,EAAM,eAAA,GACNH,EAAMO,EAAapB,GAAYiB,GAAO,CAAC,CAAC,KAC/BD,EAAM,QAAQG,KACvBH,EAAM,eAAA,GACNH,EAAMO,EAAapB,GAAYiB,GAAO,EAAE,CAAC,KAChCD,EAAM,QAAQ,UACvBA,EAAM,eAAA,GACNH,GAAMT,IAAAJ,EAAW,KAAK,CAACE,MAAS,CAACA,EAAK,QAAQ,MAAxC,gBAAAE,EAA2C,GAAG,KAC3CY,EAAM,QAAQ,UACvBA,EAAM,eAAA,GACNH,GAAMQ,IAAA,CAAC,GAAGrB,CAAU,EAAE,QAAA,EAAU,KAAK,CAACE,MAAS,CAACA,EAAK,QAAQ,MAAvD,gBAAAmB,EAA0D,GAAG;AAAA,EAEvE;AAEA,2BACG,OAAA,EAAK,GAAG1B,GAAO,WAAW,CAAC2B,EAAO,MAAMA,EAAO7B,CAAW,GAAGL,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/F,UAAA;AAAA,IAAA,gBAAAmC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,MAAK;AAAA,QACL,cAAY/B;AAAA,QACZ,oBAAkBE;AAAA,QAClB,WAAWsB;AAAA,QAEV,UAAAzB,EAAM,IAAI,CAACY,MACV,gBAAAqB;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,KAAK,CAACC,MAAS;AACb,cAAIA,IACF1B,EAAM,QAAQ,IAAII,EAAK,KAAKsB,CAAI,IAEhC1B,EAAM,QAAQ,OAAOI,EAAK,GAAG;AAAA,YAEjC;AAAA,YACA,WAAW,CAACoB,EAAO,KAAKb,MAAUP,EAAK,OAAOoB,EAAO,MAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YACrF,MAAK;AAAA,YACL,MAAK;AAAA,YACL,IAAI,GAAG1B,CAAM,IAAIM,EAAK,GAAG;AAAA,YACzB,iBAAeO,MAAUP,EAAK,MAAM,GAAGN,CAAM,IAAIM,EAAK,GAAG,WAAW;AAAA,YACpE,iBAAeO,MAAUP,EAAK;AAAA,YAC9B,UAAUA,EAAK;AAAA,YACf,UAAUS,MAAWT,EAAK,MAAM,IAAI;AAAA,YACpC,SAAS,MAAMG,EAAU,OAAOH,EAAK,GAAG;AAAA,YAEvC,UAAAA,EAAK;AAAA,UAAA;AAAA,UAlBDA,EAAK;AAAA,QAAA,CAoBb;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFQ,KACC,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAO;AAAA,QAClB,MAAK;AAAA,QACL,IAAI,GAAG1B,CAAM,IAAIc,EAAO,GAAG;AAAA,QAC3B,mBAAiB,GAAGd,CAAM,IAAIc,EAAO,GAAG;AAAA,QACxC,UAAU;AAAA,QAET,UAAAA,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACV,GAEJ;AAEJ;AAGA,SAASU,EAAa9B,GAAiCmC,GAA0BC,GAAe;AAC9F,QAAMC,IAAQrC,EAAM,QACdsC,IAAStC,EAAM,UAAU,CAACY,MAASA,EAAK,QAAQuB,CAAI;AAE1D,WAASI,IAAI,GAAGA,KAAKF,GAAOE,KAAK,GAAG;AAClC,UAAM3B,IAAOZ,GAAOsC,IAASF,IAAQG,IAAIF,IAAQA,KAASA,CAAK;AAC/D,QAAI,CAACzB,EAAK;AACR,aAAOA,EAAK;AAAA,EAEhB;AAEA,SAAOuB;AACT;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_tabs_runad_1",a="_horizontal_runad_7",e="_list_runad_11",n="_active_runad_17",l="_vertical_runad_23",_="_tab_runad_1",s="_panel_runad_45",o={tabs:t,horizontal:a,list:e,active:n,vertical:l,tab:_,panel:s};exports.active=n;exports.default=o;exports.horizontal=a;exports.list=e;exports.panel=s;exports.tab=_;exports.tabs=t;exports.vertical=l;
+//# sourceMappingURL=Tabs.module.css.cjs.map

package/dist/components/navigation/Tabs/Tabs.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,20 @@
+const t = "_tabs_runad_1", a = "_horizontal_runad_7", n = "_list_runad_11", _ = "_active_runad_17", s = "_vertical_runad_23", o = "_tab_runad_1", c = "_panel_runad_45", l = {
+  tabs: t,
+  horizontal: a,
+  list: n,
+  active: _,
+  vertical: s,
+  tab: o,
+  panel: c
+};
+export {
+  _ as active,
+  l as default,
+  a as horizontal,
+  n as list,
+  c as panel,
+  o as tab,
+  t as tabs,
+  s as vertical
+};
+//# sourceMappingURL=Tabs.module.css.js.map

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

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

package/dist/components/overlays/Dialog/Dialog.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),D=require("react-dom"),q=require("@react-aria/focus"),o=require("@react-aria/overlays"),I=require("../../../hooks/useMergedRefs.cjs"),r=require("./Dialog.module.css.cjs"),P=require("../../icons/icons.cjs");function R({open:s,...a}){return!s||typeof document>"u"?null:D.createPortal(e.jsx(F,{...a}),document.body)}function F({children:s,className:a,description:i,dismissable:l=!0,footer:n,icon:u,onClose:c,ref:h,role:x="dialog",size:y="md",title:g,...v}){const t=d.useRef(null),b=I.useMergedRefs(t,h),f=d.useId(),m=`${f}-title`,j=`${f}-description`,{overlayProps:p,underlayProps:N}=o.useOverlay({isOpen:!0,onClose:c,isDismissable:l,isKeyboardDismissDisabled:!l},t);return o.usePreventScroll(),d.useEffect(()=>t.current?o.ariaHideOutside([t.current]):void 0,[]),e.jsx("div",{...N,className:r.default.underlay,children:e.jsx(q.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:e.jsxs("div",{...v,...p,ref:b,className:[r.default.dialog,r.default[y],a].filter(Boolean).join(" "),role:x,"aria-modal":"true","aria-labelledby":m,"aria-describedby":i?j:void 0,children:[e.jsxs("header",{className:[r.default.header,s&&r.default.headerDivided].filter(Boolean).join(" "),children:[u&&e.jsx("span",{"aria-hidden":"true",className:r.default.icon,children:u}),e.jsxs("div",{className:r.default.heading,children:[e.jsx("h2",{className:r.default.title,id:m,children:g}),i&&e.jsx("p",{className:r.default.description,id:j,children:i})]}),l&&e.jsx("button",{className:r.default.close,type:"button","aria-label":"Fechar",onClick:c,children:e.jsx(P.IconClose,{size:20})})]}),s&&e.jsx("div",{className:r.default.body,children:s}),n&&e.jsx("div",{className:r.default.footer,children:n})]})})})}exports.Dialog=R;
+//# sourceMappingURL=Dialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { ariaHideOutside, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Dialog.module.css';\nimport { IconClose } from '../../icons';\n\nexport type DialogSize = 'sm' | 'md' | 'lg';\nexport type DialogRole = 'dialog' | 'alertdialog';\n\n/** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */\nexport interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'title'> {\n  children?: ReactNode;\n  description?: string;\n  dismissable?: boolean;\n  footer?: ReactNode;\n  /** Opcional. Desenhado ao lado do titulo, fora da leitura: quem fala e o titulo. */\n  icon?: ReactNode;\n  onClose: () => void;\n  open: boolean;\n  /** `alertdialog` para a confirmacao que interrompe e exige resposta, como a de uma acao destrutiva. */\n  role?: DialogRole;\n  size?: DialogSize;\n  title: string;\n}\n\nexport function Dialog({ open, ...props }: DialogProps) {\n  // No servidor nao ha `document` para o portal; o Dialog nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<DialogContent {...props} />, document.body);\n}\n\nfunction DialogContent({\n  children,\n  className,\n  description,\n  dismissable = true,\n  footer,\n  icon,\n  onClose,\n  ref: refDoConsumidor,\n  role = 'dialog',\n  size = 'md',\n  title,\n  ...props\n}: Omit<DialogProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n  const generatedId = useId();\n  const titleId = `${generatedId}-title`;\n  const descriptionId = `${generatedId}-description`;\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: dismissable,\n      isKeyboardDismissDisabled: !dismissable,\n    },\n    ref,\n  );\n\n  usePreventScroll();\n\n  useEffect(() => (ref.current ? ariaHideOutside([ref.current]) : undefined), []);\n\n  return (\n    <div {...underlayProps} className={styles.underlay}>\n      <FocusScope contain restoreFocus autoFocus>\n        <div\n          {...props}\n          {...overlayProps}\n          ref={mergedRef}\n          className={[styles.dialog, styles[size], className].filter(Boolean).join(' ')}\n          role={role}\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={description ? descriptionId : undefined}\n        >\n          <header className={[styles.header, children && styles.headerDivided].filter(Boolean).join(' ')}>\n            {icon && (\n              <span aria-hidden=\"true\" className={styles.icon}>\n                {icon}\n              </span>\n            )}\n            <div className={styles.heading}>\n              <h2 className={styles.title} id={titleId}>{title}</h2>\n              {description && <p className={styles.description} id={descriptionId}>{description}</p>}\n            </div>\n            {dismissable && (\n              <button className={styles.close} type=\"button\" aria-label=\"Fechar\" onClick={onClose}>\n                <IconClose size={20} />\n              </button>\n            )}\n          </header>\n          {children && <div className={styles.body}>{children}</div>}\n          {footer && <div className={styles.footer}>{footer}</div>}\n        </div>\n      </FocusScope>\n    </div>\n  );\n}\n"],"names":["Dialog","open","props","createPortal","jsx","DialogContent","children","className","description","dismissable","footer","icon","onClose","refDoConsumidor","role","size","title","ref","useRef","mergedRef","useMergedRefs","generatedId","useId","titleId","descriptionId","overlayProps","underlayProps","useOverlay","usePreventScroll","useEffect","ariaHideOutside","styles","FocusScope","jsxs","IconClose"],"mappings":"sVA2BO,SAASA,EAAO,CAAE,KAAAC,EAAM,GAAGC,GAAsB,CAEtD,MAAI,CAACD,GAAQ,OAAO,SAAa,IACxB,KAGFE,EAAAA,aAAaC,EAAAA,IAACC,EAAA,CAAe,GAAGH,EAAO,EAAI,SAAS,IAAI,CACjE,CAEA,SAASG,EAAc,CACrB,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EACA,KAAAC,EACA,QAAAC,EACA,IAAKC,EACL,KAAAC,EAAO,SACP,KAAAC,EAAO,KACP,MAAAC,EACA,GAAGd,CACL,EAA8B,CAC5B,MAAMe,EAAMC,EAAAA,OAAuB,IAAI,EACjCC,EAAYC,EAAAA,cAAcH,EAAKJ,CAAe,EAC9CQ,EAAcC,EAAAA,MAAA,EACdC,EAAU,GAAGF,CAAW,SACxBG,EAAgB,GAAGH,CAAW,eAE9B,CAAE,aAAAI,EAAc,cAAAC,CAAA,EAAkBC,EAAAA,WACtC,CACE,OAAQ,GACR,QAAAf,EACA,cAAeH,EACf,0BAA2B,CAACA,CAAA,EAE9BQ,CAAA,EAGFW,OAAAA,mBAAA,EAEAC,YAAU,IAAOZ,EAAI,QAAUa,EAAAA,gBAAgB,CAACb,EAAI,OAAO,CAAC,EAAI,OAAY,EAAE,EAG5Eb,EAAAA,IAAC,MAAA,CAAK,GAAGsB,EAAe,UAAWK,EAAAA,QAAO,SACxC,SAAA3B,EAAAA,IAAC4B,EAAAA,WAAA,CAAW,QAAO,GAAC,aAAY,GAAC,UAAS,GACxC,SAAAC,EAAAA,KAAC,MAAA,CACE,GAAG/B,EACH,GAAGuB,EACJ,IAAKN,EACL,UAAW,CAACY,EAAAA,QAAO,OAAQA,EAAAA,QAAOhB,CAAI,EAAGR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC5E,KAAAO,EACA,aAAW,OACX,kBAAiBS,EACjB,mBAAkBf,EAAcgB,EAAgB,OAEhD,SAAA,CAAAS,EAAAA,KAAC,SAAA,CAAO,UAAW,CAACF,EAAAA,QAAO,OAAQzB,GAAYyB,EAAAA,QAAO,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,SAAA,CAAApB,SACE,OAAA,CAAK,cAAY,OAAO,UAAWoB,UAAO,KACxC,SAAApB,CAAA,CACH,EAEFsB,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,QACrB,SAAA,CAAA3B,MAAC,MAAG,UAAW2B,EAAAA,QAAO,MAAO,GAAIR,EAAU,SAAAP,EAAM,EAChDR,SAAgB,IAAA,CAAE,UAAWuB,EAAAA,QAAO,YAAa,GAAIP,EAAgB,SAAAhB,CAAA,CAAY,CAAA,EACpF,EACCC,GACCL,EAAAA,IAAC,SAAA,CAAO,UAAW2B,EAAAA,QAAO,MAAO,KAAK,SAAS,aAAW,SAAS,QAASnB,EAC1E,SAAAR,EAAAA,IAAC8B,EAAAA,UAAA,CAAU,KAAM,GAAI,CAAA,CACvB,CAAA,EAEJ,EACC5B,GAAYF,EAAAA,IAAC,MAAA,CAAI,UAAW2B,UAAO,KAAO,SAAAzB,EAAS,EACnDI,GAAUN,EAAAA,IAAC,MAAA,CAAI,UAAW2B,EAAAA,QAAO,OAAS,SAAArB,CAAA,CAAO,CAAA,CAAA,CAAA,EAEtD,CAAA,CACF,CAEJ"}

package/dist/components/overlays/Dialog/Dialog.js

@@ -0,0 +1,64 @@
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { useRef as I, useId as j, useEffect as F } from "react";
+import { createPortal as P } from "react-dom";
+import { FocusScope as x } from "@react-aria/focus";
+import { useOverlay as O, usePreventScroll as R, ariaHideOutside as B } from "@react-aria/overlays";
+import { useMergedRefs as C } from "../../../hooks/useMergedRefs.js";
+import e from "./Dialog.module.css.js";
+import { IconClose as S } from "../../icons/icons.js";
+function A({ open: i, ...t }) {
+  return !i || typeof document > "u" ? null : P(/* @__PURE__ */ r($, { ...t }), document.body);
+}
+function $({
+  children: i,
+  className: t,
+  description: a,
+  dismissable: s = !0,
+  footer: l,
+  icon: n,
+  onClose: c,
+  ref: p,
+  role: h = "dialog",
+  size: y = "md",
+  title: v,
+  ...b
+}) {
+  const o = I(null), N = C(o, p), u = j(), m = `${u}-title`, f = `${u}-description`, { overlayProps: g, underlayProps: D } = O(
+    {
+      isOpen: !0,
+      onClose: c,
+      isDismissable: s,
+      isKeyboardDismissDisabled: !s
+    },
+    o
+  );
+  return R(), F(() => o.current ? B([o.current]) : void 0, []), /* @__PURE__ */ r("div", { ...D, className: e.underlay, children: /* @__PURE__ */ r(x, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ d(
+    "div",
+    {
+      ...b,
+      ...g,
+      ref: N,
+      className: [e.dialog, e[y], t].filter(Boolean).join(" "),
+      role: h,
+      "aria-modal": "true",
+      "aria-labelledby": m,
+      "aria-describedby": a ? f : void 0,
+      children: [
+        /* @__PURE__ */ d("header", { className: [e.header, i && e.headerDivided].filter(Boolean).join(" "), children: [
+          n && /* @__PURE__ */ r("span", { "aria-hidden": "true", className: e.icon, children: n }),
+          /* @__PURE__ */ d("div", { className: e.heading, children: [
+            /* @__PURE__ */ r("h2", { className: e.title, id: m, children: v }),
+            a && /* @__PURE__ */ r("p", { className: e.description, id: f, children: a })
+          ] }),
+          s && /* @__PURE__ */ r("button", { className: e.close, type: "button", "aria-label": "Fechar", onClick: c, children: /* @__PURE__ */ r(S, { size: 20 }) })
+        ] }),
+        i && /* @__PURE__ */ r("div", { className: e.body, children: i }),
+        l && /* @__PURE__ */ r("div", { className: e.footer, children: l })
+      ]
+    }
+  ) }) });
+}
+export {
+  A as Dialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/overlays/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { ariaHideOutside, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Dialog.module.css';\nimport { IconClose } from '../../icons';\n\nexport type DialogSize = 'sm' | 'md' | 'lg';\nexport type DialogRole = 'dialog' | 'alertdialog';\n\n/** As propriedades nativas vao ao elemento do dialogo; o `className` soma ao do sistema. */\nexport interface DialogProps extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'title'> {\n  children?: ReactNode;\n  description?: string;\n  dismissable?: boolean;\n  footer?: ReactNode;\n  /** Opcional. Desenhado ao lado do titulo, fora da leitura: quem fala e o titulo. */\n  icon?: ReactNode;\n  onClose: () => void;\n  open: boolean;\n  /** `alertdialog` para a confirmacao que interrompe e exige resposta, como a de uma acao destrutiva. */\n  role?: DialogRole;\n  size?: DialogSize;\n  title: string;\n}\n\nexport function Dialog({ open, ...props }: DialogProps) {\n  // No servidor nao ha `document` para o portal; o Dialog nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<DialogContent {...props} />, document.body);\n}\n\nfunction DialogContent({\n  children,\n  className,\n  description,\n  dismissable = true,\n  footer,\n  icon,\n  onClose,\n  ref: refDoConsumidor,\n  role = 'dialog',\n  size = 'md',\n  title,\n  ...props\n}: Omit<DialogProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n  const generatedId = useId();\n  const titleId = `${generatedId}-title`;\n  const descriptionId = `${generatedId}-description`;\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: dismissable,\n      isKeyboardDismissDisabled: !dismissable,\n    },\n    ref,\n  );\n\n  usePreventScroll();\n\n  useEffect(() => (ref.current ? ariaHideOutside([ref.current]) : undefined), []);\n\n  return (\n    <div {...underlayProps} className={styles.underlay}>\n      <FocusScope contain restoreFocus autoFocus>\n        <div\n          {...props}\n          {...overlayProps}\n          ref={mergedRef}\n          className={[styles.dialog, styles[size], className].filter(Boolean).join(' ')}\n          role={role}\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={description ? descriptionId : undefined}\n        >\n          <header className={[styles.header, children && styles.headerDivided].filter(Boolean).join(' ')}>\n            {icon && (\n              <span aria-hidden=\"true\" className={styles.icon}>\n                {icon}\n              </span>\n            )}\n            <div className={styles.heading}>\n              <h2 className={styles.title} id={titleId}>{title}</h2>\n              {description && <p className={styles.description} id={descriptionId}>{description}</p>}\n            </div>\n            {dismissable && (\n              <button className={styles.close} type=\"button\" aria-label=\"Fechar\" onClick={onClose}>\n                <IconClose size={20} />\n              </button>\n            )}\n          </header>\n          {children && <div className={styles.body}>{children}</div>}\n          {footer && <div className={styles.footer}>{footer}</div>}\n        </div>\n      </FocusScope>\n    </div>\n  );\n}\n"],"names":["Dialog","open","props","createPortal","jsx","DialogContent","children","className","description","dismissable","footer","icon","onClose","refDoConsumidor","role","size","title","ref","useRef","mergedRef","useMergedRefs","generatedId","useId","titleId","descriptionId","overlayProps","underlayProps","useOverlay","usePreventScroll","useEffect","ariaHideOutside","styles","FocusScope","jsxs","IconClose"],"mappings":";;;;;;;;AA2BO,SAASA,EAAO,EAAE,MAAAC,GAAM,GAAGC,KAAsB;AAEtD,SAAI,CAACD,KAAQ,OAAO,WAAa,MACxB,OAGFE,EAAa,gBAAAC,EAACC,GAAA,EAAe,GAAGH,GAAO,GAAI,SAAS,IAAI;AACjE;AAEA,SAASG,EAAc;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAKC;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,GAAGd;AACL,GAA8B;AAC5B,QAAMe,IAAMC,EAAuB,IAAI,GACjCC,IAAYC,EAAcH,GAAKJ,CAAe,GAC9CQ,IAAcC,EAAA,GACdC,IAAU,GAAGF,CAAW,UACxBG,IAAgB,GAAGH,CAAW,gBAE9B,EAAE,cAAAI,GAAc,eAAAC,EAAA,IAAkBC;AAAA,IACtC;AAAA,MACE,QAAQ;AAAA,MACR,SAAAf;AAAA,MACA,eAAeH;AAAA,MACf,2BAA2B,CAACA;AAAA,IAAA;AAAA,IAE9BQ;AAAA,EAAA;AAGF,SAAAW,EAAA,GAEAC,EAAU,MAAOZ,EAAI,UAAUa,EAAgB,CAACb,EAAI,OAAO,CAAC,IAAI,QAAY,EAAE,GAG5E,gBAAAb,EAAC,OAAA,EAAK,GAAGsB,GAAe,WAAWK,EAAO,UACxC,UAAA,gBAAA3B,EAAC4B,GAAA,EAAW,SAAO,IAAC,cAAY,IAAC,WAAS,IACxC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG/B;AAAA,MACH,GAAGuB;AAAA,MACJ,KAAKN;AAAA,MACL,WAAW,CAACY,EAAO,QAAQA,EAAOhB,CAAI,GAAGR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC5E,MAAAO;AAAA,MACA,cAAW;AAAA,MACX,mBAAiBS;AAAA,MACjB,oBAAkBf,IAAcgB,IAAgB;AAAA,MAEhD,UAAA;AAAA,QAAA,gBAAAS,EAAC,UAAA,EAAO,WAAW,CAACF,EAAO,QAAQzB,KAAYyB,EAAO,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1F,UAAA;AAAA,UAAApB,uBACE,QAAA,EAAK,eAAY,QAAO,WAAWoB,EAAO,MACxC,UAAApB,EAAA,CACH;AAAA,UAEF,gBAAAsB,EAAC,OAAA,EAAI,WAAWF,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAA3B,EAAC,QAAG,WAAW2B,EAAO,OAAO,IAAIR,GAAU,UAAAP,GAAM;AAAA,YAChDR,uBAAgB,KAAA,EAAE,WAAWuB,EAAO,aAAa,IAAIP,GAAgB,UAAAhB,EAAA,CAAY;AAAA,UAAA,GACpF;AAAA,UACCC,KACC,gBAAAL,EAAC,UAAA,EAAO,WAAW2B,EAAO,OAAO,MAAK,UAAS,cAAW,UAAS,SAASnB,GAC1E,UAAA,gBAAAR,EAAC8B,GAAA,EAAU,MAAM,IAAI,EAAA,CACvB;AAAA,QAAA,GAEJ;AAAA,QACC5B,KAAY,gBAAAF,EAAC,OAAA,EAAI,WAAW2B,EAAO,MAAO,UAAAzB,GAAS;AAAA,QACnDI,KAAU,gBAAAN,EAAC,OAAA,EAAI,WAAW2B,EAAO,QAAS,UAAArB,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtD,EAAA,CACF;AAEJ;"}

package/dist/components/overlays/Dialog/Dialog.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_underlay_1wnou_1",e="_dialog_1wnou_15",d="_sm_1wnou_31",_="_md_1wnou_35",n="_lg_1wnou_39",i="_header_1wnou_43",t="_close_1wnou_51",s="_headerDivided_1wnou_55",l="_icon_1wnou_60",a="_heading_1wnou_75",c="_title_1wnou_83",r="_description_1wnou_92",u="_body_1wnou_129",g="_footer_1wnou_140",w={underlay:o,"dialog-fade":"_dialog-fade_1wnou_1",dialog:e,"dialog-rise":"_dialog-rise_1wnou_1",sm:d,md:_,lg:n,header:i,close:t,headerDivided:s,icon:l,heading:a,title:c,description:r,body:u,footer:g};exports.body=u;exports.close=t;exports.default=w;exports.description=r;exports.dialog=e;exports.footer=g;exports.header=i;exports.headerDivided=s;exports.heading=a;exports.icon=l;exports.lg=n;exports.md=_;exports.sm=d;exports.title=c;exports.underlay=o;
+//# sourceMappingURL=Dialog.module.css.cjs.map

package/dist/components/overlays/Dialog/Dialog.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/overlays/Dialog/Dialog.module.css.js

@@ -0,0 +1,36 @@
+const o = "_underlay_1wnou_1", _ = "_dialog_1wnou_15", n = "_sm_1wnou_31", e = "_md_1wnou_35", d = "_lg_1wnou_39", i = "_header_1wnou_43", t = "_close_1wnou_51", s = "_headerDivided_1wnou_55", c = "_icon_1wnou_60", a = "_heading_1wnou_75", l = "_title_1wnou_83", u = "_description_1wnou_92", r = "_body_1wnou_129", w = "_footer_1wnou_140", g = {
+  underlay: o,
+  "dialog-fade": "_dialog-fade_1wnou_1",
+  dialog: _,
+  "dialog-rise": "_dialog-rise_1wnou_1",
+  sm: n,
+  md: e,
+  lg: d,
+  header: i,
+  close: t,
+  headerDivided: s,
+  icon: c,
+  heading: a,
+  title: l,
+  description: u,
+  body: r,
+  footer: w
+};
+export {
+  r as body,
+  t as close,
+  g as default,
+  u as description,
+  _ as dialog,
+  w as footer,
+  i as header,
+  s as headerDivided,
+  a as heading,
+  c as icon,
+  d as lg,
+  e as md,
+  n as sm,
+  l as title,
+  o as underlay
+};
+//# sourceMappingURL=Dialog.module.css.js.map

package/dist/components/overlays/Dialog/Dialog.module.css.js.map

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

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

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

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

@@ -0,0 +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 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 styles from './Menu.module.css';\n\nexport interface MenuItem {\n  disabled?: boolean;\n  key: string;\n  label: string;\n  onSelect?: () => void;\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[];\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 MenuList({\n  items,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly MenuItem[];\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  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 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      {items.map((item) => (\n        <button\n          key={item.key}\n          ref={(node) => {\n            if (node) {\n              nodes.current.set(item.key, node);\n            } else {\n              nodes.current.delete(item.key);\n            }\n          }}\n          className={styles.item}\n          type=\"button\"\n          role=\"menuitem\"\n          disabled={item.disabled}\n          tabIndex={focusedKey === item.key ? 0 : -1}\n          onClick={() => acionar(item)}\n        >\n          {item.label}\n        </button>\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","onClose","ref","nodes","collection","useMemo","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","handleKeyDown","styles","node"],"mappings":"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"}