@12-apps/ui 6.49.3 → 6.50.1

package/dist/{chunk-UUJ7J7NE.js → chunk-MG3SRQ6N.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-OP5JR5Q5.js";
 import {
   Button
-} from "./chunk-K6LNHHSH.js";
+} from "./chunk-RIZRF5XR.js";
 import {
   Text
 } from "./chunk-YZHX2HTC.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-UUJ7J7NE.js.map
+//# sourceMappingURL=chunk-MG3SRQ6N.js.map

package/dist/{chunk-CKFZQQ6T.js → chunk-MKJ4FMEF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-K6LNHHSH.js";
+} from "./chunk-RIZRF5XR.js";
 import {
   Text
 } from "./chunk-YZHX2HTC.js";
@@ -176,4 +176,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-CKFZQQ6T.js.map
+//# sourceMappingURL=chunk-MKJ4FMEF.js.map

package/dist/{chunk-FYWG2I6N.js → chunk-MT7XMJUJ.js}

@@ -1,22 +1,22 @@
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-VYYFIESL.js";
+} from "./chunk-2VV6XZAU.js";
 import {
   DataViewsEmpty
-} from "./chunk-OCQ6GDCF.js";
+} from "./chunk-CDVYJB7J.js";
 import {
   InlineFilterControls
-} from "./chunk-URDVXJUH.js";
+} from "./chunk-JMMFRTZP.js";
 import {
   GridHeaderRow
 } from "./chunk-MPYIEIBA.js";
 import {
   GridMain
-} from "./chunk-NZIYHS6B.js";
+} from "./chunk-L3CQTVFU.js";
 import {
   DataViewsPagination
-} from "./chunk-2AZZRWT6.js";
+} from "./chunk-GPROISHG.js";
 import {
   toOverflowFields,
   useFilterOverflow
@@ -26,23 +26,23 @@ import {
 } from "./chunk-KX75HM5U.js";
 import {
   ScopeTabsSlot
-} from "./chunk-KLOKBS77.js";
+} from "./chunk-ESW4Z5I7.js";
 import {
   ShellToolbar
-} from "./chunk-25ALEQUH.js";
+} from "./chunk-YK4ZG5Y4.js";
 import {
   togglePillValues
-} from "./chunk-NQ7NMCRI.js";
+} from "./chunk-UWCMMK2T.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
-} from "./chunk-VQXOWQCU.js";
+} from "./chunk-I2LF53MJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-FXWXBEOZ.js";
+} from "./chunk-DDJXV6EB.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-FYWG2I6N.js.map
+//# sourceMappingURL=chunk-MT7XMJUJ.js.map

package/dist/{chunk-7XKK2WOV.js → chunk-MYCR7FMI.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsExportMenu
-} from "./chunk-CKFZQQ6T.js";
+} from "./chunk-MKJ4FMEF.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-HLRLSCBF.js";
+} from "./chunk-II7Z5UB6.js";
 import {
   renderBulkActions
-} from "./chunk-NQ7NMCRI.js";
+} from "./chunk-UWCMMK2T.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-TZFBJ47T.js";
 import {
   FilterTrigger
-} from "./chunk-SNBAMWI5.js";
+} from "./chunk-YALCWIMX.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-7XKK2WOV.js.map
+//# sourceMappingURL=chunk-MYCR7FMI.js.map

package/dist/{chunk-MVR4GURP.js → chunk-N2BVJAGH.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-GP4BJI3F.js";
+} from "./chunk-ZR33DDTI.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-MVR4GURP.js.map
+//# sourceMappingURL=chunk-N2BVJAGH.js.map

