@ai-matrx/design-system 0.17.4 → 0.18.1

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # Changelog
 
+## 0.18.1 — 2026-09-12
+
+Reorderable table columns now drag from the visible header label instead of a
+separate grip. Ordinary click, Enter, and Space sorting remain intact, compact
+headers remain accessible, and sticky headers continue to be the default.
+
+### Consumer action
+
+Update to 0.18.1 to use direct header-label column dragging. No table
+configuration changes are required.
+
+## 0.18.0 — 2026-09-12
+
+Portable data-table copy controls now use the canonical Alchemy menu for rows,
+selections, toolbars, and detail windows. Existing custom sources and export
+actions are preserved. Row identity resets preparation when a detail changes
+records. The required structural stylesheet includes Alchemy styling; host
+copy adapters remain explicit until their consuming application adopts it.
+
+`MatrxDataTable` now passes vertical wheel gestures from content-height table
+wrappers to the nearest real page scroller. Horizontally wide tables retain
+native horizontal scrolling, and bounded-height tables retain their own
+vertical scroll.
+
+`MatrxDataTable` now supports opt-in local append processing, exact receipt completion, source snapshot and load-size controls, and hook-owned sequential Load all / Stop controls.
+
+Matrx Alchemy is available at `@ai-matrx/design-system/content-transfer` with a single inlined SVG glyph and one copy-first menu/workspace. It captures direct, scoped, alternate, and format-specific sources on user action; composes deterministic controls from one immutable original; retains manual buffers and variant sessions; binds limits before all-matching paging; fences stale async/AI results; and routes rich clipboard, registered formats, actions, and nested-path XLSX artifacts through the supplied transport. Import `content-transfer.css` with the package styles.
+
+### Consumer action
+
+Update to 0.18.0 before adopting the Alchemy Menu or the new controlled-append
+lifecycle. Import `@ai-matrx/design-system/content-transfer.css` anywhere the
+Alchemy Menu is rendered. Existing table and design-system consumers remain
+compatible without configuration changes.
+
 ## 0.17.4 — 2026-09-12
 
 `MatrxDataTable` now renders next-page progress as a sticky 64px row inside

package/README.md

@@ -3,6 +3,7 @@
 The small, semantic UI foundation shared by AI Matrx React applications — primitives whose behavior and variants are identical across Vite and Next.js hosts.
 
 **Controls:** Button, Badge, Label, Separator, the Input family, the Textarea family, Checkbox, Switch, RadioGroup, Slider, Toggle + ToggleGroup, Avatar, Progress.
+**Content transfer:** `@ai-matrx/design-system/content-transfer` supplies Matrx Alchemy's inlined glyph, accessible menu, projected capture workspace, optional AI capability seam, and locally scoped `SurfaceHandle` provider. Its source is captured on user action; preparation keeps an immutable original, preserves manual and alternate-source sessions, fences stale async results, and routes every copy/download through `Transport`. Import `@ai-matrx/design-system/content-transfer.css` with the package structural sheets.
 **Surfaces:** Card, Table, Tabs, Accordion, Collapsible, ScrollArea, Popover, Tooltip, HoverCard, Sheet, Dialog, AlertDialog, Drawer, BottomSheet + TabbedBottomSheet, Alert, Resizable, Skeleton.
 **Menus:** DropdownMenu, ContextMenu, Command / CommandDialog, Select, CreatablePicker.
 **Composed:** EditableLabel, SegmentedControl, ArchiveFilter, ScoreRing, OverflowToolbar, ConfirmDialog + ConfirmDialogHost.

package/dist/content-transfer/alchemy.svg

@@ -0,0 +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="M4.5 5.5h8v11h-8z"/><path d="M8.5 9.5h8v9h-8z"/><path d="m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z"/></svg>

package/dist/content-transfer/icon.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/content-transfer/icon.ts
+var icon_exports = {};
+__export(icon_exports, {
+  ALCHEMY_GLYPH_SVG: () => ALCHEMY_GLYPH_SVG
+});
+module.exports = __toCommonJS(icon_exports);
+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"><path d="M4.5 5.5h8v11h-8z"/><path d="M8.5 9.5h8v9h-8z"/><path d="m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z"/></svg>';
+//# sourceMappingURL=icon.cjs.map

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

@@ -0,0 +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_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\"><path d=\"M4.5 5.5h8v11h-8z\"/><path d=\"M8.5 9.5h8v9h-8z\"/><path d=\"m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z\"/></svg>';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAM,oBAAoB;","names":[]}

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

@@ -0,0 +1,4 @@
+/** Pure Alchemy asset export. Safe to import without React or browser APIs. */
+declare 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\"><path d=\"M4.5 5.5h8v11h-8z\"/><path d=\"M8.5 9.5h8v9h-8z\"/><path d=\"m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z\"/></svg>";
+
+export { ALCHEMY_GLYPH_SVG };

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

@@ -0,0 +1,4 @@
+/** Pure Alchemy asset export. Safe to import without React or browser APIs. */
+declare 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\"><path d=\"M4.5 5.5h8v11h-8z\"/><path d=\"M8.5 9.5h8v9h-8z\"/><path d=\"m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z\"/></svg>";
+
+export { ALCHEMY_GLYPH_SVG };

package/dist/content-transfer/icon.js

@@ -0,0 +1,8 @@
+"use client";
+
+// src/content-transfer/icon.ts
+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"><path d="M4.5 5.5h8v11h-8z"/><path d="M8.5 9.5h8v9h-8z"/><path d="m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z"/></svg>';
+export {
+  ALCHEMY_GLYPH_SVG
+};
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +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_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\"><path d=\"M4.5 5.5h8v11h-8z\"/><path d=\"M8.5 9.5h8v9h-8z\"/><path d=\"m18.5 3 .65 1.85L21 5.5l-1.85.65L18.5 8l-.65-1.85L16 5.5l1.85-.65z\"/></svg>';\n"],"mappings":";;;AACO,IAAM,oBAAoB;","names":[]}