@12-apps/ui 6.43.1 → 6.44.0

package/src/tokens/density-overrides.ts

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

package/src/tokens/density.ts

@@ -9,6 +9,7 @@ import {
   type DensityLevel,
   type ResolvedDensity,
 } from './density.core';
+import { chipDensityOverrides, iconButtonDensityOverrides } from './density-overrides';
 import { fieldOverrides, mergeMuiComponents } from './field-height';
 import { DEFAULT_FIELD_RADIUS } from './field-radius.core';
 
@@ -70,12 +71,15 @@ export function useDensity(): ResolvedDensity {
  * agree on the type scale and disagree on the one number three components key
  * their own layout off.
  *
- * `components` is the matching MUI-native override (`fieldOverrides`) for a
- * HOST's own bare `TextField`/`Select`, mirroring `muiThemeOptionsFrom`'s own
- * `components: mergeMuiComponents(fieldOverrides(...))`. It carries ONLY the
- * field overrides this function knows about (`MuiOutlinedInput`'s `root`,
- * `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`) — a host with
- * ITS OWN overrides for OTHER components merges them in with
+ * `components` is the matching MUI-native override (`fieldOverrides`, plus
+ * FUT-2766's `iconButtonDensityOverrides`/`chipDensityOverrides`) for a HOST's
+ * own bare `TextField`/`Select`/`IconButton`/`Chip`, mirroring
+ * `muiThemeOptionsFrom`'s own `components: mergeMuiComponents(...)`. It
+ * carries ONLY the overrides this function knows about (`MuiOutlinedInput`'s
+ * `root`, `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`;
+ * `MuiIconButton`'s `root`/`sizeSmall`/`sizeLarge`; `MuiChip`'s
+ * `root`/`sizeSmall`/`label`/`labelSmall`) — a host with ITS OWN overrides for
+ * OTHER components merges them in with
  * `mergeMuiComponents(densityThemeOptions(density).components, hostOverrides)`,
  * which keeps a component only ONE side touches untouched. For a component
  * BOTH sides style, the merge is by INNER key (`root`/`input`/…): a key only
@@ -129,6 +133,10 @@ export function densityThemeOptions(
     typography: { fontSize: densityFontSize(factor) },
     spacing: densitySpacingUnit(factor),
     fieldHeight,
-    components: mergeMuiComponents(fieldOverrides(fieldRadius, fieldHeight)),
+    components: mergeMuiComponents(
+      fieldOverrides(fieldRadius, fieldHeight),
+      iconButtonDensityOverrides(),
+      chipDensityOverrides(),
+    ),
   };
 }

package/src/tokens/scales.ts

@@ -49,6 +49,10 @@ export {
   resolveDensityFactor,
   useDensity,
 } from './density';
+// The IconButton/Chip geometry overrides density threads through both
+// consumption paths (FUT-2766) — exported standalone too, for a host that
+// wants JUST these two components' overrides without the rest of density.
+export { chipDensityOverrides, iconButtonDensityOverrides } from './density-overrides';
 
 export interface Accent {
   main: string;

package/dist/chunk-652PYSML.js.map

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

package/dist/chunk-BR2T72JI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Autocomplete/useAutocomplete.ts"],"sourcesContent":["import { useEffect, useId, useRef, useState } from 'react';\n\nimport {\n  defaultGetKey,\n  defaultGetLabel,\n  defaultGetSuggestionType,\n  defaultGetUrl,\n  defaultOpenLink,\n  filterSuggestions,\n  firstGhostSuggestion,\n  type MatchMode,\n} from './Autocomplete.helpers';\nimport { handleAutocompleteKey, type KeyContext } from './Autocomplete.keys';\nimport type { AutocompleteProps } from './Autocomplete.types';\n\ntype Setter<V> = React.Dispatch<React.SetStateAction<V>>;\n\n/** All mutable state + refs for one Autocomplete instance. */\ninterface AutocompleteState<T> {\n  open: boolean;\n  setOpen: Setter<boolean>;\n  activeIndex: number;\n  setActiveIndex: Setter<number>;\n  ghost: string;\n  setGhost: Setter<string>;\n  inputValue: string;\n  setInputValue: Setter<string>;\n  composition: boolean;\n  setComposition: Setter<boolean>;\n  filteredSuggestions: T[];\n  setFilteredSuggestions: Setter<T[]>;\n  isInputFocused: boolean;\n  setIsInputFocused: Setter<boolean>;\n  justCompletedGhost: boolean;\n  setJustCompletedGhost: Setter<boolean>;\n  userClosedDropdown: boolean;\n  setUserClosedDropdown: Setter<boolean>;\n  /**\n   * Mirrors `userClosedDropdown`, set synchronously wherever the state is\n   * (see {@link setDeliberateClose}). An effect scheduled by one render and\n   * flushed after a LATER render has already changed this flag reads a\n   * stale, closed-over `userClosedDropdown` — but `.current` on a ref is\n   * dereferenced live, so it always reflects the latest write regardless of\n   * which render's closure is doing the reading (FUT-2780).\n   */\n  userClosedDropdownRef: React.RefObject<boolean>;\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  listRef: React.RefObject<HTMLUListElement | null>;\n  debounceRef: React.RefObject<number | undefined>;\n}\n\nfunction useAutocompleteState<T>(value: string, suggestions: T[]): AutocompleteState<T> {\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [ghost, setGhost] = useState('');\n  const [inputValue, setInputValue] = useState(value);\n  const [composition, setComposition] = useState(false);\n  const [filteredSuggestions, setFilteredSuggestions] = useState<T[]>(suggestions);\n  const [isInputFocused, setIsInputFocused] = useState(false);\n  const [justCompletedGhost, setJustCompletedGhost] = useState(false);\n  const [userClosedDropdown, setUserClosedDropdown] = useState(false);\n  const userClosedDropdownRef = useRef(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLUListElement | null>(null);\n  const debounceRef = useRef<number | undefined>(undefined);\n  return {\n    open, setOpen, activeIndex, setActiveIndex, ghost, setGhost, inputValue, setInputValue,\n    composition, setComposition, filteredSuggestions, setFilteredSuggestions, isInputFocused,\n    setIsInputFocused, justCompletedGhost, setJustCompletedGhost, userClosedDropdown,\n    setUserClosedDropdown, userClosedDropdownRef, inputRef, listRef, debounceRef,\n  };\n}\n\n/**\n * Set the \"this close was deliberate\" flag in both the ref effects read\n * synchronously (live, even from a stale closure) and the state the rest of\n * the component reads for render — every call site that touches\n * `userClosedDropdown` goes through this so the two never drift (FUT-2780).\n */\nfunction setDeliberateClose<T>(s: AutocompleteState<T>, closed: boolean): void {\n  s.userClosedDropdownRef.current = closed;\n  s.setUserClosedDropdown(closed);\n}\n\n// ---- effects (one tiny hook each; explicit params keep deps complete) --------\n\nfunction useValueSync(value: string, setInputValue: Setter<string>): void {\n  useEffect(() => setInputValue(value), [value, setInputValue]);\n}\n\nfunction useDebounceCleanup(debounceRef: React.RefObject<number | undefined>): void {\n  useEffect(\n    () => () => {\n      if (debounceRef.current) window.clearTimeout(debounceRef.current);\n    },\n    [debounceRef],\n  );\n}\n\nfunction useScrollActiveIntoView(\n  activeIndex: number,\n  optionIdPrefix: string,\n  listRef: React.RefObject<HTMLUListElement | null>,\n): void {\n  useEffect(() => {\n    if (activeIndex < 0 || !listRef.current) return;\n    document\n      .getElementById(`${optionIdPrefix}-${activeIndex}`)\n      ?.scrollIntoView({ block: 'nearest' });\n  }, [activeIndex, optionIdPrefix, listRef]);\n}\n\nfunction useGhostFlagReset(justCompletedGhost: boolean, setJustCompletedGhost: Setter<boolean>): void {\n  useEffect(() => {\n    if (!justCompletedGhost) return;\n    const timer = setTimeout(() => setJustCompletedGhost(false), 50);\n    return () => clearTimeout(timer);\n  }, [justCompletedGhost, setJustCompletedGhost]);\n}\n\nfunction useLoadingOpen(\n  isLoading: boolean,\n  inputValue: string,\n  disabled: boolean,\n  userClosedDropdownRef: React.RefObject<boolean>,\n  setOpen: Setter<boolean>,\n  setActiveIndex: Setter<number>,\n): void {\n  useEffect(() => {\n    if (isLoading && inputValue.trim().length > 0 && !disabled && !userClosedDropdownRef.current) setOpen(true);\n    if (disabled) {\n      setOpen(false);\n      setActiveIndex(-1);\n    }\n  }, [isLoading, inputValue, disabled, userClosedDropdownRef, setOpen, setActiveIndex]);\n}\n\n/** Inputs to the auto-open check, all primitive/stable so effect deps stay complete. */\ninterface AutoOpenArgs {\n  inputValue: string;\n  isInputFocused: boolean;\n  composition: boolean;\n  justCompletedGhost: boolean;\n  userClosedDropdownRef: React.RefObject<boolean>;\n  activeIndex: number;\n  setOpen: Setter<boolean>;\n  setActiveIndex: Setter<number>;\n}\n\n/** Auto-open the dropdown once local filtering has a fresh result set. */\nfunction maybeAutoOpen(a: AutoOpenArgs, hasResults: boolean): void {\n  const canAutoOpen =\n    a.inputValue.trim() &&\n    a.isInputFocused &&\n    !a.composition &&\n    !a.justCompletedGhost &&\n    !a.userClosedDropdownRef.current;\n  if (!canAutoOpen) return;\n  a.setOpen(true);\n  if (hasResults && a.activeIndex === -1) a.setActiveIndex(0);\n}\n\nfunction useLocalFilter<T>(p: AutocompleteProps<T>, s: AutocompleteState<T>): void {\n  const propSuggestions = p.suggestions;\n  const getLabel = p.getLabel ?? defaultGetLabel;\n  const matchMode: MatchMode = p.matchMode ?? 'contains';\n  const async = Boolean(p.async);\n  const {\n    inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdown, activeIndex,\n    setFilteredSuggestions, setOpen, setActiveIndex, userClosedDropdownRef,\n  } = s;\n  useEffect(() => {\n    const suggestions = propSuggestions ?? [];\n    if (async || !inputValue) {\n      setFilteredSuggestions(suggestions);\n      return;\n    }\n    const filtered = filterSuggestions(suggestions, inputValue, matchMode, getLabel);\n    setFilteredSuggestions(filtered);\n    maybeAutoOpen(\n      { inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdownRef, activeIndex, setOpen, setActiveIndex },\n      filtered.length > 0,\n    );\n    // `userClosedDropdown` (state) stays a dependency so this effect still\n    // reruns on every change of it, same as before — only the VALUE read\n    // inside `maybeAutoOpen` moved to the ref (see `userClosedDropdownRef`'s\n    // doc comment).\n  }, [\n    propSuggestions, inputValue, async, getLabel, matchMode, isInputFocused, composition,\n    justCompletedGhost, userClosedDropdown, activeIndex, setFilteredSuggestions, setOpen, setActiveIndex,\n    userClosedDropdownRef,\n  ]);\n}\n\nfunction useGhostText<T>(p: AutocompleteProps<T>, s: AutocompleteState<T>): void {\n  const getLabel = p.getLabel ?? defaultGetLabel;\n  const getType = p.getSuggestionType ?? defaultGetSuggestionType;\n  const showGhost = p.showGhostText ?? true;\n  const { inputValue, filteredSuggestions, isInputFocused, composition, setGhost } = s;\n  useEffect(() => {\n    if (!inputValue || !isInputFocused || composition || !showGhost) {\n      setGhost('');\n      return;\n    }\n    const first = firstGhostSuggestion(filteredSuggestions, inputValue, getLabel, getType);\n    setGhost(first ? getLabel(first).slice(inputValue.length) : '');\n  }, [inputValue, filteredSuggestions, isInputFocused, composition, showGhost, getLabel, getType, setGhost]);\n}\n\n// ---- selection (split by mode to keep each function under the complexity bar) -\n\nfunction commitMultiSelect<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {\n  const getKey = p.getKey ?? defaultGetKey;\n  const current = p.selectedItems ?? [];\n  if (!current.some((sel) => getKey(sel) === getKey(item))) p.onSelectedItemsChange?.([...current, item]);\n  s.setInputValue('');\n  onChange('');\n  setDeliberateClose(s, false);\n}\n\nfunction commitSingleSelect<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {\n  const label = (p.getLabel ?? defaultGetLabel)(item);\n  s.setInputValue(label);\n  onChange(label);\n}\n\n/** Apply a pick: open a link suggestion, or commit a search one to the input. */\nfunction commitPick<T>(\n  item: T,\n  linkUrl: string | null,\n  p: AutocompleteProps<T>,\n  s: AutocompleteState<T>,\n  onChange: (v: string) => void,\n): void {\n  if (linkUrl !== null) (p.openLink ?? defaultOpenLink)(linkUrl, item);\n  else if (p.multiple) commitMultiSelect(item, p, s, onChange);\n  else commitSingleSelect(item, p, s, onChange);\n}\n\nfunction runSelectItem<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {\n  const url = (p.getUrl ?? defaultGetUrl)(item);\n  const isLink = (p.getSuggestionType ?? defaultGetSuggestionType)(item) === 'link' && Boolean(url);\n  // A single-select pick (search or link) ends the current search: the list\n  // stays closed until the user types again. `multiple` mode is unchanged —\n  // commitMultiSelect already clears inputValue and resets the flag itself,\n  // so the empty-input branch of the filter effect keeps the list closed.\n  const isSingleSelectPick = isLink || !p.multiple;\n  commitPick(item, isLink ? (url as string) : null, p, s, onChange);\n  s.setOpen(false);\n  s.setActiveIndex(-1);\n  p.onSelect?.(item);\n  s.inputRef.current?.focus();\n  // Set LAST so a re-fired `onFocus` cannot clear the flag. The close itself\n  // relies on the input never blurring during a pick (the option's\n  // `onMouseDown` preventDefault, and Enter keeps focus): `onFocus` reopens a\n  // non-empty input directly, without reading this flag. The REF half is set\n  // in the same synchronous tick as the pick, so an effect scheduled by an\n  // earlier keystroke — and still pending when this runs — reads the\n  // up-to-date value instead of the one it closed over (FUT-2780).\n  if (isSingleSelectPick) setDeliberateClose(s, true);\n}\n\nfunction buildKeyContext<T>(\n  p: AutocompleteProps<T>,\n  s: AutocompleteState<T>,\n  selectItem: (item: T) => void,\n  onChange: (v: string) => void,\n): KeyContext<T> {\n  return {\n    open: s.open, activeIndex: s.activeIndex, filteredSuggestions: s.filteredSuggestions,\n    maxVisibleItems: p.maxVisibleItems ?? 10, allowFreeText: p.allowFreeText ?? true,\n    inputValue: s.inputValue, ghost: s.ghost, isInputFocused: s.isInputFocused,\n    multiple: Boolean(p.multiple), selectedItems: p.selectedItems ?? [],\n    getLabel: p.getLabel ?? defaultGetLabel,\n    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,\n    setOpen: s.setOpen, setActiveIndex: s.setActiveIndex,\n    setUserClosedDropdown: (closed: boolean) => setDeliberateClose(s, closed),\n    setInputValue: s.setInputValue, setGhost: s.setGhost, setJustCompletedGhost: s.setJustCompletedGhost,\n    debouncedOnChange: onChange, selectItem, onSelectedItemsChange: p.onSelectedItemsChange,\n  };\n}\n\n/** The full view-model the presentational component renders. */\nexport interface AutocompleteView<T> {\n  id: string;\n  listId: string;\n  optionIdPrefix: string;\n  state: AutocompleteState<T>;\n  visibleSuggestions: T[];\n  activeDescendant: string | undefined;\n  selectItem: (item: T) => void;\n  removeSelectedItem: (item: T) => void;\n  onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  onClickAway: () => void;\n}\n\n/** Wire state, effects, and (plain, per-render) handlers for the Autocomplete component. */\nexport function useAutocomplete<T>(p: AutocompleteProps<T>): AutocompleteView<T> {\n  const componentId = useId();\n  const id = p.id || componentId;\n  const optionIdPrefix = `${id}-option`;\n  const s = useAutocompleteState<T>(p.value, p.suggestions ?? []);\n\n  const debouncedOnChange = (val: string): void => {\n    if (s.debounceRef.current) window.clearTimeout(s.debounceRef.current);\n    s.debounceRef.current = window.setTimeout(() => p.onChange(val), p.debounceMs ?? 150);\n  };\n\n  useValueSync(p.value, s.setInputValue);\n  useDebounceCleanup(s.debounceRef);\n  useScrollActiveIntoView(s.activeIndex, optionIdPrefix, s.listRef);\n  useGhostFlagReset(s.justCompletedGhost, s.setJustCompletedGhost);\n  useLoadingOpen(\n    Boolean(p.isLoading),\n    s.inputValue,\n    Boolean(p.disabled),\n    s.userClosedDropdownRef,\n    s.setOpen,\n    s.setActiveIndex,\n  );\n  useLocalFilter(p, s);\n  useGhostText(p, s);\n\n  const selectItem = (item: T): void => runSelectItem(item, p, s, debouncedOnChange);\n\n  return {\n    id,\n    listId: `${id}-listbox`,\n    optionIdPrefix,\n    state: s,\n    visibleSuggestions: s.filteredSuggestions.slice(0, p.maxVisibleItems ?? 10),\n    activeDescendant: s.activeIndex >= 0 ? `${optionIdPrefix}-${s.activeIndex}` : undefined,\n    selectItem,\n    removeSelectedItem: (item: T): void => {\n      const getKey = p.getKey ?? defaultGetKey;\n      p.onSelectedItemsChange?.((p.selectedItems ?? []).filter((sel) => getKey(sel) !== getKey(item)));\n      s.inputRef.current?.focus();\n    },\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>): void =>\n      handleAutocompleteKey(e, s.composition, buildKeyContext(p, s, selectItem, debouncedOnChange)),\n    onInputChange: (e: React.ChangeEvent<HTMLInputElement>): void => {\n      s.setInputValue(e.target.value);\n      debouncedOnChange(e.target.value);\n      if (!s.open || s.filteredSuggestions.length === 0) s.setActiveIndex(-1);\n      setDeliberateClose(s, false);\n    },\n    onFocus: (): void => {\n      s.setIsInputFocused(true);\n      setDeliberateClose(s, false);\n      if (!s.inputValue.trim()) return;\n      s.setOpen(true);\n      if (s.filteredSuggestions.length > 0 && s.activeIndex === -1) s.setActiveIndex(0);\n    },\n    onBlur: (): void => {\n      window.setTimeout(() => s.setIsInputFocused(false), 150);\n    },\n    onClickAway: (): void => {\n      s.setOpen(false);\n      s.setActiveIndex(-1);\n      setDeliberateClose(s, true);\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DJKVSUXH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/density.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { ThemeOptions } from '@mui/material/styles/index.js';\n\nimport {\n  densityFieldHeight,\n  densityFontSize,\n  densitySpacingUnit,\n  resolveDensityFactor,\n  type DensityLevel,\n  type ResolvedDensity,\n} from './density.core';\nimport { 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`) for a\n * HOST's own bare `TextField`/`Select`, mirroring `muiThemeOptionsFrom`'s own\n * `components: mergeMuiComponents(fieldOverrides(...))`. It carries ONLY the\n * field overrides this function knows about (`MuiOutlinedInput`'s `root`,\n * `input` and `notchedOutline`; `MuiInputLabel`'s `outlined`) — a host with\n * ITS 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(fieldOverrides(fieldRadius, fieldHeight)),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAuDlB,SAAS,aAA8B;AAC5C,SAAO,SAAS,EAAE,WAAW,qBAAqB;AACpD;AA+DO,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,mBAAmB,eAAe,aAAa,WAAW,CAAC;AAAA,EACzE;AACF;","names":[]}

package/dist/chunk-KJID4PRD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef, useCallback } from 'react';\n\nimport type { StepColors } from './WorkflowStep.helpers';\nimport { indicatorSizeFor, stepColors, stepPalette } from './WorkflowStep.helpers';\nimport type {\n  StepConnectorProps,\n  StepContentProps,\n  StepIndicatorProps,\n  WorkflowStepProps,\n} from './WorkflowStep.types';\nimport { neutralTones } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\n// `outlined` shows the surface through a coloured rim; the other three fill it and\n// differ only in what border they keep.\nconst indicatorVariantStyles = (\n  theme: Theme,\n  variant: WorkflowStepProps['variant'],\n  { backgroundColor, borderColor, textColor }: StepColors,\n): CSSObject => {\n  if (variant === 'outlined') {\n    return {\n      border: `${rem(theme, 2)} solid ${borderColor}`,\n      backgroundColor: theme.palette.background.paper,\n    };\n  }\n\n  const filled = { backgroundColor, color: textColor };\n\n  switch (variant) {\n    case 'filled':\n      return filled;\n    case 'minimal':\n      return { ...filled, border: 'none' };\n    case 'default':\n      return { ...filled, border: `1px solid ${borderColor}` };\n    default:\n      return {};\n  }\n};\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n}>(({ orientation, isLast }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  minWidth: 0, // Allow content to shrink\n}));\n\nconst StepIndicator = styled(Box, {\n  shouldForwardProp: (prop) => !['size', 'variant', 'color', 'isActive', 'isCompleted', 'isError', 'interactive', 'animated', 'disabled'].includes(prop as string),\n})<{\n  size: WorkflowStepProps['size'];\n  variant: WorkflowStepProps['variant'];\n  color: WorkflowStepProps['color'];\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n}>(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {\n  const indicatorSize = indicatorSizeFor(size);\n  const palette = stepPalette(theme, color);\n  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {\n    isActive,\n    isCompleted,\n    isError,\n    variant,\n  });\n\n  return {\n    width: rem(theme, indicatorSize),\n    height: rem(theme, indicatorSize),\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: rem(theme, 12),\n    fontWeight: theme.typography.fontWeightMedium,\n    cursor: interactive && !disabled ? 'pointer' : 'default',\n    transition: animated\n      ? theme.transitions.create(['background-color', 'border-color', 'transform'], {\n          duration: theme.transitions.duration.short,\n        })\n      : 'none',\n    flexShrink: 0,\n\n    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),\n\n    // Interactive states\n    ...(interactive && !disabled && {\n      '&:hover': {\n        transform: 'scale(1.1)',\n        boxShadow: theme.shadows[2],\n      },\n      '&:focus-visible': {\n        outline: `${rem(theme, 2)} solid ${palette.main}`,\n        outlineOffset: rem(theme, 2),\n      },\n    }),\n\n    // Disabled state\n    ...(disabled && {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    }),\n  };\n});\n\nconst StepContent = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  interactive: boolean;\n  disabled: boolean;\n}>(({ theme, orientation, interactive, disabled }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  textAlign: orientation === 'vertical' ? 'left' : 'center',\n  marginTop: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  marginLeft: orientation === 'horizontal' ? theme.spacing(1) : 0,\n  cursor: interactive && !disabled ? 'pointer' : 'default',\n  minWidth: 0,\n  flex: 1,\n\n  '& .step-title': {\n    fontSize: rem(theme, 14),\n    fontWeight: theme.typography.fontWeightMedium,\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  '& .step-description': {\n    fontSize: rem(theme, 12),\n    color: theme.palette.text.secondary,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  ...(disabled && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isCompleted', 'color', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isCompleted: boolean;\n  color: WorkflowStepProps['color'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, isCompleted, color, variant }) => {\n  const connectorColor = isCompleted ? stepPalette(theme, color).main : neutralTones(theme).track;\n\n  return {\n    flex: 1,\n    position: 'relative',\n    \n    ...(orientation === 'horizontal' && {\n      height: rem(theme, 2),\n      backgroundColor: connectorColor,\n      margin: `0 ${theme.spacing(1)}`,\n      minWidth: theme.spacing(2),\n    }),\n    \n    ...(orientation === 'vertical' && {\n      width: rem(theme, 2),\n      backgroundColor: connectorColor,\n      minHeight: theme.spacing(3),\n      marginLeft: theme.spacing(2),\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      top: '100%',\n    }),\n\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.short,\n    }),\n\n    ...(variant === 'minimal' && {\n      opacity: 0.6,\n    }),\n  };\n});\n\n/**\n * Individual step indicator component\n */\nconst StepIndicatorComponent = forwardRef<HTMLDivElement, StepIndicatorProps>(({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isError,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const renderIndicatorContent = () => {\n    if (isError && errorIcon) {\n      return errorIcon;\n    }\n    if (isCompleted && completedIcon) {\n      return completedIcon;\n    }\n    if (showIcons && step.icon) {\n      return step.icon;\n    }\n    if (showNumbers) {\n      return index + 1;\n    }\n    return null;\n  };\n\n  return (\n    <StepIndicator\n      ref={ref}\n      size={size}\n      variant={variant}\n      color={color}\n      isActive={isActive}\n      isCompleted={isCompleted}\n      isError={isError}\n      interactive={interactive}\n      animated={animated}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      aria-label={`Step ${index + 1}: ${step.title}`}\n      aria-current={isActive ? 'step' : undefined}\n      data-testid={dataTestId}\n    >\n      {renderIndicatorContent()}\n    </StepIndicator>\n  );\n});\n\nStepIndicatorComponent.displayName = 'StepIndicator';\n\n/**\n * Step connector component\n */\nconst StepConnectorComponent = forwardRef<HTMLDivElement, StepConnectorProps>(({\n  isCompleted,\n  orientation,\n  variant,\n  color,\n  'data-testid': dataTestId,\n}, ref) => (\n  <StepConnector\n    ref={ref}\n    orientation={orientation}\n    isCompleted={isCompleted}\n    color={color}\n    variant={variant}\n    data-testid={dataTestId}\n  />\n));\n\nStepConnectorComponent.displayName = 'StepConnector';\n\n/**\n * Step content component\n */\nconst StepContentComponent = forwardRef<HTMLDivElement, StepContentProps>(({\n  step,\n  index,\n  orientation,\n  interactive,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  return (\n    <StepContent\n      ref={ref}\n      orientation={orientation}\n      interactive={interactive}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      data-testid={dataTestId}\n    >\n      <div className=\"step-title\">{step.title}</div>\n      {step.description && (\n        <div className=\"step-description\">{step.description}</div>\n      )}\n    </StepContent>\n  );\n});\n\nStepContentComponent.displayName = 'StepContent';\n\n/**\n * A plain wrapper around the styled row. Exporting the styled component itself\n * trips TS2742 — its inferred type names a pnpm-internal @mui/system path.\n */\nexport const StepItemRow: React.FC<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n  children: React.ReactNode;\n}> = ({ orientation, isLast, children }) => (\n  <StepItem orientation={orientation} isLast={isLast}>\n    {children}\n  </StepItem>\n);\n\nexport { StepConnectorComponent, StepContentComponent, StepIndicatorComponent };\n"],"mappings":"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","names":[]}

package/dist/chunk-Y2C2S4R7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport { progressValueText, resolveWorkflowStepProps, withDerivedStatus } from './WorkflowStep.helpers';\nimport { StepRow } from './WorkflowStepRow';\nimport type { WorkflowStepItem, WorkflowStepProps } from './WorkflowStep.types';\n\n// Styled Components\nconst StepContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, variant }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  gap: orientation === 'vertical' ? theme.spacing(2) : theme.spacing(1),\n  width: '100%',\n  position: 'relative',\n  \n  // Variant-specific styles\n  ...(variant === 'minimal' && {\n    gap: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  }),\n}));\n\n/**\n * WorkflowStep component for displaying multi-step workflows with visual progression\n */\nexport const WorkflowStep = forwardRef<HTMLDivElement, WorkflowStepProps>((rawProps, ref) => {\n  const {\n    steps,\n    currentStep,\n    variant,\n    orientation,\n    color,\n    size,\n    showProgress,\n    animated,\n    interactive,\n    showNumbers,\n    showIcons,\n    completedIcon,\n    errorIcon,\n    onStepClick,\n    disabled,\n    className,\n    style,\n    'data-testid': dataTestId,\n    ...other\n  } = resolveWorkflowStepProps(rawProps);\n  const handleStepClick = useCallback((stepIndex: number, step: WorkflowStepItem) => {\n    if (onStepClick && !disabled && !step.disabled) {\n      onStepClick(stepIndex, step);\n    }\n  }, [onStepClick, disabled]);\n\n  const stepsWithStatus = useMemo(\n    () => withDerivedStatus(steps, currentStep),\n    [steps, currentStep],\n  );\n\n  return (\n    <StepContainer\n      ref={ref}\n      orientation={orientation}\n      variant={variant}\n      className={className}\n      style={style}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={steps.length - 1}\n      aria-valuenow={currentStep}\n      aria-valuetext={progressValueText(steps, currentStep)}\n      data-testid={dataTestId}\n      {...other}\n    >\n      {stepsWithStatus.map((step, index) => (\n        <StepRow\n          key={index}\n          step={step}\n          index={index}\n          isLast={index === steps.length - 1}\n          orientation={orientation}\n          variant={variant}\n          color={color}\n          size={size}\n          showNumbers={showNumbers}\n          showIcons={showIcons}\n          showProgress={showProgress}\n          completedIcon={completedIcon}\n          errorIcon={errorIcon}\n          interactive={interactive}\n          animated={animated}\n          disabled={disabled}\n          onClick={handleStepClick}\n          dataTestId={dataTestId}\n        />\n      ))}\n    </StepContainer>\n  );\n});\n\nWorkflowStep.displayName = 'WorkflowStep';\n\nexport default WorkflowStep;"],"mappings":";;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,cAAc;AACvB,SAAgB,YAAY,aAAa,eAAe;AA8EhD;AAvER,IAAM,gBAAgB,OAAO,KAAK;AAAA,EAChC,mBAAmB,CAAC,SAAS,CAAC,CAAC,eAAe,SAAS,EAAE,SAAS,IAAc;AAClF,CAAC,EAGE,CAAC,EAAE,OAAO,aAAa,QAAQ,OAAO;AAAA,EACvC,SAAS;AAAA,EACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,EACvD,YAAY,gBAAgB,aAAa,eAAe;AAAA,EACxD,KAAK,gBAAgB,aAAa,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,CAAC;AAAA,EACpE,OAAO;AAAA,EACP,UAAU;AAAA;AAAA,EAGV,GAAI,YAAY,aAAa;AAAA,IAC3B,KAAK,gBAAgB,aAAa,MAAM,QAAQ,CAAC,IAAI,MAAM,QAAQ,GAAG;AAAA,EACxE;AACF,EAAE;AAKK,IAAM,eAAe,WAA8C,CAAC,UAAU,QAAQ;AAC3F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI,yBAAyB,QAAQ;AACrC,QAAM,kBAAkB,YAAY,CAAC,WAAmB,SAA2B;AACjF,QAAI,eAAe,CAAC,YAAY,CAAC,KAAK,UAAU;AAC9C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,aAAa,QAAQ,CAAC;AAE1B,QAAM,kBAAkB;AAAA,IACtB,MAAM,kBAAkB,OAAO,WAAW;AAAA,IAC1C,CAAC,OAAO,WAAW;AAAA,EACrB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe,MAAM,SAAS;AAAA,MAC9B,iBAAe;AAAA,MACf,kBAAgB,kBAAkB,OAAO,WAAW;AAAA,MACpD,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,0BAAgB,IAAI,CAAC,MAAM,UAC1B;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA;AAAA,QAjBK;AAAA,MAkBP,CACD;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}