@commercetools/nimbus 0.0.0-canary-20250820123249 → 0.0.0-canary-20250821080039

package/dist/chunks/combobox-1Kzme-cs.es.js

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