@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-2TZ6X265.js

@@ -1,111 +0,0 @@
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  fieldRadiusOverrides,
-  fieldRootStyles
-} from "./chunk-GDN2LUTZ.js";
-import {
-  DEFAULT_FIELD_HEIGHT,
-  FIELD_BORDER_WIDTH,
-  FIELD_HEIGHT_SCALE,
-  fieldHeightRem,
-  resolveFieldHeight
-} from "./chunk-O6MJWHU5.js";
-
-// src/tokens/field-height.ts
-function asFieldSize(size) {
-  return size !== void 0 && size in FIELD_HEIGHT_SCALE ? size : "md";
-}
-function fieldHeight(theme, size = "md") {
-  return `${fieldHeightRem(resolveFieldHeight(theme.fieldHeight), size)}rem`;
-}
-function fieldBorder(theme, surface) {
-  return `${FIELD_BORDER_WIDTH}px solid ${fieldEdge(theme, surface)}`;
-}
-var verticalInset = (height) => `calc((${height} - 1.4375em) / 2)`;
-function fieldControlStyles(theme, size = "md") {
-  const inset = verticalInset(fieldHeight(theme, size));
-  return {
-    "& .MuiOutlinedInput-root:not(.MuiInputBase-multiline)": {
-      paddingTop: 0,
-      paddingBottom: 0,
-      "& .MuiOutlinedInput-input, & .MuiSelect-select": { paddingTop: inset, paddingBottom: inset },
-      // A select's display box inherits the ROOT's line height as an absolute
-      // length, so at a smaller font (0.875rem) it outgrew the inset measured in
-      // its own `em` — 42.88px in a 40px row. Its line follows its own type now.
-      "& .MuiSelect-select": { lineHeight: "1.4375em" }
-    },
-    "& .MuiInputLabel-outlined:not(.MuiInputLabel-shrink)": {
-      transform: `translate(14px, ${inset}) scale(1)`
-    }
-  };
-}
-var restingEdge = ({ theme }) => ({ borderColor: fieldEdge(theme) });
-function fieldHeightOverrides(height = DEFAULT_FIELD_HEIGHT) {
-  const inset = verticalInset(`${fieldHeightRem(height)}rem`);
-  return {
-    MuiOutlinedInput: {
-      styleOverrides: {
-        input: { "&:not(.MuiInputBase-inputMultiline)": { paddingTop: inset, paddingBottom: inset } },
-        // The one resting border; MUI's hover, focus and error rules outrank it.
-        notchedOutline: restingEdge
-      }
-    },
-    MuiInputLabel: {
-      styleOverrides: {
-        outlined: { "&:not(.MuiInputLabel-shrink)": { transform: `translate(14px, ${inset}) scale(1)` } }
-      }
-    }
-  };
-}
-function mergeMuiComponents(...sources) {
-  const maps = sources;
-  const names = new Set(maps.flatMap((map) => Object.keys(map)));
-  return Object.fromEntries(
-    [...names].map((name) => {
-      const entries = maps.map((map) => map[name]).filter((entry) => entry !== void 0);
-      const styleOverrides = Object.assign({}, ...entries.map((entry) => entry.styleOverrides));
-      const defaultProps = Object.assign({}, ...entries.map((entry) => entry.defaultProps));
-      const variants = entries.flatMap((entry) => entry.variants ?? []);
-      const rest = entries.reduce((acc, entry) => {
-        for (const key of Object.keys(entry)) {
-          if (key === "styleOverrides" || key === "defaultProps" || key === "variants") continue;
-          acc[key] = entry[key];
-        }
-        return acc;
-      }, {});
-      return [
-        name,
-        {
-          ...rest,
-          styleOverrides,
-          ...Object.keys(defaultProps).length > 0 ? { defaultProps } : {},
-          ...variants.length > 0 ? { variants } : {}
-        }
-      ];
-    })
-  );
-}
-function fieldOverrides(radius, height) {
-  return mergeMuiComponents(fieldRadiusOverrides(radius), fieldHeightOverrides(height));
-}
-function fieldTextFieldStyles(theme, size = "md") {
-  return {
-    ...fieldRootStyles(theme),
-    ...fieldControlStyles(theme, size),
-    "& .MuiOutlinedInput-notchedOutline": { borderColor: fieldEdge(theme) }
-  };
-}
-
-export {
-  asFieldSize,
-  fieldHeight,
-  fieldBorder,
-  fieldControlStyles,
-  fieldHeightOverrides,
-  mergeMuiComponents,
-  fieldOverrides,
-  fieldTextFieldStyles
-};
-//# sourceMappingURL=chunk-2TZ6X265.js.map

