@midas-ds/components 1.0.3 → 1.1.0

package/index82.js

@@ -1,314 +1,1364 @@
-import { jsx as D } from "react/jsx-runtime";
-import { $ as L } from "./Group-CdwXhx8Q.js";
-import { m as w, e as y, n as F, f as E, l as G, a as _, x as N, y as T, d as M, A as W, i as A, I as H, z as j, c as K, b as z } from "./useFocusRing-BKGhL91C.js";
-import { d as U, e as J, c as Q, $ as X, a as Y } from "./Form-BQQs3jUk.js";
-import { b as Z, $ as ee } from "./useField-Dz62UHCP.js";
-import { $ as ae } from "./Text-CQPW6xs7.js";
-import I, { useMemo as ie, useState as de, forwardRef as S, createContext as q } from "react";
-import { $ as re } from "./useControlledState-DrAoodI6.js";
-import { $ as le } from "./FocusScope-C8i7CH6y.js";
-import { $ as se } from "./context-Bnqknrce.js";
-import { $ as ne } from "./useFocusable-CRSmYEQc.js";
-import { a as te } from "./VisuallyHidden-CFx06Bae.js";
-import { I as oe } from "./TextField-DeK_yiK-.js";
-import './Radio.css';const C = /* @__PURE__ */ new WeakMap();
-function ce(a, e, d) {
-  let { value: r, children: s, "aria-label": l, "aria-labelledby": n } = a;
-  const i = a.isDisabled || e.isDisabled;
-  let u = s != null, f = l != null || n != null;
-  !u && !f && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let t = e.selectedValue === r, v = (B) => {
-    B.stopPropagation(), e.setSelectedValue(r);
-  }, { pressProps: m, isPressed: x } = w({
-    isDisabled: i
-  }), { pressProps: P, isPressed: $ } = w({
-    isDisabled: i,
-    onPress() {
-      e.setSelectedValue(r);
+import { jsxs as be, jsx as j } from "react/jsx-runtime";
+import W, { useRef as m, useMemo as ee, useEffect as pe, useState as Q, useCallback as se, forwardRef as ou, createContext as xe } from "react";
+import { b as $e, a as tu, $ as lu } from "./Button-DL6nqUco.js";
+import { p as iu, I as cu, M as re, e as ae, a as pu, y as du, z as su, A as $u, d as ru, o as bu, B as au } from "./useFocusRing-9PXyKy2A.js";
+import { f as Cu, c as xu, $ as fu, a as hu } from "./Form-BWBjJC6v.js";
+import { a as mu } from "./Group-D7_8007y.js";
+import { a as vu, $ as Au, b as Bu } from "./TextField.module-DdICj682.js";
+import { $ as Eu } from "./useField-DMzJIIN4.js";
+import { d as Du, e as Tu, a as fe, $ as yu, b as Fu, c as gu } from "./ListBox-DBBiqvcR.js";
+import { e as Su, j as ku, f as Lu, g as Iu, h as Pu, i as Ku, a as Ou } from "./Dialog-D6Bqrpn-.js";
+import { $ as Ru } from "./Text-BCF0xvqL.js";
+import { $ as Gu } from "./Collection-KMFfVuzU.js";
+import { $ as Vu } from "./useFilter-Bt9dbV1U.js";
+import { e as wu, f as he } from "./SelectionManager-BfXUE1qg.js";
+import { $ as Mu } from "./useSingleSelectListState-DPkaL0la.js";
+import { a as ju } from "./useListState-BfTeKTk5.js";
+import { $ as zu } from "./useControlledState-Kv9K2AYu.js";
+import { $ as Ce } from "./useLabels-9zaZ9oa0.js";
+import { a as Nu } from "./Separator-BBX9m2O2.js";
+import { a as Uu } from "./ListKeyboardDelegate-gCXy-Xnn.js";
+import { $ as _u } from "./useLocalizedStringFormatter-BlCbn-hX.js";
+import { I as qu } from "./TextField-CX4eOQf6.js";
+import { C as Wu } from "./chevron-down-Cd1bkzXT.js";
+import './ComboBox.css';var me = {};
+me = {
+  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 ve = {};
+ve = {
+  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 Ae = {};
+Ae = {
+  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 Be = {};
+Be = {
+  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 Ee = {};
+Ee = {
+  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 De = {};
+De = {
+  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 Te = {};
+Te = {
+  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 ye = {};
+ye = {
+  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 Fe = {};
+Fe = {
+  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 ge = {};
+ge = {
+  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 Se = {};
+Se = {
+  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 ke = {};
+ke = {
+  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 Le = {};
+Le = {
+  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 Ie = {};
+Ie = {
+  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 Pe = {};
+Pe = {
+  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 Ke = {};
+Ke = {
+  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 Oe = {};
+Oe = {
+  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 Re = {};
+Re = {
+  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 Ge = {};
+Ge = {
+  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 Ve = {};
+Ve = {
+  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 we = {};
+we = {
+  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 Me = {};
+Me = {
+  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 je = {};
+je = {
+  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 ze = {};
+ze = {
+  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 Ne = {};
+Ne = {
+  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 Ue = {};
+Ue = {
+  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 = {
+  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 qe = {};
+qe = {
+  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 We = {};
+We = {
+  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 Ze = {};
+Ze = {
+  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 He = {};
+He = {
+  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 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 Je = {};
+Je = {
+  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 Ye = {};
+Ye = {
+  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 Qe = {};
+Qe = {
+  "ar-AE": me,
+  "bg-BG": ve,
+  "cs-CZ": Ae,
+  "da-DK": Be,
+  "de-DE": Ee,
+  "el-GR": De,
+  "en-US": Te,
+  "es-ES": ye,
+  "et-EE": Fe,
+  "fi-FI": ge,
+  "fr-FR": Se,
+  "he-IL": ke,
+  "hr-HR": Le,
+  "hu-HU": Ie,
+  "it-IT": Pe,
+  "ja-JP": Ke,
+  "ko-KR": Oe,
+  "lt-LT": Re,
+  "lv-LV": Ge,
+  "nb-NO": Ve,
+  "nl-NL": we,
+  "pl-PL": Me,
+  "pt-BR": je,
+  "pt-PT": ze,
+  "ro-RO": Ne,
+  "ru-RU": Ue,
+  "sk-SK": _e,
+  "sl-SI": qe,
+  "sr-SP": We,
+  "sv-SE": Ze,
+  "tr-TR": He,
+  "uk-UA": Xe,
+  "zh-CN": Je,
+  "zh-TW": Ye
+};
+function Zu(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function Hu(e, u) {
+  let { buttonRef: c, popoverRef: b, inputRef: l, listBoxRef: d, keyboardDelegate: f, layoutDelegate: C, shouldFocusWrap: h, isReadOnly: g, isDisabled: z } = e, v = m(null);
+  c = c ?? v;
+  let A = _u(Zu(Qe), "@react-aria/combobox"), { menuTriggerProps: B, menuProps: T } = Su({
+    type: "listbox",
+    isDisabled: z || g
+  }, u, c);
+  Du.set(u, {
+    id: T.id
+  });
+  let { collection: x } = u, { disabledKeys: y } = u.selectionManager, t = ee(() => f || new Uu({
+    collection: x,
+    disabledKeys: y,
+    ref: d,
+    layoutDelegate: C
+  }), [
+    f,
+    C,
+    x,
+    y,
+    d
+  ]), { collectionProps: R } = wu({
+    selectionManager: u.selectionManager,
+    keyboardDelegate: t,
+    disallowTypeAhead: !0,
+    disallowEmptySelection: !0,
+    shouldFocusWrap: h,
+    ref: l,
+    // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
+    isVirtualized: !0
+  }), ue = iu(), ne = (n) => {
+    if (!n.nativeEvent.isComposing)
+      switch (n.key) {
+        case "Enter":
+        case "Tab":
+          if (u.isOpen && n.key === "Enter" && n.preventDefault(), u.isOpen && d.current && u.selectionManager.focusedKey != null && u.selectionManager.isLink(u.selectionManager.focusedKey)) {
+            let i = d.current.querySelector(`[data-key="${CSS.escape(u.selectionManager.focusedKey.toString())}"]`);
+            if (n.key === "Enter" && i instanceof HTMLAnchorElement) {
+              let p = u.collection.getItem(u.selectionManager.focusedKey);
+              p && ue.open(i, n, p.props.href, p.props.routerOptions);
+            }
+            u.close();
+          } else u.commit();
+          break;
+        case "Escape":
+          (u.selectedKey !== null || u.inputValue === "" || e.allowsCustomValue) && n.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;
+      }
+  }, G = (n) => {
+    var i;
+    let p = (c == null ? void 0 : c.current) && c.current === n.relatedTarget, I = (i = b.current) === null || i === void 0 ? void 0 : i.contains(n.relatedTarget);
+    p || I || (e.onBlur && e.onBlur(n), u.setFocused(!1));
+  }, N = (n) => {
+    u.isFocused || (e.onFocus && e.onFocus(n), u.setFocused(!0));
+  }, { isInvalid: U, validationErrors: s, validationDetails: _ } = u.displayValidation, { labelProps: E, inputProps: D, descriptionProps: Z, errorMessageProps: oe } = vu({
+    ...e,
+    onChange: u.setInputValue,
+    onKeyDown: g ? e.onKeyDown : cu(u.isOpen && R.onKeyDown, ne, e.onKeyDown),
+    onBlur: G,
+    value: u.inputValue,
+    onFocus: N,
+    autoComplete: "off",
+    validate: void 0,
+    [Cu]: u
+  }, l), V = (n) => {
+    if (n.pointerType === "touch") {
+      var i;
+      (i = l.current) === null || i === void 0 || i.focus(), u.toggle(null, "manual");
+    }
+  }, H = (n) => {
+    if (n.pointerType !== "touch") {
+      var i;
+      (i = l.current) === null || i === void 0 || i.focus(), u.toggle(n.pointerType === "keyboard" || n.pointerType === "virtual" ? "first" : null, "manual");
+    }
+  }, $ = Ce({
+    id: B.id,
+    "aria-label": A.format("buttonLabel"),
+    "aria-labelledby": e["aria-labelledby"] || E.id
+  }), S = Ce({
+    id: T.id,
+    "aria-label": A.format("listboxLabel"),
+    "aria-labelledby": e["aria-labelledby"] || E.id
+  }), P = m(0), w = (n) => {
+    if (z || g) return;
+    if (n.timeStamp - P.current < 500) {
+      var i;
+      n.preventDefault(), (i = l.current) === null || i === void 0 || i.focus();
+      return;
+    }
+    let p = n.target.getBoundingClientRect(), I = n.changedTouches[0], ie = Math.ceil(p.left + 0.5 * p.width), de = Math.ceil(p.top + 0.5 * p.height);
+    if (I.clientX === ie && I.clientY === de) {
+      var ce;
+      n.preventDefault(), (ce = l.current) === null || ce === void 0 || ce.focus(), u.toggle(null, "manual"), P.current = n.timeStamp;
+    }
+  }, F = u.selectionManager.focusedKey != null && u.isOpen ? u.collection.getItem(u.selectionManager.focusedKey) : void 0;
+  var k;
+  let K = (k = F == null ? void 0 : F.parentKey) !== null && k !== void 0 ? k : null;
+  var M;
+  let O = (M = u.selectionManager.focusedKey) !== null && M !== void 0 ? M : null, X = m(K), J = m(O);
+  pe(() => {
+    if (re() && F != null && O != null && O !== J.current) {
+      let i = u.selectionManager.isSelected(O), p = K != null ? u.collection.getItem(K) : null, I = (p == null ? void 0 : p["aria-label"]) || (typeof (p == null ? void 0 : p.rendered) == "string" ? p.rendered : "") || "";
+      var n;
+      let ie = A.format("focusAnnouncement", {
+        isGroupChange: (n = p && K !== X.current) !== null && n !== void 0 ? n : !1,
+        groupTitle: I,
+        groupCount: p ? [
+          ...he(p, u.collection)
+        ].length : 0,
+        optionText: F["aria-label"] || F.textValue || "",
+        isSelected: i
+      });
+      $e(ie);
     }
-  }), { focusableProps: V } = ne(y(a, {
-    onFocus: () => e.setLastFocusedValue(r)
-  }), d), R = y(m, V), g = F(a, {
-    labelable: !0
-  }), p = -1;
-  e.selectedValue != null ? e.selectedValue === r && (p = 0) : (e.lastFocusedValue === r || e.lastFocusedValue == null) && (p = 0), i && (p = void 0);
-  let { name: b, descriptionId: o, errorMessageId: h, validationBehavior: c } = C.get(e);
-  return U(d, e.selectedValue, e.setSelectedValue), J({
-    validationBehavior: c
-  }, e, d), {
-    labelProps: y(P, {
-      onClick: (B) => B.preventDefault()
+    X.current = K, J.current = O;
+  });
+  let L = Nu(u.collection), Y = m(L), te = m(u.isOpen);
+  pe(() => {
+    let n = u.isOpen !== te.current && (u.selectionManager.focusedKey == null || re());
+    if (u.isOpen && (n || L !== Y.current)) {
+      let i = A.format("countAnnouncement", {
+        optionCount: L
+      });
+      $e(i);
+    }
+    Y.current = L, te.current = u.isOpen;
+  });
+  let le = m(u.selectedKey);
+  return pe(() => {
+    if (re() && u.isFocused && u.selectedItem && u.selectedKey !== le.current) {
+      let n = u.selectedItem["aria-label"] || u.selectedItem.textValue || "", i = A.format("selectedAnnouncement", {
+        optionText: n
+      });
+      $e(i);
+    }
+    le.current = u.selectedKey;
+  }), pe(() => {
+    if (u.isOpen) return ku([
+      l.current,
+      b.current
+    ].filter((n) => n != null));
+  }, [
+    u.isOpen,
+    l,
+    b
+  ]), {
+    labelProps: E,
+    buttonProps: {
+      ...B,
+      ...$,
+      excludeFromTabOrder: !0,
+      preventFocusOnPress: !0,
+      onPress: V,
+      onPressStart: H,
+      isDisabled: z || g
+    },
+    inputProps: ae(D, {
+      role: "combobox",
+      "aria-expanded": B["aria-expanded"],
+      "aria-controls": u.isOpen ? T.id : void 0,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": F ? Tu(u, F.key) : void 0,
+      onTouchEnd: w,
+      // 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"
     }),
-    inputProps: y(g, {
-      ...R,
-      type: "radio",
-      name: b,
-      tabIndex: p,
-      disabled: i,
-      required: e.isRequired && c === "native",
-      checked: t,
-      value: r,
-      onChange: v,
-      "aria-describedby": [
-        a["aria-describedby"],
-        e.isInvalid ? h : null,
-        o
-      ].filter(Boolean).join(" ") || void 0
+    listBoxProps: ae(T, S, {
+      autoFocus: u.focusStrategy,
+      shouldUseVirtualFocus: !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      linkBehavior: "selection"
     }),
-    isDisabled: i,
-    isSelected: t,
-    isPressed: x || $
+    descriptionProps: Z,
+    errorMessageProps: oe,
+    isInvalid: U,
+    validationErrors: s,
+    validationDetails: _
   };
 }
-function fe(a, e) {
-  let { name: d, isReadOnly: r, isRequired: s, isDisabled: l, orientation: n = "vertical", validationBehavior: i = "aria" } = a, { direction: u } = se(), { isInvalid: f, validationErrors: t, validationDetails: v } = e.displayValidation, { labelProps: m, fieldProps: x, descriptionProps: P, errorMessageProps: $ } = Z({
-    ...a,
-    // Radio group is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span",
-    isInvalid: e.isInvalid,
-    errorMessage: a.errorMessage || t
-  }), V = F(a, {
-    labelable: !0
-  }), { focusWithinProps: R } = E({
-    onBlurWithin(b) {
-      var o;
-      (o = a.onBlur) === null || o === void 0 || o.call(a, b), e.selectedValue || e.setLastFocusedValue(null);
+function Xu(e) {
+  var u;
+  let { defaultFilter: c, menuTrigger: b = "input", allowsEmptyCollection: l = !1, allowsCustomValue: d, shouldCloseOnBlur: f = !0 } = e, [C, h] = Q(!1), [g, z] = Q(!1), [v, A] = Q(null), B = (o) => {
+    e.onSelectionChange && e.onSelectionChange(o), o === t && (O(), k());
+  };
+  var T;
+  let { collection: x, selectionManager: y, selectedKey: t, setSelectedKey: R, selectedItem: ue, disabledKeys: ne } = Mu({
+    ...e,
+    onSelectionChange: B,
+    items: (T = e.items) !== null && T !== void 0 ? T : e.defaultItems
+  }), G = e.defaultInputValue;
+  if (G == null) {
+    var N, U;
+    t == null ? G = "" : G = (U = (N = x.getItem(t)) === null || N === void 0 ? void 0 : N.textValue) !== null && U !== void 0 ? U : "";
+  }
+  let [s, _] = zu(e.inputValue, G, e.onInputChange), E = x, D = ee(() => (
+    // No default filter if items are controlled.
+    e.items != null || !c ? x : Ju(x, s, c)
+  ), [
+    x,
+    s,
+    c,
+    e.items
+  ]), [Z, oe] = Q(D), V = m("focus"), $ = Lu({
+    ...e,
+    onOpenChange: (o) => {
+      e.onOpenChange && e.onOpenChange(o, o ? V.current : void 0), y.setFocused(o), o || y.setFocusedKey(null);
     },
-    onFocusWithin: a.onFocus,
-    onFocusWithinChange: a.onFocusChange
-  }), g = (b) => {
-    let o;
-    switch (b.key) {
-      case "ArrowRight":
-        u === "rtl" && n !== "vertical" ? o = "prev" : o = "next";
-        break;
-      case "ArrowLeft":
-        u === "rtl" && n !== "vertical" ? o = "next" : o = "prev";
-        break;
-      case "ArrowDown":
-        o = "next";
-        break;
-      case "ArrowUp":
-        o = "prev";
-        break;
-      default:
-        return;
-    }
-    b.preventDefault();
-    let h = le(b.currentTarget, {
-      from: b.target
-    }), c;
-    o === "next" ? (c = h.nextNode(), c || (h.currentNode = b.currentTarget, c = h.firstChild())) : (c = h.previousNode(), c || (h.currentNode = b.currentTarget, c = h.lastChild())), c && (c.focus(), e.setSelectedValue(c.value));
-  }, p = G(d);
-  return C.set(e, {
-    name: p,
-    descriptionId: P.id,
-    errorMessageId: $.id,
-    validationBehavior: i
-  }), {
-    radioGroupProps: y(V, {
-      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
-      role: "radiogroup",
-      onKeyDown: g,
-      "aria-invalid": e.isInvalid || void 0,
-      "aria-errormessage": a["aria-errormessage"],
-      "aria-readonly": r || void 0,
-      "aria-required": s || void 0,
-      "aria-disabled": l || void 0,
-      "aria-orientation": n,
-      ...x,
-      ...R
-    }),
-    labelProps: m,
-    descriptionProps: P,
-    errorMessageProps: $,
-    isInvalid: f,
-    validationErrors: t,
-    validationDetails: v
+    isOpen: void 0,
+    defaultOpen: void 0
+  }), S = (o = null, r) => {
+    let a = r === "manual" || r === "focus" && b === "focus";
+    (l || D.size > 0 || a && E.size > 0 || e.items) && (a && !$.isOpen && e.items === void 0 && h(!0), V.current = r, A(o), $.open());
+  }, P = (o = null, r) => {
+    let a = r === "manual" || r === "focus" && b === "focus";
+    !(l || D.size > 0 || a && E.size > 0 || e.items) && !$.isOpen || (a && !$.isOpen && e.items === void 0 && h(!0), $.isOpen || (V.current = r), F(o));
+  }, w = se(() => {
+    oe(C ? E : D);
+  }, [
+    C,
+    E,
+    D
+  ]), F = se((o = null) => {
+    $.isOpen && w(), A(o), $.toggle();
+  }, [
+    $,
+    w
+  ]), k = se(() => {
+    $.isOpen && (w(), $.close());
+  }, [
+    $,
+    w
+  ]), [K, M] = Q(s), O = () => {
+    var o, r;
+    let a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
+    M(a), _(a);
   };
-}
-let ue = Math.round(Math.random() * 1e10), be = 0;
-function $e(a) {
-  let e = ie(() => a.name || `radio-group-${ue}-${++be}`, [
-    a.name
+  var X, J;
+  let L = m((J = (X = e.selectedKey) !== null && X !== void 0 ? X : e.defaultSelectedKey) !== null && J !== void 0 ? J : null);
+  var Y;
+  let te = m(t != null && (Y = (u = x.getItem(t)) === null || u === void 0 ? void 0 : u.textValue) !== null && Y !== void 0 ? Y : "");
+  pe(() => {
+    var o;
+    g && (D.size > 0 || l) && !$.isOpen && s !== K && b !== "manual" && S(null, "input"), !C && !l && $.isOpen && D.size === 0 && k(), t != null && t !== L.current && k(), s !== K && (y.setFocusedKey(null), h(!1), s === "" && (e.inputValue === void 0 || e.selectedKey === void 0) && R(null)), t !== L.current && (e.inputValue === void 0 || e.selectedKey === void 0) ? O() : K !== s && M(s);
+    var r;
+    let a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
+    !g && t != null && e.inputValue === void 0 && t === L.current && te.current !== a && (M(a), _(a)), L.current = t, te.current = a;
+  });
+  let le = xu({
+    ...e,
+    value: ee(() => ({
+      inputValue: s,
+      selectedKey: t
+    }), [
+      s,
+      t
+    ])
+  }), n = () => {
+    d && t == null ? i() : p();
+  }, i = () => {
+    L.current = null, R(null), k();
+  }, p = () => {
+    if (e.selectedKey !== void 0 && e.inputValue !== void 0) {
+      var o, r;
+      (o = e.onSelectionChange) === null || o === void 0 || o.call(e, t);
+      var a;
+      let nu = t != null && (a = (r = x.getItem(t)) === null || r === void 0 ? void 0 : r.textValue) !== null && a !== void 0 ? a : "";
+      M(nu), k();
+    } else
+      O(), k();
+  };
+  const I = () => {
+    if (d) {
+      var o, r;
+      const a = t != null && (r = (o = x.getItem(t)) === null || o === void 0 ? void 0 : o.textValue) !== null && r !== void 0 ? r : "";
+      s === a ? p() : i();
+    } else
+      p();
+  };
+  let ie = () => {
+    $.isOpen && y.focusedKey != null ? t === y.focusedKey ? p() : R(y.focusedKey) : I();
+  }, de = m(s), ce = (o) => {
+    o ? (de.current = s, b === "focus" && !e.isReadOnly && S(null, "focus")) : (f && I(), s !== de.current && le.commitValidation()), z(o);
+  }, uu = ee(() => $.isOpen ? C ? E : D : Z, [
+    $.isOpen,
+    E,
+    D,
+    C,
+    Z
   ]);
-  var d;
-  let [r, s] = re(a.value, (d = a.defaultValue) !== null && d !== void 0 ? d : null, a.onChange), [l, n] = de(null), i = Q({
-    ...a,
-    value: r
-  }), u = (t) => {
-    !a.isReadOnly && !a.isDisabled && (s(t), i.commitValidation());
-  }, f = i.displayValidation.isInvalid;
   return {
-    ...i,
-    name: e,
-    selectedValue: r,
-    setSelectedValue: u,
-    lastFocusedValue: l,
-    setLastFocusedValue: n,
-    isDisabled: a.isDisabled || !1,
-    isReadOnly: a.isReadOnly || !1,
-    isRequired: a.isRequired || !1,
-    validationState: a.validationState || (f ? "invalid" : null),
-    isInvalid: f
+    ...le,
+    ...$,
+    focusStrategy: v,
+    toggle: P,
+    open: S,
+    close: I,
+    selectionManager: y,
+    selectedKey: t,
+    setSelectedKey: R,
+    disabledKeys: ne,
+    isFocused: g,
+    setFocused: ce,
+    selectedItem: ue,
+    collection: uu,
+    inputValue: s,
+    setInputValue: _,
+    commit: ie,
+    revert: n
   };
 }
-const pe = /* @__PURE__ */ q(null), ve = /* @__PURE__ */ q(null), O = /* @__PURE__ */ q(null), me = /* @__PURE__ */ S(function(e, d) {
-  [e, d] = _(e, d, pe);
-  let { validationBehavior: r } = N(X) || {};
-  var s, l;
-  let n = (l = (s = e.validationBehavior) !== null && s !== void 0 ? s : r) !== null && l !== void 0 ? l : "native", i = $e({
-    ...e,
-    validationBehavior: n
-  }), [u, f] = T(), { radioGroupProps: t, labelProps: v, descriptionProps: m, errorMessageProps: x, ...P } = fe({
-    ...e,
-    label: f,
-    validationBehavior: n
-  }, i), $ = M({
+function Ju(e, u, c) {
+  return new ju(eu(e, e, u, c));
+}
+function eu(e, u, c, b) {
+  let l = [];
+  for (let d of u)
+    if (d.type === "section" && d.hasChildNodes) {
+      let f = eu(e, he(d, e), c, b);
+      [
+        ...f
+      ].some((C) => C.type === "item") && l.push({
+        ...d,
+        childNodes: f
+      });
+    } else d.type === "item" && b(d.textValue, c) ? l.push({
+      ...d
+    }) : d.type !== "item" && l.push({
+      ...d
+    });
+  return l;
+}
+const Yu = /* @__PURE__ */ xe(null), Qu = /* @__PURE__ */ xe(null), en = /* @__PURE__ */ ou(function(u, c) {
+  [u, c] = pu(u, c, Yu);
+  let { children: b, isDisabled: l = !1, isInvalid: d = !1, isRequired: f = !1 } = u, C = ee(() => {
+    var h;
+    return /* @__PURE__ */ W.createElement(fe.Provider, {
+      value: {
+        items: (h = u.items) !== null && h !== void 0 ? h : u.defaultItems
+      }
+    }, typeof b == "function" ? b({
+      isOpen: !1,
+      isDisabled: l,
+      isInvalid: d,
+      isRequired: f,
+      defaultChildren: null
+    }) : b);
+  }, [
+    b,
+    l,
+    d,
+    f,
+    u.items,
+    u.defaultItems
+  ]);
+  return /* @__PURE__ */ W.createElement(Gu, {
+    content: C
+  }, (h) => /* @__PURE__ */ W.createElement(un, {
+    props: u,
+    collection: h,
+    comboBoxRef: c
+  }));
+});
+function un({ props: e, collection: u, comboBoxRef: c }) {
+  let { name: b, formValue: l = "key", allowsCustomValue: d } = e;
+  d && (l = "text");
+  let { validationBehavior: f } = du(fu) || {};
+  var C, h;
+  let g = (h = (C = e.validationBehavior) !== null && C !== void 0 ? C : f) !== null && h !== void 0 ? h : "native", { contains: z } = Vu({
+    sensitivity: "base"
+  }), v = Xu({
+    defaultFilter: e.defaultFilter || z,
     ...e,
-    values: {
-      orientation: e.orientation || "vertical",
-      isDisabled: i.isDisabled,
-      isReadOnly: i.isReadOnly,
-      isRequired: i.isRequired,
-      isInvalid: i.isInvalid,
-      state: i
-    },
-    defaultClassName: "react-aria-RadioGroup"
+    // 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: g
+  }), A = m(null), B = m(null), T = m(null), x = m(null), [y, t] = su(), { buttonProps: R, inputProps: ue, listBoxProps: ne, labelProps: G, descriptionProps: N, errorMessageProps: U, ...s } = Hu({
+    ...$u(e),
+    label: t,
+    inputRef: B,
+    buttonRef: A,
+    listBoxRef: T,
+    popoverRef: x,
+    name: l === "text" ? b : void 0,
+    validationBehavior: g
+  }, v), [_, E] = Q(null), D = se(() => {
+    if (B.current) {
+      var $;
+      let S = ($ = A.current) === null || $ === void 0 ? void 0 : $.getBoundingClientRect(), P = B.current.getBoundingClientRect(), w = S ? Math.min(S.left, P.left) : P.left, F = S ? Math.max(S.right, P.right) : P.right;
+      E(F - w + "px");
+    }
+  }, [
+    A,
+    B,
+    E
+  ]);
+  Iu({
+    ref: B,
+    onResize: D
   });
-  return /* @__PURE__ */ I.createElement("div", {
-    ...t,
-    ...$,
-    ref: d,
-    slot: e.slot || void 0,
-    "data-orientation": e.orientation || "vertical",
-    "data-invalid": i.isInvalid || void 0,
-    "data-disabled": i.isDisabled || void 0,
-    "data-readonly": i.isReadOnly || void 0,
-    "data-required": i.isRequired || void 0
-  }, /* @__PURE__ */ I.createElement(W, {
+  let Z = ee(() => ({
+    isOpen: v.isOpen,
+    isDisabled: e.isDisabled || !1,
+    isInvalid: s.isInvalid || !1,
+    isRequired: e.isRequired || !1
+  }), [
+    v.isOpen,
+    e.isDisabled,
+    s.isInvalid,
+    e.isRequired
+  ]), oe = ru({
+    ...e,
+    values: Z,
+    defaultClassName: "react-aria-ComboBox"
+  }), V = bu(e);
+  delete V.id;
+  var H;
+  return /* @__PURE__ */ W.createElement(au, {
     values: [
       [
-        O,
-        i
+        Qu,
+        v
+      ],
+      [
+        Eu,
+        {
+          ...G,
+          ref: y
+        }
+      ],
+      [
+        tu,
+        {
+          ...R,
+          ref: A,
+          isPressed: v.isOpen
+        }
       ],
       [
-        ee,
+        Au,
         {
-          ...v,
-          ref: u,
-          elementType: "span"
+          ...ue,
+          ref: B
         }
       ],
       [
-        ae,
+        Pu,
+        v
+      ],
+      [
+        Ku,
+        {
+          ref: x,
+          triggerRef: B,
+          scrollRef: T,
+          placement: "bottom start",
+          isNonModal: !0,
+          trigger: "ComboBox",
+          style: {
+            "--trigger-width": _
+          }
+        }
+      ],
+      [
+        fe,
+        {
+          ...ne,
+          ref: T
+        }
+      ],
+      [
+        yu,
+        v
+      ],
+      [
+        Ru,
         {
           slots: {
-            description: m,
-            errorMessage: x
+            description: N,
+            errorMessage: U
           }
         }
       ],
       [
-        Y,
-        P
+        mu,
+        {
+          isInvalid: s.isInvalid,
+          isDisabled: e.isDisabled || !1
+        }
+      ],
+      [
+        hu,
+        s
       ]
     ]
-  }, $.children));
-}), xe = /* @__PURE__ */ S(function(e, d) {
-  let { inputRef: r = null, ...s } = e;
-  [e, d] = _(s, d, ve);
-  let l = I.useContext(O), n = A(H(r, e.inputRef !== void 0 ? e.inputRef : null)), { labelProps: i, inputProps: u, isSelected: f, isDisabled: t, isPressed: v } = ce({
-    ...j(e),
-    // ReactNode type doesn't allow function children.
-    children: typeof e.children == "function" ? !0 : e.children
-  }, l, n), { isFocused: m, isFocusVisible: x, focusProps: P } = K(), $ = t || l.isReadOnly, { hoverProps: V, isHovered: R } = z({
-    ...e,
-    isDisabled: $
-  }), g = M({
-    ...e,
-    defaultClassName: "react-aria-Radio",
-    values: {
-      isSelected: f,
-      isPressed: v,
-      isHovered: R,
-      isFocused: m,
-      isFocusVisible: x,
-      isDisabled: t,
-      isReadOnly: l.isReadOnly,
-      isInvalid: l.isInvalid,
-      isRequired: l.isRequired
+  }, /* @__PURE__ */ W.createElement("div", {
+    ...V,
+    ...oe,
+    ref: c,
+    slot: e.slot || void 0,
+    "data-focused": v.isFocused || void 0,
+    "data-open": v.isOpen || void 0,
+    "data-disabled": e.isDisabled || void 0,
+    "data-invalid": s.isInvalid || void 0,
+    "data-required": e.isRequired || void 0
+  }), b && l === "key" && /* @__PURE__ */ W.createElement("input", {
+    type: "hidden",
+    name: b,
+    value: (H = v.selectedKey) !== null && H !== void 0 ? H : ""
+  }));
+}
+const nn = '"../theme/tokens.css"', on = '"Inter", sans-serif', tn = "#000000", ln = "#b31b1b", cn = "(max-width: 767px)", pn = "#bfbfbf", dn = "#e6e6e6", sn = "#f2f2f2", $n = "0 0 0 2px #ffffff, 0 0 0 4px #000000", rn = "#f2f2f2", bn = "_input_1ek0k_4", an = "_combobox_1ek0k_33", Cn = "_text_1ek0k_49", xn = "_wrap_1ek0k_54", fn = "_button_1ek0k_59", hn = "_icon_1ek0k_77", mn = "_popover_1ek0k_83", vn = "_fieldError_1ek0k_91", An = "_listBoxItem_1ek0k_102", q = {
+  tokens: nn,
+  display: on,
+  black: tn,
+  signalRed130: ln,
+  smBreakpoint: cn,
+  gray50: pn,
+  gray20: dn,
+  gray10: sn,
+  focus: $n,
+  backgroundSecondary: rn,
+  input: bn,
+  combobox: an,
+  text: Cn,
+  wrap: xn,
+  button: fn,
+  icon: hn,
+  popover: mn,
+  fieldError: vn,
+  listBoxItem: An
+};
+function _n({
+  label: e,
+  description: u,
+  errorMessage: c,
+  children: b,
+  items: l,
+  ...d
+}) {
+  const f = W.useRef(null);
+  return /* @__PURE__ */ be(
+    en,
+    {
+      className: q.combobox,
+      ref: f,
+      ...d,
+      children: [
+        /* @__PURE__ */ j(
+          qu,
+          {
+            label: e,
+            description: u,
+            errorMessage: c,
+            children: /* @__PURE__ */ be("div", { className: q.wrap, children: [
+              /* @__PURE__ */ j(Bu, { className: q.input }),
+              /* @__PURE__ */ j(
+                lu,
+                {
+                  className: q.button,
+                  "aria-label": "Visa lista",
+                  children: /* @__PURE__ */ j(
+                    "div",
+                    {
+                      className: q.icon,
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ j(
+                        Wu,
+                        {
+                          size: 20,
+                          "aria-hidden": !0
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] })
+          }
+        ),
+        /* @__PURE__ */ j(
+          Ou,
+          {
+            className: q.popover,
+            offset: 0,
+            UNSTABLE_portalContainer: f.current || void 0,
+            children: /* @__PURE__ */ j(Fu, { items: l, children: b })
+          }
+        )
+      ]
     }
-  }), p = F(e);
-  return delete p.id, /* @__PURE__ */ I.createElement("label", {
-    ...y(p, i, V, g),
-    ref: d,
-    "data-selected": f || void 0,
-    "data-pressed": v || void 0,
-    "data-hovered": R || void 0,
-    "data-focused": m || void 0,
-    "data-focus-visible": x || void 0,
-    "data-disabled": t || void 0,
-    "data-readonly": l.isReadOnly || void 0,
-    "data-invalid": l.isInvalid || void 0,
-    "data-required": l.isRequired || void 0
-  }, /* @__PURE__ */ I.createElement(te, {
-    elementType: "span"
-  }, /* @__PURE__ */ I.createElement("input", {
-    ...y(u, P),
-    ref: n
-  })), g.children);
-}), Pe = '"../theme/tokens.css"', he = '"Inter", sans-serif', ye = "undefined", Re = "#1f1f1f", ge = "#000000", Ie = "#143c50", Ve = "#bfbfbf", De = "#b3b3b3", Be = "#ffdfdf", ke = "#e62323", Fe = "undefined", qe = "#1f1f1f", we = "undefined", _e = "(max-width: 767px)", Me = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Se = "(min-width: 768px)", Ce = "#b3b3b3", Oe = "_radioGroup_1vn0q_4", Le = "_wrap_1vn0q_17", Ee = "_radio_1vn0q_4", k = {
-  tokens: Pe,
-  display: he,
-  inputLabel: ye,
-  inputText: Re,
-  black: ge,
-  blue150: Ie,
-  gray50: Ve,
-  gray60: De,
-  signalRed10: Be,
-  signalRed100: ke,
-  medium: Fe,
-  gray150: qe,
-  regular: we,
-  smBreakpoint: _e,
-  focus: Me,
-  mdBreakpoint: Se,
-  borderSecondary: Ce,
-  radioGroup: Oe,
-  wrap: Le,
-  radio: Ee
-}, Ye = ({
-  label: a,
-  description: e,
-  errorMessage: d,
-  children: r,
-  ...s
-}) => /* @__PURE__ */ D(
-  me,
-  {
-    ...s,
-    className: k.radioGroup,
-    children: /* @__PURE__ */ D(
-      oe,
-      {
-        label: a,
-        description: e,
-        errorMessage: d,
-        children: /* @__PURE__ */ D(L, { className: k.wrap, children: r })
-      }
-    )
-  }
-), Ze = (a) => /* @__PURE__ */ D(
-  xe,
-  {
-    className: k.radio,
-    ...a
-  }
-);
+  );
+}
+function qn(e) {
+  return /* @__PURE__ */ j(
+    gu,
+    {
+      className: q.listBoxItem,
+      ...e
+    }
+  );
+}
 export {
-  Ze as Radio,
-  Ye as RadioGroup
+  _n as ComboBox,
+  qn as ComboBoxItem
 };