@12-apps/ui 6.30.0 → 6.30.2

package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   DataViewsGrid
-} from "../../../../chunk-KUJLZFDW.js";
-import "../../../../chunk-VEGT5PAD.js";
+} from "../../../../chunk-BTKMGXAK.js";
+import "../../../../chunk-ALEITBJX.js";
 import "../../../../chunk-6PKVHFCK.js";
 import "../../../../chunk-VKH7AENA.js";
-import "../../../../chunk-VNGYJXAU.js";
+import "../../../../chunk-DH5OA4VK.js";
 import "../../../../chunk-4XVH6IWN.js";
-import "../../../../chunk-CASZGBCA.js";
+import "../../../../chunk-PZAXUO6F.js";
 import "../../../../chunk-5WNQJ5KS.js";
-import "../../../../chunk-I3FXTIKA.js";
-import "../../../../chunk-6FUOUUYO.js";
-import "../../../../chunk-EZMCWRXO.js";
+import "../../../../chunk-J2UZOMTA.js";
+import "../../../../chunk-ZJ66D63E.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-UC6A6ASM.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
@@ -19,7 +19,7 @@ import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-F4RR4666.js";
 import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
-import "../../../../chunk-TQ6FPOPD.js";
+import "../../../../chunk-TPKSOHB5.js";
 import "../../../../chunk-IAGOUTI6.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-FGUK3D54.js";

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,20 +1,20 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-JQL4GG5L.js";
+} from "../../../../chunk-LBLX3Q2C.js";
 import "../../../../chunk-MSS6IU5X.js";
-import "../../../../chunk-KUJLZFDW.js";
+import "../../../../chunk-BTKMGXAK.js";
 import "../../../../chunk-ZOLAYP2D.js";
-import "../../../../chunk-VEGT5PAD.js";
+import "../../../../chunk-ALEITBJX.js";
 import "../../../../chunk-6PKVHFCK.js";
 import "../../../../chunk-VKH7AENA.js";
-import "../../../../chunk-VNGYJXAU.js";
+import "../../../../chunk-DH5OA4VK.js";
 import "../../../../chunk-4XVH6IWN.js";
-import "../../../../chunk-CASZGBCA.js";
+import "../../../../chunk-PZAXUO6F.js";
 import "../../../../chunk-5WNQJ5KS.js";
-import "../../../../chunk-I3FXTIKA.js";
-import "../../../../chunk-6FUOUUYO.js";
-import "../../../../chunk-EZMCWRXO.js";
+import "../../../../chunk-J2UZOMTA.js";
+import "../../../../chunk-ZJ66D63E.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-UC6A6ASM.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
@@ -22,7 +22,7 @@ import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-F4RR4666.js";
 import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
-import "../../../../chunk-TQ6FPOPD.js";
+import "../../../../chunk-TPKSOHB5.js";
 import "../../../../chunk-IAGOUTI6.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-FGUK3D54.js";

package/dist/_internal/components/data-display/DataViews/data-views-category-pill.js

@@ -2,7 +2,7 @@
 import {
   PillControl,
   emitPillDiff
-} from "../../../../chunk-I3FXTIKA.js";
+} from "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-MOLQGQEQ.js";
 import "../../../../chunk-4T6W43TO.js";

package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js

@@ -2,8 +2,8 @@
 import {
   FilterDialog,
   GridFilterPanel
-} from "../../../../chunk-VNGYJXAU.js";
-import "../../../../chunk-I3FXTIKA.js";
+} from "../../../../chunk-DH5OA4VK.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
 import "../../../../chunk-GCZJH4XL.js";

package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   GridShell
-} from "../../../../chunk-VEGT5PAD.js";
+} from "../../../../chunk-ALEITBJX.js";
 import "../../../../chunk-6PKVHFCK.js";
 import "../../../../chunk-VKH7AENA.js";
-import "../../../../chunk-VNGYJXAU.js";
+import "../../../../chunk-DH5OA4VK.js";
 import "../../../../chunk-4XVH6IWN.js";
-import "../../../../chunk-CASZGBCA.js";
+import "../../../../chunk-PZAXUO6F.js";
 import "../../../../chunk-5WNQJ5KS.js";
-import "../../../../chunk-I3FXTIKA.js";
-import "../../../../chunk-6FUOUUYO.js";
-import "../../../../chunk-EZMCWRXO.js";
+import "../../../../chunk-J2UZOMTA.js";
+import "../../../../chunk-ZJ66D63E.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-UC6A6ASM.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
@@ -18,7 +18,7 @@ import "../../../../chunk-GCZJH4XL.js";
 import "../../../../chunk-F4RR4666.js";
 import "../../../../chunk-CBOB5AV6.js";
 import "../../../../chunk-HP2ODXNA.js";