package/dist/{chunk-3CYTVX4T.js → chunk-NCHYYSGZ.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-D6KL74KI.js";
 import {
   fieldControlStyles
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -171,4 +171,4 @@ function CreatableSelect({
 export {
   CreatableSelect
 };
-//# sourceMappingURL=chunk-3CYTVX4T.js.map
+//# sourceMappingURL=chunk-NCHYYSGZ.js.map

package/dist/{chunk-ZC5HDBQO.js → chunk-NLPKHLA6.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-JE5GEWTG.js";
+} from "./chunk-NT62LREU.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -61,4 +61,4 @@ var AddressFallbackField = ({
 export {
   AddressFallbackField
 };
-//# sourceMappingURL=chunk-ZC5HDBQO.js.map
+//# sourceMappingURL=chunk-NLPKHLA6.js.map

package/dist/{chunk-K3YHXOWZ.js → chunk-NP6SHLQ3.js}

@@ -1,11 +1,17 @@
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   rem,
   rems
 } from "./chunk-YKCAJ2TN.js";
 
 // src/tokens/density-overrides.navigation.ts
-import { tableCellClasses } from "@mui/material/TableCell/index.js";
-var toggleButtonRootPadding = ({ theme }) => ({ padding: rem(theme, 11) });
+import generateUtilityClass from "@mui/material/generateUtilityClass/index.js";
+var toggleButtonRootPadding = ({ theme }) => ({
+  padding: rem(theme, 11),
+  borderRadius: fieldRadius(theme)
+});
 var toggleButtonSmallPadding = ({ theme }) => ({ padding: rem(theme, 7) });
 var toggleButtonLargePadding = ({ theme }) => ({ padding: rem(theme, 15) });
 function toggleButtonDensityOverrides() {
@@ -40,9 +46,10 @@ function tabDensityOverrides() {
 }
 var isDefaultTableCellPadding = (padding) => padding === void 0 || padding === "normal";
 var tableCellRootPadding = ({ theme, ownerState }) => isDefaultTableCellPadding(ownerState?.padding) ? { padding: rem(theme, 16) } : {};
+var TABLE_CELL_PADDING_CHECKBOX = generateUtilityClass("MuiTableCell", "paddingCheckbox");
 var tableCellSmallPadding = ({ theme, ownerState }) => {
   const style = {
-    [`&.${tableCellClasses.paddingCheckbox}`]: { padding: rems(theme, 0, 12, 0, 16) }
+    [`&.${TABLE_CELL_PADDING_CHECKBOX}`]: { padding: rems(theme, 0, 12, 0, 16) }
   };
   if (isDefaultTableCellPadding(ownerState?.padding)) style.padding = rems(theme, 6, 16);
   return style;
@@ -123,4 +130,4 @@ export {
   sliderDensityOverrides,
   tabsIndicatorDensityOverrides
 };
-//# sourceMappingURL=chunk-K3YHXOWZ.js.map
+//# sourceMappingURL=chunk-NP6SHLQ3.js.map

package/dist/chunk-NP6SHLQ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/density-overrides.navigation.ts"],"sourcesContent":["import generateUtilityClass from '@mui/material/generateUtilityClass/index.js';\nimport type { Components, CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldRadius } from './field-radius';\nimport { rem, rems } from './relative';\n\n/**\n * TOGGLEBUTTON / TAB / TABLECELL / PAGINATIONITEM / SLIDER GEOMETRY,\n * DENSITY-AWARE (FUT-2768).\n *\n * The remainder of the fixed-px geometry the density audit catalogued, none\n * of it hard-coded in `@12-apps/ui`'s own source. Verified against the\n * installed `@mui/material@6.5.0` source; each goes through the SAME\n * per-size/per-slot `overridesResolver` key MUI itself resolves\n * (`iconButtonDensityOverrides`/`chipDensityOverrides`'s own mechanism), so a\n * theme value composes with MUI's baked-in `variants` instead of replacing\n * them outright:\n *\n * - `ToggleButton`: `padding: 11/7/15` at medium(root)/small/large — same\n *   `root`/`sizeSmall`/`sizeLarge` shape as `iconButtonDensityOverrides`. The\n *   `root` slot ALSO carries `theme.fieldRadius` (FUT-2967, `field-radius.ts`)\n *   — see the note at the end of this docblock.\n * - `Tab`: `minHeight: 48`, `padding: '12px 16px'` on the root (via `rems()`).\n *   The icon+label combo (`minHeight: 72`, `paddingTop`/`Bottom: 9`) is a\n *   SEPARATE MUI variant, exposed as the `labelIcon` key.\n * - `TableCell`: `padding: 16` on the root, `'6px 16px'` at small, nested\n *   inside it `'0 12px 0 16px'` on the small+checkbox combo — all gated on\n *   `ownerState.padding === 'normal'` (MUI's default): `checkbox`/`none` are\n *   separate variants with their OWN unscaled padding (`'0 0 0 4px'`/`0`) an\n *   unconditional rule clobbered at every size but small (FUT-2861 review —\n *   the SAME Lesson-1 clobber the ellipsis fix above avoids, missed here).\n *   `@12-apps/ui`'s own `Table` (FUT-2769) wins regardless (two classes deep\n *   under its styled root); this reaches a BARE `<TableCell>`.\n * - `PaginationItem`: `minWidth/height: 32/26/40` at medium(root)/small/large.\n *   The ellipsis shares the SAME slot and `minWidth` but has NO `height` of\n *   its own (`'auto'`), gated on `ownerState.type` being neither\n *   `'start-ellipsis'` nor `'end-ellipsis'` — skipping it would force a\n *   height onto the ellipsis (Lesson 1).\n * - `Slider`: rail `height: 4/2` at `orientation=\"horizontal\"`/`size=\"small\"`\n *   — gated on `ownerState.orientation` since the SAME key answers for either\n *   axis (MUI sets `height` horizontal / `width` vertical, leaving the other\n *   `'100%'`). Thumb `20×20`/`12×12` needs no gate. `@12-apps/ui`'s own\n *   `Slider` already sets rail/thumb size through `rem()` and never forwards\n *   `size` — a no-op THERE, reaches a BARE `<Slider>`. The thumb's ring and\n *   the value-label offset were checked and left OUT — that story's own doc.\n *\n * `Avatar` is NOT in this file: `@12-apps/ui`'s own `Avatar` wraps `MuiAvatar`\n * in a `StyledAvatar` that ALREADY sets `width`/`height` through\n * `rem(theme, boxPx(size))` (`40` at `md`) — higher specificity than any\n * `MuiAvatar.styleOverrides.root`, dead code here, so it ships none.\n *\n * PADDING is geometry-neutral at `normal` — the same 11/7/15 literals\n * `ToggleButton.js` hard-codes; each slot a MODULE-LEVEL function, as above.\n *\n * `MuiToggleButton.root` is the one exception, and it is NOT neutral even at\n * `normal` (FUT-2967): `fieldRadiusOverrides` (`field-radius.ts`) and this\n * callback both style `MuiToggleButton.root` — the radius override's own\n * `{ borderRadius }` and this one's `{ padding }` — and a `styleOverrides`\n * slot two sources touch is replaced WHOLESALE by whichever is spread last\n * (`mergeMuiComponents`), so a theme built with density silently dropped the\n * field radius off a bare `<ToggleButton>` the moment density's `root`\n * callback (this one) was the later source. Fixed AT THE SOURCE rather than\n * in the merge: this MODULE-LEVEL callback (still a single, stable reference,\n * so two builds still compare equal) reads `theme.fieldRadius` itself and\n * returns the corner alongside the padding, so there is no second `root`\n * value for a later merge to lose. The consequence is deliberate and worth\n * naming: a host that applies ONLY `toggleButtonDensityOverrides()` to a\n * plain MUI theme now gets the FIELD radius (8px, `DEFAULT_FIELD_RADIUS`) on\n * `<ToggleButton>`, not MUI's own `shape.borderRadius` (4px) — matching the\n * fields beside it, not a MUI default nothing else in this package still\n * draws with.\n */\n\nconst toggleButtonRootPadding = ({ theme }: { theme: Theme }): CSSObject => ({\n  padding: rem(theme, 11),\n  borderRadius: fieldRadius(theme),\n});\nconst toggleButtonSmallPadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 7) });\nconst toggleButtonLargePadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 15) });\n\n/** `MuiToggleButton`'s own padding, at every size MUI has. */\nexport function toggleButtonDensityOverrides(): Components<Theme> {\n  return {\n    MuiToggleButton: {\n      styleOverrides: {\n        root: toggleButtonRootPadding,\n        sizeSmall: toggleButtonSmallPadding,\n        sizeLarge: toggleButtonLargePadding,\n      },\n    },\n  };\n}\n\nconst tabRootGeometry = ({ theme }: { theme: Theme }): CSSObject => ({\n  minHeight: rem(theme, 48),\n  padding: rems(theme, 12, 16),\n});\nconst tabLabelIconGeometry = ({ theme }: { theme: Theme }): CSSObject => ({\n  minHeight: rem(theme, 72),\n  paddingTop: rem(theme, 9),\n  paddingBottom: rem(theme, 9),\n});\n\n/** `MuiTab`'s own root height/padding, and the icon+label combo's taller box. */\nexport function tabDensityOverrides(): Components<Theme> {\n  return {\n    MuiTab: {\n      styleOverrides: {\n        root: tabRootGeometry,\n        labelIcon: tabLabelIconGeometry,\n      },\n    },\n  };\n}\n\ninterface TableCellOwnerStateForOverrides {\n  padding?: 'normal' | 'checkbox' | 'none';\n}\ntype TableCellStyleFn = (props: { theme: Theme; ownerState?: TableCellOwnerStateForOverrides }) => CSSObject;\nconst isDefaultTableCellPadding = (padding: TableCellOwnerStateForOverrides['padding']): boolean =>\n  padding === undefined || padding === 'normal';\n\nconst tableCellRootPadding: TableCellStyleFn = ({ theme, ownerState }) =>\n  isDefaultTableCellPadding(ownerState?.padding) ? { padding: rem(theme, 16) } : {};\n\n/**\n * Built with `generateUtilityClass`, not imported from\n * `@mui/material/TableCell`'s own `tableCellClasses` — the same generated\n * string (`TableCell.js` builds `tableCellClasses` from this exact helper),\n * but without pulling `MuiTableCell` onto the critical path of every host\n * that imports `densityThemeOptions`, the same reason `density-overrides.ts`'s\n * `CHIP_LABEL` and `density-overrides.selection.ts`'s `SWITCH_*` constants\n * are built this way instead of read off the component's own classes module\n * (FUT-2993). It also honours a host's own `ClassNameGenerator.configure`,\n * which a hand-typed `.MuiTableCell-paddingCheckbox` string would not.\n */\nconst TABLE_CELL_PADDING_CHECKBOX = generateUtilityClass('MuiTableCell', 'paddingCheckbox');\n\nconst tableCellSmallPadding: TableCellStyleFn = ({ theme, ownerState }) => {\n  const style: CSSObject = {\n    [`&.${TABLE_CELL_PADDING_CHECKBOX}`]: { padding: rems(theme, 0, 12, 0, 16) },\n  };\n  if (isDefaultTableCellPadding(ownerState?.padding)) style.padding = rems(theme, 6, 16);\n  return style;\n};\n\n/** Reaches a BARE `<TableCell>` only — module doc comment above. */\nexport function tableCellDensityOverrides(): Components<Theme> {\n  return {\n    MuiTableCell: {\n      styleOverrides: {\n        root: tableCellRootPadding,\n        sizeSmall: tableCellSmallPadding,\n      },\n    },\n  };\n}\n\n/** The `ownerState` field that tells the ellipsis item apart from a real button. */\ninterface PaginationItemOwnerStateForOverrides {\n  type?: 'page' | 'first' | 'last' | 'start-ellipsis' | 'end-ellipsis' | 'previous' | 'next';\n}\ntype PaginationItemStyleFn = (props: {\n  theme: Theme;\n  ownerState?: PaginationItemOwnerStateForOverrides;\n}) => CSSObject;\n\nconst isPaginationEllipsis = (type: PaginationItemOwnerStateForOverrides['type']): boolean =>\n  type === 'start-ellipsis' || type === 'end-ellipsis';\n\n/** `minWidth` always; `height` only off the ellipsis, which has none of its own. */\nfunction paginationItemGeometryAt(px: number): PaginationItemStyleFn {\n  return ({ theme, ownerState }) => {\n    const style: CSSObject = { minWidth: rem(theme, px) };\n    if (!isPaginationEllipsis(ownerState?.type)) style.height = rem(theme, px);\n    return style;\n  };\n}\nconst paginationItemRootGeometry = paginationItemGeometryAt(32);\nconst paginationItemSmallGeometry = paginationItemGeometryAt(26);\nconst paginationItemLargeGeometry = paginationItemGeometryAt(40);\n\n/**\n * `MuiPaginationItem`'s own `minWidth`/`height`, at every size MUI has —\n * `height` skipped on the ellipsis item, which has none of its own (`auto`).\n */\nexport function paginationItemDensityOverrides(): Components<Theme> {\n  return {\n    MuiPaginationItem: {\n      styleOverrides: {\n        root: paginationItemRootGeometry,\n        sizeSmall: paginationItemSmallGeometry,\n        sizeLarge: paginationItemLargeGeometry,\n      },\n    },\n  };\n}\n\n/** The `ownerState` field that tells which axis the rail's `height`/`4` reads as. */\ninterface SliderOwnerStateForOverrides {\n  orientation?: 'horizontal' | 'vertical';\n}\ntype SliderStyleFn = (props: { theme: Theme; ownerState?: SliderOwnerStateForOverrides }) => CSSObject;\n\n/** The rail's `4`/`2` reads as `height` for a horizontal slider, `width` for a vertical one. */\nfunction sliderRailAxisAt(px: number): SliderStyleFn {\n  return ({ theme, ownerState }) =>\n    ownerState?.orientation === 'vertical' ? { width: rem(theme, px) } : { height: rem(theme, px) };\n}\nconst sliderRootGeometry = sliderRailAxisAt(4);\nconst sliderSmallGeometry = sliderRailAxisAt(2);\nconst sliderThumbGeometry = ({ theme }: { theme: Theme }): CSSObject => ({\n  width: rem(theme, 20),\n  height: rem(theme, 20),\n});\nconst sliderThumbSmallGeometry = ({ theme }: { theme: Theme }): CSSObject => ({\n  width: rem(theme, 12),\n  height: rem(theme, 12),\n});\n\n/** `MuiSlider`'s own rail thickness (root/sizeSmall) and thumb box (thumb/thumbSizeSmall). */\nexport function sliderDensityOverrides(): Components<Theme> {\n  return {\n    MuiSlider: {\n      styleOverrides: {\n        root: sliderRootGeometry,\n        sizeSmall: sliderSmallGeometry,\n        thumb: sliderThumbGeometry,\n        thumbSizeSmall: sliderThumbSmallGeometry,\n      },\n    },\n  };\n}\n\n/**\n * `MuiTabs`' own indicator thickness (`height: 2` horizontal, `width: 2`\n * vertical) — one short of `Tab` in the ticket's own literal list, added\n * after a FUT-2767-review pass over state/orientation-gated literals; same\n * orientation gate as the Slider rail. `@12-apps/ui`'s own `Tabs` draws its\n * OWN 3px indicator through `rem()` already, blocking THIS override there —\n * `tabDensityOverrides` reaches `Tab.root`'s `minHeight` instead (both\n * measured in `density-wrapper-reach.test.stories.tsx`).\n */\ninterface TabsIndicatorOwnerStateForOverrides {\n  orientation?: 'horizontal' | 'vertical';\n}\ntype TabsIndicatorStyleFn = (props: {\n  theme: Theme;\n  ownerState?: TabsIndicatorOwnerStateForOverrides;\n}) => CSSObject;\n\nconst tabsIndicatorAxisAt: TabsIndicatorStyleFn = ({ theme, ownerState }) =>\n  ownerState?.orientation === 'vertical' ? { width: rem(theme, 2) } : { height: rem(theme, 2) };\n\n/** `MuiTabs`' own indicator thickness, by orientation. */\nexport function tabsIndicatorDensityOverrides(): Components<Theme> {\n  return {\n    MuiTabs: {\n      styleOverrides: {\n        indicator: tabsIndicatorAxisAt,\n      },\n    },\n  };\n}\n"],"mappings":";;;;;;;;;AAAA,OAAO,0BAA0B;AAyEjC,IAAM,0BAA0B,CAAC,EAAE,MAAM,OAAoC;AAAA,EAC3E,SAAS,IAAI,OAAO,EAAE;AAAA,EACtB,cAAc,YAAY,KAAK;AACjC;AACA,IAAM,2BAA2B,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,CAAC,EAAE;AACvG,IAAM,2BAA2B,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,EAAE,EAAE;AAGjG,SAAS,+BAAkD;AAChE,SAAO;AAAA,IACL,iBAAiB;AAAA,MACf,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAM,kBAAkB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACnE,WAAW,IAAI,OAAO,EAAE;AAAA,EACxB,SAAS,KAAK,OAAO,IAAI,EAAE;AAC7B;AACA,IAAM,uBAAuB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACxE,WAAW,IAAI,OAAO,EAAE;AAAA,EACxB,YAAY,IAAI,OAAO,CAAC;AAAA,EACxB,eAAe,IAAI,OAAO,CAAC;AAC7B;AAGO,SAAS,sBAAyC;AACvD,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAMA,IAAM,4BAA4B,CAAC,YACjC,YAAY,UAAa,YAAY;AAEvC,IAAM,uBAAyC,CAAC,EAAE,OAAO,WAAW,MAClE,0BAA0B,YAAY,OAAO,IAAI,EAAE,SAAS,IAAI,OAAO,EAAE,EAAE,IAAI,CAAC;AAalF,IAAM,8BAA8B,qBAAqB,gBAAgB,iBAAiB;AAE1F,IAAM,wBAA0C,CAAC,EAAE,OAAO,WAAW,MAAM;AACzE,QAAM,QAAmB;AAAA,IACvB,CAAC,KAAK,2BAA2B,EAAE,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,IAAI,GAAG,EAAE,EAAE;AAAA,EAC7E;AACA,MAAI,0BAA0B,YAAY,OAAO,EAAG,OAAM,UAAU,KAAK,OAAO,GAAG,EAAE;AACrF,SAAO;AACT;AAGO,SAAS,4BAA+C;AAC7D,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAWA,IAAM,uBAAuB,CAAC,SAC5B,SAAS,oBAAoB,SAAS;AAGxC,SAAS,yBAAyB,IAAmC;AACnE,SAAO,CAAC,EAAE,OAAO,WAAW,MAAM;AAChC,UAAM,QAAmB,EAAE,UAAU,IAAI,OAAO,EAAE,EAAE;AACpD,QAAI,CAAC,qBAAqB,YAAY,IAAI,EAAG,OAAM,SAAS,IAAI,OAAO,EAAE;AACzE,WAAO;AAAA,EACT;AACF;AACA,IAAM,6BAA6B,yBAAyB,EAAE;AAC9D,IAAM,8BAA8B,yBAAyB,EAAE;AAC/D,IAAM,8BAA8B,yBAAyB,EAAE;AAMxD,SAAS,iCAAoD;AAClE,SAAO;AAAA,IACL,mBAAmB;AAAA,MACjB,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AASA,SAAS,iBAAiB,IAA2B;AACnD,SAAO,CAAC,EAAE,OAAO,WAAW,MAC1B,YAAY,gBAAgB,aAAa,EAAE,OAAO,IAAI,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,IAAI,OAAO,EAAE,EAAE;AAClG;AACA,IAAM,qBAAqB,iBAAiB,CAAC;AAC7C,IAAM,sBAAsB,iBAAiB,CAAC;AAC9C,IAAM,sBAAsB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACvE,OAAO,IAAI,OAAO,EAAE;AAAA,EACpB,QAAQ,IAAI,OAAO,EAAE;AACvB;AACA,IAAM,2BAA2B,CAAC,EAAE,MAAM,OAAoC;AAAA,EAC5E,OAAO,IAAI,OAAO,EAAE;AAAA,EACpB,QAAQ,IAAI,OAAO,EAAE;AACvB;AAGO,SAAS,yBAA4C;AAC1D,SAAO;AAAA,IACL,WAAW;AAAA,MACT,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,OAAO;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF;AAmBA,IAAM,sBAA4C,CAAC,EAAE,OAAO,WAAW,MACrE,YAAY,gBAAgB,aAAa,EAAE,OAAO,IAAI,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,IAAI,OAAO,CAAC,EAAE;AAGvF,SAAS,gCAAmD;AACjE,SAAO;AAAA,IACL,SAAS;AAAA,MACP,gBAAgB;AAAA,QACd,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-JE5GEWTG.js → chunk-NT62LREU.js}

