@commercetools/nimbus 0.0.11 → 1.0.0

package/dist/chunks/combobox-eT94voy1.es.js

@@ -0,0 +1,1947 @@
+import { jsx as i, jsxs as ie, Fragment as De } from "react/jsx-runtime";
+import { k as Vo } from "./index-CPFuzoME.es.js";
+import { c as Go, u as Ro } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import _, { useEffect as se, useRef as w, useMemo as ae, useState as Z, useCallback as j, forwardRef as jo, createContext as Pe, useContext as ke } from "react";
+import { $ as Ke } from "./Button-C-yUWwZg.es.js";
+import { f as zo, $ as Oe, c as No, b as Wo, e as qo, a as Uo, d as Xo } from "./utils-BkdW_cdL.es.js";
+import { $ as Zo } from "./FieldError-CXcEMuBf.es.js";
+import { $ as Ho } from "./Form-CXcEMuBf.es.js";
+import { a as Ie } from "./Group-kT8-3NGT.es.js";
+import { a as Be, $ as Me } from "./Input-C4REHQYD.es.js";
+import { $ as Ve } from "./Label-B2YyCdLl.es.js";
+import { f as Jo, g as Yo, h as Qo, a as Ge, b as _o, c as eu, e as ou, d as uu } from "./ListBox-B8Tz7EWS.es.js";
+import { f as nu, m as tu, b as lu, c as iu, $ as Re, g as je, e as cu, a as ru } from "./Dialog-DNPIKkGE.es.js";
+import { $ as ze } from "./Text-DOcU1ycg.es.js";
+import { i as su, l as au, m as Ne, r as pu, f as du, g as bu } from "./Collection-DFZhstai.es.js";
+import { $ as $u } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as fu } from "./useResizeObserver-FIPBIG5S.es.js";
+import { $ as We } from "./useFilter-Bh0adxQ-.es.js";
+import { b as Cu, $ as mu } from "./useFormValidation-DJMNbIhx.es.js";
+import { $ as xu } from "./useSingleSelectListState-CiK-JkEX.es.js";
+import { $ as hu } from "./useControlledState-u436Wbp1.es.js";
+import { $ as vu } from "./OverlayArrow-BD-oGsXg.es.js";
+import { $ as me } from "./LiveAnnouncer-CsPyaceH.es.js";
+import { $ as Ae, e as Au } from "./mergeProps-B_9syxhT.es.js";
+import { $ as yu, k as Bu, d as gu, a as Eu } from "./utils-Gg3iiYhl.es.js";
+import { $ as Su } from "./openLink-Ctl0AdAy.es.js";
+import { a as Fe } from "./useLabel-BBmkkrPP.es.js";
+import { $ as Tu } from "./useUpdateEffect-CCDx8D4X.es.js";
+import { g as xe } from "./platform-Z5fvtFmM.es.js";
+import { a as Du, g as Fu, h as Lu, e as wu } from "./Separator-BUmWfQvi.es.js";
+import { $ as Pu } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { $ as ku } from "./useTextField-Doh-sQHP.es.js";
+import { e as ge } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { Close as qe, Loop as Ue, KeyboardArrowDown as Xe, Check as Ku } from "@commercetools/nimbus-icons";
+import { B as be } from "./box-7pkPaNxe.es.js";
+import { I as ye } from "./icon-button-C2GGAKhI.es.js";
+import { d as Ou, u as $e } from "./index-DsGIn0AT.es.js";
+import { F as Ze } from "./flex-9fkV4bsm.es.js";
+import { mergeRefs as Iu } from "@chakra-ui/react";
+import { T as he } from "./tag-group-4kwJie4V.es.js";
+import { $ as Mu } from "./usePress-BquTSwUd.es.js";
+import { $ as Vu } from "./useFocusable-BghVNiQU.es.js";
+import { $ as Gu } from "./useObjectRef-CaJ5pgjX.es.js";
+const Ru = /* @__PURE__ */ _.forwardRef(({ children: e, ...o }, u) => {
+  u = Gu(u);
+  let { pressProps: l } = Mu({
+    ...o,
+    ref: u
+  }), { focusableProps: n } = Vu(o, u), c = _.Children.only(e);
+  se(() => {
+    if (process.env.NODE_ENV === "production") return;
+    let s = u.current;
+    if (!s || !(s instanceof yu(s).Element)) {
+      console.error("<Pressable> child must forward its ref to a DOM element.");
+      return;
+    }
+    if (!o.isDisabled && !Bu(s)) {
+      console.warn("<Pressable> child must be focusable. Please ensure the tabIndex prop is passed through.");
+      return;
+    }
+    if (s.localName !== "button" && s.localName !== "input" && s.localName !== "select" && s.localName !== "textarea" && s.localName !== "a" && s.localName !== "area" && s.localName !== "summary") {
+      let t = s.getAttribute("role");
+      t ? (
+        // https://w3c.github.io/aria/#widget_roles
+        t !== "application" && t !== "button" && t !== "checkbox" && t !== "combobox" && t !== "gridcell" && t !== "link" && t !== "menuitem" && t !== "menuitemcheckbox" && t !== "menuitemradio" && t !== "option" && t !== "radio" && t !== "searchbox" && t !== "separator" && t !== "slider" && t !== "spinbutton" && t !== "switch" && t !== "tab" && t !== "textbox" && t !== "treeitem" && console.warn(`<Pressable> child must have an interactive ARIA role. Got "${t}".`)
+      ) : console.warn("<Pressable> child must have an interactive ARIA role.");
+    }
+  }, [
+    u,
+    o.isDisabled
+  ]);
+  let d = parseInt(_.version, 10) < 19 ? c.ref : c.props.ref;
+  return /* @__PURE__ */ _.cloneElement(c, {
+    ...Ae(l, n, c.props),
+    // @ts-ignore
+    ref: zo(d, u)
+  });
+});
+var He = {};
+He = {
+  buttonLabel: "عرض المقترحات",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} خيار`,
+    other: () => `${o.number(e.optionCount)} خيارات`
+  })} متاحة.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `المجموعة المدخلة ${e.groupTitle}, مع ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} خيار`,
+      other: () => `${o.number(e.groupCount)} خيارات`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", محدد",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "مقترحات",
+  selectedAnnouncement: (e) => `${e.optionText}، محدد`
+};
+var Je = {};
+Je = {
+  buttonLabel: "Покажи предложения",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} опция`,
+    other: () => `${o.number(e.optionCount)} опции`
+  })} на разположение.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Въведена група ${e.groupTitle}, с ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} опция`,
+      other: () => `${o.number(e.groupCount)} опции`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", избрани",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Предложения",
+  selectedAnnouncement: (e) => `${e.optionText}, избрани`
+};
+var Ye = {};
+Ye = {
+  buttonLabel: "Zobrazit doporučení",
+  countAnnouncement: (e, o) => `K dispozici ${o.plural(e.optionCount, {
+    one: () => `je ${o.number(e.optionCount)} možnost`,
+    other: () => `jsou/je ${o.number(e.optionCount)} možnosti/-í`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Zadaná skupina „${e.groupTitle}“ ${o.plural(e.groupCount, {
+      one: () => `s ${o.number(e.groupCount)} možností`,
+      other: () => `se ${o.number(e.groupCount)} možnostmi`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: " (vybráno)",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Návrhy",
+  selectedAnnouncement: (e) => `${e.optionText}, vybráno`
+};
+var Qe = {};
+Qe = {
+  buttonLabel: "Vis forslag",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} mulighed tilgængelig`,
+    other: () => `${o.number(e.optionCount)} muligheder tilgængelige`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Angivet gruppe ${e.groupTitle}, med ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} mulighed`,
+      other: () => `${o.number(e.groupCount)} muligheder`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", valgt",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Forslag",
+  selectedAnnouncement: (e) => `${e.optionText}, valgt`
+};
+var _e = {};
+_e = {
+  buttonLabel: "Empfehlungen anzeigen",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} Option`,
+    other: () => `${o.number(e.optionCount)} Optionen`
+  })} verfügbar.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Eingetretene Gruppe ${e.groupTitle}, mit ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} Option`,
+      other: () => `${o.number(e.groupCount)} Optionen`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", ausgewählt",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Empfehlungen",
+  selectedAnnouncement: (e) => `${e.optionText}, ausgewählt`
+};
+var eo = {};
+eo = {
+  buttonLabel: "Προβολή προτάσεων",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} επιλογή`,
+    other: () => `${o.number(e.optionCount)} επιλογές `
+  })} διαθέσιμες.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Εισαγμένη ομάδα ${e.groupTitle}, με ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} επιλογή`,
+      other: () => `${o.number(e.groupCount)} επιλογές`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", επιλεγμένο",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Προτάσεις",
+  selectedAnnouncement: (e) => `${e.optionText}, επιλέχθηκε`
+};
+var oo = {};
+oo = {
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Entered group ${e.groupTitle}, with ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} option`,
+      other: () => `${o.number(e.groupCount)} options`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", selected",
+    other: ""
+  }, e.isSelected)}`,
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} option`,
+    other: () => `${o.number(e.optionCount)} options`
+  })} available.`,
+  selectedAnnouncement: (e) => `${e.optionText}, selected`,
+  buttonLabel: "Show suggestions",
+  listboxLabel: "Suggestions"
+};
+var uo = {};
+uo = {
+  buttonLabel: "Mostrar sugerencias",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opción`,
+    other: () => `${o.number(e.optionCount)} opciones`
+  })} disponible(s).`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Se ha unido al grupo ${e.groupTitle}, con ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opción`,
+      other: () => `${o.number(e.groupCount)} opciones`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", seleccionado",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Sugerencias",
+  selectedAnnouncement: (e) => `${e.optionText}, seleccionado`
+};
+var no = {};
+no = {
+  buttonLabel: "Kuva soovitused",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} valik`,
+    other: () => `${o.number(e.optionCount)} valikud`
+  })} saadaval.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Sisestatud rühm ${e.groupTitle}, valikuga ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} valik`,
+      other: () => `${o.number(e.groupCount)} valikud`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", valitud",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Soovitused",
+  selectedAnnouncement: (e) => `${e.optionText}, valitud`
+};
+var to = {};
+to = {
+  buttonLabel: "Näytä ehdotukset",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} vaihtoehto`,
+    other: () => `${o.number(e.optionCount)} vaihtoehdot`
+  })} saatavilla.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Mentiin ryhmään ${e.groupTitle}, ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} vaihtoehdon`,
+      other: () => `${o.number(e.groupCount)} vaihtoehdon`
+    })} kanssa.`,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", valittu",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Ehdotukset",
+  selectedAnnouncement: (e) => `${e.optionText}, valittu`
+};
+var lo = {};
+lo = {
+  buttonLabel: "Afficher les suggestions",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} option`,
+    other: () => `${o.number(e.optionCount)} options`
+  })} disponible(s).`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Groupe ${e.groupTitle} rejoint, avec ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} option`,
+      other: () => `${o.number(e.groupCount)} options`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", sélectionné(s)",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Suggestions",
+  selectedAnnouncement: (e) => `${e.optionText}, sélectionné`
+};
+var io = {};
+io = {
+  buttonLabel: "הצג הצעות",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `אפשרות ${o.number(e.optionCount)}`,
+    other: () => `${o.number(e.optionCount)} אפשרויות`
+  })} במצב זמין.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `נכנס לקבוצה ${e.groupTitle}, עם ${o.plural(e.groupCount, {
+      one: () => `אפשרות ${o.number(e.groupCount)}`,
+      other: () => `${o.number(e.groupCount)} אפשרויות`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", נבחר",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "הצעות",
+  selectedAnnouncement: (e) => `${e.optionText}, נבחר`
+};
+var co = {};
+co = {
+  buttonLabel: "Prikaži prijedloge",
+  countAnnouncement: (e, o) => `Dostupno još: ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opcija`,
+    other: () => `${o.number(e.optionCount)} opcije/a`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Unesena skupina ${e.groupTitle}, s ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opcijom`,
+      other: () => `${o.number(e.groupCount)} opcije/a`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", odabranih",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Prijedlozi",
+  selectedAnnouncement: (e) => `${e.optionText}, odabrano`
+};
+var ro = {};
+ro = {
+  buttonLabel: "Javaslatok megjelenítése",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} lehetőség`,
+    other: () => `${o.number(e.optionCount)} lehetőség`
+  })} áll rendelkezésre.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Belépett a(z) ${e.groupTitle} csoportba, amely ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} lehetőséget`,
+      other: () => `${o.number(e.groupCount)} lehetőséget`
+    })} tartalmaz. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", kijelölve",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Javaslatok",
+  selectedAnnouncement: (e) => `${e.optionText}, kijelölve`
+};
+var so = {};
+so = {
+  buttonLabel: "Mostra suggerimenti",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opzione disponibile`,
+    other: () => `${o.number(e.optionCount)} opzioni disponibili`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Ingresso nel gruppo ${e.groupTitle}, con ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opzione`,
+      other: () => `${o.number(e.groupCount)} opzioni`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", selezionato",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Suggerimenti",
+  selectedAnnouncement: (e) => `${e.optionText}, selezionato`
+};
+var ao = {};
+ao = {
+  buttonLabel: "候補を表示",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} 個のオプション`,
+    other: () => `${o.number(e.optionCount)} 個のオプション`
+  })}を利用できます。`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `入力されたグループ ${e.groupTitle}、${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} 個のオプション`,
+      other: () => `${o.number(e.groupCount)} 個のオプション`
+    })}を含む。`,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: "、選択済み",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "候補",
+  selectedAnnouncement: (e) => `${e.optionText}、選択済み`
+};
+var po = {};
+po = {
+  buttonLabel: "제안 사항 표시",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)}개 옵션`,
+    other: () => `${o.number(e.optionCount)}개 옵션`
+  })}을 사용할 수 있습니다.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `입력한 그룹 ${e.groupTitle}, ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)}개 옵션`,
+      other: () => `${o.number(e.groupCount)}개 옵션`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", 선택됨",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "제안",
+  selectedAnnouncement: (e) => `${e.optionText}, 선택됨`
+};
+var bo = {};
+bo = {
+  buttonLabel: "Rodyti pasiūlymus",
+  countAnnouncement: (e, o) => `Yra ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} parinktis`,
+    other: () => `${o.number(e.optionCount)} parinktys (-ių)`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Įvesta grupė ${e.groupTitle}, su ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} parinktimi`,
+      other: () => `${o.number(e.groupCount)} parinktimis (-ių)`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", pasirinkta",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Pasiūlymai",
+  selectedAnnouncement: (e) => `${e.optionText}, pasirinkta`
+};
+var $o = {};
+$o = {
+  buttonLabel: "Rādīt ieteikumus",
+  countAnnouncement: (e, o) => `Pieejamo opciju skaits: ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opcija`,
+    other: () => `${o.number(e.optionCount)} opcijas`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Ievadīta grupa ${e.groupTitle}, ar ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opciju`,
+      other: () => `${o.number(e.groupCount)} opcijām`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", atlasīta",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Ieteikumi",
+  selectedAnnouncement: (e) => `${e.optionText}, atlasīta`
+};
+var fo = {};
+fo = {
+  buttonLabel: "Vis forslag",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} alternativ`,
+    other: () => `${o.number(e.optionCount)} alternativer`
+  })} finnes.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Angitt gruppe ${e.groupTitle}, med ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} alternativ`,
+      other: () => `${o.number(e.groupCount)} alternativer`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", valgt",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Forslag",
+  selectedAnnouncement: (e) => `${e.optionText}, valgt`
+};
+var Co = {};
+Co = {
+  buttonLabel: "Suggesties weergeven",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} optie`,
+    other: () => `${o.number(e.optionCount)} opties`
+  })} beschikbaar.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Groep ${e.groupTitle} ingevoerd met ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} optie`,
+      other: () => `${o.number(e.groupCount)} opties`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", geselecteerd",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Suggesties",
+  selectedAnnouncement: (e) => `${e.optionText}, geselecteerd`
+};
+var mo = {};
+mo = {
+  buttonLabel: "Wyświetlaj sugestie",
+  countAnnouncement: (e, o) => `dostępna/dostępne(-nych) ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opcja`,
+    other: () => `${o.number(e.optionCount)} opcje(-i)`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Dołączono do grupy ${e.groupTitle}, z ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opcją`,
+      other: () => `${o.number(e.groupCount)} opcjami`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", wybrano",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Sugestie",
+  selectedAnnouncement: (e) => `${e.optionText}, wybrano`
+};
+var xo = {};
+xo = {
+  buttonLabel: "Mostrar sugestões",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opção`,
+    other: () => `${o.number(e.optionCount)} opções`
+  })} disponível.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Grupo inserido ${e.groupTitle}, com ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opção`,
+      other: () => `${o.number(e.groupCount)} opções`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", selecionado",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Sugestões",
+  selectedAnnouncement: (e) => `${e.optionText}, selecionado`
+};
+var ho = {};
+ho = {
+  buttonLabel: "Apresentar sugestões",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opção`,
+    other: () => `${o.number(e.optionCount)} opções`
+  })} disponível.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Grupo introduzido ${e.groupTitle}, com ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opção`,
+      other: () => `${o.number(e.groupCount)} opções`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", selecionado",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Sugestões",
+  selectedAnnouncement: (e) => `${e.optionText}, selecionado`
+};
+var vo = {};
+vo = {
+  buttonLabel: "Afișare sugestii",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opțiune`,
+    other: () => `${o.number(e.optionCount)} opțiuni`
+  })} disponibile.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Grup ${e.groupTitle} introdus, cu ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opțiune`,
+      other: () => `${o.number(e.groupCount)} opțiuni`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", selectat",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Sugestii",
+  selectedAnnouncement: (e) => `${e.optionText}, selectat`
+};
+var Ao = {};
+Ao = {
+  buttonLabel: "Показать предложения",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} параметр`,
+    other: () => `${o.number(e.optionCount)} параметров`
+  })} доступно.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Введенная группа ${e.groupTitle}, с ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} параметром`,
+      other: () => `${o.number(e.groupCount)} параметрами`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", выбранными",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Предложения",
+  selectedAnnouncement: (e) => `${e.optionText}, выбрано`
+};
+var yo = {};
+yo = {
+  buttonLabel: "Zobraziť návrhy",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} možnosť`,
+    other: () => `${o.number(e.optionCount)} možnosti/-í`
+  })} k dispozícii.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Zadaná skupina ${e.groupTitle}, s ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} možnosťou`,
+      other: () => `${o.number(e.groupCount)} možnosťami`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", vybraté",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Návrhy",
+  selectedAnnouncement: (e) => `${e.optionText}, vybraté`
+};
+var Bo = {};
+Bo = {
+  buttonLabel: "Prikaži predloge",
+  countAnnouncement: (e, o) => `Na voljo je ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opcija`,
+    other: () => `${o.number(e.optionCount)} opcije`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Vnesena skupina ${e.groupTitle}, z ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opcija`,
+      other: () => `${o.number(e.groupCount)} opcije`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", izbrano",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Predlogi",
+  selectedAnnouncement: (e) => `${e.optionText}, izbrano`
+};
+var go = {};
+go = {
+  buttonLabel: "Prikaži predloge",
+  countAnnouncement: (e, o) => `Dostupno još: ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} opcija`,
+    other: () => `${o.number(e.optionCount)} opcije/a`
+  })}.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Unesena grupa ${e.groupTitle}, s ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} opcijom`,
+      other: () => `${o.number(e.groupCount)} optione/a`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", izabranih",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Predlozi",
+  selectedAnnouncement: (e) => `${e.optionText}, izabrano`
+};
+var Eo = {};
+Eo = {
+  buttonLabel: "Visa förslag",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} alternativ`,
+    other: () => `${o.number(e.optionCount)} alternativ`
+  })} tillgängliga.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Ingick i gruppen ${e.groupTitle} med ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} alternativ`,
+      other: () => `${o.number(e.groupCount)} alternativ`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", valda",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Förslag",
+  selectedAnnouncement: (e) => `${e.optionText}, valda`
+};
+var So = {};
+So = {
+  buttonLabel: "Önerileri göster",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} seçenek`,
+    other: () => `${o.number(e.optionCount)} seçenekler`
+  })} kullanılabilir.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Girilen grup ${e.groupTitle}, ile ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} seçenek`,
+      other: () => `${o.number(e.groupCount)} seçenekler`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", seçildi",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Öneriler",
+  selectedAnnouncement: (e) => `${e.optionText}, seçildi`
+};
+var To = {};
+To = {
+  buttonLabel: "Показати пропозиції",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} параметр`,
+    other: () => `${o.number(e.optionCount)} параметри(-ів)`
+  })} доступно.`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `Введена група ${e.groupTitle}, з ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} параметр`,
+      other: () => `${o.number(e.groupCount)} параметри(-ів)`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", вибрано",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "Пропозиції",
+  selectedAnnouncement: (e) => `${e.optionText}, вибрано`
+};
+var Do = {};
+Do = {
+  buttonLabel: "显示建议",
+  countAnnouncement: (e, o) => `有 ${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} 个选项`,
+    other: () => `${o.number(e.optionCount)} 个选项`
+  })}可用。`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `进入了 ${e.groupTitle} 组，其中有 ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} 个选项`,
+      other: () => `${o.number(e.groupCount)} 个选项`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", 已选择",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "建议",
+  selectedAnnouncement: (e) => `${e.optionText}, 已选择`
+};
+var Fo = {};
+Fo = {
+  buttonLabel: "顯示建議",
+  countAnnouncement: (e, o) => `${o.plural(e.optionCount, {
+    one: () => `${o.number(e.optionCount)} 選項`,
+    other: () => `${o.number(e.optionCount)} 選項`
+  })} 可用。`,
+  focusAnnouncement: (e, o) => `${o.select({
+    true: () => `輸入的群組 ${e.groupTitle}, 有 ${o.plural(e.groupCount, {
+      one: () => `${o.number(e.groupCount)} 選項`,
+      other: () => `${o.number(e.groupCount)} 選項`
+    })}. `,
+    other: ""
+  }, e.isGroupChange)}${e.optionText}${o.select({
+    true: ", 已選取",
+    other: ""
+  }, e.isSelected)}`,
+  listboxLabel: "建議",
+  selectedAnnouncement: (e) => `${e.optionText}, 已選取`
+};
+var Lo = {};
+Lo = {
+  "ar-AE": He,
+  "bg-BG": Je,
+  "cs-CZ": Ye,
+  "da-DK": Qe,
+  "de-DE": _e,
+  "el-GR": eo,
+  "en-US": oo,
+  "es-ES": uo,
+  "et-EE": no,
+  "fi-FI": to,
+  "fr-FR": lo,
+  "he-IL": io,
+  "hr-HR": co,
+  "hu-HU": ro,
+  "it-IT": so,
+  "ja-JP": ao,
+  "ko-KR": po,
+  "lt-LT": bo,
+  "lv-LV": $o,
+  "nb-NO": fo,
+  "nl-NL": Co,
+  "pl-PL": mo,
+  "pt-BR": xo,
+  "pt-PT": ho,
+  "ro-RO": vo,
+  "ru-RU": Ao,
+  "sk-SK": yo,
+  "sl-SI": Bo,
+  "sr-SP": go,
+  "sv-SE": Eo,
+  "tr-TR": So,
+  "uk-UA": To,
+  "zh-CN": Do,
+  "zh-TW": Fo
+};
+function ju(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function zu(e, o) {
+  let { buttonRef: u, popoverRef: l, inputRef: n, listBoxRef: c, keyboardDelegate: d, layoutDelegate: s, shouldFocusWrap: t, isReadOnly: x, isDisabled: P } = e, $ = w(null);
+  u = u ?? $;
+  let A = Pu(ju(Lo), "@react-aria/combobox"), { menuTriggerProps: y, menuProps: h } = nu({
+    type: "listbox",
+    isDisabled: P || x
+  }, o, u);
+  Jo.set(o, {
+    id: h.id
+  });
+  let { collection: b } = o, { disabledKeys: C } = o.selectionManager, p = ae(() => d || new su({
+    collection: b,
+    disabledKeys: C,
+    ref: c,
+    layoutDelegate: s
+  }), [
+    d,
+    s,
+    b,
+    C,
+    c
+  ]), { collectionProps: T } = au({
+    selectionManager: o.selectionManager,
+    keyboardDelegate: p,
+    disallowTypeAhead: !0,
+    disallowEmptySelection: !0,
+    shouldFocusWrap: t,
+    ref: n,
+    // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
+    isVirtualized: !0
+  }), K = Su(), H = (a) => {
+    if (!a.nativeEvent.isComposing)
+      switch (a.key) {
+        case "Enter":
+        case "Tab":
+          if (o.isOpen && a.key === "Enter" && a.preventDefault(), o.isOpen && c.current && o.selectionManager.focusedKey != null && o.selectionManager.isLink(o.selectionManager.focusedKey)) {
+            let m = c.current.querySelector(`[data-key="${CSS.escape(o.selectionManager.focusedKey.toString())}"]`);
+            if (a.key === "Enter" && m instanceof HTMLAnchorElement) {
+              let r = o.collection.getItem(o.selectionManager.focusedKey);
+              r && K.open(m, a, r.props.href, r.props.routerOptions);
+            }
+            o.close();
+          } else o.commit();
+          break;
+        case "Escape":
+          (o.selectedKey !== null || o.inputValue === "" || e.allowsCustomValue) && a.continuePropagation(), o.revert();
+          break;
+        case "ArrowDown":
+          o.open("first", "manual");
+          break;
+        case "ArrowUp":
+          o.open("last", "manual");
+          break;
+        case "ArrowLeft":
+        case "ArrowRight":
+          o.selectionManager.setFocusedKey(null);
+          break;
+      }
+  }, g = (a) => {
+    var m;
+    let r = u?.current && u.current === a.relatedTarget, G = (m = l.current) === null || m === void 0 ? void 0 : m.contains(a.relatedTarget);
+    r || G || (e.onBlur && e.onBlur(a), o.setFocused(!1));
+  }, J = (a) => {
+    o.isFocused || (e.onFocus && e.onFocus(a), o.setFocused(!0));
+  }, { isInvalid: Y, validationErrors: N, validationDetails: z } = o.displayValidation, { labelProps: L, inputProps: I, descriptionProps: ne, errorMessageProps: W } = ku({
+    ...e,
+    onChange: o.setInputValue,
+    onKeyDown: x ? e.onKeyDown : Au(o.isOpen && T.onKeyDown, H, e.onKeyDown),
+    onBlur: g,
+    value: o.inputValue,
+    defaultValue: o.defaultInputValue,
+    onFocus: J,
+    autoComplete: "off",
+    validate: void 0,
+    [Cu]: o
+  }, n), ee = (a) => {
+    if (a.pointerType === "touch") {
+      var m;
+      (m = n.current) === null || m === void 0 || m.focus(), o.toggle(null, "manual");
+    }
+  }, v = (a) => {
+    if (a.pointerType !== "touch") {
+      var m;
+      (m = n.current) === null || m === void 0 || m.focus(), o.toggle(a.pointerType === "keyboard" || a.pointerType === "virtual" ? "first" : null, "manual");
+    }
+  }, q = Fe({
+    id: y.id,
+    "aria-label": A.format("buttonLabel"),
+    "aria-labelledby": e["aria-labelledby"] || L.id
+  }), D = Fe({
+    id: h.id,
+    "aria-label": A.format("listboxLabel"),
+    "aria-labelledby": e["aria-labelledby"] || L.id
+  }), S = w(0), ce = (a) => {
+    if (P || x) return;
+    if (a.timeStamp - S.current < 500) {
+      var m;
+      a.preventDefault(), (m = n.current) === null || m === void 0 || m.focus();
+      return;
+    }
+    let r = a.target.getBoundingClientRect(), G = a.changedTouches[0], R = Math.ceil(r.left + 0.5 * r.width), X = Math.ceil(r.top + 0.5 * r.height);
+    if (G.clientX === R && G.clientY === X) {
+      var oe;
+      a.preventDefault(), (oe = n.current) === null || oe === void 0 || oe.focus(), o.toggle(null, "manual"), S.current = a.timeStamp;
+    }
+  }, E = o.selectionManager.focusedKey != null && o.isOpen ? o.collection.getItem(o.selectionManager.focusedKey) : void 0;
+  var O;
+  let k = (O = E?.parentKey) !== null && O !== void 0 ? O : null;
+  var V;
+  let U = (V = o.selectionManager.focusedKey) !== null && V !== void 0 ? V : null, te = w(k), M = w(U);
+  se(() => {
+    if (xe() && E != null && U != null && U !== M.current) {
+      let m = o.selectionManager.isSelected(U), r = k != null ? o.collection.getItem(k) : null, G = r?.["aria-label"] || (typeof r?.rendered == "string" ? r.rendered : "") || "";
+      var a;
+      let R = A.format("focusAnnouncement", {
+        isGroupChange: (a = r && k !== te.current) !== null && a !== void 0 ? a : !1,
+        groupTitle: G,
+        groupCount: r ? [
+          ...Ne(r, o.collection)
+        ].length : 0,
+        optionText: E["aria-label"] || E.textValue || "",
+        isSelected: m
+      });
+      me(R);
+    }
+    te.current = k, M.current = U;
+  });
+  let Q = Du(o.collection), le = w(Q), re = w(o.isOpen);
+  se(() => {
+    let a = o.isOpen !== re.current && (o.selectionManager.focusedKey == null || xe());
+    if (o.isOpen && (a || Q !== le.current)) {
+      let m = A.format("countAnnouncement", {
+        optionCount: Q
+      });
+      me(m);
+    }
+    le.current = Q, re.current = o.isOpen;
+  });
+  let de = w(o.selectedKey);
+  return se(() => {
+    if (xe() && o.isFocused && o.selectedItem && o.selectedKey !== de.current) {
+      let a = o.selectedItem["aria-label"] || o.selectedItem.textValue || "", m = A.format("selectedAnnouncement", {
+        optionText: a
+      });
+      me(m);
+    }
+    de.current = o.selectedKey;
+  }), se(() => {
+    if (o.isOpen) return tu([
+      n.current,
+      l.current
+    ].filter((a) => a != null));
+  }, [
+    o.isOpen,
+    n,
+    l
+  ]), Tu(() => {
+    !E && n.current && gu(Eu(n.current)) === n.current && pu(n.current, null);
+  }, [
+    E
+  ]), {
+    labelProps: L,
+    buttonProps: {
+      ...y,
+      ...q,
+      excludeFromTabOrder: !0,
+      preventFocusOnPress: !0,
+      onPress: ee,
+      onPressStart: v,
+      isDisabled: P || x
+    },
+    inputProps: Ae(I, {
+      role: "combobox",
+      "aria-expanded": y["aria-expanded"],
+      "aria-controls": o.isOpen ? h.id : void 0,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": E ? Yo(o, E.key) : void 0,
+      onTouchEnd: ce,
+      // 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: Ae(h, D, {
+      autoFocus: o.focusStrategy || !0,
+      shouldUseVirtualFocus: !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      linkBehavior: "selection"
+    }),
+    descriptionProps: ne,
+    errorMessageProps: W,
+    isInvalid: Y,
+    validationErrors: N,
+    validationDetails: z
+  };
+}
+function Nu(e) {
+  var o;
+  let { defaultFilter: u, menuTrigger: l = "input", allowsEmptyCollection: n = !1, allowsCustomValue: c, shouldCloseOnBlur: d = !0 } = e, [s, t] = Z(!1), [x, P] = Z(!1), [$, A] = Z(null), y = (f) => {
+    e.onSelectionChange && e.onSelectionChange(f), f === p && (V(), E());
+  };
+  var h;
+  let { collection: b, selectionManager: C, selectedKey: p, setSelectedKey: T, selectedItem: K, disabledKeys: H } = xu({
+    ...e,
+    onSelectionChange: y,
+    items: (h = e.items) !== null && h !== void 0 ? h : e.defaultItems
+  }), [g, J] = hu(e.inputValue, Le(e.defaultInputValue, p, b) || "", e.onInputChange), [Y] = Z(p), [N] = Z(g), z = b, L = ae(() => (
+    // No default filter if items are controlled.
+    e.items != null || !u ? b : Wu(b, g, u)
+  ), [
+    b,
+    g,
+    u,
+    e.items
+  ]), [I, ne] = Z(L), W = w("focus"), v = vu({
+    ...e,
+    onOpenChange: (f) => {
+      e.onOpenChange && e.onOpenChange(f, f ? W.current : void 0), C.setFocused(f), f || C.setFocusedKey(null);
+    },
+    isOpen: void 0,
+    defaultOpen: void 0
+  }), q = (f = null, B) => {
+    let F = B === "manual" || B === "focus" && l === "focus";
+    (n || L.size > 0 || F && z.size > 0 || e.items) && (F && !v.isOpen && e.items === void 0 && t(!0), W.current = B, A(f), v.open());
+  }, D = (f = null, B) => {
+    let F = B === "manual" || B === "focus" && l === "focus";
+    !(n || L.size > 0 || F && z.size > 0 || e.items) && !v.isOpen || (F && !v.isOpen && e.items === void 0 && t(!0), v.isOpen || (W.current = B), ce(f));
+  }, S = j(() => {
+    ne(s ? z : L);
+  }, [
+    s,
+    z,
+    L
+  ]), ce = j((f = null) => {
+    v.isOpen && S(), A(f), v.toggle();
+  }, [
+    v,
+    S
+  ]), E = j(() => {
+    v.isOpen && (S(), v.close());
+  }, [
+    v,
+    S
+  ]), [O, k] = Z(g), V = () => {
+    var f, B;
+    let F = p != null && (B = (f = b.getItem(p)) === null || f === void 0 ? void 0 : f.textValue) !== null && B !== void 0 ? B : "";
+    k(F), J(F);
+  };
+  var U, te;
+  let M = w((te = (U = e.selectedKey) !== null && U !== void 0 ? U : e.defaultSelectedKey) !== null && te !== void 0 ? te : null);
+  var Q;
+  let le = w(p != null && (Q = (o = b.getItem(p)) === null || o === void 0 ? void 0 : o.textValue) !== null && Q !== void 0 ? Q : "");
+  se(() => {
+    var f;
+    x && (L.size > 0 || n) && !v.isOpen && g !== O && l !== "manual" && q(null, "input"), !s && !n && v.isOpen && L.size === 0 && E(), p != null && p !== M.current && E(), g !== O && (C.setFocusedKey(null), t(!1), g === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && T(null)), p !== M.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? V() : O !== g && k(g);
+    var B;
+    let F = p != null && (B = (f = b.getItem(p)) === null || f === void 0 ? void 0 : f.textValue) !== null && B !== void 0 ? B : "";
+    !x && p != null && e.inputValue === void 0 && p === M.current && le.current !== F && (k(F), J(F)), M.current = p, le.current = F;
+  });
+  let re = mu({
+    ...e,
+    value: ae(() => ({
+      inputValue: g,
+      selectedKey: p
+    }), [
+      g,
+      p
+    ])
+  }), de = () => {
+    c && p == null ? a() : m();
+  }, a = () => {
+    M.current = null, T(null), E();
+  }, m = () => {
+    if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
+      var f, B;
+      (f = e.onSelectionChange) === null || f === void 0 || f.call(e, p);
+      var F;
+      let Mo = p != null && (F = (B = b.getItem(p)) === null || B === void 0 ? void 0 : B.textValue) !== null && F !== void 0 ? F : "";
+      k(Mo), E();
+    } else
+      V(), E();
+  };
+  const r = () => {
+    if (c) {
+      var f, B;
+      const F = p != null && (B = (f = b.getItem(p)) === null || f === void 0 ? void 0 : f.textValue) !== null && B !== void 0 ? B : "";
+      g === F ? m() : a();
+    } else
+      m();
+  };
+  let G = () => {
+    v.isOpen && C.focusedKey != null ? p === C.focusedKey ? m() : T(C.focusedKey) : r();
+  }, R = w(g), X = (f) => {
+    f ? (R.current = g, l === "focus" && !e.isReadOnly && q(null, "focus")) : (d && r(), g !== R.current && re.commitValidation()), P(f);
+  }, oe = ae(() => v.isOpen ? s ? z : L : I, [
+    v.isOpen,
+    z,
+    L,
+    s,
+    I
+  ]);
+  var fe;
+  let Te = (fe = e.defaultSelectedKey) !== null && fe !== void 0 ? fe : Y;
+  var Ce;
+  return {
+    ...re,
+    ...v,
+    focusStrategy: $,
+    toggle: D,
+    open: q,
+    close: r,
+    selectionManager: C,
+    selectedKey: p,
+    defaultSelectedKey: Te,
+    setSelectedKey: T,
+    disabledKeys: H,
+    isFocused: x,
+    setFocused: X,
+    selectedItem: K,
+    collection: oe,
+    inputValue: g,
+    defaultInputValue: (Ce = Le(e.defaultInputValue, Te, b)) !== null && Ce !== void 0 ? Ce : N,
+    setInputValue: J,
+    commit: G,
+    revert: de
+  };
+}
+function Wu(e, o, u) {
+  return new Qo(wo(e, e, o, u));
+}
+function wo(e, o, u, l) {
+  let n = [];
+  for (let c of o)
+    if (c.type === "section" && c.hasChildNodes) {
+      let d = wo(e, Ne(c, e), u, l);
+      [
+        ...d
+      ].some((s) => s.type === "item") && n.push({
+        ...c,
+        childNodes: d
+      });
+    } else c.type === "item" && l(c.textValue, u) ? n.push({
+      ...c
+    }) : c.type !== "item" && n.push({
+      ...c
+    });
+  return n;
+}
+function Le(e, o, u) {
+  if (e == null) {
+    var l, n;
+    if (o != null) return (n = (l = u.getItem(o)) === null || l === void 0 ? void 0 : l.textValue) !== null && n !== void 0 ? n : "";
+  }
+  return e;
+}
+const qu = /* @__PURE__ */ Pe(null), Ee = /* @__PURE__ */ Pe(null), Uu = /* @__PURE__ */ jo(function(o, u) {
+  [o, u] = Oe(o, u, qu);
+  let { children: l, isDisabled: n = !1, isInvalid: c = !1, isRequired: d = !1 } = o, s = ae(() => {
+    var t;
+    return /* @__PURE__ */ _.createElement(Ge.Provider, {
+      value: {
+        items: (t = o.items) !== null && t !== void 0 ? t : o.defaultItems
+      }
+    }, typeof l == "function" ? l({
+      isOpen: !1,
+      isDisabled: n,
+      isInvalid: c,
+      isRequired: d,
+      defaultChildren: null
+    }) : l);
+  }, [
+    l,
+    n,
+    c,
+    d,
+    o.items,
+    o.defaultItems
+  ]);
+  return /* @__PURE__ */ _.createElement(du, {
+    content: s
+  }, (t) => /* @__PURE__ */ _.createElement(Zu, {
+    props: o,
+    collection: t,
+    comboBoxRef: u
+  }));
+}), Xu = [
+  Ve,
+  Ke,
+  Be,
+  Ie,
+  ze
+];
+function Zu({ props: e, collection: o, comboBoxRef: u }) {
+  let { name: l, formValue: n = "key", allowsCustomValue: c } = e;
+  c && (n = "text");
+  let { validationBehavior: d } = No(Ho) || {};
+  var s, t;
+  let x = (t = (s = e.validationBehavior) !== null && s !== void 0 ? s : d) !== null && t !== void 0 ? t : "native", { contains: P } = We({
+    sensitivity: "base"
+  }), $ = Nu({
+    defaultFilter: e.defaultFilter || P,
+    ...e,
+    // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
+    items: e.items,
+    children: void 0,
+    collection: o,
+    validationBehavior: x
+  }), A = w(null), y = w(null), h = w(null), b = w(null), [C, p] = Wo(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: T, inputProps: K, listBoxProps: H, labelProps: g, descriptionProps: J, errorMessageProps: Y, ...N } = zu({
+    ...qo(e),
+    label: p,
+    inputRef: y,
+    buttonRef: A,
+    listBoxRef: h,
+    popoverRef: b,
+    name: n === "text" ? l : void 0,
+    validationBehavior: x
+  }, $), [z, L] = Z(null), I = j(() => {
+    if (y.current) {
+      var q;
+      let D = (q = A.current) === null || q === void 0 ? void 0 : q.getBoundingClientRect(), S = y.current.getBoundingClientRect(), ce = D ? Math.min(D.left, S.left) : S.left, E = D ? Math.max(D.right, S.right) : S.right;
+      L(E - ce + "px");
+    }
+  }, [
+    A,
+    y,
+    L
+  ]);
+  fu({
+    ref: y,
+    onResize: I
+  });
+  let ne = ae(() => ({
+    isOpen: $.isOpen,
+    isDisabled: e.isDisabled || !1,
+    isInvalid: N.isInvalid || !1,
+    isRequired: e.isRequired || !1
+  }), [
+    $.isOpen,
+    e.isDisabled,
+    N.isInvalid,
+    e.isRequired
+  ]), W = Uo({
+    ...e,
+    values: ne,
+    defaultClassName: "react-aria-ComboBox"
+  }), ee = $u(e, {
+    global: !0
+  });
+  delete ee.id;
+  var v;
+  return /* @__PURE__ */ _.createElement(Xo, {
+    values: [
+      [
+        Ee,
+        $
+      ],
+      [
+        Ve,
+        {
+          ...g,
+          ref: C
+        }
+      ],
+      [
+        Ke,
+        {
+          ...T,
+          ref: A,
+          isPressed: $.isOpen
+        }
+      ],
+      [
+        Be,
+        {
+          ...K,
+          ref: y
+        }
+      ],
+      [
+        lu,
+        $
+      ],
+      [
+        iu,
+        {
+          ref: b,
+          triggerRef: y,
+          scrollRef: h,
+          placement: "bottom start",
+          isNonModal: !0,
+          trigger: "ComboBox",
+          style: {
+            "--trigger-width": z
+          },
+          clearContexts: Xu
+        }
+      ],
+      [
+        Ge,
+        {
+          ...H,
+          ref: h
+        }
+      ],
+      [
+        _o,
+        $
+      ],
+      [
+        ze,
+        {
+          slots: {
+            description: J,
+            errorMessage: Y
+          }
+        }
+      ],
+      [
+        Ie,
+        {
+          isInvalid: N.isInvalid,
+          isDisabled: e.isDisabled || !1
+        }
+      ],
+      [
+        Zo,
+        N
+      ]
+    ]
+  }, /* @__PURE__ */ _.createElement("div", {
+    ...ee,
+    ...W,
+    ref: u,
+    slot: e.slot || void 0,
+    "data-focused": $.isFocused || void 0,
+    "data-open": $.isOpen || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": N.isInvalid || void 0,
+    "data-required": e.isRequired || void 0
+  }), l && n === "key" && /* @__PURE__ */ _.createElement("input", {
+    type: "hidden",
+    name: l,
+    form: e.form,
+    value: (v = $.selectedKey) !== null && v !== void 0 ? v : ""
+  }));
+}
+const { withProvider: Hu, withContext: ue } = /* @__PURE__ */ Go({
+  key: "combobox"
+}), Ju = /* @__PURE__ */ Hu("div", "root"), Po = /* @__PURE__ */ ue("div", "value"), ko = /* @__PURE__ */ ue("div", "buttonGroup"), Yu = /* @__PURE__ */ ue("div", "popover"), Qu = /* @__PURE__ */ ue("input", "multiSelectInput"), _u = /* @__PURE__ */ ue("div", "options"), en = /* @__PURE__ */ ue("div", "optionGroup"), on = /* @__PURE__ */ ue("div", "option"), un = /* @__PURE__ */ ue("span", "optionIndicator"), nn = /* @__PURE__ */ ue("span", "optionContent"), tn = (e) => {
+  const {
+    placeholder: o,
+    inputValue: u,
+    allowsCustomValue: l,
+    onSubmitCustomValue: n,
+    onInputChange: c,
+    ref: d
+  } = e, [s, t] = Oe({}, d || null, Be), x = ke(Ee), P = j(
+    // This method clears the input if the user has focused on a pre-populated combobox and starts typing
+    ($) => {
+      if (x?.selectedKey && t.current && // cursor is at the beginning of input...
+      t.current.selectionStart === 0 && t.current.selectionEnd === 0 && // ...and it has a value, which can only happen on focus
+      t.current.value.length > 0 && $.key.length === 1 && // Single character key
+      !$.ctrlKey && !$.metaKey && !$.altKey) {
+        $.preventDefault(), $.stopPropagation(), x.setInputValue($.key);
+        return;
+      }
+      if ($.key === "Enter" && u && u?.trim() !== "" && c && l && n && x)
+        if (x.collection) {
+          const y = Array.from(x.collection).find((h) => h.textValue.toLowerCase() === u.toLowerCase());
+          y ? x.setSelectedKey(y.key) : n(u);
+        } else
+          n(u);
+    },
+    [u, c, l, n, x]
+  );
+  return /* @__PURE__ */ i(Po, { asChild: !0, children: /* @__PURE__ */ i(
+    Me,
+    {
+      ref: t,
+      ...s,
+      onKeyDown: P,
+      placeholder: o
+    }
+  ) });
+}, Se = ({
+  children: e,
+  ref: o,
+  ...u
+}) => {
+  const [l, n] = ge(u);
+  return /* @__PURE__ */ i(_u, { ...l, asChild: !0, children: /* @__PURE__ */ i(eu, { ref: o, ...n, children: e }) });
+};
+Se.displayName = "ComboBox.Options";
+const pe = /* @__PURE__ */ Ou({
+  clearSelection: {
+    id: "Nimbus.combobox.clearSelection",
+    description: "aria-label for single and multi select combobox clear selection button",
+    defaultMessage: "Clear selection"
+  },
+  toggleCombobox: {
+    id: "Nimbus.combobox.toggleCombobox",
+    description: "aria-label for combobox toggle button",
+    defaultMessage: "Toggle combobox"
+  },
+  comboboxDialog: {
+    id: "Nimbus.combobox.comboboxDialog",
+    description: "aria-label for combobox dialog",
+    defaultMessage: "Combobox dialog"
+  },
+  filterComboboxOptions: {
+    id: "Nimbus.combobox.filterComboboxOptions",
+    description: "aria-label for combobox filter options input",
+    defaultMessage: "Filter combobox options"
+  },
+  comboboxOptions: {
+    id: "Nimbus.combobox.comboboxOptions",
+    description: "aria-label for combobox options",
+    defaultMessage: "Combobox options"
+  },
+  selectedValues: {
+    id: "Nimbus.combobox.selectedValues",
+    description: "aria-label for selected values",
+    defaultMessage: "Selected values"
+  }
+}), ln = ({
+  isDisabled: e,
+  isReadOnly: o,
+  isLoading: u
+}) => {
+  const l = ke(Ee), n = $e();
+  return /* @__PURE__ */ ie(ko, { children: [
+    l?.selectedKey && /* @__PURE__ */ i(
+      ye,
+      {
+        pointerEvents: "all",
+        slot: null,
+        size: "2xs",
+        variant: "ghost",
+        tone: "primary",
+        "aria-label": n.formatMessage(pe.clearSelection),
+        isDisabled: e || o,
+        _expanded: { bg: "transparent" },
+        onPress: () => l?.setSelectedKey(null),
+        my: "auto",
+        children: /* @__PURE__ */ i(qe, {})
+      }
+    ),
+    u ? /* @__PURE__ */ i(Ze, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ i(be, { color: "neutral.11", asChild: !0, m: "auto", w: "400", h: "400", children: /* @__PURE__ */ i(
+      be,
+      {
+        asChild: !0,
+        animation: "spin",
+        animationDuration: "slowest",
+        "data-testid": "nimbus-combobox-loading",
+        children: /* @__PURE__ */ i(Ue, {})
+      }
+    ) }) }) : /* @__PURE__ */ i(
+      ye,
+      {
+        size: "2xs",
+        variant: "ghost",
+        "aria-label": n.formatMessage(pe.toggleCombobox),
+        tone: "neutral",
+        my: "auto",
+        isDisabled: e || o,
+        _expanded: { bg: "transparent" },
+        children: /* @__PURE__ */ i(Xe, {})
+      }
+    )
+  ] });
+}, cn = ({
+  children: e,
+  inputValue: o,
+  onInputChange: u,
+  placeholder: l,
+  allowsCustomValue: n,
+  onSubmitCustomValue: c,
+  renderEmptyState: d,
+  shouldFocusWrap: s = !0,
+  isLoading: t,
+  ref: x,
+  ...P
+}) => {
+  if (c && (o === void 0 || !u))
+    throw new Error(
+      'ComboBox: When "onSubmitCustomValue" is provided, "inputValue" must be controlled with "onInputChange"'
+    );
+  const $ = w(null), A = j(() => {
+    $.current && $.current.value && requestAnimationFrame(() => $.current?.setSelectionRange(0, 0));
+  }, [$]);
+  return /* @__PURE__ */ ie(
+    Uu,
+    {
+      inputValue: o,
+      onInputChange: u,
+      onFocus: A,
+      allowsCustomValue: n,
+      menuTrigger: "focus",
+      shouldFocusWrap: s,
+      ...P,
+      ref: x,
+      children: [
+        /* @__PURE__ */ i(
+          tn,
+          {
+            ref: $,
+            placeholder: l,
+            inputValue: o,
+            allowsCustomValue: n,
+            onSubmitCustomValue: c,
+            onInputChange: u
+          }
+        ),
+        /* @__PURE__ */ i(
+          ln,
+          {
+            isLoading: t,
+            isDisabled: P.isDisabled,
+            isReadOnly: P.isReadOnly
+          }
+        ),
+        /* @__PURE__ */ i(Re, { children: /* @__PURE__ */ i(Se, { renderEmptyState: d, children: e }) })
+      ]
+    }
+  );
+};
+function we(e) {
+  return e != null && typeof e == "object" && "children" in e && Array.isArray(e.children);
+}
+function ve(e, o, u) {
+  if (e) {
+    if (!Object.prototype.hasOwnProperty.call(e, "id") && o === "id")
+      throw new Error(
+        "ComboBox: if items do not have an `id` key, you must specify which key uniquely identifies items using the `itemId` prop"
+      );
+    if (!Object.prototype.hasOwnProperty.call(e, "name") && u === "name")
+      throw new Error(
+        "ComboBox: if items do not have a `name` key, you must specify which key can be used as a text value using the `itemValue` prop"
+      );
+  }
+}
+const rn = (
+  /* eslint-disable @typescript-eslint/no-explicit-any */
+  ({
+    selectedKeys: e = /* @__PURE__ */ new Set(),
+    items: o,
+    itemId: u = "id",
+    itemValue: l = "name",
+    placeholder: n,
+    onSelectionChange: c,
+    isDisabled: d,
+    isReadOnly: s,
+    size: t,
+    containerRef: x,
+    ref: P
+  }) => {
+    const $ = $e(), A = ae(() => {
+      if (!o) return [];
+      const h = Array.from(e);
+      if (Array.isArray(o)) {
+        const C = o[0];
+        if (C && we(C)) {
+          const T = [];
+          return o.forEach((K) => {
+            we(K) && T.push(...K.children);
+          }), ve(T?.[0], u, l), h.map((K) => T.find((H) => H[u] === K)).filter((K) => K !== void 0);
+        }
+        const p = o;
+        return ve(p?.[0], u, l), h.map((T) => p.find((K) => K[u] === T)).filter((T) => T !== void 0);
+      }
+      const b = h.map((C) => Array.from(o).find((p) => p[u] === C)).filter((C) => C !== void 0);
+      return ve(b?.[0], u, l), b;
+    }, [o, e, u]), y = j(
+      (h) => {
+        if (!(d || s) && e instanceof Set) {
+          const b = e, C = new Set(
+            [...b].filter((p) => !h.has(p))
+          );
+          c?.(C), x?.current && x.current.focus();
+        }
+      },
+      [d, s, e, c]
+    );
+    return /* @__PURE__ */ i(je, { children: /* @__PURE__ */ i(
+      Po,
+      {
+        asChild: !0,
+        alignItems: "space-between",
+        justifyContent: "center",
+        ref: P,
+        children: /* @__PURE__ */ i(
+          he.Root,
+          {
+            size: t,
+            onRemove: y,
+            "aria-label": $.formatMessage(pe.selectedValues),
+            selectionMode: "none",
+            disabledKeys: d || s ? e : void 0,
+            "data-disabled": d,
+            children: /* @__PURE__ */ i(
+              he.TagList,
+              {
+                items: A,
+                dependencies: [u],
+                maxW: "100%",
+                tabIndex: A.length === 0 || d || s ? -1 : void 0,
+                renderEmptyState: () => n && /* @__PURE__ */ i(
+                  "div",
+                  {
+                    "data-placeholder": "true",
+                    style: {
+                      maxWidth: "100%",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis"
+                    },
+                    children: n
+                  }
+                ),
+                children: (h) => /* @__PURE__ */ i(he.Tag, { id: h[u], maxW: "100%", children: h[l] })
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+), sn = ({
+  selectedKeys: e,
+  onSelectionChange: o,
+  onInputChange: u,
+  containerRef: l,
+  isDisabled: n,
+  isReadOnly: c,
+  isLoading: d
+}) => {
+  const s = $e(), t = j(() => {
+    o?.(/* @__PURE__ */ new Set()), u?.(""), l?.current && l.current.focus();
+  }, []);
+  return /* @__PURE__ */ ie(ko, { children: [
+    /* @__PURE__ */ i(je, { children: e instanceof Set && e.size > 0 && /* @__PURE__ */ i(
+      ye,
+      {
+        pointerEvents: "all",
+        slot: null,
+        size: "2xs",
+        variant: "ghost",
+        tone: "primary",
+        "aria-label": s.formatMessage(pe.clearSelection),
+        isDisabled: n || c,
+        onPress: t,
+        my: "auto",
+        children: /* @__PURE__ */ i(qe, {})
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      Ze,
+      {
+        my: "auto",
+        w: "600",
+        h: "600",
+        color: "neutral.11",
+        opacity: c || n ? "0.5" : void 0,
+        cursor: c || n ? "not-allowed" : void 0,
+        children: /* @__PURE__ */ i(be, { pointerEvents: "none", asChild: !0, m: "auto", w: "400", h: "400", children: d ? /* @__PURE__ */ i(
+          be,
+          {
+            asChild: !0,
+            animation: "spin",
+            animationDuration: "slowest",
+            "data-testid": "nimbus-combobox-loading",
+            children: /* @__PURE__ */ i(Ue, {})
+          }
+        ) : /* @__PURE__ */ i(Xe, {}) })
+      }
+    )
+  ] });
+};
+function an(e) {
+  let o;
+  for (o of e) ;
+  return o;
+}
+const pn = ({
+  children: e,
+  defaultFilter: o,
+  inputValue: u,
+  defaultInputValue: l,
+  onInputChange: n,
+  defaultSelectedKeys: c = /* @__PURE__ */ new Set(),
+  selectedKeys: d,
+  onSelectionChange: s,
+  onOpenChange: t,
+  disabledKeys: x,
+  items: P,
+  defaultItems: $,
+  itemId: A = "id",
+  itemValue: y = "name",
+  isLoading: h,
+  isDisabled: b,
+  isReadOnly: C,
+  isRequired: p,
+  isInvalid: T,
+  className: K,
+  placeholder: H,
+  size: g = "md",
+  allowsCustomValue: J,
+  onSubmitCustomValue: Y,
+  renderEmptyState: N,
+  ref: z,
+  ...L
+}) => {
+  const [I, ne] = Z(!1), W = w(!1), ee = $e(), [v, q] = Z(), D = d ?? v ?? c, S = s ?? q, [ce, E] = Z(""), O = u ?? ce ?? l, k = n ?? E, V = P ?? $, U = We({ sensitivity: "base" }), te = (...r) => U.contains.apply(void 0, r), M = j(
+    (r) => {
+      if (b || C) {
+        I && ne(!1);
+        return;
+      }
+      t && t?.(r), ne(r), r || (W.current = !0, requestAnimationFrame(() => {
+        setTimeout(() => {
+          W.current = !1;
+        }, 50);
+      }));
+    },
+    [b, C, t, I]
+  );
+  se(() => {
+    (b || C) && M(!1);
+  }, [b, C]);
+  const Q = j(
+    (r) => {
+      b || C || r.target === r.currentTarget && !I && !W.current && M(!0);
+    },
+    [I]
+  ), le = j(() => {
+    if (D !== "all" && D instanceof Set) {
+      const r = an(D);
+      if (r != null) {
+        const G = new Set(D);
+        G.delete(r), S(G);
+      }
+    }
+  }, [D, S]), re = j((r) => {
+    (r.key === "ArrowDown" || r.key === "ArrowUp" || r.key === "Enter") && r.target === a.current && (r.preventDefault(), M(!0));
+  }, []), de = j(
+    (r) => {
+      if (r.key === "Backspace" && O === "") {
+        le();
+        return;
+      }
+      if (r.key === "Escape") {
+        M(!1), a.current && a.current.focus();
+        return;
+      }
+      if (r.key === "Enter" && O.trim() !== "" && J && Y)
+        if (r.stopPropagation(), V) {
+          const G = O.trim(), R = Array.from(V).find((X) => (typeof X == "object" && X !== null && y in X ? String(X[y]) : JSON.stringify(X)).toLowerCase() === G.toLowerCase());
+          if (R) {
+            const X = typeof R == "object" && R !== null && A in R ? R[A] : R, oe = new Set(D);
+            oe.add(X), S(oe), k("");
+          } else
+            Y(O), k("");
+        } else
+          Y(O), k("");
+    },
+    [
+      O,
+      le,
+      J,
+      Y,
+      V,
+      y,
+      A,
+      D,
+      S,
+      k
+    ]
+  ), a = w(null), m = Iu(z, a);
+  return /* @__PURE__ */ ie(cu, { isOpen: I, onOpenChange: M, children: [
+    /* @__PURE__ */ i(Ru, { allowTextSelectionOnPress: !0, children: /* @__PURE__ */ ie(
+      "div",
+      {
+        className: K,
+        tabIndex: b ? -1 : 0,
+        ref: m,
+        role: "combobox",
+        onKeyDown: re,
+        onFocus: Q,
+        "aria-expanded": I,
+        "aria-haspopup": "dialog",
+        "aria-disabled": b,
+        "aria-readonly": C,
+        "aria-required": p,
+        "aria-invalid": T,
+        "data-disabled": b,
+        "data-invalid": T,
+        "data-required": p,
+        "data-open": I,
+        ...L,
+        children: [
+          /* @__PURE__ */ i(
+            rn,
+            {
+              items: V,
+              selectedKeys: D,
+              onSelectionChange: S,
+              itemId: A,
+              itemValue: y,
+              placeholder: H,
+              size: g,
+              containerRef: a,
+              isDisabled: b,
+              isReadOnly: C
+            }
+          ),
+          /* @__PURE__ */ i(
+            sn,
+            {
+              selectedKeys: D,
+              onSelectionChange: S,
+              onInputChange: k,
+              containerRef: a,
+              isDisabled: b,
+              isReadOnly: C,
+              isLoading: h
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(Yu, { asChild: !0, children: /* @__PURE__ */ i(Re, { triggerRef: a, placement: "bottom start", children: /* @__PURE__ */ i(ru, { "aria-label": ee.formatMessage(pe.comboboxDialog), children: /* @__PURE__ */ ie(
+      Fu,
+      {
+        filter: o ?? te,
+        inputValue: O,
+        onInputChange: k,
+        children: [
+          /* @__PURE__ */ i(Qu, { asChild: !0, children: /* @__PURE__ */ i(
+            Lu,
+            {
+              autoFocus: !0,
+              isDisabled: b,
+              isReadOnly: C,
+              isRequired: p,
+              "aria-label": ee.formatMessage(
+                pe.filterComboboxOptions
+              ),
+              children: /* @__PURE__ */ i(
+                Me,
+                {
+                  onKeyDownCapture: de,
+                  placeholder: H
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ i(
+            Se,
+            {
+              items: V,
+              selectionMode: "multiple",
+              onSelectionChange: S,
+              selectedKeys: D,
+              shouldFocusWrap: !0,
+              disabledKeys: b ? "all" : x,
+              escapeKeyBehavior: "none",
+              "aria-label": ee.formatMessage(pe.comboboxOptions),
+              renderEmptyState: N,
+              children: e
+            }
+          )
+        ]
+      }
+    ) }) }) })
+  ] });
+}, Ko = ({
+  children: e,
+  ref: o,
+  ...u
+}) => {
+  const l = Ro({ recipe: Vo }), [n, c] = l.splitVariantProps(u), [d, s] = ge(c), t = "selectionMode" in u && u.selectionMode === "multiple" ? pn : cn;
+  return /* @__PURE__ */ i(
+    Ju,
+    {
+      asChild: !0,
+      selectionMode: u.selectionMode,
+      ...n,
+      ...d,
+      children: /* @__PURE__ */ i(t, { ref: o, size: n.size, ...s, children: e })
+    }
+  );
+};
+Ko.displayName = "ComboBox.Root";
+const Oo = ({
+  children: e,
+  label: o,
+  items: u,
+  ref: l,
+  ...n
+}) => {
+  if (u && typeof e != "function")
+    throw new Error(
+      'ComboBoxOptionGroup: When "items" is provided, "children" must be a function'
+    );
+  return /* @__PURE__ */ ie(ou, { ref: l, ...n, children: [
+    /* @__PURE__ */ i(en, { asChild: !0, children: /* @__PURE__ */ i(wu, { children: o }) }),
+    u ? /* @__PURE__ */ i(bu, { items: u, children: (c) => typeof e == "function" ? e(c) : null }) : e
+  ] });
+};
+Oo.displayName = "ComboBox.OptionGroup";
+const Io = ({
+  children: e,
+  ref: o,
+  ...u
+}) => {
+  const [l, n] = ge(u), c = typeof e == "string" ? e : void 0;
+  return /* @__PURE__ */ i(on, { ...l, asChild: !0, children: /* @__PURE__ */ i(
+    uu,
+    {
+      ref: o,
+      textValue: u.textValue ?? c,
+      "aria-label": u.textValue ?? c,
+      ...n,
+      children: (d) => {
+        const s = typeof e == "function" ? e({
+          ...d
+        }) : e;
+        return d.selectionMode === "multiple" ? /* @__PURE__ */ ie(De, { children: [
+          /* @__PURE__ */ i(un, { children: /* @__PURE__ */ i("span", { "data-selected": d.isSelected, children: d.isSelected && /* @__PURE__ */ i(Ku, {}) }) }),
+          /* @__PURE__ */ i(nn, { children: s })
+        ] }) : /* @__PURE__ */ i(De, { children: s });
+      }
+    }
+  ) });
+};
+Io.displayName = "ComboBox.Option";
+const ot = {
+  Root: Ko,
+  OptionGroup: Oo,
+  Option: Io
+};
+export {
+  ot as C,
+  Ko as a,
+  Oo as b,
+  Io as c
+};
+//# sourceMappingURL=combobox-eT94voy1.es.js.map