@commercetools/nimbus 0.0.13-rc1 → 0.0.14-rc1

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

@@ -0,0 +1,1932 @@
+import { jsx as r, jsxs as ne, Fragment as Se } from "react/jsx-runtime";
+import { k as Go } from "./index-DRWeBbu8.es.js";
+import { c as Vo, u as Ro } from "./create-slot-recipe-context-DBNItnlK.es.js";
+import Y, { useEffect as pe, useRef as L, useMemo as se, useState as X, useCallback as R, forwardRef as Mo, createContext as we, useContext as Pe } from "react";
+import { $ as ke } from "./Button-wUEF0Zow.es.js";
+import { $ as Ke, c as jo, b as zo, e as No, a as Wo, d as qo } from "./utils-emYDjcZU.es.js";
+import { $ as Uo } from "./FieldError-CXcEMuBf.es.js";
+import { $ as Xo } from "./Form-CXcEMuBf.es.js";
+import { a as Ie } from "./Group-CU1nz0u2.es.js";
+import { a as ve, $ as Oe } from "./Input-B7Cnwv00.es.js";
+import { $ as Ge } from "./Label-CXgc_ps9.es.js";
+import { f as Zo, g as Ho, h as Jo, a as Ve, b as Yo, c as Qo, e as _o, d as eu } from "./ListBox-CGw4-iNr.es.js";
+import { f as ou, m as uu, b as nu, c as tu, $ as Re, g as Me, e as lu, a as iu } from "./Dialog-BTicQJXP.es.js";
+import { $ as je } from "./Text-DOcU1ycg.es.js";
+import { i as cu, l as ru, m as ze, r as pu, f as su, g as au } from "./Collection-CDJ_uFKV.es.js";
+import { $ as du } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as $u, a as bu } from "./OverlayArrow-DbPNbnKm.es.js";
+import { $ as Ne } from "./useFilter-Bh0adxQ-.es.js";
+import { b as Cu, $ as fu } from "./useFormValidation-Chwu6llz.es.js";
+import { $ as hu } from "./useSingleSelectListState-C71okNUJ.es.js";
+import { $ as mu } from "./useControlledState-u436Wbp1.es.js";
+import { $ as Ce } from "./LiveAnnouncer-CsPyaceH.es.js";
+import { f as xu, $ as Te } from "./mergeProps-CtwSzqnr.es.js";
+import { c as vu } from "./FocusScope-B5Aod9bV.es.js";
+import { b as Au } from "./domHelpers-InH3T0qs.es.js";
+import { $ as yu } from "./openLink-BwkmFekP.es.js";
+import { a as ge } from "./useLabel-DHa3lVYx.es.js";
+import { $ as Bu } from "./useUpdateEffect-CCDx8D4X.es.js";
+import { f as fe } from "./platform-BOO1jCtB.es.js";
+import { a as Eu, g as Su, h as Tu, e as gu } from "./Separator-Ahj2J22_.es.js";
+import { $ as Du } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { $ as Fu } from "./useTextField-D0VFuWqP.es.js";
+import { e as Ae } from "./extractStyleProps-DX5GBd9K.es.js";
+import { Close as We, Loop as qe, KeyboardArrowDown as Ue, Check as Lu } from "@commercetools/nimbus-icons";
+import { B as de } from "./box-C8731OYq.es.js";
+import { I as xe } from "./icon-button-BkjZ1Pq8.es.js";
+import { F as Xe } from "./flex-B81RbgfK.es.js";
+import { mergeRefs as wu } from "@chakra-ui/react";
+import { T as he } from "./tag-group-CvKA8ufC.es.js";
+import { $ as Pu } from "./usePress-CEcydhMs.es.js";
+import { c as ku, $ as Ku } from "./useFocusable-ZY85zm7p.es.js";
+import { h as Iu, n as Ou } from "./utils-4CfAFtL7.es.js";
+import { $ as Gu } from "./useSyncRef-KqQTqZax.es.js";
+function Vu(...e) {
+  return e.length === 1 && e[0] ? e[0] : (o) => {
+    let u = !1;
+    const t = e.map((n) => {
+      const l = De(n, o);
+      return u || (u = typeof l == "function"), l;
+    });
+    if (u) return () => {
+      t.forEach((n, l) => {
+        typeof n == "function" ? n() : De(e[l], null);
+      });
+    };
+  };
+}
+function De(e, o) {
+  if (typeof e == "function") return e(o);
+  e != null && (e.current = o);
+}
+const Ru = /* @__PURE__ */ Y.forwardRef(({ children: e, ...o }, u) => {
+  u = ku(u);
+  let { pressProps: t } = Pu({
+    ...o,
+    ref: u
+  }), { focusableProps: n } = Ku(o, u), l = Y.Children.only(e);
+  pe(() => {
+    if (process.env.NODE_ENV === "production") return;
+    let p = u.current;
+    if (!p || !(p instanceof Iu(p).Element)) {
+      console.error("<Pressable> child must forward its ref to a DOM element.");
+      return;
+    }
+    if (!o.isDisabled && !Ou(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 i = p.getAttribute("role");
+      i ? (
+        // https://w3c.github.io/aria/#widget_roles
+        i !== "application" && i !== "button" && i !== "checkbox" && i !== "combobox" && i !== "gridcell" && i !== "link" && i !== "menuitem" && i !== "menuitemcheckbox" && i !== "menuitemradio" && i !== "option" && i !== "radio" && i !== "searchbox" && i !== "separator" && i !== "slider" && i !== "spinbutton" && i !== "switch" && i !== "tab" && i !== "textbox" && i !== "treeitem" && console.warn(`<Pressable> child must have an interactive ARIA role. Got "${i}".`)
+      ) : console.warn("<Pressable> child must have an interactive ARIA role.");
+    }
+  }, [
+    u,
+    o.isDisabled
+  ]);
+  let $ = parseInt(Y.version, 10) < 19 ? l.ref : l.props.ref;
+  return /* @__PURE__ */ Y.cloneElement(l, {
+    ...Gu(t, n, l.props),
+    // @ts-ignore
+    ref: Vu($, u)
+  });
+});
+var Ze = {};
+Ze = {
+  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 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: "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 Ye = {};
+Ye = {
+  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 Qe = {};
+Qe = {
+  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 _e = {};
+_e = {
+  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 eo = {};
+eo = {
+  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 oo = {};
+oo = {
+  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 uo = {};
+uo = {
+  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 no = {};
+no = {
+  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 to = {};
+to = {
+  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 lo = {};
+lo = {
+  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 io = {};
+io = {
+  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 co = {};
+co = {
+  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 ro = {};
+ro = {
+  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 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 so = {};
+so = {
+  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 ao = {};
+ao = {
+  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 bo = {};
+bo = {
+  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 fo = {};
+fo = {
+  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 ho = {};
+ho = {
+  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 mo = {};
+mo = {
+  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 xo = {};
+xo = {
+  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 vo = {};
+vo = {
+  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 Ao = {};
+Ao = {
+  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 yo = {};
+yo = {
+  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 Bo = {};
+Bo = {
+  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 go = {};
+go = {
+  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 = {
+  "ar-AE": Ze,
+  "bg-BG": He,
+  "cs-CZ": Je,
+  "da-DK": Ye,
+  "de-DE": Qe,
+  "el-GR": _e,
+  "en-US": eo,
+  "es-ES": oo,
+  "et-EE": uo,
+  "fi-FI": no,
+  "fr-FR": to,
+  "he-IL": lo,
+  "hr-HR": io,
+  "hu-HU": co,
+  "it-IT": ro,
+  "ja-JP": po,
+  "ko-KR": so,
+  "lt-LT": ao,
+  "lv-LV": $o,
+  "nb-NO": bo,
+  "nl-NL": Co,
+  "pl-PL": fo,
+  "pt-BR": ho,
+  "pt-PT": mo,
+  "ro-RO": xo,
+  "ru-RU": vo,
+  "sk-SK": Ao,
+  "sl-SI": yo,
+  "sr-SP": Bo,
+  "sv-SE": Eo,
+  "tr-TR": So,
+  "uk-UA": To,
+  "zh-CN": go,
+  "zh-TW": Do
+};
+function Mu(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function ju(e, o) {
+  let { buttonRef: u, popoverRef: t, inputRef: n, listBoxRef: l, keyboardDelegate: $, layoutDelegate: p, shouldFocusWrap: i, isReadOnly: v, isDisabled: w } = e, b = L(null);
+  u = u ?? b;
+  let y = Du(Mu(Fo), "@react-aria/combobox"), { menuTriggerProps: f, menuProps: S } = ou({
+    type: "listbox",
+    isDisabled: w || v
+  }, o, u);
+  Zo.set(o, {
+    id: S.id
+  });
+  let { collection: d } = o, { disabledKeys: m } = o.selectionManager, s = se(() => $ || new cu({
+    collection: d,
+    disabledKeys: m,
+    ref: l,
+    layoutDelegate: p
+  }), [
+    $,
+    p,
+    d,
+    m,
+    l
+  ]), { collectionProps: T } = ru({
+    selectionManager: o.selectionManager,
+    keyboardDelegate: s,
+    disallowTypeAhead: !0,
+    disallowEmptySelection: !0,
+    shouldFocusWrap: i,
+    ref: n,
+    // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
+    isVirtualized: !0
+  }), Q = yu(), oe = (a) => {
+    if (!a.nativeEvent.isComposing)
+      switch (a.key) {
+        case "Enter":
+        case "Tab":
+          if (o.isOpen && a.key === "Enter" && a.preventDefault(), o.isOpen && l.current && o.selectionManager.focusedKey != null && o.selectionManager.isLink(o.selectionManager.focusedKey)) {
+            let c = l.current.querySelector(`[data-key="${CSS.escape(o.selectionManager.focusedKey.toString())}"]`);
+            if (a.key === "Enter" && c instanceof HTMLAnchorElement) {
+              let h = o.collection.getItem(o.selectionManager.focusedKey);
+              h && Q.open(c, a, h.props.href, h.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;
+      }
+  }, E = (a) => {
+    var c;
+    let h = u?.current && u.current === a.relatedTarget, K = (c = t.current) === null || c === void 0 ? void 0 : c.contains(a.relatedTarget);
+    h || K || (e.onBlur && e.onBlur(a), o.setFocused(!1));
+  }, Z = (a) => {
+    o.isFocused || (e.onFocus && e.onFocus(a), o.setFocused(!0));
+  }, { isInvalid: H, validationErrors: N, validationDetails: M } = o.displayValidation, { labelProps: F, inputProps: I, descriptionProps: ue, errorMessageProps: W } = Fu({
+    ...e,
+    onChange: o.setInputValue,
+    onKeyDown: v ? e.onKeyDown : xu(o.isOpen && T.onKeyDown, oe, e.onKeyDown),
+    onBlur: E,
+    value: o.inputValue,
+    defaultValue: o.defaultInputValue,
+    onFocus: Z,
+    autoComplete: "off",
+    validate: void 0,
+    [Cu]: o
+  }, n), te = (a) => {
+    if (a.pointerType === "touch") {
+      var c;
+      (c = n.current) === null || c === void 0 || c.focus(), o.toggle(null, "manual");
+    }
+  }, A = (a) => {
+    if (a.pointerType !== "touch") {
+      var c;
+      (c = n.current) === null || c === void 0 || c.focus(), o.toggle(a.pointerType === "keyboard" || a.pointerType === "virtual" ? "first" : null, "manual");
+    }
+  }, g = ge({
+    id: f.id,
+    "aria-label": y.format("buttonLabel"),
+    "aria-labelledby": e["aria-labelledby"] || F.id
+  }), P = ge({
+    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 c;
+      a.preventDefault(), (c = n.current) === null || c === void 0 || c.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(), o.toggle(null, "manual"), O.current = a.timeStamp;
+    }
+  }, x = o.selectionManager.focusedKey != null && o.isOpen ? o.collection.getItem(o.selectionManager.focusedKey) : void 0;
+  var G;
+  let k = (G = x?.parentKey) !== null && G !== void 0 ? G : null;
+  var _;
+  let q = (_ = o.selectionManager.focusedKey) !== null && _ !== void 0 ? _ : null, j = L(k), J = L(q);
+  pe(() => {
+    if (fe() && x != null && q != null && q !== J.current) {
+      let c = o.selectionManager.isSelected(q), h = k != null ? o.collection.getItem(k) : null, K = h?.["aria-label"] || (typeof h?.rendered == "string" ? h.rendered : "") || "";
+      var a;
+      let V = y.format("focusAnnouncement", {
+        isGroupChange: (a = h && k !== j.current) !== null && a !== void 0 ? a : !1,
+        groupTitle: K,
+        groupCount: h ? [
+          ...ze(h, o.collection)
+        ].length : 0,
+        optionText: x["aria-label"] || x.textValue || "",
+        isSelected: c
+      });
+      Ce(V);
+    }
+    j.current = k, J.current = q;
+  });
+  let U = Eu(o.collection), ie = L(U), ce = L(o.isOpen);
+  pe(() => {
+    let a = o.isOpen !== ce.current && (o.selectionManager.focusedKey == null || fe());
+    if (o.isOpen && (a || U !== ie.current)) {
+      let c = y.format("countAnnouncement", {
+        optionCount: U
+      });
+      Ce(c);
+    }
+    ie.current = U, ce.current = o.isOpen;
+  });
+  let z = L(o.selectedKey);
+  return pe(() => {
+    if (fe() && o.isFocused && o.selectedItem && o.selectedKey !== z.current) {
+      let a = o.selectedItem["aria-label"] || o.selectedItem.textValue || "", c = y.format("selectedAnnouncement", {
+        optionText: a
+      });
+      Ce(c);
+    }
+    z.current = o.selectedKey;
+  }), pe(() => {
+    if (o.isOpen) return uu([
+      n.current,
+      t.current
+    ].filter((a) => a != null));
+  }, [
+    o.isOpen,
+    n,
+    t
+  ]), Bu(() => {
+    !x && n.current && vu(Au(n.current)) === n.current && pu(n.current, null);
+  }, [
+    x
+  ]), {
+    labelProps: F,
+    buttonProps: {
+      ...f,
+      ...g,
+      excludeFromTabOrder: !0,
+      preventFocusOnPress: !0,
+      onPress: te,
+      onPressStart: A,
+      isDisabled: w || v
+    },
+    inputProps: Te(I, {
+      role: "combobox",
+      "aria-expanded": f["aria-expanded"],
+      "aria-controls": o.isOpen ? S.id : void 0,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": x ? Ho(o, 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: Te(S, P, {
+      autoFocus: o.focusStrategy || !0,
+      shouldUseVirtualFocus: !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      linkBehavior: "selection"
+    }),
+    descriptionProps: ue,
+    errorMessageProps: W,
+    isInvalid: H,
+    validationErrors: N,
+    validationDetails: M
+  };
+}
+function zu(e) {
+  var o;
+  let { defaultFilter: u, menuTrigger: t = "input", allowsEmptyCollection: n = !1, allowsCustomValue: l, shouldCloseOnBlur: $ = !0 } = e, [p, i] = 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: oe } = hu({
+    ...e,
+    onSelectionChange: f,
+    items: (S = e.items) !== null && S !== void 0 ? S : e.defaultItems
+  }), [E, Z] = mu(e.inputValue, Fe(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 || !u ? d : Nu(d, E, u)
+  ), [
+    d,
+    E,
+    u,
+    e.items
+  ]), [I, ue] = X(F), W = L("focus"), A = $u({
+    ...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
+  }), g = (C = null, B) => {
+    let D = B === "manual" || B === "focus" && t === "focus";
+    (n || F.size > 0 || D && M.size > 0 || e.items) && (D && !A.isOpen && e.items === void 0 && i(!0), W.current = B, y(C), A.open());
+  }, P = (C = null, B) => {
+    let D = B === "manual" || B === "focus" && t === "focus";
+    !(n || F.size > 0 || D && M.size > 0 || e.items) && !A.isOpen || (D && !A.isOpen && e.items === void 0 && i(!0), A.isOpen || (W.current = B), le(C));
+  }, O = R(() => {
+    ue(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, k] = X(E), _ = () => {
+    var C, B;
+    let D = s != null && (B = (C = d.getItem(s)) === null || C === void 0 ? void 0 : C.textValue) !== null && B !== void 0 ? B : "";
+    k(D), Z(D);
+  };
+  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 = (o = d.getItem(s)) === null || o === void 0 ? void 0 : o.textValue) !== null && U !== void 0 ? U : "");
+  pe(() => {
+    var C;
+    v && (F.size > 0 || n) && !A.isOpen && E !== G && t !== "manual" && g(null, "input"), !p && !n && A.isOpen && F.size === 0 && x(), s != null && s !== J.current && x(), E !== G && (m.setFocusedKey(null), i(!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 && k(E);
+    var B;
+    let D = 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 !== D && (k(D), Z(D)), J.current = s, ie.current = D;
+  });
+  let ce = fu({
+    ...e,
+    value: se(() => ({
+      inputValue: E,
+      selectedKey: s
+    }), [
+      E,
+      s
+    ])
+  }), z = () => {
+    l && s == null ? a() : c();
+  }, a = () => {
+    J.current = null, T(null), x();
+  }, c = () => {
+    if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
+      var C, B;
+      (C = e.onSelectionChange) === null || C === void 0 || C.call(e, s);
+      var D;
+      let Oo = s != null && (D = (B = d.getItem(s)) === null || B === void 0 ? void 0 : B.textValue) !== null && D !== void 0 ? D : "";
+      k(Oo), x();
+    } else
+      _(), x();
+  };
+  const h = () => {
+    if (l) {
+      var C, B;
+      const D = s != null && (B = (C = d.getItem(s)) === null || C === void 0 ? void 0 : C.textValue) !== null && B !== void 0 ? B : "";
+      E === D ? c() : a();
+    } else
+      c();
+  };
+  let K = () => {
+    A.isOpen && m.focusedKey != null ? s === m.focusedKey ? c() : T(m.focusedKey) : h();
+  }, V = L(E), re = (C) => {
+    C ? (V.current = E, t === "focus" && !e.isReadOnly && g(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 Ee = ($e = e.defaultSelectedKey) !== null && $e !== void 0 ? $e : H;
+  var be;
+  return {
+    ...ce,
+    ...A,
+    focusStrategy: b,
+    toggle: P,
+    open: g,
+    close: h,
+    selectionManager: m,
+    selectedKey: s,
+    defaultSelectedKey: Ee,
+    setSelectedKey: T,
+    disabledKeys: oe,
+    isFocused: v,
+    setFocused: re,
+    selectedItem: Q,
+    collection: ae,
+    inputValue: E,
+    defaultInputValue: (be = Fe(e.defaultInputValue, Ee, d)) !== null && be !== void 0 ? be : N,
+    setInputValue: Z,
+    commit: K,
+    revert: z
+  };
+}
+function Nu(e, o, u) {
+  return new Jo(Lo(e, e, o, u));
+}
+function Lo(e, o, u, t) {
+  let n = [];
+  for (let l of o)
+    if (l.type === "section" && l.hasChildNodes) {
+      let $ = Lo(e, ze(l, e), u, t);
+      [
+        ...$
+      ].some((p) => p.type === "item") && n.push({
+        ...l,
+        childNodes: $
+      });
+    } else l.type === "item" && t(l.textValue, u) ? n.push({
+      ...l
+    }) : l.type !== "item" && n.push({
+      ...l
+    });
+  return n;
+}
+function Fe(e, o, u) {
+  if (e == null) {
+    var t, n;
+    if (o != null) return (n = (t = u.getItem(o)) === null || t === void 0 ? void 0 : t.textValue) !== null && n !== void 0 ? n : "";
+  }
+  return e;
+}
+const Wu = /* @__PURE__ */ we(null), ye = /* @__PURE__ */ we(null), qu = /* @__PURE__ */ Mo(function(o, u) {
+  [o, u] = Ke(o, u, Wu);
+  let { children: t, isDisabled: n = !1, isInvalid: l = !1, isRequired: $ = !1 } = o, p = se(() => {
+    var i;
+    return /* @__PURE__ */ Y.createElement(Ve.Provider, {
+      value: {
+        items: (i = o.items) !== null && i !== void 0 ? i : o.defaultItems
+      }
+    }, typeof t == "function" ? t({
+      isOpen: !1,
+      isDisabled: n,
+      isInvalid: l,
+      isRequired: $,
+      defaultChildren: null
+    }) : t);
+  }, [
+    t,
+    n,
+    l,
+    $,
+    o.items,
+    o.defaultItems
+  ]);
+  return /* @__PURE__ */ Y.createElement(su, {
+    content: p
+  }, (i) => /* @__PURE__ */ Y.createElement(Xu, {
+    props: o,
+    collection: i,
+    comboBoxRef: u
+  }));
+}), Uu = [
+  Ge,
+  ke,
+  ve,
+  Ie,
+  je
+];
+function Xu({ props: e, collection: o, comboBoxRef: u }) {
+  let { name: t, formValue: n = "key", allowsCustomValue: l } = e;
+  l && (n = "text");
+  let { validationBehavior: $ } = jo(Xo) || {};
+  var p, i;
+  let v = (i = (p = e.validationBehavior) !== null && p !== void 0 ? p : $) !== null && i !== void 0 ? i : "native", { contains: w } = Ne({
+    sensitivity: "base"
+  }), b = zu({
+    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: o,
+    validationBehavior: v
+  }), y = L(null), f = L(null), S = L(null), d = L(null), [m, s] = zo(!e["aria-label"] && !e["aria-labelledby"]), { buttonProps: T, inputProps: Q, listBoxProps: oe, labelProps: E, descriptionProps: Z, errorMessageProps: H, ...N } = ju({
+    ...No(e),
+    label: s,
+    inputRef: f,
+    buttonRef: y,
+    listBoxRef: S,
+    popoverRef: d,
+    name: n === "text" ? t : void 0,
+    validationBehavior: v
+  }, b), [M, F] = X(null), I = R(() => {
+    if (f.current) {
+      var g;
+      let P = (g = y.current) === null || g === void 0 ? void 0 : g.getBoundingClientRect(), O = f.current.getBoundingClientRect(), le = P ? Math.min(P.left, O.left) : O.left, x = P ? Math.max(P.right, O.right) : O.right;
+      F(x - le + "px");
+    }
+  }, [
+    y,
+    f,
+    F
+  ]);
+  bu({
+    ref: f,
+    onResize: I
+  });
+  let ue = 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 = Wo({
+    ...e,
+    values: ue,
+    defaultClassName: "react-aria-ComboBox"
+  }), te = du(e, {
+    global: !0
+  });
+  delete te.id;
+  var A;
+  return /* @__PURE__ */ Y.createElement(qo, {
+    values: [
+      [
+        ye,
+        b
+      ],
+      [
+        Ge,
+        {
+          ...E,
+          ref: m
+        }
+      ],
+      [
+        ke,
+        {
+          ...T,
+          ref: y,
+          isPressed: b.isOpen
+        }
+      ],
+      [
+        ve,
+        {
+          ...Q,
+          ref: f
+        }
+      ],
+      [
+        nu,
+        b
+      ],
+      [
+        tu,
+        {
+          ref: d,
+          triggerRef: f,
+          scrollRef: S,
+          placement: "bottom start",
+          isNonModal: !0,
+          trigger: "ComboBox",
+          style: {
+            "--trigger-width": M
+          },
+          clearContexts: Uu
+        }
+      ],
+      [
+        Ve,
+        {
+          ...oe,
+          ref: S
+        }
+      ],
+      [
+        Yo,
+        b
+      ],
+      [
+        je,
+        {
+          slots: {
+            description: Z,
+            errorMessage: H
+          }
+        }
+      ],
+      [
+        Ie,
+        {
+          isInvalid: N.isInvalid,
+          isDisabled: e.isDisabled || !1
+        }
+      ],
+      [
+        Uo,
+        N
+      ]
+    ]
+  }, /* @__PURE__ */ Y.createElement("div", {
+    ...te,
+    ...W,
+    ref: u,
+    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
+  }), t && n === "key" && /* @__PURE__ */ Y.createElement("input", {
+    type: "hidden",
+    name: t,
+    form: e.form,
+    value: (A = b.selectedKey) !== null && A !== void 0 ? A : ""
+  }));
+}
+const { withProvider: Zu, withContext: ee } = /* @__PURE__ */ Vo({
+  key: "combobox"
+}), Hu = /* @__PURE__ */ Zu("div", "root"), wo = /* @__PURE__ */ ee("div", "value"), Po = /* @__PURE__ */ ee("div", "buttonGroup"), Ju = /* @__PURE__ */ ee("div", "popover"), Yu = /* @__PURE__ */ ee("input", "multiSelectInput"), Qu = /* @__PURE__ */ ee("div", "options"), _u = /* @__PURE__ */ ee("div", "optionGroup"), en = /* @__PURE__ */ ee("div", "option"), on = /* @__PURE__ */ ee("span", "optionIndicator"), un = /* @__PURE__ */ ee("span", "optionContent"), nn = (e) => {
+  const {
+    placeholder: o,
+    inputValue: u,
+    allowsCustomValue: t,
+    onSubmitCustomValue: n,
+    onInputChange: l,
+    ref: $
+  } = e, [p, i] = Ke({}, $ || null, ve), v = Pe(ye), w = R(
+    // This method clears the input if the user has focused on a pre-populated combobox and starts typing
+    (b) => {
+      if (v?.selectedKey && i.current && // cursor is at the beginning of input...
+      i.current.selectionStart === 0 && i.current.selectionEnd === 0 && // ...and it has a value, which can only happen on focus
+      i.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" && u && u?.trim() !== "" && l && t && n && v)
+        if (v.collection) {
+          const f = Array.from(v.collection).find((S) => S.textValue.toLowerCase() === u.toLowerCase());
+          f ? v.setSelectedKey(f.key) : n(u);
+        } else
+          n(u);
+    },
+    [u, l, t, n, v]
+  );
+  return /* @__PURE__ */ r(wo, { asChild: !0, children: /* @__PURE__ */ r(
+    Oe,
+    {
+      ref: i,
+      ...p,
+      onKeyDown: w,
+      placeholder: o
+    }
+  ) });
+}, Be = ({
+  children: e,
+  ref: o,
+  ...u
+}) => {
+  const [t, n] = Ae(u);
+  return /* @__PURE__ */ r(Qu, { ...t, asChild: !0, children: /* @__PURE__ */ r(Qo, { ref: o, ...n, children: e }) });
+};
+Be.displayName = "ComboBox.Options";
+const tn = ({
+  isDisabled: e,
+  isReadOnly: o,
+  isLoading: u
+}) => {
+  const t = Pe(ye);
+  return /* @__PURE__ */ ne(Po, { children: [
+    t?.selectedKey && /* @__PURE__ */ r(
+      xe,
+      {
+        pointerEvents: "all",
+        slot: null,
+        size: "2xs",
+        variant: "ghost",
+        tone: "primary",
+        "aria-label": "Clear Selection",
+        isDisabled: e || o,
+        _expanded: { bg: "transparent" },
+        onPress: () => t?.setSelectedKey(null),
+        my: "auto",
+        children: /* @__PURE__ */ r(We, {})
+      }
+    ),
+    u ? /* @__PURE__ */ r(Xe, { my: "auto", w: "600", h: "600", children: /* @__PURE__ */ r(de, { color: "neutral.11", asChild: !0, m: "auto", w: "400", h: "400", children: /* @__PURE__ */ r(
+      de,
+      {
+        asChild: !0,
+        animation: "spin",
+        animationDuration: "slowest",
+        "data-testid": "nimbus-combobox-loading",
+        children: /* @__PURE__ */ r(qe, {})
+      }
+    ) }) }) : /* @__PURE__ */ r(
+      xe,
+      {
+        size: "2xs",
+        variant: "ghost",
+        "aria-label": "toggle combobox",
+        tone: "neutral",
+        my: "auto",
+        isDisabled: e || o,
+        _expanded: { bg: "transparent" },
+        children: /* @__PURE__ */ r(Ue, {})
+      }
+    )
+  ] });
+}, ln = ({
+  children: e,
+  inputValue: o,
+  onInputChange: u,
+  placeholder: t,
+  allowsCustomValue: n,
+  onSubmitCustomValue: l,
+  renderEmptyState: $,
+  shouldFocusWrap: p = !0,
+  isLoading: i,
+  ref: v,
+  ...w
+}) => {
+  if (l && (o === void 0 || !u))
+    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(
+    qu,
+    {
+      inputValue: o,
+      onInputChange: u,
+      onFocus: y,
+      allowsCustomValue: n,
+      menuTrigger: "focus",
+      shouldFocusWrap: p,
+      ...w,
+      ref: v,
+      children: [
+        /* @__PURE__ */ r(
+          nn,
+          {
+            ref: b,
+            placeholder: t,
+            inputValue: o,
+            allowsCustomValue: n,
+            onSubmitCustomValue: l,
+            onInputChange: u
+          }
+        ),
+        /* @__PURE__ */ r(
+          tn,
+          {
+            isLoading: i,
+            isDisabled: w.isDisabled,
+            isReadOnly: w.isReadOnly
+          }
+        ),
+        /* @__PURE__ */ r(Re, { children: /* @__PURE__ */ r(Be, { renderEmptyState: $, children: e }) })
+      ]
+    }
+  );
+};
+function Le(e) {
+  return e != null && typeof e == "object" && "children" in e && Array.isArray(e.children);
+}
+function me(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 cn = (
+  /* eslint-disable @typescript-eslint/no-explicit-any */
+  ({
+    selectedKeys: e = /* @__PURE__ */ new Set(),
+    items: o,
+    itemId: u = "id",
+    itemValue: t = "name",
+    placeholder: n,
+    onSelectionChange: l,
+    isDisabled: $,
+    isReadOnly: p,
+    size: i,
+    containerRef: v,
+    ref: w
+  }) => {
+    const b = se(() => {
+      if (!o) return [];
+      const f = Array.from(e);
+      if (Array.isArray(o)) {
+        const d = o[0];
+        if (d && Le(d)) {
+          const s = [];
+          return o.forEach((T) => {
+            Le(T) && s.push(...T.children);
+          }), me(s?.[0], u, t), f.map((T) => s.find((Q) => Q[u] === T)).filter((T) => T !== void 0);
+        }
+        const m = o;
+        return me(m?.[0], u, t), f.map((s) => m.find((T) => T[u] === s)).filter((s) => s !== void 0);
+      }
+      const S = f.map((d) => Array.from(o).find((m) => m[u] === d)).filter((d) => d !== void 0);
+      return me(S?.[0], u, t), S;
+    }, [o, e, u]), y = R(
+      (f) => {
+        if (!($ || p) && e instanceof Set) {
+          const S = e, d = new Set(
+            [...S].filter((m) => !f.has(m))
+          );
+          l?.(d), v?.current && v.current.focus();
+        }
+      },
+      [$, p, e, l]
+    );
+    return /* @__PURE__ */ r(Me, { children: /* @__PURE__ */ r(
+      wo,
+      {
+        asChild: !0,
+        alignItems: "space-between",
+        justifyContent: "center",
+        ref: w,
+        children: /* @__PURE__ */ r(
+          he.Root,
+          {
+            size: i,
+            onRemove: y,
+            "aria-label": "Selected values",
+            selectionMode: "none",
+            disabledKeys: $ || p ? e : void 0,
+            "data-disabled": $,
+            children: /* @__PURE__ */ r(
+              he.TagList,
+              {
+                items: b,
+                dependencies: [u],
+                maxW: "100%",
+                tabIndex: b.length === 0 || $ || p ? -1 : void 0,
+                renderEmptyState: () => n && /* @__PURE__ */ r(
+                  "div",
+                  {
+                    "data-placeholder": "true",
+                    style: {
+                      maxWidth: "100%",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis"
+                    },
+                    children: n
+                  }
+                ),
+                children: (f) => /* @__PURE__ */ r(he.Tag, { id: f[u], maxW: "100%", children: f[t] })
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+), rn = ({
+  selectedKeys: e,
+  onSelectionChange: o,
+  onInputChange: u,
+  containerRef: t,
+  isDisabled: n,
+  isReadOnly: l,
+  isLoading: $
+}) => {
+  const p = R(() => {
+    o?.(/* @__PURE__ */ new Set()), u?.(""), t?.current && t.current.focus();
+  }, []);
+  return /* @__PURE__ */ ne(Po, { children: [
+    /* @__PURE__ */ r(Me, { children: e instanceof Set && e.size > 0 && /* @__PURE__ */ r(
+      xe,
+      {
+        pointerEvents: "all",
+        slot: null,
+        size: "2xs",
+        variant: "ghost",
+        tone: "primary",
+        "aria-label": "Clear Selection",
+        isDisabled: n || l,
+        onPress: p,
+        my: "auto",
+        children: /* @__PURE__ */ r(We, {})
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      Xe,
+      {
+        my: "auto",
+        w: "600",
+        h: "600",
+        color: "neutral.11",
+        opacity: l || n ? "0.5" : void 0,
+        cursor: l || n ? "not-allowed" : void 0,
+        children: /* @__PURE__ */ r(de, { pointerEvents: "none", asChild: !0, m: "auto", w: "400", h: "400", children: $ ? /* @__PURE__ */ r(
+          de,
+          {
+            asChild: !0,
+            animation: "spin",
+            animationDuration: "slowest",
+            "data-testid": "nimbus-combobox-loading",
+            children: /* @__PURE__ */ r(qe, {})
+          }
+        ) : /* @__PURE__ */ r(Ue, {}) })
+      }
+    )
+  ] });
+};
+function pn(e) {
+  let o;
+  for (o of e) ;
+  return o;
+}
+const sn = ({
+  children: e,
+  defaultFilter: o,
+  inputValue: u,
+  defaultInputValue: t,
+  onInputChange: n,
+  defaultSelectedKeys: l = /* @__PURE__ */ new Set(),
+  selectedKeys: $,
+  onSelectionChange: p,
+  onOpenChange: i,
+  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: oe,
+  size: E = "md",
+  allowsCustomValue: Z,
+  onSubmitCustomValue: H,
+  renderEmptyState: N,
+  ref: M,
+  ...F
+}) => {
+  const [I, ue] = X(!1), W = L(!1), [te, A] = X(), g = $ ?? te ?? l, P = p ?? A, [O, le] = X(""), x = u ?? O ?? t, G = n ?? le, k = w ?? b, _ = Ne({ sensitivity: "base" }), q = (...c) => _.contains.apply(void 0, c), j = R(
+    (c) => {
+      if (d || m) {
+        I && ue(!1);
+        return;
+      }
+      i && i?.(c), ue(c), c || (W.current = !0, requestAnimationFrame(() => {
+        setTimeout(() => {
+          W.current = !1;
+        }, 50);
+      }));
+    },
+    [d, m, i, I]
+  );
+  pe(() => {
+    (d || m) && j(!1);
+  }, [d, m]);
+  const J = R(
+    (c) => {
+      d || m || c.target === c.currentTarget && !I && !W.current && j(!0);
+    },
+    [I]
+  ), U = R(() => {
+    if (g !== "all" && g instanceof Set) {
+      const c = pn(g);
+      if (c != null) {
+        const h = new Set(g);
+        h.delete(c), P(h);
+      }
+    }
+  }, [g, P]), ie = R((c) => {
+    (c.key === "ArrowDown" || c.key === "ArrowUp" || c.key === "Enter") && c.target === z.current && (c.preventDefault(), j(!0));
+  }, []), ce = R(
+    (c) => {
+      if (c.key === "Backspace" && x === "") {
+        U();
+        return;
+      }
+      if (c.key === "Escape") {
+        j(!1), z.current && z.current.focus();
+        return;
+      }
+      if (c.key === "Enter" && x.trim() !== "" && Z && H)
+        if (c.stopPropagation(), k) {
+          const h = x.trim(), K = Array.from(k).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(g);
+            re.add(V), P(re), G("");
+          } else
+            H(x), G("");
+        } else
+          H(x), G("");
+    },
+    [
+      x,
+      U,
+      Z,
+      H,
+      k,
+      f,
+      y,
+      g,
+      P,
+      G
+    ]
+  ), z = L(null), a = wu(M, z);
+  return /* @__PURE__ */ ne(lu, { isOpen: I, onOpenChange: j, children: [
+    /* @__PURE__ */ r(Ru, { 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__ */ r(
+            cn,
+            {
+              items: k,
+              selectedKeys: g,
+              onSelectionChange: P,
+              itemId: y,
+              itemValue: f,
+              placeholder: oe,
+              size: E,
+              containerRef: z,
+              isDisabled: d,
+              isReadOnly: m
+            }
+          ),
+          /* @__PURE__ */ r(
+            rn,
+            {
+              selectedKeys: g,
+              onSelectionChange: P,
+              onInputChange: G,
+              containerRef: z,
+              isDisabled: d,
+              isReadOnly: m,
+              isLoading: S
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(Ju, { asChild: !0, children: /* @__PURE__ */ r(Re, { triggerRef: z, placement: "bottom start", children: /* @__PURE__ */ r(iu, { "aria-label": "combobox dialog", children: /* @__PURE__ */ ne(
+      Su,
+      {
+        filter: o ?? q,
+        inputValue: x,
+        onInputChange: G,
+        children: [
+          /* @__PURE__ */ r(Yu, { asChild: !0, children: /* @__PURE__ */ r(
+            Tu,
+            {
+              autoFocus: !0,
+              isDisabled: d,
+              isReadOnly: m,
+              isRequired: s,
+              "aria-label": "filter combobox options",
+              children: /* @__PURE__ */ r(
+                Oe,
+                {
+                  onKeyDownCapture: ce,
+                  placeholder: oe
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ r(
+            Be,
+            {
+              items: k,
+              selectionMode: "multiple",
+              onSelectionChange: P,
+              selectedKeys: g,
+              shouldFocusWrap: !0,
+              disabledKeys: d ? "all" : v,
+              escapeKeyBehavior: "none",
+              "aria-label": "combobox options",
+              renderEmptyState: N,
+              children: e
+            }
+          )
+        ]
+      }
+    ) }) }) })
+  ] });
+}, ko = ({
+  children: e,
+  ref: o,
+  ...u
+}) => {
+  const t = Ro({ recipe: Go }), [n, l] = t.splitVariantProps(u), [$, p] = Ae(l), i = "selectionMode" in u && u.selectionMode === "multiple" ? sn : ln;
+  return /* @__PURE__ */ r(
+    Hu,
+    {
+      asChild: !0,
+      selectionMode: u.selectionMode,
+      ...n,
+      ...$,
+      children: /* @__PURE__ */ r(i, { ref: o, size: n.size, ...p, children: e })
+    }
+  );
+};
+ko.displayName = "ComboBox.Root";
+const Ko = ({
+  children: e,
+  label: o,
+  items: u,
+  ref: t,
+  ...n
+}) => {
+  if (u && typeof e != "function")
+    throw new Error(
+      'ComboBoxOptionGroup: When "items" is provided, "children" must be a function'
+    );
+  return /* @__PURE__ */ ne(_o, { ref: t, ...n, children: [
+    /* @__PURE__ */ r(_u, { asChild: !0, children: /* @__PURE__ */ r(gu, { children: o }) }),
+    u ? /* @__PURE__ */ r(au, { items: u, children: (l) => typeof e == "function" ? e(l) : null }) : e
+  ] });
+};
+Ko.displayName = "ComboBox.OptionGroup";
+const Io = ({
+  children: e,
+  ref: o,
+  ...u
+}) => {
+  const [t, n] = Ae(u), l = typeof e == "string" ? e : void 0;
+  return /* @__PURE__ */ r(en, { ...t, asChild: !0, children: /* @__PURE__ */ r(
+    eu,
+    {
+      ref: o,
+      textValue: u.textValue ?? l,
+      "aria-label": u.textValue ?? l,
+      ...n,
+      children: ($) => {
+        const p = typeof e == "function" ? e({
+          ...$
+        }) : e;
+        return $.selectionMode === "multiple" ? /* @__PURE__ */ ne(Se, { children: [
+          /* @__PURE__ */ r(on, { children: /* @__PURE__ */ r("span", { "data-selected": $.isSelected, children: $.isSelected && /* @__PURE__ */ r(Lu, {}) }) }),
+          /* @__PURE__ */ r(un, { children: p })
+        ] }) : /* @__PURE__ */ r(Se, { children: p });
+      }
+    }
+  ) });
+};
+Io.displayName = "ComboBox.Option";
+const et = {
+  Root: ko,
+  OptionGroup: Ko,
+  Option: Io
+};
+export {
+  et as C,
+  ko as a,
+  Ko as b,
+  Io as c
+};
+//# sourceMappingURL=combobox-C1nOP0Qh.es.js.map