@ai-matrx/design-system 0.20.21 → 0.21.0

package/dist/data-table/filter-engine.d.cts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-n8d2I1Gu.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-B99KFITZ.cjs';
 import '../extensions-DCHtNwG3.cjs';
 import '@ai-matrx/kit/content-transfer';
 import 'react';

package/dist/data-table/filter-engine.d.ts

@@ -1,4 +1,4 @@
-import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-D_UZxZC5.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CryQuMmz.js';
 import '../extensions-DCHtNwG3.js';
 import '@ai-matrx/kit/content-transfer';
 import 'react';

package/dist/data-table/host.d.cts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.cjs';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.cjs';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-n8d2I1Gu.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-B99KFITZ.cjs';
 import '../extensions-DCHtNwG3.cjs';
 import '@ai-matrx/kit/content-transfer';
 

package/dist/data-table/host.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ComponentType, ReactNode, MouseEventHandler } from 'react';
 import { CopyControlProps } from './copy-types.js';
 export { AgentPayloadInput, AiCustomSource, AiVariant, CopyExportConfig } from './copy-types.js';
-import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-D_UZxZC5.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-CryQuMmz.js';
 import '../extensions-DCHtNwG3.js';
 import '@ai-matrx/kit/content-transfer';
 

package/dist/data-table/index.cjs

@@ -205,13 +205,28 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
+var TOUCH_FLOOR_SIZES = /* @__PURE__ */ new Set([
+  "xs",
+  "sm",
+  "default",
+  "md",
+  "lg",
+  "icon",
+  "icon-sm",
+  "roundIcon"
+]);
+var SQUARE_SIZES = /* @__PURE__ */ new Set(["icon", "icon-sm", "roundIcon"]);
 var Button = React.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? import_react_slot.Slot : "button";
+    const resolvedSize = size ?? "default";
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className })),
+        "data-matrx-button": "",
+        "data-tap-floor": TOUCH_FLOOR_SIZES.has(resolvedSize) ? "" : void 0,
+        "data-tap-floor-square": SQUARE_SIZES.has(resolvedSize) ? "" : void 0,
         ref,
         ...props
       }
@@ -958,6 +973,7 @@ function TableTitleRow({
   context,
   count,
   search,
+  tabs,
   actions,
   children,
   className
@@ -981,15 +997,17 @@ function TableTitleRow({
             children: count.value.toLocaleString()
           }
         ) : null,
+        tabs ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "min-w-0 flex-1 basis-32", "data-matrx-table-toolbar-tabs": true, children: tabs }) : null,
+        tabs ? context : null,
         search ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             "data-matrx-table-title-search": true,
-            className: "order-last w-full min-w-0 sm:order-none sm:w-auto sm:min-w-64 sm:max-w-md",
+            className: "order-last w-full min-w-0 sm:order-none sm:w-64 sm:shrink-0 sm:max-w-md",
             children: search
           }
         ) : null,
-        context,
+        !tabs ? context : null,
         children,
         actions ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
@@ -7854,7 +7872,10 @@ function ToolbarFacets({ facets }) {
 function resetToolbarFacets(facets) {
   if (!facets) return;
   for (const facet of facets) {
-    if (facet.type !== "button-group") continue;
+    if (facet.type === "custom") {
+      if (facet.filter?.active) facet.filter.onReset();
+      continue;
+    }
     const def = facet.defaultValue ?? facet.options[0]?.value;
     if (def !== void 0 && facet.value !== def) facet.onChange(def);
   }
@@ -9114,19 +9135,20 @@ function MatrxDataTableCore({
       intelligentSearchEnabled ? columns : visibleColumns,
       sourceOwnsColumnFilters ? {} : columnFilters,
       sourceOwnsSort ? null : sort,
-      intelligentSearchEnabled || toolbar?.search === false || sourceOwnsSearch ? "" : searchValue,
+      "",
+      // Global matching and identity ranking run once across all loaded fields below.
       toolbar?.anyOf ? { columnIds: toolbar.anyOf.columnIds, query: anyOfValue } : void 0,
       layeredFilters,
       searchMatchMode,
       searchText
     );
-    if (!intelligentSearchEnabled || sourceOwnsSearch) return locallyFiltered;
+    if (sourceOwnsSearch || toolbar?.search === false) return locallyFiltered;
     return rankTableSearchRows(
       locallyFiltered,
       columns,
       searchValue,
       {
-        scope: searchScope,
+        scope: intelligentSearchEnabled ? searchScope : "all",
         ...toolbar?.intelligentSearch?.roles === void 0 ? {} : { roles: toolbar.intelligentSearch.roles },
         ...toolbar?.intelligentSearch?.scopes === void 0 ? {} : { scopes: toolbar.intelligentSearch.scopes },
         matchMode: searchMatchMode
@@ -9240,7 +9262,7 @@ function MatrxDataTableCore({
   const showToolbarCopy = effectiveCopy !== void 0 && effectiveCopy.showToolbar !== false;
   const activeFilterCount = countActiveColumnFilters(columnFilters);
   const facetActive = (toolbar?.facets ?? []).some((f) => {
-    if (f.type !== "button-group") return false;
+    if (f.type === "custom") return f.filter?.active ?? false;
     const def = f.defaultValue ?? f.options[0]?.value;
     return def !== void 0 && f.value !== def;
   });
@@ -9860,13 +9882,13 @@ function MatrxDataTableCore({
               className
             ),
             children: [
-              viewTabs && !hideToolbar && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table"),
               notice,
               savedViewError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: savedViewError }) : null,
               toolbarActionError ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { role: "alert", className: "shrink-0 text-xs text-destructive", children: toolbarActionError }) : null,
-              !hideToolbar && (toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              !hideToolbar && (viewTabs || toolbar?.title || showSearch || toolbar?.anyOf || toolbar?.layeredFilters || toolbar?.facets && toolbar.facets.length > 0 || toolbar?.leading || toolbar?.actions || toolbar?.refresh || toolbar?.add || tableId && SavedViews || hasActiveFilters || showToolbarCopy || columns.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
                 TableTitleRow,
                 {
+                  tabs: viewTabs ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableViewWorkspace, { snapshot: currentViewSnapshot, onApply: applySavedView, related: relatedTableActions }, tableId ?? "table") : void 0,
                   ...toolbar?.title === void 0 ? {} : { title: toolbar.title },
                   context: tableId && SavedViews ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "data-matrx-table-view-control": true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                     SavedViews,
@@ -10067,7 +10089,8 @@ function MatrxDataTableCore({
                                 sheetColumns: () => declaredVisibleCopyColumns.map((column) => ({
                                   id: columnId(column),
                                   label: column.label ?? (typeof column.header === "string" ? column.header : columnId(column))
-                                }))
+                                })),
+                                ...effectiveCopy.export?.(processed, data)
                               }
                             }
                           ) : null,
@@ -10538,7 +10561,7 @@ function MatrxDataTableCore({
                                       "data-row-id": id,
                                       "data-state": isSelected ? "selected" : void 0,
                                       onClick: (e) => {
-                                        if (e.target.closest("a")) return;
+                                        if (e.target.closest('a, button, input, select, textarea, [role="button"], [role="combobox"], [contenteditable="true"]')) return;
                                         openRow(row);
                                       },
                                       className: cn(