@12-apps/ui 6.50.0 → 6.51.0

package/dist/chunk-HKEBTPKY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.rail.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { ElementType, ReactNode } from 'react';\n\nimport type { SectionNavCopy } from '../../../copy';\nimport { rem } from '../../../tokens/scales';\n\nimport { destinationState, isMenu } from './SectionNav.helpers';\nimport {\n  Box,\n  CONTROL_RESET,\n  CountedIcon,\n  NOT_LIVE,\n  SlotIcon,\n  controlProps,\n  destinationControl,\n  focusRing,\n} from './SectionNav.parts';\nimport type {\n  SectionNavAction,\n  SectionNavBack,\n  SectionNavDestination,\n  SectionNavMenu,\n  SectionNavProps,\n} from './SectionNav.types';\n\n/**\n * One rail row: icon, label, and the count at the far end.\n *\n * Destinations and menu entries draw the same row — in the rail there is room\n * for everything, so the difference between \"a place\" and \"an action\" is the\n * section it sits in, not its shape.\n *\n * `active` is the look; `current` is what `aria-current` reports, and is a\n * link's claim only — an action row that is ON says so with `aria-pressed`,\n * which arrives in `control`. Omitted, `current` follows `active`.\n */\nfunction RailRow({\n  label,\n  description,\n  icon,\n  count,\n  active,\n  current = active,\n  copy,\n  testId,\n  control,\n  loading = false,\n}: {\n  label: string;\n  description?: string;\n  icon: ReactNode;\n  count: number | undefined;\n  active: boolean;\n  current?: boolean;\n  copy: SectionNavCopy;\n  testId: string;\n  control: Record<string, unknown>;\n  loading?: boolean;\n}): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...control}\n      aria-current={current ? 'page' : undefined}\n      aria-busy={loading || undefined}\n      data-testid={testId}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1.5,\n        width: '100%',\n        minHeight: rem(theme, 40),\n        px: 1.25,\n        py: 0.75,\n        borderRadius: 1,\n        textAlign: 'start',\n        color: active ? 'primary.main' : 'text.primary',\n        bgcolor: active ? 'action.selected' : 'transparent',\n        '&:hover': { bgcolor: active ? 'action.selected' : 'action.hover' },\n        '& svg': { color: 'primary.main', fontSize: rem(theme, 20) },\n        [NOT_LIVE]: { color: 'text.disabled', '& svg': { color: 'text.disabled' } },\n      }}\n    >\n      <CountedIcon\n        icon={<SlotIcon icon={icon} loading={loading} />}\n        count={count}\n        label={copy.badge}\n        testId={`${testId}-badge`}\n      />\n      <Box component=\"span\" sx={{ display: 'flex', flexDirection: 'column', minWidth: 0 }}>\n        <Typography component=\"span\" variant=\"body2\" sx={{ fontWeight: active ? 700 : 500 }}>\n          {label}\n        </Typography>\n        {description ? (\n          <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        ) : null}\n      </Box>\n    </Box>\n  );\n}\n\n/** A heading between the rail's sections, in the sidebar's small-caps voice. */\nfunction RailHeading({ children }: { children: ReactNode }): React.JSX.Element {\n  return (\n    <Typography variant=\"overline\" color=\"text.secondary\" sx={{ px: 1.25, pt: 1.5, lineHeight: 1.6 }}>\n      {children}\n    </Typography>\n  );\n}\n\n/**\n * A menu's groups, listed under its title — nothing folded away on a wide\n * screen. A `disabled` menu has no trigger here to refuse, so every row of it\n * is inert instead.\n */\nfunction RailMenu({\n  menu,\n  linkComponent,\n  copy,\n  testId,\n}: {\n  menu: SectionNavMenu;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box component=\"section\" data-testid={testId} sx={{ display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      <RailHeading>{menu.title}</RailHeading>\n      {menu.groups.map((group) => (\n        <Box key={group.id} sx={{ display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n          {group.title ? (\n            <Typography variant=\"caption\" color=\"text.secondary\" sx={{ px: 1.25, pt: 0.5 }}>\n              {group.title}\n            </Typography>\n          ) : null}\n          {group.entries.map((entry) => (\n            <RailRow\n              key={entry.id}\n              label={entry.label}\n              description={entry.description}\n              icon={entry.icon}\n              count={entry.badge}\n              active={entry.active === true}\n              copy={copy}\n              testId={entry.dataTestId ?? `${testId}-entry-${entry.id}`}\n              control={controlProps({\n                href: entry.href,\n                linkComponent,\n                inert: menu.disabled === true || entry.disabled === true,\n                onClick: () => entry.onSelect?.(),\n              })}\n            />\n          ))}\n        </Box>\n      ))}\n    </Box>\n  );\n}\n\n/** The way back out of the section, at the top of the rail. */\nfunction RailBack({\n  back,\n  linkComponent,\n  testId,\n}: {\n  back: SectionNavBack;\n  linkComponent: ElementType | undefined;\n  testId: string;\n}): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...controlProps({ href: back.href, linkComponent })}\n      data-testid={testId}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1,\n        px: 1.25,\n        py: 0.75,\n        mb: 0.5,\n        borderRadius: 1,\n        color: 'text.secondary',\n        '&:hover': { bgcolor: 'action.hover', color: 'text.primary' },\n        '& svg': { fontSize: rem(theme, 20) },\n      }}\n    >\n      {back.icon}\n      <Typography component=\"span\" variant=\"body2\" sx={{ fontWeight: 600 }}>\n        {back.label}\n      </Typography>\n    </Box>\n  );\n}\n\n/** A primary that ACTS, as one row: there is no sheet to list on a wide screen. */\nfunction RailAction({\n  action,\n  linkComponent,\n  copy,\n  testId,\n}: {\n  action: SectionNavAction;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <RailRow\n      label={action.label}\n      icon={action.icon}\n      count={undefined}\n      active={false}\n      copy={copy}\n      testId={action.dataTestId ?? testId}\n      loading={action.loading === true}\n      control={controlProps({\n        href: undefined,\n        linkComponent,\n        inert: action.disabled === true,\n        busy: action.loading === true,\n        onClick: action.onSelect,\n      })}\n    />\n  );\n}\n\n/** A destination as a row: a link, or an action (a toggle when it carries `active`). */\nfunction RailDestination({\n  destination,\n  linkComponent,\n  copy,\n  testId,\n}: {\n  destination: SectionNavDestination;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n}): React.JSX.Element {\n  const { current, lit } = destinationState(destination);\n  return (\n    <RailRow\n      label={destination.label}\n      icon={destination.icon}\n      count={destination.badge}\n      active={lit}\n      current={current}\n      copy={copy}\n      testId={testId}\n      loading={destination.loading === true}\n      control={destinationControl(destination, linkComponent, () => destination.onSelect?.())}\n    />\n  );\n}\n\n/**\n * The wide-screen layout: a vertical rail — the way back, the destinations,\n * then every menu's entries.\n *\n * It fills the column the host gives it and scrolls on its own, like the\n * sidebar it stands in for.\n */\nexport function SectionNavRail({\n  label,\n  destinations,\n  primary,\n  more,\n  back,\n  heading,\n  linkComponent,\n  copy,\n  dataTestId,\n}: Required<Pick<SectionNavProps, 'label' | 'destinations' | 'copy' | 'dataTestId'>> &\n  Pick<SectionNavProps, 'primary' | 'more' | 'back' | 'heading'> & {\n    linkComponent: ElementType | undefined;\n  }): React.JSX.Element {\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={label}\n      data-testid={dataTestId}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 0.25,\n        height: '100%',\n        overflowY: 'auto',\n        px: 1,\n        py: 1.5,\n        bgcolor: 'background.paper',\n      }}\n    >\n      {back ? <RailBack back={back} linkComponent={linkComponent} testId={`${dataTestId}-back`} /> : null}\n      {heading ? <RailHeading>{heading}</RailHeading> : null}\n      {destinations.map((destination) => (\n        <RailDestination\n          key={destination.id}\n          destination={destination}\n          linkComponent={linkComponent}\n          copy={copy}\n          testId={destination.dataTestId ?? `${dataTestId}-dest-${destination.id}`}\n        />\n      ))}\n      {primary && !isMenu(primary) ? (\n        <RailAction action={primary} linkComponent={linkComponent} copy={copy} testId={`${dataTestId}-primary`} />\n      ) : null}\n      {isMenu(primary) ? (\n        <RailMenu menu={primary} linkComponent={linkComponent} copy={copy} testId={`${dataTestId}-primary`} />\n      ) : null}\n      {more ? <RailMenu menu={more} linkComponent={linkComponent} copy={copy} testId={`${dataTestId}-more`} /> : null}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ZC3NEUNQ.js → chunk-I2LF53MJ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   useDensity
-} from "./chunk-SWDDXMV7.js";
+} from "./chunk-SJ4IAZ3V.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -196,4 +196,4 @@ export {
   useDataViewsLayout,
   DataViewsZoomSlider
 };
