@plenustech/design-system 0.2.0 → 0.2.2

package/dist/components/data-display/Table/Table.js

@@ -0,0 +1,238 @@
+import { jsxs as N, jsx as o, Fragment as se } from "react/jsx-runtime";
+import { useId as le, useState as k, useCallback as R, useMemo as ae, createContext as K, useEffect as H, useContext as S, useLayoutEffect as re, Fragment as ie, Children as ce, isValidElement as de } from "react";
+import { useMergedRefs as ue } from "../../../hooks/useMergedRefs.js";
+import e from "./Table.module.css.js";
+import { useSelection as me } from "../../../hooks/useSelection/useSelection.js";
+import { IconArrowUp as he, IconChevronExpand as fe, IconQuestionCircle as be } from "../../icons/icons.js";
+import { EmptyState as pe } from "../../feedback/EmptyState/EmptyState.js";
+import { Tooltip as ge } from "../../overlays/Tooltip/Tooltip.js";
+const O = K(void 0), A = K(void 0);
+function F(i) {
+  return ce.toArray(i).map((s, n) => /* @__PURE__ */ o(A.Provider, { value: n, children: s }, de(s) && s.key !== null ? s.key : n));
+}
+function z(i, s, n) {
+  const r = [...i];
+  return r[s] = n, r;
+}
+function T(i) {
+  const s = S(O);
+  if (!s)
+    throw new Error(i + " deve ser usado dentro de Table.");
+  return s;
+}
+function j({
+  children: i,
+  className: s,
+  defaultSelectedIds: n,
+  defaultSort: r,
+  divider: u = !0,
+  highlightSelectedRow: l = !0,
+  label: a,
+  loading: m = !1,
+  loadingMessage: f = "Carregando",
+  onSelectionChange: b,
+  onSortChange: g,
+  rows: h = [],
+  selectedIds: c,
+  selectionControl: y,
+  selectionMode: p = "none",
+  size: C = "md",
+  sort: E,
+  stickyHeader: I = !1,
+  striped: P = !1,
+  ref: W,
+  ...q
+}) {
+  const $ = le(), [D, Q] = k(r), [U, B] = k(() => /* @__PURE__ */ new Set()), x = E ?? D, _ = y ?? (p === "single" ? "radio" : "checkbox"), [V, G] = k(!0), J = R((t) => {
+    if (!t || typeof ResizeObserver > "u")
+      return;
+    const d = new ResizeObserver(
+      () => G(
+        t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight
+      )
+    );
+    return d.observe(t), t.firstElementChild && d.observe(t.firstElementChild), () => d.disconnect();
+  }, []), M = ue(I ? J : void 0, W), X = R((t) => (B((d) => new Set(d).add(t)), () => B((d) => {
+    const v = new Set(d);
+    return v.delete(t), v;
+  })), []), [Y, L] = k([]), Z = R((t, d) => (L((v) => z(v, t, d)), () => L((v) => z(v, t, void 0))), []);
+  function ee(t) {
+    const d = {
+      column: t,
+      direction: (x == null ? void 0 : x.column) === t && x.direction === "ascending" ? "descending" : "ascending"
+    };
+    E === void 0 && Q(d), g == null || g(d);
+  }
+  const te = ae(
+    () => h.map((t) => ({ key: t.id, disabled: t.disabled })),
+    [h]
+  ), w = me({
+    // Caixa e chave desmarcam ao clicar de novo; o radio, nao.
+    allowEmpty: _ !== "radio",
+    defaultSelectedKeys: n,
+    items: te,
+    mode: p,
+    selectedKeys: c,
+    onSelectionChange: (t) => b == null ? void 0 : b([...t])
+  }), oe = {
+    baseId: $,
+    columnAt: (t) => Y[t],
+    countColumns: () => Math.max(U.size, 1),
+    loading: m,
+    registerColumn: X,
+    registerLayout: Z,
+    requestSort: ee,
+    selection: {
+      control: _,
+      empty: h.length === 0,
+      highlight: l,
+      isSelected: (t) => w.selectedKeys.has(t),
+      mode: p,
+      status: w.status,
+      toggle: (t, d) => {
+        if (d && p === "multiple") {
+          w.selectRange(t);
+          return;
+        }
+        w.select(t);
+      },
+      toggleAll: w.toggleAll
+    },
+    size: C,
+    sort: x
+  }, ne = [
+    e.table,
+    e[C],
+    u && e.divider,
+    P && e.striped,
+    I && e.sticky
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ...q,
+      className: [e.scroll, I && !V && e.noScroll, s].filter(Boolean).join(" "),
+      ref: M,
+      children: [
+        /* @__PURE__ */ o("table", { "aria-busy": m || void 0, "aria-label": a, className: ne, children: /* @__PURE__ */ o(O.Provider, { value: oe, children: i }) }),
+        m && /* @__PURE__ */ o("p", { className: e.status, role: "status", children: f })
+      ]
+    }
+  );
+}
+function ye({ children: i }) {
+  const { registerColumn: s, selection: n } = T("Table.Header");
+  return H(() => n.mode === "none" ? void 0 : s("__selecao__"), [s, n.mode]), /* @__PURE__ */ o("thead", { className: e.head, children: /* @__PURE__ */ N("tr", { children: [
+    n.mode === "multiple" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col", children: /* @__PURE__ */ o(
+      "input",
+      {
+        "aria-label": "Selecionar todas as linhas",
+        checked: n.status === "all",
+        className: e.checkbox,
+        disabled: n.empty,
+        onChange: n.toggleAll,
+        ref: (r) => {
+          r && (r.indeterminate = n.status === "partial");
+        },
+        type: "checkbox"
+      }
+    ) }),
+    n.mode === "single" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col" }),
+    F(i)
+  ] }) });
+}
+function Ne({ align: i, children: s, help: n, hideBelow: r, id: u, numeric: l = !1, sortable: a = !1, width: m }) {
+  const { registerColumn: f, registerLayout: b, requestSort: g, sort: h } = T("Table.Column"), c = S(A), y = i ?? (l ? "end" : "start");
+  H(() => f(u), [u, f]), re(
+    () => c === void 0 ? void 0 : b(c, { align: y, hideBelow: r, numeric: l }),
+    [y, r, c, l, b]
+  );
+  const p = (h == null ? void 0 : h.column) === u ? h.direction : void 0, C = n && /* @__PURE__ */ o(ge, { content: n, children: /* @__PURE__ */ o("span", { "aria-label": n, className: e.help, role: "img", tabIndex: 0, children: /* @__PURE__ */ o(be, { size: 14 }) }) });
+  return /* @__PURE__ */ o(
+    "th",
+    {
+      "aria-sort": a ? p ?? "none" : void 0,
+      className: [e.column, e[y], a && e.sortable].filter(Boolean).join(" "),
+      "data-hide-below": r,
+      scope: "col",
+      style: { width: m },
+      children: a ? /* @__PURE__ */ N("div", { className: e.sortHeader, children: [
+        /* @__PURE__ */ N("button", { className: e.sortButton, onClick: () => g(u), type: "button", children: [
+          s,
+          p ? /* @__PURE__ */ o(
+            he,
+            {
+              className: [e.sortIcon, p === "descending" && e.sortDescending].filter(Boolean).join(" "),
+              size: 12
+            }
+          ) : /* @__PURE__ */ o(fe, { className: e.sortIcon, size: 12 })
+        ] }),
+        C
+      ] }) : /* @__PURE__ */ N(se, { children: [
+        s,
+        C
+      ] })
+    }
+  );
+}
+const ve = 3;
+function Ce({
+  children: i,
+  emptyDescription: s = "Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.",
+  emptyTitle: n = "Nenhum registro encontrado",
+  items: r
+}) {
+  const { columnAt: u, countColumns: l, loading: a, selection: m } = T("Table.Body");
+  if (a) {
+    const f = Array.from({ length: r.length || ve }, (h, c) => c), b = m.mode === "none" ? 0 : 1, g = Array.from({ length: l() - b }, (h, c) => u(c));
+    return /* @__PURE__ */ o("tbody", { "aria-hidden": "true", children: f.map((h) => /* @__PURE__ */ N("tr", { className: [e.row, e.skeletonRow].join(" "), children: [
+      b > 0 && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o("span", { className: e.skeleton }) }),
+      g.map((c, y) => /* @__PURE__ */ o("td", { className: [e.cell, e[(c == null ? void 0 : c.align) ?? "start"]].join(" "), "data-hide-below": c == null ? void 0 : c.hideBelow, children: /* @__PURE__ */ o("span", { className: e.skeleton }) }, y))
+    ] }, h)) });
+  }
+  return r.length === 0 ? /* @__PURE__ */ o("tbody", { children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { className: e.empty, colSpan: l(), children: /* @__PURE__ */ o(pe, { description: s, title: n }) }) }) }) : /* @__PURE__ */ o("tbody", { children: r.map((f) => /* @__PURE__ */ o(ie, { children: i(f) }, f.id)) });
+}
+function xe({ children: i, disabled: s = !1, id: n, label: r }) {
+  const { baseId: u, selection: l } = T("Table.Row"), a = l.mode !== "none" && l.isSelected(n);
+  return (
+    // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.
+    /* @__PURE__ */ N("tr", { className: [e.row, a && l.highlight && e.selected].filter(Boolean).join(" "), children: [
+      l.mode !== "none" && /* @__PURE__ */ o("td", { className: [e.cell, e.lead].join(" "), children: /* @__PURE__ */ o(
+        "input",
+        {
+          "aria-label": r ?? "Selecionar linha",
+          checked: a,
+          className: e[l.control],
+          disabled: s,
+          name: l.control === "radio" ? `${u}-selecao` : void 0,
+          onChange: () => {
+          },
+          onClick: (m) => l.toggle(n, m.shiftKey),
+          role: l.control === "toggle" ? "switch" : void 0,
+          type: l.control === "radio" ? "radio" : "checkbox"
+        }
+      ) }),
+      F(i)
+    ] })
+  );
+}
+function we({ align: i, children: s, hideBelow: n, numeric: r }) {
+  const { columnAt: u } = T("Table.Cell"), l = S(A), a = l === void 0 ? void 0 : u(l), m = r ?? (a == null ? void 0 : a.numeric) ?? !1;
+  return /* @__PURE__ */ o(
+    "td",
+    {
+      className: [e.cell, e[i ?? (a == null ? void 0 : a.align) ?? (m ? "end" : "start")], m && e.numeric].filter(Boolean).join(" "),
+      "data-hide-below": n ?? (a == null ? void 0 : a.hideBelow),
+      children: s
+    }
+  );
+}
+j.Header = ye;
+j.Column = Ne;
+j.Body = Ce;
+j.Row = xe;
+j.Cell = we;
+export {
+  j as Table
+};
+//# sourceMappingURL=Table.js.map

