@ai-matrx/design-system 0.19.15 → 0.19.17

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.19.17
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/design-system/v0.19.16..npm/design-system/v0.19.17 -- apps/shared/design-system`).
+No source changes intended and no consumer action required.
+
+## 0.19.16 — 2026-09-14
+
+Adopts `formatCount` from `@ai-matrx/kit/format` for the four rendered counts
+that were spelling `toLocaleString()` by hand (the content-transfer limit line
+and character/token preview, and the data table's selection and loaded-rows
+counters). Same strings, one home: the count lane of `check:package-twins`
+(2026-09-14) is what found them.
+
 ## 0.19.12 — 2026-09-14
 
 Alchemy matches the Matrx sidebar: 18px artwork, normal 24-unit viewBox, 1.75 stroke, shell icon colors, compact 32px desktop target and neutral glass treatment. Coarse pointers retain a 44px target. This supersedes the oversized Portal B trial.

package/dist/content-transfer.cjs

@@ -51,6 +51,7 @@ module.exports = __toCommonJS(content_transfer_exports);
 var React9 = __toESM(require("react"), 1);
 var import_react_dom = require("react-dom");
 var import_content_transfer2 = require("@ai-matrx/kit/content-transfer");
+var import_format2 = require("@ai-matrx/kit/format");
 
 // src/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
@@ -1009,6 +1010,7 @@ var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"], ALCH
 // src/content-transfer/matrx-copy.tsx
 var React8 = __toESM(require("react"), 1);
 var import_content_transfer = require("@ai-matrx/kit/content-transfer");
+var import_format = require("@ai-matrx/kit/format");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var resolve = (value) => typeof value === "function" ? value() : value;
 var asPayload = (value) => ({
@@ -1502,10 +1504,10 @@ function SourceConfiguration({
                 ] }) : null
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { children: [
-                text.length.toLocaleString(),
+                (0, import_format.formatCount)(text.length),
                 " characters \xB7 approximately",
                 " ",
-                Math.ceil(text.length / 4).toLocaleString(),
+                (0, import_format.formatCount)(Math.ceil(text.length / 4)),
                 " tokens"
               ] }),
               error || buildError ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { role: "alert", children: error ?? buildError }) : null
@@ -2124,7 +2126,7 @@ function ContentTransferMenuSession({ source, surface, label, projection, sectio
         void preflight();
       }
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverTrigger, { asChild: true, children: triggerVariant === "glass" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TapTargetButton, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "glass" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TapTargetButtonTransparent, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "transparent" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverTrigger, { asChild: true, children: triggerVariant === "glass" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TapTargetButton, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "glass", disabled }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TapTargetButtonTransparent, { ref: triggerRef, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AlchemyGlyph, { icon }), tooltip: false, ariaLabel: `Copy, transform or export ${sourceLabel}`, "data-alchemy-trigger": "transparent", disabled }) }),
       /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("p", { className: "matrx-alchemy-palette-status", children: "Inspecting content\u2026" }) : menuStatus !== "idle" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "matrx-alchemy-error", children: menuStatus }) : null,
         copyAvailable || downloadAvailable ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "matrx-alchemy-output", children: [
@@ -2483,7 +2485,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_format2.formatCount)(Number(value))}`).join(" \xB7 ");
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open, onOpenChange: (next) => {
     if (!next) close();
   }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogContent, { onCloseAutoFocus: (event) => {