@@ -1,7 +1,7 @@
 import {
   fieldControlStyles,
   fieldTextFieldStyles
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -44,4 +44,4 @@ var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "gla
 export {
   AddressTextField
 };
-//# sourceMappingURL=chunk-JE5GEWTG.js.map
+//# sourceMappingURL=chunk-NT62LREU.js.map

package/dist/{chunk-AWG2AJHX.js → chunk-NXQKTMMQ.js}

@@ -7,7 +7,7 @@ import {
 import {
   fieldControlStyles,
   fieldTextFieldStyles
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -348,4 +348,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-AWG2AJHX.js.map
+//# sourceMappingURL=chunk-NXQKTMMQ.js.map

package/dist/{chunk-C7GYSLPO.js → chunk-OBLTWZP2.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-BEGTLELZ.js";
 import {
   fieldHeight
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   sheen
 } from "./chunk-FQ6UW7IY.js";
@@ -275,4 +275,4 @@ LazyImage.displayName = "LazyImage";
 export {
   LazyImage
 };
-//# sourceMappingURL=chunk-C7GYSLPO.js.map
+//# sourceMappingURL=chunk-OBLTWZP2.js.map

package/dist/{chunk-HGI56VCG.js → chunk-OWILUXWM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-G3E66C6J.js";
 import {
   useDensity
-} from "./chunk-3WWI75NM.js";
+} from "./chunk-SJ4IAZ3V.js";
 import {
   rem,
   remPx
@@ -203,4 +203,4 @@ export {
   mapThemeToGridDensity,
   useDataGridModel
 };
-//# sourceMappingURL=chunk-HGI56VCG.js.map
+//# sourceMappingURL=chunk-OWILUXWM.js.map

package/dist/{chunk-T7BTVBOE.js → chunk-P7YUOH2E.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-L3MRRAZM.js";
 import {
   useDensity
-} from "./chunk-3WWI75NM.js";
+} from "./chunk-SJ4IAZ3V.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -311,4 +311,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-T7BTVBOE.js.map
+//# sourceMappingURL=chunk-P7YUOH2E.js.map

package/dist/{chunk-MSAAOQAD.js → chunk-PXDJQQ6X.js}

@@ -1,18 +1,18 @@
 import {
   CategoryPanelList
-} from "./chunk-TPVSHO75.js";
+} from "./chunk-27L7H5AM.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
-} from "./chunk-S4IXC2V3.js";
+} from "./chunk-DZQEFBSG.js";
 import {
   CategoryMultiFoot,
   CategorySingleFoot
-} from "./chunk-7KKMZJFT.js";
+} from "./chunk-S4GY5DXF.js";
 import {
   panelSx,
   sheetSx
-} from "./chunk-Z6T5SXST.js";
+} from "./chunk-EO7BGDLF.js";
 import {
   CategoryQuickActions
 } from "./chunk-PGGYZU7Q.js";
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-MSAAOQAD.js.map
+//# sourceMappingURL=chunk-PXDJQQ6X.js.map

