@ai-matrx/design-system 0.19.4 → 0.19.6

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 0.19.6 — 2026-09-13
+
+Alchemy adopts approved Portal sample B: 22px artwork with a tighter optical crop, inside the unchanged canonical 44px target and 28px pill. Glass and transparent share this geometry. Pure SVG and React Portal assets share the crop.
+
+### Consumer action
+
+Update `@ai-matrx/design-system`; no host styling or prop changes.
+
+
+## 0.19.5 — 2026-09-13
+
+Data-table append receipts remain visible after terminal loads and across remote response or error states. Footer containment now keeps the 44px action controls and 20px action glyphs visible without mobile clipping.
+
+### Consumer action
+
+Update `@ai-matrx/design-system`; no host API change is required.
+
 ## 0.19.4
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/content-transfer/alchemy.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="2 2 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"/></svg>

package/dist/content-transfer/icon.cjs

@@ -23,14 +23,16 @@ var icon_exports = {};
 __export(icon_exports, {
   ALCHEMY_COPY_TRANSFORM_SVG: () => ALCHEMY_COPY_TRANSFORM_SVG,
   ALCHEMY_GLYPH_PATHS: () => ALCHEMY_GLYPH_PATHS,
-  ALCHEMY_GLYPH_SVG: () => ALCHEMY_GLYPH_SVG
+  ALCHEMY_GLYPH_SVG: () => ALCHEMY_GLYPH_SVG,
+  ALCHEMY_GLYPH_VIEWBOX: () => ALCHEMY_GLYPH_VIEWBOX
 });
 module.exports = __toCommonJS(icon_exports);
 var ALCHEMY_GLYPH_PATHS = {
   portal: ["M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"],
   "copy-transform": ["M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3"]
 };
-var svg = (paths) => `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
-var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal);
-var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"]);
+var ALCHEMY_GLYPH_VIEWBOX = { portal: "2 2 20 20", "copy-transform": "0 0 24 24" };
+var svg = (paths, viewBox) => `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="${viewBox}" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
+var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);
+var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"], ALCHEMY_GLYPH_VIEWBOX["copy-transform"]);
 //# sourceMappingURL=icon.cjs.map

