@ai-matrx/design-system 0.11.5 → 0.12.0

package/dist/styles.css

@@ -782,25 +782,6 @@
     var(--matrx-glass-border-color);
 }
 
-/* -----------------------------------------------------------------------
-   --dialog-pad-bottom on the mobile sheet — the home-indicator clearance.
-
-   The dialog card's bottom padding belongs to its sticky footer (see THE
-   FOOTER RESERVATION below), so the safe area the sheet used to buy with
-   `pb-safe` has to arrive as the FOOTER's bottom pad instead. Same max()
-   floor. Unlayered like the rest of this section, though a custom property is
-   not something preflight touches — it is here so the whole contract reads in
-   one place.
-
-   The footer's own geometry is deliberately NOT a rule: it stays Tailwind
-   utilities on the element, so a caller's `className` still overrides it
-   through tailwind-merge exactly as it always has (matrx-frontend has ~10
-   footers that pass their own padding). Only the card half — which no caller
-   addresses — is CSS.
-   ----------------------------------------------------------------------- */
-.matrx-mobile-sheet {
-  --dialog-pad-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
-}
 
 /* ────────────────────────────────────────────────────────────────────────
    .matrx-dialog-card — THE FOOTER RESERVATION.
@@ -845,6 +826,19 @@
   padding-bottom: 0;
 }
 
+/* The mobile sheet's bottom edge IS the phone's bottom edge. Its card used to
+   buy the home-indicator clearance with `pb-safe`; the reservation above hands
+   that padding to the footer, so the floor has to be restated HERE or the
+   actions land under the indicator. `max()` so the sheet's own `--dialog-pad`
+   (1rem) still applies on a device with no inset.
+
+   This is the ONE place a shipped rule overrides a caller's footer padding, and
+   it is a safety floor rather than taste — exactly what `.pb-safe` was doing on
+   this element's parent before. */
+.matrx-mobile-sheet > [data-slot="dialog-footer"] {
+  padding-bottom: max(var(--dialog-pad, 0px), env(safe-area-inset-bottom, 0px));
+}
+
 /* ────────────────────────────────────────────────────────────────────────
    .matrx-mobile-sheet — ONE mobile density for any desktop panel hosted in a
    bottom sheet (TabbedBottomSheet sets it; see that file's header).

package/package.json

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