@ai-matrx/design-system 0.86.349 → 0.86.351

package/dist/data-table/data-row-window.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   DataRowWindow
-} from "../chunk-CEA6X445.js";
+} from "../chunk-CFUXEGW2.js";
 import "../chunk-YC5GAO35.js";
 import "../chunk-VLLUUOYJ.js";
 import "../chunk-TH6DDCWF.js";
@@ -10,7 +10,7 @@ import "../chunk-IMQ3RX35.js";
 import "../chunk-U24MOJWK.js";
 import "../chunk-NDTDBBMM.js";
 import "../chunk-LEPD6TV7.js";
-import "../chunk-TWRC7NP4.js";
+import "../chunk-WUD23YTG.js";
 import "../chunk-UEQK6PFD.js";
 import "../chunk-PTYKILZE.js";
 import "../chunk-FRJ4PPA2.js";
@@ -18,14 +18,14 @@ import "../chunk-KPZX2M2C.js";
 import "../chunk-GLZJ7WZK.js";
 import "../chunk-B3LDW3IQ.js";
 import "../chunk-FXT7PZAF.js";
-import "../chunk-6QKT52FR.js";
+import "../chunk-MTE6N7XU.js";
 import "../chunk-WFBPCMPF.js";
 import "../chunk-KGW373MK.js";
 import "../chunk-7ZCD4AZS.js";
 import "../chunk-OPF265PU.js";
 import "../chunk-QFP4BUKZ.js";
-import "../chunk-GLLPO66A.js";
-import "../chunk-XTP6HOB6.js";
+import "../chunk-U46XUQI7.js";
+import "../chunk-6XNYYROM.js";
 import "../chunk-BD77DHUO.js";
 import "../chunk-BKCJUFD3.js";
 import "../chunk-PIQJULQB.js";

package/dist/data-table/index.cjs

@@ -16410,6 +16410,9 @@ function canRedo(stack) {
 }
 
 // src/data-table/useSpreadsheetGrid.ts
