@misael703/ui 1.33.0 → 1.35.0

package/README.md

@@ -254,6 +254,8 @@ import { AppShell } from '@misael703/ui';
 
 Para los `items.icon` del nav (especialmente en modo `collapsedRail`, donde sólo se ve el icono), usa el set ya empaquetado en `@misael703/ui` — no es necesario dibujar SVGs a mano: `Home`, `List`, `Wallet`, `History`, `ShoppingCart`, `CreditCard`, `Settings`, `Users`, etc. Catálogo completo en la sección [Iconos](#iconos) más abajo.
 
+Para el toggle de la hamburguesa (drawer móvil + colapsar el rail en desktop), pasa `showMenuToggle` y el kit lo renderiza al inicio de `header.left` con `aria-label`, `aria-expanded`, foco visible y el mismo `toggle()` DWIM (drawer en mobile, colapsado en desktop). Si necesitás un trigger custom seguís teniendo el render-prop `header.left={(api) => <button onClick={api.toggle}>…</button>}` — ambos coexisten (toggle del kit primero, contenido del consumer después).
+
 ### DataTable con miles de filas (virtualization)
 
 El kit no incluye virtualización built-in — para datasets grandes (>200 filas), envuelve el `<DataTable>` con `react-window` o `@tanstack/react-virtual`. Patrón base:

package/dist/{chunk-KXDLNZWQ.js → chunk-2XG3JEEO.js}

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunkAGMDYCGG_js = require('./chunk-AGMDYCGG.js');
-var chunkRJJH6UZU_js = require('./chunk-RJJH6UZU.js');
-var chunkU6ZXX4WF_js = require('./chunk-U6ZXX4WF.js');
+var chunkVJLOL7FR_js = require('./chunk-VJLOL7FR.js');
+var chunkHB5VGI2W_js = require('./chunk-HB5VGI2W.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
@@ -29,24 +29,41 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var INLINE_MAX_HEIGHT_PX = 140;
 function CommentThread({
   comments,
   onAdd,
   placeholder,
   allowInternal = false,
+  inputLayout = "stacked",
   className,
   ...rest
 }) {
   const [draft, setDraft] = React__namespace.useState("");
   const [internal, setInternal] = React__namespace.useState(false);
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   const ph = placeholder ?? t["comments.placeholder"];
+  const isInline = inputLayout === "inline";
+  const textareaRef = React__namespace.useRef(null);
+  React__namespace.useLayoutEffect(() => {
+    if (!isInline) return;
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, INLINE_MAX_HEIGHT_PX)}px`;
+  }, [draft, isInline]);
   const submit = () => {
     if (!draft.trim() || !onAdd) return;
     onAdd(draft, internal);
     setDraft("");
     setInternal(false);
   };
+  const onKeyDown = (e) => {
+    if (!isInline) return;
+    if (e.key !== "Enter" || e.shiftKey) return;
+    e.preventDefault();
+    submit();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("comments", className), ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "comments__list", children: comments.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkPASF6T4H_js.cx("comment", c.internal && "comment--internal"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkAGMDYCGG_js.Avatar, { name: c.author.name, src: c.author.avatarSrc, size: 32 }),
@@ -59,18 +76,20 @@ function CommentThread({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "comment__text", children: c.body })
       ] })
     ] }, c.id)) }),
-    onAdd && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "comments__compose", children: [
+    onAdd && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("comments__compose", isInline && "comments__compose--inline"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "textarea",
         {
+          ref: textareaRef,
           className: "textarea",
           value: draft,
           onChange: (e) => setDraft(e.target.value),
+          onKeyDown,
           placeholder: ph,
-          rows: 3
+          rows: isInline ? 1 : 3
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "comments__compose-actions", children: [
+      isInline ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn btn--primary btn--sm comments__compose-submit", disabled: !draft.trim(), onClick: submit, children: t["comments.send"] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "comments__compose-actions", children: [
         allowInternal && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "comments__internal-toggle", children: [
           /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: internal, onChange: (e) => setInternal(e.target.checked) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: t["comments.internalOnly"] })
@@ -81,7 +100,7 @@ function CommentThread({
   ] });
 }
 function AttachmentList({ attachments, emptyMessage, className, ...rest }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   const empty = emptyMessage ?? t["attachments.empty"];
   if (attachments.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "attachments__empty", children: empty });
@@ -103,8 +122,8 @@ function AttachmentList({ attachments, emptyMessage, className, ...rest }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "attachment__actions", children: [
-      a.url && /* @__PURE__ */ jsxRuntime.jsx("a", { href: a.url, download: true, className: "attachment__action", "aria-label": chunkRJJH6UZU_js.format(t["attachments.download"], { name: a.name }), children: /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.Download, { size: 16 }) }),
-      a.onRemove && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "attachment__action attachment__action--danger", "aria-label": chunkRJJH6UZU_js.format(t["attachments.remove"], { name: a.name }), onClick: a.onRemove, children: /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.Trash, { size: 16 }) })
+      a.url && /* @__PURE__ */ jsxRuntime.jsx("a", { href: a.url, download: true, className: "attachment__action", "aria-label": chunkVJLOL7FR_js.format(t["attachments.download"], { name: a.name }), children: /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.Download, { size: 16 }) }),
+      a.onRemove && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "attachment__action attachment__action--danger", "aria-label": chunkVJLOL7FR_js.format(t["attachments.remove"], { name: a.name }), onClick: a.onRemove, children: /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.Trash, { size: 16 }) })
     ] })
   ] }, a.id)) });
 }
@@ -113,5 +132,5 @@ var _internal = { X: chunkC4AKMVDZ_js.X };
 exports.AttachmentList = AttachmentList;
 exports.CommentThread = CommentThread;
 exports._internal = _internal;
-//# sourceMappingURL=chunk-KXDLNZWQ.js.map
-//# sourceMappingURL=chunk-KXDLNZWQ.js.map
+//# sourceMappingURL=chunk-2XG3JEEO.js.map
+//# sourceMappingURL=chunk-2XG3JEEO.js.map

package/dist/chunk-2XG3JEEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Comments.tsx"],"names":["React","useLocale","jsxs","cx","jsx","Avatar","FileText","format","Download","Trash","X"],"mappings":"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","file":"chunk-2XG3JEEO.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { FileText, Download, Trash, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- CommentThread ----------------------------------------------\nexport interface CommentItem {\n  id: string;\n  author: { name: string; avatarSrc?: string };\n  body: React.ReactNode;\n  timestamp: React.ReactNode;\n  internal?: boolean;\n}\n\nexport interface CommentThreadProps extends React.HTMLAttributes<HTMLDivElement> {\n  comments: CommentItem[];\n  onAdd?: (body: string, internal: boolean) => void;\n  placeholder?: string;\n  allowInternal?: boolean;\n  /**\n   * Compose layout. Default `'stacked'`: textarea on top, action row\n   * below (form-style). `'inline'`: textarea and submit button share a\n   * single row, the textarea auto-grows, and Enter submits while\n   * Shift+Enter inserts a newline — chat convention (Slack/Linear).\n   * `allowInternal` is ignored in `'inline'`; if you need the internal\n   * toggle, use `'stacked'`.\n   */\n  inputLayout?: 'stacked' | 'inline';\n}\n\n// Inline mode auto-grow ceiling. ~5 lines at the kit's default\n// textarea font/line-height; beyond this the textarea scrolls.\nconst INLINE_MAX_HEIGHT_PX = 140;\n\nexport function CommentThread({\n  comments, onAdd, placeholder,\n  allowInternal = false, inputLayout = 'stacked',\n  className, ...rest\n}: CommentThreadProps) {\n  const [draft, setDraft] = React.useState('');\n  const [internal, setInternal] = React.useState(false);\n  const t = useLocale();\n  const ph = placeholder ?? t['comments.placeholder'];\n  const isInline = inputLayout === 'inline';\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n  // Auto-grow in inline mode: reset to single-row, then size to\n  // scrollHeight, capped at INLINE_MAX_HEIGHT_PX. Runs on every draft\n  // change so deletes shrink the box too. Stacked mode keeps the static\n  // rows={3} height — no DOM measurement, no observable side-effect.\n  React.useLayoutEffect(() => {\n    if (!isInline) return;\n    const el = textareaRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${Math.min(el.scrollHeight, INLINE_MAX_HEIGHT_PX)}px`;\n  }, [draft, isInline]);\n\n  const submit = () => {\n    if (!draft.trim() || !onAdd) return;\n    onAdd(draft, internal);\n    setDraft('');\n    setInternal(false);\n  };\n\n  // Enter submits in inline mode; Shift+Enter inserts a newline. In\n  // stacked mode Enter keeps its default newline behaviour (form style).\n  const onKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (!isInline) return;\n    if (e.key !== 'Enter' || e.shiftKey) return;\n    e.preventDefault();\n    submit();\n  };\n\n  return (\n    <div className={cx('comments', className)} {...rest}>\n      <ul className=\"comments__list\">\n        {comments.map((c) => (\n          <li key={c.id} className={cx('comment', c.internal && 'comment--internal')}>\n            <Avatar name={c.author.name} src={c.author.avatarSrc} size={32} />\n            <div className=\"comment__body\">\n              <div className=\"comment__head\">\n                <span className=\"comment__author\">{c.author.name}</span>\n                <span className=\"comment__time\">{c.timestamp}</span>\n                {c.internal && <span className=\"comment__tag\">{t['comments.internalTag']}</span>}\n              </div>\n              <div className=\"comment__text\">{c.body}</div>\n            </div>\n          </li>\n        ))}\n      </ul>\n      {onAdd && (\n        <div className={cx('comments__compose', isInline && 'comments__compose--inline')}>\n          <textarea\n            ref={textareaRef}\n            className=\"textarea\"\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            onKeyDown={onKeyDown}\n            placeholder={ph}\n            rows={isInline ? 1 : 3}\n          />\n          {isInline ? (\n            <button type=\"button\" className=\"btn btn--primary btn--sm comments__compose-submit\" disabled={!draft.trim()} onClick={submit}>\n              {t['comments.send']}\n            </button>\n          ) : (\n            <div className=\"comments__compose-actions\">\n              {allowInternal && (\n                <label className=\"comments__internal-toggle\">\n                  <input type=\"checkbox\" checked={internal} onChange={(e) => setInternal(e.target.checked)} />\n                  <span>{t['comments.internalOnly']}</span>\n                </label>\n              )}\n              <button type=\"button\" className=\"btn btn--primary btn--sm\" disabled={!draft.trim()} onClick={submit}>\n                {t['comments.send']}\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------- AttachmentList ---------------------------------------------\nexport interface AttachmentItem {\n  id: string;\n  name: string;\n  size?: string;          // ya formateado: \"245 KB\"\n  url?: string;\n  uploadedBy?: string;\n  uploadedAt?: React.ReactNode;\n  icon?: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface AttachmentListProps extends React.HTMLAttributes<HTMLUListElement> {\n  attachments: AttachmentItem[];\n  emptyMessage?: React.ReactNode;\n}\n\nexport function AttachmentList({ attachments, emptyMessage, className, ...rest }: AttachmentListProps) {\n  const t = useLocale();\n  const empty = emptyMessage ?? t['attachments.empty'];\n  if (attachments.length === 0) {\n    return <div className=\"attachments__empty\">{empty}</div>;\n  }\n  return (\n    <ul className={cx('attachments', className)} {...rest}>\n      {attachments.map((a) => (\n        <li key={a.id} className=\"attachment\">\n          <span className=\"attachment__icon\" aria-hidden=\"true\">\n            {a.icon ?? <FileText size={20} />}\n          </span>\n          <div className=\"attachment__body\">\n            <div className=\"attachment__name\">{a.name}</div>\n            <div className=\"attachment__meta\">\n              {a.size && <span>{a.size}</span>}\n              {a.uploadedBy && <span>· {a.uploadedBy}</span>}\n              {a.uploadedAt && <span>· {a.uploadedAt}</span>}\n            </div>\n          </div>\n          <div className=\"attachment__actions\">\n            {a.url && (\n              <a href={a.url} download className=\"attachment__action\" aria-label={format(t['attachments.download'], { name: a.name })}>\n                <Download size={16} />\n              </a>\n            )}\n            {a.onRemove && (\n              <button type=\"button\" className=\"attachment__action attachment__action--danger\" aria-label={format(t['attachments.remove'], { name: a.name })} onClick={a.onRemove}>\n                <Trash size={16} />\n              </button>\n            )}\n          </div>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n// re-export para que el bundle no tenga dead imports\nexport const _internal = { X };\n"]}

package/dist/{chunk-NO3YQXB5.js → chunk-4XHKOZJD.js}

@@ -2,9 +2,9 @@
 'use strict';
 
 var chunk6SSTTJV4_js = require('./chunk-6SSTTJV4.js');
-var chunkMJAFMXPQ_js = require('./chunk-MJAFMXPQ.js');
-var chunkRJJH6UZU_js = require('./chunk-RJJH6UZU.js');
-var chunkU6ZXX4WF_js = require('./chunk-U6ZXX4WF.js');
+var chunkMWYYFA5X_js = require('./chunk-MWYYFA5X.js');
+var chunkVJLOL7FR_js = require('./chunk-VJLOL7FR.js');
+var chunkHB5VGI2W_js = require('./chunk-HB5VGI2W.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
@@ -118,7 +118,7 @@ function DataTable({
   renderRow,
   toolbar
 }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_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);
@@ -230,12 +230,12 @@ function DataTable({
                   rowK: k,
                   selected: !!selectedKeys?.has(k),
                   selectable: !!selectable,
-                  selectAriaLabel: chunkRJJH6UZU_js.format(t["table.selectRow"], { label }),
+                  selectAriaLabel: chunkVJLOL7FR_js.format(t["table.selectRow"], { label }),
                   columns,
                   onToggle: toggleRow,
                   href,
                   onActivate,
-                  actionLabel: chunkRJJH6UZU_js.format(t["table.rowAction"], { label }),
+                  actionLabel: chunkVJLOL7FR_js.format(t["table.rowAction"], { label }),
                   renderRow
                 },
                 k
@@ -320,7 +320,7 @@ function TablePagination({
   pageSizeOptions = [10, 25, 50, 100],
   className
 }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_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: [
@@ -337,7 +337,7 @@ function TablePagination({
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMJAFMXPQ_js.Pagination,
+      chunkMWYYFA5X_js.Pagination,
       {
         page,
         pageSize,
@@ -359,5 +359,5 @@ exports.Breadcrumbs = Breadcrumbs;
 exports.DataTable = DataTable;
 exports.TablePagination = TablePagination;
 exports.TableToolbar = TableToolbar;
-//# sourceMappingURL=chunk-NO3YQXB5.js.map
-//# sourceMappingURL=chunk-NO3YQXB5.js.map
+//# sourceMappingURL=chunk-4XHKOZJD.js.map
+//# sourceMappingURL=chunk-4XHKOZJD.js.map

package/dist/{chunk-NO3YQXB5.js.map → chunk-4XHKOZJD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DataTable.tsx"],"names":["jsxs","Fragment","cx","jsx","Checkbox","React","useLocale","rows","rowKey","selectedKeys","onSelectionChange","ChevronUp","ChevronDown","MoreVertical","format","Pagination","TableToolbar"],"mappings":"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","file":"chunk-NO3YQXB5.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  /** Resolved from `rowHref(row)` — makes the row a navigable link. */\n  href?: string;\n  /** Resolved from `onRowClick(row)` — makes the row activate a callback. */\n  onActivate?: () => void;\n  /** Accessible name for the stretched row control (e.g. \"Ver Taladro\"). */\n  actionLabel?: string;\n  /** Full-control escape hatch (see `DataTableProps.renderRow`). */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n}\n\nfunction DataTableRowImpl<T>({\n  row, rowK, selected, selectable, selectAriaLabel, columns, onToggle,\n  href, onActivate, actionLabel, renderRow,\n}: DataTableRowProps<T>) {\n  const interactive = !renderRow && (!!href || !!onActivate);\n\n  const cells = (\n    <>\n      {selectable && (\n        <td className={cx(interactive && 'data-table__cell--above')}>\n          <Checkbox\n            checked={selected}\n            onChange={() => onToggle(rowK)}\n            aria-label={selectAriaLabel}\n          />\n        </td>\n      )}\n      {columns.map((c, ci) => {\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            // `table__align-*` makes alignment authoritative for ANY cell\n            // content. `text-align` alone silently fails for a block/flex\n            // child (e.g. an action column of buttons → floated left); the\n            // class adds the matching `margin` auto so element children\n            // honor `align` too. Left cells emit no extra class → byte-\n            // identical to pre-1.10.0 (zero regression for the default).\n            className={cx(\n              c.numeric && 'table__num',\n              align !== 'left' && `table__align-${align}`,\n            )}\n            style={{ textAlign: align }}\n            data-label={label}\n          >\n            {/* Stretched row control: a real <a>/<button> in the first\n                data cell, overlaying the whole row (the <tr> is the\n                positioned ancestor). Keyboard-operable + SR-labelled +\n                valid table markup — no role hacks, no onClick-only div.\n                Visually empty; the cells stay the visible content. Other\n                interactive cell content opts above it via\n                `data-table__cell--above` (stretched-link pattern). */}\n            {interactive && ci === 0 && (\n              href ? (\n                <a\n                  href={href}\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              )\n            )}\n            {value as React.ReactNode}\n          </td>\n        );\n      })}\n    </>\n  );\n\n  if (renderRow) return <>{renderRow({ row, cells, rowKey: rowK })}</>;\n\n  return (\n    <tr className={cx(selected && 'is-selected', interactive && 'is-clickable')}>\n      {cells}\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. The wrapper itself becomes the vertical scroll container\n   * (the table is already overflow-x:auto, so an outer scroller can't reach\n   * the header). Defaults to `max-height: 70vh`; override by passing a\n   * `className` with a different `max-height`. Do NOT wrap `<DataTable>` in\n   * your own `overflow-y:auto` container — that breaks the sticky context.\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  /**\n   * Body density. Default `'compact'` (v1.10.0): a readable-dense register\n   * (~30px rows, `--text-xs`, single-line cells) — the right default for\n   * the data-heavy screens this kit serves (\"default = product\"). Pass\n   * `'comfortable'` to opt back into the pre-1.10.0 airy 14px/16px rows\n   * (which wrap to two lines).\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * Makes every row a navigable link. The kit renders a real, keyboard-\n   * operable, screen-reader-labelled `<a>` stretched over the row — valid\n   * table markup (no `role` hacks, no `asChild` on `<tr>`, never an\n   * onClick-only div). One Tab stop per row; Enter activates; the focus\n   * ring shows on the row. Additive; combinable with `onRowClick`.\n   */\n  rowHref?: (row: T) => string;\n  /**\n   * Makes every row activate a callback (pointer **and** keyboard).\n   * Renders a real stretched `<button>` with the same a11y guarantees as\n   * `rowHref`. Prefer `rowHref` when the action is navigation.\n   */\n  onRowClick?: (row: T) => void;\n  /**\n   * Full-control escape hatch — the render-prop polymorphism the kit uses\n   * for data/array-driven components (cf. `AppShell.linkAs`; deliberately\n   * NOT `asChild`, which would emit invalid markup on `<tr>`). Receives the\n   * row, the kit-rendered `cells`, and the row key; return your own row\n   * element (e.g. a framework `<Link>` wrapping a `<tr>`). When set,\n   * `rowHref`/`onRowClick` are ignored (you own row interactivity & a11y).\n   */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n  /**\n   * Toolbar / filter zone that shares the table's rounded surface. When\n   * set, the DataTable renders it INSIDE its own border+radius+overflow\n   * surface (`.table-surface`): the toolbar is clipped to the radius,\n   * there is exactly one divider between it and the header, and the\n   * header band's corner-rounding is dropped so the strip is clean in the\n   * corner — no card-border + filter-border + header-top stack, no seam.\n   * Accepts any node (`<TableToolbar>`, `<FilterBar>`, a custom row). The\n   * legacy sibling pattern (`<TableToolbar/><DataTable/>`) still works.\n   */\n  toolbar?: React.ReactNode;\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  density = 'compact', rowHref, onRowClick, renderRow, toolbar,\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  const wrap = (\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\n        className={cx(\n          'table data-table',\n          density === 'comfortable' && 'table--comfortable',\n        )}\n        aria-label={ariaLabel}\n      >\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              const href = rowHref?.(r);\n              const onActivate = onRowClick ? () => onRowClick(r) : undefined;\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                  href={href}\n                  onActivate={onActivate}\n                  actionLabel={format(t['table.rowAction'], { label })}\n                  renderRow={renderRow}\n                />\n              );\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n  // No toolbar → byte-identical legacy output. With a toolbar, the\n  // DataTable owns the single rounded+clipped+bordered surface; the inner\n  // .table-wrap defers its border/radius (CSS) and stays the scroll/sticky\n  // context, so existing behaviour is untouched.\n  return toolbar == null ? wrap : (\n    <div className=\"table-surface\">\n      <div className=\"table-surface__bar\">{toolbar}</div>\n      {wrap}\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  const reactId = React.useId();\n  const triggerId = `accordion-trigger-${reactId}`;\n  const panelId = `accordion-panel-${reactId}`;\n  return (\n    <div className={cx('accordion__item', isOpen && 'is-open')}>\n      <button\n        type=\"button\"\n        id={triggerId}\n        className=\"accordion__trigger\"\n        aria-expanded={isOpen}\n        aria-controls={panelId}\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 && (\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={triggerId}\n          className=\"accordion__panel\"\n        >\n          {children}\n        </div>\n      )}\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"]}
+{"version":3,"sources":["../src/components/DataTable.tsx"],"names":["jsxs","Fragment","cx","jsx","Checkbox","React","useLocale","rows","rowKey","selectedKeys","onSelectionChange","ChevronUp","ChevronDown","MoreVertical","format","Pagination","TableToolbar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAS,gBAAA,CAAoB;AAAA,EAC3B,GAAA;AAAA,EAAK,IAAA;AAAA,EAAM,QAAA;AAAA,EAAU,UAAA;AAAA,EAAY,eAAA;AAAA,EAAiB,OAAA;AAAA,EAAS,QAAA;AAAA,EAC3D,IAAA;AAAA,EAAM,UAAA;AAAA,EAAY,WAAA;AAAA,EAAa;AACjC,CAAA,EAAyB;AACvB,EAAA,MAAM,cAAc,CAAC,SAAA,KAAc,CAAC,CAAC,IAAA,IAAQ,CAAC,CAAC,UAAA,CAAA;AAE/C,EAAA,MAAM,wBACJA,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,UAAA,mCACE,IAAA,EAAA,EAAG,SAAA,EAAWC,mBAAA,CAAG,WAAA,IAAe,yBAAyB,CAAA,EACxD,QAAA,kBAAAC,cAAA;AAAA,MAACC,yBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,QAAA;AAAA,QACT,QAAA,EAAU,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,QAC7B,YAAA,EAAY;AAAA;AAAA,KACd,EACF,CAAA;AAAA,IAED,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,EAAG,EAAA,KAAO;AACtB,MAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,KAAA,KAAU,CAAA,CAAE,UAAU,OAAA,GAAU,MAAA,CAAA;AAChD,MAAA,MAAM,KAAA,GAAQ,EAAE,QAAA,GACZ,CAAA,CAAE,SAAS,GAAG,CAAA,GACb,GAAA,CAAgC,CAAA,CAAE,GAAG,CAAA;AAM1C,MAAA,MAAM,QAAQ,OAAO,CAAA,CAAE,MAAA,KAAW,QAAA,GAAW,EAAE,MAAA,GAAS,MAAA;AACxD,MAAA,uBACEJ,eAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAQC,SAAA,EAAWE,mBAAA;AAAA,YACT,EAAE,OAAA,IAAW,YAAA;AAAA,YACb,KAAA,KAAU,MAAA,IAAU,CAAA,aAAA,EAAgB,KAAK,CAAA;AAAA,WAC3C;AAAA,UACA,KAAA,EAAO,EAAE,SAAA,EAAW,KAAA,EAAM;AAAA,UAC1B,YAAA,EAAY,KAAA;AAAA,UASX,QAAA,EAAA;AAAA,YAAA,WAAA,IAAe,EAAA,KAAO,MACrB,IAAA,mBACEC,cAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,IAAA;AAAA,gBACA,SAAA,EAAU,qBAAA;AAAA,gBACV,YAAA,EAAY,WAAA;AAAA,gBACZ,OAAA,EAAS;AAAA;AAAA,aACX,mBAEAA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,qBAAA;AAAA,gBACV,YAAA,EAAY,WAAA;AAAA,gBACZ,OAAA,EAAS;AAAA;AAAA,aACX,CAAA;AAAA,YAGH;AAAA;AAAA,SAAA;AAAA,QAtCI,CAAA,CAAE;AAAA,OAuCT;AAAA,IAEJ,CAAC;AAAA,GAAA,EACH,CAAA;AAGF,EAAA,IAAI,SAAA,EAAW,uBAAOA,cAAA,CAAAF,mBAAA,EAAA,EAAG,QAAA,EAAA,SAAA,CAAU,EAAE,KAAK,KAAA,EAAO,MAAA,EAAQ,IAAA,EAAM,CAAA,EAAE,CAAA;AAEjE,EAAA,uBACEE,cAAA,CAAC,QAAG,SAAA,EAAWD,mBAAA,CAAG,YAAY,aAAA,EAAe,WAAA,IAAe,cAAc,CAAA,EACvE,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAGA,IAAM,YAAA,GAAqBG,sBAAK,gBAAgB,CAAA;AAiIzC,SAAS,SAAA,CAAa;AAAA,EAC3B,OAAA;AAAA,EAAS,IAAA;AAAA,EAAM,MAAA;AAAA,EACf,IAAA;AAAA,EAAM,YAAA;AAAA,EACN,UAAA;AAAA,EAAY,YAAA;AAAA,EAAc,iBAAA;AAAA,EAC1B,KAAA;AAAA,EAAO,KAAA;AAAA,EAAO,OAAA;AAAA,EAAS,YAAA;AAAA,EAAc,YAAA,GAAe,OAAA;AAAA,EACpD,SAAA;AAAA,EAAW,QAAA;AAAA,EAAU,SAAA;AAAA,EACrB,OAAA,GAAU,SAAA;AAAA,EAAW,OAAA;AAAA,EAAS,UAAA;AAAA,EAAY,SAAA;AAAA,EAAW;AACvD,CAAA,EAAsB;AACpB,EAAA,MAAM,IAAIC,0BAAA,EAAU;AACpB,EAAA,MAAM,WAAA,GAAc,UAAA,IAAc,IAAA,CAAK,MAAA,GAAS,KAAK,IAAA,CAAK,KAAA,CAAM,CAAC,CAAA,KAAM,YAAA,EAAc,GAAA,CAAI,MAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AACnG,EAAA,MAAM,YAAA,GAAe,UAAA,IAAc,CAAC,WAAA,IAAe,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,KAAM,YAAA,EAAc,GAAA,CAAI,MAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AAChG,EAAA,MAAM,WAAA,GAAoBD,wBAAyB,IAAI,CAAA;AACvD,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,YAAY,OAAA,EAAS,WAAA,CAAY,OAAA,CAAQ,aAAA,GAAgB,CAAC,CAAC,YAAA;AAAA,EACjE,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAKjB,EAAA,MAAM,WAAiBA,gBAAA,CAAA,MAAA,CAAO,EAAE,MAAM,MAAA,EAAQ,YAAA,EAAc,mBAAmB,CAAA;AAC/E,EAAA,QAAA,CAAS,OAAA,GAAU,EAAE,IAAA,EAAM,MAAA,EAAQ,cAAc,iBAAA,EAAkB;AAEnE,EAAA,MAAM,SAAA,GAAkBA,6BAAY,MAAM;AACxC,IAAA,MAAM,EAAE,IAAA,EAAAE,KAAAA,EAAM,MAAA,EAAAC,OAAAA,EAAQ,cAAAC,aAAAA,EAAc,iBAAA,EAAAC,kBAAAA,EAAkB,GAAI,QAAA,CAAS,OAAA;AACnE,IAAA,IAAI,CAACA,kBAAAA,EAAmB;AACxB,IAAA,MAAM,MAAA,GAASH,KAAAA,CAAK,MAAA,GAAS,CAAA,IAAKA,KAAAA,CAAK,KAAA,CAAM,CAAC,CAAA,KAAME,aAAAA,EAAc,GAAA,CAAID,OAAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AAChF,IAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAIC,aAAY,CAAA;AACjC,IAAA,IAAI,MAAA,EAAQF,KAAAA,CAAK,OAAA,CAAQ,CAAC,CAAA,KAAM,IAAA,CAAK,MAAA,CAAOC,OAAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AAAA,SACjDD,KAAAA,CAAK,OAAA,CAAQ,CAAC,CAAA,KAAM,KAAK,GAAA,CAAIC,OAAAA,CAAO,CAAC,CAAC,CAAC,CAAA;AAC5C,IAAAE,mBAAkB,IAAI,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,SAAA,GAAkBL,gBAAA,CAAA,WAAA,CAAY,CAAC,CAAA,KAAc;AACjD,IAAA,MAAM,EAAE,YAAA,EAAAI,aAAAA,EAAc,iBAAA,EAAAC,kBAAAA,KAAsB,QAAA,CAAS,OAAA;AACrD,IAAA,IAAI,CAACA,kBAAAA,EAAmB;AACxB,IAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAID,aAAY,CAAA;AACjC,IAAA,IAAI,KAAK,GAAA,CAAI,CAAC,CAAA,EAAG,IAAA,CAAK,OAAO,CAAC,CAAA;AAAA,SAAQ,IAAA,CAAK,IAAI,CAAC,CAAA;AAChD,IAAAC,mBAAkB,IAAI,CAAA;AAAA,EACxB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,MAAA,GAAS,CAAC,GAAA,KAAmB;AACjC,IAAA,IAAI,CAAC,GAAA,CAAI,QAAA,IAAY,CAAC,YAAA,EAAc;AACpC,IAAA,IAAI,CAAC,IAAA,IAAQ,IAAA,CAAK,GAAA,KAAQ,GAAA,CAAI,GAAA,EAAK,YAAA,CAAa,EAAE,GAAA,EAAK,GAAA,CAAI,GAAA,EAAK,GAAA,EAAK,OAAO,CAAA;AAAA,SAAA,IACnE,IAAA,CAAK,GAAA,KAAQ,KAAA,EAAO,YAAA,CAAa,EAAE,KAAK,GAAA,CAAI,GAAA,EAAK,GAAA,EAAK,MAAA,EAAQ,CAAA;AAAA,sBACrD,IAAI,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,MAAM,IAAA,mBACJP,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,mBAAA;AAAA,QACT,YAAA;AAAA,QACA,YAAA,IAAgB,oBAAA;AAAA,QAChB,iBAAiB,OAAA,IAAW,mBAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAF,eAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWE,mBAAA;AAAA,YACT,kBAAA;AAAA,YACA,YAAY,aAAA,IAAiB;AAAA,WAC/B;AAAA,UACA,YAAA,EAAY,SAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,OAAA,EAAA,EACC,0CAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,UAAA,oBACCA,cAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,OAAO,EAAE,KAAA,EAAO,IAAG,EACjC,QAAA,kBAAAA,cAAA;AAAA,gBAACC,yBAAA;AAAA,gBAAA;AAAA,kBACC,GAAA,EAAK,WAAA;AAAA,kBACL,OAAA,EAAS,CAAC,CAAC,WAAA;AAAA,kBACX,QAAA,EAAU,SAAA;AAAA,kBACV,YAAA,EAAY,EAAE,iBAAiB;AAAA;AAAA,eACjC,EACF,CAAA;AAAA,cAED,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,gBAAA,MAAM,MAAA,GAAS,IAAA,EAAM,GAAA,KAAQ,CAAA,CAAE,GAAA;AAC/B,gBAAA,MAAM,KAAA,GAAQ,CAAA,CAAE,KAAA,KAAU,CAAA,CAAE,UAAU,OAAA,GAAU,MAAA,CAAA;AAChD,gBAAA,MAAM,SAAA,GAAY,EAAE,QAAA,GACf,MAAA,GAAU,KAAM,GAAA,KAAQ,KAAA,GAAQ,WAAA,GAAc,YAAA,GAAgB,MAAA,GAC/D,MAAA;AACJ,gBAAA,MAAM,WAAA,mBACJJ,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,kBAAA,CAAA,CAAE,MAAA;AAAA,kBACF,CAAA,CAAE,QAAA,oBACDG,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAmB,aAAA,EAAY,MAAA,EAC5C,QAAA,EAAA,MAAA,GAAU,IAAA,CAAM,GAAA,KAAQ,KAAA,mBAAQA,cAAA,CAACQ,8BAAU,IAAA,EAAM,EAAA,EAAI,CAAA,mBAAKR,cAAA,CAACS,4BAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,CAAA,mBAAMT,cAAA,CAACU,6BAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,CAAA,EAClH;AAAA,iBAAA,EAEJ,CAAA;AAEF,gBAAA,uBACEV,cAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBAEC,KAAA,EAAM,KAAA;AAAA,oBACN,OAAO,EAAE,KAAA,EAAO,CAAA,CAAE,KAAA,EAAO,WAAW,KAAA,EAAM;AAAA,oBAC1C,WAAA,EAAW,SAAA;AAAA,oBAEV,YAAE,QAAA,mBACDA,cAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAK,QAAA;AAAA,wBACL,SAAA,EAAU,sBAAA;AAAA,wBACV,OAAA,EAAS,MAAM,MAAA,CAAO,CAAC,CAAA;AAAA,wBAEtB,QAAA,EAAA;AAAA;AAAA,qBACH,GACE;AAAA,mBAAA;AAAA,kBAbC,CAAA,CAAE;AAAA,iBAcT;AAAA,cAEJ,CAAC;AAAA,aAAA,EACH,CAAA,EACF,CAAA;AAAA,4BACAA,cAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA,KAAA,mBACCA,cAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAAA,cAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,OAAA,CAAQ,MAAA,IAAU,UAAA,GAAa,CAAA,GAAI,CAAA,CAAA;AAAA,gBAC5C,SAAA,EAAU,mBAAA;AAAA,gBACV,IAAA,EAAK,OAAA;AAAA,gBACL,KAAA,EAAO,EAAE,OAAA,EAAS,EAAA,EAAI,WAAW,QAAA,EAAS;AAAA,gBAEzC,QAAA,EAAA;AAAA;AAAA,aACH,EACF,CAAA,GACE,OAAA,GACF,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,CAAA,EAAG,EAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,qCAC/B,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,UAAA,oBAAcA,cAAA,CAAC,IAAA,EAAA,EAAG,QAAA,kBAAAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO,KAAA,EAAO,EAAE,MAAA,EAAQ,EAAA,EAAG,EAAG,CAAA,EAAE,CAAA;AAAA,cACjE,OAAA,CAAQ,IAAI,CAAC,CAAA,oCAAO,IAAA,EAAA,EAAe,QAAA,kBAAAA,cAAA,CAAC,SAAI,SAAA,EAAU,MAAA,EAAO,OAAO,EAAE,MAAA,EAAQ,IAAI,KAAA,EAAO,KAAA,IAAS,CAAA,EAAA,EAAlE,CAAA,CAAE,GAAkE,CAAK;AAAA,aAAA,EAAA,EAF/F,IAAI,CAAC,CAAA,CAGd,CACD,CAAA,GACC,IAAA,CAAK,WAAW,CAAA,mBAClBA,cAAA,CAAC,QACC,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAS,OAAA,CAAQ,MAAA,IAAU,aAAa,CAAA,GAAI,CAAA,CAAA,EAAI,OAAO,EAAE,OAAA,EAAS,EAAA,EAAG,EACtE,mCAASA,cAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,SAAA,EAAW,UAAU,KAAA,EAAO,iBAAA,IAAsB,QAAA,EAAA,CAAA,CAAE,aAAa,GAAE,CAAA,EAC7F,CAAA,EACF,IAEA,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,KAAM;AACd,cAAA,MAAM,CAAA,GAAI,OAAO,CAAC,CAAA;AAClB,cAAA,MAAM,KAAA,GAAQ,QAAA,GAAW,QAAA,CAAS,CAAC,CAAA,GAAI,CAAA;AACvC,cAAA,MAAM,IAAA,GAAO,UAAU,CAAC,CAAA;AACxB,cAAA,MAAM,UAAA,GAAa,UAAA,GAAa,MAAM,UAAA,CAAW,CAAC,CAAA,GAAI,MAAA;AACtD,cAAA,uBACEA,cAAA;AAAA,gBAAC,YAAA;AAAA,gBAAA;AAAA,kBAEC,GAAA,EAAK,CAAA;AAAA,kBACL,IAAA,EAAM,CAAA;AAAA,kBACN,QAAA,EAAU,CAAC,CAAC,YAAA,EAAc,IAAI,CAAC,CAAA;AAAA,kBAC/B,UAAA,EAAY,CAAC,CAAC,UAAA;AAAA,kBACd,iBAAiBW,uBAAA,CAAO,CAAA,CAAE,iBAAiB,CAAA,EAAG,EAAE,OAAO,CAAA;AAAA,kBACvD,OAAA;AAAA,kBACA,QAAA,EAAU,SAAA;AAAA,kBACV,IAAA;AAAA,kBACA,UAAA;AAAA,kBACA,aAAaA,uBAAA,CAAO,CAAA,CAAE,iBAAiB,CAAA,EAAG,EAAE,OAAO,CAAA;AAAA,kBACnD;AAAA,iBAAA;AAAA,gBAXK;AAAA,eAYP;AAAA,YAEJ,CAAC,CAAA,EAEL;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAMF,EAAA,OAAO,WAAW,IAAA,GAAO,IAAA,mBACvBd,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,eAAA,EACb,QAAA,EAAA;AAAA,oBAAAG,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IAC5C;AAAA,GAAA,EACH,CAAA;AAEJ;AAQA,IAAM,gBAAA,GAAyBE,+BAA4C,IAAI,CAAA;AASxE,SAAS,SAAA,CAAU,EAAE,QAAA,GAAW,KAAA,EAAO,cAAc,EAAC,EAAG,QAAA,EAAU,SAAA,EAAU,EAAmB;AACrG,EAAA,MAAM,CAAC,MAAM,OAAO,CAAA,GAAUA,0BAAsB,IAAI,GAAA,CAAI,WAAW,CAAC,CAAA;AACxE,EAAA,MAAM,MAAA,GAAS,CAAC,EAAA,KAAe;AAC7B,IAAA,OAAA,CAAQ,CAAC,IAAA,KAAS;AAChB,MAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,MAAA,IAAI,KAAK,GAAA,CAAI,EAAE,CAAA,EAAG,IAAA,CAAK,OAAO,EAAE,CAAA;AAAA,WAC3B;AACH,QAAA,IAAI,CAAC,QAAA,EAAU,IAAA,CAAK,KAAA,EAAM;AAC1B,QAAA,IAAA,CAAK,IAAI,EAAE,CAAA;AAAA,MACb;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA;AACA,EAAA,sCACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,EAAE,MAAM,MAAA,EAAQ,QAAA,EAAS,EACzD,QAAA,kBAAAF,cAAA,CAAC,SAAI,SAAA,EAAWD,mBAAA,CAAG,aAAa,SAAS,CAAA,EAAI,UAAS,CAAA,EACxD,CAAA;AAEJ;AAEO,SAAS,aAAA,CAAc,EAAE,EAAA,EAAI,KAAA,EAAO,UAAS,EAAsE;AACxH,EAAA,MAAM,GAAA,GAAYG,4BAAW,gBAAgB,CAAA;AAC7C,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,iDAAiD,CAAA;AAC3E,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,EAAE,CAAA;AAC9B,EAAA,MAAM,UAAgBA,gBAAA,CAAA,KAAA,EAAM;AAC5B,EAAA,MAAM,SAAA,GAAY,qBAAqB,OAAO,CAAA,CAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,mBAAmB,OAAO,CAAA,CAAA;AAC1C,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWH,oBAAG,iBAAA,EAAmB,MAAA,IAAU,SAAS,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAAF,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,EAAA,EAAI,SAAA;AAAA,QACJ,SAAA,EAAU,oBAAA;AAAA,QACV,eAAA,EAAe,MAAA;AAAA,QACf,eAAA,EAAe,OAAA;AAAA,QACf,OAAA,EAAS,MAAM,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA;AAAA,QAE5B,QAAA,EAAA;AAAA,0BAAAG,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACbA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,aAAA,EAAY,QAAO,QAAA,kBAAAA,cAAA,CAACS,4BAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,CAAA,EAAE;AAAA;AAAA;AAAA,KAChF;AAAA,IACC,MAAA,oBACCT,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,IAAA,EAAK,QAAA;AAAA,QACL,iBAAA,EAAiB,SAAA;AAAA,QACjB,SAAA,EAAU,kBAAA;AAAA,QAET;AAAA;AAAA;AACH,GAAA,EAEJ,CAAA;AAEJ;AAQO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,SAAA,EAAU,EAAoD;AACjG,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,YAAA,EAAa,WAAWD,mBAAA,CAAG,aAAA,EAAe,SAAS,CAAA,EACjE,yCAAC,IAAA,EAAA,EACE,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAI,CAAA,KAAM;AACpB,IAAA,MAAM,IAAA,GAAO,CAAA,KAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAClC,IAAA,uCACG,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,EAAA,CAAG,QAAQ,CAAC,IAAA,kCAAQ,GAAA,EAAA,EAAE,IAAA,EAAM,GAAG,IAAA,EAAO,QAAA,EAAA,EAAA,CAAG,KAAA,EAAM,CAAA,kCAAQ,MAAA,EAAA,EAAK,cAAA,EAAc,OAAO,MAAA,GAAS,MAAA,EAAY,aAAG,KAAA,EAAM,CAAA;AAAA,MAC/G,CAAC,wBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAAC;AAAA,KAAA,EAAA,EAF1D,CAGT,CAAA;AAAA,EAEJ,CAAC,GACH,CAAA,EACF,CAAA;AAEJ;AAmBO,SAAS,eAAA,CAAgB;AAAA,EAC9B,IAAA;AAAA,EAAM,QAAA;AAAA,EAAU,KAAA;AAAA,EAAO,YAAA;AAAA,EACvB,gBAAA;AAAA,EAAkB,eAAA,GAAkB,CAAC,EAAA,EAAI,EAAA,EAAI,IAAI,GAAG,CAAA;AAAA,EACpD;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,IAAIG,0BAAA,EAAU;AACpB,EAAA,MAAM,WAAiBD,gBAAA,CAAA,KAAA,EAAM;AAC7B,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWH,mBAAA,CAAG,kBAAA,EAAoB,SAAS,CAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,gBAAA,oBACCF,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,SAAS,QAAA,EACjD,QAAA,EAAA;AAAA,sBAAAG,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAAE,CAAA;AAAA,sBACnCA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,QAAA;AAAA,UACJ,SAAA,EAAU,QAAA;AAAA,UACV,KAAA,EAAO,QAAA;AAAA,UACP,QAAA,EAAU,CAAC,CAAA,KAAM,gBAAA,CAAiB,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,UAEvD,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,CAAA,qBACpBA,cAAA,CAAC,YAAe,KAAA,EAAO,CAAA,EAAI,QAAA,EAAA,CAAA,EAAA,EAAd,CAAgB,CAC9B;AAAA;AAAA;AACH,KAAA,EACF,CAAA;AAAA,oBAEFA,cAAA;AAAA,MAACY,2BAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAKO,IAAM,YAAA,GAAqBV,gBAAA,CAAA,UAAA;AAAA,EAChC,SAASW,aAAAA,CAAa,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AACjD,IAAA,uBAAOb,cAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAWD,oBAAG,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAC7E;AACF","file":"chunk-4XHKOZJD.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  /** Resolved from `rowHref(row)` — makes the row a navigable link. */\n  href?: string;\n  /** Resolved from `onRowClick(row)` — makes the row activate a callback. */\n  onActivate?: () => void;\n  /** Accessible name for the stretched row control (e.g. \"Ver Taladro\"). */\n  actionLabel?: string;\n  /** Full-control escape hatch (see `DataTableProps.renderRow`). */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n}\n\nfunction DataTableRowImpl<T>({\n  row, rowK, selected, selectable, selectAriaLabel, columns, onToggle,\n  href, onActivate, actionLabel, renderRow,\n}: DataTableRowProps<T>) {\n  const interactive = !renderRow && (!!href || !!onActivate);\n\n  const cells = (\n    <>\n      {selectable && (\n        <td className={cx(interactive && 'data-table__cell--above')}>\n          <Checkbox\n            checked={selected}\n            onChange={() => onToggle(rowK)}\n            aria-label={selectAriaLabel}\n          />\n        </td>\n      )}\n      {columns.map((c, ci) => {\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            // `table__align-*` makes alignment authoritative for ANY cell\n            // content. `text-align` alone silently fails for a block/flex\n            // child (e.g. an action column of buttons → floated left); the\n            // class adds the matching `margin` auto so element children\n            // honor `align` too. Left cells emit no extra class → byte-\n            // identical to pre-1.10.0 (zero regression for the default).\n            className={cx(\n              c.numeric && 'table__num',\n              align !== 'left' && `table__align-${align}`,\n            )}\n            style={{ textAlign: align }}\n            data-label={label}\n          >\n            {/* Stretched row control: a real <a>/<button> in the first\n                data cell, overlaying the whole row (the <tr> is the\n                positioned ancestor). Keyboard-operable + SR-labelled +\n                valid table markup — no role hacks, no onClick-only div.\n                Visually empty; the cells stay the visible content. Other\n                interactive cell content opts above it via\n                `data-table__cell--above` (stretched-link pattern). */}\n            {interactive && ci === 0 && (\n              href ? (\n                <a\n                  href={href}\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"data-table__rowlink\"\n                  aria-label={actionLabel}\n                  onClick={onActivate}\n                />\n              )\n            )}\n            {value as React.ReactNode}\n          </td>\n        );\n      })}\n    </>\n  );\n\n  if (renderRow) return <>{renderRow({ row, cells, rowKey: rowK })}</>;\n\n  return (\n    <tr className={cx(selected && 'is-selected', interactive && 'is-clickable')}>\n      {cells}\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. The wrapper itself becomes the vertical scroll container\n   * (the table is already overflow-x:auto, so an outer scroller can't reach\n   * the header). Defaults to `max-height: 70vh`; override by passing a\n   * `className` with a different `max-height`. Do NOT wrap `<DataTable>` in\n   * your own `overflow-y:auto` container — that breaks the sticky context.\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  /**\n   * Body density. Default `'compact'` (v1.10.0): a readable-dense register\n   * (~30px rows, `--text-xs`, single-line cells) — the right default for\n   * the data-heavy screens this kit serves (\"default = product\"). Pass\n   * `'comfortable'` to opt back into the pre-1.10.0 airy 14px/16px rows\n   * (which wrap to two lines).\n   */\n  density?: 'comfortable' | 'compact';\n  /**\n   * Makes every row a navigable link. The kit renders a real, keyboard-\n   * operable, screen-reader-labelled `<a>` stretched over the row — valid\n   * table markup (no `role` hacks, no `asChild` on `<tr>`, never an\n   * onClick-only div). One Tab stop per row; Enter activates; the focus\n   * ring shows on the row. Additive; combinable with `onRowClick`.\n   */\n  rowHref?: (row: T) => string;\n  /**\n   * Makes every row activate a callback (pointer **and** keyboard).\n   * Renders a real stretched `<button>` with the same a11y guarantees as\n   * `rowHref`. Prefer `rowHref` when the action is navigation.\n   */\n  onRowClick?: (row: T) => void;\n  /**\n   * Full-control escape hatch — the render-prop polymorphism the kit uses\n   * for data/array-driven components (cf. `AppShell.linkAs`; deliberately\n   * NOT `asChild`, which would emit invalid markup on `<tr>`). Receives the\n   * row, the kit-rendered `cells`, and the row key; return your own row\n   * element (e.g. a framework `<Link>` wrapping a `<tr>`). When set,\n   * `rowHref`/`onRowClick` are ignored (you own row interactivity & a11y).\n   */\n  renderRow?: (args: {\n    row: T;\n    cells: React.ReactNode;\n    rowKey: string;\n  }) => React.ReactNode;\n  /**\n   * Toolbar / filter zone that shares the table's rounded surface. When\n   * set, the DataTable renders it INSIDE its own border+radius+overflow\n   * surface (`.table-surface`): the toolbar is clipped to the radius,\n   * there is exactly one divider between it and the header, and the\n   * header band's corner-rounding is dropped so the strip is clean in the\n   * corner — no card-border + filter-border + header-top stack, no seam.\n   * Accepts any node (`<TableToolbar>`, `<FilterBar>`, a custom row). The\n   * legacy sibling pattern (`<TableToolbar/><DataTable/>`) still works.\n   */\n  toolbar?: React.ReactNode;\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  density = 'compact', rowHref, onRowClick, renderRow, toolbar,\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  const wrap = (\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\n        className={cx(\n          'table data-table',\n          density === 'comfortable' && 'table--comfortable',\n        )}\n        aria-label={ariaLabel}\n      >\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              const href = rowHref?.(r);\n              const onActivate = onRowClick ? () => onRowClick(r) : undefined;\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                  href={href}\n                  onActivate={onActivate}\n                  actionLabel={format(t['table.rowAction'], { label })}\n                  renderRow={renderRow}\n                />\n              );\n            })\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n  // No toolbar → byte-identical legacy output. With a toolbar, the\n  // DataTable owns the single rounded+clipped+bordered surface; the inner\n  // .table-wrap defers its border/radius (CSS) and stays the scroll/sticky\n  // context, so existing behaviour is untouched.\n  return toolbar == null ? wrap : (\n    <div className=\"table-surface\">\n      <div className=\"table-surface__bar\">{toolbar}</div>\n      {wrap}\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  const reactId = React.useId();\n  const triggerId = `accordion-trigger-${reactId}`;\n  const panelId = `accordion-panel-${reactId}`;\n  return (\n    <div className={cx('accordion__item', isOpen && 'is-open')}>\n      <button\n        type=\"button\"\n        id={triggerId}\n        className=\"accordion__trigger\"\n        aria-expanded={isOpen}\n        aria-controls={panelId}\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 && (\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={triggerId}\n          className=\"accordion__panel\"\n        >\n          {children}\n        </div>\n      )}\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-BJHR3ALO.js → chunk-542LEDCL.js}

@@ -3,7 +3,7 @@
 
 var chunkMVJITG75_js = require('./chunk-MVJITG75.js');
 var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
-var chunkU6ZXX4WF_js = require('./chunk-U6ZXX4WF.js');
+var chunkHB5VGI2W_js = require('./chunk-HB5VGI2W.js');
 var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
 var chunkCRKYET66_js = require('./chunk-CRKYET66.js');
 var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
@@ -46,7 +46,7 @@ function Combobox({
   searchable = true,
   renderOption
 }) {
-  const locale = chunkU6ZXX4WF_js.useLocale();
+  const locale = chunkHB5VGI2W_js.useLocale();
   const ph = placeholder ?? locale["common.search"];
   const empty = emptyMessage ?? locale["common.noResults"];
   const [open, setOpen] = React__namespace.useState(false);
@@ -211,7 +211,7 @@ function DatePicker({
   id,
   format = "auto"
 }) {
-  const locale = chunkU6ZXX4WF_js.useLocale();
+  const locale = chunkHB5VGI2W_js.useLocale();
   const fmt = chunkMVJITG75_js.resolveDateFormat(format);
   const ph = placeholder ?? chunkMVJITG75_js.dateFormatPlaceholder(fmt);
   const weekdays = locale["picker.weekdaysShort"];
@@ -328,7 +328,7 @@ function FileUpload({
   const [drag, setDrag] = React__namespace.useState(false);
   const inputRef = React__namespace.useRef(null);
   const hintId = React__namespace.useId();
-  const locale = chunkU6ZXX4WF_js.useLocale();
+  const locale = chunkHB5VGI2W_js.useLocale();
   const handle = (list) => {
     if (!list) return;
     let arr = Array.from(list);
@@ -486,7 +486,7 @@ function YearPicker({
   id,
   className
 }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   const base = value ?? (/* @__PURE__ */ new Date()).getFullYear();
   const [decade, setDecade] = React__namespace.useState(Math.floor(base / 10) * 10);
   React__namespace.useEffect(() => {
@@ -534,7 +534,7 @@ function MonthPicker({
   id,
   className
 }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   const months = t["calendar.months"];
   const base = value ?? /* @__PURE__ */ new Date();
   const [year, setYear] = React__namespace.useState(base.getFullYear());
@@ -576,5 +576,5 @@ exports.DatePicker = DatePicker;
 exports.FileUpload = FileUpload;
 exports.MonthPicker = MonthPicker;
 exports.YearPicker = YearPicker;
-//# sourceMappingURL=chunk-BJHR3ALO.js.map
-//# sourceMappingURL=chunk-BJHR3ALO.js.map
+//# sourceMappingURL=chunk-542LEDCL.js.map
+//# sourceMappingURL=chunk-542LEDCL.js.map