@misael703/ui 1.9.1 → 1.10.0

package/dist/{chunk-PDLQUQK7.mjs → chunk-WDDSHKU2.mjs}

@@ -1,12 +1,12 @@
 'use client';
 import { Checkbox } from './chunk-GVYZAOWU.mjs';
-import { Pagination } from './chunk-PWAIOLZH.mjs';
-import { format } from './chunk-IUL73666.mjs';
-import { useLocale } from './chunk-Q4BKGBTV.mjs';
+import { Pagination } from './chunk-ETG3VM56.mjs';
+import { format } from './chunk-Q4HKSXUE.mjs';
+import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import { ChevronUp, ChevronDown, MoreVertical } from './chunk-CIBJKJV3.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function DataTableRowImpl({
   row,
@@ -15,10 +15,15 @@ function DataTableRowImpl({
   selectable,
   selectAriaLabel,
   columns,
-  onToggle
+  onToggle,
+  href,
+  onActivate,
+  actionLabel,
+  renderRow
 }) {
-  return /* @__PURE__ */ jsxs("tr", { className: cx(selected && "is-selected"), children: [
-    selectable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+  const interactive = !renderRow && (!!href || !!onActivate);
+  const cells = /* @__PURE__ */ jsxs(Fragment, { children: [
+    selectable && /* @__PURE__ */ jsx("td", { className: cx(interactive && "data-table__cell--above"), children: /* @__PURE__ */ jsx(
       Checkbox,
       {
         checked: selected,
@@ -26,22 +31,46 @@ function DataTableRowImpl({
         "aria-label": selectAriaLabel
       }
     ) }),
-    columns.map((c) => {
+    columns.map((c, ci) => {
       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__ */ jsx(
+      return /* @__PURE__ */ jsxs(
         "td",
         {
-          className: cx(c.numeric && "table__num"),
+          className: cx(
+            c.numeric && "table__num",
+            align !== "left" && `table__align-${align}`
+          ),
           style: { textAlign: align },
           "data-label": label,
-          children: value
+          children: [
+            interactive && ci === 0 && (href ? /* @__PURE__ */ jsx(
+              "a",
+              {
+                href,
+                className: "data-table__rowlink",
+                "aria-label": actionLabel,
+                onClick: onActivate
+              }
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "data-table__rowlink",
+                "aria-label": actionLabel,
+                onClick: onActivate
+              }
+            )),
+            value
+          ]
         },
         c.key
       );
     })
   ] });
+  if (renderRow) return /* @__PURE__ */ jsx(Fragment, { children: renderRow({ row, cells, rowKey: rowK }) });
+  return /* @__PURE__ */ jsx("tr", { className: cx(selected && "is-selected", interactive && "is-clickable"), children: cells });
 }
 var DataTableRow = React.memo(DataTableRowImpl);
 function DataTable({
@@ -60,7 +89,11 @@ function DataTable({
   mobileLayout = "table",
   ariaLabel,
   rowLabel,
-  className
+  className,
+  density = "compact",
+  rowHref,
+  onRowClick,
+  renderRow
 }) {
   const t = useLocale();
   const allSelected = selectable && rows.length > 0 && rows.every((r) => selectedKeys?.has(rowKey(r)));
@@ -103,75 +136,91 @@ function DataTable({
         mobileLayout === "cards" && "table-wrap--cards",
         className
       ),
-      children: /* @__PURE__ */ jsxs("table", { className: "table data-table", "aria-label": ariaLabel, children: [
-        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-          selectable && /* @__PURE__ */ jsx("th", { scope: "col", style: { width: 40 }, children: /* @__PURE__ */ jsx(
-            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__ */ jsxs("span", { className: "data-table__th", children: [
-              c.header,
-              c.sortable && /* @__PURE__ */ jsx("span", { className: "data-table__sort", "aria-hidden": "true", children: active ? sort.dir === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { size: 12 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 12 }) : /* @__PURE__ */ jsx(MoreVertical, { size: 12 }) })
-            ] });
-            return /* @__PURE__ */ jsx(
-              "th",
-              {
-                scope: "col",
-                style: { width: c.width, textAlign: align },
-                "aria-sort": sortValue,
-                children: c.sortable ? /* @__PURE__ */ jsx(
-                  "button",
+      children: /* @__PURE__ */ jsxs(
+        "table",
+        {
+          className: cx(
+            "table data-table",
+            density === "comfortable" && "table--comfortable"
+          ),
+          "aria-label": ariaLabel,
+          children: [
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+              selectable && /* @__PURE__ */ jsx("th", { scope: "col", style: { width: 40 }, children: /* @__PURE__ */ jsx(
+                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__ */ jsxs("span", { className: "data-table__th", children: [
+                  c.header,
+                  c.sortable && /* @__PURE__ */ jsx("span", { className: "data-table__sort", "aria-hidden": "true", children: active ? sort.dir === "asc" ? /* @__PURE__ */ jsx(ChevronUp, { size: 12 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 12 }) : /* @__PURE__ */ jsx(MoreVertical, { size: 12 }) })
+                ] });
+                return /* @__PURE__ */ jsx(
+                  "th",
                   {
-                    type: "button",
-                    className: "data-table__sort-btn",
-                    onClick: () => onSort(c),
-                    children: headerInner
-                  }
-                ) : headerInner
-              },
-              c.key
-            );
-          })
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: error ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ 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__ */ jsxs("tr", { children: [
-          selectable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "skel", style: { height: 14 } }) }),
-          columns.map((c) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "skel", style: { height: 12, width: "70%" } }) }, c.key))
-        ] }, `s${i}`)) : rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length + (selectable ? 1 : 0), style: { padding: 32 }, children: empty ?? /* @__PURE__ */ 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__ */ jsx(
-            DataTableRow,
-            {
-              row: r,
-              rowK: k,
-              selected: !!selectedKeys?.has(k),
-              selectable: !!selectable,
-              selectAriaLabel: format(t["table.selectRow"], { label }),
-              columns,
-              onToggle: toggleRow
-            },
-            k
-          );
-        }) })
-      ] })
+                    scope: "col",
+                    style: { width: c.width, textAlign: align },
+                    "aria-sort": sortValue,
+                    children: c.sortable ? /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "data-table__sort-btn",
+                        onClick: () => onSort(c),
+                        children: headerInner
+                      }
+                    ) : headerInner
+                  },
+                  c.key
+                );
+              })
+            ] }) }),
+            /* @__PURE__ */ jsx("tbody", { children: error ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ 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__ */ jsxs("tr", { children: [
+              selectable && /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "skel", style: { height: 14 } }) }),
+              columns.map((c) => /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("div", { className: "skel", style: { height: 12, width: "70%" } }) }, c.key))
+            ] }, `s${i}`)) : rows.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: columns.length + (selectable ? 1 : 0), style: { padding: 32 }, children: empty ?? /* @__PURE__ */ 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;
+              const href = rowHref?.(r);
+              const onActivate = onRowClick ? () => onRowClick(r) : void 0;
+              return /* @__PURE__ */ jsx(
+                DataTableRow,
+                {
+                  row: r,
+                  rowK: k,
+                  selected: !!selectedKeys?.has(k),
+                  selectable: !!selectable,
+                  selectAriaLabel: format(t["table.selectRow"], { label }),
+                  columns,
+                  onToggle: toggleRow,
+                  href,
+                  onActivate,
+                  actionLabel: format(t["table.rowAction"], { label }),
+                  renderRow
+                },
+                k
+              );
+            }) })
+          ]
+        }
+      )
     }
   );
 }
