@ai-matrx/design-system 0.19.16 → 0.19.17

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 })
@@ -9700,7 +9700,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 +10379,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",
                                 " ",