@eightshift/ui-components 1.3.1 → 1.4.0

package/dist/components/link-input/link-input.js

@@ -1,256 +1,1269 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-DTARR6Ff.js";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-BQu67pVS.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DWRQF0ro.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DC-UMp1n.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-uYE9D_E3.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-B4IdLYb8.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CBPJ4Xx8.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-WZgNv9RE.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CaS4qmLb.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
+import { b as $b1f0cad8af73213b$export$3585ede4d035bf14, c as $b1f0cad8af73213b$export$9145995848b05025, d as $eed445e0843c11d0$export$7ff8f37d2d81a48d, e as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-MZyPpwvj.js";
+import { f as $de32f1b87079253c$export$d2f961adcb0afbe, i as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-CGE2ficT.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
+import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, k as $c5a24bc478652b5f$export$1005530eda016c13, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-CvRaua4m.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import React__default, { useReducer, useRef, useEffect, forwardRef, createContext, useMemo, useState } from "react";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-DGZ4R5fj.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-Cwm_siat.js";
-import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-IxfzzzbP.js";
-import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $9daab02d461809db$export$683480f191c0e3ea, T as Tooltip } from "../../tooltip-C9mg1CP5.js";
+import React__default, { useCallback, useMemo, useRef, useEffect, useState, useReducer, forwardRef, createContext, cloneElement } from "react";
+import { b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-C7Few7L6.js";
+import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DC5jbhBW.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CzZUgAt0.js";
+import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-Csx05BmT.js";
+import { w as $c87311424ea30a05$export$e1865c3bedcd822b, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-PMGZgZ9-.js";
+import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../../LiveAnnouncer-D8h-3GrG.js";
+import { $ as $5e3802645cc19319$export$1c3ebcada18427bf } from "../../ariaHideOutside-BzxkODNq.js";
+import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-CY8MpqYD.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-JaBafrnV.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-CVIIVTgz.js";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-CMgzyMKW.js";
+import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Spacer } from "../spacer/spacer.js";
-import { T as Tooltip } from "../../tooltip-DSk8I1SO.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { Popover } from "../popover/popover.js";
-import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BpYQj7kK.js";
-var $03c9a1a10de12f06$exports = {};
-$03c9a1a10de12f06$exports = {
-  "Clear search": `مسح البحث`
+import { $ as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-B5Pk32vd.js";
+function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
+  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
+    usage: "search",
+    ...options
+  });
+  let startsWith = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(0, substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let endsWith = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(-substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let contains = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    let scan = 0;
+    let sliceLen = substring.length;
+    for (; scan + sliceLen <= string.length; scan++) {
+      let slice = string.slice(scan, scan + sliceLen);
+      if (collator.compare(substring, slice) === 0) return true;
+    }
+    return false;
+  }, [
+    collator
+  ]);
+  return useMemo(() => ({
+    startsWith,
+    endsWith,
+    contains
+  }), [
+    startsWith,
+    endsWith,
+    contains
+  ]);
+}
+var $02cb4c75c506befe$exports = {};
+$02cb4c75c506befe$exports = {
+  "buttonLabel": `عرض المقترحات`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} خيار`,
+    other: () => `${formatter.number(args.optionCount)} خيارات`
+  })} متاحة.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `المجموعة المدخلة ${args.groupTitle}, مع ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} خيار`,
+      other: () => `${formatter.number(args.groupCount)} خيارات`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, محدد`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `مقترحات`,
+  "selectedAnnouncement": (args) => `${args.optionText}، محدد`
+};
+var $568b8163f1e56faf$exports = {};
+$568b8163f1e56faf$exports = {
+  "buttonLabel": `Покажи предложения`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} опция`,
+    other: () => `${formatter.number(args.optionCount)} опции`
+  })} на разположение.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Въведена група ${args.groupTitle}, с ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} опция`,
+      other: () => `${formatter.number(args.groupCount)} опции`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, избрани`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Предложения`,
+  "selectedAnnouncement": (args) => `${args.optionText}, избрани`
+};
+var $87581c0202d106b8$exports = {};
+$87581c0202d106b8$exports = {
+  "buttonLabel": `Zobrazit doporučení`,
+  "countAnnouncement": (args, formatter) => `K dispozici ${formatter.plural(args.optionCount, {
+    one: () => `je ${formatter.number(args.optionCount)} možnost`,
+    other: () => `jsou/je ${formatter.number(args.optionCount)} možnosti/-í`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Zadaná skupina „${args.groupTitle}“ ${formatter.plural(args.groupCount, {
+      one: () => `s ${formatter.number(args.groupCount)} možností`,
+      other: () => `se ${formatter.number(args.groupCount)} možnostmi`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: ` (vybráno)`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Návrhy`,
+  "selectedAnnouncement": (args) => `${args.optionText}, vybráno`
+};
+var $a10a0369f5433ed1$exports = {};
+$a10a0369f5433ed1$exports = {
+  "buttonLabel": `Vis forslag`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} mulighed tilgængelig`,
+    other: () => `${formatter.number(args.optionCount)} muligheder tilgængelige`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Angivet gruppe ${args.groupTitle}, med ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} mulighed`,
+      other: () => `${formatter.number(args.groupCount)} muligheder`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valgt`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Forslag`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valgt`
+};
+var $bfd288727d5cb166$exports = {};
+$bfd288727d5cb166$exports = {
+  "buttonLabel": `Empfehlungen anzeigen`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} Option`,
+    other: () => `${formatter.number(args.optionCount)} Optionen`
+  })} verfügbar.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Eingetretene Gruppe ${args.groupTitle}, mit ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} Option`,
+      other: () => `${formatter.number(args.groupCount)} Optionen`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, ausgewählt`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Empfehlungen`,
+  "selectedAnnouncement": (args) => `${args.optionText}, ausgewählt`
+};
+var $ca177778f9a74e3c$exports = {};
+$ca177778f9a74e3c$exports = {
+  "buttonLabel": `Προβολή προτάσεων`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} επιλογή`,
+    other: () => `${formatter.number(args.optionCount)} επιλογές `
+  })} διαθέσιμες.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Εισαγμένη ομάδα ${args.groupTitle}, με ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} επιλογή`,
+      other: () => `${formatter.number(args.groupCount)} επιλογές`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, επιλεγμένο`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Προτάσεις`,
+  "selectedAnnouncement": (args) => `${args.optionText}, επιλέχθηκε`
+};
+var $9b5aa79ef84beb6c$exports = {};
+$9b5aa79ef84beb6c$exports = {
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Entered group ${args.groupTitle}, with ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} option`,
+      other: () => `${formatter.number(args.groupCount)} options`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selected`,
+    other: ``
+  }, args.isSelected)}`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} option`,
+    other: () => `${formatter.number(args.optionCount)} options`
+  })} available.`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selected`,
+  "buttonLabel": `Show suggestions`,
+  "listboxLabel": `Suggestions`
+};
+var $57968e8209de2557$exports = {};
+$57968e8209de2557$exports = {
+  "buttonLabel": `Mostrar sugerencias`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opción`,
+    other: () => `${formatter.number(args.optionCount)} opciones`
+  })} disponible(s).`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Se ha unido al grupo ${args.groupTitle}, con ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opción`,
+      other: () => `${formatter.number(args.groupCount)} opciones`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, seleccionado`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugerencias`,
+  "selectedAnnouncement": (args) => `${args.optionText}, seleccionado`
+};
+var $60690790bf4c1c6a$exports = {};
+$60690790bf4c1c6a$exports = {
+  "buttonLabel": `Kuva soovitused`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} valik`,
+    other: () => `${formatter.number(args.optionCount)} valikud`
+  })} saadaval.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Sisestatud rühm ${args.groupTitle}, valikuga ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} valik`,
+      other: () => `${formatter.number(args.groupCount)} valikud`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valitud`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Soovitused`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valitud`
+};
+var $1101246e8c7d9357$exports = {};
+$1101246e8c7d9357$exports = {
+  "buttonLabel": `Näytä ehdotukset`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} vaihtoehto`,
+    other: () => `${formatter.number(args.optionCount)} vaihtoehdot`
+  })} saatavilla.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Mentiin ryhmään ${args.groupTitle}, ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} vaihtoehdon`,
+      other: () => `${formatter.number(args.groupCount)} vaihtoehdon`
+    })} kanssa.`,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valittu`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Ehdotukset`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valittu`
+};
+var $6404b5cb5b241730$exports = {};
+$6404b5cb5b241730$exports = {
+  "buttonLabel": `Afficher les suggestions`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} option`,
+    other: () => `${formatter.number(args.optionCount)} options`
+  })} disponible(s).`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Groupe ${args.groupTitle} rejoint, avec ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} option`,
+      other: () => `${formatter.number(args.groupCount)} options`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, sélectionné(s)`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Suggestions`,
+  "selectedAnnouncement": (args) => `${args.optionText}, sélectionné`
+};
+var $dfeafa702e92e31f$exports = {};
+$dfeafa702e92e31f$exports = {
+  "buttonLabel": `הצג הצעות`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `אפשרות ${formatter.number(args.optionCount)}`,
+    other: () => `${formatter.number(args.optionCount)} אפשרויות`
+  })} במצב זמין.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `נכנס לקבוצה ${args.groupTitle}, עם ${formatter.plural(args.groupCount, {
+      one: () => `אפשרות ${formatter.number(args.groupCount)}`,
+      other: () => `${formatter.number(args.groupCount)} אפשרויות`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, נבחר`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `הצעות`,
+  "selectedAnnouncement": (args) => `${args.optionText}, נבחר`
+};
+var $2d125e0b34676352$exports = {};
+$2d125e0b34676352$exports = {
+  "buttonLabel": `Prikaži prijedloge`,
+  "countAnnouncement": (args, formatter) => `Dostupno još: ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcije/a`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Unesena skupina ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcijom`,
+      other: () => `${formatter.number(args.groupCount)} opcije/a`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, odabranih`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Prijedlozi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, odabrano`
+};
+var $ea029611d7634059$exports = {};
+$ea029611d7634059$exports = {
+  "buttonLabel": `Javaslatok megjelenítése`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} lehetőség`,
+    other: () => `${formatter.number(args.optionCount)} lehetőség`
+  })} áll rendelkezésre.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Belépett a(z) ${args.groupTitle} csoportba, amely ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} lehetőséget`,
+      other: () => `${formatter.number(args.groupCount)} lehetőséget`
+    })} tartalmaz. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, kijelölve`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Javaslatok`,
+  "selectedAnnouncement": (args) => `${args.optionText}, kijelölve`
+};
+var $77f075bb86ad7091$exports = {};
+$77f075bb86ad7091$exports = {
+  "buttonLabel": `Mostra suggerimenti`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opzione disponibile`,
+    other: () => `${formatter.number(args.optionCount)} opzioni disponibili`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Ingresso nel gruppo ${args.groupTitle}, con ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opzione`,
+      other: () => `${formatter.number(args.groupCount)} opzioni`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selezionato`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Suggerimenti`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selezionato`
+};
+var $6e87462e84907983$exports = {};
+$6e87462e84907983$exports = {
+  "buttonLabel": `候補を表示`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} 個のオプション`,
+    other: () => `${formatter.number(args.optionCount)} 個のオプション`
+  })}を利用できます。`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `入力されたグループ ${args.groupTitle}、${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} 個のオプション`,
+      other: () => `${formatter.number(args.groupCount)} 個のオプション`
+    })}を含む。`,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `、選択済み`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `候補`,
+  "selectedAnnouncement": (args) => `${args.optionText}、選択済み`
+};
+var $9246f2c6edc6b232$exports = {};
+$9246f2c6edc6b232$exports = {
+  "buttonLabel": `제안 사항 표시`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)}개 옵션`,
+    other: () => `${formatter.number(args.optionCount)}개 옵션`
+  })}을 사용할 수 있습니다.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `입력한 그룹 ${args.groupTitle}, ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)}개 옵션`,
+      other: () => `${formatter.number(args.groupCount)}개 옵션`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, 선택됨`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `제안`,
+  "selectedAnnouncement": (args) => `${args.optionText}, 선택됨`
+};
+var $e587accc6c0a434c$exports = {};
+$e587accc6c0a434c$exports = {
+  "buttonLabel": `Rodyti pasiūlymus`,
+  "countAnnouncement": (args, formatter) => `Yra ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} parinktis`,
+    other: () => `${formatter.number(args.optionCount)} parinktys (-ių)`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Įvesta grupė ${args.groupTitle}, su ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} parinktimi`,
+      other: () => `${formatter.number(args.groupCount)} parinktimis (-ių)`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, pasirinkta`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Pasiūlymai`,
+  "selectedAnnouncement": (args) => `${args.optionText}, pasirinkta`
+};
+var $03a1900e7400b5ab$exports = {};
+$03a1900e7400b5ab$exports = {
+  "buttonLabel": `Rādīt ieteikumus`,
+  "countAnnouncement": (args, formatter) => `Pieejamo opciju skaits: ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcijas`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Ievadīta grupa ${args.groupTitle}, ar ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opciju`,
+      other: () => `${formatter.number(args.groupCount)} opcijām`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, atlasīta`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Ieteikumi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, atlasīta`
+};
+var $1387676441be6cf6$exports = {};
+$1387676441be6cf6$exports = {
+  "buttonLabel": `Vis forslag`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} alternativ`,
+    other: () => `${formatter.number(args.optionCount)} alternativer`
+  })} finnes.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Angitt gruppe ${args.groupTitle}, med ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} alternativ`,
+      other: () => `${formatter.number(args.groupCount)} alternativer`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valgt`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Forslag`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valgt`
 };