package/dist/components/data-display/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  Fragment,\n  isValidElement,\n  type ComponentPropsWithRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './Table.module.css';\nimport { EmptyState } from '../../feedback/EmptyState';\nimport { IconArrowUp, IconChevronExpand, IconQuestionCircle } from '../../icons';\n\nexport type TableSize = 'sm' | 'md';\nexport type TableAlign = 'start' | 'center' | 'end';\nexport type TableBreakpoint = 'sm' | 'md' | 'lg';\nexport type SortDirection = 'ascending' | 'descending';\nexport type TableSelectionMode = 'none' | 'single' | 'multiple';\nexport type TableSelectionControl = 'checkbox' | 'radio' | 'toggle';\n\nexport interface TableRowItem {\n  disabled?: boolean;\n  id: string;\n}\n\nexport interface TableSort {\n  column: string;\n  direction: SortDirection;\n}\n\nexport interface TableProps extends ComponentPropsWithRef<'div'> {\n  children: ReactNode;\n  /** Escolha inicial no modo nao controlado. */\n  defaultSelectedIds?: readonly string[];\n  defaultSort?: TableSort;\n  divider?: boolean;\n  label?: string;\n  loading?: boolean;\n  loadingMessage?: string;\n  highlightSelectedRow?: boolean;\n  onSelectionChange?: (ids: readonly string[]) => void;\n  onSortChange?: (sort: TableSort) => void;\n  rows?: readonly TableRowItem[];\n  selectedIds?: readonly string[];\n  selectionControl?: TableSelectionControl;\n  selectionMode?: TableSelectionMode;\n  size?: TableSize;\n  sort?: TableSort;\n  /** Cabecalho colado no topo da rolagem da pagina; com a tabela mais larga ou mais alta que o espaco, no dela. */\n  stickyHeader?: boolean;\n  striped?: boolean;\n}\n\n/** O que a celula herda da coluna na mesma posicao, quando nao declara o proprio. */\ninterface ColumnLayout {\n  align: TableAlign;\n  hideBelow?: TableBreakpoint;\n  numeric: boolean;\n}\n\ninterface TableContextValue {\n  baseId: string;\n  columnAt: (index: number) => ColumnLayout | undefined;\n  countColumns: () => number;\n  loading: boolean;\n  registerColumn: (id: string) => () => void;\n  registerLayout: (index: number, layout: ColumnLayout) => () => void;\n  requestSort: (column: string) => void;\n  selection: TableSelection;\n  size: TableSize;\n  sort?: TableSort;\n}\n\ninterface TableSelection {\n  control: TableSelectionControl;\n  empty: boolean;\n  highlight: boolean;\n  isSelected: (id: string) => boolean;\n  mode: TableSelectionMode;\n  status: 'none' | 'partial' | 'all';\n  toggle: (id: string, extend: boolean) => void;\n  toggleAll: () => void;\n}\n\nconst TableContext = createContext<TableContextValue | undefined>(undefined);\n\n/** Posicao do filho no cabecalho ou na linha: e por ela que a celula acha a sua coluna. */\nconst ColumnIndexContext = createContext<number | undefined>(undefined);\n\nfunction withColumnIndex(children: ReactNode) {\n  return Children.toArray(children).map((child, index) => (\n    <ColumnIndexContext.Provider key={isValidElement(child) && child.key !== null ? child.key : index} value={index}>\n      {child}\n    </ColumnIndexContext.Provider>\n  ));\n}\n\nfunction withLayout(\n  layouts: readonly (ColumnLayout | undefined)[],\n  index: number,\n  layout: ColumnLayout | undefined,\n): (ColumnLayout | undefined)[] {\n  const next = [...layouts];\n  next[index] = layout;\n  return next;\n}\n\nfunction useTableContext(part: string) {\n  const context = useContext(TableContext);\n\n  if (!context) {\n    throw new Error(part + ' deve ser usado dentro de Table.');\n  }\n\n  return context;\n}\n\nexport function Table({\n  children,\n  className,\n  defaultSelectedIds,\n  defaultSort,\n  divider = true,\n  highlightSelectedRow = true,\n  label,\n  loading = false,\n  loadingMessage = 'Carregando',\n  onSelectionChange,\n  onSortChange,\n  rows = [],\n  selectedIds,\n  selectionControl,\n  selectionMode = 'none',\n  size = 'md',\n  sort,\n  stickyHeader = false,\n  striped = false,\n  ref,\n  ...props\n}: TableProps) {\n  const baseId = useId();\n  const [internalSort, setInternalSort] = useState(defaultSort);\n  const [columns, setColumns] = useState<ReadonlySet<string>>(() => new Set());\n  const currentSort = sort ?? internalSort;\n  const control = selectionControl ?? (selectionMode === 'single' ? 'radio' : 'checkbox');\n\n  // Rolar dentro da tabela e colar o cabecalho na rolagem da pagina se excluem em CSS: o envoltorio so\n  // continua conteiner de rolagem quando a tabela transborda dele.\n  const [precisaRolar, setPrecisaRolar] = useState(true);\n  const observarTransbordo = useCallback((envoltorio: HTMLDivElement | null) => {\n    if (!envoltorio || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const observador = new ResizeObserver(() =>\n      setPrecisaRolar(\n        envoltorio.scrollWidth > envoltorio.clientWidth || envoltorio.scrollHeight > envoltorio.clientHeight,\n      ),\n    );\n\n    observador.observe(envoltorio);\n\n    if (envoltorio.firstElementChild) {\n      observador.observe(envoltorio.firstElementChild);\n    }\n\n    return () => observador.disconnect();\n  }, []);\n  const envoltorioRef = useMergedRefs(stickyHeader ? observarTransbordo : undefined, ref);\n\n  // A coluna se registra enquanto esta na tela e sai quando sai: registrada para sempre, o vazio ocupava colunas\n  // que nao existiam mais.\n  const registerColumn = useCallback((id: string) => {\n    setColumns((atuais) => new Set(atuais).add(id));\n\n    return () =>\n      setColumns((atuais) => {\n        const restantes = new Set(atuais);\n        restantes.delete(id);\n        return restantes;\n      });\n  }, []);\n\n  const [layouts, setLayouts] = useState<readonly (ColumnLayout | undefined)[]>([]);\n  const registerLayout = useCallback((index: number, layout: ColumnLayout) => {\n    setLayouts((atuais) => withLayout(atuais, index, layout));\n\n    return () => setLayouts((atuais) => withLayout(atuais, index, undefined));\n  }, []);\n\n  function requestSort(column: string) {\n    const next: TableSort = {\n      column,\n      direction:\n        currentSort?.column === column && currentSort.direction === 'ascending' ? 'descending' : 'ascending',\n    };\n\n    if (sort === undefined) {\n      setInternalSort(next);\n    }\n\n    onSortChange?.(next);\n  }\n\n  const collection = useMemo<SelectionItem[]>(\n    () => rows.map((row) => ({ key: row.id, disabled: row.disabled })),\n    [rows],\n  );\n\n  const selection = useSelection({\n    // Caixa e chave desmarcam ao clicar de novo; o radio, nao.\n    allowEmpty: control !== 'radio',\n    defaultSelectedKeys: defaultSelectedIds,\n    items: collection,\n    mode: selectionMode,\n    selectedKeys: selectedIds,\n    onSelectionChange: (keys) => onSelectionChange?.([...keys]),\n  });\n\n  const context: TableContextValue = {\n    baseId,\n    columnAt: (index) => layouts[index],\n    countColumns: () => Math.max(columns.size, 1),\n    loading,\n    registerColumn,\n    registerLayout,\n    requestSort,\n    selection: {\n      control,\n      empty: rows.length === 0,\n      highlight: highlightSelectedRow,\n      isSelected: (id) => selection.selectedKeys.has(id),\n      mode: selectionMode,\n      status: selection.status,\n      toggle: (id, extend) => {\n        if (extend && selectionMode === 'multiple') {\n          selection.selectRange(id);\n          return;\n        }\n\n        selection.select(id);\n      },\n      toggleAll: selection.toggleAll,\n    },\n    size,\n    sort: currentSort,\n  };\n\n  const classes = [\n    styles.table,\n    styles[size],\n    divider && styles.divider,\n    striped && styles.striped,\n    stickyHeader && styles.sticky,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      {...props}\n      className={[styles.scroll, stickyHeader && !precisaRolar && styles.noScroll, className].filter(Boolean).join(' ')}\n      ref={envoltorioRef}\n    >\n      <table aria-busy={loading || undefined} aria-label={label} className={classes}>\n        <TableContext.Provider value={context}>{children}</TableContext.Provider>\n      </table>\n      {loading && (\n        <p className={styles.status} role=\"status\">\n          {loadingMessage}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport interface TableHeaderProps {\n  children: ReactNode;\n}\n\nfunction TableHeader({ children }: TableHeaderProps) {\n  const { registerColumn, selection } = useTableContext('Table.Header');\n\n  useEffect(() => (selection.mode === 'none' ? undefined : registerColumn('__selecao__')), [registerColumn, selection.mode]);\n\n  return (\n    <thead className={styles.head}>\n      <tr>\n        {selection.mode === 'multiple' && (\n          <th className={[styles.column, styles.lead].join(' ')} scope=\"col\">\n            {/* Sem `rows` nao ha o que marcar, e o clique so apagava a escolha que ja havia. */}\n            <input\n              aria-label=\"Selecionar todas as linhas\"\n              checked={selection.status === 'all'}\n              className={styles.checkbox}\n              disabled={selection.empty}\n              onChange={selection.toggleAll}\n              ref={(node) => {\n                if (node) {\n                  node.indeterminate = selection.status === 'partial';\n                }\n              }}\n              type=\"checkbox\"\n            />\n          </th>\n        )}\n        {selection.mode === 'single' && <th className={[styles.column, styles.lead].join(' ')} scope=\"col\" />}\n        {withColumnIndex(children)}\n      </tr>\n    </thead>\n  );\n}\n\nexport interface TableColumnProps {\n  align?: TableAlign;\n  children: ReactNode;\n  help?: string;\n  hideBelow?: TableBreakpoint;\n  id: string;\n  numeric?: boolean;\n  sortable?: boolean;\n  width?: string;\n}\n\nfunction TableColumn({ align, children, help, hideBelow, id, numeric = false, sortable = false, width }: TableColumnProps) {\n  const { registerColumn, registerLayout, requestSort, sort } = useTableContext('Table.Column');\n  const index = useContext(ColumnIndexContext);\n  const columnAlign = align ?? (numeric ? 'end' : 'start');\n\n  useEffect(() => registerColumn(id), [id, registerColumn]);\n\n  // Antes da pintura: com efeito comum, a celula aparecia um quadro alinhada a esquerda e so depois ia para o lado\n  // da coluna.\n  useLayoutEffect(\n    () => (index === undefined ? undefined : registerLayout(index, { align: columnAlign, hideBelow, numeric })),\n    [columnAlign, hideBelow, index, numeric, registerLayout],\n  );\n\n  const sorted = sort?.column === id ? sort.direction : undefined;\n\n  // A ajuda e focavel e fica fora do botao de ordenacao: controle dentro de controle nao e HTML valido.\n  const ajuda = help && (\n    <Tooltip content={help}>\n      <span aria-label={help} className={styles.help} role=\"img\" tabIndex={0}>\n        <IconQuestionCircle size={14} />\n      </span>\n    </Tooltip>\n  );\n\n  return (\n    <th\n      aria-sort={sortable ? sorted ?? 'none' : undefined}\n      className={[styles.column, styles[columnAlign], sortable && styles.sortable]\n        .filter(Boolean)\n        .join(' ')}\n      data-hide-below={hideBelow}\n      scope=\"col\"\n      style={{ width }}\n    >\n      {sortable ? (\n        <div className={styles.sortHeader}>\n          <button className={styles.sortButton} onClick={() => requestSort(id)} type=\"button\">\n            {children}\n            {sorted ? (\n              <IconArrowUp\n                className={[styles.sortIcon, sorted === 'descending' && styles.sortDescending].filter(Boolean).join(' ')}\n                size={12}\n              />\n            ) : (\n              <IconChevronExpand className={styles.sortIcon} size={12} />\n            )}\n          </button>\n          {ajuda}\n        </div>\n      ) : (\n        <>\n          {children}\n          {ajuda}\n        </>\n      )}\n    </th>\n  );\n}\n\nexport interface TableBodyProps<T extends TableRowItem> {\n  children: (item: T) => ReactNode;\n  emptyDescription?: string;\n  emptyTitle?: string;\n  items: readonly T[];\n}\n\nconst SKELETON_ROWS = 3;\n\nfunction TableBody<T extends TableRowItem>({\n  children,\n  emptyDescription = 'Não há registros para exibir. Se houver busca ou filtros aplicados, experimente ajustá-los.',\n  emptyTitle = 'Nenhum registro encontrado',\n  items,\n}: TableBodyProps<T>) {\n  const { columnAt, countColumns, loading, selection } = useTableContext('Table.Body');\n\n  if (loading) {\n    // Mantem a altura das linhas que ja estavam na tela, para a pagina nao pular quando a nova chegar.\n    const rows = Array.from({ length: items.length || SKELETON_ROWS }, (_, index) => index);\n    const leadCells = selection.mode === 'none' ? 0 : 1;\n    const columns = Array.from({ length: countColumns() - leadCells }, (_, index) => columnAt(index));\n\n    return (\n      <tbody aria-hidden=\"true\">\n        {rows.map((row) => (\n          <tr className={[styles.row, styles.skeletonRow].join(' ')} key={row}>\n            {leadCells > 0 && (\n              <td className={[styles.cell, styles.lead].join(' ')}>\n                <span className={styles.skeleton} />\n              </td>\n            )}\n            {columns.map((column, index) => (\n              <td className={[styles.cell, styles[column?.align ?? 'start']].join(' ')} data-hide-below={column?.hideBelow} key={index}>\n                <span className={styles.skeleton} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    );\n  }\n\n  if (items.length === 0) {\n    return (\n      <tbody>\n        <tr>\n          <td className={styles.empty} colSpan={countColumns()}>\n            <EmptyState description={emptyDescription} title={emptyTitle} />\n          </td>\n        </tr>\n      </tbody>\n    );\n  }\n\n  return (\n    <tbody>\n      {items.map((item) => (\n        <Fragment key={item.id}>{children(item)}</Fragment>\n      ))}\n    </tbody>\n  );\n}\n\nexport interface TableRowProps {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n  label?: string;\n}\n\nfunction TableRow({ children, disabled = false, id, label }: TableRowProps) {\n  const { baseId, selection } = useTableContext('Table.Row');\n  const selected = selection.mode !== 'none' && selection.isSelected(id);\n\n  return (\n    // Sem `aria-selected` na linha: ele so vale em grade, e numa tabela quem anuncia a marcacao e o controle.\n    <tr className={[styles.row, selected && selection.highlight && styles.selected].filter(Boolean).join(' ')}>\n      {selection.mode !== 'none' && (\n        <td className={[styles.cell, styles.lead].join(' ')}>\n          <input\n            aria-label={label ?? 'Selecionar linha'}\n            checked={selected}\n            className={styles[selection.control]}\n            disabled={disabled}\n            name={selection.control === 'radio' ? `${baseId}-selecao` : undefined}\n            onChange={() => undefined}\n            onClick={(event) => selection.toggle(id, event.shiftKey)}\n            role={selection.control === 'toggle' ? 'switch' : undefined}\n            type={selection.control === 'radio' ? 'radio' : 'checkbox'}\n          />\n        </td>\n      )}\n      {withColumnIndex(children)}\n    </tr>\n  );\n}\n\n/** Sem valor proprio, `align`, `hideBelow` e `numeric` seguem a coluna da mesma posicao no cabecalho. */\nexport interface TableCellProps {\n  align?: TableAlign;\n  children?: ReactNode;\n  hideBelow?: TableBreakpoint;\n  numeric?: boolean;\n}\n\nfunction TableCell({ align, children, hideBelow, numeric }: TableCellProps) {\n  const { columnAt } = useTableContext('Table.Cell');\n  const index = useContext(ColumnIndexContext);\n  const column = index === undefined ? undefined : columnAt(index);\n  const isNumeric = numeric ?? column?.numeric ?? false;\n\n  return (\n    <td\n      className={[styles.cell, styles[align ?? column?.align ?? (isNumeric ? 'end' : 'start')], isNumeric && styles.numeric]\n        .filter(Boolean)\n        .join(' ')}\n      data-hide-below={hideBelow ?? column?.hideBelow}\n    >\n      {children}\n    </td>\n  );\n}\n\nTable.Header = TableHeader;\nTable.Column = TableColumn;\nTable.Body = TableBody;\nTable.Row = TableRow;\nTable.Cell = TableCell;\n"],"names":["TableContext","createContext","ColumnIndexContext","withColumnIndex","children","Children","child","index","jsx","isValidElement","withLayout","layouts","layout","next","useTableContext","part","context","useContext","Table","className","defaultSelectedIds","defaultSort","divider","highlightSelectedRow","label","loading","loadingMessage","onSelectionChange","onSortChange","rows","selectedIds","selectionControl","selectionMode","size","sort","stickyHeader","striped","ref","props","baseId","useId","internalSort","setInternalSort","useState","columns","setColumns","currentSort","control","precisaRolar","setPrecisaRolar","observarTransbordo","useCallback","envoltorio","observador","envoltorioRef","useMergedRefs","registerColumn","id","atuais","restantes","setLayouts","registerLayout","requestSort","column","collection","useMemo","row","selection","useSelection","keys","extend","classes","styles","jsxs","TableHeader","useEffect","node","TableColumn","align","help","hideBelow","numeric","sortable","width","columnAlign","useLayoutEffect","sorted","ajuda","Tooltip","IconQuestionCircle","IconArrowUp","IconChevronExpand","Fragment","SKELETON_ROWS","TableBody","emptyDescription","emptyTitle","items","columnAt","countColumns","_","leadCells","EmptyState","item","TableRow","disabled","selected","event","TableCell","isNumeric"],"mappings":"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"}

package/dist/components/data-display/Table/Table.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_scroll_zazh5_2",e="_noScroll_zazh5_9",o="_table_zazh5_13",_="_sm_zazh5_23",s="_md_zazh5_29",n="_head_zazh5_35",c="_column_zazh5_39",l="_sortable_zazh5_50",a="_sortHeader_zazh5_54",r="_help_zazh5_59",z="_sortButton_zazh5_63",d="_sortIcon_zazh5_92",h="_sortDescending_zazh5_97",i="_row_zazh5_118",u="_divider_zazh5_122",m="_cell_zazh5_122",k="_striped_zazh5_126",b="_numeric_zazh5_140",p="_start_zazh5_148",g="_center_zazh5_152",y="_end_zazh5_156",w="_empty_zazh5_160",v="_status_zazh5_165",S="_skeleton_zazh5_176",x="_skeletonRow_zazh5_193",B="_lead_zazh5_201",D="_sticky_zazh5_218",H="_checkbox_zazh5_276 _input_thq98_15",I="_radio_zazh5_280 _input_1nbsm_38",R="_toggle_zazh5_284 _input_1g7qr_15",f="_selected_zazh5_296",q={scroll:t,noScroll:e,table:o,sm:_,md:s,head:n,column:c,sortable:l,sortHeader:a,help:r,sortButton:z,sortIcon:d,sortDescending:h,row:i,divider:u,cell:m,striped:k,numeric:b,start:p,center:g,end:y,empty:w,status:v,skeleton:S,"table-skeleton":"_table-skeleton_zazh5_1",skeletonRow:x,lead:B,sticky:D,checkbox:H,radio:I,toggle:R,selected:f};exports.cell=m;exports.center=g;exports.checkbox=H;exports.column=c;exports.default=q;exports.divider=u;exports.empty=w;exports.end=y;exports.head=n;exports.help=r;exports.lead=B;exports.md=s;exports.noScroll=e;exports.numeric=b;exports.radio=I;exports.row=i;exports.scroll=t;exports.selected=f;exports.skeleton=S;exports.skeletonRow=x;exports.sm=_;exports.sortButton=z;exports.sortDescending=h;exports.sortHeader=a;exports.sortIcon=d;exports.sortable=l;exports.start=p;exports.status=v;exports.sticky=D;exports.striped=k;exports.table=o;exports.toggle=R;
+//# sourceMappingURL=Table.module.css.cjs.map

package/dist/components/data-display/Table/Table.module.css.cjs.map

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

package/dist/components/data-display/Table/Table.module.css.js

@@ -0,0 +1,69 @@
+const _ = "_scroll_zazh5_2", t = "_noScroll_zazh5_9", o = "_table_zazh5_13", e = "_sm_zazh5_23", s = "_md_zazh5_29", n = "_head_zazh5_35", c = "_column_zazh5_39", z = "_sortable_zazh5_50", a = "_sortHeader_zazh5_54", l = "_help_zazh5_59", r = "_sortButton_zazh5_63", h = "_sortIcon_zazh5_92", d = "_sortDescending_zazh5_97", i = "_row_zazh5_118", m = "_divider_zazh5_122", u = "_cell_zazh5_122", k = "_striped_zazh5_126", p = "_numeric_zazh5_140", b = "_start_zazh5_148", g = "_center_zazh5_152", y = "_end_zazh5_156", w = "_empty_zazh5_160", x = "_status_zazh5_165", v = "_skeleton_zazh5_176", B = "_skeletonRow_zazh5_193", D = "_lead_zazh5_201", H = "_sticky_zazh5_218", I = "_checkbox_zazh5_276 _input_thq98_15", R = "_radio_zazh5_280 _input_1nbsm_38", S = "_toggle_zazh5_284 _input_1g7qr_15", q = "_selected_zazh5_296", f = {
+  scroll: _,
+  noScroll: t,
+  table: o,
+  sm: e,
+  md: s,
+  head: n,
+  column: c,
+  sortable: z,
+  sortHeader: a,
+  help: l,
+  sortButton: r,
+  sortIcon: h,
+  sortDescending: d,
+  row: i,
+  divider: m,
+  cell: u,
+  striped: k,
+  numeric: p,
+  start: b,
+  center: g,
+  end: y,
+  empty: w,
+  status: x,
+  skeleton: v,
+  "table-skeleton": "_table-skeleton_zazh5_1",
+  skeletonRow: B,
+  lead: D,
+  sticky: H,
+  checkbox: I,
+  radio: R,
+  toggle: S,
+  selected: q
+};
+export {
+  u as cell,
+  g as center,
+  I as checkbox,
+  c as column,
+  f as default,
+  m as divider,
+  w as empty,
+  y as end,
+  n as head,
+  l as help,
+  D as lead,
+  s as md,
+  t as noScroll,
+  p as numeric,
+  R as radio,
+  i as row,
+  _ as scroll,
+  q as selected,
+  v as skeleton,
+  B as skeletonRow,
+  e as sm,
+  r as sortButton,
+  d as sortDescending,
+  a as sortHeader,
+  h as sortIcon,
+  z as sortable,
+  b as start,
+  x as status,
+  H as sticky,
+  k as striped,
+  o as table,
+  S as toggle
+};
+//# sourceMappingURL=Table.module.css.js.map

package/dist/components/data-display/Table/Table.module.css.js.map

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

package/dist/components/feedback/Alert/Alert.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./Alert.module.css.cjs");function i({children:r,className:a,title:l,tone:t="info",...n}){const o=[e.default.alert,e.default[t],a].filter(Boolean).join(" "),u=t==="danger"||t==="warning";return s.jsxs("div",{role:u?"alert":"status",...n,className:o,children:[l&&s.jsx("strong",{className:e.default.title,children:l}),r&&s.jsx("div",{className:e.default.body,children:r})]})}exports.Alert=i;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/feedback/Alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport styles from './Alert.module.css';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends HTMLAttributes<HTMLDivElement> {\n  tone?: AlertTone;\n  title?: string;\n  children?: ReactNode;\n}\n\nexport function Alert({ children, className, title, tone = 'info', ...props }: AlertProps) {\n  const classes = [styles.alert, styles[tone], className].filter(Boolean).join(' ');\n  const urgente = tone === 'danger' || tone === 'warning';\n\n  return (\n    <div role={urgente ? 'alert' : 'status'} {...props} className={classes}>\n      {title && <strong className={styles.title}>{title}</strong>}\n      {children && <div className={styles.body}>{children}</div>}\n    </div>\n  );\n}\n"],"names":["Alert","children","className","title","tone","props","classes","styles","urgente","jsxs","jsx"],"mappings":"yJAWO,SAASA,EAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,KAAAC,EAAO,OAAQ,GAAGC,GAAqB,CACzF,MAAMC,EAAU,CAACC,EAAAA,QAAO,MAAOA,EAAAA,QAAOH,CAAI,EAAGF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1EM,EAAUJ,IAAS,UAAYA,IAAS,UAE9C,OACEK,OAAC,OAAI,KAAMD,EAAU,QAAU,SAAW,GAAGH,EAAO,UAAWC,EAC5D,SAAA,CAAAH,GAASO,EAAAA,IAAC,SAAA,CAAO,UAAWH,EAAAA,QAAO,MAAQ,SAAAJ,EAAM,EACjDF,GAAYS,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,KAAO,SAAAN,CAAA,CAAS,CAAA,EACtD,CAEJ"}

