basalt-ui 1.30.2 → 1.31.0

package/dist/theme/floating.module.css

@@ -33,3 +33,39 @@
 .menuItem[data-menu-active]:not(:disabled):not([data-disabled]) {
   background-color: color-mix(in srgb, var(--vx-ink) 6%, transparent);
 }
+
+/*
+ * Modal as a bottom sheet at the `compact` size class (docs/DESIGN-CORE.md § Layout, elevation,
+ * shapes): anchored
+ * to the bottom edge, full width, radius on the top corners only, safe-area bottom padding. The
+ * literal is `sizeClassMaxEm(SIZE_CLASSES.medium)`, pinned by `breakpoint-literals.test.ts`.
+ * `.sheetBody` is the Modal body; it reaches the trailing button row `overlays.confirm`
+ * renders (Mantine `Group`), stretching the buttons to full width at the `--vx-hit` floor.
+ */
+@media (max-width: 52.49375em) {
+  .sheetInner {
+    align-items: flex-end;
+    padding: 0;
+  }
+
+  .sheetContent {
+    flex: 0 0 100%;
+    max-width: 100%;
+    /* theme-allow css-raw-surface — top corners only, the shape of a sheet. `!important`: the
+       Modal content is a Paper whose theme `styles.root` writes `border-radius` inline. */
+    border-radius: var(--vx-radius-card) var(--vx-radius-card) 0 0 !important;
+  }
+
+  .sheetBody {
+    padding-bottom: calc(var(--mantine-spacing-md) + env(safe-area-inset-bottom, 0px));
+  }
+
+  .sheetBody > :global(.mantine-Group-root):last-child {
+    flex-wrap: nowrap;
+  }
+
+  .sheetBody > :global(.mantine-Group-root):last-child > button {
+    flex: 1;
+    min-height: var(--vx-hit);
+  }
+}

package/dist/theme/floating.module.css.d.ts

@@ -5,5 +5,8 @@
 declare const classes: {
   readonly closeButton: string
   readonly menuItem: string
+  readonly sheetBody: string
+  readonly sheetContent: string
+  readonly sheetInner: string
 }
 export default classes

package/dist/theme/index.d.ts