-var $4da0c2ffa4ba4159$exports = {};
-$4da0c2ffa4ba4159$exports = {
-  "Clear search": `Изчистване на търсене`
+var $17e82ebf0f8ab91f$exports = {};
+$17e82ebf0f8ab91f$exports = {
+  "buttonLabel": `Suggesties weergeven`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} optie`,
+    other: () => `${formatter.number(args.optionCount)} opties`
+  })} beschikbaar.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Groep ${args.groupTitle} ingevoerd met ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} optie`,
+      other: () => `${formatter.number(args.groupCount)} opties`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, geselecteerd`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Suggesties`,
+  "selectedAnnouncement": (args) => `${args.optionText}, geselecteerd`
 };
-var $8c59fd0c2c96821b$exports = {};
-$8c59fd0c2c96821b$exports = {
-  "Clear search": `Vymazat hledání`
+var $2f5377d3471630e5$exports = {};
+$2f5377d3471630e5$exports = {
+  "buttonLabel": `Wyświetlaj sugestie`,
+  "countAnnouncement": (args, formatter) => `dostępna/dostępne(-nych) ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcja`,
+    other: () => `${formatter.number(args.optionCount)} opcje(-i)`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Dołączono do grupy ${args.groupTitle}, z ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcją`,
+      other: () => `${formatter.number(args.groupCount)} opcjami`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, wybrano`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestie`,
+  "selectedAnnouncement": (args) => `${args.optionText}, wybrano`
 };
-var $0a371f9c1df8120f$exports = {};
-$0a371f9c1df8120f$exports = {
-  "Clear search": `Ryd søgning`
+var $dee9868b6fa95ffe$exports = {};
+$dee9868b6fa95ffe$exports = {
+  "buttonLabel": `Mostrar sugestões`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opção`,
+    other: () => `${formatter.number(args.optionCount)} opções`
+  })} disponível.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Grupo inserido ${args.groupTitle}, com ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opção`,
+      other: () => `${formatter.number(args.groupCount)} opções`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selecionado`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestões`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selecionado`
 };
-var $67f4d0b0de9f8a52$exports = {};
-$67f4d0b0de9f8a52$exports = {
-  "Clear search": `Suche zurücksetzen`
+var $f8b2e63637cbb5a6$exports = {};
+$f8b2e63637cbb5a6$exports = {
+  "buttonLabel": `Apresentar sugestões`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opção`,
+    other: () => `${formatter.number(args.optionCount)} opções`
+  })} disponível.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Grupo introduzido ${args.groupTitle}, com ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opção`,
+      other: () => `${formatter.number(args.groupCount)} opções`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selecionado`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestões`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selecionado`
 };
-var $72a312d948f0214b$exports = {};
-$72a312d948f0214b$exports = {
-  "Clear search": `Απαλοιφή αναζήτησης`
+var $46a885db3b44ea95$exports = {};
+$46a885db3b44ea95$exports = {
+  "buttonLabel": `Afișare sugestii`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opțiune`,
+    other: () => `${formatter.number(args.optionCount)} opțiuni`
+  })} disponibile.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Grup ${args.groupTitle} introdus, cu ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opțiune`,
+      other: () => `${formatter.number(args.groupCount)} opțiuni`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, selectat`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Sugestii`,
+  "selectedAnnouncement": (args) => `${args.optionText}, selectat`
 };
-var $5012d21d933388c1$exports = {};
-$5012d21d933388c1$exports = {
-  "Clear search": `Clear search`
+var $50d8a8f0afa9dee5$exports = {};
+$50d8a8f0afa9dee5$exports = {
+  "buttonLabel": `Показать предложения`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} параметр`,
+    other: () => `${formatter.number(args.optionCount)} параметров`
+  })} доступно.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Введенная группа ${args.groupTitle}, с ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} параметром`,
+      other: () => `${formatter.number(args.groupCount)} параметрами`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, выбранными`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Предложения`,
+  "selectedAnnouncement": (args) => `${args.optionText}, выбрано`
 };
-var $0159854399308e2e$exports = {};
-$0159854399308e2e$exports = {
-  "Clear search": `Borrar búsqueda`
+var $2867ee6173245507$exports = {};
+$2867ee6173245507$exports = {
+  "buttonLabel": `Zobraziť návrhy`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} možnosť`,
+    other: () => `${formatter.number(args.optionCount)} možnosti/-í`
+  })} k dispozícii.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Zadaná skupina ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} možnosťou`,
+      other: () => `${formatter.number(args.groupCount)} možnosťami`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, vybraté`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Návrhy`,
+  "selectedAnnouncement": (args) => `${args.optionText}, vybraté`
 };
-var $390613981d970276$exports = {};
-$390613981d970276$exports = {
-  "Clear search": `Tühjenda otsing`
+var $0631b65beeb09b50$exports = {};
+$0631b65beeb09b50$exports = {
+  "buttonLabel": `Prikaži predloge`,
+  "countAnnouncement": (args, formatter) => `Na voljo je ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcije`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Vnesena skupina ${args.groupTitle}, z ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcija`,
+      other: () => `${formatter.number(args.groupCount)} opcije`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, izbrano`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Predlogi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, izbrano`
 };