package/dist/{chunk-TWVRPT7J.js → chunk-QIUDYFKA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-V54LG3QG.js";
+} from "./chunk-UO3NDN45.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-TWVRPT7J.js.map
+//# sourceMappingURL=chunk-QIUDYFKA.js.map

package/dist/{chunk-K45ML7M7.js → chunk-QJUOWOE4.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-6GAZAJXB.js";
+} from "./chunk-UPCH5QOX.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-K45ML7M7.js.map
+//# sourceMappingURL=chunk-QJUOWOE4.js.map

package/dist/{chunk-6TPYT3UC.js → chunk-QTMMZ7QO.js}

@@ -1,7 +1,7 @@
 import {
   asFieldSize,
   fieldHeight
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -87,4 +87,4 @@ var otpSlotSx = (theme, flags) => {
 export {
   otpSlotSx
 };
-//# sourceMappingURL=chunk-6TPYT3UC.js.map
+//# sourceMappingURL=chunk-QTMMZ7QO.js.map

package/dist/{chunk-NDOOZ5OS.js → chunk-QWTPK3FT.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-FYWG2I6N.js";
+} from "./chunk-MT7XMJUJ.js";
 import {
   useDataViewsState
-} from "./chunk-HKBJZX3C.js";
+} from "./chunk-4A535L3N.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-NDOOZ5OS.js.map
+//# sourceMappingURL=chunk-QWTPK3FT.js.map

package/dist/{chunk-PWPCFN62.js → chunk-RCJOTNIW.js}

@@ -4,7 +4,7 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-HJJNNRVM.js";
+} from "./chunk-3U45DRNS.js";
 import {
   flatStyles,
   surfaceStyles,
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-PWPCFN62.js.map
+//# sourceMappingURL=chunk-RCJOTNIW.js.map

package/dist/{chunk-K6LNHHSH.js → chunk-RIZRF5XR.js}

@@ -4,7 +4,7 @@ import {
   buttonVariantStyles,
   getColorFromTheme,
   iconAlignmentStyles
-} from "./chunk-ZKWVCSAB.js";
+} from "./chunk-LTE2QHBH.js";
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-LN46DSMF.js";
@@ -128,4 +128,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-K6LNHHSH.js.map
+//# sourceMappingURL=chunk-RIZRF5XR.js.map

