basalt-ui 1.39.0 → 1.40.2

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+## [1.40.2](https://github.com/jkrumm/basalt-ui/compare/v1.40.1...v1.40.2) (2026-10-05)
+
+
+### Bug Fixes
+
+* sidebar footer rows sit on the nav row's height and 1px pitch ([bbd5c66](https://github.com/jkrumm/basalt-ui/commit/bbd5c66a223af61888df28cca837b89ef95181b1))
+
+## [1.40.1](https://github.com/jkrumm/basalt-ui/compare/v1.40.0...v1.40.1) (2026-10-05)
+
+
+### Bug Fixes
+
+* lift the selected segment above the track in dark mode ([a8315a9](https://github.com/jkrumm/basalt-ui/commit/a8315a90b9b067470f9d6ae3a0005117e713934b))
+
+# [1.40.0](https://github.com/jkrumm/basalt-ui/compare/v1.39.0...v1.40.0) (2026-10-05)
+
+
+### Bug Fixes
+
+* raised segmented indicator, nav-row geometry for the sidebar account row ([d800ea1](https://github.com/jkrumm/basalt-ui/commit/d800ea1dad17091aa558c05d33117adc7cf31310))
+
+
+### Features
+
+* createBasaltTheme inputs option for desktop-sized inputs ([51a3d7f](https://github.com/jkrumm/basalt-ui/commit/51a3d7f023a5379c9c55f226c1671d83e732ea59))
+
 # [1.39.0](https://github.com/jkrumm/basalt-ui/compare/v1.38.1...v1.39.0) (2026-10-04)
 
 

package/MIGRATING.md

@@ -66,18 +66,18 @@ There is one row per SURFACE, not per export, and a surface earns a row once any
 shipped lefthook preset both changed in 1.30.0 with no row that owned them — which is how a
 consumer read this index, found nothing, and diffed a KPI row that had silently gone 4-up → 2-up.
 
-| Surface                       | 1.27.0                                                       | 1.28.0                                                                                 | 1.29.0                                                                                         | 1.30.0                                                                             | 1.30.1                                                                | 1.30.2 | 1.31.0                                                                                                | 1.32.0                                                                    | 1.32.1                                                                                                          | 1.33.0                                                                        | 1.34.0                             | 1.34.1 | 1.35.0 | 1.36.0                                                                                       | 1.36.1 | 1.37.0 | 1.37.1 | 1.38.0 | 1.38.1 | 1.39.0                                          | Unreleased |
-| ----------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ---------------------------------- | ------ | ------ | -------------------------------------------------------------------------------------------- | ------ | ------ | ------ | ------ | ------ | ----------------------------------------------- | ---------- | --- |
-| **tokens** (`./tokens`)       | —                                                            | `--vx-divider` → `rgba()` on both schemes (§ Shell)                                    | `--vx-space-touch-target` added (§ Additions)                                                  | eight spacing numbers (§ Chrome)                                                   | —                                                                     | —      | `--vx-hit` replaces the touch vars; `SIZE_CLASSES` (§ 1.31.0)                                         | —                                                                         | `SIZE_CLASSES`/`CONTAINER_CLASSES` actually exported (§ Fixes)                                                  | `CONTAINER_GRID_BREAKPOINTS`; `raw-breakpoint` trusts it (§ 1.33.0)           | `CONTAINER_KEYS` (§ 1.34.0)        | —      | —      | —                                                                                            | —      | —      | —      | —      |        | `appShellInset` 20 → 16 (§ 1.38.1)              | —          | —   |
-| **charts** (`./charts`)       | —                                                            | phone tier, `curve`, formatters, `state`, log axis (§ preamble)                        | `ChartState.empty: string`, `AxisBottomNumeric` (§ Additions)                                  | responsive `height`, `legend.maxRows` (§ Charts)                                   | `height` reaches the kinds; `maxRows` beats the `fill` fit (§ Charts) | —      | container-class tier + `height` keys (§ 1.31.0)                                                       | —                                                                         | `ResponsiveChartHeight` `sm` → key (§ Container recipes)                                                        | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —          |
-| **shell** (`.`)               | —                                                            | scrollport, region seams, **the brand left the sidebar** (§§ scrollport, brand, Shell) | `PageTitle`, `BasaltDevDock`, `useBreakpoint` (§ Additions)                                    | More popover, aside pill, the responsive gutter, `useBasaltSpacing` (§ Chrome)     | —                                                                     | —      | `theme.breakpoints` derived, `useSizeClass`, `data-basalt-host`, `useBreakpoint` on notice (§ 1.31.0) | `useBreakpoint` removal → 1.33.0; `useSizeClass` is shell-only (§ 1.32.0) | shell-less `shell/` gutter, `AppShell` breakpoints, `useSizeClass` for overlays (§§ Shell-less, `useSizeClass`) | —                                                                             | `useBreakpoint` removed (§ 1.34.0) | —      | —      | `useCoarsePointer()` (§ `useCoarsePointer()`)                                                | —      | —      | —      | —      |        | content gutter 16, block 8 from `sm` (§ 1.38.1) | —          | —   |
-| **controls** (`./controls`)   | `NumberFilter`, `field.number` (§ Controls)                  | sheet renders panel rows; `PanelRow`, `SliderControl` (§ `basalt-ui/controls`)         | —                                                                                              | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | `NumberFilter clearable`; `createSearchStore` `resets` (§ State and controls) | —                                  | —      | —      | `FormSection`/`FormRow`/`FormGroup`/`FormActions` move here (§ The form layout moves)        | —      | —      | —      | —      | —      | —                                               | —          |
-| **forms** (`./forms`)         | —                                                            | `field` → `inputProps`, **`inputProps` drops `key`**, the layout tier (§ `inputProps`) | `field` DELETED — and the `--fix` recipe no longer works (§ Consolidation)                     | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | `FormGroup` row no longer stretches (§ Fixes)                                                                   | —                                                                             | —                                  | —      | —      | the layout + `useForm`/`schemaResolver` deprecated, removed 1.37.0 (§ The form layout moves) | —      | —      | —      | —      | —      | —                                               | —          |
-| **data** (`./data/table`)     | —                                                            | root is a `<div>`, row selection, `getItemKey` required (§ `basalt-ui/data`)           | `./data` + `./query` + `./connectivity` dropped (§ Consolidation)                              | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | `renderCard` documented (§ `renderCard`)                                                                        | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —          |
-| **dashboard** (`.`)           | `StatCard`: `unit`, `breakdown`, delta format (§ `StatCard`) | `StatGroup`, `WidgetGrid`, query-aware `StatCard` — additive                           | —                                                                                              | **the column law keys on the CONTAINER; `cols={4}` is 2-up at `sm`** (§ Dashboard) | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —          |
-| **toolchain** (`./configs/*`) | —                                                            | —                                                                                      | the shipped lefthook preset's `check-theme` BROKE — the CLI resolver stopped ascending (§ CLI) | the preset's default bin, and the `root:` recipe (§ Toolchain)                     | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —          |
-| **CLI** (`basalt-ui`)         | —                                                            | —                                                                                      | **resolver stops relocating; `doctor` loses 6 of 10 checks** (§ CLI)                           | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —          |
-| **guards**                    | five rules → `error` (§ Guards)                              | six new ids at `warn` (§ preamble)                                                     | `query-dual-import` retired in 1.29.1 (§ Guards)                                               | four rules → `error` (§ Guards)                                                    | —                                                                     | —      | —                                                                                                     | `raw-breakpoint`: the container-grid answer, `error` at 1.33.0 (§ 1.32.0) | `FormRow`/`FormGroup` homes in both lanes; `basalt-main` dropped (§ Fixes)                                      | C1 + breakpoint pairs → `error`; `unknown-vx-token` `warn` (§ Guards)         | —                                  | —      | —      | `unknown-vx-token` → `error`; the token factories throw (§ Guards)                           | —      | —      | —      | —      | —      | —                                               | —          |
+| Surface                       | 1.27.0                                                       | 1.28.0                                                                                 | 1.29.0                                                                                         | 1.30.0                                                                             | 1.30.1                                                                | 1.30.2 | 1.31.0                                                                                                | 1.32.0                                                                    | 1.32.1                                                                                                          | 1.33.0                                                                        | 1.34.0                             | 1.34.1 | 1.35.0 | 1.36.0                                                                                       | 1.36.1 | 1.37.0 | 1.37.1 | 1.38.0 | 1.38.1 | 1.39.0                                          | 1.40.0 | 1.40.1 | 1.40.2 | Unreleased |
+| ----------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ------ | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- | ---------------------------------- | ------ | ------ | -------------------------------------------------------------------------------------------- | ------ | ------ | ------ | ------ | ------ | ----------------------------------------------- | ------ | ------ | ------ | ---------- | --- |
+| **tokens** (`./tokens`)       | —                                                            | `--vx-divider` → `rgba()` on both schemes (§ Shell)                                    | `--vx-space-touch-target` added (§ Additions)                                                  | eight spacing numbers (§ Chrome)                                                   | —                                                                     | —      | `--vx-hit` replaces the touch vars; `SIZE_CLASSES` (§ 1.31.0)                                         | —                                                                         | `SIZE_CLASSES`/`CONTAINER_CLASSES` actually exported (§ Fixes)                                                  | `CONTAINER_GRID_BREAKPOINTS`; `raw-breakpoint` trusts it (§ 1.33.0)           | `CONTAINER_KEYS` (§ 1.34.0)        | —      | —      | —                                                                                            | —      | —      | —      | —      |        | `appShellInset` 20 → 16 (§ 1.38.1)              | —      | —      | —      | —          | —   |
+| **charts** (`./charts`)       | —                                                            | phone tier, `curve`, formatters, `state`, log axis (§ preamble)                        | `ChartState.empty: string`, `AxisBottomNumeric` (§ Additions)                                  | responsive `height`, `legend.maxRows` (§ Charts)                                   | `height` reaches the kinds; `maxRows` beats the `fill` fit (§ Charts) | —      | container-class tier + `height` keys (§ 1.31.0)                                                       | —                                                                         | `ResponsiveChartHeight` `sm` → key (§ Container recipes)                                                        | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **shell** (`.`)               | —                                                            | scrollport, region seams, **the brand left the sidebar** (§§ scrollport, brand, Shell) | `PageTitle`, `BasaltDevDock`, `useBreakpoint` (§ Additions)                                    | More popover, aside pill, the responsive gutter, `useBasaltSpacing` (§ Chrome)     | —                                                                     | —      | `theme.breakpoints` derived, `useSizeClass`, `data-basalt-host`, `useBreakpoint` on notice (§ 1.31.0) | `useBreakpoint` removal → 1.33.0; `useSizeClass` is shell-only (§ 1.32.0) | shell-less `shell/` gutter, `AppShell` breakpoints, `useSizeClass` for overlays (§§ Shell-less, `useSizeClass`) | —                                                                             | `useBreakpoint` removed (§ 1.34.0) | —      | —      | `useCoarsePointer()` (§ `useCoarsePointer()`)                                                | —      | —      | —      | —      |        | content gutter 16, block 8 from `sm` (§ 1.38.1) | —      | —      | —      | —          | —   |
+| **controls** (`./controls`)   | `NumberFilter`, `field.number` (§ Controls)                  | sheet renders panel rows; `PanelRow`, `SliderControl` (§ `basalt-ui/controls`)         | —                                                                                              | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | `NumberFilter clearable`; `createSearchStore` `resets` (§ State and controls) | —                                  | —      | —      | `FormSection`/`FormRow`/`FormGroup`/`FormActions` move here (§ The form layout moves)        | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **forms** (`./forms`)         | —                                                            | `field` → `inputProps`, **`inputProps` drops `key`**, the layout tier (§ `inputProps`) | `field` DELETED — and the `--fix` recipe no longer works (§ Consolidation)                     | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | `FormGroup` row no longer stretches (§ Fixes)                                                                   | —                                                                             | —                                  | —      | —      | the layout + `useForm`/`schemaResolver` deprecated, removed 1.37.0 (§ The form layout moves) | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **data** (`./data/table`)     | —                                                            | root is a `<div>`, row selection, `getItemKey` required (§ `basalt-ui/data`)           | `./data` + `./query` + `./connectivity` dropped (§ Consolidation)                              | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | `renderCard` documented (§ `renderCard`)                                                                        | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **dashboard** (`.`)           | `StatCard`: `unit`, `breakdown`, delta format (§ `StatCard`) | `StatGroup`, `WidgetGrid`, query-aware `StatCard` — additive                           | —                                                                                              | **the column law keys on the CONTAINER; `cols={4}` is 2-up at `sm`** (§ Dashboard) | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **toolchain** (`./configs/*`) | —                                                            | —                                                                                      | the shipped lefthook preset's `check-theme` BROKE — the CLI resolver stopped ascending (§ CLI) | the preset's default bin, and the `root:` recipe (§ Toolchain)                     | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **CLI** (`basalt-ui`)         | —                                                            | —                                                                                      | **resolver stops relocating; `doctor` loses 6 of 10 checks** (§ CLI)                           | —                                                                                  | —                                                                     | —      | —                                                                                                     | —                                                                         | —                                                                                                               | —                                                                             | —                                  | —      | —      | —                                                                                            | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
+| **guards**                    | five rules → `error` (§ Guards)                              | six new ids at `warn` (§ preamble)                                                     | `query-dual-import` retired in 1.29.1 (§ Guards)                                               | four rules → `error` (§ Guards)                                                    | —                                                                     | —      | —                                                                                                     | `raw-breakpoint`: the container-grid answer, `error` at 1.33.0 (§ 1.32.0) | `FormRow`/`FormGroup` homes in both lanes; `basalt-main` dropped (§ Fixes)                                      | C1 + breakpoint pairs → `error`; `unknown-vx-token` `warn` (§ Guards)         | —                                  | —      | —      | `unknown-vx-token` → `error`; the token factories throw (§ Guards)                           | —      | —      | —      | —      | —      | —                                               | —      | —      | —      | —          |
 
 ---
 
@@ -86,6 +86,18 @@ consumer read this index, found nothing, and diffed a KPI row that had silently
 _Nothing yet. Author the next section under this heading as `## Unreleased — <title>`; the
 release renames it and opens a new one here._
 
+## 1.40.2
+
+_Nothing to migrate in this release._
+
+## 1.40.1
+
+_Nothing to migrate in this release._
+
+## 1.40.0
+
+_Nothing to migrate in this release._
+
 ## 1.39.0 — the forms aliases leave
 
 **Added: `BasaltShell headerHeight?: number`** (px, default unchanged — the density-tracking

package/dist/provider/index.d.ts

@@ -142,7 +142,7 @@ export declare class BasaltErrorBoundary extends Component<BasaltErrorBoundaryPr
  * `BasaltBridge`'s `useMemo`) purely so `provider/index.test.ts` can assert the ORDER holds without
  * rendering a React tree.
  */
-export declare function composeInjectedCss(base: string, fontsCss: string, radiusCss: string, densityCss: string): string;
+export declare function composeInjectedCss(base: string, fontsCss: string, radiusCss: string, densityCss: string, inputsCss?: string): string;
 /**
  * `data-basalt-host` on `<html>` — the one place a `display-mode` query is read; CSS keys off it.
  *

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

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

package/dist/provider/index.js

@@ -66,8 +66,8 @@ class BasaltErrorBoundary extends Component {
     return this.props.children;
   }
 }
-function composeInjectedCss(base, fontsCss, radiusCss, densityCss) {
-  return [base, fontsCss, radiusCss, densityCss].filter(Boolean).join("\n");
+function composeInjectedCss(base, fontsCss, radiusCss, densityCss, inputsCss = "") {
+  return [base, fontsCss, radiusCss, densityCss, inputsCss].filter(Boolean).join("\n");
 }
 function createMountCounter() {
   let count = 0;
@@ -106,6 +106,7 @@ function BasaltBridge({
   const fontsConfig = theme.other?.basaltFonts;
   const radiusConfig = theme.other?.basaltRadius;
   const densityConfig = theme.other?.basaltDensity;
+  const desktopInputs = theme.other?.["basaltInputs"] === "desktop";
   const paletteCss = useMemo(() => {
     if (!injectPalette) return "";
     const base = deriveConfig === void 0 || isDefaultDeriveConfig(deriveConfig) ? buildPaletteCss(paletteOptions) : (
@@ -116,8 +117,17 @@ function BasaltBridge({
     const fontsCss = buildFontsCss(fontsConfig);
     const radiusCss = buildRadiusCss(radiusConfig);
     const densityCss = buildDensityCss(densityConfig);
-    return composeInjectedCss(base, fontsCss, radiusCss, densityCss);
-  }, [injectPalette, deriveConfig, fontsConfig, radiusConfig, densityConfig, paletteOptions]);
+    const inputsCss = desktopInputs ? ":root {\n--basalt-input-fz-floor: 0px;\n}" : "";
+    return composeInjectedCss(base, fontsCss, radiusCss, densityCss, inputsCss);
+  }, [
+    injectPalette,
+    deriveConfig,
+    fontsConfig,
+    radiusConfig,
+    densityConfig,
+    desktopInputs,
+    paletteOptions
+  ]);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const handleError = (e) => {

package/dist/shell/app-sidebar-account.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-sidebar-account.d.ts","sourceRoot":"","sources":["../../src/shell/app-sidebar-account.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AA0DzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,kBAAkB,GAAG,WAAW,+BA6FrE"}
+{"version":3,"file":"app-sidebar-account.d.ts","sourceRoot":"","sources":["../../src/shell/app-sidebar-account.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AA0DzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,kBAAkB,GAAG,WAAW,+BAiGrE"}

package/dist/shell/app-sidebar-account.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Group, Menu, Skeleton, Stack, Text, UnstyledButton } from "@mantine/core";
 import { useBasaltSpacing } from "../theme/index.js";
+import { VX } from "../tokens/index.js";
 import { cx } from "../common/props.js";
 import { assertRequiredProps } from "../common/validate.js";
 import classes from "./app-sidebar.module.css";
@@ -68,13 +69,13 @@ function SidebarAccount(props) {
     return /* @__PURE__ */ jsxs(
       UnstyledButton,
       {
-        className: cx(classes.accountRow, className),
+        className: cx(classes.footerBtn, className),
         "aria-label": "Sign in",
         onClick: actions?.onSignIn,
         ...style !== void 0 && { style },
         children: [
-          /* @__PURE__ */ jsx(IconUser, {}),
-          /* @__PURE__ */ jsx(Text, { className: classes.accountText, size: "sm", fw: 500, children: "Sign in" })
+          /* @__PURE__ */ jsx("span", { className: classes.footerIconSlot, children: /* @__PURE__ */ jsx(IconUser, {}) }),
+          /* @__PURE__ */ jsx(Text, { className: classes.accountText, fz: VX.text.md, children: "Sign in" })
         ]
       }
     );

package/dist/shell/app-sidebar.module.css

@@ -205,9 +205,8 @@
  * bottom-placed block (a `kind: 'progress'` block defaults to `'bottom'`) stacked FLUSH on the
  * settings and account rows and on the scroll region above, which is the "cramped" footer.
  *
- * `region-gap` (12) above the cluster, `stack-sm` (8) between its parts — deliberately tighter
- * than the nav's `section-gap` (16): the footer is ONE pinned cluster whose rows belong together,
- * not a list of peer sections.
+ * `region-gap` (12) above the cluster, `stack-sm` (8) between BLOCKS, and the settings/account rows
+ * on the nav's own 1px pitch (see `.footerLinks + *` below): the footer rows are one list with the nav.
  */
 .footer {
   flex-shrink: 0;
@@ -223,6 +222,12 @@
   margin-top: var(--vx-space-stack-sm);
 }
 
+/* Footer rows ARE a list like the nav's (`Stack gap={1}`): the settings rows and the account row
+ * sit on the nav's 1px pitch, not the cluster gap that separates blocks from rows. */
+.footer > .footerLinks + * {
+  margin-top: 1px;
+}
+
 /*
  * Footer settings row — IDENTICAL geometry to a nav row (padding 6px 10px, radius 6, gap 10,
  * 15px): muted text + faint icon at rest, ink-6% tint + ink on hover, exactly like an inactive
@@ -237,6 +242,9 @@
   padding: var(--vx-space-row-inset-y) var(--vx-space-row-inset-x);
   border-radius: var(--vx-radius-ctrl);
   font-size: var(--vx-text-md);
+  /* The nav row's line-height, so a footer row is exactly as tall as a nav row (Mantine's `Text`
+   * would otherwise bring its own 1.55 and add ~3px). */
+  line-height: var(--vx-space-row-line-height);
   color: var(--vx-muted);
 }
 
@@ -272,11 +280,12 @@
 .footerText {
   flex: 1;
   text-align: left;
+  line-height: var(--vx-space-row-line-height);
 }
 
 /*
- * Sidebar account row (SidebarAccount) — mock footer geometry: padding 11px 8px 3px, gap 10, NO
- * border; hover = the same ink-6% tint as every other row, rounded 6.
+ * Sidebar account row (SidebarAccount, authenticated) — a nav row's padding and gap, so its leading
+ * block starts on the nav icon column; NO border; hover = the same ink-6% tint as every other row.
  */
 .accountRow {
   flex: 1;
@@ -284,8 +293,7 @@
   display: flex;
   align-items: center;
   gap: var(--vx-space-nav-icon-gap);
-  padding: var(--vx-space-sidebar-account-inset-top) var(--vx-space-sidebar-account-inset-x)
-    var(--vx-space-sidebar-account-inset-bottom);
+  padding: var(--vx-space-row-inset-y) var(--vx-space-row-inset-x);
   border-radius: var(--vx-radius-ctrl);
 }
 
@@ -297,6 +305,7 @@
   flex: 1;
   min-width: 0;
   text-align: left;
+  line-height: var(--vx-space-row-line-height);
 }
 
 /*
@@ -585,6 +594,7 @@
 .footerLinks {
   display: flex;
   flex-direction: column;
+  gap: 1px;
 }
 
 /* Fixed 18px icon column for a flat footer row — an icon-less row keeps the label aligned with

package/dist/styles.css

@@ -97,11 +97,15 @@
      and re-opens the zoom bug — a floor a `style` prop can override is not a floor, it's a
      suggestion. `check-theme`'s `raw-form-control` + `sub-16-input-font` guard kinds catch the
      authoring mistake at build time; this `!important` is the runtime backstop that makes it
-     un-defeatable even when a violation slips through. */
+     un-defeatable even when a violation slips through.
+
+     `--basalt-input-fz-floor` is the one knob: `createBasaltTheme(…, { inputs: 'desktop' })` has the
+     provider set it to 0px for an app that never runs on iOS Safari (a Tauri/desktop shell), where
+     the 16px floor is only visual weight. Default stays 16px. */
   input,
   select,
   textarea {
-    font-size: max(16px, var(--input-fz, 1rem)) !important;
+    font-size: max(var(--basalt-input-fz-floor, 16px), var(--input-fz, 1rem)) !important;
   }
 
   /* `data-numeric` — one typographic law, every element. A number read as a MEASUREMENT (a preset

package/dist/theme/index.d.ts

@@ -99,6 +99,21 @@ export type CreateBasaltThemeOptions = {
      * createBasaltTheme(undefined, { density: -2 })
      */
     density?: number;
+    /**
+     * Input sizing for the platform the app runs on. `'touch'` (default) keeps the shipped identity:
+     * `md` inputs (42px) with the 16px font floor that stops iOS Safari's focus-zoom. `'desktop'` is
+     * for an app that never runs in a mobile browser (a Tauri/Electron shell): the Input family
+     * (`TextInput`, `NumberInput`, `PasswordInput`, `Select`, `Textarea`, `Input`) defaults to
+     * Mantine's `sm` (36px, `--vx-text-sm` font) and the provider drops the 16px floor, so every
+     * input Mantine ships — `MultiSelect`/`TagsInput`/pills included, they already default to `sm` —
+     * renders at its own size. An explicit `size` prop still wins. Stashed on
+     * `theme.other.basaltInputs` (only when non-default); `BasaltProvider` emits the floor override,
+     * so `injectPalette={false}` also opts it out.
+     *
+     * @example
+     * createBasaltTheme(undefined, { inputs: 'desktop' })
+     */
+    inputs?: 'touch' | 'desktop';
 };
 /**
  * Build the Basalt theme, optionally merged with consumer overrides. Overrides win on conflict

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

@@ -1 +1 @@
-{"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"}
+{"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;AAgiCD;+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;IAEhB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,CAAC,EACrD,OAAO,CAAC,EAAE,wBAAwB,GACjC,oBAAoB,CAmCtB"}

package/dist/theme/index.js

@@ -530,7 +530,8 @@ function buildTheme(data, options = {}) {
         defaultProps: { radius: radius.card },
         classNames: {
           label: segmentedControlClasses.label,
-          control: segmentedControlClasses.control
+          control: segmentedControlClasses.control,
+          indicator: segmentedControlClasses.indicator
         },
         // `label` gets a `ctl`-only min-height (function-form `styles`, same `props.size === …` gate
         // as Button/ActionIcon/Input's `vars` overrides above) so a `size="ctl"` SegmentedControl
@@ -539,7 +540,7 @@ function buildTheme(data, options = {}) {
         // density. `sm`/`md` SegmentedControls (forms) are untouched, keeping Mantine's own sizing.
         styles: (_theme, props) => ({
           root: {
-            backgroundColor: "color-mix(in srgb, var(--vx-ink) 6%, transparent)",
+            backgroundColor: "color-mix(in srgb, var(--vx-ink) 8%, transparent)",
             padding: `${SPACE_FIXED.segmentedTrackInset}px`,
             // The OUTER safety net a `.control`'s own `min-width: 0` (`segmented-control.module.css`)
             // cannot provide by itself: that rule only lets each SEGMENT shrink below its own label's
@@ -556,8 +557,13 @@ function buildTheme(data, options = {}) {
             minWidth: "max-content"
           },
           indicator: {
-            backgroundColor: "color-mix(in srgb, var(--vx-ink) 12%, var(--vx-surface-panel))",
-            boxShadow: "var(--vx-shadow-ctrl)",
+            // A RAISED pill, not a darker one: its fill (`segmented-control.module.css`, per scheme) is
+            // lighter than the ink-tinted track in both schemes, + the shared raised shadow + a 1px ink outline.
+            // Same model as Mantine's default (white indicator, shadow, on a grey track) and
+            // shadcn's Tabs/ToggleGroup (`bg-background` + shadow on a `bg-muted` track). The old
+            // ink-12% fill sat one shade from the track and read as a hover state.
+            boxShadow: "var(--vx-shadow-raised)",
+            outline: "1px solid color-mix(in srgb, var(--vx-ink) 14%, transparent)",
             borderRadius: "var(--vx-radius-tight)"
           },
           // Conditionally spread the WHOLE key (never a present `label: undefined`) — the package
@@ -1037,6 +1043,17 @@ const cssVariablesResolver = buildCssVariablesResolver(DEFAULT_PALETTE_DATA);
 function hasFontsConfig(fonts) {
   return fonts !== void 0 && Object.values(fonts).some((value) => value !== void 0);
 }
+const DESKTOP_INPUTS_THEME = {
+  components: {
+    Input: Input.extend({ defaultProps: { size: "sm" } }),
+    TextInput: TextInput.extend({ defaultProps: { size: "sm" } }),
+    NumberInput: NumberInput.extend({ defaultProps: { size: "sm" } }),
+    PasswordInput: PasswordInput.extend({ defaultProps: { size: "sm" } }),
+    Select: Select.extend({ defaultProps: { size: "sm" } }),
+    Textarea: Textarea.extend({ defaultProps: { size: "sm" } })
+  },
+  other: { basaltInputs: "desktop" }
+};
 function createBasaltTheme(overrides, options) {
   const resolvedConfig = resolveDeriveConfig(options?.derive);
   const radiusLevel = options?.radius ?? 0;
@@ -1046,6 +1063,7 @@ function createBasaltTheme(overrides, options) {
   const spaceValues = deriveSpacing(densityLevel);
   const isDefaultDensity = densityLevel === 0;
   const isDefaultDerive = isDefaultDeriveConfig(resolvedConfig);
+  const desktopInputs = options?.inputs === "desktop";
   let theme;
   if (isDefaultDerive && isDefaultRadius && isDefaultDensity) {
     theme = baseTheme;
@@ -1066,6 +1084,7 @@ function createBasaltTheme(overrides, options) {
   if (hasFontsConfig(fontsConfig)) {
     theme = mergeThemeOverrides(theme, { other: { basaltFonts: fontsConfig } });
   }
+  if (desktopInputs) theme = mergeThemeOverrides(theme, DESKTOP_INPUTS_THEME);
   if (!overrides) return theme;
   return { ...mergeThemeOverrides(theme, overrides), breakpoints: SIZE_CLASS_BREAKPOINTS };
 }

package/dist/theme/segmented-control.module.css

@@ -54,3 +54,19 @@
   font-family: var(--basalt-font-mono);
   font-size: var(--vx-text-xs);
 }
+
+/*
+ * Selected-segment fill — LIGHTER than the ink-8% track in both schemes, which is what reads as
+ * raised. The two schemes need different recipes: the track is an ink tint, so on light it is
+ * darker than the page (the panel surface sits above it) while on dark it is LIGHTER than the page,
+ * and the same panel surface would then sink below it. Dark therefore lifts the elevated surface
+ * with ink. In the module (not the theme's inline `styles`) so the scheme can be selected on —
+ * same ancestor-attribute pattern as `controls.module.css`.
+ */
+.indicator {
+  background-color: var(--vx-surface-elevated);
+}
+
+html[data-mantine-color-scheme='dark'] .indicator {
+  background-color: color-mix(in srgb, var(--vx-ink) 14%, var(--vx-surface-elevated));
+}

package/dist/theme/segmented-control.module.css.d.ts

@@ -5,5 +5,6 @@
 declare const classes: {
   readonly label: string
   readonly control: string
+  readonly indicator: string
 }
 export default classes

package/llms.txt

@@ -1,4 +1,4 @@
-# basalt-ui v1.39.0
+# basalt-ui v1.40.2
 # Opinionated framework for Mantine-based React apps — theme, app shell, visx charts, toolchain presets
 #
 # basalt-ui is an opinionated framework for Mantine-based React apps.
@@ -19,7 +19,7 @@
 # ./tokens.css subpath. Guide: docs/FRAMEWORK-FREE.md in the repo.
 
 Package: basalt-ui
-Version: 1.39.0
+Version: 1.40.2
 
 ## basalt-ui
 Import: import { ... } from 'basalt-ui'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "basalt-ui",
-  "version": "1.39.0",
+  "version": "1.40.2",
   "description": "Opinionated framework for Mantine-based React apps — theme, app shell, visx charts, toolchain presets",
   "keywords": [
     "charts",

package/src/provider/index.tsx

@@ -236,8 +236,9 @@ export function composeInjectedCss(
   fontsCss: string,
   radiusCss: string,
   densityCss: string,
+  inputsCss = '',
 ): string {
-  return [base, fontsCss, radiusCss, densityCss].filter(Boolean).join('\n')
+  return [base, fontsCss, radiusCss, densityCss, inputsCss].filter(Boolean).join('\n')
 }
 
 // ── Host attribute ────────────────────────────────────────────────────────────────────────────────
@@ -325,6 +326,7 @@ function BasaltBridge({
   const fontsConfig = theme.other?.basaltFonts
   const radiusConfig = theme.other?.basaltRadius
   const densityConfig = theme.other?.basaltDensity
+  const desktopInputs = theme.other?.['basaltInputs'] === 'desktop'
   const paletteCss = useMemo(() => {
     if (!injectPalette) return ''
     const base =
@@ -336,8 +338,18 @@ function BasaltBridge({
     const fontsCss = buildFontsCss(fontsConfig)
     const radiusCss = buildRadiusCss(radiusConfig)
     const densityCss = buildDensityCss(densityConfig)
-    return composeInjectedCss(base, fontsCss, radiusCss, densityCss)
-  }, [injectPalette, deriveConfig, fontsConfig, radiusConfig, densityConfig, paletteOptions])
+    // `createBasaltTheme({ inputs: 'desktop' })` — lifts the iOS 16px input-font floor (`styles.css`).
+    const inputsCss = desktopInputs ? ':root {\n--basalt-input-fz-floor: 0px;\n}' : ''
+    return composeInjectedCss(base, fontsCss, radiusCss, densityCss, inputsCss)
+  }, [
+    injectPalette,
+    deriveConfig,
+    fontsConfig,
+    radiusConfig,
+    densityConfig,
+    desktopInputs,
+    paletteOptions,
+  ])
 
   useEffect(() => {
     // SSR guard — window is not available in server contexts

package/src/shell/app-sidebar-account.tsx

@@ -18,6 +18,7 @@
  */
 import { Group, Menu, Skeleton, Stack, Text, UnstyledButton } from '@mantine/core'
 import { useBasaltSpacing } from '../theme'
+import { VX } from '../tokens'
 import { cx } from '../common/props'
 import type { BasaltProps } from '../common/props'
 import { assertRequiredProps } from '../common/validate'
@@ -100,15 +101,19 @@ export function SidebarAccount(props: BasaltAccountProps & BasaltProps) {
   if (state.status === 'unauthenticated') {
     return (
       <UnstyledButton
-        className={cx(classes.accountRow, className)}
+        // A footer row IS a nav row's geometry (`.footerBtn`) — same padding, icon column, muted
+        // rest state and hover as the Settings row above it, so the footer reads as one cluster.
+        className={cx(classes.footerBtn, className)}
         // The collapsed rail hides `.accountText` (display:none), which drops "Sign in" from the
         // accessibility tree — the label keeps the button nameable with only the glyph showing.
         aria-label="Sign in"
         onClick={actions?.onSignIn}
         {...(style !== undefined && { style })}
       >
-        <IconUser />
-        <Text className={classes.accountText} size="sm" fw={500}>
+        <span className={classes.footerIconSlot}>
+          <IconUser />
+        </span>
+        <Text className={classes.accountText} fz={VX.text.md}>
           Sign in
         </Text>
       </UnstyledButton>

package/src/shell/app-sidebar.module.css

@@ -205,9 +205,8 @@
  * bottom-placed block (a `kind: 'progress'` block defaults to `'bottom'`) stacked FLUSH on the
  * settings and account rows and on the scroll region above, which is the "cramped" footer.
  *
- * `region-gap` (12) above the cluster, `stack-sm` (8) between its parts — deliberately tighter
- * than the nav's `section-gap` (16): the footer is ONE pinned cluster whose rows belong together,
- * not a list of peer sections.
+ * `region-gap` (12) above the cluster, `stack-sm` (8) between BLOCKS, and the settings/account rows
+ * on the nav's own 1px pitch (see `.footerLinks + *` below): the footer rows are one list with the nav.
  */
 .footer {
   flex-shrink: 0;
@@ -223,6 +222,12 @@
   margin-top: var(--vx-space-stack-sm);
 }
 
+/* Footer rows ARE a list like the nav's (`Stack gap={1}`): the settings rows and the account row
+ * sit on the nav's 1px pitch, not the cluster gap that separates blocks from rows. */
+.footer > .footerLinks + * {
+  margin-top: 1px;
+}
+
 /*
  * Footer settings row — IDENTICAL geometry to a nav row (padding 6px 10px, radius 6, gap 10,
  * 15px): muted text + faint icon at rest, ink-6% tint + ink on hover, exactly like an inactive
@@ -237,6 +242,9 @@
   padding: var(--vx-space-row-inset-y) var(--vx-space-row-inset-x);
   border-radius: var(--vx-radius-ctrl);
   font-size: var(--vx-text-md);
+  /* The nav row's line-height, so a footer row is exactly as tall as a nav row (Mantine's `Text`
+   * would otherwise bring its own 1.55 and add ~3px). */
+  line-height: var(--vx-space-row-line-height);
   color: var(--vx-muted);
 }
 
@@ -272,11 +280,12 @@
 .footerText {
   flex: 1;
   text-align: left;
+  line-height: var(--vx-space-row-line-height);
 }
 
 /*
- * Sidebar account row (SidebarAccount) — mock footer geometry: padding 11px 8px 3px, gap 10, NO
- * border; hover = the same ink-6% tint as every other row, rounded 6.
+ * Sidebar account row (SidebarAccount, authenticated) — a nav row's padding and gap, so its leading
+ * block starts on the nav icon column; NO border; hover = the same ink-6% tint as every other row.
  */
 .accountRow {
   flex: 1;
@@ -284,8 +293,7 @@
   display: flex;
   align-items: center;
   gap: var(--vx-space-nav-icon-gap);
-  padding: var(--vx-space-sidebar-account-inset-top) var(--vx-space-sidebar-account-inset-x)
-    var(--vx-space-sidebar-account-inset-bottom);
+  padding: var(--vx-space-row-inset-y) var(--vx-space-row-inset-x);
   border-radius: var(--vx-radius-ctrl);
 }
 
@@ -297,6 +305,7 @@
   flex: 1;
   min-width: 0;
   text-align: left;
+  line-height: var(--vx-space-row-line-height);
 }
 
 /*
@@ -585,6 +594,7 @@
 .footerLinks {
   display: flex;
   flex-direction: column;
+  gap: 1px;
 }
 
 /* Fixed 18px icon column for a flat footer row — an icon-less row keeps the label aligned with

package/src/styles.css

@@ -97,11 +97,15 @@
      and re-opens the zoom bug — a floor a `style` prop can override is not a floor, it's a
      suggestion. `check-theme`'s `raw-form-control` + `sub-16-input-font` guard kinds catch the
      authoring mistake at build time; this `!important` is the runtime backstop that makes it
-     un-defeatable even when a violation slips through. */
+     un-defeatable even when a violation slips through.
+
+     `--basalt-input-fz-floor` is the one knob: `createBasaltTheme(…, { inputs: 'desktop' })` has the
+     provider set it to 0px for an app that never runs on iOS Safari (a Tauri/desktop shell), where
+     the 16px floor is only visual weight. Default stays 16px. */
   input,
   select,
   textarea {
-    font-size: max(16px, var(--input-fz, 1rem)) !important;
+    font-size: max(var(--basalt-input-fz-floor, 16px), var(--input-fz, 1rem)) !important;
   }
 
   /* `data-numeric` — one typographic law, every element. A number read as a MEASUREMENT (a preset

package/src/theme/index.ts

@@ -810,6 +810,7 @@ function buildTheme(data: PaletteData, options: BuildThemeOptions = {}): Mantine
         classNames: {
           label: segmentedControlClasses.label,
           control: segmentedControlClasses.control,
+          indicator: segmentedControlClasses.indicator,
         },
         // `label` gets a `ctl`-only min-height (function-form `styles`, same `props.size === …` gate
         // as Button/ActionIcon/Input's `vars` overrides above) so a `size="ctl"` SegmentedControl
@@ -818,7 +819,7 @@ function buildTheme(data: PaletteData, options: BuildThemeOptions = {}): Mantine
         // density. `sm`/`md` SegmentedControls (forms) are untouched, keeping Mantine's own sizing.
         styles: (_theme, props) => ({
           root: {
-            backgroundColor: 'color-mix(in srgb, var(--vx-ink) 6%, transparent)',
+            backgroundColor: 'color-mix(in srgb, var(--vx-ink) 8%, transparent)',
             padding: `${SPACE_FIXED.segmentedTrackInset}px`,
             // The OUTER safety net a `.control`'s own `min-width: 0` (`segmented-control.module.css`)
             // cannot provide by itself: that rule only lets each SEGMENT shrink below its own label's
@@ -835,8 +836,13 @@ function buildTheme(data: PaletteData, options: BuildThemeOptions = {}): Mantine
             minWidth: 'max-content',
           },
           indicator: {
-            backgroundColor: 'color-mix(in srgb, var(--vx-ink) 12%, var(--vx-surface-panel))',
-            boxShadow: 'var(--vx-shadow-ctrl)',
+            // A RAISED pill, not a darker one: its fill (`segmented-control.module.css`, per scheme) is
+            // lighter than the ink-tinted track in both schemes, + the shared raised shadow + a 1px ink outline.
+            // Same model as Mantine's default (white indicator, shadow, on a grey track) and
+            // shadcn's Tabs/ToggleGroup (`bg-background` + shadow on a `bg-muted` track). The old
+            // ink-12% fill sat one shade from the track and read as a hover state.
+            boxShadow: 'var(--vx-shadow-raised)',
+            outline: '1px solid color-mix(in srgb, var(--vx-ink) 14%, transparent)',
             borderRadius: 'var(--vx-radius-tight)',
           },
           // Conditionally spread the WHOLE key (never a present `label: undefined`) — the package
@@ -1577,6 +1583,22 @@ export type CreateBasaltThemeOptions = {
    * createBasaltTheme(undefined, { density: -2 })
    */
   density?: number
+
+  /**
+   * Input sizing for the platform the app runs on. `'touch'` (default) keeps the shipped identity:
+   * `md` inputs (42px) with the 16px font floor that stops iOS Safari's focus-zoom. `'desktop'` is
+   * for an app that never runs in a mobile browser (a Tauri/Electron shell): the Input family
+   * (`TextInput`, `NumberInput`, `PasswordInput`, `Select`, `Textarea`, `Input`) defaults to
+   * Mantine's `sm` (36px, `--vx-text-sm` font) and the provider drops the 16px floor, so every
+   * input Mantine ships — `MultiSelect`/`TagsInput`/pills included, they already default to `sm` —
+   * renders at its own size. An explicit `size` prop still wins. Stashed on
+   * `theme.other.basaltInputs` (only when non-default); `BasaltProvider` emits the floor override,
+   * so `injectPalette={false}` also opts it out.
+   *
+   * @example
+   * createBasaltTheme(undefined, { inputs: 'desktop' })
+   */
+  inputs?: 'touch' | 'desktop'
 }
 
 /**
@@ -1589,6 +1611,20 @@ function hasFontsConfig(fonts: BasaltFontsConfig | undefined): fonts is BasaltFo
   return fonts !== undefined && Object.values(fonts).some((value) => value !== undefined)
 }
 
+/** `{ inputs: 'desktop' }` — see {@link CreateBasaltThemeOptions.inputs}. Merged AFTER the base
+ * theme, so `defaultProps.size: 'sm'` replaces the base's `'md'` and `other` deep-merges. */
+const DESKTOP_INPUTS_THEME: MantineThemeOverride = {
+  components: {
+    Input: Input.extend({ defaultProps: { size: 'sm' } }),
+    TextInput: TextInput.extend({ defaultProps: { size: 'sm' } }),
+    NumberInput: NumberInput.extend({ defaultProps: { size: 'sm' } }),
+    PasswordInput: PasswordInput.extend({ defaultProps: { size: 'sm' } }),
+    Select: Select.extend({ defaultProps: { size: 'sm' } }),
+    Textarea: Textarea.extend({ defaultProps: { size: 'sm' } }),
+  },
+  other: { basaltInputs: 'desktop' },
+}
+
 /**
  * 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
@@ -1625,6 +1661,7 @@ export function createBasaltTheme(
   const spaceValues = deriveSpacing(densityLevel)
   const isDefaultDensity = densityLevel === 0
   const isDefaultDerive = isDefaultDeriveConfig(resolvedConfig)
+  const desktopInputs = options?.inputs === 'desktop'
 
   let theme: MantineThemeOverride
   if (isDefaultDerive && isDefaultRadius && isDefaultDensity) {
@@ -1646,6 +1683,7 @@ export function createBasaltTheme(
   if (hasFontsConfig(fontsConfig)) {
     theme = mergeThemeOverrides(theme, { other: { basaltFonts: fontsConfig } })
   }
+  if (desktopInputs) theme = mergeThemeOverrides(theme, DESKTOP_INPUTS_THEME)
   if (!overrides) return theme
   // `theme.breakpoints` is derived from `SIZE_CLASSES` — a JS caller's override is dropped.
   return { ...mergeThemeOverrides(theme, overrides), breakpoints: SIZE_CLASS_BREAKPOINTS }

package/src/theme/segmented-control.module.css

@@ -54,3 +54,19 @@
   font-family: var(--basalt-font-mono);
   font-size: var(--vx-text-xs);
 }
+
+/*
+ * Selected-segment fill — LIGHTER than the ink-8% track in both schemes, which is what reads as
+ * raised. The two schemes need different recipes: the track is an ink tint, so on light it is
+ * darker than the page (the panel surface sits above it) while on dark it is LIGHTER than the page,
+ * and the same panel surface would then sink below it. Dark therefore lifts the elevated surface
+ * with ink. In the module (not the theme's inline `styles`) so the scheme can be selected on —
+ * same ancestor-attribute pattern as `controls.module.css`.
+ */
+.indicator {
+  background-color: var(--vx-surface-elevated);
+}
+
+html[data-mantine-color-scheme='dark'] .indicator {
+  background-color: color-mix(in srgb, var(--vx-ink) 14%, var(--vx-surface-elevated));
+}

package/src/theme/segmented-control.module.css.d.ts

@@ -5,5 +5,6 @@
 declare const classes: {
   readonly label: string
   readonly control: string
+  readonly indicator: string
 }
 export default classes