@@ -278,5 +327,5 @@ var TableToolbar = React.forwardRef(
 );
 
 export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar };
-//# sourceMappingURL=chunk-PDLQUQK7.mjs.map
-//# sourceMappingURL=chunk-PDLQUQK7.mjs.map
+//# sourceMappingURL=chunk-WDDSHKU2.mjs.map
+//# sourceMappingURL=chunk-WDDSHKU2.mjs.map

package/dist/chunk-WDDSHKU2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DataTable.tsx"],"names":["rows","rowKey","selectedKeys","onSelectionChange","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,wBACJ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,UAAA,wBACE,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,WAAA,IAAe,yBAAyB,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;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,uBACE,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAQC,SAAA,EAAW,EAAA;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,mBACE,GAAA;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,mBAEA,GAAA;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,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,SAAA,CAAU,EAAE,KAAK,KAAA,EAAO,MAAA,EAAQ,IAAA,EAAM,CAAA,EAAE,CAAA;AAEjE,EAAA,uBACE,GAAA,CAAC,QAAG,SAAA,EAAW,EAAA,CAAG,YAAY,aAAA,EAAe,WAAA,IAAe,cAAc,CAAA,EACvE,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;AAGA,IAAM,YAAA,GAAqB,WAAK,gBAAgB,CAAA;AAsHzC,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;AAC5C,CAAA,EAAsB;AACpB,EAAA,MAAM,IAAI,SAAA,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,GAAoB,aAAyB,IAAI,CAAA;AACvD,EAAM,gBAAU,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,WAAiB,KAAA,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,GAAkB,kBAAY,MAAM;AACxC,IAAA,MAAM,EAAE,IAAA,EAAAA,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,GAAkB,KAAA,CAAA,WAAA,CAAY,CAAC,CAAA,KAAc;AACjD,IAAA,MAAM,EAAE,YAAA,EAAAD,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,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAA;AAAA,QACA,YAAA,IAAgB,oBAAA;AAAA,QAChB,iBAAiB,OAAA,IAAW,mBAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,kBAAA;AAAA,YACA,YAAY,aAAA,IAAiB;AAAA,WAC/B;AAAA,UACA,YAAA,EAAY,SAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAA,EAAA,EACC,+BAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,UAAA,oBACC,GAAA,CAAC,QAAG,KAAA,EAAM,KAAA,EAAM,OAAO,EAAE,KAAA,EAAO,IAAG,EACjC,QAAA,kBAAA,GAAA;AAAA,gBAAC,QAAA;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,mBACJ,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,kBAAA,CAAA,CAAE,MAAA;AAAA,kBACF,CAAA,CAAE,QAAA,oBACD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAmB,aAAA,EAAY,MAAA,EAC5C,QAAA,EAAA,MAAA,GAAU,IAAA,CAAM,GAAA,KAAQ,KAAA,mBAAQ,GAAA,CAAC,aAAU,IAAA,EAAM,EAAA,EAAI,CAAA,mBAAK,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,CAAA,mBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAI,CAAA,EAClH;AAAA,iBAAA,EAEJ,CAAA;AAEF,gBAAA,uBACE,GAAA;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,mBACD,GAAA;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,4BACA,GAAA,CAAC,OAAA,EAAA,EACE,QAAA,EAAA,KAAA,mBACC,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA;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,0BAC/B,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,cAAA,UAAA,oBAAc,GAAA,CAAC,IAAA,EAAA,EAAG,QAAA,kBAAA,GAAA,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,yBAAO,IAAA,EAAA,EAAe,QAAA,kBAAA,GAAA,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,mBAClB,GAAA,CAAC,QACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAS,OAAA,CAAQ,MAAA,IAAU,aAAa,CAAA,GAAI,CAAA,CAAA,EAAI,OAAO,EAAE,OAAA,EAAS,EAAA,EAAG,EACtE,mCAAS,GAAA,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,uBACE,GAAA;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,iBAAiB,MAAA,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,aAAa,MAAA,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;AAEJ;AAQA,IAAM,gBAAA,GAAyB,oBAA4C,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,GAAU,eAAsB,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,2BACG,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,KAAA,EAAO,EAAE,MAAM,MAAA,EAAQ,QAAA,EAAS,EACzD,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,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,GAAY,iBAAW,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,UAAgB,KAAA,CAAA,KAAA,EAAM;AAC5B,EAAA,MAAM,SAAA,GAAY,qBAAqB,OAAO,CAAA,CAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,mBAAmB,OAAO,CAAA,CAAA;AAC1C,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,iBAAA,EAAmB,MAAA,IAAU,SAAS,CAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,IAAA;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,0BAAA,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,0BACb,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB,aAAA,EAAY,QAAO,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI,CAAA,EAAE;AAAA;AAAA;AAAA,KAChF;AAAA,IACC,MAAA,oBACC,GAAA;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,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,YAAA,EAAa,WAAW,EAAA,CAAG,aAAA,EAAe,SAAS,CAAA,EACjE,8BAAC,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,4BACG,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,EAAA,CAAG,QAAQ,CAAC,IAAA,uBAAQ,GAAA,EAAA,EAAE,IAAA,EAAM,GAAG,IAAA,EAAO,QAAA,EAAA,EAAA,CAAG,KAAA,EAAM,CAAA,uBAAQ,MAAA,EAAA,EAAK,cAAA,EAAc,OAAO,MAAA,GAAS,MAAA,EAAY,aAAG,KAAA,EAAM,CAAA;AAAA,MAC/G,CAAC,wBAAQ,GAAA,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,IAAI,SAAA,EAAU;AACpB,EAAA,MAAM,WAAiB,KAAA,CAAA,KAAA,EAAM;AAC7B,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,kBAAA,EAAoB,SAAS,CAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,gBAAA,oBACC,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,SAAS,QAAA,EACjD,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAAE,CAAA;AAAA,sBACnC,GAAA;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,qBACpB,GAAA,CAAC,YAAe,KAAA,EAAO,CAAA,EAAI,QAAA,EAAA,CAAA,EAAA,EAAd,CAAgB,CAC9B;AAAA;AAAA;AACH,KAAA,EACF,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAKO,IAAM,YAAA,GAAqB,KAAA,CAAA,UAAA;AAAA,EAChC,SAASC,aAAAA,CAAa,EAAE,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AACjD,IAAA,uBAAO,GAAA,CAAC,SAAI,GAAA,EAAU,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAC7E;AACF","file":"chunk-WDDSHKU2.mjs","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  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,\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\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}\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-RJMMD7CG.mjs → chunk-XLLARFVP.mjs}

