@12-apps/ui 6.48.1 → 6.49.0

package/dist/_internal/tokens/density-overrides.navigation.js

@@ -0,0 +1,19 @@
+import {
+  paginationItemDensityOverrides,
+  sliderDensityOverrides,
+  tabDensityOverrides,
+  tableCellDensityOverrides,
+  tabsIndicatorDensityOverrides,
+  toggleButtonDensityOverrides
+} from "../../chunk-K3YHXOWZ.js";
+import "../../chunk-YKCAJ2TN.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  paginationItemDensityOverrides,
+  sliderDensityOverrides,
+  tabDensityOverrides,
+  tableCellDensityOverrides,
+  tabsIndicatorDensityOverrides,
+  toggleButtonDensityOverrides
+};
+//# sourceMappingURL=density-overrides.navigation.js.map

package/dist/_internal/tokens/density-overrides.navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/density-overrides.selection.js

@@ -0,0 +1,11 @@
+import {
+  checkboxRadioDensityOverrides,
+  switchDensityOverrides
+} from "../../chunk-4ELI2MM3.js";
+import "../../chunk-YKCAJ2TN.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  checkboxRadioDensityOverrides,
+  switchDensityOverrides
+};
+//# sourceMappingURL=density-overrides.selection.js.map

package/dist/_internal/tokens/density-overrides.selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/density.js

@@ -1,8 +1,10 @@
 import {
   densityThemeOptions,
   useDensity
-} from "../../chunk-TMOC2XUE.js";
-import "../../chunk-5D52CMNX.js";
+} from "../../chunk-2UPWKLHQ.js";
+import "../../chunk-XK77FY42.js";
+import "../../chunk-K3YHXOWZ.js";
+import "../../chunk-4ELI2MM3.js";
 import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,13 +2,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-PP7CDKO4.js";
+} from "../../chunk-HCBGCR4N.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-EMEXXAQI.js";
-import "../../chunk-Y6C4MYZE.js";
-import "../../chunk-MTEQEPNY.js";
-import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-NYFGFELX.js";
 import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-TNQDSTIA.js";
+import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-OP5JR5Q5.js";
@@ -16,10 +16,10 @@ import "../../chunk-76X6JRVI.js";
 import "../../chunk-FKUYRQSP.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-K6LNHHSH.js";
+import "../../chunk-GC5XJ7YB.js";
+import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-ZKWVCSAB.js";
 import "../../chunk-LN46DSMF.js";
-import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-YZHX2HTC.js";
 import "../../chunk-6IWO7CM2.js";
 import "../../chunk-TYJR4GOF.js";

package/dist/charts.js

@@ -1,40 +1,42 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-ZVJSY2OV.js";
+} from "./chunk-EF5XUS44.js";
 import {
   Chart
-} from "./chunk-5NFQKL7C.js";
+} from "./chunk-H6K3AP42.js";
+import "./chunk-VFLNP2ZZ.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-RIRTW5EU.js";
+import "./chunk-IKXS2YVQ.js";
+import "./chunk-XRGJVS4P.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-GOWBYHYW.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "./chunk-QVWNK4JO.js";
+} from "./chunk-R6SBP5M5.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-JQ6HDXKA.js";
-import "./chunk-3CDU7DLD.js";
-import "./chunk-WGNLG2W2.js";
-import "./chunk-SOHQPPYJ.js";
 import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "./chunk-RIRTW5EU.js";
-import "./chunk-QFJ3JXXP.js";
+  chartValueFormatter,
+  formatChartValue
+} from "./chunk-QVWNK4JO.js";
+import "./chunk-3IPPMWUA.js";
 import "./chunk-7ZPUN7TV.js";
-import "./chunk-TMOC2XUE.js";
-import "./chunk-5D52CMNX.js";
+import "./chunk-2UPWKLHQ.js";
+import "./chunk-XK77FY42.js";
+import "./chunk-K3YHXOWZ.js";
+import "./chunk-4ELI2MM3.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-M47ZOUGF.js";
 import "./chunk-7FDU3FIN.js";

package/dist/{chunk-ODFJTEIL.js → chunk-23YZEAUU.js}