package/dist/content-transfer/icon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/content-transfer/icon.ts"],"sourcesContent":["/** Pure Alchemy icon assets. Safe to import without React or browser APIs. */\nexport type AlchemyIcon = \"portal\" | \"copy-transform\";\nexport const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]> = {\n  portal: [\"M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3\"],\n  \"copy-transform\": [\"M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3\"],\n};\nconst svg = (paths: readonly string[]) => `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${paths.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\nexport const ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal);\nexport const ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS[\"copy-transform\"]);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,sBAA8D;AAAA,EACzE,QAAQ,CAAC,uGAAuG;AAAA,EAChH,kBAAkB,CAAC,sHAAsH;AAC3I;AACA,IAAM,MAAM,CAAC,UAA6B,0LAA0L,MAAM,IAAI,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1Q,IAAM,oBAAoB,IAAI,oBAAoB,MAAM;AACxD,IAAM,6BAA6B,IAAI,oBAAoB,gBAAgB,CAAC;","names":[]}
+{"version":3,"sources":["../../src/content-transfer/icon.ts"],"sourcesContent":["/** Pure Alchemy icon assets. Safe to import without React or browser APIs. */\nexport type AlchemyIcon = \"portal\" | \"copy-transform\";\nexport const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]> = {\n  portal: [\"M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3\"],\n  \"copy-transform\": [\"M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3\"],\n};\nexport const ALCHEMY_GLYPH_VIEWBOX: Record<AlchemyIcon, string> = { portal: \"2 2 20 20\", \"copy-transform\": \"0 0 24 24\" };\nconst svg = (paths: readonly string[], viewBox: string) => `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"${viewBox}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${paths.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\nexport const ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);\nexport const ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS[\"copy-transform\"], ALCHEMY_GLYPH_VIEWBOX[\"copy-transform\"]);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,sBAA8D;AAAA,EACzE,QAAQ,CAAC,uGAAuG;AAAA,EAChH,kBAAkB,CAAC,sHAAsH;AAC3I;AACO,IAAM,wBAAqD,EAAE,QAAQ,aAAa,kBAAkB,YAAY;AACvH,IAAM,MAAM,CAAC,OAA0B,YAAoB,2EAA2E,OAAO,yGAAyG,MAAM,IAAI,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;AAC5R,IAAM,oBAAoB,IAAI,oBAAoB,QAAQ,sBAAsB,MAAM;AACtF,IAAM,6BAA6B,IAAI,oBAAoB,gBAAgB,GAAG,sBAAsB,gBAAgB,CAAC;","names":[]}

package/dist/content-transfer/icon.d.cts

@@ -1,7 +1,8 @@
 /** Pure Alchemy icon assets. Safe to import without React or browser APIs. */
 type AlchemyIcon = "portal" | "copy-transform";
 declare const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]>;
+declare const ALCHEMY_GLYPH_VIEWBOX: Record<AlchemyIcon, string>;
 declare const ALCHEMY_GLYPH_SVG: string;
 declare const ALCHEMY_COPY_TRANSFORM_SVG: string;
 
-export { ALCHEMY_COPY_TRANSFORM_SVG, ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG, type AlchemyIcon };
+export { ALCHEMY_COPY_TRANSFORM_SVG, ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG, ALCHEMY_GLYPH_VIEWBOX, type AlchemyIcon };

package/dist/content-transfer/icon.d.ts

@@ -1,7 +1,8 @@
 /** Pure Alchemy icon assets. Safe to import without React or browser APIs. */
 type AlchemyIcon = "portal" | "copy-transform";
 declare const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]>;
+declare const ALCHEMY_GLYPH_VIEWBOX: Record<AlchemyIcon, string>;
 declare const ALCHEMY_GLYPH_SVG: string;
 declare const ALCHEMY_COPY_TRANSFORM_SVG: string;
 
-export { ALCHEMY_COPY_TRANSFORM_SVG, ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG, type AlchemyIcon };
+export { ALCHEMY_COPY_TRANSFORM_SVG, ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG, ALCHEMY_GLYPH_VIEWBOX, type AlchemyIcon };

package/dist/content-transfer/icon.js

@@ -5,12 +5,14 @@ var ALCHEMY_GLYPH_PATHS = {
   portal: ["M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"],
   "copy-transform": ["M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3"]
 };
-var svg = (paths) => `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
-var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal);
-var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"]);
+var ALCHEMY_GLYPH_VIEWBOX = { portal: "2 2 20 20", "copy-transform": "0 0 24 24" };
+var svg = (paths, viewBox) => `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="${viewBox}" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
+var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);
+var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"], ALCHEMY_GLYPH_VIEWBOX["copy-transform"]);
 export {
   ALCHEMY_COPY_TRANSFORM_SVG,
   ALCHEMY_GLYPH_PATHS,
-  ALCHEMY_GLYPH_SVG
+  ALCHEMY_GLYPH_SVG,
+  ALCHEMY_GLYPH_VIEWBOX
 };
 //# sourceMappingURL=icon.js.map