-import "../../../../chunk-TQ6FPOPD.js";
+import "../../../../chunk-TPKSOHB5.js";
 import "../../../../chunk-IAGOUTI6.js";
 import "../../../../chunk-KX75HM5U.js";
 import "../../../../chunk-FGUK3D54.js";

package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   InlineFilterControls
-} from "../../../../chunk-CASZGBCA.js";
+} from "../../../../chunk-PZAXUO6F.js";
 import "../../../../chunk-5WNQJ5KS.js";
-import "../../../../chunk-I3FXTIKA.js";
-import "../../../../chunk-6FUOUUYO.js";
-import "../../../../chunk-EZMCWRXO.js";
+import "../../../../chunk-J2UZOMTA.js";
+import "../../../../chunk-ZJ66D63E.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
 import "../../../../chunk-GCZJH4XL.js";

package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js

@@ -2,7 +2,8 @@
 import {
   MoreGroup,
   fieldClearing
-} from "../../../../chunk-EZMCWRXO.js";
+} from "../../../../chunk-ZJ66D63E.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
 import "../../../../chunk-GCZJH4XL.js";
@@ -22,6 +23,27 @@ import "../../../../chunk-WQFIV5WD.js";
 import "../../../../chunk-EFEZWG4C.js";
 import "../../../../chunk-YB6MDGPR.js";
 import "../../../../chunk-UCU5FCYE.js";
+import "../../../../chunk-N5ZWC6CB.js";
+import "../../../../chunk-57W2C7HY.js";
+import "../../../../chunk-VESIQYBF.js";
+import "../../../../chunk-V6Z4XS3I.js";
+import "../../../../chunk-LMXWI3DD.js";
+import "../../../../chunk-V7F53GEO.js";
+import "../../../../chunk-GH2DC7PS.js";
+import "../../../../chunk-CJUOBTLL.js";
+import "../../../../chunk-ZUY65MFH.js";
+import "../../../../chunk-RZVUY2MO.js";
+import "../../../../chunk-USJPZ5Q7.js";
+import "../../../../chunk-XHHR6G35.js";
+import "../../../../chunk-R2AZOWEZ.js";
+import "../../../../chunk-PN4HVM43.js";
+import "../../../../chunk-GVDJQMFI.js";
+import "../../../../chunk-DMNZD3Q7.js";
+import "../../../../chunk-ZS44PY7T.js";
+import "../../../../chunk-C3UKR3NT.js";
+import "../../../../chunk-IPPTOL53.js";
+import "../../../../chunk-7FDU3FIN.js";
+import "../../../../chunk-EPEJMTCQ.js";
 import "../../../../chunk-6DPAWXZ3.js";
 import "../../../../chunk-VUHLNYAE.js";
 import "../../../../chunk-YTYROOLY.js";
@@ -32,6 +54,7 @@ import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-2BYKTBDL.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-MFU4Y25U.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   MoreGroup,

package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js

@@ -1,8 +1,9 @@
 "use client";
 import {
   MoreFilters
-} from "../../../../chunk-6FUOUUYO.js";
-import "../../../../chunk-EZMCWRXO.js";
+} from "../../../../chunk-J2UZOMTA.js";
+import "../../../../chunk-ZJ66D63E.js";
+import "../../../../chunk-D5GCWSGS.js";
 import "../../../../chunk-DFLTUI7W.js";
 import "../../../../chunk-FV36LFPX.js";
 import "../../../../chunk-GCZJH4XL.js";
@@ -22,6 +23,27 @@ import "../../../../chunk-WQFIV5WD.js";
 import "../../../../chunk-EFEZWG4C.js";
 import "../../../../chunk-YB6MDGPR.js";
 import "../../../../chunk-UCU5FCYE.js";
+import "../../../../chunk-N5ZWC6CB.js";
+import "../../../../chunk-57W2C7HY.js";
+import "../../../../chunk-VESIQYBF.js";
+import "../../../../chunk-V6Z4XS3I.js";
+import "../../../../chunk-LMXWI3DD.js";
+import "../../../../chunk-V7F53GEO.js";
+import "../../../../chunk-GH2DC7PS.js";
+import "../../../../chunk-CJUOBTLL.js";
+import "../../../../chunk-ZUY65MFH.js";
+import "../../../../chunk-RZVUY2MO.js";
+import "../../../../chunk-USJPZ5Q7.js";
+import "../../../../chunk-XHHR6G35.js";
+import "../../../../chunk-R2AZOWEZ.js";
+import "../../../../chunk-PN4HVM43.js";
+import "../../../../chunk-GVDJQMFI.js";
+import "../../../../chunk-DMNZD3Q7.js";
+import "../../../../chunk-ZS44PY7T.js";
+import "../../../../chunk-C3UKR3NT.js";
+import "../../../../chunk-IPPTOL53.js";
+import "../../../../chunk-7FDU3FIN.js";
+import "../../../../chunk-EPEJMTCQ.js";
 import "../../../../chunk-6DPAWXZ3.js";
 import "../../../../chunk-VUHLNYAE.js";
 import "../../../../chunk-BA4RHQ3B.js";
