@12-apps/ui 6.40.0 → 6.41.1

package/dist/{chunk-WRHBXOGN.js → chunk-GG62LKA3.js}

@@ -7,13 +7,13 @@ import {
 import {
   asFieldSize,
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -264,4 +264,4 @@ export {
   segmentContainerSx,
   segmentButtonSx
 };
-//# sourceMappingURL=chunk-WRHBXOGN.js.map
+//# sourceMappingURL=chunk-GG62LKA3.js.map

package/dist/{chunk-YQCRQHVU.js → chunk-GI63FQEJ.js}

@@ -8,12 +8,12 @@ import {
 import {
   EditorToolbar
 } from "./chunk-3TVUW7QE.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   rem,
   remPx
@@ -178,4 +178,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-YQCRQHVU.js.map
+//# sourceMappingURL=chunk-GI63FQEJ.js.map

package/dist/{chunk-WUQKXAYF.js → chunk-GPHURU2K.js}

@@ -1,21 +1,21 @@
 import {
   CategoryPanelHead,
   CategoryPinnedTray
-} from "./chunk-MT7QJRP7.js";
+} from "./chunk-S4IXC2V3.js";
 import {
   CategoryMultiFoot,
   CategorySingleFoot
-} from "./chunk-AW336SO7.js";
+} from "./chunk-7KKMZJFT.js";
 import {
   CategoryQuickActions
 } from "./chunk-PGGYZU7Q.js";
 import {
   CategoryPanelList
-} from "./chunk-RUZVK4FV.js";
+} from "./chunk-TPVSHO75.js";
 import {
   panelSx,
   sheetSx
-} from "./chunk-NFJ3VVD3.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   removeChip
 } from "./chunk-PN4HVM43.js";
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-WUQKXAYF.js.map
+//# sourceMappingURL=chunk-GPHURU2K.js.map

package/dist/{chunk-GPT673YL.js → chunk-H72YKEGD.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   Text
 } from "./chunk-MKLIMY3D.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-GPT673YL.js.map
+//# sourceMappingURL=chunk-H72YKEGD.js.map

package/dist/chunk-HALFOXSZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-HALFOXSZ.js.map

package/dist/chunk-HALFOXSZ.js.map

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

package/dist/{chunk-AJVFSUC4.js → chunk-HFVYWHJT.js}

@@ -1,38 +1,38 @@
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-53TDQYA3.js";
+} from "./chunk-BKZERHNC.js";
 import {
   DataViewsEmpty
-} from "./chunk-RNC574FS.js";
+} from "./chunk-3UEZ6NUI.js";
 import {
   InlineFilterControls
-} from "./chunk-APPIPQFT.js";
+} from "./chunk-DH77PLFF.js";
 import {
   GridHeaderRow
 } from "./chunk-KW3H5FUS.js";
 import {
   GridMain
-} from "./chunk-WY35GCHY.js";
+} from "./chunk-LODMNSLR.js";
 import {
   DataViewsPagination
-} from "./chunk-CKI33CN2.js";
+} from "./chunk-BA6Z52QN.js";
 import {
   toOverflowFields,
   useFilterOverflow
-} from "./chunk-ODW2D5PN.js";
+} from "./chunk-6QYKZMEE.js";
 import {
   ScopeTabsSlot
 } from "./chunk-6N2EDWMG.js";
 import {
   ShellToolbar
-} from "./chunk-DUITNU72.js";
+} from "./chunk-C6OVO6AT.js";
 import {
   resolveSelectionExtra
 } from "./chunk-KX75HM5U.js";
 import {
   togglePillValues
-} from "./chunk-H772ZSAI.js";
+} from "./chunk-NQ7NMCRI.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
@@ -42,7 +42,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-E2FMNY6B.js";
+} from "./chunk-FXWXBEOZ.js";
 import {
   default as default2
 } from "./chunk-WEBEOBN5.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-AJVFSUC4.js.map
+//# sourceMappingURL=chunk-HFVYWHJT.js.map