package/dist/components/feedback/Alert/Alert.js

@@ -0,0 +1,13 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import s from "./Alert.module.css.js";
+function f({ children: e, className: n, title: t, tone: r = "info", ...o }) {
+  const l = [s.alert, s[r], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("div", { role: r === "danger" || r === "warning" ? "alert" : "status", ...o, className: l, children: [
+    t && /* @__PURE__ */ a("strong", { className: s.title, children: t }),
+    e && /* @__PURE__ */ a("div", { className: s.body, children: e })
+  ] });
+}
+export {
+  f as Alert
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/feedback/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport styles from './Alert.module.css';\n\nexport type AlertTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport interface AlertProps extends HTMLAttributes<HTMLDivElement> {\n  tone?: AlertTone;\n  title?: string;\n  children?: ReactNode;\n}\n\nexport function Alert({ children, className, title, tone = 'info', ...props }: AlertProps) {\n  const classes = [styles.alert, styles[tone], className].filter(Boolean).join(' ');\n  const urgente = tone === 'danger' || tone === 'warning';\n\n  return (\n    <div role={urgente ? 'alert' : 'status'} {...props} className={classes}>\n      {title && <strong className={styles.title}>{title}</strong>}\n      {children && <div className={styles.body}>{children}</div>}\n    </div>\n  );\n}\n"],"names":["Alert","children","className","title","tone","props","classes","styles","jsxs","jsx"],"mappings":";;AAWO,SAASA,EAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,MAAAC,IAAO,QAAQ,GAAGC,KAAqB;AACzF,QAAMC,IAAU,CAACC,EAAO,OAAOA,EAAOH,CAAI,GAAGF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGhF,SACE,gBAAAM,EAAC,SAAI,MAHSJ,MAAS,YAAYA,MAAS,YAGvB,UAAU,UAAW,GAAGC,GAAO,WAAWC,GAC5D,UAAA;AAAA,IAAAH,KAAS,gBAAAM,EAAC,UAAA,EAAO,WAAWF,EAAO,OAAQ,UAAAJ,GAAM;AAAA,IACjDF,KAAY,gBAAAQ,EAAC,OAAA,EAAI,WAAWF,EAAO,MAAO,UAAAN,EAAA,CAAS;AAAA,EAAA,GACtD;AAEJ;"}

package/dist/components/feedback/Alert/Alert.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_alert_1iezv_1",t="_title_1iezv_16",n="_body_1iezv_20",s="_info_1iezv_24",i="_success_1iezv_30",_="_warning_1iezv_36",o="_danger_1iezv_42",c={alert:e,title:t,body:n,info:s,success:i,warning:_,danger:o};exports.alert=e;exports.body=n;exports.danger=o;exports.default=c;exports.info=s;exports.success=i;exports.title=t;exports.warning=_;
+//# sourceMappingURL=Alert.module.css.cjs.map

package/dist/components/feedback/Alert/Alert.module.css.cjs.map

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

package/dist/components/feedback/Alert/Alert.module.css.js

@@ -0,0 +1,20 @@
+const e = "_alert_1iezv_1", _ = "_title_1iezv_16", n = "_body_1iezv_20", s = "_info_1iezv_24", t = "_success_1iezv_30", i = "_warning_1iezv_36", o = "_danger_1iezv_42", c = {
+  alert: e,
+  title: _,
+  body: n,
+  info: s,
+  success: t,
+  warning: i,
+  danger: o
+};
+export {
+  e as alert,
+  n as body,
+  o as danger,
+  c as default,
+  s as info,
+  t as success,
+  _ as title,
+  i as warning
+};
+//# sourceMappingURL=Alert.module.css.js.map

package/dist/components/feedback/Alert/Alert.module.css.js.map

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

package/dist/components/feedback/EmptyState/EmptyState.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./EmptyState.module.css.cjs"),j=require("../../icons/icons.cjs");function m({actions:t,className:n,description:d,icon:r=e.jsx(j.IconSearch,{}),size:l="md",title:i,tone:s="neutral",...c}){const u=l!=="sm"&&s==="neutral";return e.jsxs("div",{role:s==="danger"?"alert":void 0,...c,className:[a.default.emptyState,a.default[l],a.default[s],n].filter(Boolean).join(" "),children:[e.jsxs("div",{className:a.default.visual,children:[u&&e.jsxs(e.Fragment,{children:[e.jsxs("span",{"aria-hidden":"true",className:[a.default.card,a.default.cardBehind].join(" "),children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]}),e.jsxs("span",{"aria-hidden":"true",className:[a.default.card,a.default.cardFront].join(" "),children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]})]}),e.jsx("span",{"aria-hidden":"true",className:a.default.icon,children:r})]}),e.jsxs("div",{className:a.default.text,children:[e.jsx("p",{className:a.default.title,children:i}),d&&e.jsx("p",{className:a.default.description,children:d})]}),t&&e.jsx("div",{className:a.default.actions,children:t})]})}exports.EmptyState=m;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/components/feedback/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/feedback/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { IconSearch } from '../../icons';\nimport styles from './EmptyState.module.css';\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg';\nexport type EmptyStateTone = 'neutral' | 'danger';\n\nexport interface EmptyStateProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {\n  /** Uma ou duas acoes: a secundaria antes da principal. */\n  actions?: ReactNode;\n  description?: ReactNode;\n  /** Sem icone proprio, a lupa. */\n  icon?: ReactNode;\n  size?: EmptyStateSize;\n  title: ReactNode;\n  tone?: EmptyStateTone;\n}\n\nexport function EmptyState({\n  actions,\n  className,\n  description,\n  icon = <IconSearch />,\n  size = 'md',\n  title,\n  tone = 'neutral',\n  ...props\n}: EmptyStateProps) {\n  // Os cartoes contam que o conteudo ainda nao chegou: nao cabem no tamanho pequeno nem na falha.\n  const withCards = size !== 'sm' && tone === 'neutral';\n\n  return (\n    <div\n      role={tone === 'danger' ? 'alert' : undefined}\n      {...props}\n      className={[styles.emptyState, styles[size], styles[tone], className].filter(Boolean).join(' ')}\n    >\n      <div className={styles.visual}>\n        {withCards && (\n          <>\n            <span aria-hidden=\"true\" className={[styles.card, styles.cardBehind].join(' ')}>\n              <span />\n              <span />\n              <span />\n            </span>\n            <span aria-hidden=\"true\" className={[styles.card, styles.cardFront].join(' ')}>\n              <span />\n              <span />\n              <span />\n            </span>\n          </>\n        )}\n        <span aria-hidden=\"true\" className={styles.icon}>\n          {icon}\n        </span>\n      </div>\n      <div className={styles.text}>\n        <p className={styles.title}>{title}</p>\n        {description && <p className={styles.description}>{description}</p>}\n      </div>\n      {actions && <div className={styles.actions}>{actions}</div>}\n    </div>\n  );\n}\n"],"names":["EmptyState","actions","className","description","icon","IconSearch","size","title","tone","props","withCards","jsxs","styles","Fragment","jsx"],"mappings":"iMAkBO,SAASA,EAAW,CACzB,QAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,QAAQC,EAAAA,WAAA,EAAW,EACnB,KAAAC,EAAO,KACP,MAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAAoB,CAElB,MAAMC,EAAYJ,IAAS,MAAQE,IAAS,UAE5C,OACEG,EAAAA,KAAC,MAAA,CACC,KAAMH,IAAS,SAAW,QAAU,OACnC,GAAGC,EACJ,UAAW,CAACG,EAAAA,QAAO,WAAYA,EAAAA,QAAON,CAAI,EAAGM,EAAAA,QAAOJ,CAAI,EAAGN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE9F,SAAA,CAAAS,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,OACpB,SAAA,CAAAF,GACCC,EAAAA,KAAAE,WAAA,CACE,SAAA,CAAAF,EAAAA,KAAC,OAAA,CAAK,cAAY,OAAO,UAAW,CAACC,EAAAA,QAAO,KAAMA,EAAAA,QAAO,UAAU,EAAE,KAAK,GAAG,EAC3E,SAAA,CAAAE,EAAAA,IAAC,OAAA,EAAK,QACL,OAAA,EAAK,QACL,OAAA,CAAA,CAAK,CAAA,EACR,EACAH,EAAAA,KAAC,OAAA,CAAK,cAAY,OAAO,UAAW,CAACC,EAAAA,QAAO,KAAMA,EAAAA,QAAO,SAAS,EAAE,KAAK,GAAG,EAC1E,SAAA,CAAAE,EAAAA,IAAC,OAAA,EAAK,QACL,OAAA,EAAK,QACL,OAAA,CAAA,CAAK,CAAA,CAAA,CACR,CAAA,EACF,QAED,OAAA,CAAK,cAAY,OAAO,UAAWF,UAAO,KACxC,SAAAR,CAAA,CACH,CAAA,EACF,EACAO,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,KACrB,SAAA,CAAAE,EAAAA,IAAC,IAAA,CAAE,UAAWF,EAAAA,QAAO,MAAQ,SAAAL,EAAM,EAClCJ,GAAeW,EAAAA,IAAC,IAAA,CAAE,UAAWF,EAAAA,QAAO,YAAc,SAAAT,CAAA,CAAY,CAAA,EACjE,EACCF,GAAWa,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,QAAU,SAAAX,CAAA,CAAQ,CAAA,CAAA,CAAA,CAG3D"}

