@misael703/ui 1.0.0

package/dist/chunk-BMZQ6L2C.js

@@ -0,0 +1,294 @@
+'use strict';
+
+var chunkHYUINOPJ_js = require('./chunk-HYUINOPJ.js');
+var chunkIMFQ55KO_js = require('./chunk-IMFQ55KO.js');
+var chunkLIGJBHXU_js = require('./chunk-LIGJBHXU.js');
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function DataTableRowImpl({
+  row,
+  rowK,
+  selected,
+  selectable,
+  selectAriaLabel,
+  columns,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: chunkPASF6T4H_js.cx(selected && "is-selected"), children: [
+    selectable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHYUINOPJ_js.Checkbox,
+      {
+        checked: selected,
+        onChange: () => onToggle(rowK),
+        "aria-label": selectAriaLabel
+      }
+    ) }),
+    columns.map((c) => {
+      const align = c.align ?? (c.numeric ? "right" : "left");
+      const value = c.accessor ? c.accessor(row) : row[c.key];
+      const label = typeof c.header === "string" ? c.header : void 0;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "td",
+        {
+          className: chunkPASF6T4H_js.cx(c.numeric && "table__num"),
+          style: { textAlign: align },
+          "data-label": label,
+          children: value
+        },
+        c.key
+      );
+    })
+  ] });
+}
+var DataTableRow = React__namespace.memo(DataTableRowImpl);
+function DataTable({
+  columns,
+  rows,
+  rowKey,
+  sort,
+  onSortChange,
+  selectable,
+  selectedKeys,
+  onSelectionChange,
+  empty,
+  error,
+  loading,
+  stickyHeader,
+  mobileLayout = "table",
+  ariaLabel,
+  rowLabel,
+  className
+}) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  const allSelected = selectable && rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));
+  const someSelected = selectable && !allSelected && rows.some((r) => selectedKeys?.has(rowKey(r)));
+  const headerCbRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (headerCbRef.current) headerCbRef.current.indeterminate = !!someSelected;
+  }, [someSelected]);
+  const propsRef = React__namespace.useRef({ rows, rowKey, selectedKeys, onSelectionChange });
+  propsRef.current = { rows, rowKey, selectedKeys, onSelectionChange };
+  const toggleAll = React__namespace.useCallback(() => {
+    const { rows: rows2, rowKey: rowKey2, selectedKeys: selectedKeys2, onSelectionChange: onSelectionChange2 } = propsRef.current;
+    if (!onSelectionChange2) return;
+    const allSel = rows2.length > 0 && rows2.every((r) => selectedKeys2?.has(rowKey2(r)));
+    const next = new Set(selectedKeys2);
+    if (allSel) rows2.forEach((r) => next.delete(rowKey2(r)));
+    else rows2.forEach((r) => next.add(rowKey2(r)));
+    onSelectionChange2(next);
+  }, []);
+  const toggleRow = React__namespace.useCallback((k) => {
+    const { selectedKeys: selectedKeys2, onSelectionChange: onSelectionChange2 } = propsRef.current;
+    if (!onSelectionChange2) return;
+    const next = new Set(selectedKeys2);
+    if (next.has(k)) next.delete(k);
+    else next.add(k);
+    onSelectionChange2(next);
+  }, []);
+  const onSort = (col) => {
+    if (!col.sortable || !onSortChange) return;
+    if (!sort || sort.key !== col.key) onSortChange({ key: col.key, dir: "asc" });
+    else if (sort.dir === "asc") onSortChange({ key: col.key, dir: "desc" });
+    else onSortChange(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkPASF6T4H_js.cx(
+        "table-wrap",
+        stickyHeader && "table-wrap--sticky",
+        mobileLayout === "cards" && "table-wrap--cards",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "table data-table", "aria-label": ariaLabel, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          selectable && /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", style: { width: 40 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkHYUINOPJ_js.Checkbox,
+            {
+              ref: headerCbRef,
+              checked: !!allSelected,
+              onChange: toggleAll,
+              "aria-label": t["table.selectAll"]
+            }
+          ) }),
+          columns.map((c) => {
+            const active = sort?.key === c.key;
+            const align = c.align ?? (c.numeric ? "right" : "left");
+            const sortValue = c.sortable ? active ? sort.dir === "asc" ? "ascending" : "descending" : "none" : void 0;
+            const headerInner = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "data-table__th", children: [
+              c.header,
+              c.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "data-table__sort", "aria-hidden": "true", children: active ? sort.dir === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronUp, { size: 12 }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 12 }) : /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.MoreVertical, { size: 12 }) })
+            ] });
+            return /* @__PURE__ */ jsxRuntime.jsx(
+              "th",
+              {
+                scope: "col",
+                style: { width: c.width, textAlign: align },
+                "aria-sort": sortValue,
+                children: c.sortable ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "data-table__sort-btn",
+                    onClick: () => onSort(c),
+                    children: headerInner
+                  }
+                ) : headerInner
+              },
+              c.key
+            );
+          })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: error ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "td",
+          {
+            colSpan: columns.length + (selectable ? 1 : 0),
+            className: "data-table__error",
+            role: "alert",
+            style: { padding: 32, textAlign: "center" },
+            children: error
+          }
+        ) }) : loading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          selectable && /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "skel", style: { height: 14 } }) }),
+          columns.map((c) => /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "skel", style: { height: 12, width: "70%" } }) }, c.key))
+        ] }, `s${i}`)) : rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: columns.length + (selectable ? 1 : 0), style: { padding: 32 }, children: empty ?? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", color: "var(--fg-muted)" }, children: t["table.empty"] }) }) }) : rows.map((r) => {
+          const k = rowKey(r);
+          const label = rowLabel ? rowLabel(r) : k;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            DataTableRow,
+            {
+              row: r,
+              rowK: k,
+              selected: !!selectedKeys?.has(k),
+              selectable: !!selectable,
+              selectAriaLabel: chunkLIGJBHXU_js.format(t["table.selectRow"], { label }),
+              columns,
+              onToggle: toggleRow
+            },
+            k
+          );
+        }) })
+      ] })
+    }
+  );
+}
+var AccordionContext = React__namespace.createContext(null);
+function Accordion({ multiple = false, defaultOpen = [], children, className }) {
+  const [open, setOpen] = React__namespace.useState(new Set(defaultOpen));
+  const toggle = (id) => {
+    setOpen((curr) => {
+      const next = new Set(curr);
+      if (next.has(id)) next.delete(id);
+      else {
+        if (!multiple) next.clear();
+        next.add(id);
+      }
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { open, toggle, multiple }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("accordion", className), children }) });
+}
+function AccordionItem({ id, title, children }) {
+  const ctx = React__namespace.useContext(AccordionContext);
+  if (!ctx) throw new Error("<AccordionItem> must be used inside <Accordion>");
+  const isOpen = ctx.open.has(id);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("accordion__item", isOpen && "is-open"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "accordion__trigger",
+        "aria-expanded": isOpen,
+        onClick: () => ctx.toggle(id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "accordion__chev", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 14 }) })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "accordion__panel", children })
+  ] });
+}
+function Breadcrumbs({ items, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className: chunkPASF6T4H_js.cx("breadcrumbs", className), children: /* @__PURE__ */ jsxRuntime.jsx("ol", { children: items.map((it, i) => {
+    const last = i === items.length - 1;
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+      it.href && !last ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: it.href, children: it.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-current": last ? "page" : void 0, children: it.label }),
+      !last && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "breadcrumbs__sep", children: "/" })
+    ] }, i);
+  }) }) });
+}
+function TablePagination({
+  page,
+  pageSize,
+  total,
+  onPageChange,
+  onPageSizeChange,
+  pageSizeOptions = [10, 25, 50, 100],
+  className
+}) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  const selectId = React__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("table-pagination", className), children: [
+    onPageSizeChange && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "table-pagination__size", htmlFor: selectId, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: t["pagination.rowsPerPage"] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          id: selectId,
+          className: "select",
+          value: pageSize,
+          onChange: (e) => onPageSizeChange(Number(e.target.value)),
+          children: pageSizeOptions.map((n) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: n, children: n }, n))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkIMFQ55KO_js.Pagination,
+      {
+        page,
+        pageSize,
+        total,
+        onPageChange
+      }
+    )
+  ] });
+}
+var TableToolbar = React__namespace.forwardRef(
+  function TableToolbar2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkPASF6T4H_js.cx("table-toolbar", className), ...rest });
+  }
+);
+
+exports.Accordion = Accordion;
+exports.AccordionItem = AccordionItem;
+exports.Breadcrumbs = Breadcrumbs;
+exports.DataTable = DataTable;
+exports.TablePagination = TablePagination;
+exports.TableToolbar = TableToolbar;
+//# sourceMappingURL=chunk-BMZQ6L2C.js.map
+//# sourceMappingURL=chunk-BMZQ6L2C.js.map

