@ai-matrx/design-system 0.19.16 → 0.19.18

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-DqlfNcC5.cjs';
-export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-DqlfNcC5.cjs';
+import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-CRCy-Zy_.cjs';
+export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-CRCy-Zy_.cjs';
 export { MatrxDataTableHost, MatrxDataTableProvider, TableDoors, TableEntityRefProps, TableLinkProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost } from './host.cjs';
 export { DataRowInspector } from './data-row-inspector.cjs';
 export { DataRowWindow, DataRowWindowProps, DataRowWindowTab } from './data-row-window.cjs';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-lNw7TnTM.js';
-export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-lNw7TnTM.js';
+import { g as MatrxDataTableProps, h as TableViewSnapshot } from '../types-Ch60uNn-.js';
+export { A as AnyOfColumnSearch, i as CellEditType, j as CellEditsMap, e as ColumnFilterKind, a as ColumnFilterValue, C as ColumnFiltersState, M as MatrxColumnDef, f as MatrxDataTableCopyConfig, c as MatrxDataTableDensity, k as MatrxDataTableDetailConfig, l as MatrxDataTableEditConfig, m as MatrxDataTableEmptyState, n as MatrxDataTableFilterUi, o as MatrxDataTableHierarchyConfig, p as MatrxDataTableHierarchyMove, q as MatrxDataTableMobileCardControls, r as MatrxDataTableQueryControl, d as MatrxDataTableQueryState, s as MatrxDataTableRecordControls, t as MatrxDataTableSelectionConfig, u as MatrxDataTableSourceProcessing, v as MatrxDataTableToolbar, w as MatrxDataTableUrlStateConfig, x as MatrxDataTableWindowConfig, y as MatrxTablePagination, z as SortDirection, S as SortState, b as TableSavedViewsProps, T as TableSearchMatchMode, B as TableViewQuery, D as TextFilterMode, E as ToolbarFacet } from '../types-Ch60uNn-.js';
 export { MatrxDataTableHost, MatrxDataTableProvider, TableDoors, TableEntityRefProps, TableLinkProps, TablePeekProps, TableSidePanelProps, TableToolbarActionProps, TableWindowPanelProps, useMatrxDataTableHost } from './host.js';
 export { DataRowInspector } from './data-row-inspector.js';
 export { DataRowWindow, DataRowWindowProps, DataRowWindowTab } from './data-row-window.js';

package/dist/data-table/index.js

@@ -183,6 +183,9 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
+// src/data-table/MatrxDataTable.tsx
+import { formatCount as formatCount3 } from "@ai-matrx/kit/format";
+
 // src/checkbox.tsx
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React2 from "react";
@@ -2106,6 +2109,7 @@ import {
   normalizeTransferJson,
   sealTransferArtifact as sealTransferArtifact2
 } from "@ai-matrx/kit/content-transfer";
+import { formatCount as formatCount2 } from "@ai-matrx/kit/format";
 
 // src/content-transfer/index.tsx
 import * as React13 from "react";
@@ -2132,6 +2136,7 @@ import {
   transformRows,
   undoDraft
 } from "@ai-matrx/kit/content-transfer";
+import { formatCount } from "@ai-matrx/kit/format";
 
 // src/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