-//# sourceMappingURL=chunk-ZC3NEUNQ.js.map
+//# sourceMappingURL=chunk-I2LF53MJ.js.map

package/dist/{chunk-ZFQVT6HZ.js → chunk-II7Z5UB6.js}

@@ -4,7 +4,7 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-YMW2VYGU.js";
+} from "./chunk-DLO5V4AV.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-ZFQVT6HZ.js.map
+//# sourceMappingURL=chunk-II7Z5UB6.js.map

package/dist/{chunk-K65NSHQI.js → chunk-L3CQTVFU.js}

@@ -12,20 +12,20 @@ import {
 } from "./chunk-UWCMMK2T.js";
 import {
   ListCardGroup
-} from "./chunk-DFCX3FNB.js";
+} from "./chunk-5ZBFADBL.js";
 import {
   DENSITY_BOARD_SCALE,
   DENSITY_ROW_PADDING,
   cardScaleForZoom,
   cardTargetWidthFor,
   useDataViewsLayout
-} from "./chunk-ZC3NEUNQ.js";
+} from "./chunk-I2LF53MJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-ZQCZMSLO.js";
+} from "./chunk-4B5WSVS7.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -274,4 +274,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-K65NSHQI.js.map
+//# sourceMappingURL=chunk-L3CQTVFU.js.map

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