package/dist/{chunk-UP6RO2PR.js → chunk-HKBJZX3C.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-BXEMC4YH.js";
+} from "./chunk-VYV3JOV5.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -12,7 +12,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-H772ZSAI.js";
+} from "./chunk-NQ7NMCRI.js";
 import {
   serverDerived,
   useServerQuery
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-UP6RO2PR.js.map
+//# sourceMappingURL=chunk-HKBJZX3C.js.map

package/dist/chunk-IC7GHPMK.js

@@ -0,0 +1,22 @@
+// src/components/layout/SettingCard/SettingCard.metrics.ts
+var SETTING_CARD = {
+  /** Between the icon and the title. */
+  iconGap: 12,
+  /** The spinner beside a switch while its flip is saving. */
+  spinnerSize: 16,
+  /** How far a group's dependent rows sit in from its main switch. */
+  groupIndent: 24,
+  /** The rule down the left of a group's dependent rows. */
+  groupRuleWidth: 2,
+  /** The narrowest a grid column gets by default. */
+  gridMinColumnWidth: 320
+};
+var SETTING_GRID_GAP_UNITS = 2;
+var SETTING_GROUP_INACTIVE_OPACITY = 0.5;
+
+export {
+  SETTING_CARD,
+  SETTING_GRID_GAP_UNITS,
+  SETTING_GROUP_INACTIVE_OPACITY
+};
+//# sourceMappingURL=chunk-IC7GHPMK.js.map

package/dist/chunk-IC7GHPMK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.metrics.ts"],"sourcesContent":["/**\n * The setting-card family's lengths, in design px. The web reads every one\n * through `rem(theme, n)`, so they scale with the host's type scale.\n */\nexport const SETTING_CARD = {\n  /** Between the icon and the title. */\n  iconGap: 12,\n  /** The spinner beside a switch while its flip is saving. */\n  spinnerSize: 16,\n  /** How far a group's dependent rows sit in from its main switch. */\n  groupIndent: 24,\n  /** The rule down the left of a group's dependent rows. */\n  groupRuleWidth: 2,\n  /** The narrowest a grid column gets by default. */\n  gridMinColumnWidth: 320,\n} as const;\n\n/** The grid's default gap, in theme SPACING units (not px): what `sx`'s `gap: 2` means. */\nexport const SETTING_GRID_GAP_UNITS = 2;\n\n/** How faded a group's dependent rows are while the main switch is off. */\nexport const SETTING_GROUP_INACTIVE_OPACITY = 0.5;\n"],"mappings":";AAIO,IAAM,eAAe;AAAA;AAAA,EAE1B,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,aAAa;AAAA;AAAA,EAEb,gBAAgB;AAAA;AAAA,EAEhB,oBAAoB;AACtB;AAGO,IAAM,yBAAyB;AAG/B,IAAM,iCAAiC;","names":[]}

package/dist/{chunk-V3RQFWL6.js → chunk-IUD6N52Q.js}

@@ -1,12 +1,12 @@
 import {
   useAutocomplete
-} from "./chunk-M4P7NS2L.js";
+} from "./chunk-BR2T72JI.js";
 import {
   AutocompleteInput,
   ChipList,
   DefaultSuggestion,
   SuggestionListBox
-} from "./chunk-C6FVXX7Y.js";
+} from "./chunk-XBLFK2FL.js";
 import {
   defaultGetKey,
   defaultGetLabel,
@@ -131,4 +131,4 @@ export {
   Autocomplete,
   Autocomplete_default
 };
-//# sourceMappingURL=chunk-V3RQFWL6.js.map
+//# sourceMappingURL=chunk-IUD6N52Q.js.map

package/dist/{chunk-N4D5V3AA.js → chunk-JAGAFEZL.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RTSK5OZT.js";
 import {
   useUiTheme
-} from "./chunk-FI6BL4UU.js";
+} from "./chunk-C2TERIB4.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -48,4 +48,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-N4D5V3AA.js.map
+//# sourceMappingURL=chunk-JAGAFEZL.js.map

package/dist/{chunk-CLTK76ZF.js → chunk-JE5GEWTG.js}

@@ -1,13 +1,13 @@
 import {
   fieldControlStyles,
   fieldTextFieldStyles
-} from "./chunk-EXFX3JRN.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -44,4 +44,4 @@ var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "gla
 export {
   AddressTextField
 };
-//# sourceMappingURL=chunk-CLTK76ZF.js.map
+//# sourceMappingURL=chunk-JE5GEWTG.js.map

package/dist/{chunk-23XBBGWD.js → chunk-JFLFZLOA.js}

@@ -1,10 +1,10 @@
-import {
-  ItemsPerPageSelect,
-  PageInfo
-} from "./chunk-QX3CXOJ3.js";
 import {
   paginationStyles
 } from "./chunk-BWMHGENX.js";
+import {
+  ItemsPerPageSelect,
+  PageInfo
+} from "./chunk-PTONBPZL.js";
 import {
   makeTestId,
   muiSizeFor,
@@ -194,4 +194,4 @@ Pagination.displayName = "Pagination";
 export {
   Pagination
 };
-//# sourceMappingURL=chunk-23XBBGWD.js.map
+//# sourceMappingURL=chunk-JFLFZLOA.js.map

package/dist/{chunk-BLUURKCY.js → chunk-K6LNHHSH.js}

@@ -4,7 +4,7 @@ import {
   buttonVariantStyles,
   getColorFromTheme,
   iconAlignmentStyles
-} from "./chunk-KOX2AEFW.js";
+} from "./chunk-ZKWVCSAB.js";
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-LN46DSMF.js";
@@ -128,4 +128,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-BLUURKCY.js.map
+//# sourceMappingURL=chunk-K6LNHHSH.js.map

package/dist/{chunk-HSNOWYEE.js → chunk-K7FSTB2K.js}

@@ -1,7 +1,7 @@
 import {
   onTrackInk,
   switchSx
-} from "./chunk-IITZA6U2.js";
+} from "./chunk-ZBVU2YWV.js";
 import {
   LABEL_GAP_UNITS,
   SWITCH_ICON_SIZES,
@@ -220,4 +220,4 @@ export {
   SwitchHelper,
   SwitchRow
 };
-//# sourceMappingURL=chunk-HSNOWYEE.js.map
+//# sourceMappingURL=chunk-K7FSTB2K.js.map

package/dist/{chunk-SXVCXLKU.js → chunk-K7MQP2KT.js}

@@ -1,9 +1,9 @@
 import {
   statusMessage
-} from "./chunk-HZBRXLV7.js";
+} from "./chunk-XB7HYOMM.js";
 import {
   DayBoundInput
-} from "./chunk-SE6TW72O.js";
+} from "./chunk-FDMQ7H22.js";
 
 // src/components/form/DateRangePicker/DateRangePickerFields.tsx
 import Box from "@mui/material/Box/index.js";