@@ -1,9 +1,9 @@
-import {
-  MARKER_PIXELS_PER_DEGREE
-} from "./chunk-H2J2MTRE.js";
 import {
   bounceKeyframes
 } from "./chunk-X6AIKCAV.js";
+import {
+  MARKER_PIXELS_PER_DEGREE
+} from "./chunk-H2J2MTRE.js";
 import {
   shadowInk
 } from "./chunk-FQ6UW7IY.js";
@@ -83,4 +83,4 @@ export {
   MapMarkers,
   MapCoordinates
 };
-//# sourceMappingURL=chunk-ODFJTEIL.js.map
+//# sourceMappingURL=chunk-23YZEAUU.js.map

package/dist/{chunk-OBID7SOG.js → chunk-2GAFEQ2T.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-IKZSQKOE.js";
+} from "./chunk-LFHAYETO.js";
 import {
   ManageViewsDialog
-} from "./chunk-WU2KXA6I.js";
+} from "./chunk-KC733FDV.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-OBID7SOG.js.map
+//# sourceMappingURL=chunk-2GAFEQ2T.js.map

package/dist/{chunk-BIDPJNCG.js → chunk-2LQU7DRI.js}

@@ -1,12 +1,22 @@
 import {
   accentFor
-} from "./chunk-QFJ3JXXP.js";
+} from "./chunk-3IPPMWUA.js";
 import {
-  checkboxRadioDensityOverrides,
   chipDensityOverrides,
-  iconButtonDensityOverrides,
+  iconButtonDensityOverrides
+} from "./chunk-XK77FY42.js";
+import {
+  paginationItemDensityOverrides,
+  sliderDensityOverrides,
+  tabDensityOverrides,
+  tableCellDensityOverrides,
+  tabsIndicatorDensityOverrides,
+  toggleButtonDensityOverrides
+} from "./chunk-K3YHXOWZ.js";
+import {
+  checkboxRadioDensityOverrides,
   switchDensityOverrides
-} from "./chunk-5D52CMNX.js";
+} from "./chunk-4ELI2MM3.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -147,15 +157,21 @@ function muiThemeOptionsFrom(ui) {
     shape: { borderRadius: ui.radius.md },
     fieldRadius: ui.radius.field,
     fieldHeight: ui.fieldHeight,
-    // 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.
+    // Additive: FUT-2766 added IconButton's/Chip's overrides, FUT-2767 added
+    // Checkbox/Radio's and Switch's, and this PR (FUT-2768) adds
+    // ToggleButton/Tab/Tabs' indicator/TableCell/PaginationItem/Slider's.
     components: mergeMuiComponents(
       fieldOverrides(ui.radius.field, ui.fieldHeight),
       iconButtonDensityOverrides(),
       chipDensityOverrides(),
       checkboxRadioDensityOverrides(),
-      switchDensityOverrides()
+      switchDensityOverrides(),
+      toggleButtonDensityOverrides(),
+      tabDensityOverrides(),
+      tabsIndicatorDensityOverrides(),
+      tableCellDensityOverrides(),
+      paginationItemDensityOverrides(),
+      sliderDensityOverrides()
     ),
     spacing: ui.spacingUnit,
     density: ui.density,
@@ -174,4 +190,4 @@ export {
   uiThemeFromMui,
   muiThemeOptionsFrom
 };