-var $961ae0833f811705$exports = {};
-$961ae0833f811705$exports = {
-  "Clear search": `Tyhjennä haku`
-};
-var $26d76742decfd829$exports = {};
-$26d76742decfd829$exports = {
-  "Clear search": `Effacer la recherche`
-};
-var $92ef254c82a5c769$exports = {};
-$92ef254c82a5c769$exports = {
-  "Clear search": `נקה חיפוש`
-};
-var $e0321b43bdefb8b3$exports = {};
-$e0321b43bdefb8b3$exports = {
-  "Clear search": `Obriši pretragu`
-};
-var $0c1ee0b8d50940d9$exports = {};
-$0c1ee0b8d50940d9$exports = {
-  "Clear search": `Keresés törlése`
-};
-var $b09198915a38946f$exports = {};
-$b09198915a38946f$exports = {
-  "Clear search": `Cancella ricerca`
-};
-var $3a9a3d180c3145c0$exports = {};
-$3a9a3d180c3145c0$exports = {
-  "Clear search": `検索をクリア`
-};
-var $b7a611726449f4a3$exports = {};
-$b7a611726449f4a3$exports = {
-  "Clear search": `검색 지우기`
-};
-var $d9a3d49db610dd5c$exports = {};
-$d9a3d49db610dd5c$exports = {
-  "Clear search": `Išvalyti iešką`
-};
-var $3ab64b73ea27c23a$exports = {};
-$3ab64b73ea27c23a$exports = {
-  "Clear search": `Notīrīt meklēšanu`
-};
-var $bf5cce1b47d23baf$exports = {};
-$bf5cce1b47d23baf$exports = {
-  "Clear search": `Tøm søk`
-};
-var $4e0c9a9a010e4598$exports = {};
-$4e0c9a9a010e4598$exports = {
-  "Clear search": `Zoekactie wissen`
-};
-var $63cf4a75ec270508$exports = {};
-$63cf4a75ec270508$exports = {
-  "Clear search": `Wyczyść zawartość wyszukiwania`
-};
-var $083b0cad27fdbd06$exports = {};
-$083b0cad27fdbd06$exports = {
-  "Clear search": `Limpar pesquisa`
-};
-var $1b7f0864d830ba6d$exports = {};
-$1b7f0864d830ba6d$exports = {
-  "Clear search": `Limpar pesquisa`
-};
-var $d6d2588377fc9718$exports = {};
-$d6d2588377fc9718$exports = {
-  "Clear search": `Ştergeţi căutarea`
-};
-var $701c918a4653e946$exports = {};
-$701c918a4653e946$exports = {
-  "Clear search": `Очистить поиск`
-};
-var $7cacc29a1e5f4fbe$exports = {};
-$7cacc29a1e5f4fbe$exports = {
-  "Clear search": `Vymazať vyhľadávanie`
-};
-var $c63231bcc300d0df$exports = {};
-$c63231bcc300d0df$exports = {
-  "Clear search": `Počisti iskanje`
-};
-var $b61510478bc0e6f6$exports = {};
-$b61510478bc0e6f6$exports = {
-  "Clear search": `Obriši pretragu`
-};
-var $ce325e6dd3f9c37a$exports = {};
-$ce325e6dd3f9c37a$exports = {
-  "Clear search": `Rensa sökning`
-};
-var $1f7e1cf2285af2b2$exports = {};
-$1f7e1cf2285af2b2$exports = {
-  "Clear search": `Aramayı temizle`
-};
-var $2d999353ca652e34$exports = {};
-$2d999353ca652e34$exports = {
-  "Clear search": `Очистити пошук`
-};
-var $117b536bfb1ae554$exports = {};
-$117b536bfb1ae554$exports = {
-  "Clear search": `清除搜索`
-};
-var $525f6fa4ac26e278$exports = {};
-$525f6fa4ac26e278$exports = {
-  "Clear search": `清除搜尋條件`
-};
-var $8112f8b883c0272d$exports = {};
-$8112f8b883c0272d$exports = {
-  "ar-AE": $03c9a1a10de12f06$exports,
-  "bg-BG": $4da0c2ffa4ba4159$exports,
-  "cs-CZ": $8c59fd0c2c96821b$exports,
-  "da-DK": $0a371f9c1df8120f$exports,
-  "de-DE": $67f4d0b0de9f8a52$exports,
-  "el-GR": $72a312d948f0214b$exports,
-  "en-US": $5012d21d933388c1$exports,
-  "es-ES": $0159854399308e2e$exports,
-  "et-EE": $390613981d970276$exports,
-  "fi-FI": $961ae0833f811705$exports,
-  "fr-FR": $26d76742decfd829$exports,
-  "he-IL": $92ef254c82a5c769$exports,
-  "hr-HR": $e0321b43bdefb8b3$exports,
-  "hu-HU": $0c1ee0b8d50940d9$exports,
-  "it-IT": $b09198915a38946f$exports,
-  "ja-JP": $3a9a3d180c3145c0$exports,
-  "ko-KR": $b7a611726449f4a3$exports,
-  "lt-LT": $d9a3d49db610dd5c$exports,
-  "lv-LV": $3ab64b73ea27c23a$exports,
-  "nb-NO": $bf5cce1b47d23baf$exports,
-  "nl-NL": $4e0c9a9a010e4598$exports,
-  "pl-PL": $63cf4a75ec270508$exports,
-  "pt-BR": $083b0cad27fdbd06$exports,
-  "pt-PT": $1b7f0864d830ba6d$exports,
-  "ro-RO": $d6d2588377fc9718$exports,
-  "ru-RU": $701c918a4653e946$exports,
-  "sk-SK": $7cacc29a1e5f4fbe$exports,
-  "sl-SI": $c63231bcc300d0df$exports,
-  "sr-SP": $b61510478bc0e6f6$exports,
-  "sv-SE": $ce325e6dd3f9c37a$exports,
-  "tr-TR": $1f7e1cf2285af2b2$exports,
-  "uk-UA": $2d999353ca652e34$exports,
-  "zh-CN": $117b536bfb1ae554$exports,
-  "zh-TW": $525f6fa4ac26e278$exports
+var $65fc749265dcd686$exports = {};
+$65fc749265dcd686$exports = {
+  "buttonLabel": `Prikaži predloge`,
+  "countAnnouncement": (args, formatter) => `Dostupno još: ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} opcija`,
+    other: () => `${formatter.number(args.optionCount)} opcije/a`
+  })}.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Unesena grupa ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} opcijom`,
+      other: () => `${formatter.number(args.groupCount)} optione/a`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, izabranih`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Predlozi`,
+  "selectedAnnouncement": (args) => `${args.optionText}, izabrano`
+};
+var $69ba655c7853c08e$exports = {};
+$69ba655c7853c08e$exports = {
+  "buttonLabel": `Visa förslag`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} alternativ`,
+    other: () => `${formatter.number(args.optionCount)} alternativ`
+  })} tillgängliga.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Ingick i gruppen ${args.groupTitle} med ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} alternativ`,
+      other: () => `${formatter.number(args.groupCount)} alternativ`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, valda`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Förslag`,
+  "selectedAnnouncement": (args) => `${args.optionText}, valda`
+};
+var $a79794784d61577c$exports = {};
+$a79794784d61577c$exports = {
+  "buttonLabel": `Önerileri göster`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} seçenek`,
+    other: () => `${formatter.number(args.optionCount)} seçenekler`
+  })} kullanılabilir.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Girilen grup ${args.groupTitle}, ile ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} seçenek`,
+      other: () => `${formatter.number(args.groupCount)} seçenekler`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, seçildi`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Öneriler`,
+  "selectedAnnouncement": (args) => `${args.optionText}, seçildi`
+};
+var $c2845791417ebaf4$exports = {};
+$c2845791417ebaf4$exports = {
+  "buttonLabel": `Показати пропозиції`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} параметр`,
+    other: () => `${formatter.number(args.optionCount)} параметри(-ів)`
+  })} доступно.`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `Введена група ${args.groupTitle}, з ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} параметр`,
+      other: () => `${formatter.number(args.groupCount)} параметри(-ів)`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, вибрано`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `Пропозиції`,
+  "selectedAnnouncement": (args) => `${args.optionText}, вибрано`
+};
+var $29b642d0025cc7a4$exports = {};
+$29b642d0025cc7a4$exports = {
+  "buttonLabel": `显示建议`,
+  "countAnnouncement": (args, formatter) => `有 ${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} 个选项`,
+    other: () => `${formatter.number(args.optionCount)} 个选项`
+  })}可用。`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `进入了 ${args.groupTitle} 组，其中有 ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} 个选项`,
+      other: () => `${formatter.number(args.groupCount)} 个选项`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, 已选择`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `建议`,
+  "selectedAnnouncement": (args) => `${args.optionText}, 已选择`
+};
+var $cd36dd33f9d46936$exports = {};
+$cd36dd33f9d46936$exports = {
+  "buttonLabel": `顯示建議`,
+  "countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+    one: () => `${formatter.number(args.optionCount)} 選項`,
+    other: () => `${formatter.number(args.optionCount)} 選項`
+  })} 可用。`,
+  "focusAnnouncement": (args, formatter) => `${formatter.select({
+    true: () => `輸入的群組 ${args.groupTitle}, 有 ${formatter.plural(args.groupCount, {
+      one: () => `${formatter.number(args.groupCount)} 選項`,
+      other: () => `${formatter.number(args.groupCount)} 選項`
+    })}. `,
+    other: ``
+  }, args.isGroupChange)}${args.optionText}${formatter.select({
+    true: `, 已選取`,
+    other: ``
+  }, args.isSelected)}`,
+  "listboxLabel": `建議`,
+  "selectedAnnouncement": (args) => `${args.optionText}, 已選取`
+};
+var $de5926a92e8ebc5b$exports = {};
+$de5926a92e8ebc5b$exports = {
+  "ar-AE": $02cb4c75c506befe$exports,
+  "bg-BG": $568b8163f1e56faf$exports,
+  "cs-CZ": $87581c0202d106b8$exports,
+  "da-DK": $a10a0369f5433ed1$exports,
+  "de-DE": $bfd288727d5cb166$exports,
+  "el-GR": $ca177778f9a74e3c$exports,
+  "en-US": $9b5aa79ef84beb6c$exports,
+  "es-ES": $57968e8209de2557$exports,
+  "et-EE": $60690790bf4c1c6a$exports,
+  "fi-FI": $1101246e8c7d9357$exports,
+  "fr-FR": $6404b5cb5b241730$exports,
+  "he-IL": $dfeafa702e92e31f$exports,
+  "hr-HR": $2d125e0b34676352$exports,
+  "hu-HU": $ea029611d7634059$exports,
+  "it-IT": $77f075bb86ad7091$exports,
+  "ja-JP": $6e87462e84907983$exports,
+  "ko-KR": $9246f2c6edc6b232$exports,
+  "lt-LT": $e587accc6c0a434c$exports,
+  "lv-LV": $03a1900e7400b5ab$exports,
+  "nb-NO": $1387676441be6cf6$exports,
+  "nl-NL": $17e82ebf0f8ab91f$exports,
+  "pl-PL": $2f5377d3471630e5$exports,
+  "pt-BR": $dee9868b6fa95ffe$exports,
+  "pt-PT": $f8b2e63637cbb5a6$exports,
+  "ro-RO": $46a885db3b44ea95$exports,
+  "ru-RU": $50d8a8f0afa9dee5$exports,
+  "sk-SK": $2867ee6173245507$exports,
+  "sl-SI": $0631b65beeb09b50$exports,
+  "sr-SP": $65fc749265dcd686$exports,
+  "sv-SE": $69ba655c7853c08e$exports,
+  "tr-TR": $a79794784d61577c$exports,
+  "uk-UA": $c2845791417ebaf4$exports,
+  "zh-CN": $29b642d0025cc7a4$exports,
+  "zh-TW": $cd36dd33f9d46936$exports
 };
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $4d52238874b24f86$export$9bb30bbe003b82e0(props, state, inputRef) {
-  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($8112f8b883c0272d$exports), "@react-aria/searchfield");
-  let { isDisabled, isReadOnly, onSubmit = () => {
-  }, onClear, type = "search" } = props;
+function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
+  let { buttonRef, popoverRef, inputRef, listBoxRef, keyboardDelegate, layoutDelegate, shouldFocusWrap, isReadOnly, isDisabled } = props;
+  let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($de5926a92e8ebc5b$exports), "@react-aria/combobox");
+  let { menuTriggerProps, menuProps } = $168583247155ddda$export$dc9c12ed27dd1b49({
+    type: "listbox",
+    isDisabled: isDisabled || isReadOnly
+  }, state, buttonRef);
+  $b1f0cad8af73213b$export$3585ede4d035bf14.set(state, {
+    id: menuProps.id
+  });
+  let { collection } = state;
+  let { disabledKeys } = state.selectionManager;
+  let delegate = useMemo(() => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a({
+    collection,
+    disabledKeys,
+    ref: listBoxRef,
+    layoutDelegate
+  }), [
+    keyboardDelegate,
+    layoutDelegate,
+    collection,
+    disabledKeys,
+    listBoxRef
+  ]);
+  let { collectionProps } = $ae20dd8cbca75726$export$d6daf82dcd84e87c({
+    selectionManager: state.selectionManager,
+    keyboardDelegate: delegate,
+    disallowTypeAhead: true,
+    disallowEmptySelection: true,
+    shouldFocusWrap,
+    ref: inputRef,
+    // Prevent item scroll behavior from being applied here, should be handled in the user's Popover + ListBox component
+    isVirtualized: true
+  });
+  let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
   let onKeyDown = (e) => {
-    const key = e.key;
-    if (key === "Enter") e.preventDefault();
-    if (isDisabled || isReadOnly) return;
-    if (key === "Enter") onSubmit(state.value);
-    if (key === "Escape") {
-      if (state.value === "") e.continuePropagation();
-      else {
-        state.setValue("");
-        if (onClear) onClear();
-      }
+    if (e.nativeEvent.isComposing) return;
+    switch (e.key) {
+      case "Enter":
+      case "Tab":
+        if (state.isOpen && e.key === "Enter") e.preventDefault();
+        if (state.isOpen && state.selectionManager.focusedKey != null && state.selectionManager.isLink(state.selectionManager.focusedKey)) {
+          if (e.key === "Enter") {
+            let item = listBoxRef.current.querySelector(`[data-key="${CSS.escape(state.selectionManager.focusedKey.toString())}"]`);
+            if (item instanceof HTMLAnchorElement) {
+              let collectionItem = state.collection.getItem(state.selectionManager.focusedKey);
+              router.open(item, e, collectionItem.props.href, collectionItem.props.routerOptions);
+            }
+          }
+          state.close();
+        } else state.commit();
+        break;
+      case "Escape":
+        if (state.selectedKey !== null || state.inputValue === "" || props.allowsCustomValue) e.continuePropagation();
+        state.revert();
+        break;
+      case "ArrowDown":
+        state.open("first", "manual");
+        break;
+      case "ArrowUp":
+        state.open("last", "manual");
+        break;
+      case "ArrowLeft":
+      case "ArrowRight":
+        state.selectionManager.setFocusedKey(null);
+        break;
     }
   };
-  let onClearButtonClick = () => {
-    state.setValue("");
-    if (onClear) onClear();
+  let onBlur = (e) => {
+    var _popoverRef_current;
+    let blurFromButton = (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) && buttonRef.current === e.relatedTarget;
+    let blurIntoPopover = (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.contains(e.relatedTarget);
+    if (blurFromButton || blurIntoPopover) return;
+    if (props.onBlur) props.onBlur(e);
+    state.setFocused(false);
   };
-  let onPressStart = () => {
-    var _inputRef_current;
-    (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
+  let onFocus = (e) => {
+    if (state.isFocused) return;
+    if (props.onFocus) props.onFocus(e);
+    state.setFocused(true);
   };
-  let { labelProps, inputProps, descriptionProps, errorMessageProps, ...validation } = $2d73ec29415bd339$export$712718f7aec83d5({
+  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+  let { labelProps, inputProps, descriptionProps, errorMessageProps } = $2d73ec29415bd339$export$712718f7aec83d5({
     ...props,
-    value: state.value,
-    onChange: state.setValue,
-    onKeyDown: !isReadOnly ? $ff5963eb1fccf552$export$e08e3b67e392101e(onKeyDown, props.onKeyDown) : props.onKeyDown,
-    type
+    onChange: state.setInputValue,
+    onKeyDown: !isReadOnly ? $ff5963eb1fccf552$export$e08e3b67e392101e(state.isOpen && collectionProps.onKeyDown, onKeyDown, props.onKeyDown) : props.onKeyDown,
+    onBlur,
+    value: state.inputValue,
+    onFocus,
+    autoComplete: "off",
+    validate: void 0,
+    [$e5be200c675c3b3a$export$a763b9476acd3eb]: state
   }, inputRef);
+  let onPress = (e) => {
+    if (e.pointerType === "touch") {
+      inputRef.current.focus();
+      state.toggle(null, "manual");
+    }
+  };
+  let onPressStart = (e) => {
+    if (e.pointerType !== "touch") {
+      inputRef.current.focus();
+      state.toggle(e.pointerType === "keyboard" || e.pointerType === "virtual" ? "first" : null, "manual");
+    }
+  };
+  let triggerLabelProps = $313b98861ee5dd6c$export$d6875122194c7b44({
+    id: menuTriggerProps.id,
+    "aria-label": stringFormatter.format("buttonLabel"),
+    "aria-labelledby": props["aria-labelledby"] || labelProps.id
+  });
+  let listBoxProps = $313b98861ee5dd6c$export$d6875122194c7b44({
+    id: menuProps.id,
+    "aria-label": stringFormatter.format("listboxLabel"),
+    "aria-labelledby": props["aria-labelledby"] || labelProps.id
+  });
+  let lastEventTime = useRef(0);
+  let onTouchEnd = (e) => {
+    if (isDisabled || isReadOnly) return;
+    if (e.timeStamp - lastEventTime.current < 500) {
+      e.preventDefault();
+      inputRef.current.focus();
+      return;
+    }
+    let rect = e.target.getBoundingClientRect();
+    let touch = e.changedTouches[0];
+    let centerX = Math.ceil(rect.left + 0.5 * rect.width);
+    let centerY = Math.ceil(rect.top + 0.5 * rect.height);
+    if (touch.clientX === centerX && touch.clientY === centerY) {
+      e.preventDefault();
+      inputRef.current.focus();
+      state.toggle(null, "manual");
+      lastEventTime.current = e.timeStamp;
+    }
+  };
+  let focusedItem = state.selectionManager.focusedKey != null && state.isOpen ? state.collection.getItem(state.selectionManager.focusedKey) : void 0;
+  var _focusedItem_parentKey;
+  let sectionKey = (_focusedItem_parentKey = focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.parentKey) !== null && _focusedItem_parentKey !== void 0 ? _focusedItem_parentKey : null;
+  var _state_selectionManager_focusedKey;
+  let itemKey = (_state_selectionManager_focusedKey = state.selectionManager.focusedKey) !== null && _state_selectionManager_focusedKey !== void 0 ? _state_selectionManager_focusedKey : null;
+  let lastSection = useRef(sectionKey);
+  let lastItem = useRef(itemKey);
+  useEffect(() => {
+    if ($c87311424ea30a05$export$e1865c3bedcd822b() && focusedItem != null && itemKey !== lastItem.current) {
+      let isSelected = state.selectionManager.isSelected(itemKey);
+      let section = sectionKey != null ? state.collection.getItem(sectionKey) : null;
+      let sectionTitle = (section === null || section === void 0 ? void 0 : section["aria-label"]) || (typeof (section === null || section === void 0 ? void 0 : section.rendered) === "string" ? section.rendered : "") || "";
+      let announcement = stringFormatter.format("focusAnnouncement", {
+        isGroupChange: section && sectionKey !== lastSection.current,
+        groupTitle: sectionTitle,
+        groupCount: section ? [
+          ...$c5a24bc478652b5f$export$1005530eda016c13(section, state.collection)
+        ].length : 0,
+        optionText: focusedItem["aria-label"] || focusedItem.textValue || "",
+        isSelected
+      });
+      $319e236875307eab$export$a9b970dcc4ae71a9(announcement);
+    }
+    lastSection.current = sectionKey;
+    lastItem.current = itemKey;
+  });
+  let optionCount = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
+  let lastSize = useRef(optionCount);
+  let lastOpen = useRef(state.isOpen);
+  useEffect(() => {
+    let didOpenWithoutFocusedItem = state.isOpen !== lastOpen.current && (state.selectionManager.focusedKey == null || $c87311424ea30a05$export$e1865c3bedcd822b());
+    if (state.isOpen && (didOpenWithoutFocusedItem || optionCount !== lastSize.current)) {
+      let announcement = stringFormatter.format("countAnnouncement", {
+        optionCount
+      });
+      $319e236875307eab$export$a9b970dcc4ae71a9(announcement);
+    }
+    lastSize.current = optionCount;
+    lastOpen.current = state.isOpen;
+  });
+  let lastSelectedKey = useRef(state.selectedKey);
+  useEffect(() => {
+    if ($c87311424ea30a05$export$e1865c3bedcd822b() && state.isFocused && state.selectedItem && state.selectedKey !== lastSelectedKey.current) {
+      let optionText = state.selectedItem["aria-label"] || state.selectedItem.textValue || "";
+      let announcement = stringFormatter.format("selectedAnnouncement", {
+        optionText
+      });
+      $319e236875307eab$export$a9b970dcc4ae71a9(announcement);
+    }
+    lastSelectedKey.current = state.selectedKey;
+  });
+  useEffect(() => {
+    if (state.isOpen) return $5e3802645cc19319$export$1c3ebcada18427bf([
+      inputRef.current,
+      popoverRef.current
+    ]);
+  }, [
+    state.isOpen,
+    inputRef,
+    popoverRef
+  ]);
   return {
     labelProps,
-    inputProps: {
-      ...inputProps,
-      // already handled by useSearchFieldState
-      defaultValue: void 0
-    },
-    clearButtonProps: {
-      "aria-label": stringFormatter.format("Clear search"),
+    buttonProps: {
+      ...menuTriggerProps,
+      ...triggerLabelProps,
       excludeFromTabOrder: true,
-      // @ts-ignore
-      preventFocusOnPress: true,
-      isDisabled: isDisabled || isReadOnly,
-      onPress: onClearButtonClick,
-      onPressStart
+      onPress,
+      onPressStart,
+      isDisabled: isDisabled || isReadOnly
     },
+    inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, {
+      role: "combobox",
+      "aria-expanded": menuTriggerProps["aria-expanded"],
+      "aria-controls": state.isOpen ? menuProps.id : void 0,
+      // TODO: readd proper logic for completionMode = complete (aria-autocomplete: both)
+      "aria-autocomplete": "list",
+      "aria-activedescendant": focusedItem ? $b1f0cad8af73213b$export$9145995848b05025(state, focusedItem.key) : void 0,
+      onTouchEnd,
+      // This disable's iOS's autocorrect suggestions, since the combo box provides its own suggestions.
+      autoCorrect: "off",
+      // This disable's the macOS Safari spell check auto corrections.
+      spellCheck: "false"
+    }),
+    listBoxProps: $3ef42575df84b30b$export$9d1611c77c2fe928(menuProps, listBoxProps, {
+      autoFocus: state.focusStrategy,
+      shouldUseVirtualFocus: true,
+      shouldSelectOnPressUp: true,
+      shouldFocusOnHover: true,
+      linkBehavior: "selection"
+    }),
     descriptionProps,
     errorMessageProps,
-    ...validation
+    isInvalid,
+    validationErrors,
+    validationDetails
   };
 }
+function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
+  var _collection_getItem, _collection_getItem1;
+  let { defaultFilter, menuTrigger = "input", allowsEmptyCollection = false, allowsCustomValue, shouldCloseOnBlur = true } = props;
+  let [showAllItems, setShowAllItems] = useState(false);
+  let [isFocused, setFocusedState] = useState(false);
+  let [focusStrategy, setFocusStrategy] = useState(null);
+  let onSelectionChange = (key) => {
+    if (props.onSelectionChange) props.onSelectionChange(key);
+    if (key === selectedKey) {
+      resetInputValue();
+      closeMenu();
+    }
+  };
+  var _props_items;
+  let { collection, selectionManager, selectedKey, setSelectedKey, selectedItem, disabledKeys } = $a0d645289fe9b86b$export$e7f05e985daf4b5f({
+    ...props,
+    onSelectionChange,
+    items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
+  });
+  var _props_defaultInputValue, _ref;
+  let [inputValue, setInputValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.inputValue, (_ref = (_props_defaultInputValue = props.defaultInputValue) !== null && _props_defaultInputValue !== void 0 ? _props_defaultInputValue : (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _ref !== void 0 ? _ref : "", props.onInputChange);
+  let originalCollection = collection;
+  let filteredCollection = useMemo(() => (
+    // No default filter if items are controlled.
+    props.items != null || !defaultFilter ? collection : $a9e7382a7d111cb5$var$filterCollection(collection, inputValue, defaultFilter)
+  ), [
+    collection,
+    inputValue,
+    defaultFilter,
+    props.items
+  ]);
+  let [lastCollection, setLastCollection] = useState(filteredCollection);
+  let menuOpenTrigger = useRef("focus");
+  let onOpenChange = (open2) => {
+    if (props.onOpenChange) props.onOpenChange(open2, open2 ? menuOpenTrigger.current : void 0);
+    selectionManager.setFocused(open2);
+    if (!open2) selectionManager.setFocusedKey(null);
+  };
+  let triggerState = $fc909762b330b746$export$61c6a8c84e605fb6({
+    ...props,
+    onOpenChange,
+    isOpen: void 0,
+    defaultOpen: void 0
+  });
+  let open = (focusStrategy2 = null, trigger) => {
+    let displayAllItems = trigger === "manual" || trigger === "focus" && menuTrigger === "focus";
+    if (allowsEmptyCollection || filteredCollection.size > 0 || displayAllItems && originalCollection.size > 0 || props.items) {
+      if (displayAllItems && !triggerState.isOpen && props.items === void 0)
+        setShowAllItems(true);
+      menuOpenTrigger.current = trigger;
+      setFocusStrategy(focusStrategy2);
+      triggerState.open();
+    }
+  };
+  let toggle = (focusStrategy2 = null, trigger) => {
+    let displayAllItems = trigger === "manual" || trigger === "focus" && menuTrigger === "focus";
+    if (!(allowsEmptyCollection || filteredCollection.size > 0 || displayAllItems && originalCollection.size > 0 || props.items) && !triggerState.isOpen) return;
+    if (displayAllItems && !triggerState.isOpen && props.items === void 0)
+      setShowAllItems(true);
+    if (!triggerState.isOpen) menuOpenTrigger.current = trigger;
+    toggleMenu(focusStrategy2);
+  };
+  let updateLastCollection = useCallback(() => {
+    setLastCollection(showAllItems ? originalCollection : filteredCollection);
+  }, [
+    showAllItems,
+    originalCollection,
+    filteredCollection
+  ]);
+  let toggleMenu = useCallback((focusStrategy2 = null) => {
+    if (triggerState.isOpen) updateLastCollection();
+    setFocusStrategy(focusStrategy2);
+    triggerState.toggle();
+  }, [
+    triggerState,
+    updateLastCollection
+  ]);
+  let closeMenu = useCallback(() => {
+    if (triggerState.isOpen) {
+      updateLastCollection();
+      triggerState.close();
+    }
+  }, [
+    triggerState,
+    updateLastCollection
+  ]);
+  let [lastValue, setLastValue] = useState(inputValue);
+  let resetInputValue = () => {
+    var _collection_getItem2;
+    var _collection_getItem_textValue2;
+    let itemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
+    setLastValue(itemText);
+    setInputValue(itemText);
+  };
+  var _props_selectedKey, _ref1;
+  let lastSelectedKey = useRef((_ref1 = (_props_selectedKey = props.selectedKey) !== null && _props_selectedKey !== void 0 ? _props_selectedKey : props.defaultSelectedKey) !== null && _ref1 !== void 0 ? _ref1 : null);
+  var _collection_getItem_textValue;
+  let lastSelectedKeyText = useRef((_collection_getItem_textValue = (_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : _collection_getItem1.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "");
+  useEffect(() => {
+    var _collection_getItem2;
+    if (isFocused && (filteredCollection.size > 0 || allowsEmptyCollection) && !triggerState.isOpen && inputValue !== lastValue && menuTrigger !== "manual") open(null, "input");
+    if (!showAllItems && !allowsEmptyCollection && triggerState.isOpen && filteredCollection.size === 0) closeMenu();
+    if (selectedKey != null && selectedKey !== lastSelectedKey.current) closeMenu();
+    if (inputValue !== lastValue) {
+      selectionManager.setFocusedKey(null);
+      setShowAllItems(false);
+      if (inputValue === "" && (props.inputValue === void 0 || props.selectedKey === void 0)) setSelectedKey(null);
+    }
+    if (selectedKey !== lastSelectedKey.current && (props.inputValue === void 0 || props.selectedKey === void 0)) resetInputValue();
+    else if (lastValue !== inputValue) setLastValue(inputValue);
+    var _collection_getItem_textValue2;
+    let selectedItemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
+    if (!isFocused && selectedKey != null && props.inputValue === void 0 && selectedKey === lastSelectedKey.current) {
+      if (lastSelectedKeyText.current !== selectedItemText) {
+        setLastValue(selectedItemText);
+        setInputValue(selectedItemText);
+      }
+    }
+    lastSelectedKey.current = selectedKey;
+    lastSelectedKeyText.current = selectedItemText;
+  });
+  let validation = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
+    ...props,
+    value: useMemo(() => ({
+      inputValue,
+      selectedKey
+    }), [
+      inputValue,
+      selectedKey
+    ])
+  });
+  let revert = () => {
+    if (allowsCustomValue && selectedKey == null) commitCustomValue();
+    else commitSelection();
+  };
+  let commitCustomValue = () => {
+    lastSelectedKey.current = null;
+    setSelectedKey(null);
+    closeMenu();
+  };
+  let commitSelection = () => {
+    if (props.selectedKey !== void 0 && props.inputValue !== void 0) {
+      var _collection_getItem2;
+      props.onSelectionChange(selectedKey);
+      var _collection_getItem_textValue2;
+      let itemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
+      setLastValue(itemText);
+      closeMenu();
+    } else {
+      resetInputValue();
+      closeMenu();
+    }
+  };
+  const commitValue = () => {
+    if (allowsCustomValue) {
+      var _collection_getItem2;
+      var _collection_getItem_textValue2;
+      const itemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
+      inputValue === itemText ? commitSelection() : commitCustomValue();
+    } else
+      commitSelection();
+  };
+  let commit = () => {
+    if (triggerState.isOpen && selectionManager.focusedKey != null) {
+      if (selectedKey === selectionManager.focusedKey) commitSelection();
+      else setSelectedKey(selectionManager.focusedKey);
+    } else commitValue();
+  };
+  let valueOnFocus = useRef(inputValue);
+  let setFocused = (isFocused2) => {
+    if (isFocused2) {
+      valueOnFocus.current = inputValue;
+      if (menuTrigger === "focus" && !props.isReadOnly) open(null, "focus");
+    } else {
+      if (shouldCloseOnBlur) commitValue();
+      if (inputValue !== valueOnFocus.current) validation.commitValidation();
+    }
+    setFocusedState(isFocused2);
+  };
+  let displayedCollection = useMemo(() => {
+    if (triggerState.isOpen) {
+      if (showAllItems) return originalCollection;
+      else return filteredCollection;
+    } else return lastCollection;
+  }, [
+    triggerState.isOpen,
+    originalCollection,
+    filteredCollection,
+    showAllItems,
+    lastCollection
+  ]);
+  return {
+    ...validation,
+    ...triggerState,
+    focusStrategy,
+    toggle,
+    open,
+    close: commitValue,
+    selectionManager,
+    selectedKey,
+    setSelectedKey,
+    disabledKeys,
+    isFocused,
+    setFocused,
+    selectedItem,
+    collection: displayedCollection,
+    inputValue,
+    setInputValue,
+    commit,
+    revert
+  };
+}
+function $a9e7382a7d111cb5$var$filterCollection(collection, inputValue, filter) {
+  return new $a02d57049d202695$export$d085fb9e920b5ca7($a9e7382a7d111cb5$var$filterNodes(collection, collection, inputValue, filter));
+}
+function $a9e7382a7d111cb5$var$filterNodes(collection, nodes, inputValue, filter) {
+  let filteredNode = [];
+  for (let node of nodes) {
+    if (node.type === "section" && node.hasChildNodes) {
+      let filtered = $a9e7382a7d111cb5$var$filterNodes(collection, $c5a24bc478652b5f$export$1005530eda016c13(node, collection), inputValue, filter);
+      if ([
+        ...filtered
+      ].some((node2) => node2.type === "item")) filteredNode.push({
+        ...node,
+        childNodes: filtered
+      });
+    } else if (node.type === "item" && filter(node.textValue, inputValue)) filteredNode.push({
+      ...node
+    });
+    else if (node.type !== "item") filteredNode.push({
+      ...node
+    });
+  }
+  return filteredNode;
+}
 function $f86e6c1ec7da6ebb$var$reducer(data, action) {
   let selectedKeys;
   switch (data.state) {
@@ -491,56 +1504,117 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
     }
   };
 }
-function $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2(props) {
-  let [value, setValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715($0b2218c4e3fe7d7e$var$toString(props.value), $0b2218c4e3fe7d7e$var$toString(props.defaultValue) || "", props.onChange);
-  return {
-    value,
-    setValue
-  };
-}
-function $0b2218c4e3fe7d7e$var$toString(val) {
-  if (val == null) return;
-  return val.toString();
+const $d01f2c01039c0eec$export$d414ccceff7063c3 = /* @__PURE__ */ createContext(null);
+const $d01f2c01039c0eec$export$c02625b26074192c = /* @__PURE__ */ createContext(null);
+function $d01f2c01039c0eec$var$ComboBox(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d01f2c01039c0eec$export$d414ccceff7063c3);
+  let { children, isDisabled = false, isInvalid = false, isRequired = false } = props;
+  let content = useMemo(() => {
+    var _props_items;
+    return React__default.createElement($eed445e0843c11d0$export$7ff8f37d2d81a48d.Provider, {
+      value: {
+        items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
+      }
+    }, typeof children === "function" ? children({
+      isOpen: false,
+      isDisabled,
+      isInvalid,
+      isRequired,
+      defaultChildren: null
+    }) : children);
+  }, [
+    children,
+    isDisabled,
+    isInvalid,
+    isRequired,
+    props.items,
+    props.defaultItems
+  ]);
+  return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
+    content
+  }, (collection) => /* @__PURE__ */ React__default.createElement($d01f2c01039c0eec$var$ComboBoxInner, {
+    props,
+    collection,
+    comboBoxRef: ref
+  }));
 }
-const $440f4836bcb56932$export$d1c4e4c63cb03a11 = /* @__PURE__ */ createContext(null);
-function $440f4836bcb56932$var$SearchField(props, ref) {
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $440f4836bcb56932$export$d1c4e4c63cb03a11);
+function $d01f2c01039c0eec$var$ComboBoxInner({ props, collection, comboBoxRef: ref }) {
+  let { name, formValue = "key", allowsCustomValue } = props;
+  if (allowsCustomValue) formValue = "text";
   let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
   var _props_validationBehavior, _ref;
   let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
-  let inputRef = useRef(null);
-  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
-  let state = $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2({
+  let { contains } = $bb77f239b46e8c72$export$3274cf84b703fff({
+    sensitivity: "base"
+  });
+  let state = $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e({
+    defaultFilter: props.defaultFilter || contains,
     ...props,
+    // If props.items isn't provided, rely on collection filtering (aka listbox.items is provided or defaultItems provided to Combobox)
+    items: props.items,
+    children: void 0,
+    collection,
     validationBehavior
   });
-  let { labelProps, inputProps, clearButtonProps, descriptionProps, errorMessageProps, ...validation } = $4d52238874b24f86$export$9bb30bbe003b82e0({
+  let buttonRef = useRef(null);
+  let inputRef = useRef(null);
+  let listBoxRef = useRef(null);
+  let popoverRef = useRef(null);
+  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8();
+  let { buttonProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, ...validation } = $c350ade66beef0af$export$8c18d1b4f7232bbf({
     ...$64fa3d84918910a7$export$ef03459518577ad4(props),
     label,
+    inputRef,
+    buttonRef,
+    listBoxRef,
+    popoverRef,
+    name: formValue === "text" ? name : void 0,
     validationBehavior
-  }, state, inputRef);
+  }, state);
+  let [menuWidth, setMenuWidth] = useState(null);
+  let onResize = useCallback(() => {
+    if (inputRef.current) {
+      var _buttonRef_current;
+      let buttonRect = (_buttonRef_current = buttonRef.current) === null || _buttonRef_current === void 0 ? void 0 : _buttonRef_current.getBoundingClientRect();
+      let inputRect = inputRef.current.getBoundingClientRect();
+      let minX = buttonRect ? Math.min(buttonRect.left, inputRect.left) : inputRect.left;
+      let maxX = buttonRect ? Math.max(buttonRect.right, inputRect.right) : inputRect.right;
+      setMenuWidth(maxX - minX + "px");
+    }
+  }, [
+    buttonRef,
+    inputRef,
+    setMenuWidth
+  ]);
+  $9daab02d461809db$export$683480f191c0e3ea({
+    ref: inputRef,
+    onResize
+  });
+  let renderPropsState = useMemo(() => ({
+    isOpen: state.isOpen,
+    isDisabled: props.isDisabled || false,
+    isInvalid: validation.isInvalid || false,
+    isRequired: props.isRequired || false
+  }), [
+    state.isOpen,
+    props.isDisabled,
+    validation.isInvalid,
+    props.isRequired
+  ]);
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
-    values: {
-      isEmpty: state.value === "",
-      isDisabled: props.isDisabled || false,
-      isInvalid: validation.isInvalid || false,
-      state
-    },
-    defaultClassName: "react-aria-SearchField"
+    values: renderPropsState,
+    defaultClassName: "react-aria-ComboBox"
   });
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
   delete DOMProps.id;
-  return /* @__PURE__ */ React__default.createElement("div", {
-    ...DOMProps,
-    ...renderProps,
-    ref,
-    slot: props.slot || void 0,
-    "data-empty": state.value === "" || void 0,
-    "data-disabled": props.isDisabled || void 0,
-    "data-invalid": validation.isInvalid || void 0
-  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+  var _state_selectedKey;
+  return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
     values: [
+      [
+        $d01f2c01039c0eec$export$c02625b26074192c,
+        state
+      ],
       [
         $01b77f81d0f07f68$export$75b6ee27786ba447,
         {
@@ -548,6 +1622,14 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
           ref: labelRef
         }
       ],
+      [
+        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
+        {
+          ...buttonProps,
+          ref: buttonRef,
+          isPressed: state.isOpen
+        }
+      ],
       [
         $3985021b0ad6602f$export$37fb8590cf2c088c,
         {
@@ -556,8 +1638,33 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
         }
       ],
       [
-        $d2b4bc8c273e7be6$export$24d547caef80ccd1,
-        clearButtonProps
+        $de32f1b87079253c$export$d2f961adcb0afbe,
+        state
+      ],
+      [
+        $07b14b47974efb58$export$9b9a0cd73afb7ca4,
+        {
+          ref: popoverRef,
+          triggerRef: inputRef,
+          scrollRef: listBoxRef,
+          placement: "bottom start",
+          isNonModal: true,
+          trigger: "ComboBox",
+          style: {
+            "--trigger-width": menuWidth
+          }
+        }
+      ],
+      [
+        $eed445e0843c11d0$export$7ff8f37d2d81a48d,
+        {
+          ...listBoxProps,
+          ref: listBoxRef
+        }
+      ],
+      [
+        $eed445e0843c11d0$export$7c5906fe4f1f2af2,
+        state
       ],
       [
         $514c0188e459b4c0$export$9afb8bc826b033ea,
@@ -580,60 +1687,23 @@ function $440f4836bcb56932$var$SearchField(props, ref) {
         validation
       ]
     ]
-  }, renderProps.children));
-}
-const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ forwardRef($440f4836bcb56932$var$SearchField);
-function c(e, u, c2) {
-  var i = this, a = useRef(null), o = useRef(0), f = useRef(null), l = useRef([]), v = useRef(), m = useRef(), d = useRef(e), g = useRef(true);
-  d.current = e;
-  var p = "undefined" != typeof window, w = !u && 0 !== u && p;
-  if ("function" != typeof e) throw new TypeError("Expected a function");
-  u = +u || 0;
-  var s = !!(c2 = c2 || {}).leading, x = !("trailing" in c2) || !!c2.trailing, h = "maxWait" in c2, y = "debounceOnServer" in c2 && !!c2.debounceOnServer, F = h ? Math.max(+c2.maxWait || 0, u) : null;
-  useEffect(function() {
-    return g.current = true, function() {
-      g.current = false;
-    };
-  }, []);
-  var A = useMemo(function() {
-    var r = function(r2) {
-      var n2 = l.current, t2 = v.current;
-      return l.current = v.current = null, o.current = r2, m.current = d.current.apply(t2, n2);
-    }, n = function(r2, n2) {
-      w && cancelAnimationFrame(f.current), f.current = w ? requestAnimationFrame(r2) : setTimeout(r2, n2);
-    }, t = function(r2) {
-      if (!g.current) return false;
-      var n2 = r2 - a.current;
-      return !a.current || n2 >= u || n2 < 0 || h && r2 - o.current >= F;
-    }, e2 = function(n2) {
-      return f.current = null, x && l.current ? r(n2) : (l.current = v.current = null, m.current);
-    }, c3 = function r2() {
-      var c4 = Date.now();
-      if (t(c4)) return e2(c4);
-      if (g.current) {
-        var i2 = u - (c4 - a.current), f2 = h ? Math.min(i2, F - (c4 - o.current)) : i2;
-        n(r2, f2);
-      }
-    }, A2 = function() {
-      if (p || y) {
-        var e3 = Date.now(), d2 = t(e3);
-        if (l.current = [].slice.call(arguments), v.current = i, a.current = e3, d2) {
-          if (!f.current && g.current) return o.current = a.current, n(c3, u), s ? r(a.current) : m.current;
-          if (h) return n(c3, u), r(a.current);
-        }
-        return f.current || n(c3, u), m.current;
-      }
-    };
-    return A2.cancel = function() {
-      f.current && (w ? cancelAnimationFrame(f.current) : clearTimeout(f.current)), o.current = 0, l.current = a.current = v.current = f.current = null;
-    }, A2.isPending = function() {
-      return !!f.current;
-    }, A2.flush = function() {
-      return f.current ? e2(Date.now()) : m.current;
-    }, A2;
-  }, [s, h, u, F, x, w, p, y]);
-  return A;
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    ...DOMProps,
+    ...renderProps,
+    ref,
+    slot: props.slot || void 0,
+    "data-focused": state.isFocused || void 0,
+    "data-open": state.isOpen || void 0,
+    "data-disabled": props.isDisabled || void 0,
+    "data-invalid": validation.isInvalid || void 0,
+    "data-required": props.isRequired || void 0
+  }), name && formValue === "key" && /* @__PURE__ */ React__default.createElement("input", {
+    type: "hidden",
+    name,
+    value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
+  }));
 }
+const $d01f2c01039c0eec$export$72b9695b8216309a = /* @__PURE__ */ forwardRef($d01f2c01039c0eec$var$ComboBox);
 /**
  * Component that allows URL selection, with a suggestionList of suggestions and type-to-search.
  *
@@ -681,58 +1751,41 @@ const LinkInput = (props) => {
     suggestionTypeIconOverride,
     fetchSuggestions,
     className,
-    inputDebounceDelay = 500,
     hidden
   } = props;
-  const [inputValue, setInputValue] = useState(url ?? "");
-  const [suggestionsVisible, setSuggestionsVisible] = useState(false);
   const triggerRef = useRef(null);
-  const inputRef = useRef(null);
   const suggestionList = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
-    getKey: ({ item }) => item.value,
-    async load({ signal }) {
-      const items = await fetchSuggestions(inputValue, signal);
+    async load({ signal, filterText }) {
+      const items = await fetchSuggestions(filterText, signal);
       return {
         items: items ?? []
       };
     }
   });
-  const shouldNotShowSuggestions = (url2) => {
+  const shouldShowSuggestions = (() => {
     var _a2;
-    if (!url2) {
-      return true;
+    if (!url) {
+      return false;
     }
-    return ((_a2 = url2 == null ? void 0 : url2.trim()) == null ? void 0 : _a2.length) < 3 || (url2 == null ? void 0 : url2.startsWith("#")) || (url2 == null ? void 0 : url2.startsWith(":")) || (url2 == null ? void 0 : url2.startsWith("mailto:")) || (url2 == null ? void 0 : url2.startsWith("tel:")) || (url2 == null ? void 0 : url2.startsWith("http://")) || (url2 == null ? void 0 : url2.startsWith("https://"));
-  };
-  const debounced = c(
-    (value) => {
-      onChange({ url: value, isAnchor: value == null ? void 0 : value.includes("#") });
-      if (shouldNotShowSuggestions(value)) {
-        setSuggestionsVisible(false);
-      } else {
-        suggestionList.setFilterText(value);
-        setSuggestionsVisible((value == null ? void 0 : value.length) > 3);
-      }
-    },
-    inputDebounceDelay,
-    { maxWait: 2e3 }
-  );
+    return !(((_a2 = url == null ? void 0 : url.trim()) == null ? void 0 : _a2.length) < 4 || (url == null ? void 0 : url.startsWith("#")) || (url == null ? void 0 : url.startsWith(":")) || (url == null ? void 0 : url.startsWith("mailto")) || (url == null ? void 0 : url.startsWith("tel")) || (url == null ? void 0 : url.startsWith("http")) || (url == null ? void 0 : url.startsWith("www")));
+  })();
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      $440f4836bcb56932$export$b94867ecbd698f21,
-      {
-        className: "es-uic-w-full es-uic-space-y-1",
-        type: "url",
-        value: inputValue,
-        onChange: (value) => {
-          setInputValue(value);
-          debounced(value);
-        },
-        isDisabled: disabled,
-        children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
+    $d01f2c01039c0eec$export$72b9695b8216309a,
+    {
+      items: suggestionList.items,
+      inputValue: suggestionList.filterText,
+      onInputChange: (value) => {
+        onChange({ url: value, isAnchor: value == null ? void 0 : value.includes("#") });
+        suggestionList.setFilterText(value);
+      },
+      allowsCustomValue: true,
+      allowsEmptyCollection: shouldShowSuggestions,
+      isDisabled: disabled,
+      children: [
+        /* @__PURE__ */ jsx(
           BaseControl,
           {
             as: $01b77f81d0f07f68$export$b04be29aa201d4f5,
@@ -752,171 +1805,148 @@ const LinkInput = (props) => {
                     $3985021b0ad6602f$export$f5b8910cec6cf069,
                     {
                       placeholder,
-                      ref: inputRef,
                       className: clsx(
                         "es-uic-min-h-10 es-uic-w-full es-uic-rounded-md es-uic-border es-uic-border-gray-300 es-uic-py-2 es-uic-pl-2 es-uic-pr-1 es-uic-text-sm es-uic-shadow-sm es-uic-transition selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950",
                         "focus:es-uic-outline-none focus-visible:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500 focus-visible:es-uic-ring-opacity-50",
-                        (inputValue == null ? void 0 : inputValue.length) > 0 && "es-uic-pr-8",
+                        (url == null ? void 0 : url.length) > 0 && "es-uic-pr-10",
                         className
-                      ),
-                      onFocus: (e) => {
-                        onChange({ url: inputValue, isAnchor: inputValue == null ? void 0 : inputValue.includes("#") });
-                        if (props.onFocus) {
-                          props.onFocus(e);
-                        }
-                      }
+                      )
                     }
                   ),
                   /* @__PURE__ */ jsx(
                     AnimatedVisibility,
                     {
-                      visible: (inputValue == null ? void 0 : inputValue.length) > 0,
+                      visible: (url == null ? void 0 : url.length) > 0,
                       className: "es-uic-absolute es-uic-inset-y-1 es-uic-right-1",
-                      transition: "scaleFade",
-                      children: /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, { children: /* @__PURE__ */ jsx(Tooltip, { text: __("Clear", "eightshift-ui-components"), children: /* @__PURE__ */ jsx(
-                        "div",
+                      transition: "fade",
+                      children: /* @__PURE__ */ jsx(
+                        $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
                         {
-                          className: clsx(
-                            "es-uic-flex es-uic-size-8 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-bg-white/85 es-uic-text-gray-600 es-uic-backdrop-blur es-uic-transition",
-                            "hover:es-uic-bg-red-50 hover:es-uic-text-red-500",
-                            "[&>svg]:es-uic-size-6"
-                          ),
-                          children: removeIcon
+                          slot: null,
+                          onPress: () => {
+                            suggestionList.setFilterText("");
+                            onChange({ url: void 0, isAnchor: false });
+                          },
+                          className: "focus:es-uic-outline-none",
+                          children: /* @__PURE__ */ jsx(Tooltip, { text: __("Clear", "eightshift-ui-components"), children: /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: clsx(
+                                "es-uic-flex es-uic-size-8 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-bg-white/85 es-uic-text-gray-600 es-uic-backdrop-blur es-uic-transition",
+                                "hover:es-uic-bg-red-50 hover:es-uic-text-red-500",
+                                "[&>svg]:es-uic-size-6"
+                              ),
+                              children: removeIcon
+                            }
+                          ) })
                         }
-                      ) }) })
+                      )
                     }
                   )
                 ]
               }
             )
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        "aria-label": __("URL suggestions", "eightshift-ui-components"),
-        shouldFlip: false,
-        triggerRef,
-        isOpen: suggestionsVisible,
-        onOpenChange: (value) => {
-          setSuggestionsVisible(value);
-          debounced.cancel();
-        },
-        placement: "bottom",
-        className: "!es-uic-p-0",
-        style: {
-          width: `${(_a = triggerRef.current) == null ? void 0 : _a.offsetWidth}px`
-        },
-        children: [
-          suggestionList.isLoading && /* @__PURE__ */ jsx(
-            RichLabel,
-            {
-              icon: icons.progressbarIntermittent,
-              label: __("Loading suggestions...", "eightshift-ui-components"),
-              subtitle: __("Please wait", "eightshift-ui-components"),
-              className: "es-uic-min-h-14 es-uic-p-2"
-            }
-          ),
-          !suggestionList.isLoading && suggestionList.items.length === 0 && /* @__PURE__ */ jsx(
-            RichLabel,
-            {
-              icon: icons.searchEmpty,
-              label: __("No suggestions found", "eightshift-ui-components"),
-              subtitle: __("Try a different search term.", "eightshift-ui-components"),
-              className: "es-uic-min-h-14 es-uic-p-2"
-            }
-          ),
-          !suggestionList.isLoading && suggestionList.items.length > 0 && /* @__PURE__ */ jsx(
-            $13c3c67164f4d5be$export$4c260019440d418f,
-            {
-              orientation: "vertical",
-              className: "es-uic-flex es-uic-min-h-10 es-uic-flex-col es-uic-space-y-1 es-uic-p-2",
-              children: suggestionList.items.map((item, index) => {
-                const {
-                  label: title,
-                  value: url2,
-                  metadata: { subtype: rawSubtype }
-                } = item;
-                const subtype = rawSubtype ?? "page";
-                let typeIcon = icons.file;
-                if (subtype.toLowerCase() === "url") {
-                  typeIcon = icons.externalLink;
-                } else if (subtype.toLowerCase() === "attachment") {
-                  typeIcon = icons.file;
-                } else if (subtype.toLowerCase() === "category") {
-                  typeIcon = icons.layoutAlt;
-                } else if (subtype.toLowerCase() === "internal") {
-                  typeIcon = icons.anchor;
-                } else if (subtype.toLowerCase() === "eightshift-forms") {
-                  typeIcon = icons.formAlt;
+        ),
+        /* @__PURE__ */ jsxs(
+          $07b14b47974efb58$export$5b6b19405a83ff9d,
+          {
+            "aria-label": __("URL suggestions", "eightshift-ui-components"),
+            className: ({ isEntering, isExiting }) => clsx(
+              "es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-outline-none empty:es-uic-opacity-0",
+              isEntering && "es-uic-outline es-uic-animate-in es-uic-fade-in-0 es-uic-slide-in-from-top-2 es-uic-fill-mode-forwards",
+              isExiting && "es-uic-outline es-uic-animate-out es-uic-fade-out-0 es-uic-slide-out-to-top-2 es-uic-fill-mode-forwards"
+            ),
+            style: {
+              width: `${(_a = triggerRef.current) == null ? void 0 : _a.offsetWidth}px`
+            },
+            children: [
+              suggestionList.isLoading && /* @__PURE__ */ jsx(
+                RichLabel,
+                {
+                  icon: cloneElement(icons.emptyCircle, { className: "es-uic-animate-spin" }),
+                  label: __("Loading suggestions", "eightshift-ui-components"),
+                  className: "es-uic-min-h-12 es-uic-p-2"
                 }
-                if (suggestionTypeIconOverride) {
-                  const overrideIcon = suggestionTypeIconOverride(subtype);
-                  if (overrideIcon) {
-                    typeIcon = overrideIcon;
-                  }
+              ),
+              !suggestionList.isLoading && suggestionList.items.length === 0 && /* @__PURE__ */ jsx(
+                RichLabel,
+                {
+                  icon: icons.searchEmpty,
+                  label: __("No results", "eightshift-ui-components"),
+                  subtitle: __("Try a different search term.", "eightshift-ui-components"),
+                  className: "es-uic-min-h-12 es-uic-p-2"
                 }
-                return /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    textValue: label,
-                    size: "large",
-                    type: "ghost",
-                    className: clsx(
-                      "es-uic-w-full es-uic-text-start",
-                      "es-uic-grid es-uic-grid-cols-[auto,_minmax(0,_1fr)] es-uic-grid-rows-2 es-uic-items-center es-uic-justify-items-start es-uic-gap-x-2 es-uic-gap-y-0",
-                      "[&>svg]:es-uic-row-span-2 [&>svg]:es-uic-shrink-0",
-                      "[&>span:last-child]:es-uic-self-start [&>span]:es-uic-w-full [&>span]:es-uic-self-end [&>span]:es-uic-truncate"
-                    ),
-                    onPress: () => {
-                      setInputValue(url2);
-                      debounced(url2);
-                      setSuggestionsVisible(false);
-                    },
-                    icon: typeIcon,
-                    autoFocus: index === 0,
-                    children: /* @__PURE__ */ jsx(
-                      RichLabel,
-                      {
-                        label: title,
-                        subtitle: url2 == null ? void 0 : url2.replace(location.origin, "").replace(/\/$/, ""),
-                        contentsOnly: true
-                      }
-                    )
-                  },
-                  url2
-                );
-              })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Spacer,
-            {
-              size: "px",
-              border: true
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "es-uic-grid es-uic-select-none es-uic-grid-cols-[auto,_1fr] es-uic-items-center es-uic-gap-x-1.5 es-uic-gap-y-1 es-uic-p-2 es-uic-text-sm es-uic-text-gray-500", children: [
-            /* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-gap-0.5 es-uic-justify-self-center", children: [
-              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↑" }),
-              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↓" })
-            ] }),
-            __("Navigate", "eightshift-ui-components"),
-            /* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-gap-0.5 es-uic-justify-self-center", children: [
-              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↵" }),
-              /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "␣" })
-            ] }),
-            __("Select an item", "eightshift-ui-components"),
-            /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-h-5 es-uic-min-w-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "Esc" }),
-            " ",
-            __("Close suggestion panel", "eightshift-ui-components")
-          ] })
-        ]
-      }
-    )
-  ] });
+              ),
+              !suggestionList.isLoading && suggestionList.items.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx($eed445e0843c11d0$export$41f133550aa26f48, { className: "es-uic-space-y-1 es-uic-p-1", children: (item) => {
+                  const {
+                    label: title,
+                    value: url2,
+                    metadata: { subtype: rawSubtype }
+                  } = item;
+                  const subtype = rawSubtype ?? "page";
+                  let typeIcon = icons.file;
+                  if (subtype.toLowerCase() === "url") {
+                    typeIcon = icons.externalLink;
+                  } else if (subtype.toLowerCase() === "attachment") {
+                    typeIcon = icons.file;
+                  } else if (subtype.toLowerCase() === "category") {
+                    typeIcon = icons.layoutAlt;
+                  } else if (subtype.toLowerCase() === "internal") {
+                    typeIcon = icons.anchor;
+                  } else if (subtype.toLowerCase() === "eightshift-forms") {
+                    typeIcon = icons.formAlt;
+                  }
+                  if (suggestionTypeIconOverride) {
+                    const overrideIcon = suggestionTypeIconOverride(subtype);
+                    if (overrideIcon) {
+                      typeIcon = overrideIcon;
+                    }
+                  }
+                  return /* @__PURE__ */ jsx(
+                    $eed445e0843c11d0$export$a11e76429ed99b4,
+                    {
+                      id: item.value,
+                      className: clsx(
+                        "es-uic-rounded es-uic-p-1 es-uic-text-sm es-uic-transition",
+                        "hover:es-uic-border-gray-300 hover:es-uic-bg-gray-100",
+                        "focus-visible:es-uic-border-gray-300 focus-visible:es-uic-bg-gray-100",
+                        "selected:es-uic-bg-teal-600/10 selected:es-uic-text-teal-900 selected:focus-visible:es-uic-bg-teal-600/15"
+                      ),
+                      textValue: url2,
+                      children: /* @__PURE__ */ jsx(
+                        RichLabel,
+                        {
+                          icon: typeIcon,
+                          label: title,
+                          subtitle: url2 == null ? void 0 : url2.replace(location.origin, "").replace(/\/$/, ""),
+                          noColor: true
+                        }
+                      )
+                    }
+                  );
+                } }),
+                /* @__PURE__ */ jsx(Spacer, { border: true }),
+                /* @__PURE__ */ jsxs("div", { className: "es-uic-grid es-uic-select-none es-uic-grid-cols-[auto,_1fr] es-uic-items-center es-uic-gap-x-1.5 es-uic-gap-y-1 es-uic-p-2 es-uic-text-sm es-uic-text-gray-500", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "es-uic-flex es-uic-gap-0.5 es-uic-justify-self-center", children: [
+                    /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↓" }),
+                    /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↑" })
+                  ] }),
+                  __("Navigate", "eightshift-ui-components"),
+                  /* @__PURE__ */ jsx("div", { className: "es-uic-flex es-uic-gap-0.5 es-uic-justify-self-center", children: /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-size-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "↵" }) }),
+                  __("Select", "eightshift-ui-components"),
+                  /* @__PURE__ */ jsx("kbd", { className: "es-uic-flex es-uic-h-5 es-uic-min-w-5 es-uic-items-center es-uic-justify-center es-uic-justify-self-center es-uic-rounded es-uic-border es-uic-p-0.5 es-uic-font-sans es-uic-text-xs es-uic-text-gray-400", children: "Esc" }),
+                  " ",
+                  __("Hide suggestions", "eightshift-ui-components")
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   LinkInput