@ai-matrx/design-system 0.86.350 → 0.86.351

package/dist/data-table/index.js

@@ -145,7 +145,7 @@ import {
   ConfirmDialog,
   EmptyState,
   Tile
-} from "../chunk-UTADJKVR.js";
+} from "../chunk-GMNROZQJ.js";
 import "../chunk-K4XCB576.js";
 import {
   ErrorBox
@@ -13979,14 +13979,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__ */ jsxs22(
                             "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 " : "",
                                 formatCount10(selectionCount),
@@ -14021,40 +14021,47 @@ function MatrxDataTableCore(coreProps) {
                               children: "Clear"
                             }
                           ),
-                          /* @__PURE__ */ jsxs22("div", { className: "flex flex-1 flex-wrap items-center justify-end gap-0", children: [
-                            effectiveCopy ? /* @__PURE__ */ jsx23(
-                              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__ */ jsxs22(
+                            "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__ */ jsx23(
+                                  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