-//# sourceMappingURL=chunk-BIDPJNCG.js.map
+//# sourceMappingURL=chunk-2LQU7DRI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/mui-bridge.ts"],"sourcesContent":["import type { PaletteColor, Theme, ThemeOptions } from '@mui/material/styles/index.js';\n\nimport { cssLengthToPx, cssTrackingToEm } from '../tokens/css-units';\nimport {\n  checkboxRadioDensityOverrides,\n  chipDensityOverrides,\n  iconButtonDensityOverrides,\n  paginationItemDensityOverrides,\n  sliderDensityOverrides,\n  switchDensityOverrides,\n  tabDensityOverrides,\n  tableCellDensityOverrides,\n  tabsIndicatorDensityOverrides,\n  toggleButtonDensityOverrides,\n} from '../tokens/density-overrides';\nimport { densityFontSize, resolveDensityFactor } from '../tokens/density';\nimport { resolveFieldHeight } from '../tokens/field-height.core';\nimport { fieldOverrides, mergeMuiComponents } from '../tokens/field-height';\nimport { fieldRadius } from '../tokens/field-radius';\nimport { accentFor } from '../tokens/scales';\nimport {\n  FONT_WEIGHTS,\n  TYPE_SIZES,\n  WEB_FONT_FAMILY,\n  WEB_MONOSPACE_FONT_FAMILY,\n  type UiHeadingStep,\n  type UiPaletteColor,\n  type UiTheme,\n} from '../tokens/theme';\nimport { HEADING_LEVELS, headingMetrics, type HeadingLevel } from '../tokens/typography';\n\n/**\n * THE TWO DIRECTIONS BETWEEN MUI'S THEME AND OURS. Web only.\n *\n * `uiThemeFromMui` is how a web component — or a shared style resolver such\n * as `box-layout.ts` — reads the host's MUI theme in the neutral shape the\n * native renderer reads natively. `muiThemeOptionsFrom` is the reverse, for\n * a host that has a `UiTheme` and no MUI theme yet: `UiProvider` on the web is\n * a MUI `ThemeProvider` fed by it.\n *\n * Both are field-by-field on purpose. A spread would carry MUI's extra keys\n * across and the native side would silently depend on one.\n */\n\nconst slot = (color: PaletteColor): UiPaletteColor => ({\n  main: color.main,\n  light: color.light,\n  dark: color.dark,\n  contrastText: color.contrastText,\n});\n\nfunction headingSteps(theme: Theme): Record<HeadingLevel, UiHeadingStep> {\n  return Object.fromEntries(\n    HEADING_LEVELS.map((level) => {\n      const metrics = headingMetrics(theme, level);\n      return [\n        level,\n        {\n          fontSize: cssLengthToPx(metrics.fontSize, 16),\n          lineHeight: metrics.lineHeight,\n          letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n          normalWeight: metrics.normalWeight,\n        },\n      ];\n    }),\n  ) as Record<HeadingLevel, UiHeadingStep>;\n}\n\n/** The host's MUI theme in the shape the native renderer reads. */\nexport function uiThemeFromMui(theme: Theme): UiTheme {\n  const { palette } = theme;\n  const unit = cssLengthToPx(theme.spacing(1), 8);\n  const md = cssLengthToPx(theme.shape.borderRadius, 4);\n\n  return {\n    mode: palette.mode,\n    palette: {\n      mode: palette.mode,\n      primary: slot(palette.primary),\n      secondary: slot(palette.secondary),\n      success: slot(palette.success),\n      warning: slot(palette.warning),\n      info: slot(palette.info),\n      danger: slot(palette.error),\n      neutral: accentFor(theme, 'neutral'),\n      text: {\n        primary: palette.text.primary,\n        secondary: palette.text.secondary,\n        disabled: palette.text.disabled,\n      },\n      background: { default: palette.background.default, paper: palette.background.paper },\n      divider: palette.divider,\n      action: {\n        active: palette.action.active,\n        hover: palette.action.hover,\n        selected: palette.action.selected,\n        disabled: palette.action.disabled,\n        disabledBackground: palette.action.disabledBackground,\n        focus: palette.action.focus,\n      },\n      grey: {\n        50: palette.grey[50],\n        100: palette.grey[100],\n        200: palette.grey[200],\n        300: palette.grey[300],\n        400: palette.grey[400],\n        500: palette.grey[500],\n        600: palette.grey[600],\n        700: palette.grey[700],\n        800: palette.grey[800],\n        900: palette.grey[900],\n      },\n    },\n    spacing: (units: number) => units * unit,\n    spacingUnit: unit,\n    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999, field: fieldRadius(theme) },\n    fieldHeight: resolveFieldHeight(theme.fieldHeight),\n    // A bare MUI theme (never built through `createUiTheme`/`muiThemeOptionsFrom`)\n    // carries no `theme.density` — read back as `'normal'`, factor `1`.\n    density: theme.density ?? resolveDensityFactor(),\n    typography: {\n      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,\n      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: headingSteps(theme),\n    },\n    zIndex: {\n      appBar: theme.zIndex.appBar,\n      drawer: theme.zIndex.drawer,\n      modal: theme.zIndex.modal,\n      snackbar: theme.zIndex.snackbar,\n      tooltip: theme.zIndex.tooltip,\n    },\n  };\n}\n\n/** A `UiTheme` as the options MUI's `createTheme` builds the same palette from. */\nexport function muiThemeOptionsFrom(ui: UiTheme): ThemeOptions {\n  const { palette } = ui;\n  return {\n    palette: {\n      mode: palette.mode,\n      primary: { ...palette.primary },\n      secondary: { ...palette.secondary },\n      success: { ...palette.success },\n      warning: { ...palette.warning },\n      info: { ...palette.info },\n      error: { ...palette.danger },\n      text: { ...palette.text },\n      background: { ...palette.background },\n      divider: palette.divider,\n      action: { ...palette.action },\n      grey: { ...palette.grey },\n    },\n    shape: { borderRadius: ui.radius.md },\n    fieldRadius: ui.radius.field,\n    fieldHeight: ui.fieldHeight,\n    // Additive: FUT-2766 added IconButton's/Chip's overrides, FUT-2767 added\n    // Checkbox/Radio's and Switch's, and this PR (FUT-2768) adds\n    // ToggleButton/Tab/Tabs' indicator/TableCell/PaginationItem/Slider's.\n    components: mergeMuiComponents(\n      fieldOverrides(ui.radius.field, ui.fieldHeight),\n      iconButtonDensityOverrides(),\n      chipDensityOverrides(),\n      checkboxRadioDensityOverrides(),\n      switchDensityOverrides(),\n      toggleButtonDensityOverrides(),\n      tabDensityOverrides(),\n      tabsIndicatorDensityOverrides(),\n      tableCellDensityOverrides(),\n      paginationItemDensityOverrides(),\n      sliderDensityOverrides(),\n    ),\n    spacing: ui.spacingUnit,\n    density: ui.density,\n    typography: {\n      fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY,\n      // MUI multiplies every `pxToRem` size by `fontSize / 14` — the lever a\n      // density mode moves (`./tokens/relative.ts`). `htmlFontSize` stays\n      // untouched: that is a reader's own zoom/accessibility setting, not this.\n      fontSize: densityFontSize(ui.density.factor),\n    },\n    zIndex: { ...ui.zIndex },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-NRSVI23L.js → chunk-2T7L6ZWF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-U3DBQXPI.js";
 import {
   Button
-} from "./chunk-K6LNHHSH.js";
+} from "./chunk-GC5XJ7YB.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-NRSVI23L.js.map
+//# sourceMappingURL=chunk-2T7L6ZWF.js.map