package/dist/{chunk-BOH4JG25.js → chunk-ROSYXRNN.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-CBOB5AV6.js";
 import {
   NumberBoundInput
-} from "./chunk-YRUX7XMQ.js";
+} from "./chunk-CMVEXPUV.js";
 import {
   isRangeInverted,
   isRangeSet,
@@ -18,13 +18,13 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-FXWXBEOZ.js";
+} from "./chunk-DDJXV6EB.js";
 import {
   DayBoundInput
-} from "./chunk-FDMQ7H22.js";
+} from "./chunk-JXTJI2YF.js";
 import {
   fieldHeight
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-BOH4JG25.js.map
+//# sourceMappingURL=chunk-ROSYXRNN.js.map

package/dist/{chunk-7KKMZJFT.js → chunk-S4GY5DXF.js}

@@ -1,7 +1,7 @@
 import {
   METRICS,
   footerSx
-} from "./chunk-Z6T5SXST.js";
+} from "./chunk-EO7BGDLF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -84,4 +84,4 @@ export {
   CategoryMultiFoot,
   CategorySingleFoot
 };
-//# sourceMappingURL=chunk-7KKMZJFT.js.map
+//# sourceMappingURL=chunk-S4GY5DXF.js.map

package/dist/{chunk-3WWI75NM.js → chunk-SJ4IAZ3V.js}

