@12-apps/ui 6.43.1 → 6.44.1

package/dist/_internal/provider/UiProvider.js

@@ -1,11 +1,12 @@
 import {
   UiProvider
-} from "../../chunk-K62RHTFB.js";
+} from "../../chunk-KNAWZM7F.js";
 import "../../chunk-XZTRZ3HO.js";
-import "../../chunk-652PYSML.js";
-import "../../chunk-ZSTSISM6.js";
+import "../../chunk-HDVEE4NQ.js";
+import "../../chunk-FHWXRHMA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-DJKVSUXH.js";
+import "../../chunk-2GG5W6LR.js";
+import "../../chunk-532XOWZ5.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";

package/dist/_internal/provider/mui-bridge.js

@@ -1,10 +1,11 @@
 import {
   muiThemeOptionsFrom,
   uiThemeFromMui
-} from "../../chunk-652PYSML.js";
-import "../../chunk-ZSTSISM6.js";
+} from "../../chunk-HDVEE4NQ.js";
+import "../../chunk-FHWXRHMA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-DJKVSUXH.js";
+import "../../chunk-2GG5W6LR.js";
+import "../../chunk-532XOWZ5.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";

package/dist/_internal/provider/use-ui-theme.js

@@ -1,10 +1,11 @@
 import {
   useUiTheme
-} from "../../chunk-QSNLIWEB.js";
-import "../../chunk-652PYSML.js";
-import "../../chunk-ZSTSISM6.js";
+} from "../../chunk-FTV5R2UZ.js";
+import "../../chunk-HDVEE4NQ.js";
+import "../../chunk-FHWXRHMA.js";
 import "../../chunk-7ZPUN7TV.js";
-import "../../chunk-DJKVSUXH.js";
+import "../../chunk-2GG5W6LR.js";
+import "../../chunk-532XOWZ5.js";
 import "../../chunk-PT6TCWIW.js";
 import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";

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

@@ -0,0 +1,11 @@
+import {
+  chipDensityOverrides,
+  iconButtonDensityOverrides
+} from "../../chunk-532XOWZ5.js";
+import "../../chunk-YKCAJ2TN.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  chipDensityOverrides,
+  iconButtonDensityOverrides
+};
+//# sourceMappingURL=density-overrides.js.map

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

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

package/dist/_internal/tokens/density.js

@@ -1,7 +1,8 @@
 import {
   densityThemeOptions,
   useDensity
-} from "../../chunk-DJKVSUXH.js";
+} from "../../chunk-2GG5W6LR.js";
+import "../../chunk-532XOWZ5.js";
 import "../../chunk-M47ZOUGF.js";
 import "../../chunk-7FDU3FIN.js";
 import "../../chunk-EPEJMTCQ.js";
@@ -17,6 +18,7 @@ import {
 import "../../chunk-O6MJWHU5.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-6JAIFIPW.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   DEFAULT_DENSITY,

package/dist/charts.js

@@ -1,10 +1,10 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-FIO55AKI.js";
+} from "./chunk-YCHOWWRE.js";
 import {
   Chart
-} from "./chunk-PICOOZLX.js";
+} from "./chunk-C5RTSOXD.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -16,7 +16,7 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-QMELMQPA.js";
+import "./chunk-X4VWYWFK.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -28,12 +28,13 @@ import {
   chartValueFormatter,
   formatChartValue
 } from "./chunk-QVWNK4JO.js";
-import "./chunk-GANW7FXQ.js";
-import "./chunk-CNR5RFKC.js";
+import "./chunk-GKNMKPR6.js";
+import "./chunk-VVFV4MXS.js";
 import "./chunk-SOHQPPYJ.js";
-import "./chunk-ZSTSISM6.js";
+import "./chunk-FHWXRHMA.js";
 import "./chunk-7ZPUN7TV.js";
-import "./chunk-DJKVSUXH.js";
+import "./chunk-2GG5W6LR.js";
+import "./chunk-532XOWZ5.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-M47ZOUGF.js";
 import "./chunk-7FDU3FIN.js";

package/dist/{chunk-GZT7MLLO.js → chunk-26QYVCDK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-4PRZLII7.js";
+} from "./chunk-DDL6W7JS.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -134,4 +134,4 @@ export {
   SelectSlot,
   DiscloseSlot
 };