+function cellCount(n) {
+  return `${n} ${n === 1 ? "cell" : "cells"}`;
+}
 function targetsAnEditor(target) {
   const element = target instanceof Element ? target : null;
   if (!element) return false;
@@ -16604,7 +16607,7 @@ function useSpreadsheetGrid(options) {
     await applyPatches(screened.accepted, "clear", "Cleared");
     announceSkips(
       [...skipped, ...screened.refusals],
-      `Cleared ${screened.accepted.length} cells.`
+      `Cleared ${cellCount(screened.accepted.length)}.`
     );
   }, [bounds, applyPatches, announceSkips, screenPatches, refuseWrite]);
   const doUndo = (0, import_react31.useCallback)(async () => {
@@ -16971,7 +16974,7 @@ function useSpreadsheetGrid(options) {
       void applyPatches(screened.accepted, "paste", "Pasted");
       const outside = pastRightEdge + overflow.reduce((n, row) => n + Object.keys(row).length, 0);
       const tail = outside > 0 ? ` ${outside} landed past the edge of the table and were ignored.` : "";
-      announceSkips(refusals, `Pasted ${screened.accepted.length} cells.${tail}`);
+      announceSkips(refusals, `Pasted ${cellCount(screened.accepted.length)}.${tail}`);
     },
     [range, bounds, rowIds, columnIds, applyPatches, announceSkips, screenPatches, refuseWrite]
   );
@@ -18491,12 +18494,12 @@ var import_react_slot4 = require("@radix-ui/react-slot");
 var React28 = __toESM(require("react"), 1);
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var Tile = React28.forwardRef(
-  ({ layout = "row", variant = "outline", icon, title, wrapTitle, line, end, selected, selectedStyle, tooltip, level, fit, endInset, oneLine, dashed, hoverStyle, danger, dimmed, glyphTone, hero, tone, dense, asChild = false, className, children, onClick, type, ...props }, ref) => {
+  ({ layout = "row", variant = "outline", icon, title, wrapTitle, line, end, selected, selectedStyle, tooltip, level, fit, endInset, oneLine, dashed, hoverStyle, danger, dimmed, glyphTone, hero, tone, iconTone, dense, asChild = false, className, children, onClick, type, ...props }, ref) => {
     const Component = asChild ? import_react_slot4.Slot : "button";
     const ariaDisabled = props["aria-disabled"];
     const inert = ariaDisabled === true || ariaDisabled === "true";
     const body = /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_jsx_runtime60.Fragment, { children: [
-      icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "matrx-tile-icon", children: icon }) : null,
+      icon ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "matrx-tile-icon", "data-tone": iconTone && iconTone !== "neutral" ? iconTone : void 0, children: icon }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { className: "matrx-tile-text", children: [
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "matrx-tile-title", children: title }),
         line ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "matrx-tile-line", children: line }) : null
@@ -23392,10 +23395,10 @@ function MatrxDataTableCore(coreProps) {
       }
       case "selection": {
         const addresses = sheetRef.current.selectionAddresses();
-        const cellCount = addresses.rowIds.length * addresses.columnIds.length;
-        if (cellCount <= 1) return menuPayloadFor({ ...target, level: "cell" });
+        const cellCount2 = addresses.rowIds.length * addresses.columnIds.length;
+        if (cellCount2 <= 1) return menuPayloadFor({ ...target, level: "cell" });
         return {
-          payload: { level: "selection", ...addresses, tsv: sheetRef.current.selectionTsv(), cellCount }
+          payload: { level: "selection", ...addresses, tsv: sheetRef.current.selectionTsv(), cellCount: cellCount2 }
         };
       }
       case "table":
@@ -26030,14 +26033,14 @@ function MatrxDataTableCore(coreProps) {
                       "div",
                       {
                         "data-matrx-table-bulk-bar": true,
-                        className: "mt-2 flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5",
+                        className: "mt-2 flex shrink-0 flex-nowrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5",
                         children: [
                           /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                             "span",
                             {
                               "data-matrx-table-selection-count": true,
                               "data-matrx-table-selection-all-matching": allMatching ? "" : void 0,
-                              className: "text-xs font-medium text-foreground",
+                              className: "shrink-0 whitespace-nowrap text-xs font-medium text-foreground",
                               children: [
                                 allMatching ? "All " : "",
                                 (0, import_format14.formatCount)(selectionCount),
@@ -26072,40 +26075,47 @@ function MatrxDataTableCore(coreProps) {
                               children: "Clear"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-1 flex-wrap items-center justify-end gap-0", children: [
-                            effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-                              CopyButtons,
-                              {
-                                size: "icon",
-                                "data-matrx-table-icon-action": true,
-                                sourceId: `${tableCopySourceNamespace}:selection`,
-                                disabled: selectedCopyRows.length === 0,
-                                ...effectiveCopy.references ? { references: effectiveCopy.references(selectedCopyRows, selectedCopyRows) } : {},
-                                ...effectiveCopy.triggerVariant ? { triggerVariant: effectiveCopy.triggerVariant } : {},
-                                label: selectedCopyRows.length === selectedIdSet.size ? `${selectedCopyRows.length} selected ${selectionNoun}${selectedCopyRows.length === 1 ? "" : "s"}` : `${selectedCopyRows.length} of ${selectedIdSet.size} selected ${selectionNoun}${selectedIdSet.size === 1 ? "" : "s"} available to copy`,
-                                ...copy === void 0 ? {} : {
-                                  human: () => buildViewHuman(effectiveCopy, selectedCopyRows, effectiveCopyColumns),
-                                  json: () => selectedCopyRows.map((row) => effectiveCopy.agentRow ? effectiveCopy.agentRow(row) : row)
-                                },
-                                agent: () => copy === void 0 ? buildDefaultTableViewAgentInput(effectiveCopy, selectedCopyRows, selectedCopyRows, declaredVisibleCopyColumns, { scope: "selected" }) : buildViewAgentInput(effectiveCopy, selectedCopyRows, selectedCopyRows, { scope: "selected" }),
-                                aiVariants: copySubsetVariantFor(
-                                  () => selectedCopyRows,
-                                  "selected"
-                                ),
-                                export: {
-                                  items: [],
-                                  sheetRows: () => selectedCopyRows.map(
-                                    (row) => projectDefaultTableCopyRow(row, declaredVisibleCopyColumns)
-                                  ),
-                                  sheetColumns: () => declaredVisibleCopyColumns.map((column) => ({
-                                    id: columnId(column),
-                                    label: column.label ?? (typeof column.header === "string" ? column.header : columnId(column))
-                                  }))
-                                }
-                              }
-                            ) : null,
-                            selection.actions?.(selectedRows, [...selectedIdSet], selectionScope)
-                          ] })
+                          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+                            "div",
+                            {
+                              "data-matrx-table-bulk-actions": true,
+                              className: "flex min-w-0 flex-1 flex-nowrap items-center justify-start gap-0 overflow-x-auto sm:justify-end [&>*]:shrink-0",
+                              children: [
+                                effectiveCopy ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                                  CopyButtons,
+                                  {
+                                    size: "icon",
+                                    "data-matrx-table-icon-action": true,
+                                    sourceId: `${tableCopySourceNamespace}:selection`,
+                                    disabled: selectedCopyRows.length === 0,
+                                    ...effectiveCopy.references ? { references: effectiveCopy.references(selectedCopyRows, selectedCopyRows) } : {},
+                                    ...effectiveCopy.triggerVariant ? { triggerVariant: effectiveCopy.triggerVariant } : {},
+                                    label: selectedCopyRows.length === selectedIdSet.size ? `${selectedCopyRows.length} selected ${selectionNoun}${selectedCopyRows.length === 1 ? "" : "s"}` : `${selectedCopyRows.length} of ${selectedIdSet.size} selected ${selectionNoun}${selectedIdSet.size === 1 ? "" : "s"} available to copy`,
+                                    ...copy === void 0 ? {} : {
+                                      human: () => buildViewHuman(effectiveCopy, selectedCopyRows, effectiveCopyColumns),
+                                      json: () => selectedCopyRows.map((row) => effectiveCopy.agentRow ? effectiveCopy.agentRow(row) : row)
+                                    },
+                                    agent: () => copy === void 0 ? buildDefaultTableViewAgentInput(effectiveCopy, selectedCopyRows, selectedCopyRows, declaredVisibleCopyColumns, { scope: "selected" }) : buildViewAgentInput(effectiveCopy, selectedCopyRows, selectedCopyRows, { scope: "selected" }),
+                                    aiVariants: copySubsetVariantFor(
+                                      () => selectedCopyRows,
+                                      "selected"
+                                    ),
+                                    export: {
+                                      items: [],
+                                      sheetRows: () => selectedCopyRows.map(
+                                        (row) => projectDefaultTableCopyRow(row, declaredVisibleCopyColumns)
+                                      ),
+                                      sheetColumns: () => declaredVisibleCopyColumns.map((column) => ({
+                                        id: columnId(column),
+                                        label: column.label ?? (typeof column.header === "string" ? column.header : columnId(column))
+                                      }))
+                                    }
+                                  }
+                                ) : null,
+                                selection.actions?.(selectedRows, [...selectedIdSet], selectionScope)
+                              ]
+                            }
+                          )
                         ]
                       }
                     ) : null