package/dist/chunk-BMZQ6L2C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DataTable.tsx"],"names":["cx","jsx","Checkbox","React","useLocale","rows","rowKey","selectedKeys","onSelectionChange","jsxs","ChevronUp","ChevronDown","MoreVertical","format","Pagination","TableToolbar"],"mappings":"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","file":"chunk-BMZQ6L2C.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronUp, ChevronDown, MoreVertical } from './Icons';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- DataTableRow (memoized) -------------------------------------\n// Extracted as React.memo so unrelated parent re-renders don't churn through\n// every row in the table. Combined with a ref-stable `onToggle`, only the\n// row whose `selected` prop actually changed re-renders on toggle.\ninterface DataTableRowProps<T> {\n  row: T;\n  rowK: string;\n  selected: boolean;\n  selectable: boolean;\n  selectAriaLabel: string;\n  columns: Column<T>[];\n  onToggle: (k: string) => void;\n}\n\nfunction DataTableRowImpl<T>({\n  row, rowK, selected, selectable, selectAriaLabel, columns, onToggle,\n}: DataTableRowProps<T>) {\n  return (\n    <tr className={cx(selected && 'is-selected')}>\n      {selectable && (\n        <td>\n          <Checkbox\n            checked={selected}\n            onChange={() => onToggle(rowK)}\n            aria-label={selectAriaLabel}\n          />\n        </td>\n      )}\n      {columns.map((c) => {\n        const align = c.align ?? (c.numeric ? 'right' : 'left');\n        const value = c.accessor\n          ? c.accessor(row)\n          : (row as Record<string, unknown>)[c.key] as React.ReactNode;\n        // data-label is consumed by the .data-table--cards CSS to surface\n        // the column header as an inline label on each row when the table\n        // collapses to a card layout on narrow viewports. Non-string\n        // headers (e.g. JSX) can't be projected through `attr()` so we\n        // omit the attribute and the cell renders without a visible label.\n        const label = typeof c.header === 'string' ? c.header : undefined;\n        return (\n          <td\n            key={c.key}\n            className={cx(c.numeric && 'table__num')}\n            style={{ textAlign: align }}\n            data-label={label}\n          >\n            {value as React.ReactNode}\n          </td>\n        );\n      })}\n    </tr>\n  );\n}\n\n// Cast preserves the generic signature through React.memo.\nconst DataTableRow = React.memo(DataTableRowImpl) as typeof DataTableRowImpl;\n\n// ---------- DataTable ----------------------------------------------------\nexport interface Column<T> {\n  key: string;\n  header: React.ReactNode;\n  accessor?: (row: T) => React.ReactNode;\n  sortable?: boolean;\n  align?: 'left' | 'right' | 'center';\n  width?: number | string;\n  /**\n   * Marks the column as numeric: cells get the `.table__num` class\n   * (monospace + tabular alignment) and right-align by default.\n   */\n  numeric?: boolean;\n}\n\nexport interface DataTableProps<T> {\n  columns: Column<T>[];\n  rows: T[];\n  rowKey: (row: T) => string;\n  sort?: { key: string; dir: 'asc' | 'desc' } | null;\n  /**\n   * Sorting is uncontrolled inside the table — consumers re-order `rows`\n   * in response to `onSortChange`. Stability of equal-keyed rows is the\n   * caller's responsibility (use a stable sort like `Array.prototype.sort`\n   * in V8/Node ≥ 12, or a tiebreaker on rowKey).\n   */\n  onSortChange?: (s: { key: string; dir: 'asc' | 'desc' } | null) => void;\n  selectable?: boolean;\n  selectedKeys?: Set<string>;\n  /**\n   * \"Select all\" toggles only the rows currently passed to the component.\n   * If the consumer paginates externally and only passes the visible page,\n   * this selects the page — not the dataset across all pages.\n   */\n  onSelectionChange?: (keys: Set<string>) => void;\n  empty?: React.ReactNode;\n  /**\n   * Renders an error state in place of the body. Takes precedence over\n   * `loading`, `empty`, and rows. Use it when a fetch fails.\n   */\n  error?: React.ReactNode;\n  loading?: boolean;\n  /**\n   * Sticky-position the table header so it stays visible while the body\n   * scrolls. Requires the consumer to constrain the wrapper's height\n   * (e.g. wrapping `<DataTable>` in a `max-height: 60vh; overflow-y: auto`\n   * container) — without that, sticky has nothing to stick relative to.\n   */\n  stickyHeader?: boolean;\n  /**\n   * Layout for narrow viewports (`<600px`):\n   * - `'table'` (default): the table scrolls horizontally inside its wrapper.\n   * - `'cards'`: each row collapses to a stacked card with the column\n   *   header as an inline label per cell. Requires string `header` values\n   *   for the labels to appear; non-string headers render without a label.\n   */\n  mobileLayout?: 'table' | 'cards';\n  /** Accessible name announced by screen readers (e.g. \"Pedidos abiertos\"). */\n  ariaLabel?: string;\n  /**\n   * Builds the accessible label for the per-row checkbox so screen-reader\n   * users can tell rows apart. Defaults to the row's key. Provide this\n   * when the key isn't human-readable (e.g. a UUID).\n   */\n  rowLabel?: (row: T) => string;\n  className?: string;\n}\n\n/**\n * Tabular data renderer with optional sorting, selection, error/empty/\n * loading states.\n *\n * State priority (only one body state renders at a time):\n *   error > loading > empty > rows\n *\n * Known limits (deferred to a later release):\n * - No virtualization; tested up to ~200 rows. For large datasets, plug\n *   in react-window/tanstack-virtual around the body rows.\n */\nexport function DataTable<T>({\n  columns, rows, rowKey,\n  sort, onSortChange,\n  selectable, selectedKeys, onSelectionChange,\n  empty, error, loading, stickyHeader, mobileLayout = 'table',\n  ariaLabel, rowLabel, className,\n}: DataTableProps<T>) {\n  const t = useLocale();\n  const allSelected = selectable && rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));\n  const someSelected = selectable && !allSelected && rows.some((r) => selectedKeys?.has(rowKey(r)));\n  const headerCbRef = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    if (headerCbRef.current) headerCbRef.current.indeterminate = !!someSelected;\n  }, [someSelected]);\n\n  // Latest-props ref so toggleRow stays referentially stable across selection\n  // changes. Without this, every selection update would create a new\n  // toggleRow, defeating React.memo on DataTableRow.\n  const propsRef = React.useRef({ rows, rowKey, selectedKeys, onSelectionChange });\n  propsRef.current = { rows, rowKey, selectedKeys, onSelectionChange };\n\n  const toggleAll = React.useCallback(() => {\n    const { rows, rowKey, selectedKeys, onSelectionChange } = propsRef.current;\n    if (!onSelectionChange) return;\n    const allSel = rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));\n    const next = new Set(selectedKeys);\n    if (allSel) rows.forEach((r) => next.delete(rowKey(r)));\n    else rows.forEach((r) => next.add(rowKey(r)));\n    onSelectionChange(next);\n  }, []);\n\n  const toggleRow = React.useCallback((k: string) => {\n    const { selectedKeys, onSelectionChange } = propsRef.current;\n    if (!onSelectionChange) return;\n    const next = new Set(selectedKeys);\n    if (next.has(k)) next.delete(k); else next.add(k);\n    onSelectionChange(next);\n  }, []);\n\n  const onSort = (col: Column<T>) => {\n    if (!col.sortable || !onSortChange) return;\n    if (!sort || sort.key !== col.key) onSortChange({ key: col.key, dir: 'asc' });\n    else if (sort.dir === 'asc') onSortChange({ key: col.key, dir: 'desc' });\n    else onSortChange(null);\n  };\n\n  return (\n    <div\n      className={cx(\n        'table-wrap',\n        stickyHeader && 'table-wrap--sticky',\n        mobileLayout === 'cards' && 'table-wrap--cards',\n        className,\n      )}\n    >\n      <table className=\"table data-table\" aria-label={ariaLabel}>\n        <thead>\n          <tr>\n            {selectable && (\n              <th scope=\"col\" style={{ width: 40 }}>\n                <Checkbox\n                  ref={headerCbRef}\n                  checked={!!allSelected}\n                  onChange={toggleAll}\n                  aria-label={t['table.selectAll']}\n                />\n              </th>\n            )}\n            {columns.map((c) => {\n              const active = sort?.key === c.key;\n              const align = c.align ?? (c.numeric ? 'right' : 'left');\n              const sortValue = c.sortable\n                ? (active ? (sort!.dir === 'asc' ? 'ascending' : 'descending') : 'none')\n                : undefined;\n              const headerInner = (\n                <span className=\"data-table__th\">\n                  {c.header}\n                  {c.sortable && (\n                    <span className=\"data-table__sort\" aria-hidden=\"true\">\n                      {active ? (sort!.dir === 'asc' ? <ChevronUp size={12} /> : <ChevronDown size={12} />) : <MoreVertical size={12} />}\n                    </span>\n                  )}\n                </span>\n              );\n              return (\n                <th\n                  key={c.key}\n                  scope=\"col\"\n                  style={{ width: c.width, textAlign: align }}\n                  aria-sort={sortValue}\n                >\n                  {c.sortable ? (\n                    <button\n                      type=\"button\"\n                      className=\"data-table__sort-btn\"\n                      onClick={() => onSort(c)}\n                    >\n                      {headerInner}\n                    </button>\n                  ) : headerInner}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {error ? (\n            <tr>\n              <td\n                colSpan={columns.length + (selectable ? 1 : 0)}\n                className=\"data-table__error\"\n                role=\"alert\"\n                style={{ padding: 32, textAlign: 'center' }}\n              >\n                {error}\n              </td>\n            </tr>\n          ) : loading ? (\n            Array.from({ length: 5 }).map((_, i) => (\n              <tr key={`s${i}`}>\n                {selectable && <td><div className=\"skel\" style={{ height: 14 }} /></td>}\n                {columns.map((c) => <td key={c.key}><div className=\"skel\" style={{ height: 12, width: '70%' }} /></td>)}\n              </tr>\n            ))\n          ) : rows.length === 0 ? (\n            <tr>\n              <td colSpan={columns.length + (selectable ? 1 : 0)} style={{ padding: 32 }}>\n                {empty ?? <div style={{ textAlign: 'center', color: 'var(--fg-muted)' }}>{t['table.empty']}</div>}\n              </td>\n            </tr>\n          ) : (\n            rows.map((r) => {\n              const k = rowKey(r);\n              const label = rowLabel ? rowLabel(r) : k;\n              return (\n                <DataTableRow\n                  key={k}\n                  row={r}\n                  rowK={k}\n                  selected={!!selectedKeys?.has(k)}\n                  selectable={!!selectable}\n                  selectAriaLabel={format(t['table.selectRow'], { label })}\n                  columns={columns}\n                  onToggle={toggleRow}\n                />\n              );\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\n// ---------- Accordion ----------------------------------------------------\ninterface AccordionContextValue {\n  open: Set<string>;\n  toggle: (id: string) => void;\n  multiple: boolean;\n}\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\nexport interface AccordionProps {\n  multiple?: boolean;\n  defaultOpen?: string[];\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Accordion({ multiple = false, defaultOpen = [], children, className }: AccordionProps) {\n  const [open, setOpen] = React.useState<Set<string>>(new Set(defaultOpen));\n  const toggle = (id: string) => {\n    setOpen((curr) => {\n      const next = new Set(curr);\n      if (next.has(id)) next.delete(id);\n      else {\n        if (!multiple) next.clear();\n        next.add(id);\n      }\n      return next;\n    });\n  };\n  return (\n    <AccordionContext.Provider value={{ open, toggle, multiple }}>\n      <div className={cx('accordion', className)}>{children}</div>\n    </AccordionContext.Provider>\n  );\n}\n\nexport function AccordionItem({ id, title, children }: { id: string; title: React.ReactNode; children: React.ReactNode }) {\n  const ctx = React.useContext(AccordionContext);\n  if (!ctx) throw new Error('<AccordionItem> must be used inside <Accordion>');\n  const isOpen = ctx.open.has(id);\n  return (\n    <div className={cx('accordion__item', isOpen && 'is-open')}>\n      <button\n        type=\"button\"\n        className=\"accordion__trigger\"\n        aria-expanded={isOpen}\n        onClick={() => ctx.toggle(id)}\n      >\n        <span>{title}</span>\n        <span className=\"accordion__chev\" aria-hidden=\"true\"><ChevronDown size={14} /></span>\n      </button>\n      {isOpen && <div className=\"accordion__panel\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- Breadcrumbs --------------------------------------------------\nexport interface BreadcrumbItem {\n  label: React.ReactNode;\n  href?: string;\n}\n\nexport function Breadcrumbs({ items, className }: { items: BreadcrumbItem[]; className?: string }) {\n  return (\n    <nav aria-label=\"Breadcrumb\" className={cx('breadcrumbs', className)}>\n      <ol>\n        {items.map((it, i) => {\n          const last = i === items.length - 1;\n          return (\n            <li key={i}>\n              {it.href && !last ? <a href={it.href}>{it.label}</a> : <span aria-current={last ? 'page' : undefined}>{it.label}</span>}\n              {!last && <span aria-hidden=\"true\" className=\"breadcrumbs__sep\">/</span>}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n\n// ---------- TablePagination ---------------------------------------------\n// Convenience wrapper that pairs a page-size selector with a Pagination\n// row. Use it under a DataTable when the table is paginated externally.\nimport { Pagination } from './Inputs';\n\nexport interface TablePaginationProps {\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  /** If set, renders a page-size selector. Omit for fixed-size pagination. */\n  onPageSizeChange?: (size: number) => void;\n  /** Options shown in the page-size selector. Default `[10, 25, 50, 100]`. */\n  pageSizeOptions?: readonly number[];\n  className?: string;\n}\n\nexport function TablePagination({\n  page, pageSize, total, onPageChange,\n  onPageSizeChange, pageSizeOptions = [10, 25, 50, 100],\n  className,\n}: TablePaginationProps) {\n  const t = useLocale();\n  const selectId = React.useId();\n  return (\n    <div className={cx('table-pagination', className)}>\n      {onPageSizeChange && (\n        <label className=\"table-pagination__size\" htmlFor={selectId}>\n          <span>{t['pagination.rowsPerPage']}</span>\n          <select\n            id={selectId}\n            className=\"select\"\n            value={pageSize}\n            onChange={(e) => onPageSizeChange(Number(e.target.value))}\n          >\n            {pageSizeOptions.map((n) => (\n              <option key={n} value={n}>{n}</option>\n            ))}\n          </select>\n        </label>\n      )}\n      <Pagination\n        page={page}\n        pageSize={pageSize}\n        total={total}\n        onPageChange={onPageChange}\n      />\n    </div>\n  );\n}\n\n// ---------- TableToolbar -------------------------------------------------\n// Barra superior que se compone arriba (o dentro de un wrapper) de un DataTable.\n// Cualquier hijo con className \"grow\" se expande para empujar las acciones al lado.\nexport const TableToolbar = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function TableToolbar({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('table-toolbar', className)} {...rest} />;\n  }\n);\n"]}

package/dist/chunk-CHVTPN3K.mjs

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-CHVTPN3K.mjs.map
+//# sourceMappingURL=chunk-CHVTPN3K.mjs.map

package/dist/chunk-CHVTPN3K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-CHVTPN3K.mjs"}