-//# sourceMappingURL=chunk-GZT7MLLO.js.map
+//# sourceMappingURL=chunk-26QYVCDK.js.map

package/dist/{chunk-DJKVSUXH.js → chunk-2GG5W6LR.js}

@@ -1,3 +1,7 @@
+import {
+  chipDensityOverrides,
+  iconButtonDensityOverrides
+} from "./chunk-532XOWZ5.js";
 import {
   fieldOverrides,
   mergeMuiComponents
@@ -24,7 +28,11 @@ function densityThemeOptions(density, factors, fieldRadius = DEFAULT_FIELD_RADIU
     typography: { fontSize: densityFontSize(factor) },
     spacing: densitySpacingUnit(factor),
     fieldHeight,
-    components: mergeMuiComponents(fieldOverrides(fieldRadius, fieldHeight))
+    components: mergeMuiComponents(
+      fieldOverrides(fieldRadius, fieldHeight),
+      iconButtonDensityOverrides(),
+      chipDensityOverrides()
+    )
   };
 }
 
@@ -32,4 +40,4 @@ export {
   useDensity,
   densityThemeOptions
 };
-//# sourceMappingURL=chunk-DJKVSUXH.js.map
+//# sourceMappingURL=chunk-2GG5W6LR.js.map

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

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

package/dist/{chunk-442FSG7G.js → chunk-3I77A65F.js}

@@ -1,3 +1,6 @@
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
 import {
   ModalPanelContents,
   modalAriaIds,
@@ -7,9 +10,6 @@ import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-77JL5XVD.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -156,4 +156,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-442FSG7G.js.map
+//# sourceMappingURL=chunk-3I77A65F.js.map

package/dist/{chunk-R2FUQV24.js → chunk-4MGUBSAL.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-ZSTSISM6.js";
+} from "./chunk-FHWXRHMA.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -64,4 +64,4 @@ export {
   commandSizeStyles,
   commandPaperStyles
 };
-//# sourceMappingURL=chunk-R2FUQV24.js.map
+//# sourceMappingURL=chunk-4MGUBSAL.js.map

package/dist/{chunk-YIWVHEPW.js → chunk-4T5LD2NV.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-6IRJAIS4.js";
+} from "./chunk-IXWIJCS3.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-YIWVHEPW.js.map
+//# sourceMappingURL=chunk-4T5LD2NV.js.map

package/dist/{chunk-4CHYMTBT.js → chunk-4WCDMCIS.js}

@@ -1,9 +1,9 @@
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
 import {
   ConfirmActionDialog
 } from "./chunk-BJZOBG24.js";
+import {
+  useConfirmAction
+} from "./chunk-EMYESBIT.js";
 
 // src/components/feedback/ConfirmAction/with-confirmation.tsx
 import React from "react";
