@proyecto-viviana/solidaria 0.3.0 → 0.4.1

package/dist/_chunk/combobox.jsx

@@ -0,0 +1,1062 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as mergeProps$1, t as isDevEnv } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as access } from "./reactivity.jsx";
+import { w as isAppleDevice } from "./utils.jsx";
+import { b as openLink } from "./focus.jsx";
+import { t as createFocusRing } from "./createFocusRing.jsx";
+import { n as createStringFormatter } from "./createStringFormatter.jsx";
+import { createId } from "../ssr/index.jsx";
+import { t as createLabels } from "./createLabels.jsx";
+import { t as createLabel } from "./createLabel.jsx";
+import { t as ariaHideOutside } from "./ariaHideOutside.jsx";
+import { t as announce } from "./announce.jsx";
+import { createEffect, onCleanup } from "solid-js";
+import { isServer } from "solid-js/web";
+//#endregion
+//#region src/combobox/intl/index.ts
+const comboBoxIntlStrings = {
+	"ar-AE": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{627}\u{644}\u{645}\u{62C}\u{645}\u{648}\u{639}\u{629} \u{627}\u{644}\u{645}\u{62F}\u{62E}\u{644}\u{629} ${args.groupTitle}, \u{645}\u{639} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{62E}\u{64A}\u{627}\u{631}`,
+				other: () => `${formatter.number(args.groupCount)} \u{62E}\u{64A}\u{627}\u{631}\u{627}\u{62A}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{645}\u{62D}\u{62F}\u{62F}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{62E}\u{64A}\u{627}\u{631}`,
+			other: () => `${formatter.number(args.optionCount)} \u{62E}\u{64A}\u{627}\u{631}\u{627}\u{62A}`
+		})} \u{645}\u{62A}\u{627}\u{62D}\u{629}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}\u{60C} \u{645}\u{62D}\u{62F}\u{62F}`,
+		"buttonLabel": "عرض المقترحات",
+		"listboxLabel": "مقترحات"
+	},
+	"bg-BG": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{412}\u{44A}\u{432}\u{435}\u{434}\u{435}\u{43D}\u{430} \u{433}\u{440}\u{443}\u{43F}\u{430} ${args.groupTitle}, \u{441} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{43E}\u{43F}\u{446}\u{438}\u{44F}`,
+				other: () => `${formatter.number(args.groupCount)} \u{43E}\u{43F}\u{446}\u{438}\u{438}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{438}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{438}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{43E}\u{43F}\u{446}\u{438}\u{44F}`,
+			other: () => `${formatter.number(args.optionCount)} \u{43E}\u{43F}\u{446}\u{438}\u{438}`
+		})} \u{43D}\u{430} \u{440}\u{430}\u{437}\u{43F}\u{43E}\u{43B}\u{43E}\u{436}\u{435}\u{43D}\u{438}\u{435}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{438}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{438}`,
+		"buttonLabel": "Покажи предложения",
+		"listboxLabel": "Предложения"
+	},
+	"cs-CZ": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Zadan\xe1 skupina \u{201E}${args.groupTitle}\u{201C} ${formatter.plural(args.groupCount, {
+				one: () => `s ${formatter.number(args.groupCount)} mo\u{17E}nost\xed`,
+				other: () => `se ${formatter.number(args.groupCount)} mo\u{17E}nostmi`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: ` (vybr\xe1no)`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `K dispozici ${formatter.plural(args.optionCount, {
+			one: () => `je ${formatter.number(args.optionCount)} mo\u{17E}nost`,
+			other: () => `jsou/je ${formatter.number(args.optionCount)} mo\u{17E}nosti/-\xed`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, vybr\xe1no`,
+		"buttonLabel": "Zobrazit doporučení",
+		"listboxLabel": "Návrhy"
+	},
+	"da-DK": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} mulighed tilg\xe6ngelig`,
+			other: () => `${formatter.number(args.optionCount)} muligheder tilg\xe6ngelige`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, valgt`,
+		"buttonLabel": "Vis forslag",
+		"listboxLabel": "Forslag"
+	},
+	"de-DE": {
+		"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\xe4hlt`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} Option`,
+			other: () => `${formatter.number(args.optionCount)} Optionen`
+		})} verf\xfcgbar.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, ausgew\xe4hlt`,
+		"buttonLabel": "Empfehlungen anzeigen",
+		"listboxLabel": "Empfehlungen"
+	},
+	"el-GR": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{395}\u{3B9}\u{3C3}\u{3B1}\u{3B3}\u{3BC}\u{3AD}\u{3BD}\u{3B7} \u{3BF}\u{3BC}\u{3AC}\u{3B4}\u{3B1} ${args.groupTitle}, \u{3BC}\u{3B5} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{3B5}\u{3C0}\u{3B9}\u{3BB}\u{3BF}\u{3B3}\u{3AE}`,
+				other: () => `${formatter.number(args.groupCount)} \u{3B5}\u{3C0}\u{3B9}\u{3BB}\u{3BF}\u{3B3}\u{3AD}\u{3C2}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{3B5}\u{3C0}\u{3B9}\u{3BB}\u{3B5}\u{3B3}\u{3BC}\u{3AD}\u{3BD}\u{3BF}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{3B5}\u{3C0}\u{3B9}\u{3BB}\u{3BF}\u{3B3}\u{3AE}`,
+			other: () => `${formatter.number(args.optionCount)} \u{3B5}\u{3C0}\u{3B9}\u{3BB}\u{3BF}\u{3B3}\u{3AD}\u{3C2} `
+		})} \u{3B4}\u{3B9}\u{3B1}\u{3B8}\u{3AD}\u{3C3}\u{3B9}\u{3BC}\u{3B5}\u{3C2}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{3B5}\u{3C0}\u{3B9}\u{3BB}\u{3AD}\u{3C7}\u{3B8}\u{3B7}\u{3BA}\u{3B5}`,
+		"buttonLabel": "Προβολή προτάσεων",
+		"listboxLabel": "Προτάσεις"
+	},
+	"et-EE": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Sisestatud r\xfchm ${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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} valik`,
+			other: () => `${formatter.number(args.optionCount)} valikud`
+		})} saadaval.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, valitud`,
+		"buttonLabel": "Kuva soovitused",
+		"listboxLabel": "Soovitused"
+	},
+	"fi-FI": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Mentiin ryhm\xe4\xe4n ${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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} vaihtoehto`,
+			other: () => `${formatter.number(args.optionCount)} vaihtoehdot`
+		})} saatavilla.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, valittu`,
+		"buttonLabel": "Näytä ehdotukset",
+		"listboxLabel": "Ehdotukset"
+	},
+	"fr-FR": {
+		"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\xe9lectionn\xe9(s)`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} option`,
+			other: () => `${formatter.number(args.optionCount)} options`
+		})} disponible(s).`,
+		"selectedAnnouncement": (args) => `${args.optionText}, s\xe9lectionn\xe9`,
+		"buttonLabel": "Afficher les suggestions",
+		"listboxLabel": "Suggestions"
+	},
+	"he-IL": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{5E0}\u{5DB}\u{5E0}\u{5E1} \u{5DC}\u{5E7}\u{5D1}\u{5D5}\u{5E6}\u{5D4} ${args.groupTitle}, \u{5E2}\u{5DD} ${formatter.plural(args.groupCount, {
+				one: () => `\u{5D0}\u{5E4}\u{5E9}\u{5E8}\u{5D5}\u{5EA} ${formatter.number(args.groupCount)}`,
+				other: () => `${formatter.number(args.groupCount)} \u{5D0}\u{5E4}\u{5E9}\u{5E8}\u{5D5}\u{5D9}\u{5D5}\u{5EA}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{5E0}\u{5D1}\u{5D7}\u{5E8}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `\u{5D0}\u{5E4}\u{5E9}\u{5E8}\u{5D5}\u{5EA} ${formatter.number(args.optionCount)}`,
+			other: () => `${formatter.number(args.optionCount)} \u{5D0}\u{5E4}\u{5E9}\u{5E8}\u{5D5}\u{5D9}\u{5D5}\u{5EA}`
+		})} \u{5D1}\u{5DE}\u{5E6}\u{5D1} \u{5D6}\u{5DE}\u{5D9}\u{5DF}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{5E0}\u{5D1}\u{5D7}\u{5E8}`,
+		"buttonLabel": "הצג הצעות",
+		"listboxLabel": "הצעות"
+	},
+	"hr-HR": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `Dostupno jo\u{161}: ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} opcija`,
+			other: () => `${formatter.number(args.optionCount)} opcije/a`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, odabrano`,
+		"buttonLabel": "Prikaži prijedloge",
+		"listboxLabel": "Prijedlozi"
+	},
+	"hu-HU": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Bel\xe9pett a(z) ${args.groupTitle} csoportba, amely ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} lehet\u{151}s\xe9get`,
+				other: () => `${formatter.number(args.groupCount)} lehet\u{151}s\xe9get`
+			})} tartalmaz. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, kijel\xf6lve`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} lehet\u{151}s\xe9g`,
+			other: () => `${formatter.number(args.optionCount)} lehet\u{151}s\xe9g`
+		})} \xe1ll rendelkez\xe9sre.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, kijel\xf6lve`,
+		"buttonLabel": "Javaslatok megjelenítése",
+		"listboxLabel": "Javaslatok"
+	},
+	"it-IT": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} opzione disponibile`,
+			other: () => `${formatter.number(args.optionCount)} opzioni disponibili`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, selezionato`,
+		"buttonLabel": "Mostra suggerimenti",
+		"listboxLabel": "Suggerimenti"
+	},
+	"ja-JP": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{5165}\u{529B}\u{3055}\u{308C}\u{305F}\u{30B0}\u{30EB}\u{30FC}\u{30D7} ${args.groupTitle}\u{3001}${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{500B}\u{306E}\u{30AA}\u{30D7}\u{30B7}\u{30E7}\u{30F3}`,
+				other: () => `${formatter.number(args.groupCount)} \u{500B}\u{306E}\u{30AA}\u{30D7}\u{30B7}\u{30E7}\u{30F3}`
+			})}\u{3092}\u{542B}\u{3080}\u{3002}`,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `\u{3001}\u{9078}\u{629E}\u{6E08}\u{307F}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{500B}\u{306E}\u{30AA}\u{30D7}\u{30B7}\u{30E7}\u{30F3}`,
+			other: () => `${formatter.number(args.optionCount)} \u{500B}\u{306E}\u{30AA}\u{30D7}\u{30B7}\u{30E7}\u{30F3}`
+		})}\u{3092}\u{5229}\u{7528}\u{3067}\u{304D}\u{307E}\u{3059}\u{3002}`,
+		"selectedAnnouncement": (args) => `${args.optionText}\u{3001}\u{9078}\u{629E}\u{6E08}\u{307F}`,
+		"buttonLabel": "候補を表示",
+		"listboxLabel": "候補"
+	},
+	"ko-KR": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{C785}\u{B825}\u{D55C} \u{ADF8}\u{B8F9} ${args.groupTitle}, ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)}\u{AC1C} \u{C635}\u{C158}`,
+				other: () => `${formatter.number(args.groupCount)}\u{AC1C} \u{C635}\u{C158}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{C120}\u{D0DD}\u{B428}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)}\u{AC1C} \u{C635}\u{C158}`,
+			other: () => `${formatter.number(args.optionCount)}\u{AC1C} \u{C635}\u{C158}`
+		})}\u{C744} \u{C0AC}\u{C6A9}\u{D560} \u{C218} \u{C788}\u{C2B5}\u{B2C8}\u{B2E4}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{C120}\u{D0DD}\u{B428}`,
+		"buttonLabel": "제안 사항 표시",
+		"listboxLabel": "제안"
+	},
+	"lt-LT": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{12E}vesta grup\u{117} ${args.groupTitle}, su ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} parinktimi`,
+				other: () => `${formatter.number(args.groupCount)} parinktimis (-i\u{173})`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, pasirinkta`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `Yra ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} parinktis`,
+			other: () => `${formatter.number(args.optionCount)} parinktys (-i\u{173})`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, pasirinkta`,
+		"buttonLabel": "Rodyti pasiūlymus",
+		"listboxLabel": "Pasiūlymai"
+	},
+	"lv-LV": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Ievad\u{12B}ta grupa ${args.groupTitle}, ar ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} opciju`,
+				other: () => `${formatter.number(args.groupCount)} opcij\u{101}m`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, atlas\u{12B}ta`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `Pieejamo opciju skaits: ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} opcija`,
+			other: () => `${formatter.number(args.optionCount)} opcijas`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, atlas\u{12B}ta`,
+		"buttonLabel": "Rādīt ieteikumus",
+		"listboxLabel": "Ieteikumi"
+	},
+	"nb-NO": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} alternativ`,
+			other: () => `${formatter.number(args.optionCount)} alternativer`
+		})} finnes.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, valgt`,
+		"buttonLabel": "Vis forslag",
+		"listboxLabel": "Forslag"
+	},
+	"nl-NL": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} optie`,
+			other: () => `${formatter.number(args.optionCount)} opties`
+		})} beschikbaar.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, geselecteerd`,
+		"buttonLabel": "Suggesties weergeven",
+		"listboxLabel": "Suggesties"
+	},
+	"pl-PL": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Do\u{142}\u{105}czono do grupy ${args.groupTitle}, z ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} opcj\u{105}`,
+				other: () => `${formatter.number(args.groupCount)} opcjami`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, wybrano`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `dost\u{119}pna/dost\u{119}pne(-nych) ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} opcja`,
+			other: () => `${formatter.number(args.optionCount)} opcje(-i)`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, wybrano`,
+		"buttonLabel": "Wyświetlaj sugestie",
+		"listboxLabel": "Sugestie"
+	},
+	"pt-BR": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Grupo inserido ${args.groupTitle}, com ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} op\xe7\xe3o`,
+				other: () => `${formatter.number(args.groupCount)} op\xe7\xf5es`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, selecionado`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} op\xe7\xe3o`,
+			other: () => `${formatter.number(args.optionCount)} op\xe7\xf5es`
+		})} dispon\xedvel.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, selecionado`,
+		"buttonLabel": "Mostrar sugestões",
+		"listboxLabel": "Sugestões"
+	},
+	"pt-PT": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Grupo introduzido ${args.groupTitle}, com ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} op\xe7\xe3o`,
+				other: () => `${formatter.number(args.groupCount)} op\xe7\xf5es`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, selecionado`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} op\xe7\xe3o`,
+			other: () => `${formatter.number(args.optionCount)} op\xe7\xf5es`
+		})} dispon\xedvel.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, selecionado`,
+		"buttonLabel": "Apresentar sugestões",
+		"listboxLabel": "Sugestões"
+	},
+	"ro-RO": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Grup ${args.groupTitle} introdus, cu ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} op\u{21B}iune`,
+				other: () => `${formatter.number(args.groupCount)} op\u{21B}iuni`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, selectat`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} op\u{21B}iune`,
+			other: () => `${formatter.number(args.optionCount)} op\u{21B}iuni`
+		})} disponibile.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, selectat`,
+		"buttonLabel": "Afișare sugestii",
+		"listboxLabel": "Sugestii"
+	},
+	"ru-RU": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{412}\u{432}\u{435}\u{434}\u{435}\u{43D}\u{43D}\u{430}\u{44F} \u{433}\u{440}\u{443}\u{43F}\u{43F}\u{430} ${args.groupTitle}, \u{441} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{43E}\u{43C}`,
+				other: () => `${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{430}\u{43C}\u{438}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{432}\u{44B}\u{431}\u{440}\u{430}\u{43D}\u{43D}\u{44B}\u{43C}\u{438}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
+			other: () => `${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{43E}\u{432}`
+		})} \u{434}\u{43E}\u{441}\u{442}\u{443}\u{43F}\u{43D}\u{43E}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{432}\u{44B}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
+		"buttonLabel": "Показать предложения",
+		"listboxLabel": "Предложения"
+	},
+	"sk-SK": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Zadan\xe1 skupina ${args.groupTitle}, s ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} mo\u{17E}nos\u{165}ou`,
+				other: () => `${formatter.number(args.groupCount)} mo\u{17E}nos\u{165}ami`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, vybrat\xe9`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} mo\u{17E}nos\u{165}`,
+			other: () => `${formatter.number(args.optionCount)} mo\u{17E}nosti/-\xed`
+		})} k dispoz\xedcii.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, vybrat\xe9`,
+		"buttonLabel": "Zobraziť návrhy",
+		"listboxLabel": "Návrhy"
+	},
+	"sl-SI": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `Na voljo je ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} opcija`,
+			other: () => `${formatter.number(args.optionCount)} opcije`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, izbrano`,
+		"buttonLabel": "Prikaži predloge",
+		"listboxLabel": "Predlogi"
+	},
+	"sr-SP": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `Dostupno jo\u{161}: ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} opcija`,
+			other: () => `${formatter.number(args.optionCount)} opcije/a`
+		})}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, izabrano`,
+		"buttonLabel": "Prikaži predloge",
+		"listboxLabel": "Predlozi"
+	},
+	"sv-SE": {
+		"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)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} alternativ`,
+			other: () => `${formatter.number(args.optionCount)} alternativ`
+		})} tillg\xe4ngliga.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, valda`,
+		"buttonLabel": "Visa förslag",
+		"listboxLabel": "Förslag"
+	},
+	"tr-TR": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `Girilen grup ${args.groupTitle}, ile ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} se\xe7enek`,
+				other: () => `${formatter.number(args.groupCount)} se\xe7enekler`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, se\xe7ildi`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} se\xe7enek`,
+			other: () => `${formatter.number(args.optionCount)} se\xe7enekler`
+		})} kullan\u{131}labilir.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, se\xe7ildi`,
+		"buttonLabel": "Önerileri göster",
+		"listboxLabel": "Öneriler"
+	},
+	"uk-UA": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{412}\u{432}\u{435}\u{434}\u{435}\u{43D}\u{430} \u{433}\u{440}\u{443}\u{43F}\u{430} ${args.groupTitle}, \u{437} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
+				other: () => `${formatter.number(args.groupCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}`,
+			other: () => `${formatter.number(args.optionCount)} \u{43F}\u{430}\u{440}\u{430}\u{43C}\u{435}\u{442}\u{440}\u{438}(-\u{456}\u{432})`
+		})} \u{434}\u{43E}\u{441}\u{442}\u{443}\u{43F}\u{43D}\u{43E}.`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{432}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{43E}`,
+		"buttonLabel": "Показати пропозиції",
+		"listboxLabel": "Пропозиції"
+	},
+	"zh-CN": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{8FDB}\u{5165}\u{4E86} ${args.groupTitle} \u{7EC4}\u{FF0C}\u{5176}\u{4E2D}\u{6709} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{4E2A}\u{9009}\u{9879}`,
+				other: () => `${formatter.number(args.groupCount)} \u{4E2A}\u{9009}\u{9879}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{5DF2}\u{9009}\u{62E9}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `\u{6709} ${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{4E2A}\u{9009}\u{9879}`,
+			other: () => `${formatter.number(args.optionCount)} \u{4E2A}\u{9009}\u{9879}`
+		})}\u{53EF}\u{7528}\u{3002}`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{5DF2}\u{9009}\u{62E9}`,
+		"buttonLabel": "显示建议",
+		"listboxLabel": "建议"
+	},
+	"zh-TW": {
+		"focusAnnouncement": (args, formatter) => `${formatter.select({
+			true: () => `\u{8F38}\u{5165}\u{7684}\u{7FA4}\u{7D44} ${args.groupTitle}, \u{6709} ${formatter.plural(args.groupCount, {
+				one: () => `${formatter.number(args.groupCount)} \u{9078}\u{9805}`,
+				other: () => `${formatter.number(args.groupCount)} \u{9078}\u{9805}`
+			})}. `,
+			other: ``
+		}, args.isGroupChange)}${args.optionText}${formatter.select({
+			true: `, \u{5DF2}\u{9078}\u{53D6}`,
+			other: ``
+		}, args.isSelected)}`,
+		"countAnnouncement": (args, formatter) => `${formatter.plural(args.optionCount, {
+			one: () => `${formatter.number(args.optionCount)} \u{9078}\u{9805}`,
+			other: () => `${formatter.number(args.optionCount)} \u{9078}\u{9805}`
+		})} \u{53EF}\u{7528}\u{3002}`,
+		"selectedAnnouncement": (args) => `${args.optionText}, \u{5DF2}\u{9078}\u{53D6}`,
+		"buttonLabel": "顯示建議",
+		"listboxLabel": "建議"
+	},
+	"en-US": {
+		focusAnnouncement: "{isGroupChange, select, true {Entered group {groupTitle}, with {groupCount, plural, one {# option} other {# options}}. } other {}}{optionText}{isSelected, select, true {, selected} other {}}",
+		countAnnouncement: "{optionCount, plural, one {# option} other {# options}} available.",
+		selectedAnnouncement: "{optionText}, selected",
+		buttonLabel: "Show suggestions",
+		listboxLabel: "Suggestions"
+	},
+	"es-ES": {
+		focusAnnouncement: "{isGroupChange, select, true {Grupo {groupTitle} activado, con {groupCount, plural, one {# opción} other {# opciones}}. } other {}}{optionText}{isSelected, select, true {, seleccionado} other {}}",
+		countAnnouncement: "{optionCount, plural, one {# opción disponible} other {# opciones disponibles}}.",
+		selectedAnnouncement: "{optionText}, seleccionado",
+		buttonLabel: "Mostrar sugerencias",
+		listboxLabel: "Sugerencias"
+	}
+};
+//#endregion
+//#region src/combobox/createComboBox.ts
+/**
+* Provides the behavior and accessibility implementation for a combobox component.
+* A combobox combines a text input with a listbox, allowing users to filter a list of options.
+* Based on @react-aria/combobox useComboBox.
+*/
+/**
+* Helper to count items in a collection
+*/
+function getItemCount(collection) {
+	let count = 0;
+	for (const _ of collection.getKeys()) count++;
+	return count;
+}
+const comboBoxData = /* @__PURE__ */ new WeakMap();
+function getComboBoxData(state) {
+	return comboBoxData.get(state);
+}
+/**
+* Provides the behavior and accessibility implementation for a combobox component.
+*/
+function createComboBox(props, state, inputRef, buttonRef, listBoxRef) {
+	const getProps = () => access(props);
+	const id = createId(getProps().id);
+	if (isDevEnv()) {
+		const p = getProps();
+		if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) console.warn("[solidaria] A ComboBox requires a label, aria-label, or aria-labelledby attribute for accessibility.");
+	}
+	let isPointerDownInsideListBox = false;
+	const inputId = `${id}-input`;
+	const buttonId = `${id}-button`;
+	const listBoxId = `${id}-listbox`;
+	const descriptionId = `${id}-description`;
+	const errorMessageId = `${id}-error`;
+	const getAriaDescribedBy = () => {
+		const p = getProps();
+		const ids = [];
+		if (p["aria-describedby"]) ids.push(p["aria-describedby"]);
+		if (p.description) ids.push(descriptionId);
+		if (p.isInvalid && p.errorMessage) ids.push(errorMessageId);
+		return ids.length > 0 ? ids.join(" ") : void 0;
+	};
+	createEffect(() => {
+		if (typeof document === "undefined") return;
+		const handleGlobalPointerDown = (e) => {
+			if (e.target.closest(`[id="${listBoxId}"]`)) isPointerDownInsideListBox = true;
+		};
+		document.addEventListener("pointerdown", handleGlobalPointerDown, true);
+		onCleanup(() => {
+			document.removeEventListener("pointerdown", handleGlobalPointerDown, true);
+		});
+	});
+	const domProps = () => filterDOMProps(getProps(), {
+		labelable: true,
+		propNames: new Set(["form"])
+	});
+	createEffect(() => {
+		comboBoxData.set(state, {
+			id,
+			listBoxId
+		});
+		onCleanup(() => {
+			comboBoxData.delete(state);
+		});
+	});
+	const { labelProps, fieldProps } = createLabel({
+		get id() {
+			return inputId;
+		},
+		get label() {
+			return getProps().label;
+		},
+		get "aria-label"() {
+			return getProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return getProps()["aria-labelledby"];
+		},
+		labelElementType: "label"
+	});
+	const { isFocusVisible, focusProps } = createFocusRing({
+		isTextInput: true,
+		get autoFocus() {
+			return getProps().autoFocus;
+		}
+	});
+	const isFocused = state.isFocused;
+	const stringFormatter = !isServer ? createStringFormatter(comboBoxIntlStrings) : null;
+	let lastFocusedKey = null;
+	let lastSelectedKey = null;
+	let lastOptionCount = 0;
+	let lastIsOpen = false;
+	createEffect(() => {
+		if (isServer || !stringFormatter) return;
+		const focusedKey = state.focusedKey();
+		const isOpen = state.isOpen();
+		const collection = state.collection();
+		const focusedItem = focusedKey != null && isOpen ? collection.getItem(focusedKey) : null;
+		if (isAppleDevice() && focusedItem != null && focusedKey !== lastFocusedKey) {
+			const isSelected = state.selectedKey() === focusedKey;
+			const optionText = focusedItem.textValue || "";
+			announce(stringFormatter().format("focusAnnouncement", {
+				isGroupChange: false,
+				groupTitle: "",
+				groupCount: 0,
+				optionText,
+				isSelected
+			}), "polite");
+		}
+		lastFocusedKey = focusedKey;
+	});
+	createEffect(() => {
+		if (isServer || !stringFormatter) return;
+		const isOpen = state.isOpen();
+		const optionCount = getItemCount(state.collection());
+		const focusedKey = state.focusedKey();
+		const didOpenWithoutFocusedItem = isOpen !== lastIsOpen && (focusedKey == null || isAppleDevice());
+		if (isOpen && (didOpenWithoutFocusedItem || optionCount !== lastOptionCount)) announce(stringFormatter().format("countAnnouncement", { optionCount }), "polite");
+		lastOptionCount = optionCount;
+		lastIsOpen = isOpen;
+	});
+	createEffect(() => {
+		if (isServer || !stringFormatter) return;
+		const selectedKey = state.selectedKey();
+		const selectedItem = state.selectedItem();
+		if (isAppleDevice() && state.isFocused() && selectedItem && selectedKey !== lastSelectedKey) {
+			const optionText = selectedItem.textValue || "";
+			announce(stringFormatter().format("selectedAnnouncement", { optionText }), "polite");
+		}
+		lastSelectedKey = selectedKey;
+	});
+	createEffect(() => {
+		if (isServer) return;
+		const isOpen = state.isOpen();
+		const inputEl = inputRef();
+		const listBoxEl = listBoxRef?.();
+		if (isOpen && inputEl && listBoxEl) onCleanup(ariaHideOutside([inputEl, listBoxEl]));
+	});
+	let wasOpenOnButtonPressStart = false;
+	const scheduleButtonOpenFallback = (startedOpen) => {
+		if (startedOpen) return;
+		setTimeout(() => {
+			const p = getProps();
+			const isDisabled = p.isDisabled ?? state.isDisabled;
+			const isReadOnly = p.isReadOnly ?? state.isReadOnly;
+			if (!state.isOpen() && !isDisabled && !isReadOnly) {
+				inputRef()?.focus();
+				state.open(null, "manual");
+			}
+		}, 0);
+	};
+	const { pressProps } = createPress({
+		get isDisabled() {
+			return (getProps().isDisabled ?? state.isDisabled) || (getProps().isReadOnly ?? state.isReadOnly);
+		},
+		preventFocusOnPress: true,
+		onPressStart(e) {
+			if (e.pointerType === "touch") return;
+			wasOpenOnButtonPressStart = state.isOpen();
+			inputRef()?.focus();
+			state.toggle(e.pointerType === "keyboard" || e.pointerType === "virtual" ? "first" : null, "manual");
+			scheduleButtonOpenFallback(wasOpenOnButtonPressStart);
+		},
+		onPress(e) {
+			if (e.pointerType !== "touch") return;
+			wasOpenOnButtonPressStart = state.isOpen();
+			inputRef()?.focus();
+			state.toggle(null, "manual");
+			scheduleButtonOpenFallback(wasOpenOnButtonPressStart);
+		}
+	});
+	const onInputChange = (e) => {
+		const target = e.target;
+		state.setInputValue(target.value);
+	};
+	const onInputKeyDown = (e) => {
+		const p = getProps();
+		if (p.isDisabled || p.isReadOnly) return;
+		const collection = state.collection();
+		const focusedKey = state.focusedKey();
+		const shouldWrap = p.shouldFocusWrap ?? false;
+		switch (e.key) {
+			case "Enter":
+				if (state.isOpen() && focusedKey != null) {
+					e.preventDefault();
+					const collectionItem = collection.getItem(focusedKey);
+					if (collectionItem?.props?.href ?? (collectionItem?.value)?.href) {
+						const listBox = listBoxRef?.();
+						if (listBox) {
+							const item = listBox.querySelector(`[data-key="${CSS.escape(String(focusedKey))}"]`);
+							if (item instanceof HTMLAnchorElement) openLink(item, e);
+						}
+						state.close();
+					} else state.commit();
+				}
+				break;
+			case "Escape":
+				if (state.isOpen()) {
+					e.preventDefault();
+					e.stopPropagation();
+					state.revert();
+				}
+				break;
+			case "ArrowDown":
+				e.preventDefault();
+				if (!state.isOpen()) state.open("first", "manual");
+				else if (focusedKey == null) {
+					const firstKey = collection.getFirstKey();
+					if (firstKey != null) state.setFocusedKey(firstKey);
+				} else {
+					let nextKey = collection.getKeyAfter(focusedKey);
+					while (nextKey != null && state.isKeyDisabled(nextKey)) nextKey = collection.getKeyAfter(nextKey);
+					if (nextKey != null) state.setFocusedKey(nextKey);
+					else if (shouldWrap) {
+						let firstKey = collection.getFirstKey();
+						while (firstKey != null && state.isKeyDisabled(firstKey)) firstKey = collection.getKeyAfter(firstKey);
+						if (firstKey != null) state.setFocusedKey(firstKey);
+					}
+				}
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				if (!state.isOpen()) state.open("last", "manual");
+				else if (focusedKey == null) {
+					const lastKey = collection.getLastKey();
+					if (lastKey != null) state.setFocusedKey(lastKey);
+				} else {
+					let prevKey = collection.getKeyBefore(focusedKey);
+					while (prevKey != null && state.isKeyDisabled(prevKey)) prevKey = collection.getKeyBefore(prevKey);
+					if (prevKey != null) state.setFocusedKey(prevKey);
+					else if (shouldWrap) {
+						let lastKey = collection.getLastKey();
+						while (lastKey != null && state.isKeyDisabled(lastKey)) lastKey = collection.getKeyBefore(lastKey);
+						if (lastKey != null) state.setFocusedKey(lastKey);
+					}
+				}
+				break;
+			case "Home":
+				if (state.isOpen()) {
+					e.preventDefault();
+					let firstKey = collection.getFirstKey();
+					while (firstKey != null && state.isKeyDisabled(firstKey)) firstKey = collection.getKeyAfter(firstKey);
+					if (firstKey != null) state.setFocusedKey(firstKey);
+				}
+				break;
+			case "End":
+				if (state.isOpen()) {
+					e.preventDefault();
+					let lastKey = collection.getLastKey();
+					while (lastKey != null && state.isKeyDisabled(lastKey)) lastKey = collection.getKeyBefore(lastKey);
+					if (lastKey != null) state.setFocusedKey(lastKey);
+				}
+				break;
+			case "Backspace":
+				if (state.selectionMode() === "multiple" && state.inputValue() === "") {
+					const keys = state.selectedKeys();
+					if (keys.size > 0) {
+						const lastKey = Array.from(keys).pop();
+						state.removeSelectedKey(lastKey);
+					}
+				}
+				break;
+			case "Tab":
+				if (state.isOpen() && focusedKey != null) state.commit();
+				break;
+		}
+	};
+	const handleFocus = (e) => {
+		state.setFocused(true);
+		getProps().onFocus?.(e);
+		getProps().onFocusChange?.(true);
+	};
+	let lastEventTime = 0;
+	const handleBlur = (e) => {
+		const relatedTarget = e.relatedTarget;
+		const button = buttonRef?.();
+		const listBox = listBoxRef?.();
+		const blurFromButton = button && button === relatedTarget;
+		const blurIntoPopover = listBox?.contains(relatedTarget);
+		if (blurFromButton || blurIntoPopover) return;
+		if (isPointerDownInsideListBox) {
+			isPointerDownInsideListBox = false;
+			return;
+		}
+		getProps().onBlur?.(e);
+		state.setFocused(false);
+		getProps().onFocusChange?.(false);
+	};
+	const handleTouchEnd = (e) => {
+		const p = getProps();
+		const isDisabled = p.isDisabled ?? state.isDisabled;
+		const isReadOnly = p.isReadOnly ?? state.isReadOnly;
+		if (isDisabled || isReadOnly) return;
+		if (e.timeStamp - lastEventTime < 500) {
+			e.preventDefault();
+			inputRef()?.focus();
+			return;
+		}
+		const rect = e.target.getBoundingClientRect();
+		const touch = e.changedTouches[0];
+		const centerX = Math.ceil(rect.left + .5 * rect.width);
+		const centerY = Math.ceil(rect.top + .5 * rect.height);
+		if (touch.clientX === centerX && touch.clientY === centerY) {
+			e.preventDefault();
+			inputRef()?.focus();
+			state.toggle(null, "manual");
+			lastEventTime = e.timeStamp;
+		}
+	};
+	return {
+		get labelProps() {
+			return labelProps;
+		},
+		get inputProps() {
+			const p = getProps();
+			const isOpen = state.isOpen();
+			const isDisabled = p.isDisabled ?? state.isDisabled;
+			const isReadOnly = p.isReadOnly ?? state.isReadOnly;
+			const focusedKey = state.focusedKey();
+			return mergeProps$1(domProps(), focusProps, fieldProps, {
+				id: inputId,
+				type: "text",
+				role: "combobox",
+				get value() {
+					return state.inputValue();
+				},
+				tabIndex: isDisabled ? void 0 : 0,
+				disabled: isDisabled || void 0,
+				readOnly: isReadOnly || void 0,
+				placeholder: p.placeholder,
+				autoComplete: "off",
+				"aria-autocomplete": p.autoComplete ?? "list",
+				"aria-haspopup": "listbox",
+				"aria-expanded": isOpen,
+				"aria-controls": isOpen ? listBoxId : void 0,
+				"aria-activedescendant": isOpen && focusedKey != null ? `${listBoxId}-option-${focusedKey}` : void 0,
+				"aria-disabled": isDisabled || void 0,
+				"aria-required": p.isRequired || void 0,
+				"aria-invalid": p.isInvalid || void 0,
+				"aria-describedby": getAriaDescribedBy(),
+				name: p.name,
+				onInput: onInputChange,
+				onKeyDown: onInputKeyDown,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				onTouchEnd: handleTouchEnd,
+				"data-open": isOpen || void 0,
+				"data-disabled": isDisabled || void 0,
+				"data-readonly": isReadOnly || void 0,
+				"data-focus-visible": isFocusVisible() || void 0
+			});
+		},
+		get buttonProps() {
+			const p = getProps();
+			const isOpen = state.isOpen();
+			const isDisabled = p.isDisabled ?? state.isDisabled;
+			const isReadOnly = p.isReadOnly ?? state.isReadOnly;
+			const triggerLabels = createLabels({
+				id: buttonId,
+				"aria-label": stringFormatter?.().format("buttonLabel") ?? "Show suggestions",
+				"aria-labelledby": p["aria-labelledby"] ?? labelProps.id
+			});
+			return mergeProps$1(pressProps, {
+				id: buttonId,
+				type: "button",
+				tabIndex: -1,
+				"aria-haspopup": "listbox",
+				"aria-expanded": isOpen,
+				"aria-controls": isOpen ? listBoxId : void 0,
+				"aria-disabled": isDisabled || isReadOnly || void 0,
+				disabled: isDisabled || isReadOnly || void 0,
+				"aria-label": triggerLabels["aria-label"],
+				"aria-labelledby": triggerLabels["aria-labelledby"],
+				"data-open": isOpen || void 0,
+				"data-disabled": isDisabled || isReadOnly || void 0
+			});
+		},
+		get listBoxProps() {
+			const p = getProps();
+			const isMulti = state.selectionMode() === "multiple";
+			const boxLabels = createLabels({
+				id: listBoxId,
+				"aria-label": stringFormatter?.().format("listboxLabel") ?? "Suggestions",
+				"aria-labelledby": p["aria-labelledby"] ?? labelProps.id
+			});
+			return {
+				id: listBoxId,
+				role: "listbox",
+				"aria-label": boxLabels["aria-label"],
+				"aria-labelledby": boxLabels["aria-labelledby"],
+				"aria-multiselectable": isMulti || void 0,
+				shouldSelectOnPressUp: true,
+				shouldFocusOnHover: true,
+				onPointerDownCapture: () => {
+					isPointerDownInsideListBox = true;
+				},
+				onMouseDownCapture: () => {
+					isPointerDownInsideListBox = true;
+				}
+			};
+		},
+		get descriptionProps() {
+			return { id: descriptionId };
+		},
+		get errorMessageProps() {
+			return {
+				id: errorMessageId,
+				role: "alert"
+			};
+		},
+		isFocused,
+		isFocusVisible: () => isFocused() && isFocusVisible(),
+		isOpen: state.isOpen,
+		selectedItem: state.selectedItem
+	};
+}
+//#endregion
+export { getComboBoxData as n, createComboBox as t };
+
+//# sourceMappingURL=combobox.jsx.map