package/dist/{chunk-TMOC2XUE.js → chunk-2UPWKLHQ.js}

@@ -1,9 +1,19 @@
 import {
-  checkboxRadioDensityOverrides,
   chipDensityOverrides,
-  iconButtonDensityOverrides,
+  iconButtonDensityOverrides
+} from "./chunk-XK77FY42.js";
+import {
+  paginationItemDensityOverrides,
+  sliderDensityOverrides,
+  tabDensityOverrides,
+  tableCellDensityOverrides,
+  tabsIndicatorDensityOverrides,
+  toggleButtonDensityOverrides
+} from "./chunk-K3YHXOWZ.js";
+import {
+  checkboxRadioDensityOverrides,
   switchDensityOverrides
-} from "./chunk-5D52CMNX.js";
+} from "./chunk-4ELI2MM3.js";
 import {
   fieldOverrides,
   mergeMuiComponents
@@ -35,7 +45,13 @@ function densityThemeOptions(density, factors, fieldRadius = DEFAULT_FIELD_RADIU
       iconButtonDensityOverrides(),
       chipDensityOverrides(),
       checkboxRadioDensityOverrides(),
-      switchDensityOverrides()
+      switchDensityOverrides(),
+      toggleButtonDensityOverrides(),
+      tabDensityOverrides(),
+      tabsIndicatorDensityOverrides(),
+      tableCellDensityOverrides(),
+      paginationItemDensityOverrides(),
+      sliderDensityOverrides()
     )
   };
 }