package/dist/chunk-2ZRZTGWP.js

@@ -1,230 +0,0 @@
-import {
-  isDateDisabledBy,
-  nextRangeStep
-} from "./chunk-E2Y7G4MP.js";
-import {
-  ACTIVATION_KEYS,
-  navigateFocus
-} from "./chunk-FFQ4NOJT.js";
-import {
-  addMonths,
-  generateMonthMatrix,
-  getWeekdayNames,
-  normalizeDate
-} from "./chunk-TERT6TIS.js";
-
-// src/components/form/Calendar/Calendar.hooks.ts
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-var startOfMonth = (date) => new Date(date.getFullYear(), date.getMonth(), 1);
-var initialFocus = (props, today) => {
-  if (props.selectionMode === "single" && props.value) return normalizeDate(props.value);
-  if (props.selectionMode === "range" && props.range.start) return normalizeDate(props.range.start);
-  return today;
-};
-var useCalendarState = (props, today) => {
-  const [focusedDate, setFocusedDate] = useState(() => initialFocus(props, today));
-  const [hoveredDate, setHoveredDate] = useState(null);
-  const [currentMonth, setCurrentMonth] = useState(() => startOfMonth(focusedDate));
-  return {
-    focusedDate,
-    setFocusedDate,
-    hoveredDate,
-    setHoveredDate,
-    currentMonth,
-    setCurrentMonth
-  };
-};
-var useAutoFocusGrid = (autoFocus) => {
-  const gridRef = useRef(null);
-  useEffect(() => {
-    if (autoFocus && gridRef.current) gridRef.current.focus();
-  }, [autoFocus]);
-  return gridRef;
-};
-var useVisibleMonths = ({
-  currentMonth,
-  monthsToShow,
-  firstDayOfWeek
-}) => useMemo(() => {
-  const matrices = [];
-  let cursor = currentMonth;
-  for (let i = 0; i < monthsToShow; i++) {
-    matrices.push(generateMonthMatrix(cursor.getMonth(), cursor.getFullYear(), firstDayOfWeek));
-    cursor = addMonths(cursor, 1);
-  }
-  return matrices;
-}, [currentMonth, monthsToShow, firstDayOfWeek]);
-var useDateClick = ({
-  props,
-  isDisabled,
-  setFocusedDate
-}) => {
-  const {
-    selectionMode,
-    range,
-    onChange,
-    onRangeChange,
-    onIntermediateRangeChange,
-    allowSameDayRange,
-    minRangeLength,
-    maxRangeLength
-  } = props;
-  return useCallback(
-    (date) => {
-      if (isDisabled(date)) return;
-      const candidate = normalizeDate(date);
-      setFocusedDate(candidate);
-      if (selectionMode === "single") {
-        onChange?.(candidate);
-        return;
-      }
-      const step = nextRangeStep({
-        start: range.start,
-        end: range.end,
-        candidate,
-        allowSameDayRange,
-        minRangeLength,
-        maxRangeLength
-      });
-      if (step.kind === "rejected") return;
-      if (step.kind === "complete") onRangeChange?.(step.range);
-      onIntermediateRangeChange?.(step.range);
-    },
-    [
-      selectionMode,
-      range,
-      onChange,
-      onRangeChange,
-      onIntermediateRangeChange,
-      isDisabled,
-      allowSameDayRange,
-      minRangeLength,
-      maxRangeLength,
-      setFocusedDate
-    ]
-  );
-};
-var useHoverHandlers = ({
-  selectionMode,
-  range,
-  isDisabled,
-  setHoveredDate
-}) => {
-  const handleDateMouseEnter = useCallback(
-    (date) => {
-      if (selectionMode === "range" && range.start && !range.end && !isDisabled(date)) {
-        setHoveredDate(normalizeDate(date));
-      }
-    },
-    [selectionMode, range, isDisabled, setHoveredDate]
-  );
-  const handleDateMouseLeave = useCallback(() => setHoveredDate(null), [setHoveredDate]);
-  return { handleDateMouseEnter, handleDateMouseLeave };
-};
-var useKeyboardHandler = ({
-  focusedDate,
-  firstDayOfWeek,
-  currentMonth,
-  handleDateClick,
-  setFocusedDate,
-  setCurrentMonth,
-  setHoveredDate
-}) => useCallback(
-  (event) => {
-    const { key } = event;
-    const moved = navigateFocus(key, focusedDate, { firstDayOfWeek, shiftKey: event.shiftKey });
-    if (moved) {
-      event.preventDefault();
-      setFocusedDate(normalizeDate(moved));
-      const month = startOfMonth(moved);
-      if (month.getTime() !== currentMonth.getTime()) setCurrentMonth(month);
-      return;
-    }
-    if (ACTIVATION_KEYS.includes(key)) {
-      event.preventDefault();
-      handleDateClick(focusedDate);
-      return;
-    }
-    if (key === "Escape") {
-      event.preventDefault();
-      setHoveredDate(null);
-    }
-  },
-  [
-    focusedDate,
-    firstDayOfWeek,
-    currentMonth,
-    handleDateClick,
-    setFocusedDate,
-    setCurrentMonth,
-    setHoveredDate
-  ]
-);
-var useCalendar = (props) => {
-  const { monthsToShow, firstDayOfWeek, locale, minDate, maxDate, isDateDisabled } = props;
-  const today = useMemo(() => normalizeDate(/* @__PURE__ */ new Date()), []);
-  const state = useCalendarState(props, today);
-  const gridRef = useAutoFocusGrid(props.autoFocus);
-  const monthMatrices = useVisibleMonths({
-    currentMonth: state.currentMonth,
-    monthsToShow,
-    firstDayOfWeek
-  });
-  const weekdayNames = useMemo(
-    () => getWeekdayNames(locale, firstDayOfWeek),
-    [locale, firstDayOfWeek]
-  );
-  const isDisabled = useCallback(
-    (date) => isDateDisabledBy({ date, minDate, maxDate, isDateDisabled }),
-    [minDate, maxDate, isDateDisabled]
-  );
-  const { setCurrentMonth } = state;
-  const goToPreviousMonth = useCallback(
-    () => setCurrentMonth((prev) => addMonths(prev, -1)),
-    [setCurrentMonth]
-  );
-  const goToNextMonth = useCallback(
-    () => setCurrentMonth((prev) => addMonths(prev, 1)),
-    [setCurrentMonth]
-  );
-  const handleDateClick = useDateClick({
-    props,
-    isDisabled,
-    setFocusedDate: state.setFocusedDate
-  });
-  const { handleDateMouseEnter, handleDateMouseLeave } = useHoverHandlers({
-    selectionMode: props.selectionMode,
-    range: props.range,
-    isDisabled,
-    setHoveredDate: state.setHoveredDate
-  });
-  const handleKeyDown = useKeyboardHandler({
-    focusedDate: state.focusedDate,
-    firstDayOfWeek,
-    currentMonth: state.currentMonth,
-    handleDateClick,
-    setFocusedDate: state.setFocusedDate,
-    setCurrentMonth: state.setCurrentMonth,
-    setHoveredDate: state.setHoveredDate
-  });
-  return {
-    gridRef,
-    today,
-    focusedDate: state.focusedDate,
-    hoveredDate: state.hoveredDate,
-    monthMatrices,
-    weekdayNames,
-    isDisabled,
-    goToPreviousMonth,
-    goToNextMonth,
-    handleDateClick,
-    handleDateMouseEnter,
-    handleDateMouseLeave,
-    handleKeyDown
-  };
-};
-
-export {
-  useCalendar
-};
-//# sourceMappingURL=chunk-2ZRZTGWP.js.map