@@ -3177,7 +3182,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
         void preflight();
       }
     }, children: [
-      /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: triggerVariant === "glass" ? /* @__PURE__ */ jsx23(TapTargetButton, { ref: triggerRef, icon: /* @__PURE__ */ jsx23(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "glass" }) : /* @__PURE__ */ jsx23(TapTargetButtonTransparent, { ref: triggerRef, icon: /* @__PURE__ */ jsx23(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "transparent" }) }),
+      /* @__PURE__ */ jsx23(PopoverTrigger, { asChild: true, children: triggerVariant === "glass" ? /* @__PURE__ */ jsx23(TapTargetButton, { ref: triggerRef, icon: /* @__PURE__ */ jsx23(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "glass", disabled }) : /* @__PURE__ */ jsx23(TapTargetButtonTransparent, { ref: triggerRef, icon: /* @__PURE__ */ jsx23(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "transparent", disabled }) }),
       /* @__PURE__ */ jsxs15(PopoverContent, { align: "end", className: "matrx-alchemy-menu matrx-alchemy-palette", "aria-label": "Alchemy output options", onCloseAutoFocus: () => triggerRef.current?.focus(), children: [
         menuStatus === "loading" ? /* @__PURE__ */ jsx23("p", { className: "matrx-alchemy-palette-status", children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ jsx23("p", { className: "matrx-alchemy-error", children: menuStatus }) : null,
         copyAvailable || downloadAvailable ? /* @__PURE__ */ jsxs15("section", { className: "matrx-alchemy-output", children: [
@@ -3536,7 +3541,7 @@ function PreparationWorkspace({ restoreFocus, open, state, scopes, onClose, onCh
   const formats = COPIES.filter((f) => supportsBuiltIn(f, state.draft.payload));
   const workspaceAdapters = adapters.filter((adapter) => adapter.supports(state.draft.payload));
   const displayedOmissions = preparedArtifact?.omissions ?? state.draft.omissions;
-  const limitText = Object.entries(state.preferences.limits).filter(([, value]) => value != null).map(([key, value]) => `${key.replace(/^max/, "max ")} ${Number(value).toLocaleString()}`).join(" \xB7 ");
+  const limitText = Object.entries(state.preferences.limits).filter(([, value]) => value != null).map(([key, value]) => `${key.replace(/^max/, "max ")} ${formatCount(Number(value))}`).join(" \xB7 ");
   return /* @__PURE__ */ jsx23(Dialog, { open, onOpenChange: (next) => {
     if (!next) close();
   }, children: /* @__PURE__ */ jsxs15(DialogContent, { onCloseAutoFocus: (event) => {
@@ -4289,10 +4294,10 @@ function SourceConfiguration({
                 ] }) : null
               ] }),
               /* @__PURE__ */ jsxs16("p", { children: [
-                text.length.toLocaleString(),
+                formatCount2(text.length),
                 " characters \xB7 approximately",
                 " ",
-                Math.ceil(text.length / 4).toLocaleString(),
+                formatCount2(Math.ceil(text.length / 4)),
                 " tokens"
               ] }),
               error || buildError ? /* @__PURE__ */ jsx24("p", { role: "alert", children: error ?? buildError }) : null
@@ -5609,7 +5614,7 @@ function ColumnHeaderCell({
             "."
           ] })
         ] }) : /* @__PURE__ */ jsx28("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-        filterKind ? /* @__PURE__ */ jsxs19("div", { className: "inline-flex items-center", children: [
+        filterKind || sortable ? /* @__PURE__ */ jsxs19("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ jsxs19(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
             /* @__PURE__ */ jsxs19(Tooltip, { children: [
               /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx28(
@@ -5622,12 +5627,7 @@ function ColumnHeaderCell({
                     "rounded p-0.5 transition-colors",
                     filterActive ? "text-primary hover:text-primary/80" : "text-muted-foreground/40 hover:text-muted-foreground"
                   ),
-                  children: /* @__PURE__ */ jsx28(
-                    ListFilter,
-                    {
-                      className: cn("h-3 w-3", filterActive && "fill-primary/20")
-                    }
-                  )
+                  children: filterKind ? /* @__PURE__ */ jsx28(ListFilter, { className: cn("h-3 w-3", filterActive && "fill-primary/20") }) : /* @__PURE__ */ jsx28(ArrowUpDown, { className: "h-3 w-3" })
                 }
               ) }) }),
               /* @__PURE__ */ jsx28(TooltipContent, { children: menuLabel })
@@ -9556,7 +9556,14 @@ function MatrxDataTableCore({
                       ] }) : null
                     ] }) : null,
                     renderedFacets ? /* @__PURE__ */ jsx38(ToolbarFacets, { facets: renderedFacets }) : null,
-                    toolbar?.leading,
+                    toolbar?.leading ? /* @__PURE__ */ jsx38(
+                      "div",
+                      {
+                        "data-matrx-table-toolbar-extras": true,
+                        className: "order-last flex w-full min-w-0 flex-wrap items-center gap-2",
+                        children: toolbar.leading
+                      }
+                    ) : null,
                     /* @__PURE__ */ jsxs28(
                       "div",
                       {
@@ -9700,7 +9707,7 @@ function MatrxDataTableCore({
               ),
               selection && selectionCount > 0 ? /* @__PURE__ */ jsxs28("div", { className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5", children: [
                 /* @__PURE__ */ jsxs28("span", { className: "text-xs font-medium text-foreground", children: [
-                  selectionCount.toLocaleString(),
+                  formatCount3(selectionCount),
                   " ",
                   selectionNoun,
                   selectionCount === 1 ? "" : "s",
@@ -10379,7 +10386,7 @@ function MatrxDataTableCore({
                               }
                             ) : null,
                             /* @__PURE__ */ jsxs28("div", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ jsx38("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${data.length.toLocaleString()} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${appendQuery.pagination.totalItems.toLocaleString()}`}` }),
+                              /* @__PURE__ */ jsx38("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${formatCount3(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${formatCount3(appendQuery.pagination.totalItems)}`}` }),
                               appendQuery.pagination.sourceUntil ? /* @__PURE__ */ jsxs28("p", { children: [
                                 "Source fixed through",
                                 " ",