@ai-matrx/design-system 0.19.16 → 0.19.18

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-DqlfNcC5.cjs';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-CRCy-Zy_.cjs';
 import 'react';
 import './copy-types.cjs';
 

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-lNw7TnTM.js';
+import { M as MatrxColumnDef, C as ColumnFiltersState, S as SortState, L as LayeredFilterRule, T as TableSearchMatchMode, a as ColumnFilterValue } from '../types-Ch60uNn-.js';
 import 'react';
 import './copy-types.js';
 

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-DqlfNcC5.cjs';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-CRCy-Zy_.cjs';
 
 interface TableLinkProps {
     href: string;

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-lNw7TnTM.js';
+import { b as TableSavedViewsProps, c as MatrxDataTableDensity } from '../types-Ch60uNn-.js';
 
 interface TableLinkProps {
     href: string;

package/dist/data-table/index.cjs

@@ -219,6 +219,9 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
+// src/data-table/MatrxDataTable.tsx
+var import_format3 = require("@ai-matrx/kit/format");
+
 // src/checkbox.tsx
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
 var React2 = __toESM(require("react"), 1);
@@ -2136,11 +2139,13 @@ function GenericTablePagination({
 // src/content-transfer/matrx-copy.tsx
 var React14 = __toESM(require("react"), 1);
 var import_content_transfer2 = require("@ai-matrx/kit/content-transfer");
+var import_format2 = require("@ai-matrx/kit/format");
 
 // src/content-transfer/index.tsx
 var React13 = __toESM(require("react"), 1);
 var import_react_dom = require("react-dom");
 var import_content_transfer = require("@ai-matrx/kit/content-transfer");
+var import_format = require("@ai-matrx/kit/format");
 
 // src/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
@@ -3182,7 +3187,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
         void preflight();
       }
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PopoverTrigger, { asChild: true, children: triggerVariant === "glass" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TapTargetButton, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "glass" }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TapTargetButtonTransparent, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "transparent" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PopoverTrigger, { asChild: true, children: triggerVariant === "glass" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TapTargetButton, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "glass", disabled }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TapTargetButtonTransparent, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "transparent", disabled }) }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(PopoverContent, { align: "end", className: "matrx-alchemy-menu matrx-alchemy-palette", "aria-label": "Alchemy output options", onCloseAutoFocus: () => triggerRef.current?.focus(), children: [
         menuStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "matrx-alchemy-palette-status", children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "matrx-alchemy-error", children: menuStatus }) : null,
         copyAvailable || downloadAvailable ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("section", { className: "matrx-alchemy-output", children: [
@@ -3541,7 +3546,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 ")} ${(0, import_format.formatCount)(Number(value))}`).join(" \xB7 ");
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Dialog, { open, onOpenChange: (next) => {
     if (!next) close();
   }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DialogContent, { onCloseAutoFocus: (event) => {
@@ -4294,10 +4299,10 @@ function SourceConfiguration({
                 ] }) : null
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { children: [
-                text.length.toLocaleString(),
+                (0, import_format2.formatCount)(text.length),
                 " characters \xB7 approximately",
                 " ",
-                Math.ceil(text.length / 4).toLocaleString(),
+                (0, import_format2.formatCount)(Math.ceil(text.length / 4)),
                 " tokens"
               ] }),
               error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { role: "alert", children: error ?? buildError }) : null
@@ -5602,7 +5607,7 @@ function ColumnHeaderCell({
             "."
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "truncate text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
-        filterKind ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "inline-flex items-center", children: [
+        filterKind || sortable ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "inline-flex items-center", children: [
           /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
             /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -5615,12 +5620,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__ */ (0, import_jsx_runtime28.jsx)(
-                    ListFilter,
-                    {
-                      className: cn("h-3 w-3", filterActive && "fill-primary/20")
-                    }
-                  )
+                  children: filterKind ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ListFilter, { className: cn("h-3 w-3", filterActive && "fill-primary/20") }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ArrowUpDown, { className: "h-3 w-3" })
                 }
               ) }) }),
               /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipContent, { children: menuLabel })
@@ -9540,7 +9540,14 @@ function MatrxDataTableCore({
                       ] }) : null
                     ] }) : null,
                     renderedFacets ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ToolbarFacets, { facets: renderedFacets }) : null,
-                    toolbar?.leading,
+                    toolbar?.leading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      "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__ */ (0, import_jsx_runtime38.jsxs)(
                       "div",
                       {
@@ -9684,7 +9691,7 @@ function MatrxDataTableCore({
               ),
               selection && selectionCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "text-xs font-medium text-foreground", children: [
-                  selectionCount.toLocaleString(),
+                  (0, import_format3.formatCount)(selectionCount),
                   " ",
                   selectionNoun,
                   selectionCount === 1 ? "" : "s",
@@ -10363,7 +10370,7 @@ function MatrxDataTableCore({
                               }
                             ) : null,
                             /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("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__ */ (0, import_jsx_runtime38.jsx)("p", { className: "font-medium text-foreground", children: isLoading ? "Loading rows\u2026" : `${(0, import_format3.formatCount)(data.length)} loaded${appendQuery.pagination.totalItems === void 0 ? "" : ` of ${(0, import_format3.formatCount)(appendQuery.pagination.totalItems)}`}` }),
                               appendQuery.pagination.sourceUntil ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { children: [
                                 "Source fixed through",
                                 " ",