@@ -44,4 +60,4 @@ export {
   useDensity,
   densityThemeOptions
 };
-//# sourceMappingURL=chunk-TMOC2XUE.js.map
+//# sourceMappingURL=chunk-2UPWKLHQ.js.map

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

@@ -0,0 +1 @@
+{"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 {\n  checkboxRadioDensityOverrides,\n  chipDensityOverrides,\n  iconButtonDensityOverrides,\n  paginationItemDensityOverrides,\n  sliderDensityOverrides,\n  switchDensityOverrides,\n  tabDensityOverrides,\n  tableCellDensityOverrides,\n  tabsIndicatorDensityOverrides,\n  toggleButtonDensityOverrides,\n} 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`, FUT-2767's\n * `checkboxRadioDensityOverrides`/`switchDensityOverrides` and FUT-2768's\n * `toggleButtonDensityOverrides`/`tabDensityOverrides`/\n * `tabsIndicatorDensityOverrides`/`tableCellDensityOverrides`/\n * `paginationItemDensityOverrides`/`sliderDensityOverrides`) for a HOST's own\n * bare `TextField`/`Select`/`IconButton`/`Chip`/`Checkbox`/`Radio`/`Switch`/\n * `ToggleButton`/`Tab`/`Tabs`/`TableCell`/`Pagination`/`Slider`, 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`; `MuiCheckbox`'s and `MuiRadio`'s\n * `root`; `MuiSwitch`'s `root`/`switchBase`/`thumb`/`sizeSmall`;\n * `MuiToggleButton`'s `root`/`sizeSmall`/`sizeLarge`; `MuiTab`'s\n * `root`/`labelIcon`; `MuiTabs`'s `indicator`; `MuiTableCell`'s\n * `root`/`sizeSmall`; `MuiPaginationItem`'s `root`/`sizeSmall`/`sizeLarge`;\n * `MuiSlider`'s `root`/`sizeSmall`/`thumb`/`thumbSizeSmall`) — a host with ITS\n * OWN overrides for 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      checkboxRadioDensityOverrides(),\n      switchDensityOverrides(),\n      toggleButtonDensityOverrides(),\n      tabDensityOverrides(),\n      tabsIndicatorDensityOverrides(),\n      tableCellDensityOverrides(),\n      paginationItemDensityOverrides(),\n      sliderDensityOverrides(),\n    ),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAmElB,SAAS,aAA8B;AAC5C,SAAO,SAAS,EAAE,WAAW,qBAAqB;AACpD;AA4EO,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,MACrB,8BAA8B;AAAA,MAC9B,uBAAuB;AAAA,MACvB,6BAA6B;AAAA,MAC7B,oBAAoB;AAAA,MACpB,8BAA8B;AAAA,MAC9B,0BAA0B;AAAA,MAC1B,+BAA+B;AAAA,MAC/B,uBAAuB;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-2YKTB2IZ.js → chunk-32JMSHEA.js}

@@ -4,7 +4,7 @@ import {
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-FVKBP3UX.js";
+} from "./chunk-GLKQT2DS.js";
 import {
   Drawer,
   DrawerContent,
@@ -171,4 +171,4 @@ function SectionNavSheet({
 export {
   SectionNavSheet
 };
-//# sourceMappingURL=chunk-2YKTB2IZ.js.map
+//# sourceMappingURL=chunk-32JMSHEA.js.map

package/dist/{chunk-QFJ3JXXP.js → chunk-3IPPMWUA.js}

@@ -19,4 +19,4 @@ function accentFor(theme, color) {
 export {
   accentFor
 };
-//# sourceMappingURL=chunk-QFJ3JXXP.js.map
+//# sourceMappingURL=chunk-3IPPMWUA.js.map

package/dist/{chunk-QFJ3JXXP.js.map → chunk-3IPPMWUA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { ColorValue, MuiColor } from './vocabulary';\n\n/**\n * `@12-apps/ui/tokens` keeps its whole surface here. The vocabulary itself —\n * the size and colour unions and their runtime lists — lives in\n * `./vocabulary`, which imports nothing, so the native renderer can read it\n * without this file's MUI `Theme` import following it into `dist/types-native`.\n */\nexport * from './vocabulary';\nexport { headingMetrics } from './typography';\n// The renderer-neutral theme and the colour arithmetic behind it, so a web\n// host can build a `UiTheme` from the same module path a native one does.\nexport * from './theme';\nexport * from './color';\n// The relative-size vocabulary every component writes its sizes in (FUT-2585).\nexport { rem, rems, remPx, resetRootFontCache, sxRem } from './relative';\n// Every colour by role (FUT-2593): ink roles, neutral tones, the named sets.\nexport * from './ink';\nexport * from './ink.core';\nexport { DEFAULT_FIELD_RADIUS, fieldRadius, fieldRadiusOverrides, fieldRadiusPx, fieldRootStyles } from './field-radius';\nexport {\n  asFieldSize,\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldBorder,\n  fieldControlStyles,\n  fieldHeight,\n  fieldHeightOverrides,\n  fieldHeightPx,\n  fieldHeightRem,\n  fieldOverrides,\n  fieldTextFieldStyles,\n  mergeMuiComponents,\n} from './field-height';\n// The theme's density knob (FUT-2764): the factor table, the resolver, the\n// per-repository override and the standalone entry for a host that builds\n// `createTheme()` directly. `DensityLevel`/`ResolvedDensity` are already\n// exported above, through `./theme`.\nexport {\n  DEFAULT_DENSITY,\n  DENSITY_FACTOR,\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  densityThemeOptions,\n  resolveDensityFactor,\n  useDensity,\n} from './density';\n// The IconButton/Chip geometry overrides density threads through both\n// consumption paths (FUT-2766), and Checkbox/Radio/Switch's (FUT-2767) —\n// exported standalone too, for a host that wants just these components'\n// overrides without the rest of density.\nexport {\n  checkboxRadioDensityOverrides,\n  chipDensityOverrides,\n  iconButtonDensityOverrides,\n  switchDensityOverrides,\n} from './density-overrides';\n\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AAqEO,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}
+{"version":3,"sources":["../src/tokens/scales.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport type { ColorValue, MuiColor } from './vocabulary';\n\n/**\n * `@12-apps/ui/tokens` keeps its whole surface here. The vocabulary itself —\n * the size and colour unions and their runtime lists — lives in\n * `./vocabulary`, which imports nothing, so the native renderer can read it\n * without this file's MUI `Theme` import following it into `dist/types-native`.\n */\nexport * from './vocabulary';\nexport { headingMetrics } from './typography';\n// The renderer-neutral theme and the colour arithmetic behind it, so a web\n// host can build a `UiTheme` from the same module path a native one does.\nexport * from './theme';\nexport * from './color';\n// The relative-size vocabulary every component writes its sizes in (FUT-2585).\nexport { rem, rems, remPx, resetRootFontCache, sxRem } from './relative';\n// Every colour by role (FUT-2593): ink roles, neutral tones, the named sets.\nexport * from './ink';\nexport * from './ink.core';\nexport { DEFAULT_FIELD_RADIUS, fieldRadius, fieldRadiusOverrides, fieldRadiusPx, fieldRootStyles } from './field-radius';\nexport {\n  asFieldSize,\n  DEFAULT_FIELD_HEIGHT,\n  FIELD_BORDER_WIDTH,\n  FIELD_HEIGHT_SCALE,\n  fieldBorder,\n  fieldControlStyles,\n  fieldHeight,\n  fieldHeightOverrides,\n  fieldHeightPx,\n  fieldHeightRem,\n  fieldOverrides,\n  fieldTextFieldStyles,\n  mergeMuiComponents,\n} from './field-height';\n// The theme's density knob (FUT-2764): the factor table, the resolver, the\n// per-repository override and the standalone entry for a host that builds\n// `createTheme()` directly. `DensityLevel`/`ResolvedDensity` are already\n// exported above, through `./theme`.\nexport {\n  DEFAULT_DENSITY,\n  DENSITY_FACTOR,\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  densityThemeOptions,\n  resolveDensityFactor,\n  useDensity,\n} from './density';\n// The IconButton/Chip geometry overrides density threads through both\n// consumption paths (FUT-2766), and Checkbox/Radio/Switch's (FUT-2767) and\n// ToggleButton/Tab/TableCell/PaginationItem/Slider's (FUT-2768) — exported\n// standalone too, for a host that wants just these components' overrides\n// without the rest of density.\nexport {\n  checkboxRadioDensityOverrides,\n  chipDensityOverrides,\n  iconButtonDensityOverrides,\n  paginationItemDensityOverrides,\n  sliderDensityOverrides,\n  switchDensityOverrides,\n  tabDensityOverrides,\n  tableCellDensityOverrides,\n  tabsIndicatorDensityOverrides,\n  toggleButtonDensityOverrides,\n} from './density-overrides';\n\nexport interface Accent {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport function accentFor(theme: Theme, color: ColorValue): Accent {\n  if (color === 'neutral') {\n    const grey = theme.palette.grey;\n    return {\n      // Explicit fallbacks: the ramp is indexed, and under\n      // `noUncheckedIndexedAccess` every stop is `string | undefined`.\n      main: grey[600] ?? '#757575',\n      light: grey[400] ?? '#bdbdbd',\n      dark: grey[800] ?? '#424242',\n      // Grey 600 carries white text in both themes.\n      contrastText: '#fff',\n    };\n  }\n  // Past the `neutral` return, `paletteKey` can only produce a `MuiColor` — but\n  // its signature still admits `'grey'`, and TS cannot narrow a return type by\n  // the argument. Naming the key here keeps the accent branch honestly typed\n  // instead of casting the hole shut.\n  const key: MuiColor = color === 'danger' ? 'error' : color;\n  return theme.palette[key];\n}\n"],"mappings":";AA4EO,SAAS,UAAU,OAAc,OAA2B;AACjE,MAAI,UAAU,WAAW;AACvB,UAAM,OAAO,MAAM,QAAQ;AAC3B,WAAO;AAAA;AAAA;AAAA,MAGL,MAAM,KAAK,GAAG,KAAK;AAAA,MACnB,OAAO,KAAK,GAAG,KAAK;AAAA,MACpB,MAAM,KAAK,GAAG,KAAK;AAAA;AAAA,MAEnB,cAAc;AAAA,IAChB;AAAA,EACF;AAKA,QAAM,MAAgB,UAAU,WAAW,UAAU;AACrD,SAAO,MAAM,QAAQ,GAAG;AAC1B;","names":[]}

package/dist/{chunk-2NYVMLFQ.js → chunk-3YRPEZ3F.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-THCDUP6Q.js";
+} from "./chunk-6SXXW5GR.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-2NYVMLFQ.js.map
+//# sourceMappingURL=chunk-3YRPEZ3F.js.map

package/dist/{chunk-CGL7R37P.js → chunk-43Q6CVPB.js}

@@ -1,16 +1,16 @@
 import {
   SectionNavSheet
-} from "./chunk-2YKTB2IZ.js";
+} from "./chunk-32JMSHEA.js";
 import {
   RaisedActionButton
-} from "./chunk-HGRC635A.js";
+} from "./chunk-RZ4SBSLP.js";
 import {
   Box,
   CONTROL_RESET,
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-FVKBP3UX.js";
+} from "./chunk-GLKQT2DS.js";
 import {
   barSlots,
   menuActive,
@@ -237,4 +237,4 @@ export {
   sectionNavBarInset,
   SectionNavBar
 };
-//# sourceMappingURL=chunk-CGL7R37P.js.map
+//# sourceMappingURL=chunk-43Q6CVPB.js.map

package/dist/{chunk-G6II7SVX.js → chunk-44USLRMT.js}

@@ -1,3 +1,6 @@
+import {
+  RangePresets
+} from "./chunk-7D7CJRL7.js";
 import {
   NumberBoundInput
 } from "./chunk-YRUX7XMQ.js";
@@ -7,9 +10,6 @@ import {
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
-import {
-  RangePresets
-} from "./chunk-7D7CJRL7.js";
 import {
   presetsFor
 } from "./chunk-CBOB5AV6.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-G6II7SVX.js.map
+//# sourceMappingURL=chunk-44USLRMT.js.map

package/dist/{chunk-E4GTZ26X.js → chunk-4CDZP6KD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RTSK5OZT.js";
 import {
   useUiTheme
-} from "./chunk-I2STNAIQ.js";
+} from "./chunk-RYWX6LK4.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -48,4 +48,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-E4GTZ26X.js.map
+//# sourceMappingURL=chunk-4CDZP6KD.js.map

package/dist/{chunk-5D52CMNX.js → chunk-4ELI2MM3.js}

@@ -3,56 +3,8 @@ import {
   rems
 } from "./chunk-YKCAJ2TN.js";
 
-// src/tokens/density-overrides.ts
-import { chipClasses } from "@mui/material/Chip/index.js";
+// src/tokens/density-overrides.selection.ts
 import { switchClasses } from "@mui/material/Switch/index.js";
-var iconButtonRootPadding = ({ theme }) => ({ padding: rem(theme, 8) });
-var iconButtonSmallPadding = ({ theme }) => ({ padding: rem(theme, 5) });
-var iconButtonLargePadding = ({ theme }) => ({ padding: rem(theme, 12) });
-function iconButtonDensityOverrides() {
-  return {
-    MuiIconButton: {
-      styleOverrides: {
-        root: iconButtonRootPadding,
-        sizeSmall: iconButtonSmallPadding,
-        sizeLarge: iconButtonLargePadding
-      }
-    }
-  };
-}
-var CHIP_OUTLINED_LABEL_PADDING = { medium: 11, small: 7 };
-var chipRootHeight = ({
-  theme,
-  ownerState
-}) => {
-  const style = { height: rem(theme, 32) };
-  if (ownerState?.variant === "outlined") {
-    const px = CHIP_OUTLINED_LABEL_PADDING[ownerState.size === "small" ? "small" : "medium"];
-    style[`& .${chipClasses.label}`] = { paddingLeft: rem(theme, px), paddingRight: rem(theme, px) };
-  }
-  return style;
-};
-var chipSmallHeight = ({ theme }) => ({ height: rem(theme, 24) });
-var chipLabelPadding = ({ theme }) => ({
-  paddingLeft: rem(theme, 12),
-  paddingRight: rem(theme, 12)
-});
-var chipLabelSmallPadding = ({ theme }) => ({
-  paddingLeft: rem(theme, 8),
-  paddingRight: rem(theme, 8)
-});
-function chipDensityOverrides() {
-  return {
-    MuiChip: {
-      styleOverrides: {
-        root: chipRootHeight,
-        sizeSmall: chipSmallHeight,
-        label: chipLabelPadding,
-        labelSmall: chipLabelSmallPadding
-      }
-    }
-  };
-}
 var checkboxRadioRootPadding = ({ theme }) => ({ padding: rem(theme, 9) });
 function checkboxRadioDensityOverrides() {
   return {
@@ -119,9 +71,7 @@ function switchDensityOverrides() {
 }
 
 export {
-  iconButtonDensityOverrides,
-  chipDensityOverrides,
   checkboxRadioDensityOverrides,
   switchDensityOverrides
 };
-//# sourceMappingURL=chunk-5D52CMNX.js.map
+//# sourceMappingURL=chunk-4ELI2MM3.js.map

package/dist/chunk-4ELI2MM3.js.map

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

package/dist/{chunk-HISEWACT.js → chunk-4GRUNQNB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-G3E66C6J.js";
 import {
   useDensity
-} from "./chunk-TMOC2XUE.js";
+} from "./chunk-2UPWKLHQ.js";
 import {
   rem,
   remPx
@@ -203,4 +203,4 @@ export {
   mapThemeToGridDensity,
   useDataGridModel
 };
-//# sourceMappingURL=chunk-HISEWACT.js.map
+//# sourceMappingURL=chunk-4GRUNQNB.js.map

package/dist/{chunk-AOKLEE64.js → chunk-4NDNV45Y.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-K6LNHHSH.js";
+} from "./chunk-GC5XJ7YB.js";
 import {
   Text
 } from "./chunk-YZHX2HTC.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-AOKLEE64.js.map
+//# sourceMappingURL=chunk-4NDNV45Y.js.map