@ai-matrx/design-system 0.86.368 → 0.86.369

package/dist/text-input-dialog.js

@@ -31,8 +31,8 @@ import {
   useIsMobile
 } from "./chunk-U24MOJWK.js";
 import "./chunk-NDTDBBMM.js";
-import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
+import "./chunk-BD77DHUO.js";
 import "./chunk-MOZRIHJF.js";
 import "./chunk-CZGTZJPS.js";
 import "./chunk-WFITMVDB.js";

package/dist/tokens.css

@@ -47,18 +47,18 @@
     --matrx-table-row-height: 2.5rem;
     --matrx-table-row-action-size: 2rem;
     /* Surfaces */
-    --background: 240 5% 96%;
-    --foreground: 240 4% 16%;
+    --background: 240 6% 99%;
+    --foreground: 240 6% 6%;
     --card: 0 0% 100%;
-    --card-foreground: 240 4% 16%;
+    --card-foreground: 240 6% 6%;
     --popover: 0 0% 100%;
-    --popover-foreground: 240 4% 16%;
+    --popover-foreground: 240 6% 6%;
 
     /* Brand roles — deliberately neutral. Override these first. */
     --primary: 210 80% 45%;
     --primary-foreground: 0 0% 100%;
     /* secondary = the quiet NEUTRAL gray surface (stock shadcn meaning), visibly off --background. */
-    --secondary: 240 5% 92%;
+    --secondary: 240 5% 95.5%;
     --secondary-foreground: 240 10% 10%;
     /* The brand purple. Never `secondary` — that name means gray everywhere else. */
     --brand-secondary: 275 70% 58%;
@@ -67,12 +67,12 @@
     --brand-secondary-active: 275 70% 45%;
 
     /* Quiet roles */
-    --muted: 240 5% 92%;
-    --muted-foreground: 240 5% 35%;
+    --muted: 240 5% 95.5%;
+    --muted-foreground: 240 4% 37%;
     /* The THIRD and last text state: a disabled control's text (never opacity). The
        text-state contract (token-contrast.test.ts) pins all three grays in both themes. */
-    --disabled-foreground: 240 5% 54%;
-    --accent: 240 5% 94%;
+    --disabled-foreground: 240 4% 56%;
+    --accent: 240 5% 94.5%;
     /* Window chrome: the traffic lights (macOS's own colors; each glyph its light's dark shade). */
     --matrx-window-light-close: 3 100% 67%;
     --matrx-window-light-close-glyph: 0 100% 15%;
@@ -153,8 +153,8 @@
     --destructive-ink: 0 84% 39%;
 
     /* Lines and focus */
