@ai-matrx/design-system 0.4.2 → 0.5.0

package/dist/styles.css

@@ -46,6 +46,37 @@
     box-shadow: var(--shadow-input);
   }
 
+  /* -----------------------------------------------------------------------
+     shadow-textarea — the Textarea family's resting elevation, the multi-line
+     twin of `.shadow-input` above and subject to the same Tailwind-utility
+     precedence note. The token defaults to `--shadow-input`; see tokens.css
+     for why this rule exists at all (the class had no definition anywhere).
+     ----------------------------------------------------------------------- */
+  .shadow-textarea {
+    box-shadow: var(--shadow-textarea);
+  }
+
+  /* -----------------------------------------------------------------------
+     matrx-progress-indeterminate — the sweep an INDETERMINATE Progress bar
+     wears. A determinate bar is positioned by an inline transform; an
+     indeterminate one has no position to state, and rendering it at 0% would
+     claim "not started" when the truth is "unknown". So it moves, and it looks
+     unmistakably different from a bar stalled at zero.
+
+     `prefers-reduced-motion` swaps the sweep for a static half-width bar —
+     still visibly not-a-value, without the animation.
+     ----------------------------------------------------------------------- */
+  .matrx-progress-indeterminate {
+    width: 40%;
+    animation: matrx-progress-sweep 1.4s ease-in-out infinite;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .matrx-progress-indeterminate {
+      animation: none;
+      width: 50%;
+    }
+  }
+
   /* -----------------------------------------------------------------------
      pb-safe — safe-area bottom padding (BottomSheet body/footer, CommandDialog
      mobile sheet). max() guarantees a minimum padding even when the inset is
@@ -91,6 +122,18 @@
   }
 }
 
+/* Keyframes cannot live inside a cascade layer's rule set and be referenced
+   from it reliably across engines, so the indeterminate-progress sweep is
+   declared here. It defines no colour and touches no element on its own. */
+@keyframes matrx-progress-sweep {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(250%);
+  }
+}
+
 /* ────────────────────────────────────────────────────────────────────────
    Scroll fade — the "there is more below" cue. UNLAYERED on purpose.
    Driven by `useScrollFade`, which sets the data attributes ONLY on edges

package/dist/tokens.css

@@ -80,6 +80,16 @@
       0px 2px 3px -1px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(25, 28, 33, 0.02),
       0px 0px 0px 1px rgba(25, 28, 33, 0.08);
 
+    /* Textarea elevation — the multi-line twin of `--shadow-input`, consumed
+       by the `.shadow-textarea` rule in styles.css.
+
+       THIS TOKEN IS A CORRECTION, NOT A NEW OPINION. The ported Textarea asked
+       for `shadow-textarea` at every call site and NO host ever defined it or
+       generated the utility, so 125 fields rendered flat while their code said
+       otherwise. It defaults to the Input elevation, which is plainly what the
+       twin class meant. A host that wants the flat look sets it to `none`. */
+    --shadow-textarea: var(--shadow-input);
+
     /* Overlay scrims — the dimming behind Sheet / BottomSheet / CommandDialog.
        Separate from the colour roles on purpose: a scrim is a neutral
        darkening of whatever is behind it, not a brand colour. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/design-system",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "AI Matrx semantic React primitives shared across Vite, Next.js, desktop, and customer-built applications.",
   "type": "module",
   "license": "MIT",
@@ -36,19 +36,28 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@radix-ui/react-dialog": "^1.1.17",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-popover": "^1.1.17",
-    "@radix-ui/react-select": "^2.3.1",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-visually-hidden": "^1.2.6",
+    "@radix-ui/react-avatar": "^1.2.6",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-collapsible": "^1.1.20",
+    "@radix-ui/react-context-menu": "^2.3.7",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-progress": "^1.1.16",
+    "@radix-ui/react-scroll-area": "^1.2.18",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@radix-ui/react-switch": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.21",
+    "@radix-ui/react-visually-hidden": "^1.2.11",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "tailwind-merge": "^3.0.0",
     "vaul": "^1.1.2",
-    "@ai-matrx/kit": "0.7.4"
+    "@ai-matrx/kit": "0.8.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",