@@ -1,11 +1,11 @@
 import {
   chipDensityOverrides,
   iconButtonDensityOverrides
-} from "./chunk-XK77FY42.js";
+} from "./chunk-25MSGLNU.js";
 import {
   checkboxRadioDensityOverrides,
   switchDensityOverrides
-} from "./chunk-4ELI2MM3.js";
+} from "./chunk-GAXHYRX6.js";
 import {
   paginationItemDensityOverrides,
   sliderDensityOverrides,
@@ -13,11 +13,11 @@ import {
   tableCellDensityOverrides,
   tabsIndicatorDensityOverrides,
   toggleButtonDensityOverrides
-} from "./chunk-K3YHXOWZ.js";
+} from "./chunk-NP6SHLQ3.js";
 import {
   fieldOverrides,
   mergeMuiComponents
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   densityFieldHeight,
   densityFontSize,
@@ -40,6 +40,12 @@ function densityThemeOptions(density, factors, fieldRadius = DEFAULT_FIELD_RADIU
     typography: { fontSize: densityFontSize(factor) },
     spacing: densitySpacingUnit(factor),
     fieldHeight,
+    // A standalone host (never `createUiTheme`/`UiProvider`) that draws its
+    // OWN, non-default radius states it through this 3rd argument; reporting
+    // it back here (FUT-2967) lets `@12-apps/app-shell`'s `createAppTheme`
+    // spread this object's OWN `fieldRadius` into its `createTheme()` call
+    // instead of tracking the number separately — the two can never disagree.
+    fieldRadius,
     components: mergeMuiComponents(
       fieldOverrides(fieldRadius, fieldHeight),
       iconButtonDensityOverrides(),
@@ -60,4 +66,4 @@ export {
   useDensity,
   densityThemeOptions
 };
-//# sourceMappingURL=chunk-3WWI75NM.js.map
+//# sourceMappingURL=chunk-SJ4IAZ3V.js.map

package/dist/{chunk-3WWI75NM.js.map → chunk-SJ4IAZ3V.js.map}

@@ -1 +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":[]}
+{"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' | 'fieldRadius' | '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    // A standalone host (never `createUiTheme`/`UiProvider`) that draws its\n    // OWN, non-default radius states it through this 3rd argument; reporting\n    // it back here (FUT-2967) lets `@12-apps/app-shell`'s `createAppTheme`\n    // spread this object's OWN `fieldRadius` into its `createTheme()` call\n    // instead of tracking the number separately — the two can never disagree.\n    fieldRadius,\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,sBACuE;AAC7F,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;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA;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-EISPWFYO.js → chunk-SKZABRJN.js}

@@ -1,7 +1,7 @@
 import {
   SelectFieldControl,
   formControlSize
-} from "./chunk-PQS3IPMD.js";
+} from "./chunk-LH6SHG63.js";
 import {
   SEARCHABLE_MIN_OPTIONS,
   SELECT_SEARCH
@@ -11,7 +11,7 @@ import {
 } from "./chunk-TYJR4GOF.js";
 import {
   asFieldSize
-} from "./chunk-M47ZOUGF.js";
+} from "./chunk-2TZ6X265.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -143,4 +143,4 @@ export {
   shouldSearch,
   SearchableSelect
 };
-//# sourceMappingURL=chunk-EISPWFYO.js.map
+//# sourceMappingURL=chunk-SKZABRJN.js.map

package/dist/{chunk-VYV3JOV5.js → chunk-SUH5QFAB.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-NQ7NMCRI.js";
+} from "./chunk-UWCMMK2T.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useTheme } from "@mui/material/styles/index.js";
@@ -62,4 +62,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-VYV3JOV5.js.map
+//# sourceMappingURL=chunk-SUH5QFAB.js.map

package/dist/{chunk-QQPA3AH6.js → chunk-TH7RBREI.js}

@@ -1,6 +1,6 @@
 import {
   RAIL_GAP_PX
-} from "./chunk-IAK37ABV.js";
+} from "./chunk-5ZBFADBL.js";
 import {
   DescriptionItem
 } from "./chunk-DSHM7VN6.js";
@@ -226,4 +226,4 @@ export {
   ListCardActions,
   ListCardTail
 };
-//# sourceMappingURL=chunk-QQPA3AH6.js.map
+//# sourceMappingURL=chunk-TH7RBREI.js.map