@ai-matrx/design-system 0.19.10 → 0.19.12

package/dist/content-transfer.css

@@ -1,9 +1,26 @@
 /* Structural Alchemy rules. Hosts own token values; Tailwind is never required. */
 @import "./tap-target.css";
-/* Approved Portal B: enlarge artwork only; canonical target/pill stay 44/28px. */
+/* Match Matrx sidebar icon geometry and its theme-aware color vocabulary. */
+[data-alchemy-trigger] {
+  width: 2rem;
+  height: 2rem;
+}
 [data-alchemy-trigger] .matrx-tap-icon {
-  width: 1.375rem;
-  height: 1.375rem;
+  width: 1.125rem;
+  height: 1.125rem;
+  color: var(--shell-nav-icon, hsl(var(--foreground)));
+  stroke-width: 1.75;
+}
+[data-alchemy-trigger]:hover .matrx-tap-icon {
+  color: var(--shell-nav-icon-hover, hsl(var(--foreground)));
+}
+[data-alchemy-trigger="glass"] .matrx-tap-pill {
+  background: transparent;
+  border: 1px solid hsl(var(--border));
+  box-shadow: none;
+}
+@media (pointer: coarse) {
+  [data-alchemy-trigger] { width: 2.75rem; height: 2.75rem; }
 }
 .matrx-alchemy {
   display: inline-flex;

package/dist/content-transfer.js

@@ -980,8 +980,8 @@ 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 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="22" height="22" 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_VIEWBOX = { portal: "0 0 24 24", "copy-transform": "0 0 24 24" };
+var svg = (paths, viewBox) => `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="${viewBox}" fill="none" stroke="currentColor" stroke-width="1.75" 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"]);
 
@@ -1600,7 +1600,7 @@ function groomerPresetVariants(getConfig) {
 // src/content-transfer/index.tsx
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function AlchemyGlyph({ icon = "portal", ...props }) {
-  return /* @__PURE__ */ jsx10("svg", { width: "22", height: "22", 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__ */ jsx10("path", { d }, d)) });
+  return /* @__PURE__ */ jsx10("svg", { width: "18", height: "18", viewBox: ALCHEMY_GLYPH_VIEWBOX[icon], fill: "none", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...props, children: ALCHEMY_GLYPH_PATHS[icon].map((d) => /* @__PURE__ */ jsx10("path", { d }, d)) });
 }
 var CapabilityContext = React9.createContext({});
 function ContentTransferCapabilitiesProvider({ value, children }) {