@@ -40,4 +40,4 @@ function withConfirmation(Wrapped, defaults) {
 export {
   withConfirmation
 };
-//# sourceMappingURL=chunk-4CHYMTBT.js.map
+//# sourceMappingURL=chunk-4WCDMCIS.js.map

package/dist/chunk-532XOWZ5.js

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

package/dist/chunk-532XOWZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/density-overrides.ts"],"sourcesContent":["import { chipClasses } from '@mui/material/Chip/index.js';\nimport type { Components, CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from './relative';\n\n/** The `ownerState` fields `MuiChip`'s two styled slots (root, label) both receive. */\ninterface ChipOwnerStateForOverrides {\n  variant?: 'filled' | 'outlined';\n  size?: 'small' | 'medium';\n}\n\n/**\n * ICONBUTTON / CHIP GEOMETRY, DENSITY-AWARE (FUT-2766).\n *\n * Both are MUI's own components, unwrapped: `@12-apps/ui` has no\n * `components/*` subpath for `IconButton`, and its `Chip` wrapper\n * (`components/data-display/Chip`) hands the drawing to `MuiChip` and adds\n * only hover/selection/transition `sx` — no geometry of its own (unlike\n * `Button`, which already draws every dimension through `rem()`,\n * `components/form/Button/Button.styles.ts`). So both draw MUI's OWN fixed-px\n * padding/height, verified against the installed `@mui/material@6.5.0` source:\n *\n * - `IconButton` (`node_modules/@mui/material/IconButton/IconButton.js`):\n *   `padding: 8` on the root (medium, the default), `padding: 5` at\n *   `size=\"small\"`, `padding: 12` at `size=\"large\"`. The icon's own `fontSize`\n *   is already relative (`pxToRem(18/24/28)`) — only `padding` was the gap.\n * - `Chip` (`node_modules/@mui/material/Chip/Chip.js`): `height: 32` on the\n *   root (medium, the default), `height: 24` at `size=\"small\"`. The label's\n *   own side padding is a SEPARATE slot (`name: 'MuiChip', slot: 'Label'`,\n *   override key `label`/`labelSmall`) at `paddingLeft`/`paddingRight: 12`\n *   default, `8` at `size=\"small\"` — restated in this package's own\n *   `Chip.metrics.ts` (`CHIP_SIZES`), which both renderers already read.\n *\n * Neither dimension moved when `theme.typography.fontSize` changed (they are\n * not written through `pxToRem`), so at `density: 'compact'` an\n * `IconButton`/`Chip` next to a now-smaller `Button` looked unchanged — the\n * visual regression FUT-2764 exists to fix. `rem(theme, px)` is the same\n * helper `Button.styles.ts` already uses, so `padding`/`height` move exactly\n * as far as `theme.typography.fontSize`'s coefficient does, and are\n * geometry-neutral at `density: 'normal'`: `rem(theme, 8)` at the unchanged\n * `fontSize: 14` renders to the same computed px as the literal `8` it\n * replaces.\n *\n * **The OUTLINED chip's own label padding (`11`/`7`, one px tighter than\n * filled's `12`/`8`) is a SEPARATE number this file must not clobber** — a\n * bug an earlier revision of this file had (a `styleOverrides.label`/\n * `labelSmall` of `12`/`8` unconditionally wins for EVERY variant, because\n * `ChipLabel`'s own `overridesResolver` (`Chip.js`) returns\n * `[styles.label, styles[label${size}]]` with no variant check at all, and\n * `@mui/system`'s `createStyled` composes `styleThemeOverrides` AFTER the\n * slot's own base styles/variants — so a theme `styleOverrides.label` always\n * outranks `ChipLabel`'s own baked-in `{ props: { variant: 'outlined' },\n * style: { paddingLeft: 11, ... } }`, at ANY density, not just a scaled one).\n * Fixed by putting the outlined fix on the ROOT slot instead, as a nested\n * `.MuiChip-label` selector inside `styleOverrides.root` itself, keyed on\n * `ownerState.variant`/`.size` — proven correct two ways: (1) a probe render\n * confirmed the naive `components.MuiChip.variants` route CANNOT reach the\n * label slot at all — `createStyled`'s `skipVariantsResolver` defaults to\n * `true` for every slot but `'Root'`, so a theme-level `variants` entry is\n * simply never evaluated for `ChipLabel`, proven by rendering an outlined\n * Chip against a `components.MuiChip.variants` entry set to an absurd\n * `999px` and reading `.MuiChip-label`'s OWN computed style: still `11px`,\n * untouched — while the SAME entry DOES leak onto `.MuiChip-root` (`999px`),\n * confirming theme `variants` is a ROOT-slot-only mechanism for this\n * component; (2) a nested `.MuiChip-label` selector written from the ROOT\n * slot is a HIGHER-specificity rule (two classes, `0,2,0`) than the label's\n * own single-class rule (`0,1,0`), so it wins regardless of source order —\n * the same technique `ChipRoot`'s OWN style already uses for its avatar/\n * icon/delete-icon sub-parts (`& .${chipClasses.avatar}`, etc., in\n * `Chip.js`), and read through the SAME `chipClasses` MUI's own `Chip.js`\n * generates the real DOM class from, not a hand-typed copy of it.\n *\n * **That same higher specificity also outranks a HOST's own theming.** A\n * host writing `theme.components.MuiChip.styleOverrides.label` for its own\n * reasons (`0,1,0`) does not win against the outlined rule here (`0,2,0`) —\n * not a bug specific to this file, `ChipLabel`'s OWN baked-in outlined\n * variant already outranked a plain `styleOverrides.label` the same way,\n * before this file existed. A host that needs to change OUTLINED label\n * padding specifically cannot do it through `styleOverrides.label`/\n * `labelSmall` at all; it reaches it through `sx` (a per-instance override,\n * highest specificity of all) or its OWN `MuiChip.styleOverrides.root`\n * function written out in full — `mergeMuiComponents` replaces `root`\n * WHOLESALE when both sides set it (see `./density.ts`'s own doc comment),\n * so a host adding to it must restate `chipRootHeight`'s own height logic\n * alongside its outlined-label change, not merely add a sibling key.\n *\n * The avatar/icon/delete-icon sub-slots (margins, sizes) and IconButton's\n * `edge=\"start\"`/`\"end\"` negative margins are DELIBERATELY untouched by this\n * file — real override keys exist, but none is in the ticket's Done-when nor\n * exercised by a call site this initiative is chasing, so they stay MUI's\n * own literals at every density (including `compact`/`comfortable` — they do\n * NOT scale here; a future ticket that needs them scaled adds its own\n * override, the way `field-height.ts`'s siblings each own one slot).\n *\n * A host that adopts `iconButtonDensityOverrides`/`chipDensityOverrides`\n * standalone (the `@12-apps/ui/tokens` export, no density channel involved)\n * sees the SAME scaling from its own `typography.fontSize` alone — `rem()`\n * only ever reads that one theme number, so a theme with a non-default\n * `fontSize` (set directly, with no `density` in the picture at all) moves\n * these numbers exactly as it moves everything else written through `rem()`.\n *\n * Each slot below is a MODULE-LEVEL function, not a closure built fresh inside\n * `iconButtonDensityOverrides`/`chipDensityOverrides` — the same reason\n * `field-height.ts`'s `restingEdge` is one: two themes built from the same\n * options (the `muiThemeOptionsFrom` and `densityThemeOptions` paths, in\n * particular) must compare equal, and a fresh arrow function per call would\n * make them differ on nothing but identity.\n */\n\nconst iconButtonRootPadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 8) });\nconst iconButtonSmallPadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 5) });\nconst iconButtonLargePadding = ({ theme }: { theme: Theme }): CSSObject => ({ padding: rem(theme, 12) });\n\n/** `MuiIconButton`'s own padding, at every size MUI has. */\nexport function iconButtonDensityOverrides(): Components<Theme> {\n  return {\n    MuiIconButton: {\n      styleOverrides: {\n        root: iconButtonRootPadding,\n        sizeSmall: iconButtonSmallPadding,\n        sizeLarge: iconButtonLargePadding,\n      },\n    },\n  };\n}\n\n/** MUI's own outlined-label paddings (`ChipLabel`'s baked-in `variants`, `Chip.js`). */\nconst CHIP_OUTLINED_LABEL_PADDING = { medium: 11, small: 7 } as const;\n\nconst chipRootHeight = ({\n  theme,\n  ownerState,\n}: {\n  theme: Theme;\n  ownerState?: ChipOwnerStateForOverrides;\n}): CSSObject => {\n  const style: CSSObject = { height: rem(theme, 32) };\n  if (ownerState?.variant === 'outlined') {\n    const px = CHIP_OUTLINED_LABEL_PADDING[ownerState.size === 'small' ? 'small' : 'medium'];\n    // Higher CSS specificity than `.MuiChip-label`'s own single-class rule\n    // (two classes vs one) — wins over `chipLabelPadding`/`chipLabelSmallPadding`\n    // below regardless of stylesheet insertion order. See the module doc\n    // comment for why this must live here and not on the label slot itself.\n    // `chipClasses.label`, not a hand-typed `.MuiChip-label` string — the same\n    // module `Chip.js`'s own root style reads for its avatar/icon/delete-icon\n    // selectors, so this tracks whatever `Chip.js` itself puts on the label\n    // element rather than a separately-maintained copy of it. A host that\n    // calls `ClassNameGenerator.configure` before any `MuiChip` module loads\n    // renames the real class; a literal string would silently stop matching\n    // it, `chipClasses.label` cannot.\n    style[`& .${chipClasses.label}`] = { paddingLeft: rem(theme, px), paddingRight: rem(theme, px) };\n  }\n  return style;\n};\nconst chipSmallHeight = ({ theme }: { theme: Theme }): CSSObject => ({ height: rem(theme, 24) });\nconst chipLabelPadding = ({ theme }: { theme: Theme }): CSSObject => ({\n  paddingLeft: rem(theme, 12),\n  paddingRight: rem(theme, 12),\n});\nconst chipLabelSmallPadding = ({ theme }: { theme: Theme }): CSSObject => ({\n  paddingLeft: rem(theme, 8),\n  paddingRight: rem(theme, 8),\n});\n\n/** `MuiChip`'s own height (root) and label side padding (label), at both sizes MUI has. */\nexport function chipDensityOverrides(): Components<Theme> {\n  return {\n    MuiChip: {\n      styleOverrides: {\n        root: chipRootHeight,\n        sizeSmall: chipSmallHeight,\n        label: chipLabelPadding,\n        labelSmall: chipLabelSmallPadding,\n      },\n    },\n  };\n}\n"],"mappings":";;;;;AAAA,SAAS,mBAAmB;AA6G5B,IAAM,wBAAwB,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,CAAC,EAAE;AACpG,IAAM,yBAAyB,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,CAAC,EAAE;AACrG,IAAM,yBAAyB,CAAC,EAAE,MAAM,OAAoC,EAAE,SAAS,IAAI,OAAO,EAAE,EAAE;AAG/F,SAAS,6BAAgD;AAC9D,SAAO;AAAA,IACL,eAAe;AAAA,MACb,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAGA,IAAM,8BAA8B,EAAE,QAAQ,IAAI,OAAO,EAAE;AAE3D,IAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AACF,MAGiB;AACf,QAAM,QAAmB,EAAE,QAAQ,IAAI,OAAO,EAAE,EAAE;AAClD,MAAI,YAAY,YAAY,YAAY;AACtC,UAAM,KAAK,4BAA4B,WAAW,SAAS,UAAU,UAAU,QAAQ;AAYvF,UAAM,MAAM,YAAY,KAAK,EAAE,IAAI,EAAE,aAAa,IAAI,OAAO,EAAE,GAAG,cAAc,IAAI,OAAO,EAAE,EAAE;AAAA,EACjG;AACA,SAAO;AACT;AACA,IAAM,kBAAkB,CAAC,EAAE,MAAM,OAAoC,EAAE,QAAQ,IAAI,OAAO,EAAE,EAAE;AAC9F,IAAM,mBAAmB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACpE,aAAa,IAAI,OAAO,EAAE;AAAA,EAC1B,cAAc,IAAI,OAAO,EAAE;AAC7B;AACA,IAAM,wBAAwB,CAAC,EAAE,MAAM,OAAoC;AAAA,EACzE,aAAa,IAAI,OAAO,CAAC;AAAA,EACzB,cAAc,IAAI,OAAO,CAAC;AAC5B;AAGO,SAAS,uBAA0C;AACxD,SAAO;AAAA,IACL,SAAS;AAAA,MACP,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,WAAW;AAAA,QACX,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-5KGABAQB.js → chunk-5752357K.js}

@@ -1,11 +1,11 @@
+import {
+  useUploadButton
+} from "./chunk-QWVETTIY.js";
 import {
   UploadDropzone,
   UploadFeedback,
   UploadTrigger
 } from "./chunk-A5UYPUS2.js";
-import {
-  useUploadButton
-} from "./chunk-QWVETTIY.js";
 
 // src/components/form/UploadButton/UploadButton.tsx
 import Box from "@mui/material/Box/index.js";
@@ -73,4 +73,4 @@ UploadButton.displayName = "UploadButton";
 export {
   UploadButton
 };
-//# sourceMappingURL=chunk-5KGABAQB.js.map
+//# sourceMappingURL=chunk-5752357K.js.map

package/dist/{chunk-JSGVYOMN.js → chunk-5MW7OYBM.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-OL2BEJZR.js";
 import {
   EmptyState
-} from "./chunk-4MKVGSHX.js";
+} from "./chunk-HN3PZTUK.js";
 
 // src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx
 import Box from "@mui/material/Box/index.js";
@@ -65,4 +65,4 @@ export {
   AsyncStateContainer,
   AsyncStateContainer_default
 };
-//# sourceMappingURL=chunk-JSGVYOMN.js.map
+//# sourceMappingURL=chunk-5MW7OYBM.js.map

package/dist/{chunk-RWRPF24F.js → chunk-5OS5AMC2.js}

@@ -4,7 +4,7 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-SJGYMI6Y.js";
+} from "./chunk-Y4ET3NRC.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-RWRPF24F.js.map
+//# sourceMappingURL=chunk-5OS5AMC2.js.map

package/dist/{chunk-I6MVJWUO.js → chunk-6B3QXFF5.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-BJGUDLWZ.js";
+} from "./chunk-LRFXCZB4.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-I6MVJWUO.js.map
+//# sourceMappingURL=chunk-6B3QXFF5.js.map

package/dist/{chunk-MLUUF7OZ.js → chunk-6B4UTB4O.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-NYT3UVOH.js";
+} from "./chunk-EOEYOPOS.js";
 import {
   useDataViewsState
 } from "./chunk-HKBJZX3C.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-MLUUF7OZ.js.map
+//# sourceMappingURL=chunk-6B4UTB4O.js.map

package/dist/{chunk-FBUCXTA4.js → chunk-6DMUVVON.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-L5RQIQIP.js";
 import {
   renderMenuItem
-} from "./chunk-ZGWEFOW6.js";
+} from "./chunk-CKAVTWXP.js";
 import {
   slideIn
 } from "./chunk-3AIRFAI3.js";
@@ -116,4 +116,4 @@ var NavigationStandardBody = ({
 export {
   NavigationStandardBody
 };
-//# sourceMappingURL=chunk-FBUCXTA4.js.map
+//# sourceMappingURL=chunk-6DMUVVON.js.map

package/dist/{chunk-G7RYAWPZ.js → chunk-6HTCCWUM.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-7V6ZRQYW.js";
 import {
   useUiTheme
-} from "./chunk-QSNLIWEB.js";
+} from "./chunk-FTV5R2UZ.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -63,4 +63,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-G7RYAWPZ.js.map
+//# sourceMappingURL=chunk-6HTCCWUM.js.map

package/dist/{chunk-77BKKPCI.js → chunk-6KLDYVRY.js}

@@ -1,6 +1,6 @@
 import {
   withConfirmation
-} from "./chunk-4CHYMTBT.js";
+} from "./chunk-4WCDMCIS.js";
 import {
   Button
 } from "./chunk-K6LNHHSH.js";
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-77BKKPCI.js.map
+//# sourceMappingURL=chunk-6KLDYVRY.js.map

package/dist/{chunk-6Z6PUG4C.js → chunk-6LYRFS5S.js}

@@ -1,3 +1,6 @@
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
 import {
   useTableSelection,
   useVirtualScrolling
@@ -21,12 +24,9 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-L3MRRAZM.js";
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
 import {
   useDensity
-} from "./chunk-DJKVSUXH.js";
+} from "./chunk-2GG5W6LR.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -311,4 +311,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-6Z6PUG4C.js.map
+//# sourceMappingURL=chunk-6LYRFS5S.js.map

package/dist/{chunk-KJID4PRD.js → chunk-6S25ZCEW.js}

@@ -2,7 +2,7 @@ import {
   indicatorSizeFor,
   stepColors,
   stepPalette
-} from "./chunk-RXNIOPOA.js";
+} from "./chunk-TM5QQJTF.js";
 import {
   neutralTones
 } from "./chunk-FQ6UW7IY.js";
@@ -91,14 +91,17 @@ var StepIndicator = styled(Box, {
 });
 var StepContent = styled(Box, {
   shouldForwardProp: (prop) => !["orientation", "interactive", "disabled"].includes(prop)
-})(({ theme, orientation, interactive, disabled }) => ({
+})(({ theme, orientation, disabled }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: orientation === "vertical" ? "flex-start" : "center",
   textAlign: orientation === "vertical" ? "left" : "center",
   marginTop: orientation === "vertical" ? theme.spacing(1) : theme.spacing(0.5),
   marginLeft: orientation === "horizontal" ? theme.spacing(1) : 0,
-  cursor: interactive && !disabled ? "pointer" : "default",
+  // Inert (FUT-2773): the content block has no click handling of its own —
+  // the indicator is the step's one interactive element — so its cursor
+  // never claims to be clickable, whatever `interactive` says.
+  cursor: "default",
   minWidth: 0,
   flex: 1,
   "& .step-title": {
@@ -124,8 +127,8 @@ var StepContent = styled(Box, {
   }
 }));
 var StepConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isCompleted", "color", "variant"].includes(prop)
-})(({ theme, orientation, isCompleted, color, variant }) => {
+  shouldForwardProp: (prop) => !["orientation", "isCompleted", "color", "variant", "animated"].includes(prop)
+})(({ theme, orientation, isCompleted, color, variant, animated }) => {
   const connectorColor = isCompleted ? stepPalette(theme, color).main : neutralTones(theme).track;
   return {
     flex: 1,
@@ -146,9 +149,9 @@ var StepConnector = styled(Box, {
       transform: "translateX(-50%)",
       top: "100%"
     },
-    transition: theme.transitions.create("background-color", {
+    transition: animated ? theme.transitions.create("background-color", {
       duration: theme.transitions.duration.short
-    }),
+    }) : "none",
     ...variant === "minimal" && {
       opacity: 0.6
     }
@@ -173,6 +176,7 @@ var StepIndicatorComponent = forwardRef(({
   onClick,
   "data-testid": dataTestId
 }, ref) => {
+  const isDisabled = Boolean(disabled || step.disabled);
   const handleClick = useCallback(() => {
     if (interactive && !disabled && onClick) {
       onClick(index, step);
@@ -213,13 +217,14 @@ var StepIndicatorComponent = forwardRef(({
       isError,
       interactive,
       animated,
-      disabled: Boolean(disabled || step.disabled),
+      disabled: isDisabled,
       onClick: handleClick,
       onKeyDown: handleKeyDown,
       role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
+      tabIndex: !interactive ? void 0 : isDisabled ? -1 : 0,
       "aria-label": `Step ${index + 1}: ${step.title}`,
       "aria-current": isActive ? "step" : void 0,
+      "aria-disabled": interactive && isDisabled ? true : void 0,
       "data-testid": dataTestId,
       children: renderIndicatorContent()
     }
@@ -231,6 +236,10 @@ var StepConnectorComponent = forwardRef(({
   orientation,
   variant,
   color,
+  // Defaults to the connector's own prior, unconditional behaviour (FUT-2773):
+  // an external caller building a `StepConnectorProps` value that predates
+  // this field keeps the transition it always had.
+  animated = true,
   "data-testid": dataTestId
 }, ref) => /* @__PURE__ */ jsx(
   StepConnector,
@@ -240,51 +249,31 @@ var StepConnectorComponent = forwardRef(({
     isCompleted,
     color,
     variant,
+    animated,
     "data-testid": dataTestId
   }
 ));
 StepConnectorComponent.displayName = "StepConnector";
 var StepContentComponent = forwardRef(({
   step,
-  index,
   orientation,
   interactive,
   disabled,
-  onClick,
   "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  return /* @__PURE__ */ jsxs(
-    StepContent,
-    {
-      ref,
-      orientation,
-      interactive,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "data-testid": dataTestId,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "step-title", children: step.title }),
-        step.description && /* @__PURE__ */ jsx("div", { className: "step-description", children: step.description })
-      ]
-    }
-  );
-});
+}, ref) => /* @__PURE__ */ jsxs(
+  StepContent,
+  {
+    ref,
+    orientation,
+    interactive,
+    disabled: Boolean(disabled || step.disabled),
+    "data-testid": dataTestId,
+    children: [
+      /* @__PURE__ */ jsx("div", { className: "step-title", children: step.title }),
+      step.description && /* @__PURE__ */ jsx("div", { className: "step-description", children: step.description })
+    ]
+  }
+));
 StepContentComponent.displayName = "StepContent";
 var StepItemRow = ({ orientation, isLast, children }) => /* @__PURE__ */ jsx(StepItem, { orientation, isLast, children });
 
@@ -294,4 +283,4 @@ export {
   StepContentComponent,
   StepItemRow
 };
-//# sourceMappingURL=chunk-KJID4PRD.js.map
+//# sourceMappingURL=chunk-6S25ZCEW.js.map