@@ -13,7 +13,7 @@ import {
 } from "./chunk-MPYIEIBA.js";
 import {
   GridMain
-} from "./chunk-K65NSHQI.js";
+} from "./chunk-L3CQTVFU.js";
 import {
   DataViewsPagination
 } from "./chunk-GPROISHG.js";
@@ -26,17 +26,17 @@ import {
 } from "./chunk-KX75HM5U.js";
 import {
   ScopeTabsSlot
-} from "./chunk-7FQF5BC2.js";
+} from "./chunk-ESW4Z5I7.js";
 import {
   ShellToolbar
-} from "./chunk-FT7BNFGS.js";
+} from "./chunk-YK4ZG5Y4.js";
 import {
   togglePillValues
 } from "./chunk-UWCMMK2T.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
-} from "./chunk-ZC3NEUNQ.js";
+} from "./chunk-I2LF53MJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-EY4GPLMF.js.map
+//# sourceMappingURL=chunk-MT7XMJUJ.js.map

package/dist/{chunk-TELVW2OI.js → chunk-MYCR7FMI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MKJ4FMEF.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-ZFQVT6HZ.js";
+} from "./chunk-II7Z5UB6.js";
 import {
   renderBulkActions
 } from "./chunk-UWCMMK2T.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-TELVW2OI.js.map
+//# sourceMappingURL=chunk-MYCR7FMI.js.map

