@plenustech/design-system 0.2.1 → 0.2.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","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 { Skeleton } from '../../feedback/Skeleton';\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                <Skeleton 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                <Skeleton 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","Skeleton","EmptyState","item","TableRow","disabled","selected","event","TableCell","isNumeric"],"mappings":"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"}

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

@@ -0,0 +1,239 @@
+import { jsxs as N, jsx as o, Fragment as le } from "react/jsx-runtime";
+import { useId as re, useState as k, useCallback as I, useMemo as ae, createContext as H, useEffect as O, useContext as R, useLayoutEffect as ie, Fragment as ce, Children as de, isValidElement as ue } from "react";
+import { useMergedRefs as me } from "../../../hooks/useMergedRefs.js";
+import e from "./Table.module.css.js";
+import { useSelection as he } from "../../../hooks/useSelection/useSelection.js";
+import { IconArrowUp as fe, IconChevronExpand as be, IconQuestionCircle as pe } from "../../icons/icons.js";
+import { Skeleton as z } from "../../feedback/Skeleton/Skeleton.js";
+import { EmptyState as ge } from "../../feedback/EmptyState/EmptyState.js";
+import { Tooltip as ye } from "../../overlays/Tooltip/Tooltip.js";
+const F = H(void 0), A = H(void 0);
+function P(i) {
+  return de.toArray(i).map((s, n) => /* @__PURE__ */ o(A.Provider, { value: n, children: s }, ue(s) && s.key !== null ? s.key : n));
+}
+function K(i, s, n) {
+  const a = [...i];
+  return a[s] = n, a;
+}
+function T(i) {
+  const s = R(F);
+  if (!s)
+    throw new Error(i + " deve ser usado dentro de Table.");
+  return s;
+}
+function j({
+  children: i,
+  className: s,
+  defaultSelectedIds: n,
+  defaultSort: a,
+  divider: u = !0,
+  highlightSelectedRow: l = !0,
+  label: r,
+  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: S = !1,
+  striped: W = !1,
+  ref: q,
+  ...$
+}) {
+  const D = re(), [Q, U] = k(a), [V, B] = k(() => /* @__PURE__ */ new Set()), x = E ?? Q, _ = y ?? (p === "single" ? "radio" : "checkbox"), [G, J] = k(!0), M = I((t) => {
+    if (!t || typeof ResizeObserver > "u")
+      return;
+    const d = new ResizeObserver(
+      () => J(
+        t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight
+      )
+    );
+    return d.observe(t), t.firstElementChild && d.observe(t.firstElementChild), () => d.disconnect();
+  }, []), X = me(S ? M : void 0, q), Y = I((t) => (B((d) => new Set(d).add(t)), () => B((d) => {
+    const v = new Set(d);
+    return v.delete(t), v;
+  })), []), [Z, L] = k([]), ee = I((t, d) => (L((v) => K(v, t, d)), () => L((v) => K(v, t, void 0))), []);
+  function te(t) {
+    const d = {
+      column: t,
+      direction: (x == null ? void 0 : x.column) === t && x.direction === "ascending" ? "descending" : "ascending"
+    };
+    E === void 0 && U(d), g == null || g(d);
+  }
+  const oe = ae(
+    () => h.map((t) => ({ key: t.id, disabled: t.disabled })),
+    [h]
+  ), w = he({
+    // Caixa e chave desmarcam ao clicar de novo; o radio, nao.
+    allowEmpty: _ !== "radio",
+    defaultSelectedKeys: n,
+    items: oe,
+    mode: p,
+    selectedKeys: c,
+    onSelectionChange: (t) => b == null ? void 0 : b([...t])
+  }), ne = {
+    baseId: D,
+    columnAt: (t) => Z[t],
+    countColumns: () => Math.max(V.size, 1),
+    loading: m,
+    registerColumn: Y,
+    registerLayout: ee,
+    requestSort: te,
+    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
+  }, se = [
+    e.table,
+    e[C],
+    u && e.divider,
+    W && e.striped,
+    S && e.sticky
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ...$,
+      className: [e.scroll, S && !G && e.noScroll, s].filter(Boolean).join(" "),
+      ref: X,
+      children: [
+        /* @__PURE__ */ o("table", { "aria-busy": m || void 0, "aria-label": r, className: se, children: /* @__PURE__ */ o(F.Provider, { value: ne, children: i }) }),
+        m && /* @__PURE__ */ o("p", { className: e.status, role: "status", children: f })
+      ]
+    }
+  );
+}
+function Ne({ children: i }) {
+  const { registerColumn: s, selection: n } = T("Table.Header");
+  return O(() => 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: (a) => {
+          a && (a.indeterminate = n.status === "partial");
+        },
+        type: "checkbox"
+      }
+    ) }),
+    n.mode === "single" && /* @__PURE__ */ o("th", { className: [e.column, e.lead].join(" "), scope: "col" }),
+    P(i)
+  ] }) });
+}
+function ve({ align: i, children: s, help: n, hideBelow: a, id: u, numeric: l = !1, sortable: r = !1, width: m }) {
+  const { registerColumn: f, registerLayout: b, requestSort: g, sort: h } = T("Table.Column"), c = R(A), y = i ?? (l ? "end" : "start");
+  O(() => f(u), [u, f]), ie(
+    () => c === void 0 ? void 0 : b(c, { align: y, hideBelow: a, numeric: l }),
+    [y, a, c, l, b]
+  );
+  const p = (h == null ? void 0 : h.column) === u ? h.direction : void 0, C = n && /* @__PURE__ */ o(ye, { content: n, children: /* @__PURE__ */ o("span", { "aria-label": n, className: e.help, role: "img", tabIndex: 0, children: /* @__PURE__ */ o(pe, { size: 14 }) }) });
+  return /* @__PURE__ */ o(
+    "th",
+    {
+      "aria-sort": r ? p ?? "none" : void 0,
+      className: [e.column, e[y], r && e.sortable].filter(Boolean).join(" "),
+      "data-hide-below": a,
+      scope: "col",
+      style: { width: m },
+      children: r ? /* @__PURE__ */ N("div", { className: e.sortHeader, children: [
+        /* @__PURE__ */ N("button", { className: e.sortButton, onClick: () => g(u), type: "button", children: [
+          s,
+          p ? /* @__PURE__ */ o(
+            fe,
+            {
+              className: [e.sortIcon, p === "descending" && e.sortDescending].filter(Boolean).join(" "),
+              size: 12
+            }
+          ) : /* @__PURE__ */ o(be, { className: e.sortIcon, size: 12 })
+        ] }),
+        C
+      ] }) : /* @__PURE__ */ N(le, { children: [
+        s,
+        C
+      ] })
+    }
+  );
+}
+const Ce = 3;
+function xe({
+  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: a
+}) {
+  const { columnAt: u, countColumns: l, loading: r, selection: m } = T("Table.Body");
+  if (r) {
+    const f = Array.from({ length: a.length || Ce }, (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(z, { 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(z, { className: e.skeleton }) }, y))
+    ] }, h)) });
+  }
+  return a.length === 0 ? /* @__PURE__ */ o("tbody", { children: /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", { className: e.empty, colSpan: l(), children: /* @__PURE__ */ o(ge, { description: s, title: n }) }) }) }) : /* @__PURE__ */ o("tbody", { children: a.map((f) => /* @__PURE__ */ o(ce, { children: i(f) }, f.id)) });
+}
+function we({ children: i, disabled: s = !1, id: n, label: a }) {
+  const { baseId: u, selection: l } = T("Table.Row"), r = 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, r && 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": a ?? "Selecionar linha",
+          checked: r,
+          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"
+        }
+      ) }),
+      P(i)
+    ] })
+  );
+}
+function Te({ align: i, children: s, hideBelow: n, numeric: a }) {
+  const { columnAt: u } = T("Table.Cell"), l = R(A), r = l === void 0 ? void 0 : u(l), m = a ?? (r == null ? void 0 : r.numeric) ?? !1;
+  return /* @__PURE__ */ o(
+    "td",
+    {
+      className: [e.cell, e[i ?? (r == null ? void 0 : r.align) ?? (m ? "end" : "start")], m && e.numeric].filter(Boolean).join(" "),
+      "data-hide-below": n ?? (r == null ? void 0 : r.hideBelow),
+      children: s
+    }
+  );
+}
+j.Header = Ne;
+j.Column = ve;
+j.Body = xe;
+j.Row = we;
+j.Cell = Te;
+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 { Skeleton } from '../../feedback/Skeleton';\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                <Skeleton 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                <Skeleton 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","Skeleton","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_17dat_2",e="_noScroll_17dat_9",o="_table_17dat_13",_="_sm_17dat_23",s="_md_17dat_29",c="_head_17dat_35",n="_column_17dat_39",d="_sortable_17dat_50",a="_sortHeader_17dat_54",l="_help_17dat_59",r="_sortButton_17dat_63",i="_sortIcon_17dat_92",u="_sortDescending_17dat_97",m="_row_17dat_118",k="_divider_17dat_122",p="_cell_17dat_122",b="_striped_17dat_126",g="_numeric_17dat_140",h="_start_17dat_148",y="_center_17dat_152",w="_end_17dat_156",v="_empty_17dat_160",S="_status_17dat_165",x="_skeletonRow_17dat_176",B="_skeleton_17dat_176",D="_lead_17dat_190",H="_sticky_17dat_197",I="_checkbox_17dat_251 _input_thq98_15",R="_radio_17dat_255 _input_1nbsm_38",f="_toggle_17dat_259 _input_1g7qr_15",q="_selected_17dat_271",M={scroll:t,noScroll:e,table:o,sm:_,md:s,head:c,column:n,sortable:d,sortHeader:a,help:l,sortButton:r,sortIcon:i,sortDescending:u,row:m,divider:k,cell:p,striped:b,numeric:g,start:h,center:y,end:w,empty:v,status:S,skeletonRow:x,skeleton:B,lead:D,sticky:H,checkbox:I,radio:R,toggle:f,selected:q};exports.cell=p;exports.center=y;exports.checkbox=I;exports.column=n;exports.default=M;exports.divider=k;exports.empty=v;exports.end=w;exports.head=c;exports.help=l;exports.lead=D;exports.md=s;exports.noScroll=e;exports.numeric=g;exports.radio=R;exports.row=m;exports.scroll=t;exports.selected=q;exports.skeleton=B;exports.skeletonRow=x;exports.sm=_;exports.sortButton=r;exports.sortDescending=u;exports.sortHeader=a;exports.sortIcon=i;exports.sortable=d;exports.start=h;exports.status=S;exports.sticky=H;exports.striped=b;exports.table=o;exports.toggle=f;
+//# 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,68 @@
+const t = "_scroll_17dat_2", _ = "_noScroll_17dat_9", o = "_table_17dat_13", s = "_sm_17dat_23", e = "_md_17dat_29", n = "_head_17dat_35", c = "_column_17dat_39", d = "_sortable_17dat_50", a = "_sortHeader_17dat_54", l = "_help_17dat_59", r = "_sortButton_17dat_63", i = "_sortIcon_17dat_92", m = "_sortDescending_17dat_97", u = "_row_17dat_118", p = "_divider_17dat_122", k = "_cell_17dat_122", b = "_striped_17dat_126", g = "_numeric_17dat_140", h = "_start_17dat_148", y = "_center_17dat_152", w = "_end_17dat_156", x = "_empty_17dat_160", v = "_status_17dat_165", B = "_skeletonRow_17dat_176", D = "_skeleton_17dat_176", H = "_lead_17dat_190", I = "_sticky_17dat_197", R = "_checkbox_17dat_251 _input_thq98_15", S = "_radio_17dat_255 _input_1nbsm_38", q = "_toggle_17dat_259 _input_1g7qr_15", f = "_selected_17dat_271", j = {
+  scroll: t,
+  noScroll: _,
+  table: o,
+  sm: s,
+  md: e,
+  head: n,
+  column: c,
+  sortable: d,
+  sortHeader: a,
+  help: l,
+  sortButton: r,
+  sortIcon: i,
+  sortDescending: m,
+  row: u,
+  divider: p,
+  cell: k,
+  striped: b,
+  numeric: g,
+  start: h,
+  center: y,
+  end: w,
+  empty: x,
+  status: v,
+  skeletonRow: B,
+  skeleton: D,
+  lead: H,
+  sticky: I,
+  checkbox: R,
+  radio: S,
+  toggle: q,
+  selected: f
+};
+export {
+  k as cell,
+  y as center,
+  R as checkbox,
+  c as column,
+  j as default,
+  p as divider,
+  x as empty,
+  w as end,
+  n as head,
+  l as help,
+  H as lead,
+  e as md,
+  _ as noScroll,
+  g as numeric,
+  S as radio,
+  u as row,
+  t as scroll,
+  f as selected,
+  D as skeleton,
+  B as skeletonRow,
+  s as sm,
+  r as sortButton,
+  m as sortDescending,
+  a as sortHeader,
+  i as sortIcon,
+  d as sortable,
+  h as start,
+  v as status,
+  I as sticky,
+  b as striped,
+  o as table,
+  q 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/data-display/Tag/Tag.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),s=require("./Tag.module.css.cjs"),n=require("../../icons/icons.cjs");function x({children:l,className:d,disabled:e=!1,onRemove:u,onSelectedChange:o,selected:a,size:f="md",...m}){const r=c.useId(),i=c.useId(),b=a!==void 0,j=[s.default.tag,s.default[f],a&&s.default.selected,e&&s.default.disabled,d].filter(Boolean).join(" ");return t.jsxs("span",{...m,className:j,children:[b?t.jsxs("button",{"aria-pressed":a,className:s.default.toggle,disabled:e,id:r,onClick:()=>o==null?void 0:o(!a),type:"button",children:[a&&t.jsx(n.IconCheck,{className:s.default.check}),l]}):t.jsx("span",{id:r,children:l}),u&&t.jsx("button",{"aria-label":"Remover","aria-labelledby":`${i} ${r}`,className:s.default.remove,disabled:e,id:i,onClick:u,type:"button",children:t.jsx(n.IconClose,{})})]})}exports.Tag=x;
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/data-display/Tag/Tag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.cjs","sources":["../../../../src/components/data-display/Tag/Tag.tsx"],"sourcesContent":["import { useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { IconCheck, IconClose } from '../../icons';\nimport styles from './Tag.module.css';\n\nexport type TagSize = 'sm' | 'md';\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n  children: ReactNode;\n  disabled?: boolean;\n  /** Mostra o botao de remover, nomeado como \"Remover\" seguido do texto da etiqueta. */\n  onRemove?: () => void;\n  /** Com `selected`, a etiqueta vira um botao de alternar, como o filtro que se liga e desliga. */\n  onSelectedChange?: (selected: boolean) => void;\n  selected?: boolean;\n  size?: TagSize;\n}\n\nexport function Tag({\n  children,\n  className,\n  disabled = false,\n  onRemove,\n  onSelectedChange,\n  selected,\n  size = 'md',\n  ...props\n}: TagProps) {\n  const textId = useId();\n  const removeId = useId();\n  const toggleable = selected !== undefined;\n  const classes = [styles.tag, styles[size], selected && styles.selected, disabled && styles.disabled, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...props} className={classes}>\n      {toggleable ? (\n        <button\n          aria-pressed={selected}\n          className={styles.toggle}\n          disabled={disabled}\n          id={textId}\n          onClick={() => onSelectedChange?.(!selected)}\n          type=\"button\"\n        >\n          {selected && <IconCheck className={styles.check} />}\n          {children}\n        </button>\n      ) : (\n        <span id={textId}>{children}</span>\n      )}\n      {onRemove && (\n        <button\n          aria-label=\"Remover\"\n          aria-labelledby={`${removeId} ${textId}`}\n          className={styles.remove}\n          disabled={disabled}\n          id={removeId}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <IconClose />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"names":["Tag","children","className","disabled","onRemove","onSelectedChange","selected","size","props","textId","useId","removeId","toggleable","classes","styles","jsxs","jsx","IconCheck","IconClose"],"mappings":"6MAiBO,SAASA,EAAI,CAClB,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACL,EAAa,CACX,MAAMC,EAASC,EAAAA,MAAA,EACTC,EAAWD,EAAAA,MAAA,EACXE,EAAaN,IAAa,OAC1BO,EAAU,CAACC,EAAAA,QAAO,IAAKA,EAAAA,QAAOP,CAAI,EAAGD,GAAYQ,UAAO,SAAUX,GAAYW,EAAAA,QAAO,SAAUZ,CAAS,EAC3G,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEa,EAAAA,KAAC,OAAA,CAAM,GAAGP,EAAO,UAAWK,EACzB,SAAA,CAAAD,EACCG,EAAAA,KAAC,SAAA,CACC,eAAcT,EACd,UAAWQ,EAAAA,QAAO,OAClB,SAAAX,EACA,GAAIM,EACJ,QAAS,IAAMJ,GAAA,YAAAA,EAAmB,CAACC,GACnC,KAAK,SAEJ,SAAA,CAAAA,GAAYU,EAAAA,IAACC,EAAAA,UAAA,CAAU,UAAWH,EAAAA,QAAO,MAAO,EAChDb,CAAA,CAAA,CAAA,EAGHe,EAAAA,IAAC,OAAA,CAAK,GAAIP,EAAS,SAAAR,CAAA,CAAS,EAE7BG,GACCY,EAAAA,IAAC,SAAA,CACC,aAAW,UACX,kBAAiB,GAAGL,CAAQ,IAAIF,CAAM,GACtC,UAAWK,EAAAA,QAAO,OAClB,SAAAX,EACA,GAAIQ,EACJ,QAASP,EACT,KAAK,SAEL,eAACc,EAAAA,UAAA,CAAA,CAAU,CAAA,CAAA,CACb,EAEJ,CAEJ"}

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

@@ -0,0 +1,50 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useId as p } from "react";
+import o from "./Tag.module.css.js";
+import { IconCheck as k, IconClose as x } from "../../icons/icons.js";
+function v({
+  children: m,
+  className: b,
+  disabled: t = !1,
+  onRemove: l,
+  onSelectedChange: a,
+  selected: s,
+  size: f = "md",
+  ...u
+}) {
+  const i = p(), c = p(), e = s !== void 0, I = [o.tag, o[f], s && o.selected, t && o.disabled, b].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("span", { ...u, className: I, children: [
+    e ? /* @__PURE__ */ n(
+      "button",
+      {
+        "aria-pressed": s,
+        className: o.toggle,
+        disabled: t,
+        id: i,
+        onClick: () => a == null ? void 0 : a(!s),
+        type: "button",
+        children: [
+          s && /* @__PURE__ */ r(k, { className: o.check }),
+          m
+        ]
+      }
+    ) : /* @__PURE__ */ r("span", { id: i, children: m }),
+    l && /* @__PURE__ */ r(
+      "button",
+      {
+        "aria-label": "Remover",
+        "aria-labelledby": `${c} ${i}`,
+        className: o.remove,
+        disabled: t,
+        id: c,
+        onClick: l,
+        type: "button",
+        children: /* @__PURE__ */ r(x, {})
+      }
+    )
+  ] });
+}
+export {
+  v as Tag
+};
+//# sourceMappingURL=Tag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/data-display/Tag/Tag.tsx"],"sourcesContent":["import { useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { IconCheck, IconClose } from '../../icons';\nimport styles from './Tag.module.css';\n\nexport type TagSize = 'sm' | 'md';\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n  children: ReactNode;\n  disabled?: boolean;\n  /** Mostra o botao de remover, nomeado como \"Remover\" seguido do texto da etiqueta. */\n  onRemove?: () => void;\n  /** Com `selected`, a etiqueta vira um botao de alternar, como o filtro que se liga e desliga. */\n  onSelectedChange?: (selected: boolean) => void;\n  selected?: boolean;\n  size?: TagSize;\n}\n\nexport function Tag({\n  children,\n  className,\n  disabled = false,\n  onRemove,\n  onSelectedChange,\n  selected,\n  size = 'md',\n  ...props\n}: TagProps) {\n  const textId = useId();\n  const removeId = useId();\n  const toggleable = selected !== undefined;\n  const classes = [styles.tag, styles[size], selected && styles.selected, disabled && styles.disabled, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...props} className={classes}>\n      {toggleable ? (\n        <button\n          aria-pressed={selected}\n          className={styles.toggle}\n          disabled={disabled}\n          id={textId}\n          onClick={() => onSelectedChange?.(!selected)}\n          type=\"button\"\n        >\n          {selected && <IconCheck className={styles.check} />}\n          {children}\n        </button>\n      ) : (\n        <span id={textId}>{children}</span>\n      )}\n      {onRemove && (\n        <button\n          aria-label=\"Remover\"\n          aria-labelledby={`${removeId} ${textId}`}\n          className={styles.remove}\n          disabled={disabled}\n          id={removeId}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <IconClose />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"names":["Tag","children","className","disabled","onRemove","onSelectedChange","selected","size","props","textId","useId","removeId","toggleable","classes","styles","jsxs","jsx","IconCheck","IconClose"],"mappings":";;;;AAiBO,SAASA,EAAI;AAAA,EAClB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAa;AACX,QAAMC,IAASC,EAAA,GACTC,IAAWD,EAAA,GACXE,IAAaN,MAAa,QAC1BO,IAAU,CAACC,EAAO,KAAKA,EAAOP,CAAI,GAAGD,KAAYQ,EAAO,UAAUX,KAAYW,EAAO,UAAUZ,CAAS,EAC3G,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAa,EAAC,QAAA,EAAM,GAAGP,GAAO,WAAWK,GACzB,UAAA;AAAA,IAAAD,IACC,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAcT;AAAA,QACd,WAAWQ,EAAO;AAAA,QAClB,UAAAX;AAAA,QACA,IAAIM;AAAA,QACJ,SAAS,MAAMJ,KAAA,gBAAAA,EAAmB,CAACC;AAAA,QACnC,MAAK;AAAA,QAEJ,UAAA;AAAA,UAAAA,KAAY,gBAAAU,EAACC,GAAA,EAAU,WAAWH,EAAO,OAAO;AAAA,UAChDb;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGH,gBAAAe,EAAC,QAAA,EAAK,IAAIP,GAAS,UAAAR,EAAA,CAAS;AAAA,IAE7BG,KACC,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,mBAAiB,GAAGL,CAAQ,IAAIF,CAAM;AAAA,QACtC,WAAWK,EAAO;AAAA,QAClB,UAAAX;AAAA,QACA,IAAIQ;AAAA,QACJ,SAASP;AAAA,QACT,MAAK;AAAA,QAEL,4BAACc,GAAA,CAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAEJ;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_tag_gvmly_2",t="_sm_gvmly_20",l="_md_gvmly_26",s="_remove_gvmly_32",_="_toggle_gvmly_36",c="_check_gvmly_66",g="_selected_gvmly_70",o="_disabled_gvmly_94",m={tag:e,sm:t,md:l,remove:s,toggle:_,check:c,selected:g,disabled:o};exports.check=c;exports.default=m;exports.disabled=o;exports.md=l;exports.remove=s;exports.selected=g;exports.sm=t;exports.tag=e;exports.toggle=_;
+//# sourceMappingURL=Tag.module.css.cjs.map

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

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

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

@@ -0,0 +1,22 @@
+const e = "_tag_gvmly_2", _ = "_sm_gvmly_20", s = "_md_gvmly_26", t = "_remove_gvmly_32", l = "_toggle_gvmly_36", c = "_check_gvmly_66", g = "_selected_gvmly_70", m = "_disabled_gvmly_94", o = {
+  tag: e,
+  sm: _,
+  md: s,
+  remove: t,
+  toggle: l,
+  check: c,
+  selected: g,
+  disabled: m
+};
+export {
+  c as check,
+  o as default,
+  m as disabled,
+  s as md,
+  t as remove,
+  g as selected,
+  _ as sm,
+  e as tag,
+  l as toggle
+};
+//# sourceMappingURL=Tag.module.css.js.map

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

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

package/dist/components/data-display/Timeline/Timeline.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Timeline.module.css.cjs"),o=require("../../icons/icons.cjs");function m({className:r,current:d,items:n,label:i,...u}){const t=n.findIndex(s=>s.key===d);return e.jsx("ol",{...u,"aria-label":i,className:[a.default.timeline,r].filter(Boolean).join(" "),children:n.map((s,c)=>{const l=c<t?"complete":c===t?"current":"upcoming";return e.jsxs("li",{"aria-current":l==="current"?"step":void 0,className:[a.default.item,a.default[l]].join(" "),children:[e.jsx("span",{"aria-hidden":"true",className:a.default.marker,children:l==="complete"?e.jsx(o.IconCheck,{}):e.jsx("span",{className:a.default.dot})}),e.jsxs("span",{className:a.default.text,children:[e.jsx("span",{className:a.default.label,children:s.label}),l==="complete"&&e.jsx("span",{className:a.default.hiddenText,children:", concluído"}),l==="current"&&e.jsx("span",{className:a.default.hiddenText,children:", atual"}),s.description&&e.jsx("span",{className:a.default.description,children:s.description}),s.date&&e.jsx("span",{className:a.default.date,children:s.date})]})]},s.key)})})}exports.Timeline=m;
+//# sourceMappingURL=Timeline.cjs.map

package/dist/components/data-display/Timeline/Timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n}\n\nexport function Timeline({ className, current, items, label, ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":"+LAmBO,SAASA,EAAS,CAAE,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,GAAGC,GAAwB,CACtF,MAAMC,EAAeH,EAAM,UAAWI,GAASA,EAAK,MAAQL,CAAO,EAEnE,OACEM,EAAAA,IAAC,MAAI,GAAGH,EAAO,aAAYD,EAAO,UAAW,CAACK,EAAAA,QAAO,SAAUR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/F,SAAAE,EAAM,IAAI,CAACI,EAAMG,IAAU,CAC1B,MAAMC,EAAQD,EAAQJ,EAAe,WAAaI,IAAUJ,EAAe,UAAY,WAEvF,OACEM,EAAAA,KAAC,KAAA,CACC,eAAcD,IAAU,UAAY,OAAS,OAC7C,UAAW,CAACF,EAAAA,QAAO,KAAMA,EAAAA,QAAOE,CAAK,CAAC,EAAE,KAAK,GAAG,EAGhD,SAAA,CAAAH,MAAC,QAAK,cAAY,OAAO,UAAWC,UAAO,OACxC,SAAAE,IAAU,WAAaH,EAAAA,IAACK,EAAAA,UAAA,EAAU,EAAKL,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,IAAK,EACvE,EACAG,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,KACtB,SAAA,CAAAD,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CE,IAAU,YAAcH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,cAAW,EACvEE,IAAU,WAAaH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,UAAO,EAClEF,EAAK,aAAeC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,EAC3EF,EAAK,MAAQC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,CAAA,CAAA,CACzD,CAAA,CAAA,EAXKF,EAAK,GAAA,CAchB,CAAC,CAAA,CACH,CAEJ"}

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

@@ -0,0 +1,31 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import e from "./Timeline.module.css.js";
+import { IconCheck as m } from "../../icons/icons.js";
+function x({ className: i, current: o, items: s, label: d, ...p }) {
+  const c = s.findIndex((n) => n.key === o);
+  return /* @__PURE__ */ a("ol", { ...p, "aria-label": d, className: [e.timeline, i].filter(Boolean).join(" "), children: s.map((n, l) => {
+    const r = l < c ? "complete" : l === c ? "current" : "upcoming";
+    return /* @__PURE__ */ t(
+      "li",
+      {
+        "aria-current": r === "current" ? "step" : void 0,
+        className: [e.item, e[r]].join(" "),
+        children: [
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: e.marker, children: r === "complete" ? /* @__PURE__ */ a(m, {}) : /* @__PURE__ */ a("span", { className: e.dot }) }),
+          /* @__PURE__ */ t("span", { className: e.text, children: [
+            /* @__PURE__ */ a("span", { className: e.label, children: n.label }),
+            r === "complete" && /* @__PURE__ */ a("span", { className: e.hiddenText, children: ", concluído" }),
+            r === "current" && /* @__PURE__ */ a("span", { className: e.hiddenText, children: ", atual" }),
+            n.description && /* @__PURE__ */ a("span", { className: e.description, children: n.description }),
+            n.date && /* @__PURE__ */ a("span", { className: e.date, children: n.date })
+          ] })
+        ]
+      },
+      n.key
+    );
+  }) });
+}
+export {
+  x as Timeline
+};
+//# sourceMappingURL=Timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n}\n\nexport function Timeline({ className, current, items, label, ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":";;;AAmBO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,GAAGC,KAAwB;AACtF,QAAMC,IAAeH,EAAM,UAAU,CAACI,MAASA,EAAK,QAAQL,CAAO;AAEnE,SACE,gBAAAM,EAAC,QAAI,GAAGH,GAAO,cAAYD,GAAO,WAAW,CAACK,EAAO,UAAUR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/F,UAAAE,EAAM,IAAI,CAACI,GAAMG,MAAU;AAC1B,UAAMC,IAAQD,IAAQJ,IAAe,aAAaI,MAAUJ,IAAe,YAAY;AAEvF,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAcD,MAAU,YAAY,SAAS;AAAA,QAC7C,WAAW,CAACF,EAAO,MAAMA,EAAOE,CAAK,CAAC,EAAE,KAAK,GAAG;AAAA,QAGhD,UAAA;AAAA,UAAA,gBAAAH,EAAC,UAAK,eAAY,QAAO,WAAWC,EAAO,QACxC,UAAAE,MAAU,aAAa,gBAAAH,EAACK,GAAA,EAAU,IAAK,gBAAAL,EAAC,QAAA,EAAK,WAAWC,EAAO,KAAK,GACvE;AAAA,UACA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,MACtB,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,YAAK,OAAM;AAAA,YAC1CE,MAAU,cAAc,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,eAAW;AAAA,YACvEE,MAAU,aAAa,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,WAAO;AAAA,YAClEF,EAAK,eAAe,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,YAC3EF,EAAK,QAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,UAAA,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKF,EAAK;AAAA,IAAA;AAAA,EAchB,CAAC,EAAA,CACH;AAEJ;"}