-    --border: 240 6% 85%;
-    --input: 240 6% 90%;
+    --border: 240 5% 89%;
+    --input: 240 5% 84%;
     --ring: 240 6% 78%;
 
     /* Sidebar (the ported shadcn Sidebar). Same names and values as matrx-frontend's
@@ -294,27 +294,27 @@
      it with `@custom-variant dark (&:where(.dark, .dark *))`); a host using a
      different dark switch redeclares these under its own selector. */
   .dark {
-    --background: 240 4% 16%;
-    --foreground: 240 5% 90%;
-    --card: 240 5% 20%;
-    --card-foreground: 240 5% 90%;
-    --popover: 240 5% 18%;
-    --popover-foreground: 240 5% 90%;
+    --background: 240 4% 12.5%;
+    --foreground: 0 0% 98%;
+    --card: 240 4% 18%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 4% 18%;
+    --popover-foreground: 0 0% 98%;
 
     --primary: 221 83% 53%;
     --primary-foreground: 0 0% 100%;
-    --secondary: 240 4% 24%;
+    --secondary: 240 4% 21%;
     --secondary-foreground: 240 5% 90%;
     --brand-secondary: 275 70% 58%;
     --brand-secondary-foreground: 0 0% 100%;
     --brand-secondary-hover: 275 70% 55%;
     --brand-secondary-active: 275 70% 50%;
 
-    --muted: 240 4% 24%;
+    --muted: 240 4% 21%;
     /* 80% read 1.30:1 against --foreground: labels looked like content (Arman, 2026-10-14). */
-    --muted-foreground: 240 5% 66%;
-    --disabled-foreground: 240 5% 54%;
-    --accent: 240 4% 24%;
+    --muted-foreground: 240 4% 68%;
+    --disabled-foreground: 240 3% 52%;
+    --accent: 240 4% 22%;
     --matrx-window-light-close: 3 100% 67%;
     --matrx-window-light-close-glyph: 0 100% 15%;
     --matrx-window-light-minimize: 41 99% 59%;
@@ -363,7 +363,7 @@
     --warning-ink: 48 96% 58%;
     --destructive-ink: 0 72% 78%;
 
-    --border: 240 4% 30%;
+    --border: 240 4% 23%;
     --input: 240 4% 28%;
     --ring: 240 4% 35%;
 

package/dist/web-theme.css

@@ -363,67 +363,67 @@
   }
 
   .bg-textured {
-    background-color: rgb(244 244 245);
+    background-color: hsl(var(--background));
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(39 39 42);
+    color: hsl(var(--foreground));
   }
 
   .dark .bg-textured {
-    background-color: rgb(39 39 42);
+    background-color: hsl(var(--background));
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(229 229 229);
+    color: hsl(var(--foreground));
   }
 
   /* Opacity variants of .bg-textured — it is a class, not a theme color, so Tailwind cannot derive /N. */
   .bg-textured\/50 {
-    background-color: rgb(244 244 245 / 0.5);
+    background-color: hsl(var(--background) / 0.5);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(39 39 42);
+    color: hsl(var(--foreground));
   }
 
   .dark .bg-textured\/50 {
-    background-color: rgb(39 39 42 / 0.5);
+    background-color: hsl(var(--background) / 0.5);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(229 229 229);
+    color: hsl(var(--foreground));
   }
 
   /* Opacity variants of .bg-textured — it is a class, not a theme color, so Tailwind cannot derive /N. */
   .bg-textured\/80 {
-    background-color: rgb(244 244 245 / 0.8);
+    background-color: hsl(var(--background) / 0.8);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(39 39 42);
+    color: hsl(var(--foreground));
   }
 
   .dark .bg-textured\/80 {
-    background-color: rgb(39 39 42 / 0.8);
+    background-color: hsl(var(--background) / 0.8);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(229 229 229);
+    color: hsl(var(--foreground));
   }
 
   /* Opacity variants of .bg-textured — it is a class, not a theme color, so Tailwind cannot derive /N. */
   .bg-textured\/85 {
-    background-color: rgb(244 244 245 / 0.85);
+    background-color: hsl(var(--background) / 0.85);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(39 39 42);
+    color: hsl(var(--foreground));
   }
 
   .dark .bg-textured\/85 {
-    background-color: rgb(39 39 42 / 0.85);
+    background-color: hsl(var(--background) / 0.85);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(229 229 229);
+    color: hsl(var(--foreground));
   }
 
   /* Opacity variants of .bg-textured — it is a class, not a theme color, so Tailwind cannot derive /N. */
   .bg-textured\/95 {
-    background-color: rgb(244 244 245 / 0.95);
+    background-color: hsl(var(--background) / 0.95);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(39 39 42);
+    color: hsl(var(--foreground));
   }
 
   .dark .bg-textured\/95 {
-    background-color: rgb(39 39 42 / 0.95);
+    background-color: hsl(var(--background) / 0.95);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'%3E%3Cpath fill='%23999' fill-opacity='0.07' d='M1 1h0.5v0.5H1V1z'%3E%3C/path%3E%3C/svg%3E");
-    color: rgb(229 229 229);
+    color: hsl(var(--foreground));
   }
 }
 

package/dist/writing-field.js

@@ -20,7 +20,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   Tile
-} from "./chunk-WLKHQGX5.js";
+} from "./chunk-CFFRMRWJ.js";
 import "./chunk-DRSBLHOF.js";
 import {
   Dialog,
@@ -48,9 +48,9 @@ import {
 import {
   Field,
   Textarea
-} from "./chunk-KOUHF4JC.js";
-import "./chunk-BD77DHUO.js";
+} from "./chunk-345ESUIP.js";
 import "./chunk-BKCJUFD3.js";
+import "./chunk-BD77DHUO.js";
 import "./chunk-PIQJULQB.js";
 import "./chunk-MOZRIHJF.js";
 import "./chunk-AKSKVT2M.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/design-system",
-  "version": "0.86.368",
+  "version": "0.86.369",
   "description": "AI Matrx semantic React primitives shared across Vite, Next.js, desktop, and customer-built applications.",
   "type": "module",
   "bin": {
@@ -283,6 +283,16 @@
         "default": "./dist/swipe-deck.cjs"
       }
     },
+    "./swipe-deck-tree": {
+      "import": {
+        "types": "./dist/swipe-deck-tree.d.ts",
+        "default": "./dist/swipe-deck-tree.js"
+      },
+      "require": {
+        "types": "./dist/swipe-deck-tree.d.cts",
+        "default": "./dist/swipe-deck-tree.cjs"
+      }
+    },
     "./swipe-deck.css": "./dist/swipe-deck.css",
     "./transcript-scroll-nav": {
       "import": {
@@ -780,5 +790,5 @@
     "confirm-dialog",
     "alert-dialog"
   ],
-  "gitHead": "be7cbbcfd715d55e2769a5e1c5a3b00713334913"
+  "gitHead": "93f9cb8bb59bf614e683627fb0ae200e916b5b53"
 }