package/dist/components/feedback/EmptyState/EmptyState.js

@@ -0,0 +1,49 @@
+import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
+import a from "./EmptyState.module.css.js";
+import { IconSearch as h } from "../../icons/icons.js";
+function f({
+  actions: s,
+  className: c,
+  description: i,
+  icon: l = /* @__PURE__ */ e(h, {}),
+  size: d = "md",
+  title: t,
+  tone: n = "neutral",
+  ...m
+}) {
+  const o = d !== "sm" && n === "neutral";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      role: n === "danger" ? "alert" : void 0,
+      ...m,
+      className: [a.emptyState, a[d], a[n], c].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ r("div", { className: a.visual, children: [
+          o && /* @__PURE__ */ r(p, { children: [
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: [a.card, a.cardBehind].join(" "), children: [
+              /* @__PURE__ */ e("span", {}),
+              /* @__PURE__ */ e("span", {}),
+              /* @__PURE__ */ e("span", {})
+            ] }),
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: [a.card, a.cardFront].join(" "), children: [
+              /* @__PURE__ */ e("span", {}),
+              /* @__PURE__ */ e("span", {}),
+              /* @__PURE__ */ e("span", {})
+            ] })
+          ] }),
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", className: a.icon, children: l })
+        ] }),
+        /* @__PURE__ */ r("div", { className: a.text, children: [
+          /* @__PURE__ */ e("p", { className: a.title, children: t }),
+          i && /* @__PURE__ */ e("p", { className: a.description, children: i })
+        ] }),
+        s && /* @__PURE__ */ e("div", { className: a.actions, children: s })
+      ]
+    }
+  );
+}
+export {
+  f as EmptyState
+};
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/feedback/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sources":["../../../../src/components/feedback/EmptyState/EmptyState.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { IconSearch } from '../../icons';\nimport styles from './EmptyState.module.css';\n\nexport type EmptyStateSize = 'sm' | 'md' | 'lg';\nexport type EmptyStateTone = 'neutral' | 'danger';\n\nexport interface EmptyStateProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {\n  /** Uma ou duas acoes: a secundaria antes da principal. */\n  actions?: ReactNode;\n  description?: ReactNode;\n  /** Sem icone proprio, a lupa. */\n  icon?: ReactNode;\n  size?: EmptyStateSize;\n  title: ReactNode;\n  tone?: EmptyStateTone;\n}\n\nexport function EmptyState({\n  actions,\n  className,\n  description,\n  icon = <IconSearch />,\n  size = 'md',\n  title,\n  tone = 'neutral',\n  ...props\n}: EmptyStateProps) {\n  // Os cartoes contam que o conteudo ainda nao chegou: nao cabem no tamanho pequeno nem na falha.\n  const withCards = size !== 'sm' && tone === 'neutral';\n\n  return (\n    <div\n      role={tone === 'danger' ? 'alert' : undefined}\n      {...props}\n      className={[styles.emptyState, styles[size], styles[tone], className].filter(Boolean).join(' ')}\n    >\n      <div className={styles.visual}>\n        {withCards && (\n          <>\n            <span aria-hidden=\"true\" className={[styles.card, styles.cardBehind].join(' ')}>\n              <span />\n              <span />\n              <span />\n            </span>\n            <span aria-hidden=\"true\" className={[styles.card, styles.cardFront].join(' ')}>\n              <span />\n              <span />\n              <span />\n            </span>\n          </>\n        )}\n        <span aria-hidden=\"true\" className={styles.icon}>\n          {icon}\n        </span>\n      </div>\n      <div className={styles.text}>\n        <p className={styles.title}>{title}</p>\n        {description && <p className={styles.description}>{description}</p>}\n      </div>\n      {actions && <div className={styles.actions}>{actions}</div>}\n    </div>\n  );\n}\n"],"names":["EmptyState","actions","className","description","icon","IconSearch","size","title","tone","props","withCards","jsxs","styles","Fragment","jsx"],"mappings":";;;AAkBO,SAASA,EAAW;AAAA,EACzB,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC,sBAAQC,GAAA,EAAW;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAoB;AAElB,QAAMC,IAAYJ,MAAS,QAAQE,MAAS;AAE5C,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMH,MAAS,WAAW,UAAU;AAAA,MACnC,GAAGC;AAAA,MACJ,WAAW,CAACG,EAAO,YAAYA,EAAON,CAAI,GAAGM,EAAOJ,CAAI,GAAGN,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAE9F,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,QACpB,UAAA;AAAA,UAAAF,KACC,gBAAAC,EAAAE,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAF,EAAC,QAAA,EAAK,eAAY,QAAO,WAAW,CAACC,EAAO,MAAMA,EAAO,UAAU,EAAE,KAAK,GAAG,GAC3E,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK;AAAA,gCACL,QAAA,EAAK;AAAA,gCACL,QAAA,CAAA,CAAK;AAAA,YAAA,GACR;AAAA,YACA,gBAAAH,EAAC,QAAA,EAAK,eAAY,QAAO,WAAW,CAACC,EAAO,MAAMA,EAAO,SAAS,EAAE,KAAK,GAAG,GAC1E,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK;AAAA,gCACL,QAAA,EAAK;AAAA,gCACL,QAAA,CAAA,CAAK;AAAA,YAAA,EAAA,CACR;AAAA,UAAA,GACF;AAAA,4BAED,QAAA,EAAK,eAAY,QAAO,WAAWF,EAAO,MACxC,UAAAR,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QACA,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA;AAAA,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAWF,EAAO,OAAQ,UAAAL,GAAM;AAAA,UAClCJ,KAAe,gBAAAW,EAAC,KAAA,EAAE,WAAWF,EAAO,aAAc,UAAAT,EAAA,CAAY;AAAA,QAAA,GACjE;AAAA,QACCF,KAAW,gBAAAa,EAAC,OAAA,EAAI,WAAWF,EAAO,SAAU,UAAAX,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3D;"}

package/dist/components/feedback/EmptyState/EmptyState.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_emptyState_1ym52_1",_="_sm_1ym52_16",e="_lg_1ym52_22",n="_visual_1ym52_28",o="_md_1ym52_36",c="_icon_1ym52_48",s="_danger_1ym52_63",a="_card_1ym52_70",d="_cardBehind_1ym52_105",i="_cardFront_1ym52_110",m="_text_1ym52_143",r="_title_1ym52_154",y="_description_1ym52_155",l="_actions_1ym52_189",p={emptyState:t,sm:_,lg:e,visual:n,md:o,icon:c,danger:s,card:a,cardBehind:d,"empty-float-behind":"_empty-float-behind_1ym52_1",cardFront:i,"empty-float-front":"_empty-float-front_1ym52_1",text:m,title:r,description:y,actions:l};exports.actions=l;exports.card=a;exports.cardBehind=d;exports.cardFront=i;exports.danger=s;exports.default=p;exports.description=y;exports.emptyState=t;exports.icon=c;exports.lg=e;exports.md=o;exports.sm=_;exports.text=m;exports.title=r;exports.visual=n;
+//# sourceMappingURL=EmptyState.module.css.cjs.map

package/dist/components/feedback/EmptyState/EmptyState.module.css.cjs.map

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

package/dist/components/feedback/EmptyState/EmptyState.module.css.js

@@ -0,0 +1,36 @@
+const t = "_emptyState_1ym52_1", _ = "_sm_1ym52_16", n = "_lg_1ym52_22", o = "_visual_1ym52_28", c = "_md_1ym52_36", e = "_icon_1ym52_48", s = "_danger_1ym52_63", m = "_card_1ym52_70", a = "_cardBehind_1ym52_105", d = "_cardFront_1ym52_110", y = "_text_1ym52_143", i = "_title_1ym52_154", r = "_description_1ym52_155", l = "_actions_1ym52_189", p = {
+  emptyState: t,
+  sm: _,
+  lg: n,
+  visual: o,
+  md: c,
+  icon: e,
+  danger: s,
+  card: m,
+  cardBehind: a,
+  "empty-float-behind": "_empty-float-behind_1ym52_1",
+  cardFront: d,
+  "empty-float-front": "_empty-float-front_1ym52_1",
+  text: y,
+  title: i,
+  description: r,
+  actions: l
+};
+export {
+  l as actions,
+  m as card,
+  a as cardBehind,
+  d as cardFront,
+  s as danger,
+  p as default,
+  r as description,
+  t as emptyState,
+  e as icon,
+  n as lg,
+  c as md,
+  _ as sm,
+  y as text,
+  i as title,
+  o as visual
+};
+//# sourceMappingURL=EmptyState.module.css.js.map

package/dist/components/feedback/EmptyState/EmptyState.module.css.js.map

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

package/dist/components/feedback/Progress/Progress.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./Progress.module.css.cjs");function f({className:n,label:o,max:s=100,showValue:d=!1,size:u="md",value:t,...c}){const a=t===void 0,i=a?0:Math.min(Math.max(t,0),s),l=s>0?i/s*100:0,m=[e.default.progress,e.default[u],n].filter(Boolean).join(" ");return r.jsxs("div",{...c,className:m,role:"progressbar","aria-label":o,"aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":a?void 0:i,children:[r.jsx("div",{className:e.default.track,children:r.jsx("div",{className:a?e.default.indeterminate:e.default.fill,style:a?void 0:{width:`${l}%`}})}),d&&!a&&r.jsxs("span",{className:e.default.value,children:[Math.round(l),"%"]})]})}exports.Progress=f;
+//# sourceMappingURL=Progress.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/feedback/Progress/Progress.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport styles from './Progress.module.css';\n\nexport type ProgressSize = 'sm' | 'md';\n\nexport interface ProgressProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  label: string;\n  max?: number;\n  showValue?: boolean;\n  size?: ProgressSize;\n  value?: number;\n}\n\nexport function Progress({ className, label, max = 100, showValue = false, size = 'md', value, ...props }: ProgressProps) {\n  const indeterminate = value === undefined;\n  const limitado = indeterminate ? 0 : Math.min(Math.max(value, 0), max);\n  const percentual = max > 0 ? (limitado / max) * 100 : 0;\n  const classes = [styles.progress, styles[size], className].filter(Boolean).join(' ');\n\n  return (\n    <div\n      {...props}\n      className={classes}\n      role=\"progressbar\"\n      aria-label={label}\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-valuenow={indeterminate ? undefined : limitado}\n    >\n      <div className={styles.track}>\n        <div\n          className={indeterminate ? styles.indeterminate : styles.fill}\n          style={indeterminate ? undefined : { width: `${percentual}%` }}\n        />\n      </div>\n      {showValue && !indeterminate && (\n        <span className={styles.value}>{Math.round(percentual)}%</span>\n      )}\n    </div>\n  );\n}\n"],"names":["Progress","className","label","max","showValue","size","value","props","indeterminate","limitado","percentual","classes","styles","jsxs","jsx"],"mappings":"4JAaO,SAASA,EAAS,CAAE,UAAAC,EAAW,MAAAC,EAAO,IAAAC,EAAM,IAAK,UAAAC,EAAY,GAAO,KAAAC,EAAO,KAAM,MAAAC,EAAO,GAAGC,GAAwB,CACxH,MAAMC,EAAgBF,IAAU,OAC1BG,EAAWD,EAAgB,EAAI,KAAK,IAAI,KAAK,IAAIF,EAAO,CAAC,EAAGH,CAAG,EAC/DO,EAAaP,EAAM,EAAKM,EAAWN,EAAO,IAAM,EAChDQ,EAAU,CAACC,EAAAA,QAAO,SAAUA,EAAAA,QAAOP,CAAI,EAAGJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEnF,OACEY,EAAAA,KAAC,MAAA,CACE,GAAGN,EACJ,UAAWI,EACX,KAAK,cACL,aAAYT,EACZ,gBAAe,EACf,gBAAeC,EACf,gBAAeK,EAAgB,OAAYC,EAE3C,SAAA,CAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,MACrB,SAAAE,EAAAA,IAAC,MAAA,CACC,UAAWN,EAAgBI,EAAAA,QAAO,cAAgBA,EAAAA,QAAO,KACzD,MAAOJ,EAAgB,OAAY,CAAE,MAAO,GAAGE,CAAU,GAAA,CAAI,CAAA,EAEjE,EACCN,GAAa,CAACI,UACZ,OAAA,CAAK,UAAWI,EAAAA,QAAO,MAAQ,SAAA,CAAA,KAAK,MAAMF,CAAU,EAAE,GAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAIhE"}

package/dist/components/feedback/Progress/Progress.js

@@ -0,0 +1,34 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import a from "./Progress.module.css.js";
+function f({ className: n, label: c, max: s = 100, showValue: d = !1, size: m = "md", value: i, ...v }) {
+  const e = i === void 0, r = e ? 0 : Math.min(Math.max(i, 0), s), l = s > 0 ? r / s * 100 : 0, h = [a.progress, a[m], n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ...v,
+      className: h,
+      role: "progressbar",
+      "aria-label": c,
+      "aria-valuemin": 0,
+      "aria-valuemax": s,
+      "aria-valuenow": e ? void 0 : r,
+      children: [
+        /* @__PURE__ */ t("div", { className: a.track, children: /* @__PURE__ */ t(
+          "div",
+          {
+            className: e ? a.indeterminate : a.fill,
+            style: e ? void 0 : { width: `${l}%` }
+          }
+        ) }),
+        d && !e && /* @__PURE__ */ o("span", { className: a.value, children: [
+          Math.round(l),
+          "%"
+        ] })
+      ]
+    }
+  );
+}
+export {
+  f as Progress
+};
+//# sourceMappingURL=Progress.js.map