@@ -37,6 +59,7 @@ import "../../../../chunk-AG66JBNH.js";
 import "../../../../chunk-2BYKTBDL.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-FZXKH2ZT.js";
+import "../../../../chunk-MFU4Y25U.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   MoreFilters

package/dist/_internal/components/data-display/DataViews/data-views-overflow.js

@@ -2,7 +2,7 @@
 import {
   toOverflowFields,
   useFilterOverflow
-} from "../../../../chunk-TQ6FPOPD.js";
+} from "../../../../chunk-TPKSOHB5.js";
 import "../../../../chunk-IAGOUTI6.js";
 import "../../../../chunk-NCS2TBIP.js";
 import "../../../../chunk-Y4KKS6WL.js";

package/dist/_internal/components/form/Autocomplete/Autocomplete.helpers.js

@@ -7,7 +7,7 @@ import {
   filterSuggestions,
   firstGhostSuggestion,
   highlightLabel
-} from "../../../../chunk-XBHQT4BQ.js";
+} from "../../../../chunk-JXS56EW5.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   defaultGetKey,

package/dist/_internal/components/form/Autocomplete/Autocomplete.js

@@ -1,11 +1,11 @@
 import {
   Autocomplete,
   Autocomplete_default
-} from "../../../../chunk-65DLYC4S.js";
-import "../../../../chunk-362OGE5J.js";
-import "../../../../chunk-6TSP45KC.js";
-import "../../../../chunk-JDFTIK4L.js";
-import "../../../../chunk-XBHQT4BQ.js";
+} from "../../../../chunk-L3R7WPIK.js";
+import "../../../../chunk-HBRKA67N.js";
+import "../../../../chunk-5NOCXEL2.js";
+import "../../../../chunk-PELRSZFU.js";
+import "../../../../chunk-JXS56EW5.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   Autocomplete,

package/dist/_internal/components/form/Autocomplete/Autocomplete.keys.js

@@ -1,7 +1,7 @@
 import {
   handleAutocompleteKey
-} from "../../../../chunk-JDFTIK4L.js";
-import "../../../../chunk-XBHQT4BQ.js";
+} from "../../../../chunk-PELRSZFU.js";
+import "../../../../chunk-JXS56EW5.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   handleAutocompleteKey

package/dist/_internal/components/form/Autocomplete/Autocomplete.parts.js

@@ -6,8 +6,8 @@ import {
   NoResultsRow,
   SuggestionListBox,
   suggestionTypeIcon
-} from "../../../../chunk-6TSP45KC.js";
-import "../../../../chunk-XBHQT4BQ.js";
+} from "../../../../chunk-5NOCXEL2.js";
+import "../../../../chunk-JXS56EW5.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   AutocompleteInput,

package/dist/_internal/components/form/Autocomplete/useAutocomplete.js

@@ -1,8 +1,8 @@
 import {
   useAutocomplete
-} from "../../../../chunk-362OGE5J.js";
-import "../../../../chunk-JDFTIK4L.js";
-import "../../../../chunk-XBHQT4BQ.js";
+} from "../../../../chunk-HBRKA67N.js";
+import "../../../../chunk-PELRSZFU.js";
+import "../../../../chunk-JXS56EW5.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useAutocomplete

package/dist/_internal/components/form/index.js

@@ -139,11 +139,11 @@ import "../../../chunk-PDLJOQO5.js";
 import "../../../chunk-2LXHUGYB.js";
 import {
   Autocomplete
-} from "../../../chunk-65DLYC4S.js";
-import "../../../chunk-362OGE5J.js";
-import "../../../chunk-6TSP45KC.js";
-import "../../../chunk-JDFTIK4L.js";
-import "../../../chunk-XBHQT4BQ.js";
+} from "../../../chunk-L3R7WPIK.js";
+import "../../../chunk-HBRKA67N.js";
+import "../../../chunk-5NOCXEL2.js";
+import "../../../chunk-PELRSZFU.js";
+import "../../../chunk-JXS56EW5.js";
 import "../../../chunk-BO6S47KI.js";
 import {
   Calendar

package/dist/_internal/components/index.js

@@ -345,11 +345,11 @@ import "../../chunk-PDLJOQO5.js";
 import "../../chunk-2LXHUGYB.js";
 import {
   Autocomplete
-} from "../../chunk-65DLYC4S.js";
-import "../../chunk-362OGE5J.js";
-import "../../chunk-6TSP45KC.js";
-import "../../chunk-JDFTIK4L.js";
-import "../../chunk-XBHQT4BQ.js";
+} from "../../chunk-L3R7WPIK.js";
+import "../../chunk-HBRKA67N.js";
+import "../../chunk-5NOCXEL2.js";
+import "../../chunk-PELRSZFU.js";
+import "../../chunk-JXS56EW5.js";
 import "../../chunk-BO6S47KI.js";
 import {
   Calendar

package/dist/{chunk-6TSP45KC.js → chunk-5NOCXEL2.js}

@@ -1,6 +1,6 @@
 import {
   highlightLabel
-} from "./chunk-XBHQT4BQ.js";
+} from "./chunk-JXS56EW5.js";
 
 // src/components/form/Autocomplete/Autocomplete.parts.tsx
 import LinkIcon from "@mui/icons-material/Link";
