@ai-matrx/design-system 0.18.22 → 0.19.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## 0.19.1 — 2026-09-13
+
+### Data-table interaction and pagination
+
+MatrxDataTable now supports desktop column resizing with pointer and keyboard
+separators, progressive rendering for complete local datasets, and scroll
+append that recognizes the actual table, ancestor, or document scroll owner
+only after a fresh user-driven downward movement. Mobile keeps content-sized
+columns and hides resize handles. Manual Load more remains available whenever
+automatic pagination is suspended.
+
+Table toolbar and pagination controls use the canonical 44px target and 14px
+icon geometry, and shared SVG icons use rounded caps and joins.
+
+### Consumer action
+
+Update `@ai-matrx/data` with this package. Hosts that pass a manual pagination
+policy must provide its documented reason and `approvedBy`; use `suspended` for
+unavailable configuration.
+
+## 0.19.0
+
+Alchemy uses the canonical Tap Target primitive with Portal by default and glass or transparent presentation. Adds native AI-context copy, preparation recipes, content limits, and grouped Matrx destinations using the exact prepared revision. Destination handoff releases the dialog focus trap and saved artifacts expose their receipt. Copy + Transform remains an optional packaged icon.
+
+### Consumer action
+
+Continue importing design-system/styles.css or Alchemy/styles.css. Hosts use the Portal default; glass headers set triggerVariant="glass". Remove any page-local Alchemy trigger geometry. The optional copy-transform icon is a package capability, not our host default.
+
 ## 0.18.22
 
 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" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6"/><path d="M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3"/><path d="M8 15h8"/></svg>
+<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>

package/dist/content-transfer/copy-transform.svg

@@ -0,0 +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="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"/></svg>

package/dist/content-transfer/icon.cjs

@@ -21,10 +21,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/content-transfer/icon.ts
 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
 });
 module.exports = __toCommonJS(icon_exports);
-var ALCHEMY_GLYPH_PATHS = ["M9 3h6", "M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3", "M8 15h8"];
-var ALCHEMY_GLYPH_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${ALCHEMY_GLYPH_PATHS.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
+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"]);
 //# sourceMappingURL=icon.cjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/content-transfer/icon.ts"],"sourcesContent":["/** Pure Alchemy asset export. Safe to import without React or browser APIs. */\nexport const ALCHEMY_GLYPH_PATHS = [\"M9 3h6\", \"M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3\", \"M8 15h8\"] as const;\nexport const ALCHEMY_GLYPH_SVG = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${ALCHEMY_GLYPH_PATHS.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAM,sBAAsB,CAAC,UAAU,iEAAiE,SAAS;AACjH,IAAM,oBAAoB,mKAAmK,oBAAoB,IAAI,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,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};\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":[]}

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

@@ -1,5 +1,7 @@
-/** Pure Alchemy asset export. Safe to import without React or browser APIs. */
-declare const ALCHEMY_GLYPH_PATHS: readonly ["M9 3h6", "M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3", "M8 15h8"];
+/** 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_SVG: string;
+declare const ALCHEMY_COPY_TRANSFORM_SVG: string;
 
-export { ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG };
+export { ALCHEMY_COPY_TRANSFORM_SVG, ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG, type AlchemyIcon };

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

@@ -1,5 +1,7 @@
-/** Pure Alchemy asset export. Safe to import without React or browser APIs. */
-declare const ALCHEMY_GLYPH_PATHS: readonly ["M9 3h6", "M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3", "M8 15h8"];
+/** 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_SVG: string;
+declare const ALCHEMY_COPY_TRANSFORM_SVG: string;
 
-export { ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG };
+export { ALCHEMY_COPY_TRANSFORM_SVG, ALCHEMY_GLYPH_PATHS, ALCHEMY_GLYPH_SVG, type AlchemyIcon };

package/dist/content-transfer/icon.js

@@ -1,9 +1,15 @@
 "use client";
 
 // src/content-transfer/icon.ts
-var ALCHEMY_GLYPH_PATHS = ["M9 3h6", "M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3", "M8 15h8"];
-var ALCHEMY_GLYPH_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">${ALCHEMY_GLYPH_PATHS.map((d) => `<path d="${d}"/>`).join("")}</svg>`;
+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"]);
 export {
+  ALCHEMY_COPY_TRANSFORM_SVG,
   ALCHEMY_GLYPH_PATHS,
   ALCHEMY_GLYPH_SVG
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/content-transfer/icon.ts"],"sourcesContent":["/** Pure Alchemy asset export. Safe to import without React or browser APIs. */\nexport const ALCHEMY_GLYPH_PATHS = [\"M9 3h6\", \"M10 3v6l-5.2 8.7A2 2 0 0 0 6.5 21h11a2 2 0 0 0 1.7-3.3L14 9V3\", \"M8 15h8\"] as const;\nexport const ALCHEMY_GLYPH_SVG = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${ALCHEMY_GLYPH_PATHS.map((d) => `<path d=\"${d}\"/>`).join(\"\")}</svg>`;\n"],"mappings":";;;AACO,IAAM,sBAAsB,CAAC,UAAU,iEAAiE,SAAS;AACjH,IAAM,oBAAoB,mKAAmK,oBAAoB,IAAI,CAAC,MAAM,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,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};\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":[]}

package/dist/content-transfer/portal.svg

@@ -0,0 +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>