@@ -103,7 +103,7 @@ export type CreateBasaltThemeOptions = {
 /**
  * Build the Basalt theme, optionally merged with consumer overrides. Overrides win on conflict
  * (Mantine `mergeThemeOverrides` is last-wins), so a consumer can retune any field without
- * forking the base.
+ * forking the base — except `breakpoints`, which is always derived from `SIZE_CLASSES`.
  *
  * Pass `{ derive }` to retune the palette identity instead of the shipped default, `{ fonts }` to
  * retune the three-font system, `{ radius }` to retune the two radius anchors, and/or `{ density }`
@@ -124,5 +124,5 @@ export type CreateBasaltThemeOptions = {
  * leaves `other.basaltDerive`/`other.basaltFonts`/`other.basaltRadius`/`other.basaltDensity` intact
  * — it is only lost if a consumer's own `overrides.other` explicitly sets that same key.
  */
-export declare function createBasaltTheme(overrides?: MantineThemeOverride, options?: CreateBasaltThemeOptions): MantineThemeOverride;
+export declare function createBasaltTheme(overrides?: Omit<MantineThemeOverride, 'breakpoints'>, options?: CreateBasaltThemeOptions): MantineThemeOverride;
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EACV,oBAAoB,EAGpB,oBAAoB,EAErB,MAAM,eAAe,CAAA;AAStB,OAAO,KAAK,EAAe,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAOlD;;;;;GAKG;AACH,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAIlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAIvD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAgBnE,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,iBAAiB;QACzB,YAAY,CAAC,EAAE,YAAY,CAAA;QAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAA;QAC/B,YAAY,CAAC,EAAE,YAAY,CAAA;QAC3B,aAAa,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AA2/BD;+EAC+E;AAC/E,eAAO,MAAM,SAAS,EAAE,oBAAuD,CAAA;AAyT/E;;8FAE8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,oBACc,CAAA;AAEjD,kEAAkE;AAClE,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAE9B;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAEzB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAYD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,CAAC,EAAE,oBAAoB,EAChC,OAAO,CAAC,EAAE,wBAAwB,GACjC,oBAAoB,CA+BtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EACV,oBAAoB,EAGpB,oBAAoB,EAErB,MAAM,eAAe,CAAA;AAStB,OAAO,KAAK,EAAe,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAGpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAQlD;;;;;GAKG;AACH,YAAY,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAIlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAMvD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAA;AAgBnE,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,iBAAiB;QACzB,YAAY,CAAC,EAAE,YAAY,CAAA;QAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAA;QAC/B,YAAY,CAAC,EAAE,YAAY,CAAA;QAC3B,aAAa,CAAC,EAAE,WAAW,CAAA;KAC5B;CACF;AA0hCD;+EAC+E;AAC/E,eAAO,MAAM,SAAS,EAAE,oBAAuD,CAAA;AAyT/E;;8FAE8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,oBACc,CAAA;AAEjD,kEAAkE;AAClE,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IAE9B;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAEzB;;;;;;;;;;;;;;;;OAgBG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAYD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,EACrD,OAAO,CAAC,EAAE,wBAAwB,GACjC,oBAAoB,CAiCtB"}

package/dist/theme/index.js

@@ -26,6 +26,7 @@ import {
   Notification,
   NumberInput,
   Pagination,
+  PaginationControl,
   Paper,
   PasswordInput,
   PillsInput,
@@ -55,11 +56,13 @@ import {
 } from "../tokens/palette.js";
 import { DEFAULT_DERIVE_CONFIG, isDefaultDeriveConfig, resolveDeriveConfig } from "../tokens/derive.js";
 import { pxRem, VX } from "../tokens/index.js";
+import { SIZE_CLASS_BREAKPOINTS } from "../tokens/size-classes.js";
 import controlsClasses from "./controls.module.css";
 import floatingClasses from "./floating.module.css";
 import navLinkClasses from "./nav-link.module.css";
 import segmentedControlClasses from "./segmented-control.module.css";
 import timelineClasses from "./timeline.module.css";
+import { HIT_ATTR } from "./ctl-theme.js";
 import { useBasaltSpacing } from "./use-basalt-spacing.js";
 import { CTL_THEME, CtlSlot } from "./ctl-theme.js";
 function hexToRgb(h) {
@@ -167,6 +170,7 @@ function buildTheme(data, options = {}) {
   const { radius = DEFAULT_RADIUS_VALUES, spacing = DEFAULT_SPACE_VALUES } = options;
   const { ACCENT, FILL } = data;
   return createTheme({
+    breakpoints: SIZE_CLASS_BREAKPOINTS,
     primaryColor: "blue",
     // ONE shade in both schemes — a filled control is a SURFACE, and the accent surface is the same
     // hex either way (see `ACCENT.accentFill`). The scheme-inverting half of the accent lives in
@@ -406,6 +410,8 @@ function buildTheme(data, options = {}) {
         classNames: { wrapper: controlsClasses.inputWrapper, input: controlsClasses.input }
       }),
       TextInput: TextInput.extend({ defaultProps: { size: "md" } }),
+      // The stepper chevrons sit ~15px apart, so neither can own a 44px overlay; the coarse
+      // `.input` min-height floor (theme/controls.module.css) is the touch floor.
       NumberInput: NumberInput.extend({ defaultProps: { size: "md" } }),
       PasswordInput: PasswordInput.extend({ defaultProps: { size: "md" } }),
       Select: Select.extend({ defaultProps: { size: "md" } }),
@@ -712,10 +718,16 @@ function buildTheme(data, options = {}) {
       // under it but shows every scrolled row straight through the title once one does (the mobile
       // filter sheet, the shell's "More" nav sheet). The header stays sticky; only its own
       // background moves back to opaque, matching the content box it sits above rather than the page
-      // behind it. Title = head font; close button = the ghost idiom (floating.module.css).
+      // behind it. Title = head font; close button = the ghost idiom (floating.module.css). Below the
+      // `medium` size class the Modal is a bottom sheet (floating.module.css `sheet*`).
       Modal: Modal.extend({
-        defaultProps: { radius: radius.floating },
-        classNames: { close: floatingClasses.closeButton },
+        defaultProps: { radius: radius.floating, closeButtonProps: { ...HIT_ATTR } },
+        classNames: {
+          close: floatingClasses.closeButton,
+          inner: floatingClasses.sheetInner,
+          content: floatingClasses.sheetContent,
+          body: floatingClasses.sheetBody
+        },
         styles: {
           content: {
             backgroundColor: "var(--vx-surface-overlay)",
@@ -793,7 +805,15 @@ function buildTheme(data, options = {}) {
       // The v9 thumb indicator is a center dot painted in the TRACK color — over the remapped
       // neutral track it read as an artifact, so it's disabled: clean track, plain thumb, accent
       // fill when checked (`--switch-color` defaults to the primary filled shade = the accent).
-      Switch: Switch.extend({ defaultProps: { withThumbIndicator: false } }),
+      // `track` is the Switch's <label>, so the invisible `--vx-hit` overlay (`data-basalt-hit`)
+      // still toggles it. Checkbox/Radio boxes are bare <input>s under a plain <div> — an overlay
+      // there would swallow clicks, so only their `label` (a real <label>) carries it.
+      Switch: Switch.extend({
+        defaultProps: {
+          withThumbIndicator: false,
+          attributes: { track: HIT_ATTR }
+        }
+      }),
       // The tab-list bottom rule (and the inactive-tab hover underline) is a layout separator, not
       // control chrome — it reads the divider token instead of the heavy gray-3/dark-4 line
       // (controls.module.css; custom properties are stripped from `styles` objects). The active tab
@@ -813,6 +833,7 @@ function buildTheme(data, options = {}) {
       // `useStyles`), so re-pointing that var here wins on every render path. Without this, a dark-mode
       // Checkbox/Radio paints a white checkmark on the light accent fill — invisible.
       Checkbox: Checkbox.extend({
+        defaultProps: { attributes: { label: HIT_ATTR } },
         vars: (theme, props) => ({
           root: {
             // `iconColor` is an explicit call-site override, and `outline` paints the mark in the
@@ -822,6 +843,7 @@ function buildTheme(data, options = {}) {
         })
       }),
       Radio: Radio.extend({
+        defaultProps: { attributes: { label: HIT_ATTR } },
         vars: (theme, props) => ({
           root: {
             "--radio-icon-color": props.iconColor || props.variant === "outline" ? void 0 : onColorFor(theme, props)
@@ -833,6 +855,12 @@ function buildTheme(data, options = {}) {
           root: { "--pagination-active-color": onColorFor(theme, props) }
         })
       }),
+      // `Pagination`'s own controls (prev/next/page buttons) resolve `PaginationControl`'s
+      // defaultProps independently of the parent — `data-basalt-hit` here is what closes the
+      // gap Switch/Checkbox/Radio already close at their own theme entries.
+      PaginationControl: PaginationControl.extend({
+        defaultProps: { ...HIT_ATTR }
+      }),
       Stepper: Stepper.extend({
         vars: (theme, props) => ({ root: { "--stepper-icon-color": onColorFor(theme, props) } })
       }),
@@ -1038,7 +1066,8 @@ function createBasaltTheme(overrides, options) {
   if (hasFontsConfig(fontsConfig)) {
     theme = mergeThemeOverrides(theme, { other: { basaltFonts: fontsConfig } });
   }
-  return overrides ? mergeThemeOverrides(theme, overrides) : theme;
+  if (!overrides) return theme;
+  return { ...mergeThemeOverrides(theme, overrides), breakpoints: SIZE_CLASS_BREAKPOINTS };
 }
 export {
   CTL_THEME,

package/dist/theme/nav-link.module.css

@@ -21,6 +21,13 @@
   font-weight: 600;
 }
 
+/* Touch floor: rows are adjacent (1px gap), so an overlay would overlap — the row itself is 44. */
+@media (pointer: coarse) {
+  .root {
+    min-height: var(--vx-hit);
+  }
+}
+
 /* Active + hover — one step stronger than the resting active fill, so a pointer over the active row
  * still reads as feedback rather than as a flat, unresponsive selection. */
 @media (hover: hover) {

package/dist/tokens/index.d.ts

@@ -55,12 +55,11 @@ export declare const VX: {
     readonly radiusCard: "var(--vx-radius-card)";
     readonly radiusCtrl: "var(--vx-radius-ctrl)";
     readonly radiusPill: "var(--vx-radius-pill)";
-    readonly spaceTouchTarget: "var(--vx-space-touch-target)";
+    readonly hit: "var(--vx-hit)";
     readonly space: {
         readonly controlHeightTag: "var(--vx-space-control-height-tag)";
         readonly controlHeightWidget: "var(--vx-space-control-height-widget)";
         readonly controlHeightCtl: "var(--vx-space-control-height-ctl)";
-        readonly touchControlHeight: "var(--vx-space-touch-control-height)";
         readonly pageBarRowHeight: "var(--vx-space-page-bar-row-height)";
         readonly sectionHeaderHeight: "var(--vx-space-section-header-height)";
         readonly widgetHeaderHeight: "var(--vx-space-widget-header-height)";
@@ -135,18 +134,10 @@ export declare const VX: {
      * legend rolls up).
      */
     readonly minPlotHeight: 120;
-    /**
-     * The measured CONTAINER width, in px, below which a chart resolves to its phone tier
-     * (`resolveChartTier`, `docs/CHARTS-SPEC.md` §8): one step smaller legend and tick fonts,
-     * tightened margin floors, a smaller crosshair dot, a narrower tooltip, and a two-entry legend
-     * rollup.
-     *
-     * Deliberately NOT a media query and NOT a `theme.breakpoints` value. A chart in a two-column
-     * grid cell on a 1440px desktop is as narrow as one on a phone, and only the element's own
-     * measured box knows that — the viewport does not. It also keeps the chart layer Mantine-free:
-     * `theme.breakpoints` lives on the coupled side of the boundary.
-     */
-    readonly phoneChartWidth: 480;
+    /** Every floating chart overlay portalled to `document.body` — a pinned tooltip, the legend's
+     * `All N` disclosure and its backdrop — shares one stacking value, so they always stack the same
+     * way relative to page chrome and to each other. */
+    readonly zIndexFloating: 9999;
 };
 /**
  * Layout breakpoints, in px, for the places CSS cannot read a custom property.
@@ -159,13 +150,13 @@ export declare const VX: {
  * `styles.floor.test.ts`).
  *
  * Only breakpoints that are genuinely a CSS-authored `@media` belong here. A component that can
- * measure its own box uses the measurement instead (`VX.phoneChartWidth`), and Mantine chrome uses
+ * measure its own box uses the measurement instead (`CONTAINER_CLASSES`), and Mantine chrome uses
  * `theme.breakpoints`.
  */
 export declare const BREAKPOINTS: {
     /**
      * `content/article-layout.module.css` — below this the TOC rail is dropped and the article
-     * collapses to a single centred column. Well above the `sm` (48em/768px) shell breakpoint on
+     * collapses to a single centred column. Well above the `sm` (52.5em/840px) shell breakpoint on
      * purpose: the rail needs the prose measure PLUS its own width plus the column gap, which runs
      * out long before the shell goes mobile.
      */

package/dist/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"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"}

package/dist/tokens/index.js

@@ -5,10 +5,11 @@ import {
   ROW_LINE_HEIGHT,
   SHADOW,
   SPACE,
-  SPACE_FIXED,
   SPACE_SCALE,
   SPACE_STEP
 } from "./palette.js";
+import { SIZE_CLASSES, sizeClassMaxEm } from "./size-classes.js";
+import { HIT_COARSE, HIT_FINE } from "../common/hit-floor.js";
 import { BP, p } from "./palette.js";
 import { DEFAULT_DERIVE_CONFIG, deriveTokens, resolveDeriveConfig } from "./derive.js";
 import { deriveRadius } from "./palette.js";
@@ -69,11 +70,9 @@ const VX = {
   // Fully-rounded pill affordance (scroll-to-bottom button, chips) — fixed, does not track the
   // radius knob (see `RADIUS_STEP.pill`'s doc in `tokens/palette.ts`).
   radiusPill: "var(--vx-radius-pill)",
-  // The WCAG 2.5.5/2.5.8 touch-target floor (44px), fixed — does not track the density knob (see
-  // `SPACE_FIXED.spaceTouchTarget`'s doc in `tokens/palette.ts`). For a hit area with no `ctl`-tier
-  // home to size it — a consumer's own `@media (pointer: coarse)` CSS-module rule reads the same
-  // `--vx-space-touch-target` var this resolves to.
-  spaceTouchTarget: "var(--vx-space-touch-target)",
+  // The pointer-tier hit floor: 44px under `(pointer: coarse)` (WCAG 2.5.5), 24px otherwise
+  // (2.5.8). Density-exempt; `[data-basalt-hit]::after` in `styles.css` reads it.
+  hit: "var(--vx-hit)",
   // Controls tier sizing (`docs/CONTROLS-SPEC.md` §5) — `var()` refs onto the density-tracking
   // `--vx-space-*` declarations `spaceDecls` emits above (same ref pattern as `radiusCard`/
   // `radiusCtrl`), so a home/control reads ONE source for its tier height whether it's Mantine
@@ -82,7 +81,6 @@ const VX = {
     controlHeightTag: "var(--vx-space-control-height-tag)",
     controlHeightWidget: "var(--vx-space-control-height-widget)",
     controlHeightCtl: "var(--vx-space-control-height-ctl)",
-    touchControlHeight: "var(--vx-space-touch-control-height)",
     pageBarRowHeight: "var(--vx-space-page-bar-row-height)",
     sectionHeaderHeight: "var(--vx-space-section-header-height)",
     widgetHeaderHeight: "var(--vx-space-widget-header-height)",
@@ -190,23 +188,15 @@ const VX = {
    * legend rolls up).
    */
   minPlotHeight: 120,
-  /**
-   * The measured CONTAINER width, in px, below which a chart resolves to its phone tier
-   * (`resolveChartTier`, `docs/CHARTS-SPEC.md` §8): one step smaller legend and tick fonts,
-   * tightened margin floors, a smaller crosshair dot, a narrower tooltip, and a two-entry legend
-   * rollup.
-   *
-   * Deliberately NOT a media query and NOT a `theme.breakpoints` value. A chart in a two-column
-   * grid cell on a 1440px desktop is as narrow as one on a phone, and only the element's own
-   * measured box knows that — the viewport does not. It also keeps the chart layer Mantine-free:
-   * `theme.breakpoints` lives on the coupled side of the boundary.
-   */
-  phoneChartWidth: 480
+  /** Every floating chart overlay portalled to `document.body` — a pinned tooltip, the legend's
+   * `All N` disclosure and its backdrop — shares one stacking value, so they always stack the same
+   * way relative to page chrome and to each other. */
+  zIndexFloating: 9999
 };
 const BREAKPOINTS = {
   /**
    * `content/article-layout.module.css` — below this the TOC rail is dropped and the article
-   * collapses to a single centred column. Well above the `sm` (48em/768px) shell breakpoint on
+   * collapses to a single centred column. Well above the `sm` (52.5em/840px) shell breakpoint on
    * purpose: the rail needs the prose measure PLUS its own width plus the column gap, which runs
    * out long before the shell goes mobile.
    */
@@ -328,7 +318,6 @@ function spaceDecls(space) {
     decl("space-control-height-tag", pxRem(space.anchors.controlHeightTag)),
     decl("space-control-height-widget", pxRem(space.anchors.controlHeightWidget)),
     decl("space-control-height-ctl", pxRem(space.anchors.controlHeightCtl)),
-    decl("space-touch-control-height", pxRem(space.anchors.touchControlHeight)),
     decl("space-stack-xs", `${space.anchors.stackXs}px`),
     decl("space-stack-sm", `${space.anchors.stackSm}px`),
     decl("space-stack-md", `${space.anchors.stackMd}px`),
@@ -521,10 +510,9 @@ function frameworkDerived(data, only, legacyAliases) {
     // only in this static block, never in `buildRadiusCss`'s dynamic override (see
     // `RADIUS_STEP.pill`'s doc).
     decl("radius-pill", `${RADIUS_STEP.pill}px`),
-    // The WCAG touch-target floor — fixed, density-EXEMPT, so it lives only in this static block,
-    // never in `buildDensityCss`'s dynamic override (same law as `radius-pill` above; see
-    // `SPACE_FIXED.spaceTouchTarget`'s doc).
-    decl("space-touch-target", `${SPACE_FIXED.spaceTouchTarget}px`),
+    // The pointer tier's fine default — density-EXEMPT, so it lives only in this static block
+    // (same law as `radius-pill` above). `coarseHitBlock` re-points it to 44px.
+    decl("hit", `${HIT_FINE}px`),
     ...only === "core" ? space.filter(isCoreSpaceDecl) : space,
     // Article-density Prose measure (docs/CONTENT-SPEC.md §5) — theme-independent, like the radii.
     decl("prose-measure", "72ch"),
@@ -567,7 +555,12 @@ function groupTokens(name, map) {
 }
 const MANTINE_SCHEME_ATTRIBUTE = "data-mantine-color-scheme";
 const indent = (block) => block.split("\n").map((line) => line === "" ? line : `  ${line}`).join("\n");
-const MOBILE_MEDIA = "@media (max-width: 47.99375em)";
+const MOBILE_MEDIA = `@media (max-width: ${sizeClassMaxEm(SIZE_CLASSES.medium)})`;
+const coarseHitBlock = `@media (pointer: coarse) {
+  :root {
+    --vx-hit: ${HIT_COARSE}px;
+  }
+}`;
 function spaceMobileDecls(space) {
   return [
     decl("space-card-inset-x", `${space.scale.xs}px`),
@@ -597,10 +590,12 @@ ${extra}` : framework;
   };
   const rootBlock = only === "core" ? `:root {
 ${derived}
-}` : `:root {
+}
+${coarseHitBlock}` : `:root {
 ${derived}
 }
-${mobileLadderBlock(DEFAULT_SPACE_VALUES)}`;
+${mobileLadderBlock(DEFAULT_SPACE_VALUES)}
+${coarseHitBlock}`;
   if (opts.scheme === void 0 && opts.defaultScheme === void 0 && !opts.mediaFallback) {
     return `${rootBlock}
 :root,

package/dist/tokens/palette.d.ts

@@ -257,11 +257,6 @@ declare const SPACE_ANCHORS_BASE: {
      * and the whole band looked unresolved. 32 lands the entire chrome tier on ONE number, which is
      * also the smallest square that still holds a 16px icon with a 8px surround. */
     readonly controlHeightCtl: 32;
-    /** The touch hit-area size (`::before`) every home control expands to below `sm` (C15,
-     * `docs/CONTROLS-SPEC.md` §5) — independent of the visible `controlHeightCtl` box, same shape as
-     * `mobileNavBarHeight`/`mobileNavRowHeight`'s Apple HIG 44pt / WCAG 2.5.5 floors elsewhere in this
-     * table. Floored at 30px in {@link deriveSpacing} (C15's "floor 30 at density −3"). */
-    readonly touchControlHeight: 36;
 };
 /**
  * The Mantine `spacing` size-scale (`xs`/`sm`/`md`/`lg`/`xl`) — the app-wide generic rhythm every
@@ -509,9 +504,8 @@ declare const SPACE_STEP_BASE: {
      *
      *  44, down from 48. The band holds ONE `ctl`-tier row (32 since this pass), so 48 left 8px of
      *  dead air above and below it — the "too much spacing at the top bar" the header reads as. 44
-     *  keeps 6px of breathing room a side, still clears `touchControlHeight` (36) below `sm` and
-     *  `controlHeight` (42) for a `size="md"` control, and is the Apple HIG 44pt figure the rest of
-     *  this table already floors its touch targets at. */
+     *  keeps 6px of breathing room a side, still clears `controlHeight` (42) for a `size="md"`
+     *  control, and is the 44px touch floor (WCAG 2.5.5). */
     readonly appShellHeaderHeight: 44;
     /** AppShell navbar width, expanded — ONE entry for both the `base` (mobile, where the navbar is
      *  permanently collapsed and unused — see `MobileNav`) and the expanded `sm` value: the same
@@ -585,12 +579,9 @@ declare const SPACE_STEP_BASE: {
     readonly mobileNavTabInsetY: 2;
     /** Active-pill inset around the slot icon, horizontal. */
     readonly mobileNavTabInsetX: 12;
-    /** Menu/sheet row height. Floored at 40px in `deriveSpacing` — a deliberate design choice, not
-     *  a WCAG floor: it's the row height shared with the desktop sidebar rows, above the WCAG 2.5.8
-     *  AA minimum (24px) and below the 2.5.5 AAA figure (44px, the size `mobileNavBarHeight`/
-     *  `sheetRowHeight` still hold to) — the shortest box that still reads as ONE row vocabulary with
-     *  the sidebar instead of a bespoke touch size. */
-    readonly mobileNavRowHeight: 40;
+    /** Menu/sheet row height — the WCAG 2.5.5 44px target, floored at 44 in `deriveSpacing` (the
+     *  pointer tier's `--vx-hit` is the same number under `(pointer: coarse)`). */
+    readonly mobileNavRowHeight: 44;
     /** More/group `<Menu width={…}>`. JS-consumed, no var — same rationale as
      *  `sidebarSettingsMenuWidth` directly above. */
     readonly mobileNavMenuWidth: 232;
@@ -711,18 +702,6 @@ export declare const SPACE_FIXED: {
      * `[-3, 3]` range can produce) for no compensating benefit, since the two radii it sits between
      * never move independently of each other. */
     readonly segmentedTrackInset: 2;
-    /**
-     * The WCAG 2.5.5/2.5.8 touch-target floor (44px) for a hit area that has no `ctl`-tier home to
-     * size it — a raw CSS-module rule bumping a control's hit area under `@media (pointer: coarse)`
-     * (C5 consolidation: argo carried three such rules with a hand-picked 44/46px literal apiece).
-     * Density-exempt for the same reason `touchControlHeight`'s FLOOR is: a target this small must
-     * never shrink further, whatever the density knob says elsewhere. Unlike the rest of this
-     * object, this ONE key IS emitted as a `--vx-*` var (`tokens/index.ts`'s `space-touch-target`) —
-     * the others stay JS-only because nothing outside the framework's own components reads them, but
-     * this floor's whole purpose is being read by a CONSUMER's own `.module.css`, which cannot
-     * import a JS ref at all.
-     */
-    readonly spaceTouchTarget: 44;
 };
 /**
  * The resolved shape {@link deriveSpacing} returns — the two anchor/scale base groups above (as
@@ -921,7 +900,6 @@ export declare const SPACE: {
     readonly controlHeightTag: number;
     readonly controlHeightWidget: number;
     readonly controlHeightCtl: number;
-    readonly touchControlHeight: number;
 };
 /** The Mantine `spacing` size-scale at the shipped identity — see `SPACE_SCALE_BASE`'s doc.
  * `deriveSpacing(0)`'s `scale`, UNCHANGED from the shipped identity (locked by

package/dist/tokens/palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/tokens/palette.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/tokens/palette.ts"],"names":[],"mappings":"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"}

package/dist/tokens/palette.js

@@ -177,12 +177,7 @@ const SPACE_ANCHORS_BASE = {
    * rowLineHeight * text.md`) — so a `size="ctl"` button sitting beside any of them read 2px short
    * and the whole band looked unresolved. 32 lands the entire chrome tier on ONE number, which is
    * also the smallest square that still holds a 16px icon with a 8px surround. */
-  controlHeightCtl: 32,
-  /** The touch hit-area size (`::before`) every home control expands to below `sm` (C15,
-   * `docs/CONTROLS-SPEC.md` §5) — independent of the visible `controlHeightCtl` box, same shape as
-   * `mobileNavBarHeight`/`mobileNavRowHeight`'s Apple HIG 44pt / WCAG 2.5.5 floors elsewhere in this
-   * table. Floored at 30px in {@link deriveSpacing} (C15's "floor 30 at density −3"). */
-  touchControlHeight: 36
+  controlHeightCtl: 32
 };
 const SPACE_SCALE_BASE = {
   xs: 11,
@@ -421,9 +416,8 @@ const SPACE_STEP_BASE = {
    *
    *  44, down from 48. The band holds ONE `ctl`-tier row (32 since this pass), so 48 left 8px of
    *  dead air above and below it — the "too much spacing at the top bar" the header reads as. 44
-   *  keeps 6px of breathing room a side, still clears `touchControlHeight` (36) below `sm` and
-   *  `controlHeight` (42) for a `size="md"` control, and is the Apple HIG 44pt figure the rest of
-   *  this table already floors its touch targets at. */
+   *  keeps 6px of breathing room a side, still clears `controlHeight` (42) for a `size="md"`
+   *  control, and is the 44px touch floor (WCAG 2.5.5). */
   appShellHeaderHeight: 44,
   /** AppShell navbar width, expanded — ONE entry for both the `base` (mobile, where the navbar is
    *  permanently collapsed and unused — see `MobileNav`) and the expanded `sm` value: the same
@@ -498,12 +492,9 @@ const SPACE_STEP_BASE = {
   mobileNavTabInsetY: 2,
   /** Active-pill inset around the slot icon, horizontal. */
   mobileNavTabInsetX: 12,
-  /** Menu/sheet row height. Floored at 40px in `deriveSpacing` — a deliberate design choice, not
-   *  a WCAG floor: it's the row height shared with the desktop sidebar rows, above the WCAG 2.5.8
-   *  AA minimum (24px) and below the 2.5.5 AAA figure (44px, the size `mobileNavBarHeight`/
-   *  `sheetRowHeight` still hold to) — the shortest box that still reads as ONE row vocabulary with
-   *  the sidebar instead of a bespoke touch size. */
-  mobileNavRowHeight: 40,
+  /** Menu/sheet row height — the WCAG 2.5.5 44px target, floored at 44 in `deriveSpacing` (the
+   *  pointer tier's `--vx-hit` is the same number under `(pointer: coarse)`). */
+  mobileNavRowHeight: 44,
   /** More/group `<Menu width={…}>`. JS-consumed, no var — same rationale as
    *  `sidebarSettingsMenuWidth` directly above. */
   mobileNavMenuWidth: 232,
@@ -643,19 +634,7 @@ const SPACE_FIXED = {
    * to 1 at density's floor level -3 and 3 at its ceiling level +3 — the widest swing `deriveSpacing`'s
    * `[-3, 3]` range can produce) for no compensating benefit, since the two radii it sits between
    * never move independently of each other. */
-  segmentedTrackInset: 2,
-  /**
-   * The WCAG 2.5.5/2.5.8 touch-target floor (44px) for a hit area that has no `ctl`-tier home to
-   * size it — a raw CSS-module rule bumping a control's hit area under `@media (pointer: coarse)`
-   * (C5 consolidation: argo carried three such rules with a hand-picked 44/46px literal apiece).
-   * Density-exempt for the same reason `touchControlHeight`'s FLOOR is: a target this small must
-   * never shrink further, whatever the density knob says elsewhere. Unlike the rest of this
-   * object, this ONE key IS emitted as a `--vx-*` var (`tokens/index.ts`'s `space-touch-target`) —
-   * the others stay JS-only because nothing outside the framework's own components reads them, but
-   * this floor's whole purpose is being read by a CONSUMER's own `.module.css`, which cannot
-   * import a JS ref at all.
-   */
-  spaceTouchTarget: 44
+  segmentedTrackInset: 2
 };
 function scaleSpace(value, level, multiplier) {
   if (level === 0) return value;
@@ -687,11 +666,10 @@ function deriveSpacing(level) {
   anchors.controlHeightTag = Math.max(18, anchors.controlHeightTag);
   anchors.controlHeightWidget = Math.max(22, anchors.controlHeightWidget);
   anchors.controlHeightCtl = Math.max(28, anchors.controlHeightCtl);
-  anchors.touchControlHeight = Math.max(30, anchors.touchControlHeight);
   const mappedStep = mapSpaceGroup(SPACE_STEP_BASE, level, multiplier);
   mappedStep.sidebarSearchTriggerHeight = Math.max(24, mappedStep.sidebarSearchTriggerHeight);
   mappedStep.mobileNavBarHeight = Math.max(49, mappedStep.mobileNavBarHeight);
-  mappedStep.mobileNavRowHeight = Math.max(40, mappedStep.mobileNavRowHeight);
+  mappedStep.mobileNavRowHeight = Math.max(44, mappedStep.mobileNavRowHeight);
   mappedStep.sheetRowHeight = Math.max(44, mappedStep.sheetRowHeight);
   const step = {
     ...mappedStep,

package/dist/tokens/size-classes.d.ts

@@ -0,0 +1,40 @@
+/**
+ * The two responsive tables (`docs/DESIGN-CORE.md` § Layout, elevation, shapes) — pure data, Mantine-free. Each
+ * value is the class's minimum width in px.
+ *
+ * A `@media`/`@container` condition cannot read a custom property, so CSS writes the literal and
+ * `breakpoint-literals.test.ts` pins every literal to these tables.
+ */
+/** Viewport classes — shell chrome only (bottom bar / rail / sidebar, aside docking). */
+export declare const SIZE_CLASSES: {
+    readonly compact: 0;
+    readonly medium: 840;
+    readonly expanded: 1200;
+};
+/** A component's own inline size — card chrome, chart tier, forms. No CSS reads it yet. */
+export declare const CONTAINER_CLASSES: {
+    readonly micro: 0;
+    readonly compact: 240;
+    readonly regular: 480;
+    readonly wide: 800;
+};
+export type ContainerClass = keyof typeof CONTAINER_CLASSES;
+/** The class a MEASURED inline size falls in (`px` is a min-width boundary, so 240 is `compact`). */
+export declare function resolveContainerClass(px: number): ContainerClass;
+/**
+ * `theme.breakpoints`, derived — a consumer cannot retune it. Mantine needs all five keys:
+ * `base` (no key) is compact, `xs`/`sm` open the medium class, `md`/`lg`/`xl` the expanded one, so
+ * every `visibleFrom`/`hiddenFrom` in the package stays "desktop chrome" from `sm` up.
+ */
+export declare const SIZE_CLASS_BREAKPOINTS: {
+    readonly xs: `${number}em`;
+    readonly sm: `${number}em`;
+    readonly md: `${number}em`;
+    readonly lg: `${number}em`;
+    readonly xl: `${number}em`;
+};
+/** A px width as the `em` length media queries use (16px root). */
+export declare function toEm(px: number): string;
+/** The `max-width` complement of a class boundary — 0.1px under it, Mantine's own convention. */
+export declare function sizeClassMaxEm(minPx: number): string;
+//# sourceMappingURL=size-classes.d.ts.map

package/dist/tokens/size-classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-classes.d.ts","sourceRoot":"","sources":["../../src/tokens/size-classes.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,yFAAyF;AACzF,eAAO,MAAM,YAAY;;;;CAAuD,CAAA;AAEhF,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB;;;;;CAA+D,CAAA;AAE7F,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAE3D,qGAAqG;AACrG,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,cAAc,CAKhE;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;CAMzB,CAAA;AAEV,mEAAmE;AACnE,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEvC;AAED,iGAAiG;AACjG,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEpD"}

package/dist/tokens/size-classes.js

@@ -0,0 +1,29 @@
+const SIZE_CLASSES = { compact: 0, medium: 840, expanded: 1200 };
+const CONTAINER_CLASSES = { micro: 0, compact: 240, regular: 480, wide: 800 };
+function resolveContainerClass(px) {
+  if (px >= CONTAINER_CLASSES.wide) return "wide";
+  if (px >= CONTAINER_CLASSES.regular) return "regular";
+  if (px >= CONTAINER_CLASSES.compact) return "compact";
+  return "micro";
+}
+const SIZE_CLASS_BREAKPOINTS = {
+  xs: `${SIZE_CLASSES.medium / 16}em`,
+  sm: `${SIZE_CLASSES.medium / 16}em`,
+  md: `${SIZE_CLASSES.expanded / 16}em`,
+  lg: `${SIZE_CLASSES.expanded / 16}em`,
+  xl: `${SIZE_CLASSES.expanded / 16}em`
+};
+function toEm(px) {
+  return `${Number((px / 16).toFixed(5))}em`;
+}
+function sizeClassMaxEm(minPx) {
+  return toEm(minPx - 0.1);
+}
+export {
+  CONTAINER_CLASSES,
+  SIZE_CLASSES,
+  SIZE_CLASS_BREAKPOINTS,
+  resolveContainerClass,
+  sizeClassMaxEm,
+  toEm
+};