@@ -64,4 +64,4 @@ function DateRangeFields({
 export {
   DateRangeFields
 };
-//# sourceMappingURL=chunk-SXVCXLKU.js.map
+//# sourceMappingURL=chunk-K7MQP2KT.js.map

package/dist/{chunk-QQ46JX5H.js → chunk-KHOAXZW2.js}

@@ -1,15 +1,15 @@
 import {
   SaveViewModal
-} from "./chunk-XXPEFK4V.js";
+} from "./chunk-53O2TNSR.js";
 import {
   ManageViewsDialog
-} from "./chunk-3HKUOLPD.js";
+} from "./chunk-XZY7O7JJ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   SavedViewsMenu
-} from "./chunk-4RXPIHJG.js";
+} from "./chunk-GE2CCITY.js";
 import {
   Alert
 } from "./chunk-AUHYR7ID.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-QQ46JX5H.js.map
+//# sourceMappingURL=chunk-KHOAXZW2.js.map

package/dist/{chunk-SCVBGQFO.js → chunk-KQZGUHYZ.js}

@@ -1,7 +1,7 @@
 import {
   asFieldSize,
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -140,4 +140,4 @@ ToggleGroup.displayName = "ToggleGroup";
 export {
   ToggleGroup
 };
-//# sourceMappingURL=chunk-SCVBGQFO.js.map
+//# sourceMappingURL=chunk-KQZGUHYZ.js.map

package/dist/{chunk-GJ7GIGDS.js → chunk-LCWGNDTH.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-H2J2MTRE.js";
 import {
   MapSearchBar
-} from "./chunk-SE4WZIKD.js";
+} from "./chunk-NFGIA2ZV.js";
 
 // src/components/data-display/MapPreview/MapLayers.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -56,4 +56,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-GJ7GIGDS.js.map
+//# sourceMappingURL=chunk-LCWGNDTH.js.map

package/dist/{chunk-4D2IVVHR.js → chunk-LF3EVXMF.js}

@@ -2,7 +2,7 @@ import {
   asFieldSize,
   fieldBorder,
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -181,4 +181,4 @@ export {
   variantStyles,
   effectStyles
 };
-//# sourceMappingURL=chunk-4D2IVVHR.js.map
+//# sourceMappingURL=chunk-LF3EVXMF.js.map

package/dist/{chunk-2XTBGZSR.js → chunk-LGCRL7DK.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-ODFJTEIL.js";
 import {
   MapLayers
-} from "./chunk-GJ7GIGDS.js";
+} from "./chunk-LCWGNDTH.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-2XTBGZSR.js.map
+//# sourceMappingURL=chunk-LGCRL7DK.js.map

package/dist/{chunk-WY35GCHY.js → chunk-LODMNSLR.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-O5UGAL2V.js";
 import {
   SelectAllStrip
-} from "./chunk-GPT673YL.js";
+} from "./chunk-H72YKEGD.js";
 import {
   cardGridTracks
-} from "./chunk-H772ZSAI.js";
+} from "./chunk-NQ7NMCRI.js";
 import {
   ListCardGroup
 } from "./chunk-EQXIW5MQ.js";
@@ -273,4 +273,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-WY35GCHY.js.map
+//# sourceMappingURL=chunk-LODMNSLR.js.map

package/dist/{chunk-EXFX3JRN.js → chunk-M47ZOUGF.js}

@@ -1,10 +1,10 @@
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 import {
   fieldRadiusOverrides,
   fieldRootStyles
 } from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
 import {
   DEFAULT_FIELD_HEIGHT,
   FIELD_BORDER_WIDTH,
@@ -90,4 +90,4 @@ export {
   fieldOverrides,
   fieldTextFieldStyles
 };
-//# sourceMappingURL=chunk-EXFX3JRN.js.map
+//# sourceMappingURL=chunk-M47ZOUGF.js.map

package/dist/{chunk-AQCQ2USS.js → chunk-M65ZNPLO.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -192,4 +192,4 @@ function SortByDropdown({
 export {
   SortByDropdown
 };
-//# sourceMappingURL=chunk-AQCQ2USS.js.map
+//# sourceMappingURL=chunk-M65ZNPLO.js.map

package/dist/{chunk-COUFRGD6.js → chunk-MEBQKYH4.js}

@@ -1,16 +1,16 @@
 import {
   DataViewsGrid
-} from "./chunk-DOLDAAXH.js";
+} from "./chunk-UT73NGRS.js";
 import {
   DeleteViewDialog
-} from "./chunk-AU3GV6UL.js";
+} from "./chunk-DH5UJD2I.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-QQ46JX5H.js";
+} from "./chunk-KHOAXZW2.js";
 import {
   useSavedViewsController
 } from "./chunk-3AOOI2NR.js";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-COUFRGD6.js.map
+//# sourceMappingURL=chunk-MEBQKYH4.js.map

package/dist/{chunk-JZ5IGO5G.js → chunk-NCB4GBRL.js}

@@ -6,7 +6,7 @@ import {
   triggerClearSx,
   triggerCountSx,
   triggerSx
-} from "./chunk-NFJ3VVD3.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -93,4 +93,4 @@ function CategoryTrigger({
 export {
   CategoryTrigger
 };
-//# sourceMappingURL=chunk-JZ5IGO5G.js.map
+//# sourceMappingURL=chunk-NCB4GBRL.js.map

package/dist/{chunk-SE4WZIKD.js → chunk-NFGIA2ZV.js}

@@ -1,6 +1,6 @@
 import {
   fieldControlStyles
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -63,4 +63,4 @@ var MapSearchBar = ({
 export {
   MapSearchBar
 };
-//# sourceMappingURL=chunk-SE4WZIKD.js.map
+//# sourceMappingURL=chunk-NFGIA2ZV.js.map

package/dist/{chunk-D455V3BW.js → chunk-NOLSQK4J.js}

@@ -1,15 +1,15 @@
+import {
+  PillControl
+} from "./chunk-NPPJ3IJP.js";
 import {
   RangeBounds
-} from "./chunk-2Q5QHSU2.js";
+} from "./chunk-44USLRMT.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  MultiSelectDropdown
-} from "./chunk-OXLOC6TC.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -18,13 +18,13 @@ import {
 } from "./chunk-MKLIMY3D.js";
 import {
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -33,43 +33,41 @@ import {
 import Checkbox from "@mui/material/Checkbox/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var INLINE_OPTION_LIMIT = 2;
+function sharesBarControl(field) {
+  const pill = field.pill;
+  if (!pill) return false;
+  return pill.control === "category" || pill.control === "multiselect" || pill.searchEnabled === true || pill.options.length > INLINE_OPTION_LIMIT;
+}
 function OverflowPill({
   field,
   values,
-  onToggle,
+  onTogglePill,
   onClear,
   testIdPrefix
 }) {
-  const copy = useDataViewsCopy();
-  const options = field.pill?.options ?? [];
-  if (options.length > INLINE_OPTION_LIMIT) {
+  const testId = `${testIdPrefix}-more-${field.id}`;
+  if (field.pill && sharesBarControl(field)) {
     return /* @__PURE__ */ jsx(
-      MultiSelectDropdown,
+      PillControl,
       {
-        extraOptionsHeading: copy.filters.optionsHeading,
-        clearText: copy.filters.clear,
-        clearLabel: copy.filters.clearRange(field.label),
-        label: field.pill?.label ?? field.label,
-        options,
-        selected: new Set(values),
-        onToggle,
-        onClear,
-        allLabel: copy.filters.allOption,
-        searchable: options.length > 6 ? true : void 0,
-        searchPlaceholder: copy.filters.optionSearchPlaceholder,
-        noResultsLabel: copy.filters.optionsEmpty,
-        layout: "pill",
-        "data-testid": `${testIdPrefix}-more-${field.id}`
+        fieldId: field.id,
+        pill: field.pill,
+        selected: values,
+        onTogglePill,
+        onClearField: onClear,
+        testIdPrefix,
+        testId
       }
     );
   }
+  const onToggle = (value, checked) => onTogglePill(field.id, value, checked);
   return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexWrap: "wrap", gap: 0.75 }, children: (field.pill?.options ?? []).map((option) => {
     const checked = values.includes(option.value);
     return /* @__PURE__ */ jsxs(
       default2,
       {
         component: "label",
-        "data-testid": `${testIdPrefix}-more-${field.id}-${option.value}`,
+        "data-testid": `${testId}-${option.value}`,
         sx: {
           display: "inline-flex",
           alignItems: "center",
@@ -181,7 +179,7 @@ function MoreGroup({
       {
         field,
         values: pills[field.id] ?? [],
-        onToggle: (value, checked) => onTogglePill(field.id, value, checked),
+        onTogglePill,
         onClear: () => (pills[field.id] ?? []).forEach((v) => onTogglePill(field.id, v, false)),
         testIdPrefix
       }
@@ -201,4 +199,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-D455V3BW.js.map
+//# sourceMappingURL=chunk-NOLSQK4J.js.map