package/dist/content-transfer/icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/content-transfer/icon.ts"],"sourcesContent":["/** Pure Alchemy icon assets. Safe to import without React or browser APIs. */\nexport type AlchemyIcon = \"portal\" | \"copy-transform\";\nexport const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]> = {\n  portal: [\"M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3\"],\n  \"copy-transform\": [\"M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3\"],\n};\nconst svg = (paths: readonly string[]) => `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${paths.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\nexport const ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal);\nexport const ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS[\"copy-transform\"]);\n"],"mappings":";;;AAEO,IAAM,sBAA8D;AAAA,EACzE,QAAQ,CAAC,uGAAuG;AAAA,EAChH,kBAAkB,CAAC,sHAAsH;AAC3I;AACA,IAAM,MAAM,CAAC,UAA6B,0LAA0L,MAAM,IAAI,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;AAC1Q,IAAM,oBAAoB,IAAI,oBAAoB,MAAM;AACxD,IAAM,6BAA6B,IAAI,oBAAoB,gBAAgB,CAAC;","names":[]}
+{"version":3,"sources":["../../src/content-transfer/icon.ts"],"sourcesContent":["/** Pure Alchemy icon assets. Safe to import without React or browser APIs. */\nexport type AlchemyIcon = \"portal\" | \"copy-transform\";\nexport const ALCHEMY_GLYPH_PATHS: Record<AlchemyIcon, readonly string[]> = {\n  portal: [\"M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3\"],\n  \"copy-transform\": [\"M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3\"],\n};\nexport const ALCHEMY_GLYPH_VIEWBOX: Record<AlchemyIcon, string> = { portal: \"2 2 20 20\", \"copy-transform\": \"0 0 24 24\" };\nconst svg = (paths: readonly string[], viewBox: string) => `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"${viewBox}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${paths.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\nexport const ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);\nexport const ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS[\"copy-transform\"], ALCHEMY_GLYPH_VIEWBOX[\"copy-transform\"]);\n"],"mappings":";;;AAEO,IAAM,sBAA8D;AAAA,EACzE,QAAQ,CAAC,uGAAuG;AAAA,EAChH,kBAAkB,CAAC,sHAAsH;AAC3I;AACO,IAAM,wBAAqD,EAAE,QAAQ,aAAa,kBAAkB,YAAY;AACvH,IAAM,MAAM,CAAC,OAA0B,YAAoB,2EAA2E,OAAO,yGAAyG,MAAM,IAAI,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC;AAC5R,IAAM,oBAAoB,IAAI,oBAAoB,QAAQ,sBAAsB,MAAM;AACtF,IAAM,6BAA6B,IAAI,oBAAoB,gBAAgB,GAAG,sBAAsB,gBAAgB,CAAC;","names":[]}

package/dist/content-transfer/portal.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="2 2 20 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"/></svg>

package/dist/content-transfer.cjs

@@ -1001,9 +1001,10 @@ var ALCHEMY_GLYPH_PATHS = {
   portal: ["M10 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4M8 12h8m-3-3 3 3-3 3"],
   "copy-transform": ["M8 7V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v8M13 21H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v3m-5 4h11m-3-3 3 3-3 3"]
 };
-var svg = (paths) => `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
-var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal);
-var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"]);
+var ALCHEMY_GLYPH_VIEWBOX = { portal: "2 2 20 20", "copy-transform": "0 0 24 24" };
+var svg = (paths, viewBox) => `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="${viewBox}" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${paths.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
+var ALCHEMY_GLYPH_SVG = svg(ALCHEMY_GLYPH_PATHS.portal, ALCHEMY_GLYPH_VIEWBOX.portal);
+var ALCHEMY_COPY_TRANSFORM_SVG = svg(ALCHEMY_GLYPH_PATHS["copy-transform"], ALCHEMY_GLYPH_VIEWBOX["copy-transform"]);
 
 // src/content-transfer/matrx-copy.tsx
 var React8 = __toESM(require("react"), 1);
@@ -1614,7 +1615,7 @@ function groomerPresetVariants(getConfig) {
 // src/content-transfer/index.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function AlchemyGlyph({ icon = "portal", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: ALCHEMY_GLYPH_PATHS[icon].map((d) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d }, d)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { viewBox: ALCHEMY_GLYPH_VIEWBOX[icon], fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: ALCHEMY_GLYPH_PATHS[icon].map((d) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d }, d)) });
 }
 var CapabilityContext = React9.createContext({});
 function ContentTransferCapabilitiesProvider({ value, children }) {