@easypost/easy-ui 1.0.0-alpha.12 → 1.0.0-alpha.120

package/MultiSelect/index.js

@@ -0,0 +1,2016 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Button = require("../__chunks__/Button-BpQFyL49.js");
+const utils = require("../__chunks__/utils-CRWC8dEm.js");
+const Input = require("../__chunks__/Input-CwXLFYJK.js");
+const Label = require("../__chunks__/Label-B6GdFt8f.js");
+const PillGroup = require("../__chunks__/PillGroup-BK8VCf3B.js");
+const Dialog = require("../__chunks__/Dialog-iU9BJB0o.js");
+const Text = require("../__chunks__/Text-B9fD1q8n.js");
+const filterDOMProps = require("../__chunks__/filterDOMProps-p6wKN-SS.js");
+const useResizeObserver = require("../__chunks__/useResizeObserver-CEeqtqhm.js");
+const useFilter = require("../__chunks__/useFilter-DQ5GzevW.js");
+const useFormValidation = require("../__chunks__/useFormValidation-joghLMcB.js");
+const SelectionManager = require("../__chunks__/SelectionManager-CFPcxpAj.js");
+const useSingleSelectListState = require("../__chunks__/useSingleSelectListState-BX2vNU2f.js");
+const useListState = require("../__chunks__/useListState-DDaaA7mG.js");
+const Overlay = require("../__chunks__/Overlay-BNP_t3v4.js");
+const useControlledState = require("../__chunks__/useControlledState-CcM4H_K0.js");
+const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
+const ariaHideOutside = require("../__chunks__/ariaHideOutside-Dl8SH3FU.js");
+const useListBoxSection = require("../__chunks__/useListBoxSection-Cf0YWwDY.js");
+const mergeProps = require("../__chunks__/mergeProps-DLPcevok.js");
+const useFocusVisible = require("../__chunks__/useFocusVisible-BNcpO5Sv.js");
+const useLabels = require("../__chunks__/useLabels-BiHauKNF.js");
+const useUpdateEffect = require("../__chunks__/useUpdateEffect-D8vVKdY1.js");
+const useEvent = require("../__chunks__/useEvent-D3eKExds.js");
+const useSelectableItem = require("../__chunks__/useSelectableItem-Dtmy73y6.js");
+const useSelectableList = require("../__chunks__/useSelectableList-DeSKmxTV.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-DxxEMHfO.js");
+const useMenuTrigger = require("../__chunks__/useMenuTrigger-DQl6sBWY.js");
+const useTextField = require("../__chunks__/useTextField-BlTYl2ML.js");
+const Icon = require("../__chunks__/Icon-BRlbo3RF.js");
+const utilities = require("../__chunks__/utilities-Q88aR_Y9.js");
+const Spinner = require("../__chunks__/Spinner-vRnrcEz0.js");
+const Text$1 = require("../__chunks__/Text-DkzMEqky.js");
+const utilities_css = require("../utilities/css.js");
+const utilities_useScrollbar = require("../utilities/useScrollbar.js");
+const VisuallyHidden = require("../__chunks__/VisuallyHidden-CIjowwM_.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
+  var _collection_getItem;
+  let { defaultFilter, menuTrigger = "input", allowsEmptyCollection = false, allowsCustomValue, shouldCloseOnBlur = true } = props;
+  let [showAllItems, setShowAllItems] = React.useState(false);
+  let [isFocused, setFocusedState] = React.useState(false);
+  let [focusStrategy, setFocusStrategy] = React.useState(null);
+  let onSelectionChange = (key) => {
+    if (props.onSelectionChange) props.onSelectionChange(key);
+    if (key === selectedKey) {
+      resetInputValue();
+      closeMenu();
+    }
+  };
+  var _props_items;
+  let { collection, selectionManager, selectedKey, setSelectedKey, selectedItem, disabledKeys } = useSingleSelectListState.$a0d645289fe9b86b$export$e7f05e985daf4b5f(__spreadProps(__spreadValues({}, props), {
+    onSelectionChange,
+    items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
+  }));
+  let [inputValue, setInputValue] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.inputValue, $a9e7382a7d111cb5$var$getDefaultInputValue(props.defaultInputValue, selectedKey, collection) || "", props.onInputChange);
+  let [initialSelectedKey] = React.useState(selectedKey);
+  let [initialValue] = React.useState(inputValue);
+  let originalCollection = collection;
+  let filteredCollection = React.useMemo(() => (
+    // No default filter if items are controlled.
+    props.items != null || !defaultFilter ? collection : $a9e7382a7d111cb5$var$filterCollection(collection, inputValue, defaultFilter)
+  ), [
+    collection,
+    inputValue,
+    defaultFilter,
+    props.items
+  ]);
+  let [lastCollection, setLastCollection] = React.useState(filteredCollection);
+  let menuOpenTrigger = React.useRef("focus");
+  let onOpenChange = (open2) => {
+    if (props.onOpenChange) props.onOpenChange(open2, open2 ? menuOpenTrigger.current : void 0);
+    selectionManager.setFocused(open2);
+    if (!open2) selectionManager.setFocusedKey(null);
+  };
+  let triggerState = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(__spreadProps(__spreadValues({}, props), {
+    onOpenChange,
+    isOpen: void 0,
+    defaultOpen: void 0
+  }));
+  let open = (focusStrategy2 = null, trigger) => {
+    let displayAllItems = trigger === "manual" || trigger === "focus" && menuTrigger === "focus";
+    if (allowsEmptyCollection || filteredCollection.size > 0 || displayAllItems && originalCollection.size > 0 || props.items) {
+      if (displayAllItems && !triggerState.isOpen && props.items === void 0)
+        setShowAllItems(true);
+      menuOpenTrigger.current = trigger;
+      setFocusStrategy(focusStrategy2);
+      triggerState.open();
+    }
+  };
+  let toggle = (focusStrategy2 = null, trigger) => {
+    let displayAllItems = trigger === "manual" || trigger === "focus" && menuTrigger === "focus";
+    if (!(allowsEmptyCollection || filteredCollection.size > 0 || displayAllItems && originalCollection.size > 0 || props.items) && !triggerState.isOpen) return;
+    if (displayAllItems && !triggerState.isOpen && props.items === void 0)
+      setShowAllItems(true);
+    if (!triggerState.isOpen) menuOpenTrigger.current = trigger;
+    toggleMenu(focusStrategy2);
+  };
+  let updateLastCollection = React.useCallback(() => {
+    setLastCollection(showAllItems ? originalCollection : filteredCollection);
+  }, [
+    showAllItems,
+    originalCollection,
+    filteredCollection
+  ]);
+  let toggleMenu = React.useCallback((focusStrategy2 = null) => {
+    if (triggerState.isOpen) updateLastCollection();
+    setFocusStrategy(focusStrategy2);
+    triggerState.toggle();
+  }, [
+    triggerState,
+    updateLastCollection
+  ]);
+  let closeMenu = React.useCallback(() => {
+    if (triggerState.isOpen) {
+      updateLastCollection();
+      triggerState.close();
+    }
+  }, [
+    triggerState,
+    updateLastCollection
+  ]);
+  let [lastValue, setLastValue] = React.useState(inputValue);
+  let resetInputValue = () => {
+    var _collection_getItem2;
+    var _collection_getItem_textValue2;
+    let itemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
+    setLastValue(itemText);
+    setInputValue(itemText);
+  };
+  var _props_selectedKey, _ref;
+  let lastSelectedKey = React.useRef((_ref = (_props_selectedKey = props.selectedKey) !== null && _props_selectedKey !== void 0 ? _props_selectedKey : props.defaultSelectedKey) !== null && _ref !== void 0 ? _ref : null);
+  var _collection_getItem_textValue;
+  let lastSelectedKeyText = React.useRef(selectedKey != null ? (_collection_getItem_textValue = (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "" : "");
+  React.useEffect(() => {
+    var _collection_getItem2;
+    if (isFocused && (filteredCollection.size > 0 || allowsEmptyCollection) && !triggerState.isOpen && inputValue !== lastValue && menuTrigger !== "manual") open(null, "input");
+    if (!showAllItems && !allowsEmptyCollection && triggerState.isOpen && filteredCollection.size === 0) closeMenu();
+    if (selectedKey != null && selectedKey !== lastSelectedKey.current) closeMenu();
+    if (inputValue !== lastValue) {
+      selectionManager.setFocusedKey(null);
+      setShowAllItems(false);
+      if (inputValue === "" && (props.inputValue === void 0 || props.selectedKey === void 0)) setSelectedKey(null);
+    }
+    if (selectedKey !== lastSelectedKey.current && (props.inputValue === void 0 || props.selectedKey === void 0)) resetInputValue();
+    else if (lastValue !== inputValue) setLastValue(inputValue);
+    var _collection_getItem_textValue2;
+    let selectedItemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
+    if (!isFocused && selectedKey != null && props.inputValue === void 0 && selectedKey === lastSelectedKey.current) {
+      if (lastSelectedKeyText.current !== selectedItemText) {
+        setLastValue(selectedItemText);
+        setInputValue(selectedItemText);
+      }
+    }
+    lastSelectedKey.current = selectedKey;
+    lastSelectedKeyText.current = selectedItemText;
+  });
+  let validation = useFormValidation.$e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
+    value: React.useMemo(() => ({
+      inputValue,
+      selectedKey
+    }), [
+      inputValue,
+      selectedKey
+    ])
+  }));
+  let revert = () => {
+    if (allowsCustomValue && selectedKey == null) commitCustomValue();
+    else commitSelection();
+  };
+  let commitCustomValue = () => {
+    lastSelectedKey.current = null;
+    setSelectedKey(null);
+    closeMenu();
+  };
+  let commitSelection = () => {
+    if (props.selectedKey !== void 0 && props.inputValue !== void 0) {
+      var _props_onSelectionChange, _collection_getItem2;
+      (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === void 0 ? void 0 : _props_onSelectionChange.call(props, selectedKey);
+      var _collection_getItem_textValue2;
+      let itemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
+      setLastValue(itemText);
+      closeMenu();
+    } else {
+      resetInputValue();
+      closeMenu();
+    }
+  };
+  const commitValue = () => {
+    if (allowsCustomValue) {
+      var _collection_getItem2;
+      var _collection_getItem_textValue2;
+      const itemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
+      inputValue === itemText ? commitSelection() : commitCustomValue();
+    } else
+      commitSelection();
+  };
+  let commit = () => {
+    if (triggerState.isOpen && selectionManager.focusedKey != null) {
+      if (selectedKey === selectionManager.focusedKey) commitSelection();
+      else setSelectedKey(selectionManager.focusedKey);
+    } else commitValue();
+  };
+  let valueOnFocus = React.useRef(inputValue);
+  let setFocused = (isFocused2) => {
+    if (isFocused2) {
+      valueOnFocus.current = inputValue;
+      if (menuTrigger === "focus" && !props.isReadOnly) open(null, "focus");
+    } else {
+      if (shouldCloseOnBlur) commitValue();
+      if (inputValue !== valueOnFocus.current) validation.commitValidation();
+    }
+    setFocusedState(isFocused2);
+  };
+  let displayedCollection = React.useMemo(() => {
+    if (triggerState.isOpen) {
+      if (showAllItems) return originalCollection;
+      else return filteredCollection;
+    } else return lastCollection;
+  }, [
+    triggerState.isOpen,
+    originalCollection,
+    filteredCollection,
+    showAllItems,
+    lastCollection
+  ]);
+  var _props_defaultSelectedKey;
+  let defaultSelectedKey = (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : initialSelectedKey;
+  var _getDefaultInputValue;
+  return __spreadProps(__spreadValues(__spreadValues({}, validation), triggerState), {
+    focusStrategy,
+    toggle,
+    open,
+    close: commitValue,
+    selectionManager,
+    selectedKey,
+    defaultSelectedKey,
+    setSelectedKey,
+    disabledKeys,
+    isFocused,
+    setFocused,
+    selectedItem,
+    collection: displayedCollection,
+    inputValue,
+    defaultInputValue: (_getDefaultInputValue = $a9e7382a7d111cb5$var$getDefaultInputValue(props.defaultInputValue, defaultSelectedKey, collection)) !== null && _getDefaultInputValue !== void 0 ? _getDefaultInputValue : initialValue,
+    setInputValue,
+    commit,
+    revert
+  });
+}
+function $a9e7382a7d111cb5$var$filterCollection(collection, inputValue, filter) {
+  return new useListState.$a02d57049d202695$export$d085fb9e920b5ca7($a9e7382a7d111cb5$var$filterNodes(collection, collection, inputValue, filter));
+}
+function $a9e7382a7d111cb5$var$filterNodes(collection, nodes, inputValue, filter) {
+  let filteredNode = [];
+  for (let node of nodes) {
+    if (node.type === "section" && node.hasChildNodes) {
+      let filtered = $a9e7382a7d111cb5$var$filterNodes(collection, SelectionManager.$c5a24bc478652b5f$export$1005530eda016c13(node, collection), inputValue, filter);
+      if ([
+        ...filtered
+      ].some((node2) => node2.type === "item")) filteredNode.push(__spreadProps(__spreadValues({}, node), {
+        childNodes: filtered
+      }));
+    } else if (node.type === "item" && filter(node.textValue, inputValue)) filteredNode.push(__spreadValues({}, node));
+    else if (node.type !== "item") filteredNode.push(__spreadValues({}, node));
+  }
+  return filteredNode;
+}
+function $a9e7382a7d111cb5$var$getDefaultInputValue(defaultInputValue, selectedKey, collection) {
+  if (defaultInputValue == null) {
+    var _collection_getItem;
+    var _collection_getItem_textValue;
+    if (selectedKey != null) return (_collection_getItem_textValue = (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "";
+  }
+  return defaultInputValue;
+}
+function $f86e6c1ec7da6ebb$var$reducer(data, action) {
+  let selectedKeys;
+  switch (data.state) {
+    case "idle":
+    case "error":
+      switch (action.type) {
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          var _action_filterText, _action_sortDescriptor;
+          return __spreadProps(__spreadValues({}, data), {
+            filterText: (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+            abortController: action.abortController
+          });
+        case "update":
+          var _action_updater;
+          return __spreadValues(__spreadValues({}, data), (_action_updater = action.updater) === null || _action_updater === void 0 ? void 0 : _action_updater.call(action, data));
+        case "success":
+        case "error":
+          return data;
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loading":
+    case "sorting":
+    case "filtering":
+      switch (action.type) {
+        case "success":
+          if (action.abortController !== data.abortController) return data;
+          var _action_selectedKeys;
+          selectedKeys = (_action_selectedKeys = action.selectedKeys) !== null && _action_selectedKeys !== void 0 ? _action_selectedKeys : data.selectedKeys;
+          var _action_filterText1, _action_items, _action_sortDescriptor1;
+          return __spreadProps(__spreadValues({}, data), {
+            filterText: (_action_filterText1 = action.filterText) !== null && _action_filterText1 !== void 0 ? _action_filterText1 : data.filterText,
+            state: "idle",
+            items: [
+              ...(_action_items = action.items) !== null && _action_items !== void 0 ? _action_items : []
+            ],
+            selectedKeys: selectedKeys === "all" ? "all" : new Set(selectedKeys),
+            sortDescriptor: (_action_sortDescriptor1 = action.sortDescriptor) !== null && _action_sortDescriptor1 !== void 0 ? _action_sortDescriptor1 : data.sortDescriptor,
+            abortController: void 0,
+            cursor: action.cursor
+          });
+        case "error":
+          if (action.abortController !== data.abortController) return data;
+          return __spreadProps(__spreadValues({}, data), {
+            state: "error",
+            error: action.error,
+            abortController: void 0
+          });
+        case "loading":
+        case "loadingMore":
+        case "sorting":
+        case "filtering":
+          var _data_abortController;
+          (_data_abortController = data.abortController) === null || _data_abortController === void 0 ? void 0 : _data_abortController.abort("aborting current load and starting new one");
+          var _action_filterText2;
+          return __spreadProps(__spreadValues({}, data), {
+            filterText: (_action_filterText2 = action.filterText) !== null && _action_filterText2 !== void 0 ? _action_filterText2 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          });
+        case "update":
+          var _action_updater1;
+          return __spreadValues(__spreadValues({}, data), (_action_updater1 = action.updater) === null || _action_updater1 === void 0 ? void 0 : _action_updater1.call(action, data));
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    case "loadingMore":
+      switch (action.type) {
+        case "success":
+          var _action_selectedKeys1;
+          selectedKeys = data.selectedKeys === "all" || action.selectedKeys === "all" ? "all" : /* @__PURE__ */ new Set([
+            ...data.selectedKeys,
+            ...(_action_selectedKeys1 = action.selectedKeys) !== null && _action_selectedKeys1 !== void 0 ? _action_selectedKeys1 : []
+          ]);
+          var _action_items1, _action_sortDescriptor2;
+          return __spreadProps(__spreadValues({}, data), {
+            state: "idle",
+            items: [
+              ...data.items,
+              ...(_action_items1 = action.items) !== null && _action_items1 !== void 0 ? _action_items1 : []
+            ],
+            selectedKeys,
+            sortDescriptor: (_action_sortDescriptor2 = action.sortDescriptor) !== null && _action_sortDescriptor2 !== void 0 ? _action_sortDescriptor2 : data.sortDescriptor,
+            abortController: void 0,
+            cursor: action.cursor
+          });
+        case "error":
+          if (action.abortController !== data.abortController) return data;
+          return __spreadProps(__spreadValues({}, data), {
+            state: "error",
+            error: action.error
+          });
+        case "loading":
+        case "sorting":
+        case "filtering":
+          var _data_abortController1;
+          (_data_abortController1 = data.abortController) === null || _data_abortController1 === void 0 ? void 0 : _data_abortController1.abort();
+          var _action_filterText3;
+          return __spreadProps(__spreadValues({}, data), {
+            filterText: (_action_filterText3 = action.filterText) !== null && _action_filterText3 !== void 0 ? _action_filterText3 : data.filterText,
+            state: action.type,
+            // Reset items to an empty list if loading, but not when sorting.
+            items: action.type === "loading" ? [] : data.items,
+            abortController: action.abortController
+          });
+        case "loadingMore":
+          var _action_abortController;
+          (_action_abortController = action.abortController) === null || _action_abortController === void 0 ? void 0 : _action_abortController.abort();
+          return data;
+        case "update":
+          var _action_updater2;
+          return __spreadValues(__spreadValues({}, data), (_action_updater2 = action.updater) === null || _action_updater2 === void 0 ? void 0 : _action_updater2.call(action, data));
+        default:
+          throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+      }
+    default:
+      throw new Error(`Invalid state "${data.state}"`);
+  }
+}
+function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
+  const { load, sort, initialSelectedKeys, initialSortDescriptor, getKey = (item) => item.id || item.key, initialFilterText = "" } = options;
+  let [data, dispatch] = React.useReducer($f86e6c1ec7da6ebb$var$reducer, {
+    state: "idle",
+    error: void 0,
+    items: [],
+    selectedKeys: initialSelectedKeys === "all" ? "all" : new Set(initialSelectedKeys),
+    sortDescriptor: initialSortDescriptor,
+    filterText: initialFilterText
+  });
+  const dispatchFetch = (action, fn) => __async(this, null, function* () {
+    let abortController = new AbortController();
+    try {
+      dispatch(__spreadProps(__spreadValues({}, action), {
+        abortController
+      }));
+      var _action_filterText;
+      let previousFilterText = (_action_filterText = action.filterText) !== null && _action_filterText !== void 0 ? _action_filterText : data.filterText;
+      var _action_sortDescriptor;
+      let response = yield fn({
+        items: data.items.slice(),
+        selectedKeys: data.selectedKeys,
+        sortDescriptor: (_action_sortDescriptor = action.sortDescriptor) !== null && _action_sortDescriptor !== void 0 ? _action_sortDescriptor : data.sortDescriptor,
+        signal: abortController.signal,
+        cursor: action.type === "loadingMore" ? data.cursor : void 0,
+        filterText: previousFilterText,
+        loadingState: data.state
+      });
+      var _response_filterText;
+      let filterText = (_response_filterText = response.filterText) !== null && _response_filterText !== void 0 ? _response_filterText : previousFilterText;
+      dispatch(__spreadProps(__spreadValues({
+        type: "success"
+      }, response), {
+        abortController
+      }));
+      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted) dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    } catch (e) {
+      dispatch({
+        type: "error",
+        error: e,
+        abortController
+      });
+    }
+  });
+  let didDispatchInitialFetch = React.useRef(false);
+  React.useEffect(() => {
+    if (!didDispatchInitialFetch.current) {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+      didDispatchInitialFetch.current = true;
+    }
+  }, []);
+  return __spreadProps(__spreadValues({
+    items: data.items,
+    selectedKeys: data.selectedKeys,
+    sortDescriptor: data.sortDescriptor,
+    isLoading: data.state === "loading" || data.state === "loadingMore" || data.state === "sorting" || data.state === "filtering",
+    loadingState: data.state,
+    error: data.error,
+    filterText: data.filterText,
+    getItem(key) {
+      return data.items.find((item) => getKey(item) === key);
+    },
+    reload() {
+      dispatchFetch({
+        type: "loading"
+      }, load);
+    },
+    loadMore() {
+      if (data.state === "loading" || data.state === "loadingMore" || data.state === "filtering" || data.cursor == null) return;
+      dispatchFetch({
+        type: "loadingMore"
+      }, load);
+    },
+    sort(sortDescriptor) {
+      dispatchFetch({
+        type: "sorting",
+        sortDescriptor
+      }, sort || load);
+    }
+  }, PillGroup.$0d86e9c8f07f9a7b$export$79c0c687a5963b0a(__spreadProps(__spreadValues({}, options), {
+    getKey,
+    cursor: data.cursor
+  }), (fn) => {
+    dispatch({
+      type: "update",
+      updater: fn
+    });
+  })), {
+    setFilterText(filterText) {
+      dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
+    }
+  });
+}
+var $02cb4c75c506befe$exports = {};
+$02cb4c75c506befe$exports = {
+  "buttonLabel": `عرض المقترحات`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} خيار`,
+    other: () => `${formatter.number(args.optionCount)} خيارات`
+  })} متاحة.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `المجموعة المدخلة ${args.groupTitle}, مع ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} خيار`,
+      other: () => `${formatter.number(args.groupCount)} خيارات`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, محدد`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `مقترحات`,
+  "selectedAnnouncement": (args) => `${args.optionText}، محدد`
+};
+var $568b8163f1e56faf$exports = {};
+$568b8163f1e56faf$exports = {
+  "buttonLabel": `Покажи предложения`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} опция`,
+    other: () => `${formatter.number(args.optionCount)} опции`
+  })} на разположение.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Въведена група ${args.groupTitle}, с ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} опция`,
+      other: () => `${formatter.number(args.groupCount)} опции`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, избрани`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Предложения`,
+  "selectedAnnouncement": (args) => `${args.optionText}, избрани`
+};
+var $87581c0202d106b8$exports = {};
+$87581c0202d106b8$exports = {
+  "buttonLabel": `Zobrazit doporučení`,
+  "countAnnouncement": (args, formatter) => `K dispozici ${formatter.plural(args.optionCount, {
+    one: () => `je ${formatter.number(args.optionCount)} možnost`,
+    other: () => `jsou/je ${formatter.number(args.optionCount)} možnosti/-í`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Zadaná skupina „${args.groupTitle}“ ${formatter.plural(args.groupCount, {
+      one: () => `s ${formatter.number(args.groupCount)} možností`,
+      other: () => `se ${formatter.number(args.groupCount)} možnostmi`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: ` (vybráno)`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Návrhy`,
+  "selectedAnnouncement": (args) => `${args.optionText}, vybráno`
+};
+var $a10a0369f5433ed1$exports = {};
+$a10a0369f5433ed1$exports = {
+  "buttonLabel": `Vis forslag`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} mulighed tilgængelig`,
+    other: () => `${formatter.number(args.optionCount)} muligheder tilgængelige`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Angivet gruppe ${args.groupTitle}, med ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} mulighed`,
+      other: () => `${formatter.number(args.groupCount)} muligheder`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valgt`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Forslag`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valgt`
+};
+var $bfd288727d5cb166$exports = {};
+$bfd288727d5cb166$exports = {
+  "buttonLabel": `Empfehlungen anzeigen`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} Option`,
+    other: () => `${formatter.number(args.optionCount)} Optionen`
+  })} verfügbar.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Eingetretene Gruppe ${args.groupTitle}, mit ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} Option`,
+      other: () => `${formatter.number(args.groupCount)} Optionen`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, ausgewählt`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Empfehlungen`,
+  "selectedAnnouncement": (args) => `${args.optionText}, ausgewählt`
+};
+var $ca177778f9a74e3c$exports = {};
+$ca177778f9a74e3c$exports = {
+  "buttonLabel": `Προβολή προτάσεων`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} επιλογή`,
+    other: () => `${formatter.number(args.optionCount)} επιλογές `
+  })} διαθέσιμες.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Εισαγμένη ομάδα ${args.groupTitle}, με ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} επιλογή`,
+      other: () => `${formatter.number(args.groupCount)} επιλογές`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, επιλεγμένο`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Προτάσεις`,
+  "selectedAnnouncement": (args) => `${args.optionText}, επιλέχθηκε`
+};
+var $9b5aa79ef84beb6c$exports = {};
+$9b5aa79ef84beb6c$exports = {
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Entered group ${args.groupTitle}, with ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} option`,
+      other: () => `${formatter.number(args.groupCount)} options`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selected`,
+    other: ``
+  }, args.isSelected)}`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} option`,
+    other: () => `${formatter.number(args.optionCount)} options`
+  })} available.`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selected`,
+  "buttonLabel": `Show suggestions`,
+  "listboxLabel": `Suggestions`
+};
+var $57968e8209de2557$exports = {};
+$57968e8209de2557$exports = {
+  "buttonLabel": `Mostrar sugerencias`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opción`,
+    other: () => `${formatter.number(args.optionCount)} opciones`
+  })} disponible(s).`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Se ha unido al grupo ${args.groupTitle}, con ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opción`,
+      other: () => `${formatter.number(args.groupCount)} opciones`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, seleccionado`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugerencias`,
+  "selectedAnnouncement": (args) => `${args.optionText}, seleccionado`
+};
+var $60690790bf4c1c6a$exports = {};
+$60690790bf4c1c6a$exports = {
+  "buttonLabel": `Kuva soovitused`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} valik`,
+    other: () => `${formatter.number(args.optionCount)} valikud`
+  })} saadaval.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Sisestatud rühm ${args.groupTitle}, valikuga ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} valik`,
+      other: () => `${formatter.number(args.groupCount)} valikud`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valitud`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Soovitused`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valitud`
+};
+var $1101246e8c7d9357$exports = {};
+$1101246e8c7d9357$exports = {
+  "buttonLabel": `Näytä ehdotukset`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} vaihtoehto`,
+    other: () => `${formatter.number(args.optionCount)} vaihtoehdot`
+  })} saatavilla.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Mentiin ryhmään ${args.groupTitle}, ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} vaihtoehdon`,
+      other: () => `${formatter.number(args.groupCount)} vaihtoehdon`
+    })} kanssa.`,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valittu`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Ehdotukset`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valittu`
+};
+var $6404b5cb5b241730$exports = {};
+$6404b5cb5b241730$exports = {
+  "buttonLabel": `Afficher les suggestions`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} option`,
+    other: () => `${formatter.number(args.optionCount)} options`
+  })} disponible(s).`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Groupe ${args.groupTitle} rejoint, avec ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} option`,
+      other: () => `${formatter.number(args.groupCount)} options`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, sélectionné(s)`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Suggestions`,
+  "selectedAnnouncement": (args) => `${args.optionText}, sélectionné`
+};
+var $dfeafa702e92e31f$exports = {};
+$dfeafa702e92e31f$exports = {
+  "buttonLabel": `הצג הצעות`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `אפשרות ${formatter.number(args.optionCount)}`,
+    other: () => `${formatter.number(args.optionCount)} אפשרויות`
+  })} במצב זמין.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `נכנס לקבוצה ${args.groupTitle}, עם ${formatter.plural(args.groupCount, {
+      one: () => `אפשרות ${formatter.number(args.groupCount)}`,
+      other: () => `${formatter.number(args.groupCount)} אפשרויות`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, נבחר`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `הצעות`,
+  "selectedAnnouncement": (args) => `${args.optionText}, נבחר`
+};
+var $2d125e0b34676352$exports = {};
+$2d125e0b34676352$exports = {
+  "buttonLabel": `Prikaži prijedloge`,
+  "countAnnouncement": (args, formatter) => `Dostupno još: ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcije/a`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Unesena skupina ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcijom`,
+      other: () => `${formatter.number(args.groupCount)} opcije/a`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, odabranih`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Prijedlozi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, odabrano`
+};
+var $ea029611d7634059$exports = {};
+$ea029611d7634059$exports = {
+  "buttonLabel": `Javaslatok megjelenítése`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} lehetőség`,
+    other: () => `${formatter.number(args.optionCount)} lehetőség`
+  })} áll rendelkezésre.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Belépett a(z) ${args.groupTitle} csoportba, amely ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} lehetőséget`,
+      other: () => `${formatter.number(args.groupCount)} lehetőséget`
+    })} tartalmaz. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, kijelölve`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Javaslatok`,
+  "selectedAnnouncement": (args) => `${args.optionText}, kijelölve`
+};
+var $77f075bb86ad7091$exports = {};
+$77f075bb86ad7091$exports = {
+  "buttonLabel": `Mostra suggerimenti`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opzione disponibile`,
+    other: () => `${formatter.number(args.optionCount)} opzioni disponibili`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Ingresso nel gruppo ${args.groupTitle}, con ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opzione`,
+      other: () => `${formatter.number(args.groupCount)} opzioni`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selezionato`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Suggerimenti`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selezionato`
+};
+var $6e87462e84907983$exports = {};
+$6e87462e84907983$exports = {
+  "buttonLabel": `候補を表示`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} 個のオプション`,
+    other: () => `${formatter.number(args.optionCount)} 個のオプション`
+  })}を利用できます。`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `入力されたグループ ${args.groupTitle}、${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} 個のオプション`,
+      other: () => `${formatter.number(args.groupCount)} 個のオプション`
+    })}を含む。`,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `、選択済み`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `候補`,
+  "selectedAnnouncement": (args) => `${args.optionText}、選択済み`
+};
+var $9246f2c6edc6b232$exports = {};
+$9246f2c6edc6b232$exports = {
+  "buttonLabel": `제안 사항 표시`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)}개 옵션`,
+    other: () => `${formatter.number(args.optionCount)}개 옵션`
+  })}을 사용할 수 있습니다.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `입력한 그룹 ${args.groupTitle}, ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)}개 옵션`,
+      other: () => `${formatter.number(args.groupCount)}개 옵션`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, 선택됨`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `제안`,
+  "selectedAnnouncement": (args) => `${args.optionText}, 선택됨`
+};
+var $e587accc6c0a434c$exports = {};
+$e587accc6c0a434c$exports = {
+  "buttonLabel": `Rodyti pasiūlymus`,
+  "countAnnouncement": (args, formatter) => `Yra ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} parinktis`,
+    other: () => `${formatter.number(args.optionCount)} parinktys (-ių)`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Įvesta grupė ${args.groupTitle}, su ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} parinktimi`,
+      other: () => `${formatter.number(args.groupCount)} parinktimis (-ių)`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, pasirinkta`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Pasiūlymai`,
+  "selectedAnnouncement": (args) => `${args.optionText}, pasirinkta`
+};
+var $03a1900e7400b5ab$exports = {};
+$03a1900e7400b5ab$exports = {
+  "buttonLabel": `Rādīt ieteikumus`,
+  "countAnnouncement": (args, formatter) => `Pieejamo opciju skaits: ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcijas`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Ievadīta grupa ${args.groupTitle}, ar ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opciju`,
+      other: () => `${formatter.number(args.groupCount)} opcijām`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, atlasīta`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Ieteikumi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, atlasīta`
+};
+var $1387676441be6cf6$exports = {};
+$1387676441be6cf6$exports = {
+  "buttonLabel": `Vis forslag`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} alternativ`,
+    other: () => `${formatter.number(args.optionCount)} alternativer`
+  })} finnes.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Angitt gruppe ${args.groupTitle}, med ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} alternativ`,
+      other: () => `${formatter.number(args.groupCount)} alternativer`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valgt`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Forslag`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valgt`
+};
+var $17e82ebf0f8ab91f$exports = {};
+$17e82ebf0f8ab91f$exports = {
+  "buttonLabel": `Suggesties weergeven`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} optie`,
+    other: () => `${formatter.number(args.optionCount)} opties`
+  })} beschikbaar.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Groep ${args.groupTitle} ingevoerd met ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} optie`,
+      other: () => `${formatter.number(args.groupCount)} opties`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, geselecteerd`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Suggesties`,
+  "selectedAnnouncement": (args) => `${args.optionText}, geselecteerd`
+};
+var $2f5377d3471630e5$exports = {};
+$2f5377d3471630e5$exports = {
+  "buttonLabel": `Wyświetlaj sugestie`,
+  "countAnnouncement": (args, formatter) => `dostępna/dostępne(-nych) ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcja`,
+    other: () => `${formatter.number(args.optionCount)} opcje(-i)`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Dołączono do grupy ${args.groupTitle}, z ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcją`,
+      other: () => `${formatter.number(args.groupCount)} opcjami`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, wybrano`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestie`,
+  "selectedAnnouncement": (args) => `${args.optionText}, wybrano`
+};
+var $dee9868b6fa95ffe$exports = {};
+$dee9868b6fa95ffe$exports = {
+  "buttonLabel": `Mostrar sugestões`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opção`,
+    other: () => `${formatter.number(args.optionCount)} opções`
+  })} disponível.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Grupo inserido ${args.groupTitle}, com ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opção`,
+      other: () => `${formatter.number(args.groupCount)} opções`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selecionado`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestões`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selecionado`
+};
+var $f8b2e63637cbb5a6$exports = {};
+$f8b2e63637cbb5a6$exports = {
+  "buttonLabel": `Apresentar sugestões`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opção`,
+    other: () => `${formatter.number(args.optionCount)} opções`
+  })} disponível.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Grupo introduzido ${args.groupTitle}, com ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opção`,
+      other: () => `${formatter.number(args.groupCount)} opções`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selecionado`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestões`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selecionado`
+};
+var $46a885db3b44ea95$exports = {};
+$46a885db3b44ea95$exports = {
+  "buttonLabel": `Afișare sugestii`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opțiune`,
+    other: () => `${formatter.number(args.optionCount)} opțiuni`
+  })} disponibile.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Grup ${args.groupTitle} introdus, cu ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opțiune`,
+      other: () => `${formatter.number(args.groupCount)} opțiuni`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selectat`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestii`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selectat`
+};
+var $50d8a8f0afa9dee5$exports = {};
+$50d8a8f0afa9dee5$exports = {
+  "buttonLabel": `Показать предложения`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} параметр`,
+    other: () => `${formatter.number(args.optionCount)} параметров`
+  })} доступно.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Введенная группа ${args.groupTitle}, с ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} параметром`,
+      other: () => `${formatter.number(args.groupCount)} параметрами`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, выбранными`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Предложения`,
+  "selectedAnnouncement": (args) => `${args.optionText}, выбрано`
+};
+var $2867ee6173245507$exports = {};
+$2867ee6173245507$exports = {
+  "buttonLabel": `Zobraziť návrhy`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} možnosť`,
+    other: () => `${formatter.number(args.optionCount)} možnosti/-í`
+  })} k dispozícii.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Zadaná skupina ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} možnosťou`,
+      other: () => `${formatter.number(args.groupCount)} možnosťami`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, vybraté`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Návrhy`,
+  "selectedAnnouncement": (args) => `${args.optionText}, vybraté`
+};
+var $0631b65beeb09b50$exports = {};
+$0631b65beeb09b50$exports = {
+  "buttonLabel": `Prikaži predloge`,
+  "countAnnouncement": (args, formatter) => `Na voljo je ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcije`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Vnesena skupina ${args.groupTitle}, z ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcija`,
+      other: () => `${formatter.number(args.groupCount)} opcije`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, izbrano`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Predlogi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, izbrano`
+};
+var $65fc749265dcd686$exports = {};
+$65fc749265dcd686$exports = {
+  "buttonLabel": `Prikaži predloge`,
+  "countAnnouncement": (args, formatter) => `Dostupno još: ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcije/a`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Unesena grupa ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcijom`,
+      other: () => `${formatter.number(args.groupCount)} optione/a`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, izabranih`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Predlozi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, izabrano`
+};
+var $69ba655c7853c08e$exports = {};
+$69ba655c7853c08e$exports = {
+  "buttonLabel": `Visa förslag`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} alternativ`,
+    other: () => `${formatter.number(args.optionCount)} alternativ`
+  })} tillgängliga.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Ingick i gruppen ${args.groupTitle} med ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} alternativ`,
+      other: () => `${formatter.number(args.groupCount)} alternativ`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valda`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Förslag`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valda`
+};
+var $a79794784d61577c$exports = {};
+$a79794784d61577c$exports = {
+  "buttonLabel": `Önerileri göster`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} seçenek`,
+    other: () => `${formatter.number(args.optionCount)} seçenekler`
+  })} kullanılabilir.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Girilen grup ${args.groupTitle}, ile ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} seçenek`,
+      other: () => `${formatter.number(args.groupCount)} seçenekler`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, seçildi`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Öneriler`,
+  "selectedAnnouncement": (args) => `${args.optionText}, seçildi`
+};
+var $c2845791417ebaf4$exports = {};
+$c2845791417ebaf4$exports = {
+  "buttonLabel": `Показати пропозиції`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} параметр`,
+    other: () => `${formatter.number(args.optionCount)} параметри(-ів)`
+  })} доступно.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Введена група ${args.groupTitle}, з ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} параметр`,
+      other: () => `${formatter.number(args.groupCount)} параметри(-ів)`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, вибрано`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Пропозиції`,
+  "selectedAnnouncement": (args) => `${args.optionText}, вибрано`
+};
+var $29b642d0025cc7a4$exports = {};
+$29b642d0025cc7a4$exports = {
+  "buttonLabel": `显示建议`,
+  "countAnnouncement": (args, formatter) => `有 ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} 个选项`,
+    other: () => `${formatter.number(args.optionCount)} 个选项`
+  })}可用。`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `进入了 ${args.groupTitle} 组，其中有 ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} 个选项`,
+      other: () => `${formatter.number(args.groupCount)} 个选项`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, 已选择`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `建议`,
+  "selectedAnnouncement": (args) => `${args.optionText}, 已选择`
+};
+var $cd36dd33f9d46936$exports = {};
+$cd36dd33f9d46936$exports = {
+  "buttonLabel": `顯示建議`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} 選項`,
+    other: () => `${formatter.number(args.optionCount)} 選項`
+  })} 可用。`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `輸入的群組 ${args.groupTitle}, 有 ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} 選項`,
+      other: () => `${formatter.number(args.groupCount)} 選項`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, 已選取`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `建議`,
+  "selectedAnnouncement": (args) => `${args.optionText}, 已選取`
+};
+var $de5926a92e8ebc5b$exports = {};
+$de5926a92e8ebc5b$exports = {
+  "ar-AE": $02cb4c75c506befe$exports,
+  "bg-BG": $568b8163f1e56faf$exports,
+  "cs-CZ": $87581c0202d106b8$exports,
+  "da-DK": $a10a0369f5433ed1$exports,
+  "de-DE": $bfd288727d5cb166$exports,
+  "el-GR": $ca177778f9a74e3c$exports,
+  "en-US": $9b5aa79ef84beb6c$exports,
+  "es-ES": $57968e8209de2557$exports,
+  "et-EE": $60690790bf4c1c6a$exports,
+  "fi-FI": $1101246e8c7d9357$exports,
+  "fr-FR": $6404b5cb5b241730$exports,
+  "he-IL": $dfeafa702e92e31f$exports,
+  "hr-HR": $2d125e0b34676352$exports,
+  "hu-HU": $ea029611d7634059$exports,
+  "it-IT": $77f075bb86ad7091$exports,
+  "ja-JP": $6e87462e84907983$exports,
+  "ko-KR": $9246f2c6edc6b232$exports,
+  "lt-LT": $e587accc6c0a434c$exports,
+  "lv-LV": $03a1900e7400b5ab$exports,
+  "nb-NO": $1387676441be6cf6$exports,
+  "nl-NL": $17e82ebf0f8ab91f$exports,
+  "pl-PL": $2f5377d3471630e5$exports,
+  "pt-BR": $dee9868b6fa95ffe$exports,
+  "pt-PT": $f8b2e63637cbb5a6$exports,
+  "ro-RO": $46a885db3b44ea95$exports,
+  "ru-RU": $50d8a8f0afa9dee5$exports,
+  "sk-SK": $2867ee6173245507$exports,
+  "sl-SI": $0631b65beeb09b50$exports,
+  "sr-SP": $65fc749265dcd686$exports,
+  "sv-SE": $69ba655c7853c08e$exports,
+  "tr-TR": $a79794784d61577c$exports,
+  "uk-UA": $c2845791417ebaf4$exports,
+  "zh-CN": $29b642d0025cc7a4$exports,
+  "zh-TW": $cd36dd33f9d46936$exports
+};
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
+  let { buttonRef, popoverRef, inputRef, listBoxRef, keyboardDelegate, layoutDelegate, shouldFocusWrap, isReadOnly, isDisabled } = props;
+  let backupBtnRef = React.useRef(null);
+  buttonRef = buttonRef !== null && buttonRef !== void 0 ? buttonRef : backupBtnRef;
+  let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($de5926a92e8ebc5b$exports), "@react-aria/combobox");
+  let { menuTriggerProps, menuProps } = useMenuTrigger.$168583247155ddda$export$dc9c12ed27dd1b49({
+    type: "listbox",
+    isDisabled: isDisabled || isReadOnly
+  }, state, buttonRef);
+  useListBoxSection.$b1f0cad8af73213b$export$3585ede4d035bf14.set(state, {
+    id: menuProps.id
+  });
+  let { collection } = state;
+  let { disabledKeys } = state.selectionManager;
+  let delegate = React.useMemo(() => keyboardDelegate || new useSelectableList.$2a25aae57d74318e$export$a05409b8bb224a5a({
+    collection,
+    disabledKeys,
+    ref: listBoxRef,
+    layoutDelegate
+  }), [
+    keyboardDelegate,
+    layoutDelegate,
+    collection,
+    disabledKeys,
+    listBoxRef
+  ]);
+  let { collectionProps } = useSelectableItem.$ae20dd8cbca75726$export$d6daf82dcd84e87c({
+    selectionManager: state.selectionManager,
+    keyboardDelegate: delegate,
+    disallowTypeAhead: true,
+    disallowEmptySelection: true,
+    shouldFocusWrap,
+    ref: inputRef,
+    // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
+    isVirtualized: true
+  });
+  let router = useFocusVisible.$ea8dcbcb9ea1b556$export$9a302a45f65d0572();
+  let onKeyDown = (e) => {
+    if (e.nativeEvent.isComposing) return;
+    switch (e.key) {
+      case "Enter":
+      case "Tab":
+        if (state.isOpen && e.key === "Enter") e.preventDefault();
+        if (state.isOpen && listBoxRef.current && state.selectionManager.focusedKey != null) {
+          let collectionItem = state.collection.getItem(state.selectionManager.focusedKey);
+          if (collectionItem === null || collectionItem === void 0 ? void 0 : collectionItem.props.href) {
+            let item = listBoxRef.current.querySelector(`[data-key="${CSS.escape(state.selectionManager.focusedKey.toString())}"]`);
+            if (e.key === "Enter" && item instanceof HTMLAnchorElement) router.open(item, e, collectionItem.props.href, collectionItem.props.routerOptions);
+            state.close();
+            break;
+          } else if (collectionItem === null || collectionItem === void 0 ? void 0 : collectionItem.props.onAction) {
+            collectionItem.props.onAction();
+            state.close();
+            break;
+          }
+        }
+        state.commit();
+        break;
+      case "Escape":
+        if (state.selectedKey !== null || state.inputValue === "" || props.allowsCustomValue) e.continuePropagation();
+        state.revert();
+        break;
+      case "ArrowDown":
+        state.open("first", "manual");
+        break;
+      case "ArrowUp":
+        state.open("last", "manual");
+        break;
+      case "ArrowLeft":
+      case "ArrowRight":
+        state.selectionManager.setFocusedKey(null);
+        break;
+    }
+  };
+  let onBlur = (e) => {
+    var _popoverRef_current;
+    let blurFromButton = (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) && buttonRef.current === e.relatedTarget;
+    let blurIntoPopover = (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.contains(e.relatedTarget);
+    if (blurFromButton || blurIntoPopover) return;
+    if (props.onBlur) props.onBlur(e);
+    state.setFocused(false);
+  };
+  let onFocus = (e) => {
+    if (state.isFocused) return;
+    if (props.onFocus) props.onFocus(e);
+    state.setFocused(true);
+  };
+  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+  let { labelProps, inputProps, descriptionProps, errorMessageProps } = useTextField.$2d73ec29415bd339$export$712718f7aec83d5(__spreadProps(__spreadValues({}, props), {
+    onChange: state.setInputValue,
+    onKeyDown: !isReadOnly ? mergeProps.$ff5963eb1fccf552$export$e08e3b67e392101e(state.isOpen && collectionProps.onKeyDown, onKeyDown, props.onKeyDown) : props.onKeyDown,
+    onBlur,
+    value: state.inputValue,
+    defaultValue: state.defaultInputValue,
+    onFocus,
+    autoComplete: "off",
+    validate: void 0,
+    [useFormValidation.$e5be200c675c3b3a$export$a763b9476acd3eb]: state
+  }), inputRef);
+  let onPress = (e) => {
+    if (e.pointerType === "touch") {
+      var _inputRef_current;
+      (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+      state.toggle(null, "manual");
+    }
+  };
+  let onPressStart = (e) => {
+    if (e.pointerType !== "touch") {
+      var _inputRef_current;
+      (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+      state.toggle(e.pointerType === "keyboard" || e.pointerType === "virtual" ? "first" : null, "manual");
+    }
+  };
+  let triggerLabelProps = useLabels.$313b98861ee5dd6c$export$d6875122194c7b44({
+    id: menuTriggerProps.id,
+    "aria-label": stringFormatter.format("buttonLabel"),
+    "aria-labelledby": props["aria-labelledby"] || labelProps.id
+  });
+  let listBoxProps = useLabels.$313b98861ee5dd6c$export$d6875122194c7b44({
+    id: menuProps.id,
+    "aria-label": stringFormatter.format("listboxLabel"),
+    "aria-labelledby": props["aria-labelledby"] || labelProps.id
+  });
+  let lastEventTime = React.useRef(0);
+  let onTouchEnd = (e) => {
+    if (isDisabled || isReadOnly) return;
+    if (e.timeStamp - lastEventTime.current < 500) {
+      var _inputRef_current;
+      e.preventDefault();
+      (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+      return;
+    }
+    let rect = e.target.getBoundingClientRect();
+    let touch = e.changedTouches[0];
+    let centerX = Math.ceil(rect.left + 0.5 * rect.width);
+    let centerY = Math.ceil(rect.top + 0.5 * rect.height);
+    if (touch.clientX === centerX && touch.clientY === centerY) {
+      var _inputRef_current1;
+      e.preventDefault();
+      (_inputRef_current1 = inputRef.current) === null || _inputRef_current1 === void 0 ? void 0 : _inputRef_current1.focus();
+      state.toggle(null, "manual");
+      lastEventTime.current = e.timeStamp;
+    }
+  };
+  let focusedItem = state.selectionManager.focusedKey != null && state.isOpen ? state.collection.getItem(state.selectionManager.focusedKey) : void 0;
+  var _focusedItem_parentKey;
+  let sectionKey = (_focusedItem_parentKey = focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) !== null && _focusedItem_parentKey !== void 0 ? _focusedItem_parentKey : null;
+  var _state_selectionManager_focusedKey;
+  let itemKey = (_state_selectionManager_focusedKey = state.selectionManager.focusedKey) !== null && _state_selectionManager_focusedKey !== void 0 ? _state_selectionManager_focusedKey : null;
+  let lastSection = React.useRef(sectionKey);
+  let lastItem = React.useRef(itemKey);
+  React.useEffect(() => {
+    if (useFocusVisible.$c87311424ea30a05$export$e1865c3bedcd822b() && focusedItem != null && itemKey != null && itemKey !== lastItem.current) {
+      let isSelected = state.selectionManager.isSelected(itemKey);
+      let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
+      let sectionTitle = (section === null || section === void 0 ? void 0 : section["aria-label"]) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === "string" ? section.rendered : "") || "";
+      var _ref;
+      let announcement = stringFormatter.format("focusAnnouncement", {
+        isGroupChange: (_ref = section && sectionKey !== lastSection.current) !== null && _ref !== void 0 ? _ref : false,
+        groupTitle: sectionTitle,
+        groupCount: section ? [
+          ...SelectionManager.$c5a24bc478652b5f$export$1005530eda016c13(section, state.collection)
+        ].length : 0,
+        optionText: focusedItem["aria-label"] || focusedItem.textValue || "",
+        isSelected
+      });
+      LiveAnnouncer.$319e236875307eab$export$a9b970dcc4ae71a9(announcement);
+    }
+    lastSection.current = sectionKey;
+    lastItem.current = itemKey;
+  });
+  let optionCount = useSelectableList.$453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
+  let lastSize = React.useRef(optionCount);
+  let lastOpen = React.useRef(state.isOpen);
+  React.useEffect(() => {
+    let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || useFocusVisible.$c87311424ea30a05$export$e1865c3bedcd822b());
+    if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
+      let announcement = stringFormatter.format("countAnnouncement", {
+        optionCount
+      });
+      LiveAnnouncer.$319e236875307eab$export$a9b970dcc4ae71a9(announcement);
+    }
+    lastSize.current = optionCount;
+    lastOpen.current = state.isOpen;
+  });
+  let lastSelectedKey = React.useRef(state.selectedKey);
+  React.useEffect(() => {
+    if (useFocusVisible.$c87311424ea30a05$export$e1865c3bedcd822b() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
+      let optionText = state.selectedItem["aria-label"] || state.selectedItem.textValue || "";
+      let announcement = stringFormatter.format("selectedAnnouncement", {
+        optionText
+      });
+      LiveAnnouncer.$319e236875307eab$export$a9b970dcc4ae71a9(announcement);
+    }
+    lastSelectedKey.current = state.selectedKey;
+  });
+  React.useEffect(() => {
+    if (state.isOpen) return ariaHideOutside.$5e3802645cc19319$export$1c3ebcada18427bf([
+      inputRef.current,
+      popoverRef.current
+    ].filter((element) => element != null));
+  }, [
+    state.isOpen,
+    inputRef,
+    popoverRef
+  ]);
+  useUpdateEffect.$4f58c5f72bcf79f7$export$496315a1608d9602(() => {
+    if (!focusedItem && inputRef.current && useFocusVisible.$d4ee10de306f2510$export$cd4e5573fbe2b576(useFocusVisible.$431fbd86ca7dc216$export$b204af158042fbac(inputRef.current)) === inputRef.current) useSelectableItem.$55f9b1ae81f22853$export$2b35b76d2e30e129(inputRef.current, null);
+  }, [
+    focusedItem
+  ]);
+  useEvent.$e9faafb641e167db$export$90fc3a17d93f704c(listBoxRef, "react-aria-item-action", state.isOpen ? () => {
+    state.close();
+  } : void 0);
+  return {
+    labelProps,
+    buttonProps: __spreadProps(__spreadValues(__spreadValues({}, menuTriggerProps), triggerLabelProps), {
+      excludeFromTabOrder: true,
+      preventFocusOnPress: true,
+      onPress,
+      onPressStart,
+      isDisabled: isDisabled || isReadOnly
+    }),
+    inputProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, {
+      role: "combobox",
+      "aria-expanded": menuTriggerProps["aria-expanded"],
+      "aria-controls": state.isOpen ? menuProps.id : void 0,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": focusedItem ? useListBoxSection.$b1f0cad8af73213b$export$9145995848b05025(state, focusedItem.key) : void 0,
+      onTouchEnd,
+      // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
+      autoCorrect: "off",
+      // This disable's the macOS Safari spell check auto corrections.
+      spellCheck: "false"
+    }),
+    listBoxProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(menuProps, listBoxProps, {
+      autoFocus: state.focusStrategy || true,
+      shouldUseVirtualFocus: true,
+      shouldSelectOnPressUp: true,
+      shouldFocusOnHover: true,
+      linkBehavior: "selection",
+      ["UNSTABLE_itemBehavior"]: "action"
+    }),
+    descriptionProps,
+    errorMessageProps,
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+const $d3e0e05bdfcf66bd$export$c24727297075ec6a = /* @__PURE__ */ React.createContext(null);
+const $d01f2c01039c0eec$export$d414ccceff7063c3 = /* @__PURE__ */ React.createContext(null);
+const $d01f2c01039c0eec$export$c02625b26074192c = /* @__PURE__ */ React.createContext(null);
+const $d01f2c01039c0eec$export$72b9695b8216309a = /* @__PURE__ */ React.forwardRef(function ComboBox(props, ref) {
+  [props, ref] = utils.$64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d01f2c01039c0eec$export$d414ccceff7063c3);
+  let { children, isDisabled = false, isInvalid = false, isRequired = false } = props;
+  let content = React.useMemo(() => {
+    var _props_items;
+    return /* @__PURE__ */ React.createElement(PillGroup.$eed445e0843c11d0$export$7ff8f37d2d81a48d.Provider, {
+      value: {
+        items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
+      }
+    }, typeof children === "function" ? children({
+      isOpen: false,
+      isDisabled,
+      isInvalid,
+      isRequired,
+      defaultChildren: null
+    }) : children);
+  }, [
+    children,
+    isDisabled,
+    isInvalid,
+    isRequired,
+    props.items,
+    props.defaultItems
+  ]);
+  return /* @__PURE__ */ React.createElement(PillGroup.$e1995378a142960e$export$bf788dd355e3a401, {
+    content
+  }, (collection) => /* @__PURE__ */ React.createElement($d01f2c01039c0eec$var$ComboBoxInner, {
+    props,
+    collection,
+    comboBoxRef: ref
+  }));
+});
+const $d01f2c01039c0eec$var$CLEAR_CONTEXTS = [
+  Label.$01b77f81d0f07f68$export$75b6ee27786ba447,
+  Button.$d2b4bc8c273e7be6$export$24d547caef80ccd1,
+  Input.$3985021b0ad6602f$export$37fb8590cf2c088c,
+  Input.$a049562f99e7db0e$export$f9c6924e160136d1,
+  Text.$514c0188e459b4c0$export$9afb8bc826b033ea
+];
+function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: ref }) {
+  let { name, formValue = "key", allowsCustomValue } = props;
+  if (allowsCustomValue) formValue = "text";
+  let { validationBehavior: formValidationBehavior } = utils.$64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
+  var _props_validationBehavior, _ref;
+  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
+  let { contains } = useFilter.$bb77f239b46e8c72$export$3274cf84b703fff({
+    sensitivity: "base"
+  });
+  let state = $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(__spreadProps(__spreadValues({
+    defaultFilter: props.defaultFilter || contains
+  }, props), {
+    // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
+    items: props.items,
+    children: void 0,
+    collection,
+    validationBehavior
+  }));
+  let buttonRef = React.useRef(null);
+  let inputRef = React.useRef(null);
+  let listBoxRef = React.useRef(null);
+  let popoverRef = React.useRef(null);
+  let [labelRef, label] = utils.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
+  let _a = $c350ade66beef0af$export$8c18d1b4f7232bbf(__spreadProps(__spreadValues({}, utils.$64fa3d84918910a7$export$ef03459518577ad4(props)), {
+    label,
+    inputRef,
+    buttonRef,
+    listBoxRef,
+    popoverRef,
+    name: formValue === "text" ? name : void 0,
+    validationBehavior
+  }), state), { buttonProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps } = _a, validation = __objRest(_a, ["buttonProps", "inputProps", "listBoxProps", "labelProps", "descriptionProps", "errorMessageProps"]);
+  let [menuWidth, setMenuWidth] = React.useState(null);
+  let onResize = React.useCallback(() => {
+    if (inputRef.current) {
+      var _buttonRef_current;
+      let buttonRect = (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.getBoundingClientRect();
+      let inputRect = inputRef.current.getBoundingClientRect();
+      let minX = buttonRect ? Math.min(buttonRect.left, inputRect.left) : inputRect.left;
+      let maxX = buttonRect ? Math.max(buttonRect.right, inputRect.right) : inputRect.right;
+      setMenuWidth(maxX - minX + "px");
+    }
+  }, [
+    buttonRef,
+    inputRef,
+    setMenuWidth
+  ]);
+  useResizeObserver.$9daab02d461809db$export$683480f191c0e3ea({
+    ref: inputRef,
+    onResize
+  });
+  let renderPropsState = React.useMemo(() => ({
+    isOpen: state.isOpen,
+    isDisabled: props.isDisabled || false,
+    isInvalid: validation.isInvalid || false,
+    isRequired: props.isRequired || false
+  }), [
+    state.isOpen,
+    props.isDisabled,
+    validation.isInvalid,
+    props.isRequired
+  ]);
+  let renderProps = utils.$64fa3d84918910a7$export$4d86445c2cf5e3(__spreadProps(__spreadValues({}, props), {
+    values: renderPropsState,
+    defaultClassName: "react-aria-ComboBox"
+  }));
+  let DOMProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
+  delete DOMProps.id;
+  var _state_selectedKey;
+  return /* @__PURE__ */ React.createElement(utils.$64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $d01f2c01039c0eec$export$c02625b26074192c,
+        state
+      ],
+      [
+        Label.$01b77f81d0f07f68$export$75b6ee27786ba447,
+        __spreadProps(__spreadValues({}, labelProps), {
+          ref: labelRef
+        })
+      ],
+      [
+        Button.$d2b4bc8c273e7be6$export$24d547caef80ccd1,
+        __spreadProps(__spreadValues({}, buttonProps), {
+          ref: buttonRef,
+          isPressed: state.isOpen
+        })
+      ],
+      [
+        Input.$3985021b0ad6602f$export$37fb8590cf2c088c,
+        __spreadProps(__spreadValues({}, inputProps), {
+          ref: inputRef
+        })
+      ],
+      [
+        Dialog.$de32f1b87079253c$export$d2f961adcb0afbe,
+        state
+      ],
+      [
+        Dialog.$07b14b47974efb58$export$9b9a0cd73afb7ca4,
+        {
+          ref: popoverRef,
+          triggerRef: inputRef,
+          scrollRef: listBoxRef,
+          placement: "bottom start",
+          isNonModal: true,
+          trigger: "ComboBox",
+          style: {
+            "--trigger-width": menuWidth
+          },
+          clearContexts: $d01f2c01039c0eec$var$CLEAR_CONTEXTS
+        }
+      ],
+      [
+        PillGroup.$eed445e0843c11d0$export$7ff8f37d2d81a48d,
+        __spreadProps(__spreadValues({}, listBoxProps), {
+          ref: listBoxRef
+        })
+      ],
+      [
+        PillGroup.$eed445e0843c11d0$export$7c5906fe4f1f2af2,
+        state
+      ],
+      [
+        Text.$514c0188e459b4c0$export$9afb8bc826b033ea,
+        {
+          slots: {
+            description: descriptionProps,
+            errorMessage: errorMessageProps
+          }
+        }
+      ],
+      [
+        Input.$a049562f99e7db0e$export$f9c6924e160136d1,
+        {
+          isInvalid: validation.isInvalid,
+          isDisabled: props.isDisabled || false
+        }
+      ],
+      [
+        Input.$ee014567cb39d3f0$export$ff05c3ac10437e03,
+        validation
+      ]
+    ]
+  }, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, DOMProps), renderProps), {
+    ref,
+    slot: props.slot || void 0,
+    "data-focused": state.isFocused || void 0,
+    "data-open": state.isOpen || void 0,
+    "data-disabled": props.isDisabled || void 0,
+    "data-invalid": validation.isInvalid || void 0,
+    "data-required": props.isRequired || void 0
+  })), name && formValue === "key" && /* @__PURE__ */ React.createElement("input", {
+    type: "hidden",
+    name,
+    form: props.form,
+    value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
+  }));
+}
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const KeyboardArrowDown = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M480-357.85 253.85-584l32.61-32.61L480-423.08l193.54-193.53L706.15-584 480-357.85Z"
+  }));
+};
+const popover = "_popover_ihjp5_4";
+const menu = "_menu_ihjp5_22";
+const option = "_option_ihjp5_27";
+const listEmptyState = "_listEmptyState_ihjp5_28";
+const spinnerContainer = "_spinnerContainer_ihjp5_52";
+const spinner = "_spinner_ihjp5_52";
+const styles$1 = {
+  popover,
+  menu,
+  option,
+  listEmptyState,
+  spinnerContainer,
+  spinner
+};
+function MultiSelectDropdown(props) {
+  const { children, maxItemsUntilScroll = utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, isLoading, triggerRef, menuRef, width } = props;
+  const style = __spreadValues(__spreadValues({
+    width
+  }, utilities_css.getComponentToken("menu", "item_height", `${utilities_css.pxToRem(utilities.ITEM_HEIGHT)}rem`)), utilities_css.getComponentToken("menu", "padding.y", `${utilities_css.pxToRem(utilities.Y_PADDING_INSIDE_OVERLAY)}rem`));
+  return jsxRuntime.jsx(Dialog.$07b14b47974efb58$export$5b6b19405a83ff9d, {
+    isNonModal: true,
+    className: styles$1.popover,
+    style,
+    triggerRef,
+    scrollRef: menuRef,
+    trigger: "ComboBox",
+    maxHeight: utilities.getMenuPopoverMaxHeight({
+      maxItemsUntilScroll
+    }),
+    children: isLoading ? jsxRuntime.jsx("div", {
+      className: styles$1.spinnerContainer,
+      children: jsxRuntime.jsx("div", {
+        className: styles$1.spinner,
+        children: jsxRuntime.jsx(Spinner.Spinner, {
+          isIndeterminate: true,
+          "aria-label": "Loading",
+          size: "sm"
+        })
+      })
+    }) : jsxRuntime.jsx(ScrollContainer, {
+      scrollRef: menuRef,
+      children: jsxRuntime.jsx(PillGroup.$eed445e0843c11d0$export$41f133550aa26f48, {
+        renderEmptyState: () => jsxRuntime.jsx("div", {
+          className: styles$1.listEmptyState,
+          children: jsxRuntime.jsx(Text$1.Text, {
+            variant: "subtitle2",
+            color: "neutral.400",
+            children: "No results found"
+          })
+        }),
+        selectionMode: "multiple",
+        children
+      })
+    })
+  });
+}
+function MultiSelectDropdownOption(props) {
+  return jsxRuntime.jsx(PillGroup.$eed445e0843c11d0$export$a11e76429ed99b4, __spreadProps(__spreadValues({}, props), {
+    className: styles$1.option
+  }));
+}
+function MultiSelectDropdownOptionText(props) {
+  return jsxRuntime.jsx(Text$1.Text, __spreadValues({
+    variant: "body1"
+  }, props));
+}
+function ScrollContainer({ scrollRef, children }) {
+  utilities_useScrollbar.useScrollbar(scrollRef, "ezui-os-theme-overlay");
+  return jsxRuntime.jsx("div", {
+    className: styles$1.menu,
+    ref: scrollRef,
+    children
+  });
+}
+function useElementWidth(elementRef) {
+  const [width, setWidth] = React.useState(0);
+  useResizeObserver.$9daab02d461809db$export$683480f191c0e3ea({
+    ref: elementRef,
+    onResize() {
+      if (elementRef.current) {
+        const { width: width2 } = elementRef.current.getBoundingClientRect();
+        setWidth(width2);
+      }
+    }
+  });
+  return width;
+}
+const MultiSelect$1 = "_MultiSelect_2pqo0_4";
+const input = "_input_2pqo0_37";
+const comboBoxContainer = "_comboBoxContainer_2pqo0_42";
+const comboBox = "_comboBox_2pqo0_42";
+const inputContainer = "_inputContainer_2pqo0_52";
+const dropdownArrowButton = "_dropdownArrowButton_2pqo0_82";
+const styles = {
+  MultiSelect: MultiSelect$1,
+  input,
+  comboBoxContainer,
+  comboBox,
+  inputContainer,
+  dropdownArrowButton
+};
+function MultiSelect(props) {
+  const { children, disabledKeys, dropdownItems = [], inputValue, isLoading, maxItemsUntilScroll = utilities.DEFAULT_MAX_ITEMS_UNTIL_SCROLL, onInputChange = () => {
+  }, onSelectionChange, placeholder, renderPill, selectedItems, pillBackground, isPillBorderless } = props;
+  const rootRef = React.useRef(null);
+  const clearComboBoxButtonRef = React.useRef(null);
+  const menuRef = React.useRef(null);
+  const [tempSelectedKey, setTempSelectedKey] = React.useState(null);
+  const rootWidth = useElementWidth(rootRef);
+  const onRemoveSelectedItem = (keys) => {
+    const key = keys.values().next().value;
+    if (key) {
+      onSelectionChange(selectedItems.filter((k) => k.key !== key));
+      onInputChange("");
+      setTempSelectedKey(null);
+    }
+  };
+  const onComboBoxSelectionChange = (key) => {
+    if (!key) {
+      return;
+    }
+    const item = [...dropdownItems].find((i) => i.key === key);
+    if (!item) {
+      return;
+    }
+    if (!selectedItems.map((i) => i.key).includes(key)) {
+      onSelectionChange([...selectedItems, item]);
+      setTempSelectedKey(key);
+    }
+    onInputChange("");
+  };
+  const onComboBoxInputChange = (value) => {
+    onInputChange(value);
+    setTempSelectedKey((prevSelectedKey) => value === "" ? null : prevSelectedKey);
+  };
+  const onComboBoxInputKeyDownCapture = (e) => {
+    if (e.key === "Backspace" && inputValue === "") {
+      if (selectedItems.length === 0) {
+        return;
+      }
+      if (selectedItems.length > 0) {
+        const endItem = selectedItems[selectedItems.length - 1];
+        onSelectionChange(selectedItems.filter((k) => k.key !== endItem.key));
+      }
+      onInputChange("");
+      setTempSelectedKey(null);
+    }
+  };
+  const onComboBoxInputBlur = () => {
+    onInputChange("");
+    setTempSelectedKey(null);
+  };
+  return jsxRuntime.jsxs("div", {
+    ref: rootRef,
+    className: styles.MultiSelect,
+    children: [selectedItems.length > 0 ? jsxRuntime.jsx(PillGroup.PillGroup, {
+      items: selectedItems,
+      horizontalStackContainerProps: {
+        gap: "1"
+      },
+      onRemove: onRemoveSelectedItem,
+      label: "Selected items",
+      background: pillBackground,
+      isBorderless: isPillBorderless,
+      children: renderPill
+    }) : jsxRuntime.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
+      children: jsxRuntime.jsx(Text$1.Text, {
+        children: "No selected items"
+      })
+    }), jsxRuntime.jsxs("div", {
+      className: styles.comboBoxContainer,
+      children: [jsxRuntime.jsxs($d01f2c01039c0eec$export$72b9695b8216309a, {
+        className: styles.comboBox,
+        allowsEmptyCollection: true,
+        "aria-label": "Available items",
+        selectedKey: tempSelectedKey,
+        onSelectionChange: onComboBoxSelectionChange,
+        items: dropdownItems,
+        inputValue,
+        onInputChange: onComboBoxInputChange,
+        disabledKeys,
+        children: [jsxRuntime.jsxs("div", {
+          className: styles.inputContainer,
+          children: [jsxRuntime.jsx(Input.$3985021b0ad6602f$export$f5b8910cec6cf069, {
+            placeholder,
+            className: styles.input,
+            onBlur: onComboBoxInputBlur,
+            onKeyDownCapture: onComboBoxInputKeyDownCapture
+          }), jsxRuntime.jsx(VisuallyHidden.$5c3e21d68f1c4674$export$439d29a4e110a164, {
+            children: jsxRuntime.jsx(Button.$d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+              type: "button",
+              slot: "remove",
+              "aria-label": "Clear",
+              ref: clearComboBoxButtonRef
+            })
+          })]
+        }), jsxRuntime.jsx(MultiSelectDropdown, {
+          triggerRef: rootRef,
+          menuRef,
+          maxItemsUntilScroll,
+          isLoading,
+          width: rootWidth,
+          children
+        })]
+      }), jsxRuntime.jsxs("button", {
+        type: "button",
+        className: styles.dropdownArrowButton,
+        onClick: () => {
+          var _a;
+          return (_a = clearComboBoxButtonRef.current) == null ? void 0 : _a.click();
+        },
+        tabIndex: -1,
+        children: [jsxRuntime.jsx(Text$1.Text, {
+          visuallyHidden: true,
+          children: "Open dropdown"
+        }), jsxRuntime.jsx(Icon.Icon, {
+          symbol: KeyboardArrowDown
+        })]
+      })]
+    })]
+  });
+}
+MultiSelect.Pill = PillGroup.PillGroup.Pill;
+MultiSelect.Option = MultiSelectDropdownOption;
+MultiSelect.OptionText = MultiSelectDropdownOptionText;
+exports.useListData = PillGroup.$0d86e9c8f07f9a7b$export$762f73dccccd255d;
+exports.useFilter = useFilter.$bb77f239b46e8c72$export$3274cf84b703fff;
+exports.MultiSelect = MultiSelect;
+exports.useAsyncList = $f86e6c1ec7da6ebb$export$bc3384a35de93d66;