@ai-matrx/alchemy 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.1.5
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/alchemy/v0.1.4..npm/alchemy/v0.1.5 -- apps/shared/alchemy`).
+No source changes intended and no consumer action required.
+
 ## 0.1.3 — 2026-09-12
 
 Refreshes the distribution with the compact Alchemy format palette, its

package/dist/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="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>
+<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>

package/dist/styles.css

@@ -42,6 +42,21 @@
   padding: 0.4375rem;
   max-height: var(--radix-popover-content-available-height, 80dvh);
 }
+.matrx-alchemy-output {
+  display: grid;
+  gap: 0.375rem;
+  padding: 0.375rem;
+  border: 1px solid hsl(var(--border, 240 6% 90%));
+  border-radius: 0.5rem;
+}
+.matrx-alchemy-output > h3 {
+  margin: 0.125rem 0.125rem 0;
+  color: hsl(var(--muted-foreground, 240 4% 46%));
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
 .matrx-alchemy-mode {
   display: flex;
   gap: 0.1875rem;
@@ -71,7 +86,7 @@
 .matrx-alchemy-palette-row > span { min-width: 0; }
 .matrx-alchemy-palette-row-ai { color: hsl(var(--primary, 262 43% 51%)); }
 .matrx-alchemy-palette :is(button:hover, button:focus-visible) { background: hsl(var(--accent, 240 5% 96%)); outline: none; }
-.matrx-alchemy-palette :is(button:focus-visible) { box-shadow: 0 0 0 2px hsl(var(--ring, 240 5% 65%)); }
+.matrx-alchemy-palette :is(button:focus-visible) { box-shadow: inset 0 0 0 2px hsl(var(--ring, 240 5% 65%)); }
 .matrx-alchemy-palette-status { margin: 0.25rem 0.375rem; color: hsl(var(--muted-foreground, 240 4% 46%)); font-size: 0.75rem; }
 .matrx-alchemy-notice,
 .matrx-alchemy-meta {
@@ -79,17 +94,25 @@
   color: hsl(var(--muted-foreground, 240 4% 46%));
 }
 .matrx-alchemy-workspace {
-  max-height: min(90dvh, 56rem);
-  overflow: auto;
+  max-height: min(90dvh, 48rem);
+  overflow: hidden;
+  grid-template-rows: auto minmax(0, 1fr) auto;
 }
 .matrx-alchemy-workspace-grid {
   display: grid;
-  grid-template-columns: minmax(0, 2fr) minmax(14rem, 1fr);
+  grid-template-columns: minmax(0, 2fr) minmax(12rem, 1fr);
   gap: 1rem;
   min-height: 0;
 }
+.matrx-alchemy-workspace-body {
+  min-height: 0;
+  overflow: auto;
+  overscroll-behavior: contain;
+  padding: 0.25rem;
+}
 .matrx-alchemy-main {
   display: grid;
+  align-content: start;
   gap: 0.75rem;
   min-width: 0;
 }
@@ -128,6 +151,15 @@
   border-radius: 0.375rem;
   padding: 0.625rem;
 }
+.matrx-alchemy-options > fieldset {
+  display: grid;
+  gap: 0.5rem;
+  min-width: 0;
+  margin: 0.625rem 0 0;
+  padding: 0;
+  border: 0;
+}
+.matrx-alchemy-options summary { cursor: pointer; }
 .matrx-alchemy-options legend {
   padding: 0 0.25rem;
   font-size: 0.8125rem;
@@ -169,7 +201,7 @@
 .matrx-alchemy-preview {
   display: block;
   width: 100%;
-  min-height: 20rem;
+  min-height: 16rem;
   padding: 0.75rem;
   border: 1px solid hsl(var(--border, 240 6% 90%));
   border-radius: 0.375rem;
@@ -287,17 +319,15 @@
 .matrx-alchemy-workspace {
   position: fixed;
   z-index: 10001;
-  top: 50%;
-  left: 50%;
-  right: auto;
-  bottom: auto;
-  margin: 0;
-  translate: -50% -50%;
-  width: min(64rem, calc(100vw - 2rem));
+  inset: 0;
+  margin: auto;
+  translate: none;
+  height: fit-content;
+  width: min(48rem, calc(100vw - 2rem));
   max-width: calc(100vw - 2rem);
-  padding: 1.5rem;
+  padding: 1rem;
   display: grid;
-  gap: 1rem;
+  gap: 0.75rem;
 }
 [data-slot="dialog-overlay"]:has(+ .matrx-alchemy-workspace) {
   position: fixed;
@@ -327,27 +357,35 @@
   gap: 0.5rem;
   align-items: center;
 }
-.matrx-alchemy-workspace button {
+.matrx-alchemy-workspace-secondary,
+.matrx-alchemy-workspace-primary {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 0.375rem;
   min-height: 2rem;
   padding: 0.375rem 0.75rem;
-  border: 1px solid hsl(var(--border, 240 6% 90%));
   border-radius: 0.375rem;
-  background: hsl(var(--background, 0 0% 100%));
-  color: inherit;
+  cursor: pointer;
   font: inherit;
   font-size: 0.8125rem;
-  cursor: pointer;
 }
-.matrx-alchemy-workspace button:hover {
-  background: hsl(var(--accent, 240 5% 96%));
+.matrx-alchemy-workspace-secondary {
+  border: 1px solid hsl(var(--border, 240 6% 90%));
+  background: hsl(var(--background, 0 0% 100%));
+  color: hsl(var(--foreground, 240 10% 4%));
 }
-.matrx-alchemy-workspace button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+.matrx-alchemy-workspace-primary {
+  border: 1px solid hsl(var(--primary, 262 43% 51%));
+  background: hsl(var(--primary, 262 43% 51%));
+  color: hsl(var(--primary-foreground, 0 0% 100%));
+}
+.matrx-alchemy-workspace :is(.matrx-alchemy-workspace-secondary, .matrx-alchemy-workspace-primary):disabled { opacity: 0.5; cursor: not-allowed; }
+.matrx-alchemy-workspace-secondary:hover { background: hsl(var(--accent, 240 5% 96%)); }
+.matrx-alchemy-workspace-primary:hover { filter: brightness(0.96); }
+.matrx-alchemy-configuration {
+  width: min(40rem, calc(100vw - 2rem));
+  max-height: min(90dvh, 42rem);
+  overflow: hidden;
 }
 .matrx-alchemy-workspace button:focus-visible,
 .matrx-alchemy-workspace :is(input, textarea, select):focus-visible {
@@ -379,10 +417,7 @@
 }
 @media (max-width: 767px) {
   .matrx-alchemy-workspace {
-    top: auto;
-    bottom: 0;
-    left: 0;
-    translate: none;
+    inset: auto 0 0;
     width: 100%;
     max-width: 100%;
     max-height: 92dvh;
@@ -393,3 +428,50 @@
 
 .matrx-alchemy-menu *, .matrx-alchemy-workspace * { box-sizing: border-box; }
 .matrx-alchemy-workspace-grid:not(:has(aside)) { grid-template-columns: minmax(0, 1fr); }
+
+/* Table toolbar matches the canonical tap-target 44 / 28 / 14 geometry.
+   tap-target depends on design-system, so this primitive cannot import it. */
+.matrx-alchemy-toolbar-target .matrx-alchemy-trigger {
+  position: relative;
+  flex-shrink: 0;
+  width: 2.75rem;
+  height: 2.75rem;
+  background: transparent;
+  touch-action: manipulation;
+}
+.matrx-alchemy-toolbar-target .matrx-alchemy-trigger::before {
+  content: "";
+  position: absolute;
+  width: 1.75rem;
+  height: 1.75rem;
+  border-radius: 9999px;
+  transition: background-color 150ms ease, transform 100ms ease;
+}
+.matrx-alchemy-toolbar-target .matrx-alchemy-trigger:hover::before {
+  background: hsl(var(--accent, 240 5% 96%));
+}
+.matrx-alchemy-toolbar-target .matrx-alchemy-trigger:active::before { transform: scale(0.92); }
+.matrx-alchemy-toolbar-target .matrx-alchemy-trigger svg {
+  position: relative;
+  width: 0.875rem;
+  height: 0.875rem;
+}
+
+.matrx-alchemy-data-controls { max-height: none; }
+.matrx-alchemy-data-controls-body { display: grid; gap: 0.75rem; margin-top: 0.75rem; }
+.matrx-alchemy-preview-label { display: flex; align-items: center; gap: 0.5rem; }
+.matrx-alchemy-preview-label select { width: auto; min-width: 10rem; max-width: 100%; }
+
+/* Subset shaping uses the same dialog chrome without recursive transfer controls. */
+.matrx-alchemy-subset { width: min(48rem, calc(100vw - 2rem)); height: min(80dvh, 42rem); }
+.matrx-alchemy-subset-body { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 0.75rem; }
+.matrx-alchemy-subset-columns { max-height: 8rem; overflow: auto; margin: 0; padding: 0.25rem; border: 0; font-size: 0.8125rem; }
+.matrx-alchemy-subset-columns legend { font-weight: 500; }
+.matrx-alchemy-subset-table { min-height: 18rem; overflow: hidden; }
+.matrx-alchemy-subset-format { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; }
+.matrx-alchemy-subset-format select { min-height: 2rem; border: 1px solid hsl(var(--border)); border-radius: 0.375rem; background: hsl(var(--background)); color: inherit; padding: 0.25rem 0.5rem; }
+@media (max-width: 767px) { .matrx-alchemy-subset { width: 100%; } }
+
+.matrx-alchemy-feedback { position: fixed; z-index: 10002; bottom: max(1rem, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0.75rem; width: max-content; max-width: calc(100vw - 2rem); padding: 0.5rem 0.75rem; border: 1px solid hsl(var(--border)); border-radius: 0.5rem; background: hsl(var(--background)); color: hsl(var(--foreground)); box-shadow: 0 4px 16px hsl(var(--foreground) / 0.12); font-size: 0.8125rem; }
+.matrx-alchemy-feedback button { flex-shrink: 0; width: 1.75rem; height: 1.75rem; border: 0; border-radius: 0.25rem; background: transparent; color: inherit; cursor: pointer; }
+.matrx-alchemy-feedback button:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/alchemy",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Matrx Alchemy: the complete Matrx copy, prepare-for-AI, and export experience, with framework-neutral core, React menu, glyph, styles and Matrx integration.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -131,7 +131,7 @@
   "scripts": {
     "build": "pnpm clean && tsup && node ./scripts/copy-assets.mjs && node ./scripts/assert-distribution-artifacts.mjs",
     "clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\"",
-    "check:package": "pnpm build && publint && pnpm verify:tarball",
+    "check:package": "pnpm build && node ../scripts/check-exports-agreement.mjs && publint && pnpm verify:tarball",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run",
     "verify:tarball": "node ./scripts/verify-tarball.mjs"