package/dist/{chunk-56TGECKZ.js → chunk-NP6SHLQ3.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-YKCAJ2TN.js";
 
 // src/tokens/density-overrides.navigation.ts
-import { tableCellClasses } from "@mui/material/TableCell/index.js";
+import generateUtilityClass from "@mui/material/generateUtilityClass/index.js";
 var toggleButtonRootPadding = ({ theme }) => ({
   padding: rem(theme, 11),
   borderRadius: fieldRadius(theme)
@@ -46,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;
@@ -129,4 +130,4 @@ export {
   sliderDensityOverrides,
   tabsIndicatorDensityOverrides
 };
-//# sourceMappingURL=chunk-56TGECKZ.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-WB6BTUXQ.js → chunk-OWILUXWM.js}

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

package/dist/{chunk-VHVI3D4R.js → chunk-P3GBXE73.js}

@@ -16,11 +16,20 @@ function barSlots(destinations, hasMore, hasPrimary) {
   if (hasPrimary) slots.splice(Math.floor(slots.length / 2), 0, { kind: "primary" });
   return slots;
 }
+function isMenu(primary) {
+  return primary !== void 0 && "groups" in primary;
+}
+function destinationState(destination) {
+  const active = destination.active === true;
+  return { current: active && destination.href !== void 0, lit: active && destination.dimmed !== true };
+}
 
 export {
   shownCount,
   menuCount,
   menuActive,
-  barSlots
+  barSlots,
+  isMenu,
+  destinationState
 };
-//# sourceMappingURL=chunk-VHVI3D4R.js.map
+//# sourceMappingURL=chunk-P3GBXE73.js.map

package/dist/chunk-P3GBXE73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.helpers.ts"],"sourcesContent":["import type { SectionNavAction, SectionNavDestination, SectionNavMenu } from './SectionNav.types';\n\n/** A count worth drawing: positive and finite. Zero and \"unknown\" draw nothing. */\nexport function shownCount(count: number | undefined): number | undefined {\n  return count !== undefined && Number.isFinite(count) && count > 0 ? count : undefined;\n}\n\n/**\n * The \"more\" slot's badge: its entries' counts, rolled up.\n *\n * The same reason a folded sidebar parent shows its children's counts — the\n * sheet starts closed, so a count only visible once it is opened is one nobody\n * sees.\n */\nexport function menuCount(menu: SectionNavMenu | undefined): number | undefined {\n  if (!menu) return undefined;\n  const total = menu.groups\n    .flatMap((group) => group.entries)\n    .reduce((sum, entry) => sum + (shownCount(entry.badge) ?? 0), 0);\n  return shownCount(total);\n}\n\n/** Is the viewer on one of this menu's entries? Then its slot reads as current. */\nexport function menuActive(menu: SectionNavMenu | undefined): boolean {\n  return menu?.groups.some((group) => group.entries.some((entry) => entry.active === true)) ?? false;\n}\n\n/** What one bar slot holds, in left-to-right order. */\nexport type BarSlot =\n  | { kind: 'destination'; destination: SectionNavDestination }\n  | { kind: 'more' }\n  | { kind: 'primary' };\n\n/**\n * The bar's slots: the destinations, then `more`, with `primary` in the MIDDLE.\n *\n * The middle is where a thumb rests and where a raised button reads as the\n * one thing this bar is for. With four slots it lands between the second and\n * the third; with an odd count it takes the lower middle, so the heavier side\n * is the right one, under the thumb of a right-handed phone.\n */\nexport function barSlots(\n  destinations: readonly SectionNavDestination[],\n  hasMore: boolean,\n  hasPrimary: boolean,\n): BarSlot[] {\n  const slots: BarSlot[] = destinations.map((destination) => ({ kind: 'destination', destination }));\n  if (hasMore) slots.push({ kind: 'more' });\n  if (hasPrimary) slots.splice(Math.floor(slots.length / 2), 0, { kind: 'primary' });\n  return slots;\n}\n\n/** A primary that opens a sheet, as opposed to one that acts on tap. */\nexport function isMenu(primary: SectionNavMenu | SectionNavAction | undefined): primary is SectionNavMenu {\n  return primary !== undefined && 'groups' in primary;\n}\n\n/**\n * How a destination reads. `current` is `aria-current=\"page\"` and belongs to a\n * LINK only — an action slot that is ON reports `aria-pressed` instead. `lit`\n * is the look, and a `dimmed` slot is never lit: it says \"not now\".\n */\nexport function destinationState(destination: SectionNavDestination): { current: boolean; lit: boolean } {\n  const active = destination.active === true;\n  return { current: active && destination.href !== undefined, lit: active && destination.dimmed !== true };\n}\n"],"mappings":";AAGO,SAAS,WAAW,OAA+C;AACxE,SAAO,UAAU,UAAa,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ;AAC9E;AASO,SAAS,UAAU,MAAsD;AAC9E,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,QAAQ,KAAK,OAChB,QAAQ,CAAC,UAAU,MAAM,OAAO,EAChC,OAAO,CAAC,KAAK,UAAU,OAAO,WAAW,MAAM,KAAK,KAAK,IAAI,CAAC;AACjE,SAAO,WAAW,KAAK;AACzB;AAGO,SAAS,WAAW,MAA2C;AACpE,SAAO,MAAM,OAAO,KAAK,CAAC,UAAU,MAAM,QAAQ,KAAK,CAAC,UAAU,MAAM,WAAW,IAAI,CAAC,KAAK;AAC/F;AAgBO,SAAS,SACd,cACA,SACA,YACW;AACX,QAAM,QAAmB,aAAa,IAAI,CAAC,iBAAiB,EAAE,MAAM,eAAe,YAAY,EAAE;AACjG,MAAI,QAAS,OAAM,KAAK,EAAE,MAAM,OAAO,CAAC;AACxC,MAAI,WAAY,OAAM,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC,GAAG,GAAG,EAAE,MAAM,UAAU,CAAC;AACjF,SAAO;AACT;AAGO,SAAS,OAAO,SAAmF;AACxG,SAAO,YAAY,UAAa,YAAY;AAC9C;AAOO,SAAS,iBAAiB,aAAwE;AACvG,QAAM,SAAS,YAAY,WAAW;AACtC,SAAO,EAAE,SAAS,UAAU,YAAY,SAAS,QAAW,KAAK,UAAU,YAAY,WAAW,KAAK;AACzG;","names":[]}

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

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

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

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-EY4GPLMF.js";
+} from "./chunk-MT7XMJUJ.js";
 import {
   useDataViewsState
 } from "./chunk-4A535L3N.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-VOP2BXKL.js.map
+//# sourceMappingURL=chunk-QWTPK3FT.js.map

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

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

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

@@ -4,7 +4,7 @@ import {
   CountedIcon,
   controlProps,
   focusRing
-} from "./chunk-GLKQT2DS.js";
+} from "./chunk-A436VORP.js";
 import {
   Drawer,
   DrawerContent,
@@ -26,13 +26,14 @@ function GridEntry({ entry, linkComponent, copy, testId, onDone }) {
       ...controlProps({
         href: entry.href,
         linkComponent,
+        inert: entry.disabled === true,
         onClick: () => {
           entry.onSelect?.();
           onDone();
         }
       }),
       "aria-current": entry.active ? "page" : void 0,
-      "data-testid": `${testId}-entry-${entry.id}`,
+      "data-testid": entry.dataTestId ?? `${testId}-entry-${entry.id}`,
       sx: {
         ...CONTROL_RESET,
         ...focusRing(theme),
@@ -48,7 +49,8 @@ function GridEntry({ entry, linkComponent, copy, testId, onDone }) {
         textAlign: "center",
         bgcolor: entry.active ? "action.selected" : "action.hover",
         color: entry.active ? "primary.main" : "text.primary",
-        "& svg": { color: "primary.main" }
+        "& svg": { color: "primary.main" },
+        "&:disabled": { color: "text.disabled", "& svg": { color: "text.disabled" } }
       },
       children: [
         /* @__PURE__ */ jsx(CountedIcon, { icon: entry.icon, count: entry.badge, label: copy.badge, testId: `${testId}-badge-${entry.id}` }),
@@ -65,13 +67,14 @@ function ListEntry({ entry, linkComponent, copy, testId, onDone }) {
       ...controlProps({
         href: entry.href,
         linkComponent,
+        inert: entry.disabled === true,
         onClick: () => {
           entry.onSelect?.();
           onDone();
         }
       }),
       "aria-current": entry.active ? "page" : void 0,
-      "data-testid": `${testId}-entry-${entry.id}`,
+      "data-testid": entry.dataTestId ?? `${testId}-entry-${entry.id}`,
       sx: {
         ...CONTROL_RESET,
         ...focusRing(theme),
@@ -85,7 +88,8 @@ function ListEntry({ entry, linkComponent, copy, testId, onDone }) {
         borderRadius: 1.5,
         textAlign: "start",
         bgcolor: entry.active ? "action.selected" : "action.hover",
-        "& svg": { color: "primary.main" }
+        "& svg": { color: "primary.main" },
+        "&:disabled": { color: "text.disabled", "& svg": { color: "text.disabled" } }
       },
       children: [
         /* @__PURE__ */ jsx(CountedIcon, { icon: entry.icon, count: entry.badge, label: copy.badge, testId: `${testId}-badge-${entry.id}` }),
@@ -171,4 +175,4 @@ function SectionNavSheet({
 export {
   SectionNavSheet
 };
-//# sourceMappingURL=chunk-32JMSHEA.js.map
+//# sourceMappingURL=chunk-S4ZUZ6DS.js.map

package/dist/chunk-S4ZUZ6DS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/SectionNav/SectionNav.sheet.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { ElementType } from 'react';\n\nimport { rem } from '../../../tokens/scales';\nimport { Drawer, DrawerContent, DrawerHeader } from '../../layout/Drawer';\n\nimport { Box, CONTROL_RESET, CountedIcon, controlProps, focusRing } from './SectionNav.parts';\nimport type { SectionNavEntry, SectionNavGroup, SectionNavMenu } from './SectionNav.types';\nimport type { SectionNavCopy } from '../../../copy';\n\ninterface EntryProps {\n  entry: SectionNavEntry;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n  onDone: () => void;\n}\n\n/** A tile in a `grid` group: icon over a short label. */\nfunction GridEntry({ entry, linkComponent, copy, testId, onDone }: EntryProps): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...controlProps({\n        href: entry.href,\n        linkComponent,\n        inert: entry.disabled === true,\n        onClick: () => {\n          entry.onSelect?.();\n          onDone();\n        },\n      })}\n      aria-current={entry.active ? 'page' : undefined}\n      data-testid={entry.dataTestId ?? `${testId}-entry-${entry.id}`}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 0.75,\n        minHeight: rem(theme, 76),\n        px: 0.5,\n        py: 1,\n        borderRadius: 1.5,\n        textAlign: 'center',\n        bgcolor: entry.active ? 'action.selected' : 'action.hover',\n        color: entry.active ? 'primary.main' : 'text.primary',\n        '& svg': { color: 'primary.main' },\n        '&:disabled': { color: 'text.disabled', '& svg': { color: 'text.disabled' } },\n      }}\n    >\n      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} testId={`${testId}-badge-${entry.id}`} />\n      <Typography component=\"span\" variant=\"caption\" sx={{ lineHeight: 1.2, fontWeight: entry.active ? 700 : 500 }}>\n        {entry.label}\n      </Typography>\n    </Box>\n  );\n}\n\n/** A row in a `list` group: icon, label, and the description under it. */\nfunction ListEntry({ entry, linkComponent, copy, testId, onDone }: EntryProps): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Box\n      {...controlProps({\n        href: entry.href,\n        linkComponent,\n        inert: entry.disabled === true,\n        onClick: () => {\n          entry.onSelect?.();\n          onDone();\n        },\n      })}\n      aria-current={entry.active ? 'page' : undefined}\n      data-testid={entry.dataTestId ?? `${testId}-entry-${entry.id}`}\n      sx={{\n        ...CONTROL_RESET,\n        ...focusRing(theme),\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1.5,\n        width: '100%',\n        minHeight: rem(theme, 52),\n        px: 1.5,\n        py: 1,\n        borderRadius: 1.5,\n        textAlign: 'start',\n        bgcolor: entry.active ? 'action.selected' : 'action.hover',\n        '& svg': { color: 'primary.main' },\n        '&:disabled': { color: 'text.disabled', '& svg': { color: 'text.disabled' } },\n      }}\n    >\n      <CountedIcon icon={entry.icon} count={entry.badge} label={copy.badge} testId={`${testId}-badge-${entry.id}`} />\n      <Box component=\"span\" sx={{ display: 'flex', flexDirection: 'column', minWidth: 0 }}>\n        <Typography component=\"span\" variant=\"body2\" sx={{ fontWeight: 600 }}>\n          {entry.label}\n        </Typography>\n        {entry.description ? (\n          <Typography component=\"span\" variant=\"caption\" color=\"text.secondary\">\n            {entry.description}\n          </Typography>\n        ) : null}\n      </Box>\n    </Box>\n  );\n}\n\n/** One titled run of entries, as tiles or rows. */\nfunction SheetGroup({\n  group,\n  linkComponent,\n  copy,\n  testId,\n  onDone,\n}: Omit<EntryProps, 'entry'> & { group: SectionNavGroup }): React.JSX.Element {\n  const grid = group.layout === 'grid';\n  const Entry = grid ? GridEntry : ListEntry;\n  return (\n    <Box component=\"section\" data-testid={`${testId}-group-${group.id}`} sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n      {group.title ? (\n        <Typography variant=\"overline\" color=\"text.secondary\" sx={{ lineHeight: 1.6 }}>\n          {group.title}\n        </Typography>\n      ) : null}\n      <Box\n        sx={\n          grid\n            ? { display: 'grid', gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', gap: 1 }\n            : { display: 'flex', flexDirection: 'column', gap: 0.75 }\n        }\n      >\n        {group.entries.map((entry) => (\n          <Entry key={entry.id} entry={entry} linkComponent={linkComponent} copy={copy} testId={testId} onDone={onDone} />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * A menu opened from the bar: a bottom sheet over the page.\n *\n * Choosing an entry closes it — a link has somewhere to go and an action has\n * something to do, and neither wants the sheet still covering the screen.\n */\nexport function SectionNavSheet({\n  menu,\n  open,\n  onClose,\n  linkComponent,\n  copy,\n  testId,\n  bottomOffset,\n}: {\n  menu: SectionNavMenu;\n  open: boolean;\n  onClose: () => void;\n  linkComponent: ElementType | undefined;\n  copy: SectionNavCopy;\n  testId: string;\n  /** How far above the viewport's foot the sheet stops — the bar's own height, so the bar stays visible. */\n  bottomOffset: string;\n}): React.JSX.Element {\n  const theme = useTheme();\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"bottom\"\n      height=\"auto\"\n      dataTestId={testId}\n      paperSx={{\n        borderTopLeftRadius: rem(theme, Number(theme.shape.borderRadius) * 3),\n        borderTopRightRadius: rem(theme, Number(theme.shape.borderRadius) * 3),\n        maxHeight: `calc(85dvh - ${bottomOffset})`,\n        bottom: bottomOffset,\n      }}\n    >\n      {/* The library Drawer names nothing: the dialog role and its name live\n          here, around everything the focus trap holds. */}\n      <Box\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={menu.title}\n        sx={{ display: 'flex', flexDirection: 'column', flex: 1, minHeight: 0 }}\n      >\n        <DrawerHeader onClose={onClose} closeLabel={copy.close} dataTestId={`${testId}-header`}>\n          {menu.title}\n        </DrawerHeader>\n        <DrawerContent>\n          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n            {menu.groups.map((group) => (\n              <SheetGroup\n                key={group.id}\n                group={group}\n                linkComponent={linkComponent}\n                copy={copy}\n                testId={testId}\n                onDone={onClose}\n              />\n            ))}\n          </Box>\n        </DrawerContent>\n      </Box>\n    </Drawer>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-SWDDXMV7.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,7 +13,7 @@ import {
   tableCellDensityOverrides,
   tabsIndicatorDensityOverrides,
   toggleButtonDensityOverrides
-} from "./chunk-56TGECKZ.js";
+} from "./chunk-NP6SHLQ3.js";
 import {
   fieldOverrides,
   mergeMuiComponents
@@ -66,4 +66,4 @@ export {
   useDensity,
   densityThemeOptions
 };
-//# sourceMappingURL=chunk-SWDDXMV7.js.map
+//# sourceMappingURL=chunk-SJ4IAZ3V.js.map

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

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

package/dist/{chunk-SA2ERYVV.js → chunk-VAO63IIP.js}

@@ -1,9 +1,9 @@
 import {
   SectionNavBar
-} from "./chunk-43Q6CVPB.js";
+} from "./chunk-VELGOFCL.js";
 import {
   SectionNavRail
-} from "./chunk-RX7J6VRI.js";
+} from "./chunk-HKEBTPKY.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -52,4 +52,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-SA2ERYVV.js.map
+//# sourceMappingURL=chunk-VAO63IIP.js.map