@ai-matrx/design-system 0.12.0 → 0.12.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 0.12.1 — 2026-09-09
+
+Dialog, AlertDialog, Drawer, Sheet, and BottomSheet footer actions now carry a
+44px minimum touch height on coarse pointers and viewports below 1024px. Named
+icon actions also receive a 44px minimum width. Portaled footers cannot inherit
+a host page's touch-target subtree, which left default buttons at 36px in the
+Accounts message dialog. The structural stylesheet owns this floor, including
+nested action wrappers; fine-pointer desktop density, compact state controls,
+prose links, and explicit `data-touch-exempt` controls retain their sizing.
+
+### Consumer action
+
+Update the package and retain the existing `@ai-matrx/design-system/styles.css`
+import. No call-site changes are required.
+
 ## 0.12.0 — 2026-09-08
 
 ### `OrganizationPicker` — the ONE "which organization am I acting in" control

package/README.md

@@ -27,6 +27,8 @@ if (!(await confirm({
 
 Use the declarative `<ConfirmDialog open … busy />` inline instead when the dialog must stay open with a spinner while async work finishes. Name the consequence: a confirmation that says only "Are you sure?" does not satisfy the platform's destructive-and-expensive-actions law.
 
+**Footer actions stay touch-sized through portals.** Dialog, AlertDialog, Drawer, Sheet, and BottomSheet footers apply a 44px action floor on coarse pointers or below 1024px. Import the package stylesheet; no host subtree class is required. Fine-pointer desktop keeps its declared density. State controls and prose links retain their sizing; exceptional compact actions can use `data-touch-exempt` with a call-site reason.
+
 **The Tooltip lives here, and only here.** `@ai-matrx/tap-target` used to ship its own copy; since design-system 0.7.0 / tap-target 0.2.0 it consumes this one and re-exports nothing.
 
 Where hosts had forked a primitive over DENSITY, density is a prop, not a fork: `Card size="sm|md|lg"`, `Table size="sm|md"`, `Accordion size="sm|md"`, `Switch`/`Avatar`/`Checkbox`/`Slider`/`RadioGroup`/`Toggle` `size`, `ResizableHandle size="xs".."4xl"`. It is declared once on the root and every item reads it from context, so a card cannot mix paddings and a radio group cannot mix control sizes.

package/dist/index.cjs

@@ -815,6 +815,7 @@ function BottomSheetFooter({
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
+      "data-slot": "bottom-sheet-footer",
       className: cn(
         "flex-shrink-0 px-4 py-3 pb-safe border-t border-[var(--matrx-sheet-divider)]",
         className
@@ -3443,6 +3444,7 @@ var SheetFooter = ({
 }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
+    "data-slot": "sheet-footer",
     className: cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className