package/dist/chunk-3CIIB74Y.js

@@ -1,53 +0,0 @@
-import {
-  useCardActions
-} from "./chunk-NSKQANRY.js";
-import {
-  ConfirmActionDialog
-} from "./chunk-UJHXEOU3.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/data-display/CardKit/use-remove-confirm.tsx
-import { jsx } from "react/jsx-runtime";
-function useRemoveConfirm({
-  write,
-  title,
-  entityName,
-  description,
-  confirmText,
-  fallbackError,
-  dataTestId,
-  copy
-}) {
-  const { onRefresh, notifyError } = useCardActions();
-  const state = useConfirmAction(async () => {
-    const result = await write();
-    if (!result.ok) {
-      const message = result.error ?? fallbackError;
-      notifyError(message);
-      throw new Error(message);
-    }
-    onRefresh();
-  }, fallbackError);
-  return {
-    request: state.request,
-    dialog: /* @__PURE__ */ jsx(
-      ConfirmActionDialog,
-      {
-        state,
-        copy,
-        title,
-        entityName,
-        description,
-        confirmText,
-        dataTestId
-      }
-    )
-  };
-}
-
-export {
-  useRemoveConfirm
-};
-//# sourceMappingURL=chunk-3CIIB74Y.js.map

package/dist/chunk-3IPPMWUA.js