@@ -16,6 +16,7 @@ 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 } 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,
@@ -135,7 +136,7 @@ function DefaultSuggestion({
 }) {
   const label = getLabel(item);
   const description = getDescription?.(item);
-  const displayLabel = highlightLabel(label, state.query, matchMode);
+  const segments = highlightLabel(label, state.query, matchMode);
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -144,7 +145,8 @@ function DefaultSuggestion({
         alignItems: "center",
         gap: 1,
         width: "100%",
-        // Bold the matched prefix (not a yellow <mark> highlight).
+        // 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: [
@@ -152,7 +154,13 @@ function DefaultSuggestion({
         /* @__PURE__ */ jsx(
           ListItemText,
           {
-            primary: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: displayLabel } }),
+            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
           }
         )
@@ -257,4 +265,4 @@ export {
   NoResultsRow,
   SuggestionListBox
 };
-//# sourceMappingURL=chunk-6TSP45KC.js.map
+//# sourceMappingURL=chunk-5NOCXEL2.js.map

package/dist/chunk-5NOCXEL2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Autocomplete/Autocomplete.parts.tsx"],"sourcesContent":["import LinkIcon from '@mui/icons-material/Link';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItem from '@mui/material/ListItem/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Popper from '@mui/material/Popper/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { highlightLabel, type MatchMode } from './Autocomplete.helpers';\nimport type { SuggestionItemState, SuggestionType } from './Autocomplete.types';\nimport type { AutocompleteCopy } from '../../../copy';\n\nconst StyledPopper = styled(Popper)(({ theme }) => ({\n  zIndex: theme.zIndex.tooltip,\n  width: '100%',\n  maxHeight: 300,\n  overflow: 'auto',\n  // Popper.js writes the computed position (and stamps `data-popper-placement`)\n  // in a layout effect that can land AFTER the first paint. Until it does, the\n  // element would paint once unpositioned — at the offset-parent origin, far\n  // left and full width — then jump under the input, a visible per-keystroke\n  // flash as the list re-renders. Hide that unpositioned first frame; it becomes\n  // visible the instant popper assigns a placement.\n  '&:not([data-popper-placement])': { visibility: 'hidden' },\n}));\n\nconst InlineSuggestionDisplay = styled('div')(() => ({\n  position: 'absolute',\n  pointerEvents: 'none',\n  left: '14px', // Match TextField padding\n  top: '50%',\n  transform: 'translateY(-50%)',\n  fontSize: 'inherit',\n  fontFamily: 'inherit',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  zIndex: 1,\n}));\n\nconst UserTextTwin = styled('span')({\n  visibility: 'hidden',\n});\n\nconst GhostText = styled('span')(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  opacity: 0.6,\n}));\n\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: theme.spacing(0.5),\n  marginBottom: theme.spacing(1),\n}));\n\n/** Leading icon for a typed suggestion (search vs. link); null for untyped items. */\nexport function suggestionTypeIcon(type: SuggestionType | undefined): React.ReactNode {\n  const sx = { color: 'text.secondary', flexShrink: 0 } as const;\n  if (type === 'link') return <LinkIcon fontSize=\"small\" sx={sx} />;\n  if (type === 'search') return <SearchIcon fontSize=\"small\" sx={sx} />;\n  return null;\n}\n\n/** The inline ghost-text overlay: an invisible twin of the typed text + the grey remainder. */\nfunction GhostOverlay({ inputValue, ghost }: { inputValue: string; ghost: string }): React.JSX.Element {\n  return (\n    <InlineSuggestionDisplay>\n      <UserTextTwin>{inputValue}</UserTextTwin>\n      <GhostText>{ghost}</GhostText>\n    </InlineSuggestionDisplay>\n  );\n}\n\nexport interface AutocompleteInputProps {\n  id: string;\n  listId: string;\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  inputValue: string;\n  ghost: string;\n  showGhost: boolean;\n  isInputFocused: boolean;\n  open: boolean;\n  activeDescendant: string | undefined;\n  isLoading: boolean;\n  disabled: boolean;\n  autoFocus: boolean;\n  placeholder: string;\n  startAdornment?: React.ReactNode;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  onCompositionStart: () => void;\n  onCompositionEnd: () => void;\n}\n\n/** The combobox text field plus its inline ghost-text overlay. */\nexport function AutocompleteInput(props: AutocompleteInputProps): React.JSX.Element {\n  const showOverlay = Boolean(props.ghost) && props.showGhost && props.isInputFocused;\n  return (\n    <Box sx={{ position: 'relative' }}>\n      {showOverlay && <GhostOverlay inputValue={props.inputValue} ghost={props.ghost} />}\n      <TextField\n        ref={props.inputRef}\n        fullWidth\n        value={props.inputValue}\n        onChange={props.onChange}\n        onKeyDown={props.onKeyDown}\n        onFocus={props.onFocus}\n        onBlur={props.onBlur}\n        onCompositionStart={props.onCompositionStart}\n        onCompositionEnd={props.onCompositionEnd}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        autoFocus={props.autoFocus}\n        className={props.inputClassName}\n        InputProps={{\n          startAdornment: props.startAdornment,\n          endAdornment: props.isLoading ? <CircularProgress size={20} /> : undefined,\n        }}\n        inputProps={{\n          role: 'combobox',\n          'aria-expanded': props.open,\n          'aria-controls': props.open ? props.listId : undefined,\n          'aria-activedescendant': props.activeDescendant,\n          'aria-autocomplete': 'list',\n          'aria-label': props.inputAriaLabel,\n          id: props.id,\n        }}\n      />\n    </Box>\n  );\n}\n\n/** Selected-item chips (multiple mode). */\nexport function ChipList<T>({\n  items,\n  getKey,\n  getLabel,\n  onRemove,\n  chipClassName,\n}: {\n  items: T[];\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  onRemove: (item: T) => void;\n  chipClassName?: string;\n}): React.JSX.Element {\n  return (\n    <ChipContainer data-testid=\"selected-items-container\">\n      {items.map((item, index) => (\n        <Chip\n          key={`${getKey(item)}-${index}`}\n          label={getLabel(item)}\n          onDelete={() => onRemove(item)}\n          size=\"small\"\n          className={chipClassName}\n          data-testid={`selected-chip-${index}`}\n        />\n      ))}\n    </ChipContainer>\n  );\n}\n\n/** Default suggestion row: per-type icon + highlighted label + optional description. */\nexport function DefaultSuggestion<T>({\n  item,\n  state,\n  getLabel,\n  getDescription,\n  getSuggestionType,\n  matchMode,\n}: {\n  item: T;\n  state: SuggestionItemState;\n  getLabel: (item: T) => string;\n  getDescription?: (item: T) => string | undefined;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  matchMode: MatchMode;\n}): React.JSX.Element {\n  const label = getLabel(item);\n  const description = getDescription?.(item);\n  // Each run is a React text child, so the label is escaped however it reads.\n  const segments = highlightLabel(label, state.query, matchMode);\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1,\n        width: '100%',\n        // Bold every run the query matched, in any match mode but fuzzy — not\n        // only a prefix, even under `startsWith` (not a yellow <mark> highlight).\n        '& mark': { backgroundColor: 'transparent', color: 'inherit', fontWeight: 700 },\n      }}\n    >\n      {suggestionTypeIcon(getSuggestionType(item))}\n      <ListItemText\n        primary={\n          <span>\n            {segments.map((segment, index) =>\n              // The runs are derived from one label and never reorder, so the\n              // position is a stable key.\n              segment.match ? (\n                <mark key={index}>{segment.text}</mark>\n              ) : (\n                <React.Fragment key={index}>{segment.text}</React.Fragment>\n              ),\n            )}\n          </span>\n        }\n        secondary={description}\n      />\n    </Box>\n  );\n}\n\n/** A \"Loading…\" row shown while async suggestions resolve. */\nexport function LoadingRow({ label }: { label: string }): React.JSX.Element {\n  return (\n    <ListItem>\n      <Box display=\"flex\" alignItems=\"center\" gap={1}>\n        <CircularProgress size={16} />\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {label}\n        </Typography>\n      </Box>\n    </ListItem>\n  );\n}\n\n/** The empty \"No results found\" row. */\nexport function NoResultsRow({ label }: { label: string }): React.JSX.Element {\n  return (\n    <ListItem>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {label}\n      </Typography>\n    </ListItem>\n  );\n}\n\n/** Keep the Popper the same width as its anchor input. */\nconst SAME_WIDTH_MODIFIER = {\n  name: 'sameWidth',\n  enabled: true,\n  fn: ({ state }: { state: { elements: { reference?: unknown }; styles: { popper?: Record<string, string> }; rects: { reference: { width: number } } } }) => {\n    if (state.elements.reference && state.styles.popper) {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    }\n  },\n  phase: 'beforeWrite' as const,\n  requires: ['computeStyles'],\n};\n\nexport interface SuggestionListBoxProps<T> {\n  copy: AutocompleteCopy;\n  open: boolean;\n  anchorEl: HTMLElement | null;\n  portal: boolean | { container?: HTMLElement };\n  listRef: React.RefObject<HTMLUListElement | null>;\n  listId: string;\n  optionIdPrefix: string;\n  items: T[];\n  activeIndex: number;\n  isLoading: boolean;\n  showNoResults: boolean;\n  getKey: (item: T) => string;\n  onSelect: (item: T) => void;\n  onHover: (index: number) => void;\n  renderItem: (item: T, active: boolean) => React.ReactNode;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** The suggestions dropdown: a same-width Popper with the option list + loading/empty rows. */\nexport function SuggestionListBox<T>({\n  copy,\n  open,\n  anchorEl,\n  portal,\n  listRef,\n  listId,\n  optionIdPrefix,\n  items,\n  activeIndex,\n  isLoading,\n  showNoResults,\n  getKey,\n  onSelect,\n  onHover,\n  renderItem,\n  listClassName,\n  itemClassName,\n  activeItemClassName,\n}: SuggestionListBoxProps<T>): React.JSX.Element {\n  return (\n    <StyledPopper\n      open={open}\n      anchorEl={anchorEl}\n      placement=\"bottom-start\"\n      disablePortal={!portal}\n      modifiers={[SAME_WIDTH_MODIFIER]}\n    >\n      <Paper elevation={8} className={listClassName} data-testid=\"suggestions-dropdown\">\n        <List\n          ref={listRef}\n          role=\"listbox\"\n          id={listId}\n          dense\n          sx={{ maxHeight: 300, overflow: 'auto' }}\n          data-testid=\"suggestions-list\"\n        >\n          {items.map((item, index) => (\n            <ListItem\n              key={getKey(item)}\n              id={`${optionIdPrefix}-${index}`}\n              role=\"option\"\n              component=\"div\"\n              sx={{\n                cursor: 'pointer',\n                backgroundColor: index === activeIndex ? 'action.hover' : 'transparent',\n                '&:hover': { backgroundColor: 'action.hover' },\n              }}\n              aria-selected={index === activeIndex}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => onSelect(item)}\n              onMouseEnter={() => onHover(index)}\n              className={`${itemClassName} ${index === activeIndex ? activeItemClassName : ''}`}\n              data-testid={`suggestion-item-${index}`}\n            >\n              {renderItem(item, index === activeIndex)}\n            </ListItem>\n          ))}\n          {isLoading && <LoadingRow label={copy.loading} />}\n          {showNoResults && <NoResultsRow label={copy.noResults} />}\n        </List>\n      </Paper>\n    </StyledPopper>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-VEGT5PAD.js → chunk-ALEITBJX.js}

@@ -4,13 +4,13 @@ import {
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-VNGYJXAU.js";
+} from "./chunk-DH5OA4VK.js";
 import {
   DataViewsEmpty
 } from "./chunk-4XVH6IWN.js";
 import {
   InlineFilterControls
-} from "./chunk-CASZGBCA.js";
+} from "./chunk-PZAXUO6F.js";
 import {
   GridHeaderRow
 } from "./chunk-UC6A6ASM.js";
@@ -20,7 +20,7 @@ import {
 import {
   toOverflowFields,
   useFilterOverflow
-} from "./chunk-TQ6FPOPD.js";
+} from "./chunk-TPKSOHB5.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-VEGT5PAD.js.map
+//# sourceMappingURL=chunk-ALEITBJX.js.map

package/dist/{chunk-KUJLZFDW.js → chunk-BTKMGXAK.js}

@@ -1,6 +1,6 @@
 import {
   GridShell
-} from "./chunk-VEGT5PAD.js";
+} from "./chunk-ALEITBJX.js";
 import {
   useDataViewsState
 } from "./chunk-K2JH7QPR.js";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-KUJLZFDW.js.map
+//# sourceMappingURL=chunk-BTKMGXAK.js.map

package/dist/{chunk-I3FXTIKA.js → chunk-D5GCWSGS.js}

@@ -33,10 +33,10 @@ function PillControl({
   onClearField,
   onOpenChange,
   testIdPrefix,
+  testId = `${testIdPrefix}-filter-${fieldId}`,
   layout = "pill"
 }) {
   const copy = useDataViewsCopy();
-  const testId = `${testIdPrefix}-filter-${fieldId}`;
   if (pill.control === "category") {
     return /* @__PURE__ */ jsx(
       CategorySelect,
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-I3FXTIKA.js.map
+//# sourceMappingURL=chunk-D5GCWSGS.js.map

package/dist/chunk-D5GCWSGS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-category-pill.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { CategorySelect } from \"../../form/CategorySelect\";\nimport { MultiSelectDropdown } from \"../../layout/ContentToolbar\";\n\nimport type { FilterFieldConfig, FilterOption } from \"./data-views-types\";\n\n/**\n * Diff a whole-array selection back into per-value toggles.\n *\n * The filter state's only channel is `onTogglePill(field, value, checked)`, but\n * a tree hands back the entire selection at once. Diffing here keeps that one\n * channel the single way a pill ever changes, rather than giving the\n * hierarchical control a private path into the state.\n */\nexport function emitPillDiff(\n  fieldId: string,\n  before: readonly string[],\n  after: readonly string[],\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void,\n): void {\n  const had = new Set(before);\n  const wants = new Set(after);\n  after.forEach((value) => {\n    if (!had.has(value)) onTogglePill(fieldId, value, true);\n  });\n  before.forEach((value) => {\n    if (!wants.has(value)) onTogglePill(fieldId, value, false);\n  });\n}\n\n/** A filter option as the category tree wants it. */\nconst toCategoryOption = (option: FilterOption) => ({\n  id: option.value,\n  name: option.label,\n  parentId: option.parentId ?? null,\n});\n\ninterface PillControlProps<T extends Record<string, unknown>> {\n  fieldId: string;\n  pill: FilterFieldConfig<T>;\n  selected: string[];\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onClearField: (fieldId: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  testIdPrefix: string;\n  /**\n   * Overrides the `<prefix>-filter-<id>` test id — the \"Mais\" panel keys its\n   * fields `<prefix>-more-<id>` so a spec can tell which surface it drove.\n   */\n  testId?: string;\n  /** `stacked` in the filter panel, `pill` on the inline bar. */\n  layout?: \"stacked\" | \"pill\";\n}\n\n/**\n * One filter pill: the hierarchical category tree, or the flat multi-select.\n *\n * A category set nests, and flattening it into one list is what made \"Massas\"\n * (mercearia) indistinguishable from \"Massas\" (pratos principais). `control:\n * \"category\"` opts a field into the tree, which shows each hit under its parent.\n *\n * {@link FilterFieldConfig.allowParentSelection} decides whether a parent row is\n * itself tickable. It is forwarded rather than fixed here because it is a\n * per-SCREEN question: a filter over a catalogue where products sit on leaves\n * wants \"the whole category\" as one click, while one whose parents are pure\n * grouping would only offer a tick that means nothing.\n */\nexport function PillControl<T extends Record<string, unknown>>({\n  fieldId,\n  pill,\n  selected,\n  onTogglePill,\n  onClearField,\n  onOpenChange,\n  testIdPrefix,\n  testId = `${testIdPrefix}-filter-${fieldId}`,\n  layout = \"pill\",\n}: PillControlProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (pill.control === \"category\") {\n    return (\n      <CategorySelect\n        copy={copy.categorySelect}\n        placeholder={pill.label}\n        label={layout === \"stacked\" ? pill.label : undefined}\n        fullWidth={layout === \"stacked\"}\n        options={pill.options.map(toCategoryOption)}\n        allowParentSelection={pill.allowParentSelection ?? false}\n        value={selected}\n        onChange={(next) => emitPillDiff(fieldId, selected, next, onTogglePill)}\n        dataTestId={testId}\n      />\n    );\n  }\n  return (\n    <MultiSelectDropdown\n      extraOptionsHeading={copy.filters.optionsHeading}\n      clearText={copy.filters.clear}\n      clearLabel={copy.filters.clearRange(pill.label)}\n      label={pill.label}\n      options={pill.options}\n      selected={new Set(selected)}\n      onToggle={(value, checked) => onTogglePill(fieldId, value, checked)}\n      onClear={() => onClearField(fieldId)}\n      allLabel={copy.filters.allOption}\n      searchable={pill.searchEnabled ? true : undefined}\n      searchPlaceholder={copy.filters.optionSearchPlaceholder}\n      noResultsLabel={copy.filters.optionsEmpty}\n      layout={layout}\n      onOpenChange={onOpenChange}\n      data-testid={testId}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAmFM;AAnEC,SAAS,aACd,SACA,QACA,OACA,cACM;AACN,QAAM,MAAM,IAAI,IAAI,MAAM;AAC1B,QAAM,QAAQ,IAAI,IAAI,KAAK;AAC3B,QAAM,QAAQ,CAAC,UAAU;AACvB,QAAI,CAAC,IAAI,IAAI,KAAK,EAAG,cAAa,SAAS,OAAO,IAAI;AAAA,EACxD,CAAC;AACD,SAAO,QAAQ,CAAC,UAAU;AACxB,QAAI,CAAC,MAAM,IAAI,KAAK,EAAG,cAAa,SAAS,OAAO,KAAK;AAAA,EAC3D,CAAC;AACH;AAGA,IAAM,mBAAmB,CAAC,YAA0B;AAAA,EAClD,IAAI,OAAO;AAAA,EACX,MAAM,OAAO;AAAA,EACb,UAAU,OAAO,YAAY;AAC/B;AAgCO,SAAS,YAA+C;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,GAAG,YAAY,WAAW,OAAO;AAAA,EAC1C,SAAS;AACX,GAA2C;AACzC,QAAM,OAAO,iBAAiB;AAC9B,MAAI,KAAK,YAAY,YAAY;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,aAAa,KAAK;AAAA,QAClB,OAAO,WAAW,YAAY,KAAK,QAAQ;AAAA,QAC3C,WAAW,WAAW;AAAA,QACtB,SAAS,KAAK,QAAQ,IAAI,gBAAgB;AAAA,QAC1C,sBAAsB,KAAK,wBAAwB;AAAA,QACnD,OAAO;AAAA,QACP,UAAU,CAAC,SAAS,aAAa,SAAS,UAAU,MAAM,YAAY;AAAA,QACtE,YAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,qBAAqB,KAAK,QAAQ;AAAA,MAClC,WAAW,KAAK,QAAQ;AAAA,MACxB,YAAY,KAAK,QAAQ,WAAW,KAAK,KAAK;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,SAAS,KAAK;AAAA,MACd,UAAU,IAAI,IAAI,QAAQ;AAAA,MAC1B,UAAU,CAAC,OAAO,YAAY,aAAa,SAAS,OAAO,OAAO;AAAA,MAClE,SAAS,MAAM,aAAa,OAAO;AAAA,MACnC,UAAU,KAAK,QAAQ;AAAA,MACvB,YAAY,KAAK,gBAAgB,OAAO;AAAA,MACxC,mBAAmB,KAAK,QAAQ;AAAA,MAChC,gBAAgB,KAAK,QAAQ;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/{chunk-VNGYJXAU.js → chunk-DH5OA4VK.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-I3FXTIKA.js";
+} from "./chunk-D5GCWSGS.js";
 import {
   PanelRangeField
 } from "./chunk-DFLTUI7W.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-VNGYJXAU.js.map
+//# sourceMappingURL=chunk-DH5OA4VK.js.map

package/dist/{chunk-362OGE5J.js → chunk-HBRKA67N.js}

@@ -1,6 +1,6 @@
 import {
   handleAutocompleteKey
-} from "./chunk-JDFTIK4L.js";
+} from "./chunk-PELRSZFU.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -9,7 +9,7 @@ import {
   defaultOpenLink,
   filterSuggestions,
   firstGhostSuggestion
-} from "./chunk-XBHQT4BQ.js";
+} from "./chunk-JXS56EW5.js";
 
 // src/components/form/Autocomplete/useAutocomplete.ts
 import { useEffect, useId, useRef, useState } from "react";
@@ -258,4 +258,4 @@ function useAutocomplete(p) {
 export {
   useAutocomplete
 };
-//# sourceMappingURL=chunk-362OGE5J.js.map
+//# sourceMappingURL=chunk-HBRKA67N.js.map

package/dist/{chunk-6FUOUUYO.js → chunk-J2UZOMTA.js}

@@ -1,7 +1,7 @@
 import {
   MoreGroup,
   fieldClearing
-} from "./chunk-EZMCWRXO.js";
+} from "./chunk-ZJ66D63E.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -180,4 +180,4 @@ function MoreFilters({
 export {
   MoreFilters
 };
-//# sourceMappingURL=chunk-6FUOUUYO.js.map
+//# sourceMappingURL=chunk-J2UZOMTA.js.map

package/dist/{chunk-XBHQT4BQ.js → chunk-JXS56EW5.js}

@@ -67,9 +67,9 @@ function escapeRegExp(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 function highlightLabel(label, query, matchMode) {
-  if (!query || matchMode === "fuzzy") return label;
+  if (!query || matchMode === "fuzzy") return [{ text: label, match: false }];
   const regex = new RegExp(`(${escapeRegExp(query)})`, "gi");
-  return label.replace(regex, "<mark>$1</mark>");
+  return label.split(regex).map((text, index) => ({ text, match: index % 2 === 1 })).filter((segment) => segment.text !== "");
 }
 
 export {
@@ -82,4 +82,4 @@ export {
   firstGhostSuggestion,
   highlightLabel
 };
-//# sourceMappingURL=chunk-XBHQT4BQ.js.map
+//# sourceMappingURL=chunk-JXS56EW5.js.map