@ai-matrx/design-system 0.20.22 → 0.21.0

package/dist/styles.css

@@ -912,6 +912,32 @@
   }
 }
 
+/* THE BUTTON TOUCH FLOOR (2026-09-17).
+
+   Every rung of `buttonVariants`' size scale below `xl` is shorter than the
+   44px platform touch target (`xs` 24 … `lg` 40). `button.tsx` stamps
+   `data-tap-floor` on those rungs and `data-tap-floor-square` on the icon
+   boxes; this is the rule that lifts them, and the reasoning — why every
+   sub-44 rung and not just `sm`, and why growth rather than an invisible hit
+   ring — is written out at the top of `button.tsx`.
+
+   Unlayered on purpose: a host's `h-8` utility is layered, and `min-height`
+   here has to beat it (it does not unpin `height`, it raises the floor under
+   it), exactly as the sheet/footer floors above do.
+
+   `(pointer: coarse)` ONLY — deliberately WITHOUT the `(max-width: 1023px)`
+   half the dialog-footer floor carries. A narrow desktop window is a small
+   viewport, not a finger, and desktop density must not move. */
+@media (pointer: coarse) {
+  [data-matrx-button][data-tap-floor]:not([data-touch-exempt]) {
+    min-height: 2.75rem;
+  }
+
+  [data-matrx-button][data-tap-floor-square]:not([data-touch-exempt]) {
+    min-width: 2.75rem;
+  }
+}
+
 /* MatrxDataTable's structure cannot depend on a consumer's Tailwind build.
    These hooks are intentionally limited to durable layout invariants; visual
    styling remains in the component's token-backed utility classes. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/design-system",
-  "version": "0.20.22",
+  "version": "0.21.0",
   "description": "AI Matrx semantic React primitives shared across Vite, Next.js, desktop, and customer-built applications.",
   "type": "module",
   "license": "MIT",