@@ -1,22 +0,0 @@
-// src/tokens/scales.ts
-function accentFor(theme, color) {
-  if (color === "neutral") {
-    const grey = theme.palette.grey;
-    return {
-      // Explicit fallbacks: the ramp is indexed, and under
-      // `noUncheckedIndexedAccess` every stop is `string | undefined`.
-      main: grey[600] ?? "#757575",
-      light: grey[400] ?? "#bdbdbd",
-      dark: grey[800] ?? "#424242",
-      // Grey 600 carries white text in both themes.
-      contrastText: "#fff"
-    };
-  }
-  const key = color === "danger" ? "error" : color;
-  return theme.palette[key];
-}
-
-export {
-  accentFor
-};
-//# sourceMappingURL=chunk-3IPPMWUA.js.map

package/dist/chunk-3IPPMWUA.js.map

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

package/dist/chunk-3IXMIFIT.js

@@ -1,278 +0,0 @@
-import {
-  highlightLabel
-} from "./chunk-JXS56EW5.js";
-import {
-  fieldTextFieldStyles
-} from "./chunk-2TZ6X265.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/Autocomplete/Autocomplete.parts.tsx
-import LinkIcon from "@mui/icons-material/Link";
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import Chip from "@mui/material/Chip/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import List from "@mui/material/List/index.js";
-import ListItem from "@mui/material/ListItem/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import Popper from "@mui/material/Popper/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled, useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledPopper = styled(Popper)(({ theme }) => ({
-  zIndex: theme.zIndex.tooltip,
-  width: "100%",
-  maxHeight: rem(theme, 300),
-  overflow: "auto",
-  // Popper.js writes the computed position (and stamps `data-popper-placement`)
-  // in a layout effect that can land AFTER the first paint. Until it does, the
-  // element would paint once unpositioned — at the offset-parent origin, far
-  // left and full width — then jump under the input, a visible per-keystroke
-  // flash as the list re-renders. Hide that unpositioned first frame; it becomes
-  // visible the instant popper assigns a placement.
-  "&:not([data-popper-placement])": { visibility: "hidden" }
-}));
-var InlineSuggestionDisplay = styled("div")(({ theme }) => ({
-  position: "absolute",
-  pointerEvents: "none",
-  left: rem(theme, 14),
-  // Match TextField padding
-  top: "50%",
-  transform: "translateY(-50%)",
-  fontSize: "inherit",
-  fontFamily: "inherit",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  zIndex: 1
-}));
-var UserTextTwin = styled("span")({
-  visibility: "hidden"
-});
-var GhostText = styled("span")(({ theme }) => ({
-  color: theme.palette.text.secondary,
-  opacity: 0.6
-}));
-var ChipContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  flexWrap: "wrap",
-  gap: theme.spacing(0.5),
-  marginBottom: theme.spacing(1)
-}));
-function suggestionTypeIcon(type) {
-  const sx = { color: "text.secondary", flexShrink: 0 };
-  if (type === "link") return /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small", sx });
-  if (type === "search") return /* @__PURE__ */ jsx(SearchIcon, { fontSize: "small", sx });
-  return null;
-}
-function GhostOverlay({ inputValue, ghost }) {
-  return /* @__PURE__ */ jsxs(InlineSuggestionDisplay, { children: [
-    /* @__PURE__ */ jsx(UserTextTwin, { children: inputValue }),
-    /* @__PURE__ */ jsx(GhostText, { children: ghost })
-  ] });
-}
-function AutocompleteInput(props) {
-  const theme = useTheme();
-  const showOverlay = Boolean(props.ghost) && props.showGhost && props.isInputFocused;
-  return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-    showOverlay && /* @__PURE__ */ jsx(GhostOverlay, { inputValue: props.inputValue, ghost: props.ghost }),
-    /* @__PURE__ */ jsx(
-      TextField,
-      {
-        ref: props.inputRef,
-        fullWidth: true,
-        sx: fieldTextFieldStyles,
-        value: props.inputValue,
-        onChange: props.onChange,
-        onKeyDown: props.onKeyDown,
-        onFocus: props.onFocus,
-        onBlur: props.onBlur,
-        onCompositionStart: props.onCompositionStart,
-        onCompositionEnd: props.onCompositionEnd,
-        placeholder: props.placeholder,
-        disabled: props.disabled,
-        autoFocus: props.autoFocus,
-        className: props.inputClassName,
-        InputProps: {
-          startAdornment: props.startAdornment,
-          endAdornment: props.isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: rem(theme, 20) }) : void 0
-        },
-        inputProps: {
-          role: "combobox",
-          "aria-expanded": props.open,
-          "aria-controls": props.open ? props.listId : void 0,
-          "aria-activedescendant": props.activeDescendant,
-          "aria-autocomplete": "list",
-          "aria-label": props.inputAriaLabel,
-          id: props.id
-        }
-      }
-    )
-  ] });
-}
-function ChipList({
-  items,
-  getKey,
-  getLabel,
-  onRemove,
-  chipClassName
-}) {
-  return /* @__PURE__ */ jsx(ChipContainer, { "data-testid": "selected-items-container", children: items.map((item, index) => /* @__PURE__ */ jsx(
-    Chip,
-    {
-      label: getLabel(item),
-      onDelete: () => onRemove(item),
-      size: "small",
-      className: chipClassName,
-      "data-testid": `selected-chip-${index}`
-    },
-    `${getKey(item)}-${index}`
-  )) });
-}
-function DefaultSuggestion({
-  item,
-  state,
-  getLabel,
-  getDescription,
-  getSuggestionType,
-  matchMode
-}) {
-  const label = getLabel(item);
-  const description = getDescription?.(item);
-  const segments = highlightLabel(label, state.query, matchMode);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        width: "100%",
-        // Bold every run the query matched, in any match mode but fuzzy — not
-        // only a prefix, even under `startsWith` (not a yellow <mark> highlight).
-        "& mark": { backgroundColor: "transparent", color: "inherit", fontWeight: 700 }
-      },
-      children: [
-        suggestionTypeIcon(getSuggestionType(item)),
-        /* @__PURE__ */ jsx(
-          ListItemText,
-          {
-            primary: /* @__PURE__ */ jsx("span", { children: segments.map(
-              (segment, index) => (
-                // The runs are derived from one label and never reorder, so the
-                // position is a stable key.
-                segment.match ? /* @__PURE__ */ jsx("mark", { children: segment.text }, index) : /* @__PURE__ */ jsx(React.Fragment, { children: segment.text }, index)
-              )
-            ) }),
-            secondary: description
-          }
-        )
-      ]
-    }
-  );
-}
-function LoadingRow({ label }) {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
-    /* @__PURE__ */ jsx(CircularProgress, { size: rem(theme, 16) }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label })
-  ] }) });
-}
-function NoResultsRow({ label }) {
-  return /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label }) });
-}
-var SAME_WIDTH_MODIFIER = {
-  name: "sameWidth",
-  enabled: true,
-  fn: ({ state }) => {
-    if (state.elements.reference && state.styles.popper) {
-      state.styles.popper.width = `${state.rects.reference.width}px`;
-    }
-  },
-  phase: "beforeWrite",
-  requires: ["computeStyles"]
-};
-function SuggestionListBox({
-  copy,
-  open,
-  anchorEl,
-  portal,
-  listRef,
-  listId,
-  optionIdPrefix,
-  items,
-  activeIndex,
-  isLoading,
-  showNoResults,
-  getKey,
-  onSelect,
-  onHover,
-  renderItem,
-  listClassName,
-  itemClassName,
-  activeItemClassName
-}) {
-  return /* @__PURE__ */ jsx(
-    StyledPopper,
-    {
-      open,
-      anchorEl,
-      placement: "bottom-start",
-      disablePortal: !portal,
-      modifiers: [SAME_WIDTH_MODIFIER],
-      children: /* @__PURE__ */ jsx(Paper, { elevation: 8, className: listClassName, "data-testid": "suggestions-dropdown", children: /* @__PURE__ */ jsxs(
-        List,
-        {
-          ref: listRef,
-          role: "listbox",
-          id: listId,
-          dense: true,
-          sx: { maxHeight: sxRem(300), overflow: "auto" },
-          "data-testid": "suggestions-list",
-          children: [
-            items.map((item, index) => /* @__PURE__ */ jsx(
-              ListItem,
-              {
-                id: `${optionIdPrefix}-${index}`,
-                role: "option",
-                component: "div",
-                sx: {
-                  cursor: "pointer",
-                  backgroundColor: index === activeIndex ? "action.hover" : "transparent",
-                  "&:hover": { backgroundColor: "action.hover" }
-                },
-                "aria-selected": index === activeIndex,
-                onMouseDown: (e) => e.preventDefault(),
-                onClick: () => onSelect(item),
-                onMouseEnter: () => onHover(index),
-                className: `${itemClassName} ${index === activeIndex ? activeItemClassName : ""}`,
-                "data-testid": `suggestion-item-${index}`,
-                children: renderItem(item, index === activeIndex)
-              },
-              getKey(item)
-            )),
-            isLoading && /* @__PURE__ */ jsx(LoadingRow, { label: copy.loading }),
-            showNoResults && /* @__PURE__ */ jsx(NoResultsRow, { label: copy.noResults })
-          ]
-        }
-      ) })
-    }
-  );
-}
-
-export {
-  suggestionTypeIcon,
-  AutocompleteInput,
-  ChipList,
-  DefaultSuggestion,
-  LoadingRow,
-  NoResultsRow,
-  SuggestionListBox
-};
-//# sourceMappingURL=chunk-3IXMIFIT.js.map