@12-apps/ui 6.45.7 → 6.46.1

package/dist/navigation/AppHeader.js

@@ -6,20 +6,20 @@ import {
 import {
   AppHeaderIdentity,
   AppHeaderStatus
-} from "../chunk-RNVR3RGV.js";
+} from "../chunk-25OI5W6Y.js";
 import {
   AppHeaderBrand
 } from "../chunk-GWFAINQ7.js";
 import {
   AppHeaderDetails
-} from "../chunk-EJMSSDLM.js";
+} from "../chunk-QL7NPQOP.js";
 import {
   brandGradient,
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import "../chunk-PUYJVQ7X.js";
-import "../chunk-MW7S7WZM.js";
+import "../chunk-RBLBXJR7.js";
+import "../chunk-PIUQYYOM.js";
 import "../chunk-LYVTJLCF.js";
 import "../chunk-CRN4KKNI.js";
 import "../chunk-3U3H3BZM.js";
@@ -38,10 +38,10 @@ import "../chunk-TAMIZE4Q.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-AKZWDZCZ.js";
 import "../chunk-HPK33ACY.js";
-import "../chunk-FHWXRHMA.js";
+import "../chunk-QFJ3JXXP.js";
 import "../chunk-7ZPUN7TV.js";
-import "../chunk-2GG5W6LR.js";
-import "../chunk-532XOWZ5.js";
+import "../chunk-TMOC2XUE.js";
+import "../chunk-5D52CMNX.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";

package/dist/navigation/SectionNav.js

@@ -1,32 +1,32 @@
 import "../chunk-R26KYJHK.js";
 import {
   SectionNav
-} from "../chunk-SENCNTMV.js";
-import "../chunk-TCFBCTZD.js";
+} from "../chunk-BWXPO2SE.js";
+import "../chunk-HC2AO3RT.js";
 import {
   sectionNavBarInset
-} from "../chunk-3WCUGTRH.js";
-import "../chunk-2OP2FYB3.js";
+} from "../chunk-ZCEXSYAJ.js";
+import "../chunk-CJPP4OUK.js";
 import {
   RaisedActionButton
-} from "../chunk-6OLJ2RAT.js";
-import "../chunk-HYEOKBFV.js";
+} from "../chunk-AA7QTFMB.js";
+import "../chunk-LUPHXDEU.js";
 import "../chunk-VHVI3D4R.js";
 import "../chunk-TMSWLFL4.js";
 import "../chunk-KIHGTL2D.js";
 import "../chunk-5AK2EZG5.js";
-import "../chunk-HAPELHNW.js";
-import "../chunk-YDIRPKYI.js";
-import "../chunk-EOKPFMJD.js";
+import "../chunk-LV2SZFXK.js";
+import "../chunk-WDQRQIT7.js";
+import "../chunk-ZCXVTFYQ.js";
 import "../chunk-M5ZXL52T.js";
 import "../chunk-6C5D6O3D.js";
 import "../chunk-3UIDKLML.js";
 import "../chunk-PYC4CWCQ.js";
 import "../chunk-TYJR4GOF.js";
-import "../chunk-FHWXRHMA.js";
+import "../chunk-QFJ3JXXP.js";
 import "../chunk-7ZPUN7TV.js";
-import "../chunk-2GG5W6LR.js";
-import "../chunk-532XOWZ5.js";
+import "../chunk-TMOC2XUE.js";
+import "../chunk-5D52CMNX.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";

package/dist/provider.js

@@ -1,18 +1,18 @@
 import {
   UiProvider
-} from "./chunk-KNAWZM7F.js";
+} from "./chunk-F56VOHFW.js";
 import "./chunk-XZTRZ3HO.js";
 import {
   useUiTheme
-} from "./chunk-FTV5R2UZ.js";
+} from "./chunk-I2STNAIQ.js";
 import {
   muiThemeOptionsFrom,
   uiThemeFromMui
-} from "./chunk-HDVEE4NQ.js";
-import "./chunk-FHWXRHMA.js";
+} from "./chunk-BIDPJNCG.js";
+import "./chunk-QFJ3JXXP.js";
 import "./chunk-7ZPUN7TV.js";
-import "./chunk-2GG5W6LR.js";
-import "./chunk-532XOWZ5.js";
+import "./chunk-TMOC2XUE.js";
+import "./chunk-5D52CMNX.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-M47ZOUGF.js";
 import "./chunk-7FDU3FIN.js";

package/dist/tokens.js

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-FHWXRHMA.js";
+} from "./chunk-QFJ3JXXP.js";
 import {
   COLOR_VALUES,
   SIZE_VALUES,
@@ -11,11 +11,13 @@ import {
 import {
   densityThemeOptions,
   useDensity
-} from "./chunk-2GG5W6LR.js";
+} from "./chunk-TMOC2XUE.js";
 import {
+  checkboxRadioDensityOverrides,
   chipDensityOverrides,
-  iconButtonDensityOverrides
-} from "./chunk-532XOWZ5.js";
+  iconButtonDensityOverrides,
+  switchDensityOverrides
+} from "./chunk-5D52CMNX.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -165,6 +167,7 @@ export {
   alpha,
   asFieldSize,
   augmentColor,
+  checkboxRadioDensityOverrides,
   chipDensityOverrides,
   contrastText,
   controlNeutral,