@@ -1,8 +1,8 @@
 'use client';
-import { Drawer } from './chunk-7AD35TKY.mjs';
-import { format } from './chunk-IUL73666.mjs';
+import { Drawer } from './chunk-JUSOPJZW.mjs';
+import { format } from './chunk-Q4HKSXUE.mjs';
 import { getBrand } from './chunk-5GEWIK4T.mjs';
-import { useLocale } from './chunk-Q4BKGBTV.mjs';
+import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import { Star, Minus, Plus, Check, Heart, Trash, X } from './chunk-CIBJKJV3.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -423,5 +423,5 @@ function CompareTable({ items, attributes, onRemove, className, ...rest }) {
 }
 
 export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton };
-//# sourceMappingURL=chunk-RJMMD7CG.mjs.map
-//# sourceMappingURL=chunk-RJMMD7CG.mjs.map
+//# sourceMappingURL=chunk-XLLARFVP.mjs.map
+//# sourceMappingURL=chunk-XLLARFVP.mjs.map

package/dist/{chunk-RJMMD7CG.mjs.map → chunk-XLLARFVP.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Commerce.tsx"],"names":[],"mappings":"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","file":"chunk-RJMMD7CG.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Drawer } from './Overlay';\nimport { Heart, Minus, Plus, Star, Trash, X, Check } from './Icons';\nimport { getBrand } from '../brand';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- Rating ------------------------------------------------------\nexport interface RatingProps {\n  value: number;          // 0..max\n  max?: number;           // default 5\n  /** Si se pasa, se vuelve interactivo. */\n  onChange?: (value: number) => void;\n  size?: number;\n  /** Permite medias estrellas (display only). */\n  allowHalf?: boolean;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Rating({\n  value, max = 5, onChange, size = 16, allowHalf = true, className, ariaLabel,\n}: RatingProps) {\n  const isInteractive = !!onChange;\n  return (\n    <div\n      className={cx('rating', isInteractive && 'rating--interactive', className)}\n      role={isInteractive ? 'slider' : 'img'}\n      aria-label={ariaLabel ?? `${value} de ${max} estrellas`}\n      aria-valuenow={isInteractive ? value : undefined}\n      aria-valuemin={isInteractive ? 0 : undefined}\n      aria-valuemax={isInteractive ? max : undefined}\n    >\n      {Array.from({ length: max }, (_, i) => {\n        const idx = i + 1;\n        const fill = value >= idx ? 1 : (allowHalf && value >= idx - 0.5 ? 0.5 : 0);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            className={cx('rating__star', fill === 1 && 'is-full', fill === 0.5 && 'is-half')}\n            disabled={!isInteractive}\n            onClick={() => onChange?.(idx)}\n            aria-label={`${idx} ${idx === 1 ? 'estrella' : 'estrellas'}`}\n          >\n            <Star size={size} />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\n// ---------- PriceDisplay -----------------------------------------------\nexport interface PriceDisplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  amount: number;\n  /** Precio original tachado (para descuentos). */\n  compareAt?: number;\n  /** ISO 4217. Default desde `getBrand().currency`. */\n  currency?: string;\n  /** BCP 47. Default desde `getBrand().locale`. */\n  locale?: string;\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Muestra \"% off\" si hay compareAt. Default: true. */\n  showDiscount?: boolean;\n}\n\nexport function PriceDisplay({\n  amount, compareAt, currency, locale,\n  size = 'md', showDiscount = true, className, ...rest\n}: PriceDisplayProps) {\n  const brand = getBrand();\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale ?? brand.locale, { style: 'currency', currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);\n\n  const hasDiscount = compareAt != null && compareAt > amount;\n  const discount = hasDiscount ? Math.round(((compareAt - amount) / compareAt) * 100) : 0;\n\n  return (\n    <div className={cx('price', `price--${size}`, className)} {...rest}>\n      <span className=\"price__amount\">{fmt(amount)}</span>\n      {hasDiscount && (\n        <>\n          <span className=\"price__compare\"><del>{fmt(compareAt)}</del></span>\n          {showDiscount && discount > 0 && (\n            <span className=\"price__discount\">-{discount}%</span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n// ---------- QuantitySelector (compacto) --------------------------------\nexport interface QuantitySelectorProps {\n  value: number;\n  onChange: (v: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  size?: 'sm' | 'md';\n  className?: string;\n  id?: string;\n}\n\nexport function QuantitySelector({\n  value, onChange, min = 1, max, step = 1, disabled, size = 'md', className, id,\n}: QuantitySelectorProps) {\n  const t = useLocale();\n  const set = (next: number) => {\n    let v = next;\n    if (typeof min === 'number') v = Math.max(min, v);\n    if (typeof max === 'number') v = Math.min(max, v);\n    onChange(v);\n  };\n  const dec = () => set(value - step);\n  const inc = () => set(value + step);\n  return (\n    <div className={cx('qty', `qty--${size}`, disabled && 'is-disabled', className)}>\n      <button\n        type=\"button\"\n        className=\"qty__btn\"\n        aria-label={t['commerce.decreaseQty']}\n        onClick={dec}\n        disabled={disabled || (typeof min === 'number' && value <= min)}\n      >\n        <Minus size={14} />\n      </button>\n      <input\n        id={id}\n        type=\"number\"\n        className=\"qty__input\"\n        value={value}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        onChange={(e) => set(Number(e.target.value))}\n        aria-label={t['commerce.quantity']}\n      />\n      <button\n        type=\"button\"\n        className=\"qty__btn\"\n        aria-label={t['commerce.increaseQty']}\n        onClick={inc}\n        disabled={disabled || (typeof max === 'number' && value >= max)}\n      >\n        <Plus size={14} />\n      </button>\n    </div>\n  );\n}\n\n// ---------- VariantSelector --------------------------------------------\nexport interface VariantOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n  /** Color hex/rgb para chips de tipo \"color\". */\n  swatch?: string;\n}\n\nexport interface VariantSelectorProps<T = string> {\n  label?: React.ReactNode;\n  options: VariantOption<T>[];\n  value: T | null;\n  onChange: (value: T) => void;\n  /** 'chip' (default), 'swatch' (círculos de color). */\n  appearance?: 'chip' | 'swatch';\n  className?: string;\n}\n\nexport function VariantSelector<T extends string | number = string>({\n  label, options, value, onChange, appearance = 'chip', className,\n}: VariantSelectorProps<T>) {\n  return (\n    <div className={cx('variants', className)}>\n      {label && <div className=\"variants__label\">{label}</div>}\n      <div className={cx('variants__options', `variants__options--${appearance}`)} role=\"radiogroup\">\n        {options.map((o) => {\n          const selected = value === o.value;\n          if (appearance === 'swatch') {\n            return (\n              <button\n                key={String(o.value)}\n                type=\"button\"\n                role=\"radio\"\n                aria-checked={selected}\n                disabled={o.disabled}\n                className={cx('variants__swatch', selected && 'is-selected', o.disabled && 'is-disabled')}\n                style={{ background: o.swatch }}\n                title={typeof o.label === 'string' ? o.label : String(o.value)}\n                aria-label={typeof o.label === 'string' ? o.label : String(o.value)}\n                onClick={() => onChange(o.value)}\n              >\n                {selected && <Check size={14} />}\n              </button>\n            );\n          }\n          return (\n            <button\n              key={String(o.value)}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={selected}\n              disabled={o.disabled}\n              className={cx('variants__chip', selected && 'is-selected', o.disabled && 'is-disabled')}\n              onClick={() => onChange(o.value)}\n            >\n              {o.label}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ---------- WishlistButton ---------------------------------------------\nexport interface WishlistButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  active?: boolean;\n  onToggle?: (next: boolean) => void;\n  size?: number;\n}\n\nexport function WishlistButton({ active = false, onToggle, size = 20, className, ...rest }: WishlistButtonProps) {\n  const t = useLocale();\n  return (\n    <button\n      type=\"button\"\n      className={cx('wishlist', active && 'is-active', className)}\n      aria-label={active ? t['commerce.removeFavorite'] : t['commerce.addFavorite']}\n      aria-pressed={active}\n      onClick={() => onToggle?.(!active)}\n      {...rest}\n    >\n      <Heart size={size} />\n    </button>\n  );\n}\n\n// ---------- PromoCodeInput ---------------------------------------------\nexport interface PromoCodeInputProps {\n  /** Validador async. Resuelve con un mensaje de éxito o lanza un Error con el mensaje. */\n  onApply: (code: string) => Promise<string>;\n  placeholder?: string;\n  buttonLabel?: string;\n  className?: string;\n  id?: string;\n}\n\nexport function PromoCodeInput({\n  onApply, placeholder,\n  buttonLabel, className, id,\n}: PromoCodeInputProps) {\n  const [code, setCode] = React.useState('');\n  const [state, setState] = React.useState<'idle' | 'loading' | 'success' | 'error'>('idle');\n  const [message, setMessage] = React.useState<string | null>(null);\n  const t = useLocale();\n  const ph = placeholder ?? t['commerce.promoPlaceholder'];\n  const btn = buttonLabel ?? t['commerce.applyCoupon'];\n\n  const apply = async () => {\n    if (!code.trim()) return;\n    setState('loading');\n    setMessage(null);\n    try {\n      const msg = await onApply(code.trim());\n      setState('success');\n      setMessage(msg);\n    } catch (err) {\n      setState('error');\n      setMessage(err instanceof Error ? err.message : t['commerce.promoInvalid']);\n    }\n  };\n\n  return (\n    <div className={cx('promo', state === 'success' && 'is-success', state === 'error' && 'is-error', className)}>\n      <div className=\"promo__row\">\n        <input\n          id={id}\n          type=\"text\"\n          className=\"input promo__input\"\n          value={code}\n          placeholder={ph}\n          disabled={state === 'loading' || state === 'success'}\n          onChange={(e) => { setCode(e.target.value.toUpperCase()); if (state !== 'idle') setState('idle'); }}\n          onKeyDown={(e) => e.key === 'Enter' && apply()}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn--primary btn--md\"\n          disabled={!code.trim() || state === 'loading' || state === 'success'}\n          onClick={apply}\n        >\n          {state === 'loading' ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : btn}\n        </button>\n      </div>\n      {message && <div className={cx('promo__message', `promo__message--${state}`)}>{message}</div>}\n    </div>\n  );\n}\n\n// ---------- FreeShippingProgress ---------------------------------------\nexport interface FreeShippingProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Subtotal actual del cart. */\n  current: number;\n  /** Threshold para envío gratis. */\n  threshold: number;\n  currency?: string;\n  locale?: string;\n  achievedMessage?: React.ReactNode;\n}\n\nexport function FreeShippingProgress({\n  current, threshold, currency, locale,\n  achievedMessage,\n  className, ...rest\n}: FreeShippingProgressProps) {\n  const brand = getBrand();\n  const t = useLocale();\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale ?? brand.locale, { style: 'currency', currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);\n\n  const pct = Math.min(100, (current / threshold) * 100);\n  const remaining = Math.max(0, threshold - current);\n  const achieved = current >= threshold;\n  const successMsg = achievedMessage ?? t['commerce.shippingAchieved'];\n\n  return (\n    <div className={cx('shipping-progress', achieved && 'is-achieved', className)} {...rest}>\n      <div className=\"shipping-progress__text\">\n        {achieved ? successMsg : <>{t['commerce.shippingPrefix']}<strong>{fmt(remaining)}</strong>{t['commerce.shippingSuffix']}</>}\n      </div>\n      <div className=\"shipping-progress__track\" aria-hidden=\"true\">\n        <div className=\"shipping-progress__bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n}\n\n// ---------- CartDrawer + line items ------------------------------------\nexport interface CartLineItem {\n  id: string;\n  name: React.ReactNode;\n  variant?: React.ReactNode;\n  image?: string;\n  unitPrice: number;\n  quantity: number;\n}\n\nexport interface CartDrawerProps {\n  open: boolean;\n  onClose: () => void;\n  items: CartLineItem[];\n  onQuantityChange?: (id: string, qty: number) => void;\n  onRemove?: (id: string) => void;\n  onCheckout?: () => void;\n  freeShippingThreshold?: number;\n  currency?: string;\n  locale?: string;\n}\n\nexport function CartDrawer({\n  open, onClose, items,\n  onQuantityChange, onRemove, onCheckout,\n  freeShippingThreshold, currency, locale,\n}: CartDrawerProps) {\n  const brand = getBrand();\n  const t = useLocale();\n  const resolvedCurrency = currency ?? brand.currency;\n  const resolvedLocale = locale ?? brand.locale;\n  const subtotal = items.reduce((sum, it) => sum + it.unitPrice * it.quantity, 0);\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(resolvedLocale, { style: 'currency', currency: resolvedCurrency, maximumFractionDigits: 0 }).format(n);\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      title={t['commerce.cartTitle']}\n      footer={\n        <div className=\"cart__footer\">\n          {freeShippingThreshold != null && (\n            <FreeShippingProgress current={subtotal} threshold={freeShippingThreshold} currency={resolvedCurrency} locale={resolvedLocale} />\n          )}\n          <div className=\"cart__totals\">\n            <span>{t['commerce.subtotal']}</span>\n            <strong>{fmt(subtotal)}</strong>\n          </div>\n          <button type=\"button\" className=\"btn btn--primary btn--lg btn--block\" disabled={items.length === 0} onClick={onCheckout}>\n            {t['commerce.checkout']}\n          </button>\n        </div>\n      }\n    >\n      {items.length === 0 ? (\n        <div className=\"cart__empty\">{t['commerce.cartEmpty']}</div>\n      ) : (\n        <ul className=\"cart__list\">\n          {items.map((it) => (\n            <li key={it.id} className=\"cart__item\">\n              <div className=\"cart__item-media\">\n                {it.image ? <img src={it.image} alt=\"\" /> : <div className=\"cart__item-placeholder\" />}\n              </div>\n              <div className=\"cart__item-body\">\n                <div className=\"cart__item-name\">{it.name}</div>\n                {it.variant && <div className=\"cart__item-variant\">{it.variant}</div>}\n                <div className=\"cart__item-price\">{fmt(it.unitPrice)}</div>\n              </div>\n              <div className=\"cart__item-actions\">\n                {onQuantityChange ? (\n                  <QuantitySelector\n                    size=\"sm\"\n                    value={it.quantity}\n                    onChange={(q) => onQuantityChange(it.id, q)}\n                  />\n                ) : (\n                  <span className=\"cart__item-qty\">x{it.quantity}</span>\n                )}\n                {onRemove && (\n                  <button\n                    type=\"button\"\n                    className=\"cart__item-remove\"\n                    aria-label={t['commerce.removeFromCart']}\n                    onClick={() => onRemove(it.id)}\n                  >\n                    <Trash size={14} />\n                  </button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Drawer>\n  );\n}\n\n// ---------- OrderSummary ------------------------------------------------\nexport interface OrderLineRow {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Aplica estilo de total (negrita, más grande). */\n  emphasis?: boolean;\n}\n\nexport interface OrderSummaryProps extends Omit<React.HTMLAttributes<HTMLDListElement>, 'title'> {\n  rows: OrderLineRow[];\n  title?: React.ReactNode;\n}\n\nexport function OrderSummary({ rows, title, className, ...rest }: OrderSummaryProps) {\n  return (\n    <div className={cx('order-summary', className)}>\n      {title && <div className=\"order-summary__title\">{title}</div>}\n      <dl className=\"order-summary__list\" {...rest}>\n        {rows.map((r, i) => (\n          <div key={i} className={cx('order-summary__row', r.emphasis && 'is-emphasis')}>\n            <dt>{r.label}</dt>\n            <dd>{r.value}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n\n// ---------- AddressForm (generic field composer) -----------------------\n// The kit doesn't ship country-specific fields. Consumers pass a `fields`\n// array describing which inputs to render and the order. For Chile, that\n// means defining `[{ key: 'rut', ... }, { key: 'comuna', ... }, ...]` in\n// app code. For other markets, define different fields.\n//\n// Layout: each field declares its `width` ('full' | 'half' | 'third').\n// The form renders in a 6-column CSS grid, where 'full' spans 6, 'half'\n// spans 3, and 'third' spans 2. On narrow viewports everything stacks.\n\nexport interface AddressFieldOption {\n  value: string;\n  label: React.ReactNode;\n}\n\nexport interface AddressField {\n  /** Key del campo en el objeto `value`. */\n  key: string;\n  label: React.ReactNode;\n  type?: 'text' | 'select' | 'textarea';\n  placeholder?: string;\n  /** Solo para `type: 'select'`. */\n  options?: readonly AddressFieldOption[];\n  /** Placeholder de la opción vacía. Default: 'Selecciona…' (locale: `common.search` no aplica). */\n  selectPlaceholder?: string;\n  /** Anchura en una grilla de 6 columnas. Default: 'full'. */\n  width?: 'full' | 'half' | 'third';\n  /** Solo para `type: 'textarea'`. */\n  rows?: number;\n}\n\nexport interface AddressFormProps {\n  fields: AddressField[];\n  value: Record<string, string>;\n  onChange: (value: Record<string, string>) => void;\n  className?: string;\n}\n\nexport function AddressForm({ fields, value, onChange, className }: AddressFormProps) {\n  const reactId = React.useId();\n  const set = (key: string, v: string) => onChange({ ...value, [key]: v });\n\n  return (\n    <div className={cx('address-form', className)}>\n      {fields.map((f) => {\n        const id = `${reactId}-${f.key}`;\n        const width = f.width ?? 'full';\n        const v = value[f.key] ?? '';\n        return (\n          <div key={f.key} className={cx('form-field', `address-form__field--${width}`)}>\n            <label className=\"label\" htmlFor={id}>{f.label}</label>\n            {f.type === 'select' ? (\n              <select\n                id={id}\n                className=\"select\"\n                value={v}\n                onChange={(e) => set(f.key, e.target.value)}\n              >\n                <option value=\"\">{f.selectPlaceholder ?? 'Selecciona…'}</option>\n                {f.options?.map((o) => (\n                  <option key={o.value} value={o.value}>\n                    {typeof o.label === 'string' ? o.label : o.value}\n                  </option>\n                ))}\n              </select>\n            ) : f.type === 'textarea' ? (\n              <textarea\n                id={id}\n                className=\"textarea\"\n                value={v}\n                placeholder={f.placeholder}\n                rows={f.rows ?? 2}\n                onChange={(e) => set(f.key, e.target.value)}\n              />\n            ) : (\n              <input\n                id={id}\n                className=\"input\"\n                value={v}\n                placeholder={f.placeholder}\n                onChange={(e) => set(f.key, e.target.value)}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ---------- CompareTable -----------------------------------------------\nexport interface CompareItem {\n  id: string;\n  name: React.ReactNode;\n  image?: string;\n  price?: React.ReactNode;\n}\n\nexport interface CompareAttribute {\n  key: string;\n  label: React.ReactNode;\n  /** Valor por item, indexado por id. */\n  values: Record<string, React.ReactNode>;\n}\n\nexport interface CompareTableProps extends React.HTMLAttributes<HTMLTableElement> {\n  items: CompareItem[];\n  attributes: CompareAttribute[];\n  onRemove?: (id: string) => void;\n}\n\nexport function CompareTable({ items, attributes, onRemove, className, ...rest }: CompareTableProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('compare', className)}>\n      <table className=\"compare__table\" {...rest}>\n        <thead>\n          <tr>\n            <th />\n            {items.map((it) => (\n              <th key={it.id} scope=\"col\">\n                <div className=\"compare__head\">\n                  {it.image && <img src={it.image} alt=\"\" className=\"compare__img\" />}\n                  <div className=\"compare__name\">{it.name}</div>\n                  {it.price && <div className=\"compare__price\">{it.price}</div>}\n                  {onRemove && (\n                    <button\n                      type=\"button\"\n                      className=\"compare__remove\"\n                      aria-label={format(t['commerce.removeItem'], { name: typeof it.name === 'string' ? it.name : 'item' })}\n                      onClick={() => onRemove(it.id)}\n                    >\n                      <X size={14} />\n                    </button>\n                  )}\n                </div>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {attributes.map((attr) => (\n            <tr key={attr.key}>\n              <th scope=\"row\" className=\"compare__attr\">{attr.label}</th>\n              {items.map((it) => (\n                <td key={it.id} className=\"compare__cell\">{attr.values[it.id] ?? '—'}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Commerce.tsx"],"names":[],"mappings":"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","file":"chunk-XLLARFVP.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Drawer } from './Overlay';\nimport { Heart, Minus, Plus, Star, Trash, X, Check } from './Icons';\nimport { getBrand } from '../brand';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- Rating ------------------------------------------------------\nexport interface RatingProps {\n  value: number;          // 0..max\n  max?: number;           // default 5\n  /** Si se pasa, se vuelve interactivo. */\n  onChange?: (value: number) => void;\n  size?: number;\n  /** Permite medias estrellas (display only). */\n  allowHalf?: boolean;\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function Rating({\n  value, max = 5, onChange, size = 16, allowHalf = true, className, ariaLabel,\n}: RatingProps) {\n  const isInteractive = !!onChange;\n  return (\n    <div\n      className={cx('rating', isInteractive && 'rating--interactive', className)}\n      role={isInteractive ? 'slider' : 'img'}\n      aria-label={ariaLabel ?? `${value} de ${max} estrellas`}\n      aria-valuenow={isInteractive ? value : undefined}\n      aria-valuemin={isInteractive ? 0 : undefined}\n      aria-valuemax={isInteractive ? max : undefined}\n    >\n      {Array.from({ length: max }, (_, i) => {\n        const idx = i + 1;\n        const fill = value >= idx ? 1 : (allowHalf && value >= idx - 0.5 ? 0.5 : 0);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            className={cx('rating__star', fill === 1 && 'is-full', fill === 0.5 && 'is-half')}\n            disabled={!isInteractive}\n            onClick={() => onChange?.(idx)}\n            aria-label={`${idx} ${idx === 1 ? 'estrella' : 'estrellas'}`}\n          >\n            <Star size={size} />\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\n// ---------- PriceDisplay -----------------------------------------------\nexport interface PriceDisplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  amount: number;\n  /** Precio original tachado (para descuentos). */\n  compareAt?: number;\n  /** ISO 4217. Default desde `getBrand().currency`. */\n  currency?: string;\n  /** BCP 47. Default desde `getBrand().locale`. */\n  locale?: string;\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  /** Muestra \"% off\" si hay compareAt. Default: true. */\n  showDiscount?: boolean;\n}\n\nexport function PriceDisplay({\n  amount, compareAt, currency, locale,\n  size = 'md', showDiscount = true, className, ...rest\n}: PriceDisplayProps) {\n  const brand = getBrand();\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale ?? brand.locale, { style: 'currency', currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);\n\n  const hasDiscount = compareAt != null && compareAt > amount;\n  const discount = hasDiscount ? Math.round(((compareAt - amount) / compareAt) * 100) : 0;\n\n  return (\n    <div className={cx('price', `price--${size}`, className)} {...rest}>\n      <span className=\"price__amount\">{fmt(amount)}</span>\n      {hasDiscount && (\n        <>\n          <span className=\"price__compare\"><del>{fmt(compareAt)}</del></span>\n          {showDiscount && discount > 0 && (\n            <span className=\"price__discount\">-{discount}%</span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n// ---------- QuantitySelector (compacto) --------------------------------\nexport interface QuantitySelectorProps {\n  value: number;\n  onChange: (v: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  size?: 'sm' | 'md';\n  className?: string;\n  id?: string;\n}\n\nexport function QuantitySelector({\n  value, onChange, min = 1, max, step = 1, disabled, size = 'md', className, id,\n}: QuantitySelectorProps) {\n  const t = useLocale();\n  const set = (next: number) => {\n    let v = next;\n    if (typeof min === 'number') v = Math.max(min, v);\n    if (typeof max === 'number') v = Math.min(max, v);\n    onChange(v);\n  };\n  const dec = () => set(value - step);\n  const inc = () => set(value + step);\n  return (\n    <div className={cx('qty', `qty--${size}`, disabled && 'is-disabled', className)}>\n      <button\n        type=\"button\"\n        className=\"qty__btn\"\n        aria-label={t['commerce.decreaseQty']}\n        onClick={dec}\n        disabled={disabled || (typeof min === 'number' && value <= min)}\n      >\n        <Minus size={14} />\n      </button>\n      <input\n        id={id}\n        type=\"number\"\n        className=\"qty__input\"\n        value={value}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        onChange={(e) => set(Number(e.target.value))}\n        aria-label={t['commerce.quantity']}\n      />\n      <button\n        type=\"button\"\n        className=\"qty__btn\"\n        aria-label={t['commerce.increaseQty']}\n        onClick={inc}\n        disabled={disabled || (typeof max === 'number' && value >= max)}\n      >\n        <Plus size={14} />\n      </button>\n    </div>\n  );\n}\n\n// ---------- VariantSelector --------------------------------------------\nexport interface VariantOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n  /** Color hex/rgb para chips de tipo \"color\". */\n  swatch?: string;\n}\n\nexport interface VariantSelectorProps<T = string> {\n  label?: React.ReactNode;\n  options: VariantOption<T>[];\n  value: T | null;\n  onChange: (value: T) => void;\n  /** 'chip' (default), 'swatch' (círculos de color). */\n  appearance?: 'chip' | 'swatch';\n  className?: string;\n}\n\nexport function VariantSelector<T extends string | number = string>({\n  label, options, value, onChange, appearance = 'chip', className,\n}: VariantSelectorProps<T>) {\n  return (\n    <div className={cx('variants', className)}>\n      {label && <div className=\"variants__label\">{label}</div>}\n      <div className={cx('variants__options', `variants__options--${appearance}`)} role=\"radiogroup\">\n        {options.map((o) => {\n          const selected = value === o.value;\n          if (appearance === 'swatch') {\n            return (\n              <button\n                key={String(o.value)}\n                type=\"button\"\n                role=\"radio\"\n                aria-checked={selected}\n                disabled={o.disabled}\n                className={cx('variants__swatch', selected && 'is-selected', o.disabled && 'is-disabled')}\n                style={{ background: o.swatch }}\n                title={typeof o.label === 'string' ? o.label : String(o.value)}\n                aria-label={typeof o.label === 'string' ? o.label : String(o.value)}\n                onClick={() => onChange(o.value)}\n              >\n                {selected && <Check size={14} />}\n              </button>\n            );\n          }\n          return (\n            <button\n              key={String(o.value)}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={selected}\n              disabled={o.disabled}\n              className={cx('variants__chip', selected && 'is-selected', o.disabled && 'is-disabled')}\n              onClick={() => onChange(o.value)}\n            >\n              {o.label}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ---------- WishlistButton ---------------------------------------------\nexport interface WishlistButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  active?: boolean;\n  onToggle?: (next: boolean) => void;\n  size?: number;\n}\n\nexport function WishlistButton({ active = false, onToggle, size = 20, className, ...rest }: WishlistButtonProps) {\n  const t = useLocale();\n  return (\n    <button\n      type=\"button\"\n      className={cx('wishlist', active && 'is-active', className)}\n      aria-label={active ? t['commerce.removeFavorite'] : t['commerce.addFavorite']}\n      aria-pressed={active}\n      onClick={() => onToggle?.(!active)}\n      {...rest}\n    >\n      <Heart size={size} />\n    </button>\n  );\n}\n\n// ---------- PromoCodeInput ---------------------------------------------\nexport interface PromoCodeInputProps {\n  /** Validador async. Resuelve con un mensaje de éxito o lanza un Error con el mensaje. */\n  onApply: (code: string) => Promise<string>;\n  placeholder?: string;\n  buttonLabel?: string;\n  className?: string;\n  id?: string;\n}\n\nexport function PromoCodeInput({\n  onApply, placeholder,\n  buttonLabel, className, id,\n}: PromoCodeInputProps) {\n  const [code, setCode] = React.useState('');\n  const [state, setState] = React.useState<'idle' | 'loading' | 'success' | 'error'>('idle');\n  const [message, setMessage] = React.useState<string | null>(null);\n  const t = useLocale();\n  const ph = placeholder ?? t['commerce.promoPlaceholder'];\n  const btn = buttonLabel ?? t['commerce.applyCoupon'];\n\n  const apply = async () => {\n    if (!code.trim()) return;\n    setState('loading');\n    setMessage(null);\n    try {\n      const msg = await onApply(code.trim());\n      setState('success');\n      setMessage(msg);\n    } catch (err) {\n      setState('error');\n      setMessage(err instanceof Error ? err.message : t['commerce.promoInvalid']);\n    }\n  };\n\n  return (\n    <div className={cx('promo', state === 'success' && 'is-success', state === 'error' && 'is-error', className)}>\n      <div className=\"promo__row\">\n        <input\n          id={id}\n          type=\"text\"\n          className=\"input promo__input\"\n          value={code}\n          placeholder={ph}\n          disabled={state === 'loading' || state === 'success'}\n          onChange={(e) => { setCode(e.target.value.toUpperCase()); if (state !== 'idle') setState('idle'); }}\n          onKeyDown={(e) => e.key === 'Enter' && apply()}\n        />\n        <button\n          type=\"button\"\n          className=\"btn btn--primary btn--md\"\n          disabled={!code.trim() || state === 'loading' || state === 'success'}\n          onClick={apply}\n        >\n          {state === 'loading' ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : btn}\n        </button>\n      </div>\n      {message && <div className={cx('promo__message', `promo__message--${state}`)}>{message}</div>}\n    </div>\n  );\n}\n\n// ---------- FreeShippingProgress ---------------------------------------\nexport interface FreeShippingProgressProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Subtotal actual del cart. */\n  current: number;\n  /** Threshold para envío gratis. */\n  threshold: number;\n  currency?: string;\n  locale?: string;\n  achievedMessage?: React.ReactNode;\n}\n\nexport function FreeShippingProgress({\n  current, threshold, currency, locale,\n  achievedMessage,\n  className, ...rest\n}: FreeShippingProgressProps) {\n  const brand = getBrand();\n  const t = useLocale();\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale ?? brand.locale, { style: 'currency', currency: currency ?? brand.currency, maximumFractionDigits: 0 }).format(n);\n\n  const pct = Math.min(100, (current / threshold) * 100);\n  const remaining = Math.max(0, threshold - current);\n  const achieved = current >= threshold;\n  const successMsg = achievedMessage ?? t['commerce.shippingAchieved'];\n\n  return (\n    <div className={cx('shipping-progress', achieved && 'is-achieved', className)} {...rest}>\n      <div className=\"shipping-progress__text\">\n        {achieved ? successMsg : <>{t['commerce.shippingPrefix']}<strong>{fmt(remaining)}</strong>{t['commerce.shippingSuffix']}</>}\n      </div>\n      <div className=\"shipping-progress__track\" aria-hidden=\"true\">\n        <div className=\"shipping-progress__bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n}\n\n// ---------- CartDrawer + line items ------------------------------------\nexport interface CartLineItem {\n  id: string;\n  name: React.ReactNode;\n  variant?: React.ReactNode;\n  image?: string;\n  unitPrice: number;\n  quantity: number;\n}\n\nexport interface CartDrawerProps {\n  open: boolean;\n  onClose: () => void;\n  items: CartLineItem[];\n  onQuantityChange?: (id: string, qty: number) => void;\n  onRemove?: (id: string) => void;\n  onCheckout?: () => void;\n  freeShippingThreshold?: number;\n  currency?: string;\n  locale?: string;\n}\n\nexport function CartDrawer({\n  open, onClose, items,\n  onQuantityChange, onRemove, onCheckout,\n  freeShippingThreshold, currency, locale,\n}: CartDrawerProps) {\n  const brand = getBrand();\n  const t = useLocale();\n  const resolvedCurrency = currency ?? brand.currency;\n  const resolvedLocale = locale ?? brand.locale;\n  const subtotal = items.reduce((sum, it) => sum + it.unitPrice * it.quantity, 0);\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(resolvedLocale, { style: 'currency', currency: resolvedCurrency, maximumFractionDigits: 0 }).format(n);\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      title={t['commerce.cartTitle']}\n      footer={\n        <div className=\"cart__footer\">\n          {freeShippingThreshold != null && (\n            <FreeShippingProgress current={subtotal} threshold={freeShippingThreshold} currency={resolvedCurrency} locale={resolvedLocale} />\n          )}\n          <div className=\"cart__totals\">\n            <span>{t['commerce.subtotal']}</span>\n            <strong>{fmt(subtotal)}</strong>\n          </div>\n          <button type=\"button\" className=\"btn btn--primary btn--lg btn--block\" disabled={items.length === 0} onClick={onCheckout}>\n            {t['commerce.checkout']}\n          </button>\n        </div>\n      }\n    >\n      {items.length === 0 ? (\n        <div className=\"cart__empty\">{t['commerce.cartEmpty']}</div>\n      ) : (\n        <ul className=\"cart__list\">\n          {items.map((it) => (\n            <li key={it.id} className=\"cart__item\">\n              <div className=\"cart__item-media\">\n                {it.image ? <img src={it.image} alt=\"\" /> : <div className=\"cart__item-placeholder\" />}\n              </div>\n              <div className=\"cart__item-body\">\n                <div className=\"cart__item-name\">{it.name}</div>\n                {it.variant && <div className=\"cart__item-variant\">{it.variant}</div>}\n                <div className=\"cart__item-price\">{fmt(it.unitPrice)}</div>\n              </div>\n              <div className=\"cart__item-actions\">\n                {onQuantityChange ? (\n                  <QuantitySelector\n                    size=\"sm\"\n                    value={it.quantity}\n                    onChange={(q) => onQuantityChange(it.id, q)}\n                  />\n                ) : (\n                  <span className=\"cart__item-qty\">x{it.quantity}</span>\n                )}\n                {onRemove && (\n                  <button\n                    type=\"button\"\n                    className=\"cart__item-remove\"\n                    aria-label={t['commerce.removeFromCart']}\n                    onClick={() => onRemove(it.id)}\n                  >\n                    <Trash size={14} />\n                  </button>\n                )}\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Drawer>\n  );\n}\n\n// ---------- OrderSummary ------------------------------------------------\nexport interface OrderLineRow {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Aplica estilo de total (negrita, más grande). */\n  emphasis?: boolean;\n}\n\nexport interface OrderSummaryProps extends Omit<React.HTMLAttributes<HTMLDListElement>, 'title'> {\n  rows: OrderLineRow[];\n  title?: React.ReactNode;\n}\n\nexport function OrderSummary({ rows, title, className, ...rest }: OrderSummaryProps) {\n  return (\n    <div className={cx('order-summary', className)}>\n      {title && <div className=\"order-summary__title\">{title}</div>}\n      <dl className=\"order-summary__list\" {...rest}>\n        {rows.map((r, i) => (\n          <div key={i} className={cx('order-summary__row', r.emphasis && 'is-emphasis')}>\n            <dt>{r.label}</dt>\n            <dd>{r.value}</dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n\n// ---------- AddressForm (generic field composer) -----------------------\n// The kit doesn't ship country-specific fields. Consumers pass a `fields`\n// array describing which inputs to render and the order. For Chile, that\n// means defining `[{ key: 'rut', ... }, { key: 'comuna', ... }, ...]` in\n// app code. For other markets, define different fields.\n//\n// Layout: each field declares its `width` ('full' | 'half' | 'third').\n// The form renders in a 6-column CSS grid, where 'full' spans 6, 'half'\n// spans 3, and 'third' spans 2. On narrow viewports everything stacks.\n\nexport interface AddressFieldOption {\n  value: string;\n  label: React.ReactNode;\n}\n\nexport interface AddressField {\n  /** Key del campo en el objeto `value`. */\n  key: string;\n  label: React.ReactNode;\n  type?: 'text' | 'select' | 'textarea';\n  placeholder?: string;\n  /** Solo para `type: 'select'`. */\n  options?: readonly AddressFieldOption[];\n  /** Placeholder de la opción vacía. Default: 'Selecciona…' (locale: `common.search` no aplica). */\n  selectPlaceholder?: string;\n  /** Anchura en una grilla de 6 columnas. Default: 'full'. */\n  width?: 'full' | 'half' | 'third';\n  /** Solo para `type: 'textarea'`. */\n  rows?: number;\n}\n\nexport interface AddressFormProps {\n  fields: AddressField[];\n  value: Record<string, string>;\n  onChange: (value: Record<string, string>) => void;\n  className?: string;\n}\n\nexport function AddressForm({ fields, value, onChange, className }: AddressFormProps) {\n  const reactId = React.useId();\n  const set = (key: string, v: string) => onChange({ ...value, [key]: v });\n\n  return (\n    <div className={cx('address-form', className)}>\n      {fields.map((f) => {\n        const id = `${reactId}-${f.key}`;\n        const width = f.width ?? 'full';\n        const v = value[f.key] ?? '';\n        return (\n          <div key={f.key} className={cx('form-field', `address-form__field--${width}`)}>\n            <label className=\"label\" htmlFor={id}>{f.label}</label>\n            {f.type === 'select' ? (\n              <select\n                id={id}\n                className=\"select\"\n                value={v}\n                onChange={(e) => set(f.key, e.target.value)}\n              >\n                <option value=\"\">{f.selectPlaceholder ?? 'Selecciona…'}</option>\n                {f.options?.map((o) => (\n                  <option key={o.value} value={o.value}>\n                    {typeof o.label === 'string' ? o.label : o.value}\n                  </option>\n                ))}\n              </select>\n            ) : f.type === 'textarea' ? (\n              <textarea\n                id={id}\n                className=\"textarea\"\n                value={v}\n                placeholder={f.placeholder}\n                rows={f.rows ?? 2}\n                onChange={(e) => set(f.key, e.target.value)}\n              />\n            ) : (\n              <input\n                id={id}\n                className=\"input\"\n                value={v}\n                placeholder={f.placeholder}\n                onChange={(e) => set(f.key, e.target.value)}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n// ---------- CompareTable -----------------------------------------------\nexport interface CompareItem {\n  id: string;\n  name: React.ReactNode;\n  image?: string;\n  price?: React.ReactNode;\n}\n\nexport interface CompareAttribute {\n  key: string;\n  label: React.ReactNode;\n  /** Valor por item, indexado por id. */\n  values: Record<string, React.ReactNode>;\n}\n\nexport interface CompareTableProps extends React.HTMLAttributes<HTMLTableElement> {\n  items: CompareItem[];\n  attributes: CompareAttribute[];\n  onRemove?: (id: string) => void;\n}\n\nexport function CompareTable({ items, attributes, onRemove, className, ...rest }: CompareTableProps) {\n  const t = useLocale();\n  return (\n    <div className={cx('compare', className)}>\n      <table className=\"compare__table\" {...rest}>\n        <thead>\n          <tr>\n            <th />\n            {items.map((it) => (\n              <th key={it.id} scope=\"col\">\n                <div className=\"compare__head\">\n                  {it.image && <img src={it.image} alt=\"\" className=\"compare__img\" />}\n                  <div className=\"compare__name\">{it.name}</div>\n                  {it.price && <div className=\"compare__price\">{it.price}</div>}\n                  {onRemove && (\n                    <button\n                      type=\"button\"\n                      className=\"compare__remove\"\n                      aria-label={format(t['commerce.removeItem'], { name: typeof it.name === 'string' ? it.name : 'item' })}\n                      onClick={() => onRemove(it.id)}\n                    >\n                      <X size={14} />\n                    </button>\n                  )}\n                </div>\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {attributes.map((attr) => (\n            <tr key={attr.key}>\n              <th scope=\"row\" className=\"compare__attr\">{attr.label}</th>\n              {items.map((it) => (\n                <td key={it.id} className=\"compare__cell\">{attr.values[it.id] ?? '—'}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-GBHP5WAB.mjs → chunk-XW7DOPY4.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import { format } from './chunk-IUL73666.mjs';
+import { format } from './chunk-Q4HKSXUE.mjs';
 import { getBrand } from './chunk-5GEWIK4T.mjs';
-import { useLocale } from './chunk-Q4BKGBTV.mjs';
+import { useLocale } from './chunk-PQV7HHCJ.mjs';
 import { X } from './chunk-CIBJKJV3.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
@@ -241,5 +241,5 @@ function CheckboxGroup({ value, onChange, options, orientation = "vertical", cla
 }
 
 export { CheckboxGroup, MoneyInput, PhoneInput, Progress, ProgressCircle, RadioGroup, Slider, TagInput, TimePicker };
-//# sourceMappingURL=chunk-GBHP5WAB.mjs.map
-//# sourceMappingURL=chunk-GBHP5WAB.mjs.map
+//# sourceMappingURL=chunk-XW7DOPY4.mjs.map
+//# sourceMappingURL=chunk-XW7DOPY4.mjs.map