@@ -214,6 +217,7 @@ export {
   shadowInk,
   sheen,
   softNeutral,
+  switchDensityOverrides,
   sxRem,
   uiInk,
   useDensity

package/dist/types/provider/mui-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mui-bridge.d.ts","sourceRoot":"","sources":["../../../src/provider/mui-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AASvF,OAAO,EAOL,KAAK,OAAO,EACb,MAAM,iBAAiB,CAAC;AAwCzB,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAkEpD;AAED,mFAAmF;AACnF,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,OAAO,GAAG,YAAY,CAuC7D"}
+{"version":3,"file":"mui-bridge.d.ts","sourceRoot":"","sources":["../../../src/provider/mui-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAcvF,OAAO,EAOL,KAAK,OAAO,EACb,MAAM,iBAAiB,CAAC;AAwCzB,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAkEpD;AAED,mFAAmF;AACnF,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,OAAO,GAAG,YAAY,CAyC7D"}

package/dist/types/tokens/density-overrides.d.ts

@@ -3,4 +3,18 @@ import type { Components, Theme } from '@mui/material/styles/index.js';
 export declare function iconButtonDensityOverrides(): Components<Theme>;
 /** `MuiChip`'s own height (root) and label side padding (label), at both sizes MUI has. */
 export declare function chipDensityOverrides(): Components<Theme>;
+/**
+ * `MuiCheckbox`/`MuiRadio`'s own padding — duplicated under both component
+ * keys, the ticket's own documented fallback, since `MuiSwitchBase` cannot
+ * reach either (see the module doc comment above). One module-level function
+ * shared by both keys, and by `checkboxRadioDensityOverrides()`'s own two
+ * calls across the two theme-build paths, for the same identity reason the
+ * rest of this file's slots are module-level.
+ */
+export declare function checkboxRadioDensityOverrides(): Components<Theme>;
+/**
+ * `MuiSwitch`'s own track (root), thumb wrapper (switchBase) and thumb
+ * (thumb) geometry, at both sizes MUI has.
+ */
+export declare function switchDensityOverrides(): Components<Theme>;
 //# sourceMappingURL=density-overrides.d.ts.map

package/dist/types/tokens/density-overrides.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"density-overrides.d.ts","sourceRoot":"","sources":["../../../src/tokens/density-overrides.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAgHlF,4DAA4D;AAC5D,wBAAgB,0BAA0B,IAAI,UAAU,CAAC,KAAK,CAAC,CAU9D;AAwCD,2FAA2F;AAC3F,wBAAgB,oBAAoB,IAAI,UAAU,CAAC,KAAK,CAAC,CAWxD"}
+{"version":3,"file":"density-overrides.d.ts","sourceRoot":"","sources":["../../../src/tokens/density-overrides.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAgHlF,4DAA4D;AAC5D,wBAAgB,0BAA0B,IAAI,UAAU,CAAC,KAAK,CAAC,CAU9D;AAwCD,2FAA2F;AAC3F,wBAAgB,oBAAoB,IAAI,UAAU,CAAC,KAAK,CAAC,CAWxD;AAkID;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,IAAI,UAAU,CAAC,KAAK,CAAC,CAKjE;AAgDD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,UAAU,CAAC,KAAK,CAAC,CAW1D"}

package/dist/types/tokens/density.d.ts

@@ -44,13 +44,16 @@ export declare function useDensity(): ResolvedDensity;
  * their own layout off.
  *
  * `components` is the matching MUI-native override (`fieldOverrides`, plus
- * FUT-2766's `iconButtonDensityOverrides`/`chipDensityOverrides`) for a HOST's
- * own bare `TextField`/`Select`/`IconButton`/`Chip`, mirroring
- * `muiThemeOptionsFrom`'s own `components: mergeMuiComponents(...)`. It
- * carries ONLY the overrides this function knows about (`MuiOutlinedInput`'s
- * `root`, `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`;
- * `MuiIconButton`'s `root`/`sizeSmall`/`sizeLarge`; `MuiChip`'s
- * `root`/`sizeSmall`/`label`/`labelSmall`) — a host with ITS OWN overrides for
+ * FUT-2766's `iconButtonDensityOverrides`/`chipDensityOverrides` and
+ * FUT-2767's `checkboxRadioDensityOverrides`/`switchDensityOverrides`) for a
+ * HOST's own bare `TextField`/`Select`/`IconButton`/`Chip`/`Checkbox`/
+ * `Radio`/`Switch`, mirroring `muiThemeOptionsFrom`'s own `components:
+ * mergeMuiComponents(...)`. It carries ONLY the overrides this function knows
+ * about (`MuiOutlinedInput`'s `root`, `input` and `notchedOutline`;
+ * `MuiInputLabel`'s `outlined`; `MuiIconButton`'s `root`/`sizeSmall`/
+ * `sizeLarge`; `MuiChip`'s `root`/`sizeSmall`/`label`/`labelSmall`;
+ * `MuiCheckbox`'s and `MuiRadio`'s `root`; `MuiSwitch`'s
+ * `root`/`switchBase`/`thumb`/`sizeSmall`) — a host with ITS OWN overrides for
  * OTHER components merges them in with
  * `mergeMuiComponents(densityThemeOptions(density).components, hostOverrides)`,
  * which keeps a component only ONE side touches untouched. For a component

package/dist/types/tokens/density.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../src/tokens/density.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAKxB;;;;;;GAMG;AAEH,OAAO,EACL,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,KAAK;QACb,iFAAiF;QACjF,OAAO,CAAC,EAAE,eAAe,CAAC;KAC3B;IACD,UAAU,YAAY;QACpB,iFAAiF;QACjF,OAAO,CAAC,EAAE,eAAe,CAAC;KAC3B;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,IAAI,eAAe,CAE5C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,YAAY,GAAG,MAAM,EAC9B,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,EAC/C,WAAW,GAAE,MAA6B,GACzC,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CAAC,CAa7E"}
+{"version":3,"file":"density.d.ts","sourceRoot":"","sources":["../../../src/tokens/density.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAUxB;;;;;;GAMG;AAEH,OAAO,EACL,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,KAAK;QACb,iFAAiF;QACjF,OAAO,CAAC,EAAE,eAAe,CAAC;KAC3B;IACD,UAAU,YAAY;QACpB,iFAAiF;QACjF,OAAO,CAAC,EAAE,eAAe,CAAC;KAC3B;CACF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,IAAI,eAAe,CAE5C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,YAAY,GAAG,MAAM,EAC9B,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,EAC/C,WAAW,GAAE,MAA6B,GACzC,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CAAC,CAe7E"}

package/dist/types/tokens/scales.d.ts

@@ -16,7 +16,7 @@ export * from './ink.core';
 export { DEFAULT_FIELD_RADIUS, fieldRadius, fieldRadiusOverrides, fieldRadiusPx, fieldRootStyles } from './field-radius';
 export { asFieldSize, DEFAULT_FIELD_HEIGHT, FIELD_BORDER_WIDTH, FIELD_HEIGHT_SCALE, fieldBorder, fieldControlStyles, fieldHeight, fieldHeightOverrides, fieldHeightPx, fieldHeightRem, fieldOverrides, fieldTextFieldStyles, mergeMuiComponents, } from './field-height';
 export { DEFAULT_DENSITY, DENSITY_FACTOR, densityFieldHeight, densityFontSize, densitySpacingUnit, densityThemeOptions, resolveDensityFactor, useDensity, } from './density';
-export { chipDensityOverrides, iconButtonDensityOverrides } from './density-overrides';
+export { checkboxRadioDensityOverrides, chipDensityOverrides, iconButtonDensityOverrides, switchDensityOverrides, } from './density-overrides';
 export interface Accent {
     main: string;
     light: string;

package/dist/types/tokens/scales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../src/tokens/scales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAEzD;;;;;GAKG;AACH,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEzE,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzH,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EACL,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,GACX,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEvF,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAmBjE"}
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../src/tokens/scales.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAEzD;;;;;GAKG;AACH,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEzE,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzH,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EACL,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,UAAU,GACX,MAAM,WAAW,CAAC;AAKnB,OAAO,EACL,6BAA6B,EAC7B,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,GACvB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,CAmBjE"}

package/dist/utility/WorkflowStep.js

@@ -5,10 +5,10 @@ import {
 import "../chunk-LV4WSWQZ.js";
 import "../chunk-KNWG77FB.js";
 import "../chunk-TM5QQJTF.js";
-import "../chunk-FHWXRHMA.js";
+import "../chunk-QFJ3JXXP.js";
 import "../chunk-7ZPUN7TV.js";
-import "../chunk-2GG5W6LR.js";
-import "../chunk-532XOWZ5.js";
+import "../chunk-TMOC2XUE.js";
+import "../chunk-5D52CMNX.js";
 import "../chunk-PT6TCWIW.js";
 import "../chunk-M47ZOUGF.js";
 import "../chunk-7FDU3FIN.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.45.7",
+  "version": "6.46.1",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/form/Switch/Switch.md

@@ -583,6 +583,32 @@ expect(gradientTrack).toHaveStyle({ background: expect.stringContaining('gradien
 19. **Custom Dimensions** - Test trackWidth and trackHeight props
 20. **Animations** - Test animated prop and animation effects
 
+## Density
+
+Every dimension `Switch` draws — the track's width/height, the switchBase's
+own padding, the thumb's size, and the CHECKED thumb's own travel distance —
+comes from `SWITCH_SIZES` (`Switch.metrics.ts`) written through `rem(theme,
+px)` (`Switch.styles.ts`'s `switchSx`/`switchBaseSx`), the same vocabulary
+every other size in this package uses (`tokens/relative.ts`). So `Switch`
+already scales with a theme's density (`theme.typography.fontSize`) with no
+help from `@12-apps/ui/tokens`' `switchDensityOverrides()` — that override
+targets bare `MuiSwitch.styleOverrides`, which this component's own `sx`
+(applied via `styled(MuiSwitch, ...)` in `Switch.parts.tsx`) always outranks,
+so it never reaches this component at all (it exists for a raw
+`@mui/material/Switch` consumer instead, such as a host's own `Table.tsx`
+density-toggle column).
+
+This is why `Switch`'s numbers (`xs`/`sm`/`md`/`lg`/`xl`) are its OWN design
+scale, not MUI's `size="small"`/`"medium"` literals — and why a density change
+(`density: 'compact'`, factor 0.9) shrinks every one of them, including the
+checked thumb's own offset, with no separate wiring: FUT-2767's own
+real-Chromium proof (`tokens/density-overrides.test.stories.tsx`'s
+`ui-switch-*` cases) measures a `size="md"` switch at 45×23.4 (from
+50×26 at `density: 'normal'`) with the checked thumb's gap from the track's
+own edge shrinking from 1px to 0.9px in lock-step — not staying pinned at a
+now-oversized offset the way an UN-scaled `transform: translateX(20px)`
+would.
+
 ## Related Components
 
 - Checkbox - For multi-select scenarios

package/src/provider/mui-bridge.ts

@@ -1,7 +1,12 @@
 import type { PaletteColor, Theme, ThemeOptions } from '@mui/material/styles/index.js';
 
 import { cssLengthToPx, cssTrackingToEm } from '../tokens/css-units';
-import { chipDensityOverrides, iconButtonDensityOverrides } from '../tokens/density-overrides';
+import {
+  checkboxRadioDensityOverrides,
+  chipDensityOverrides,
+  iconButtonDensityOverrides,
+  switchDensityOverrides,
+} from '../tokens/density-overrides';
 import { densityFontSize, resolveDensityFactor } from '../tokens/density';
 import { resolveFieldHeight } from '../tokens/field-height.core';
 import { fieldOverrides, mergeMuiComponents } from '../tokens/field-height';
@@ -145,13 +150,15 @@ export function muiThemeOptionsFrom(ui: UiTheme): ThemeOptions {
     shape: { borderRadius: ui.radius.md },
     fieldRadius: ui.radius.field,
     fieldHeight: ui.fieldHeight,
-    // Additive: children 3/4 (FUT-2767/2768) each add one more source here as
-    // their own geometry overrides land — this PR (FUT-2766) adds IconButton's
-    // and Chip's.
+    // Additive: child 4 (FUT-2768) adds one more source here as its own
+    // geometry overrides land — FUT-2766 added IconButton's and Chip's, this
+    // PR (FUT-2767) adds Checkbox/Radio's and Switch's.
     components: mergeMuiComponents(
       fieldOverrides(ui.radius.field, ui.fieldHeight),
       iconButtonDensityOverrides(),
       chipDensityOverrides(),
+      checkboxRadioDensityOverrides(),
+      switchDensityOverrides(),
     ),
     spacing: ui.spacingUnit,
     density: ui.density,

package/src/tokens/density-overrides.ts

@@ -1,7 +1,8 @@
 import { chipClasses } from '@mui/material/Chip/index.js';
+import { switchClasses } from '@mui/material/Switch/index.js';
 import type { Components, CSSObject, Theme } from '@mui/material/styles/index.js';
 
-import { rem } from './relative';
+import { rem, rems } from './relative';
 
 /** The `ownerState` fields `MuiChip`'s two styled slots (root, label) both receive. */
 interface ChipOwnerStateForOverrides {
@@ -175,3 +176,209 @@ export function chipDensityOverrides(): Components<Theme> {
     },
   };
 }
+
+/**
+ * CHECKBOX / RADIO / SWITCH GEOMETRY, DENSITY-AWARE (FUT-2767).
+ *
+ * `Checkbox`/`Radio`/`Switch` are MUI's own components, unwrapped — but
+ * **only two of the three `@12-apps/ui` wrappers actually forward their
+ * geometry to MUI**, corrected here after an earlier revision of this doc
+ * comment claimed all three did.
+ *
+ * - `Checkbox.tsx`'s `StyledCheckbox` and `RadioGroup.variants.tsx`'s
+ *   `DefaultRadios` (the ONLY variant rendering a raw `<Radio>` — `cards`/
+ *   `buttons`/`segments` draw custom controls, outside this ticket) set NO
+ *   `padding` of their own, so `checkboxRadioDensityOverrides()` reaches
+ *   both directly — confirmed by a real render, same computed padding as
+ *   raw `MuiCheckbox`/`MuiRadio` at both densities
+ *   (`density-overrides.test.stories.tsx`'s `ui-checkbox`/`ui-radio-group`).
+ * - `Switch.styles.ts`'s `switchSx` is DIFFERENT: it draws root/switchBase/
+ *   thumb geometry itself, per instance, from its own `SWITCH_SIZES` table
+ *   (`Switch.metrics.ts`), every number already through `rem(theme, px)`.
+ *   `Switch.parts.tsx`'s `StyledSwitch = styled(MuiSwitch, {...})(...)`
+ *   composes these as an OUTER wrapper class whose nested `& .MuiSwitch-
+ *   switchBase`/`& .MuiSwitch-thumb` selectors are a TWO-class compound —
+ *   higher specificity than this file's `MuiSwitch.styleOverrides.
+ *   switchBase`/`thumb`, which compose onto a single-class generated class.
+ *   `switchDensityOverrides()` therefore has **NO effect on `@12-apps/ui`'s
+ *   own `<Switch>`** — it only reaches a raw `@mui/material/Switch` consumer
+ *   (a host's own `Table.tsx` density-toggle column, say). Not a gap:
+ *   `switchSx` already reacts to `theme.typography.fontSize` on its own —
+ *   including the CHECKED thumb's own travel distance, computed as
+ *   `rem(theme, width - thumbSize - padding * 2)` from the SAME per-instance
+ *   geometry, so it moves consistently with no help from this file.
+ *   Confirmed by measurement, both sizes, both states, both densities
+ *   (`ui-switch-*` cases); documented at `Switch.md`'s "Density" section.
+ *
+ * **The ticket's open question — does a `MuiSwitchBase` theme override reach
+ * `Checkbox`/`Radio` at all? — is NO, verified two ways.** `Checkbox`/`Radio`
+ * both render through `internal/SwitchBase.js`'s `SwitchBaseRoot`, which is
+ * `styled(ButtonBase, { name: 'MuiSwitchBase' })({ padding: 9, ... })` — with
+ * NO `slot` key. `@mui/system`'s `createStyled.js` computes
+ * `overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(slot))`,
+ * and `defaultOverridesResolver` (`if (!slot) return null`) returns `null`
+ * for an absent slot; the styled call itself then only pushes its
+ * `styleThemeOverrides` expression `if (componentName && overridesResolver)`
+ * — `null` is falsy, so for THIS styled call `theme.components.MuiSwitchBase
+ * .styleOverrides` is never read at all. (`variants` is a SEPARATE check,
+ * gated on `skipVariantsResolver` rather than `overridesResolver`, which is
+ * why the ticket's own two-part specificity proof for Chip's label — probing
+ * with `variants` — does not transfer here; `styleOverrides` is what dies.)
+ * A render-level probe confirms it: a theme with `components.MuiSwitchBase
+ * .styleOverrides.root = { padding: '999px' }`, rendering `<Switch />`,
+ * `<Checkbox />` and `<Radio />` through it, leaves EVERY ONE of `.MuiSwitch-
+ * switchBase`, `.MuiCheckbox-root` and `.MuiRadio-root` at their unthemed
+ * padding (`9px`/`4px` — see below), never `999px`. The Decision's own
+ * suggested `MuiSwitchBase` route is therefore the ticket's documented
+ * fallback in disguise: this file skips straight to duplicating the override
+ * under `MuiCheckbox` and `MuiRadio`, each independently confirmed LIVE by
+ * the same probe (`components.MuiCheckbox.styleOverrides.root.padding` DOES
+ * reach `.MuiCheckbox-root`, and the same for `MuiRadio`).
+ *
+ * - `Checkbox`/`Radio` (`internal/SwitchBase.js`, `Checkbox.js`, `Radio.js`):
+ *   `padding: 9` — constant across `size="small"`/`"medium"` today (neither
+ *   `CheckboxRoot` nor `RadioRoot` carries a size-conditional padding rule),
+ *   so ONE `root` override, no `sizeSmall`/`sizeMedium` split, covers both
+ *   sizes without disturbing the glyph-driven size difference FUT-2585 left
+ *   alone.
+ * - `Switch` (`Switch.js`): root (the track) `width: 34+12*2`, `height:
+ *   14+12*2`, `padding: 12` (medium); `switchBase` (the thumb's absolutely-
+ *   positioned wrapper) — its OWN literal is NOT the `12` the ticket's
+ *   Decision sketch names (that `12` is `SwitchRoot`'s own padding, a
+ *   DIFFERENT slot); `switchBase` inherits `internal/SwitchBase.js`'s generic
+ *   `padding: 9` unmodified at medium (`SwitchSwitchBase`'s own styles never
+ *   set `padding`), confirmed by the same render probe with NO theme
+ *   override at all (`.MuiSwitch-switchBase` computed padding: `9px`). This
+ *   file overrides `MuiSwitch.styleOverrides.switchBase` (a LIVE key —
+ *   `SwitchSwitchBase = styled(SwitchBase, { name: 'MuiSwitch', slot:
+ *   'SwitchBase', ... })` DOES pass a `slot`) with `rem(theme, 9)`, the
+ *   MEASURED default, not the ticket's `12` — using `12` here would move
+ *   today's real 9px to 12px at `density: 'normal'`, failing the Done-when's
+ *   own pixel-identical requirement, so the number is corrected against the
+ *   probe rather than the sketch. `thumb`: `20×20`, unconditional.
+ * - `Switch` `size="small"` (`:82-100`, a `variants` entry on `SwitchRoot`
+ *   itself): root `width: 40`, `height: 24`, `padding: 7`; a NESTED `&
+ *   .${switchClasses.switchBase}` selector sets `padding: 4` (not 9); a
+ *   NESTED `& .${switchClasses.thumb}` selector sets `20×20` down to
+ *   `16×16`. Both nested rules are baked into `SwitchRoot`'s OWN generated
+ *   class at TWO-class specificity (the size-small instance's unique class,
+ *   plus `.MuiSwitch-switchBase`/`.MuiSwitch-thumb`) — exactly the Chip
+ *   outlined-label shape this file already has above, and the SAME failure
+ *   mode Lesson 1 warns about: a FLAT `styleOverrides.switchBase`/`thumb`
+ *   (one class) cannot out-specificity it, so at `size="small"` it would
+ *   silently keep rendering MUI's unthemed `4px`/`16×16` at every density,
+ *   the click target and thumb staying full-size while the track around them
+ *   shrank. Fixed the same way: `sizeSmall`'s OWN nested `& .${switchClasses
+ *   .switchBase}` / `& .${switchClasses.thumb}` rules, read through
+ *   `switchClasses` (not a hand-typed selector string) for the same
+ *   `ClassNameGenerator.configure` reason `chipClasses` is above, inserted
+ *   as part of the SAME `sizeSmall` override object so they land AFTER
+ *   `SwitchRoot`'s own baked-in small variant in the generated class's CSS
+ *   text (later wins at matching two-class specificity) rather than trying
+ *   to out-specificity it from a different slot.
+ *
+ * **The checked thumb's own travel distance is a FOURTH literal, found only
+ * on adversarial review of the PR this doc comment first shipped in.**
+ * `SwitchSwitchBase`'s base style bakes in `&.Mui-checked { transform:
+ * translateX(20px) }` (medium), and `SwitchRoot`'s `size: 'small'` variant
+ * nests the same at `16px` — both bare, never run through `pxToRem`, so at
+ * `density: 'compact'` the checked thumb kept travelling the FULL, unscaled
+ * distance while the track around it shrank ×0.9 — a visible overshoot.
+ * `switchSwitchBasePadding`/`switchSizeSmall` each now carry their own
+ * `&.${switchClasses.checked}` rule (`translateX(rem(theme, 20))`/`rem(theme,
+ * 16)`), composed onto the SAME generated class, in the SAME position
+ * `padding` already occupies — so it wins by the identical mechanism, not a
+ * new one. Proven at the pixel level, both sizes/densities: `switch-md-
+ * checked`/`switch-sm-checked` measure the thumb's final position against
+ * the track's own edge, not just the transform string.
+ *
+ * At `density: 'normal'` every number above computes back to the literal it
+ * replaces (`rem(theme, 9)` is `0.5625rem`, `9px` at the 16px root — no
+ * visible change), the same geometry-neutral guarantee `iconButtonDensity
+ * Overrides`/`chipDensityOverrides` give above. The same non-default-
+ * `fontSize` caveat those two give applies here unchanged: `rem()` only ever
+ * reads `theme.typography.fontSize`, so a host adopting
+ * `checkboxRadioDensityOverrides`/`switchDensityOverrides` standalone moves
+ * every number here by that one coefficient, same as everything else `rem()`
+ * touches.
+ */
+
+const checkboxRadioRootPadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 9) });
+
+/**
+ * `MuiCheckbox`/`MuiRadio`'s own padding — duplicated under both component
+ * keys, the ticket's own documented fallback, since `MuiSwitchBase` cannot
+ * reach either (see the module doc comment above). One module-level function
+ * shared by both keys, and by `checkboxRadioDensityOverrides()`'s own two
+ * calls across the two theme-build paths, for the same identity reason the
+ * rest of this file's slots are module-level.
+ */
+export function checkboxRadioDensityOverrides(): Components<Theme> {
+  return {
+    MuiCheckbox: { styleOverrides: { root: checkboxRadioRootPadding } },
+    MuiRadio: { styleOverrides: { root: checkboxRadioRootPadding } },
+  };
+}
+
+const switchRootGeometry = ({ theme }: { theme: Theme }): CSSObject => ({
+  width: rems(theme, 34 + 12 * 2),
+  height: rems(theme, 14 + 12 * 2),
+  padding: rem(theme, 12),
+});
+const switchSwitchBasePadding = ({ theme }: { theme: Theme }): CSSObject => ({
+  padding: rem(theme, 9),
+  // FUT-2767 (adversarial-review fix) — `SwitchSwitchBase`'s OWN base style
+  // (`Switch.js`, medium) bakes in `&.Mui-checked { transform:
+  // translateX(20px) }`, a bare literal never run through `pxToRem` — at
+  // `density: 'compact'` the track/padding/thumb above all shrink ×0.9 but
+  // this offset stayed at a full 20px, so the checked thumb overshot the now-
+  // smaller track. Composed onto the SAME generated class as that base style,
+  // AFTER it (`createStyled` composes `styleThemeOverrides` after a slot's
+  // own base/variants — see the module doc comment), so this nested rule
+  // wins at the SAME (two-class, `.<hash>.Mui-checked`) specificity, the same
+  // mechanism this function's own `padding` line already relies on.
+  [`&.${switchClasses.checked}`]: { transform: `translateX(${rem(theme, 20)})` },
+});
+const switchThumbSize = ({ theme }: { theme: Theme }): CSSObject => ({
+  width: rem(theme, 20),
+  height: rem(theme, 20),
+});
+const switchSizeSmall = ({ theme }: { theme: Theme }): CSSObject => ({
+  width: rem(theme, 40),
+  height: rem(theme, 24),
+  padding: rem(theme, 7),
+  // Higher (two-class) specificity than the flat `switchBase`/`thumb`
+  // overrides above, inserted as part of THIS SAME generated class — see the
+  // module doc comment for why a flat override cannot reach these at
+  // `size="small"` on its own.
+  [`& .${switchClasses.switchBase}`]: {
+    padding: rem(theme, 4),
+    // Same overshoot as medium's, at `size="small"`'s OWN literal
+    // (`SwitchRoot`'s baked-in `size: 'small'` variant, `Switch.js`:
+    // `translateX(16px)`). Nested one level deeper so the compiled selector
+    // is `.<root-hash> .MuiSwitch-switchBase.Mui-checked` — the same THREE-
+    // class descendant compound MUI's own baked-in small variant uses for
+    // this rule, composed after it in the same generated class, so it wins
+    // at matching specificity the same way the sibling `padding: rem(theme,
+    // 4)` line above already does.
+    [`&.${switchClasses.checked}`]: { transform: `translateX(${rem(theme, 16)})` },
+  },
+  [`& .${switchClasses.thumb}`]: { width: rem(theme, 16), height: rem(theme, 16) },
+});
+
+/**
+ * `MuiSwitch`'s own track (root), thumb wrapper (switchBase) and thumb
+ * (thumb) geometry, at both sizes MUI has.
+ */
+export function switchDensityOverrides(): Components<Theme> {
+  return {
+    MuiSwitch: {
+      styleOverrides: {
+        root: switchRootGeometry,
+        switchBase: switchSwitchBasePadding,
+        thumb: switchThumbSize,
+        sizeSmall: switchSizeSmall,
+      },
+    },
+  };
+}

package/src/tokens/density.ts

@@ -9,7 +9,12 @@ import {
   type DensityLevel,
   type ResolvedDensity,
 } from './density.core';
-import { chipDensityOverrides, iconButtonDensityOverrides } from './density-overrides';
+import {
+  checkboxRadioDensityOverrides,
+  chipDensityOverrides,
+  iconButtonDensityOverrides,
+  switchDensityOverrides,
+} from './density-overrides';
 import { fieldOverrides, mergeMuiComponents } from './field-height';
 import { DEFAULT_FIELD_RADIUS } from './field-radius.core';
 
@@ -72,13 +77,16 @@ export function useDensity(): ResolvedDensity {
  * their own layout off.
  *
  * `components` is the matching MUI-native override (`fieldOverrides`, plus
- * FUT-2766's `iconButtonDensityOverrides`/`chipDensityOverrides`) for a HOST's
- * own bare `TextField`/`Select`/`IconButton`/`Chip`, mirroring
- * `muiThemeOptionsFrom`'s own `components: mergeMuiComponents(...)`. It
- * carries ONLY the overrides this function knows about (`MuiOutlinedInput`'s
- * `root`, `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`;
- * `MuiIconButton`'s `root`/`sizeSmall`/`sizeLarge`; `MuiChip`'s
- * `root`/`sizeSmall`/`label`/`labelSmall`) — a host with ITS OWN overrides for
+ * FUT-2766's `iconButtonDensityOverrides`/`chipDensityOverrides` and
+ * FUT-2767's `checkboxRadioDensityOverrides`/`switchDensityOverrides`) for a
+ * HOST's own bare `TextField`/`Select`/`IconButton`/`Chip`/`Checkbox`/
+ * `Radio`/`Switch`, mirroring `muiThemeOptionsFrom`'s own `components:
+ * mergeMuiComponents(...)`. It carries ONLY the overrides this function knows
+ * about (`MuiOutlinedInput`'s `root`, `input` and `notchedOutline`;
+ * `MuiInputLabel`'s `outlined`; `MuiIconButton`'s `root`/`sizeSmall`/
+ * `sizeLarge`; `MuiChip`'s `root`/`sizeSmall`/`label`/`labelSmall`;
+ * `MuiCheckbox`'s and `MuiRadio`'s `root`; `MuiSwitch`'s
+ * `root`/`switchBase`/`thumb`/`sizeSmall`) — a host with ITS OWN overrides for
  * OTHER components merges them in with
  * `mergeMuiComponents(densityThemeOptions(density).components, hostOverrides)`,
  * which keeps a component only ONE side touches untouched. For a component
@@ -137,6 +145,8 @@ export function densityThemeOptions(
       fieldOverrides(fieldRadius, fieldHeight),
       iconButtonDensityOverrides(),
       chipDensityOverrides(),
+      checkboxRadioDensityOverrides(),
+      switchDensityOverrides(),
     ),
   };
 }

package/src/tokens/scales.ts

@@ -50,9 +50,15 @@ export {
   useDensity,
 } from './density';
 // The IconButton/Chip geometry overrides density threads through both
-// consumption paths (FUT-2766) — exported standalone too, for a host that
-// wants JUST these two components' overrides without the rest of density.
-export { chipDensityOverrides, iconButtonDensityOverrides } from './density-overrides';
+// consumption paths (FUT-2766), and Checkbox/Radio/Switch's (FUT-2767) —
+// exported standalone too, for a host that wants just these components'
+// overrides without the rest of density.
+export {
+  checkboxRadioDensityOverrides,
+  chipDensityOverrides,
+  iconButtonDensityOverrides,
+  switchDensityOverrides,
+} from './density-overrides';
 
 export interface Accent {
   main: string;

package/dist/chunk-2GG5W6LR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/density.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { ThemeOptions } from '@mui/material/styles/index.js';\n\nimport {\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  resolveDensityFactor,\n  type DensityLevel,\n  type ResolvedDensity,\n} from './density.core';\nimport { chipDensityOverrides, iconButtonDensityOverrides } from './density-overrides';\nimport { fieldOverrides, mergeMuiComponents } from './field-height';\nimport { DEFAULT_FIELD_RADIUS } from './field-radius.core';\n\n/**\n * DENSITY ON THE WEB: the MUI theme channel, the reader, and the standalone\n * entry point for a host that never calls `createUiTheme`/`UiProvider`.\n *\n * The argument for one density knob, the factor table and its precedence are\n * in `./density.core.ts`.\n */\n\nexport {\n  DEFAULT_DENSITY,\n  DENSITY_FACTOR,\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  resolveDensityFactor,\n  type DensityLevel,\n  type ResolvedDensity,\n} from './density.core';\n\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    /** The density this theme renders at. See `@12-apps/ui/tokens`' `useDensity`. */\n    density?: ResolvedDensity;\n  }\n  interface ThemeOptions {\n    /** The density this theme renders at. See `@12-apps/ui/tokens`' `useDensity`. */\n    density?: ResolvedDensity;\n  }\n}\n\n/**\n * The theme's resolved density — a plain theme read, not a step-shifting\n * resolver (`size` stays hierarchy; see `./density.core.ts`). A `styleOverrides`\n * callback already gets `{ theme }` and can read `theme.density` directly;\n * this is for a component that needs the level in its own render logic\n * (`Table`/`DataGrid`/`DataViews` each read it once to source their own\n * `density` prop's default).\n *\n * Falls back to `resolveDensityFactor()` (`'normal'`, factor `1`) for a bare\n * MUI theme built without `createUiTheme`/`muiThemeOptionsFrom`.\n */\nexport function useDensity(): ResolvedDensity {\n  return useTheme().density ?? resolveDensityFactor();\n}\n\n/**\n * The density factor as a MUI `ThemeOptions` fragment, for a host that builds\n * `createTheme()` directly and never calls `createUiTheme`/`UiProvider` — the\n * same precedence `resolveDensityFactor` gives `createUiTheme`, so the two\n * consumption paths agree on `typography`/`spacing`/`fieldHeight`/`components`\n * (FUT-2764's Design section), not just the first two. `fieldHeight` matters\n * on its own: `Input`/`Select`/`Button` each read `theme.fieldHeight` directly\n * (`Input.tsx`, `Select.tsx`, `Button.styles.ts`'s `buttonSize`), so a fragment\n * that carried only `typography`/`spacing` left every field standing at the\n * DEFAULT height (2.5) at every density on this path — the two paths would\n * agree on the type scale and disagree on the one number three components key\n * their own layout off.\n *\n * `components` is the matching MUI-native override (`fieldOverrides`, plus\n * FUT-2766's `iconButtonDensityOverrides`/`chipDensityOverrides`) for a HOST's\n * own bare `TextField`/`Select`/`IconButton`/`Chip`, mirroring\n * `muiThemeOptionsFrom`'s own `components: mergeMuiComponents(...)`. It\n * carries ONLY the overrides this function knows about (`MuiOutlinedInput`'s\n * `root`, `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`;\n * `MuiIconButton`'s `root`/`sizeSmall`/`sizeLarge`; `MuiChip`'s\n * `root`/`sizeSmall`/`label`/`labelSmall`) — a host with ITS OWN overrides for\n * OTHER components merges them in with\n * `mergeMuiComponents(densityThemeOptions(density).components, hostOverrides)`,\n * which keeps a component only ONE side touches untouched. For a component\n * BOTH sides style, the merge is by INNER key (`root`/`input`/…): a key only\n * one side sets survives from that side, but a key BOTH set is replaced\n * WHOLESALE by whichever source is passed LAST — not deep-merged — so a host\n * wanting to ADD to, say, `MuiOutlinedInput`'s `root` alongside the radius\n * override needs to write that one key's object out in full itself.\n *\n * `fieldRadius` (3rd argument, optional) exists because density does NOT touch\n * the field's CORNER — this is only for a host that already draws its OWN,\n * non-default radius and wants `components` to match it instead of clashing;\n * it defaults\n * to the same {@link DEFAULT_FIELD_RADIUS} `createUiTheme` itself falls back\n * to when a host names no `fieldRadius`, so the two paths still agree with no\n * argument passed at all — the existing 2-argument call keeps working\n * unchanged.\n *\n * **Where to spread it — the first `createTheme()` call, not a later layering\n * one.** `createTheme(options, ...args)` (`createThemeNoVars.js`) only runs\n * `createSpacing`/`createTypography` on `options`, the FIRST argument; every\n * later argument is deep-merged onto the theme those two already built, with\n * no such reprocessing. So a host with a base theme and a SECOND, layering\n * `createTheme()` call on top of it — exactly the shape a two-theme host uses,\n * `createTheme(outer, { palette: { ... } })` — must apply density at the\n * FIRST call (where the base itself is built), never spread onto `outer` in\n * the second one:\n *\n * ```ts\n * // RIGHT — density goes into the base's OWN construction. The second,\n * // layering call is unaffected: it never restates spacing/typography/\n * // fieldHeight/components itself, so `theme.spacing`/`pxToRem`/`fieldHeight`\n * // carry over from `base` UNCHANGED, already correctly scaled.\n * const base = createTheme({ palette: { primary: { main }, ... }, ...densityThemeOptions('compact') });\n * const themed = createTheme(base, { palette: { primary: { main: brand } } });\n *\n * // WRONG — a second, layering argument onto an ALREADY-BUILT theme is\n * // deepmerged with no reprocessing: `spacing`/`typography.fontSize` would\n * // overwrite the already-resolved `theme.spacing` function/`pxToRem` ratio\n * // instead of rescaling them.\n * createTheme(outer, { ...densityThemeOptions('compact') });\n * ```\n */\nexport function densityThemeOptions(\n  density: DensityLevel | number,\n  factors?: Partial<Record<DensityLevel, number>>,\n  fieldRadius: number = DEFAULT_FIELD_RADIUS,\n): Pick<ThemeOptions, 'typography' | 'spacing' | 'fieldHeight' | 'components'> {\n  const { factor } = resolveDensityFactor(density, factors);\n  const fieldHeight = densityFieldHeight(factor);\n  return {\n    typography: { fontSize: densityFontSize(factor) },\n    spacing: densitySpacingUnit(factor),\n    fieldHeight,\n    components: mergeMuiComponents(\n      fieldOverrides(fieldRadius, fieldHeight),\n      iconButtonDensityOverrides(),\n      chipDensityOverrides(),\n    ),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAwDlB,SAAS,aAA8B;AAC5C,SAAO,SAAS,EAAE,WAAW,qBAAqB;AACpD;AAkEO,SAAS,oBACd,SACA,SACA,cAAsB,sBACuD;AAC7E,QAAM,EAAE,OAAO,IAAI,qBAAqB,SAAS,OAAO;AACxD,QAAM,cAAc,mBAAmB,MAAM;AAC7C,SAAO;AAAA,IACL,YAAY,EAAE,UAAU,gBAAgB,MAAM,EAAE;AAAA,IAChD,SAAS,mBAAmB,MAAM;AAAA,IAClC;AAAA,IACA,YAAY;AAAA,MACV,eAAe,aAAa,WAAW;AAAA,MACvC,2BAA2B;AAAA,MAC3B,qBAAqB;AAAA,IACvB;AAAA,EACF;AACF;","names":[]}