@octanejs/aria 0.0.1 → 0.0.4

package/src/i18n/utils.ts

@@ -0,0 +1,67 @@
+// Ported from react-aria (source: .react-spectrum/packages/react-aria/src/i18n/utils.ts).
+// Pure locale helpers — verbatim.
+
+// https://en.wikipedia.org/wiki/Right-to-left
+const RTL_SCRIPTS = new Set([
+	'Arab',
+	'Syrc',
+	'Samr',
+	'Mand',
+	'Thaa',
+	'Mend',
+	'Nkoo',
+	'Adlm',
+	'Rohg',
+	'Hebr',
+]);
+const RTL_LANGS = new Set([
+	'ae',
+	'ar',
+	'arc',
+	'bcc',
+	'bqi',
+	'ckb',
+	'dv',
+	'fa',
+	'glk',
+	'he',
+	'ku',
+	'mzn',
+	'nqo',
+	'pnb',
+	'ps',
+	'sd',
+	'ug',
+	'ur',
+	'yi',
+]);
+
+/**
+ * Determines if a locale is read right to left using
+ * [Intl.Locale]{@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale}.
+ */
+export function isRTL(localeString: string): boolean {
+	// If the Intl.Locale API is available, use it to get the locale's text direction.
+	if (Intl.Locale) {
+		let locale = new Intl.Locale(localeString).maximize();
+
+		// Use the text info object to get the direction if possible.
+		// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getTextInfo
+		let textInfo =
+			// @ts-ignore - this was implemented as a property by some browsers before it was standardized as a function.
+			typeof locale.getTextInfo === 'function' ? locale.getTextInfo() : locale.textInfo;
+		if (textInfo) {
+			return textInfo.direction === 'rtl';
+		}
+
+		// Fallback: guess using the script.
+		// This is more accurate than guessing by language, since languages can be written in multiple scripts.
+		if (locale.script) {
+			return RTL_SCRIPTS.has(locale.script);
+		}
+	}
+
+	// If not, just guess by the language (first part of the locale)
+	let lang = localeString.split('-')[0];
+	return RTL_LANGS.has(lang);
+}

package/src/index.ts

@@ -2,6 +2,72 @@
 // upstream monopackage index (.react-spectrum/packages/react-aria/exports/index.ts) and
 // grow area-by-area with the migration plan (docs/aria-migration-plan.md).
 
+// button
+export { useButton } from './button/useButton';
+export { useToggleButton } from './button/useToggleButton';
+export { useToggleButtonGroup, useToggleButtonGroupItem } from './button/useToggleButtonGroup';
+
+// checkbox
+export { useCheckbox } from './checkbox/useCheckbox';
+export { useCheckboxGroup } from './checkbox/useCheckboxGroup';
+export { useCheckboxGroupItem } from './checkbox/useCheckboxGroupItem';
+
+// disclosure
+export { useDisclosure } from './disclosure/useDisclosure';
+
+// focus
+export { FocusRing } from './focus/FocusRing';
+export { FocusScope, useFocusManager } from './focus/FocusScope';
+export { useFocusRing } from './focus/useFocusRing';
+
+// i18n
+export { I18nProvider, useLocale } from './i18n/I18nProvider';
+export { isRTL } from './i18n/utils';
+export { useCollator } from './i18n/useCollator';
+export { useDateFormatter } from './i18n/useDateFormatter';
+export { useFilter } from './i18n/useFilter';
+export {
+	useLocalizedStringFormatter,
+	useLocalizedStringDictionary,
+} from './i18n/useLocalizedStringFormatter';
+export { useNumberFormatter } from './i18n/useNumberFormatter';
+export { useListFormatter } from './i18n/useListFormatter';
+
+// label
+export { useField } from './label/useField';
+export { useLabel } from './label/useLabel';
+
+// link
+export { useLink } from './link/useLink';
+
+// meter
+export { useMeter } from './meter/useMeter';
+
+// progress
+export { useProgressBar } from './progress/useProgressBar';
+
+// radio
+export { useRadio } from './radio/useRadio';
+export { useRadioGroup } from './radio/useRadioGroup';
+
+// searchfield
+export { useSearchField } from './searchfield/useSearchField';
+
+// separator
+export { useSeparator } from './separator/useSeparator';
+
+// switch
+export { useSwitch } from './switch/useSwitch';
+
+// textfield
+export { useTextField } from './textfield/useTextField';
+
+// toolbar
+export { useToolbar } from './toolbar/useToolbar';
+
+// visually-hidden
+export { VisuallyHidden, useVisuallyHidden } from './visually-hidden/VisuallyHidden';
+
 // interactions
 export { useFocus } from './interactions/useFocus';
 export { useFocusVisible } from './interactions/useFocusVisible';
@@ -50,3 +116,205 @@ export type {
 	MoveEndEvent,
 } from '@react-types/shared';
 export type { SSRProviderProps } from './ssr/SSRProvider';
+export type { AriaButtonOptions, AriaButtonProps, ButtonAria } from './button/useButton';
+export type { AriaToggleButtonProps, ToggleButtonAria } from './button/useToggleButton';
+export type {
+	AriaToggleButtonGroupProps,
+	AriaToggleButtonGroupItemProps,
+	ToggleButtonGroupAria,
+} from './button/useToggleButtonGroup';
+export type { AriaCheckboxProps, CheckboxAria, CheckboxProps } from './checkbox/useCheckbox';
+export type { AriaCheckboxGroupProps, CheckboxGroupAria } from './checkbox/useCheckboxGroup';
+export type { AriaCheckboxGroupItemProps } from './checkbox/useCheckboxGroupItem';
+export type { AriaDisclosureProps, DisclosureAria } from './disclosure/useDisclosure';
+export type { FocusManager, FocusManagerOptions, FocusScopeProps } from './focus/FocusScope';
+export type { FocusRingProps } from './focus/FocusRing';
+export type { AriaFocusRingProps, FocusRingAria } from './focus/useFocusRing';
+export type { I18nProviderProps, Locale } from './i18n/I18nProvider';
+export type { DateFormatterOptions } from './i18n/useDateFormatter';
+export type { Filter } from './i18n/useFilter';
+export type { AriaFieldProps, FieldAria } from './label/useField';
+export type { LabelAria, LabelAriaProps } from './label/useLabel';
+export type { AriaLinkOptions, LinkAria } from './link/useLink';
+export type { AriaMeterProps, MeterAria } from './meter/useMeter';
+export type { AriaProgressBarProps, ProgressBarAria } from './progress/useProgressBar';
+export type { AriaRadioProps, RadioAria } from './radio/useRadio';
+export type { AriaRadioGroupProps, RadioGroupAria } from './radio/useRadioGroup';
+export type { AriaSearchFieldProps, SearchFieldAria } from './searchfield/useSearchField';
+export type { SeparatorAria, SeparatorProps } from './separator/useSeparator';
+export type { AriaSwitchProps, SwitchAria, SwitchProps } from './switch/useSwitch';
+export type {
+	AriaTextFieldOptions,
+	AriaTextFieldProps,
+	TextFieldAria,
+	TextFieldProps,
+} from './textfield/useTextField';
+export type { AriaToolbarProps, ToolbarAria } from './toolbar/useToolbar';
+export type { VisuallyHiddenAria, VisuallyHiddenProps } from './visually-hidden/VisuallyHidden';
+
+// listbox — mirrors the @react-aria/listbox shim surface.
+export { useListBox } from './listbox/useListBox';
+export { useOption } from './listbox/useOption';
+export { useListBoxSection } from './listbox/useListBoxSection';
+export { listData, getItemId } from './listbox/utils';
+
+// menu — mirrors the @react-aria/menu shim surface.
+export { useMenu } from './menu/useMenu';
+export { useMenuItem } from './menu/useMenuItem';
+export { useMenuSection } from './menu/useMenuSection';
+export { useMenuTrigger } from './menu/useMenuTrigger';
+export { useSubmenuTrigger } from './menu/useSubmenuTrigger';
+
+// tabs — mirrors the @react-aria/tabs shim surface.
+export { useTab } from './tabs/useTab';
+export { useTabList } from './tabs/useTabList';
+export { useTabPanel } from './tabs/useTabPanel';
+
+// slider — mirrors the @react-aria/slider shim surface.
+export { useSlider } from './slider/useSlider';
+export { useSliderThumb } from './slider/useSliderThumb';
+
+// numberfield — mirrors the @react-aria/numberfield shim surface.
+export { useNumberField } from './numberfield/useNumberField';
+
+// gridlist — mirrors the @react-aria/gridlist shim surface.
+export { useGridList } from './gridlist/useGridList';
+export { useGridListItem } from './gridlist/useGridListItem';
+export { useGridListSelectionCheckbox } from './gridlist/useGridListSelectionCheckbox';
+export { useGridListSection } from './gridlist/useGridListSection';
+
+// tag — mirrors the @react-aria/tag shim surface.
+export { useTag } from './tag/useTag';
+export { useTagGroup } from './tag/useTagGroup';
+
+// breadcrumbs — mirrors the @react-aria/breadcrumbs shim surface.
+export { useBreadcrumbItem } from './breadcrumbs/useBreadcrumbItem';
+export { useBreadcrumbs } from './breadcrumbs/useBreadcrumbs';
+
+// listbox/menu/tabs/slider/numberfield/gridlist/tag/breadcrumbs types.
+export type {
+	ListBoxProps,
+	AriaListBoxPropsBase,
+	AriaListBoxProps,
+	AriaListBoxOptions,
+	ListBoxAria,
+} from './listbox/useListBox';
+export type { AriaOptionProps, OptionAria } from './listbox/useOption';
+export type { AriaListBoxSectionProps, ListBoxSectionAria } from './listbox/useListBoxSection';
+export type { AriaMenuTriggerProps, MenuTriggerAria } from './menu/useMenuTrigger';
+export type { MenuProps, AriaMenuProps, AriaMenuOptions, MenuAria } from './menu/useMenu';
+export type { AriaMenuItemProps, MenuItemAria } from './menu/useMenuItem';
+export type { AriaMenuSectionProps, MenuSectionAria } from './menu/useMenuSection';
+export type { AriaSubmenuTriggerProps, SubmenuTriggerAria } from './menu/useSubmenuTrigger';
+export type { AriaTabProps, TabAria } from './tabs/useTab';
+export type { AriaTabPanelProps, TabPanelAria } from './tabs/useTabPanel';
+export type { AriaTabListProps, AriaTabListOptions, TabListAria } from './tabs/useTabList';
+export type { AriaSliderProps, SliderAria } from './slider/useSlider';
+export type {
+	SliderThumbProps,
+	AriaSliderThumbProps,
+	AriaSliderThumbOptions,
+	SliderThumbAria,
+} from './slider/useSliderThumb';
+export type { AriaNumberFieldProps, NumberFieldAria } from './numberfield/useNumberField';
+export type {
+	AriaGridListOptions,
+	AriaGridListProps,
+	GridListAria,
+	GridListProps,
+} from './gridlist/useGridList';
+export type { AriaGridListItemOptions, GridListItemAria } from './gridlist/useGridListItem';
+export type { AriaGridListSectionProps, GridListSectionAria } from './gridlist/useGridListSection';
+export type {
+	AriaGridSelectionCheckboxProps,
+	GridSelectionCheckboxAria,
+} from './grid/useGridSelectionCheckbox';
+export type { AriaTagProps, TagAria } from './tag/useTag';
+export type { TagGroupAria, AriaTagGroupProps, AriaTagGroupOptions } from './tag/useTagGroup';
+export type {
+	BreadcrumbItemProps,
+	AriaBreadcrumbItemProps,
+	BreadcrumbItemAria,
+} from './breadcrumbs/useBreadcrumbItem';
+export type { AriaBreadcrumbsProps, BreadcrumbsAria } from './breadcrumbs/useBreadcrumbs';
+export type { Orientation } from '@react-types/shared';
+
+// selection — mirrors the @react-aria/selection shim surface.
+export { useSelectableCollection } from './selection/useSelectableCollection';
+export { useSelectableItem } from './selection/useSelectableItem';
+export { useSelectableList } from './selection/useSelectableList';
+export { useTypeSelect } from './selection/useTypeSelect';
+export { ListKeyboardDelegate } from './selection/ListKeyboardDelegate';
+export { DOMLayoutDelegate } from './selection/DOMLayoutDelegate';
+export type { AriaSelectableCollectionOptions } from './selection/useSelectableCollection';
+export type { SelectableItemAria, SelectableItemOptions } from './selection/useSelectableItem';
+export type { AriaSelectableListOptions } from './selection/useSelectableList';
+export type { AriaTypeSelectOptions, TypeSelectAria } from './selection/useTypeSelect';
+
+// overlays — mirrors the @react-aria/overlays shim surface.
+export { useOverlay } from './overlays/useOverlay';
+export { useOverlayPosition } from './overlays/useOverlayPosition';
+export { useOverlayTrigger } from './overlays/useOverlayTrigger';
+export { usePreventScroll } from './overlays/usePreventScroll';
+export { ariaHideOutside } from './overlays/ariaHideOutside';
+export { DismissButton } from './overlays/DismissButton';
+export { Overlay, useOverlayFocusContain } from './overlays/Overlay';
+export {
+	ModalProvider,
+	useModalProvider,
+	OverlayProvider,
+	OverlayContainer,
+	useModal,
+} from './overlays/useModal';
+export { usePopover } from './overlays/usePopover';
+export { useModalOverlay } from './overlays/useModalOverlay';
+export { UNSAFE_PortalProvider, useUNSAFE_PortalContext } from './overlays/PortalProvider';
+export type {
+	AriaPositionProps,
+	PositionAria,
+	Placement,
+	PlacementAxis,
+	PositionProps,
+	Axis,
+	SizeAxis,
+} from './overlays/useOverlayPosition';
+export type { AriaOverlayProps, OverlayAria } from './overlays/useOverlay';
+export type { OverlayTriggerAria, OverlayTriggerProps } from './overlays/useOverlayTrigger';
+export type {
+	AriaModalOptions,
+	ModalAria,
+	ModalProviderAria,
+	ModalProviderProps,
+	OverlayContainerProps,
+} from './overlays/useModal';
+export type { DismissButtonProps } from './overlays/DismissButton';
+export type { OverlayProps } from './overlays/Overlay';
+export type { AriaPopoverProps, PopoverAria } from './overlays/usePopover';
+export type { AriaModalOverlayProps, ModalOverlayAria } from './overlays/useModalOverlay';
+export type { PortalProviderProps, PortalProviderContextValue } from './overlays/PortalProvider';
+
+// dialog — mirrors the @react-aria/dialog shim surface.
+export { useDialog } from './dialog/useDialog';
+export type { AriaDialogProps, DialogAria } from './dialog/useDialog';
+
+// tooltip — mirrors the @react-aria/tooltip shim surface.
+export { useTooltip } from './tooltip/useTooltip';
+export { useTooltipTrigger } from './tooltip/useTooltipTrigger';
+export type { TooltipProps, AriaTooltipProps, TooltipAria } from './tooltip/useTooltip';
+export type { TooltipTriggerAria } from './tooltip/useTooltipTrigger';
+export type { TooltipTriggerProps } from './stately/tooltip/useTooltipTriggerState';
+
+// select — mirrors the @react-aria/select shim surface.
+export { useSelect } from './select/useSelect';
+export { useHiddenSelect, HiddenSelect } from './select/HiddenSelect';
+export type { AriaSelectProps, AriaSelectOptions, SelectAria } from './select/useSelect';
+export type {
+	AriaHiddenSelectProps,
+	AriaHiddenSelectOptions,
+	HiddenSelectProps,
+	HiddenSelectAria,
+} from './select/HiddenSelect';
+
+// combobox — mirrors the @react-aria/combobox shim surface.
+export { useComboBox } from './combobox/useComboBox';
+export type { AriaComboBoxProps, AriaComboBoxOptions, ComboBoxAria } from './combobox/useComboBox';

package/src/intl/breadcrumbs/ar-AE.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "عناصر الواجهة"
+}

package/src/intl/breadcrumbs/bg-BG.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Трохи хляб"
+}

package/src/intl/breadcrumbs/cs-CZ.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Popis cesty"
+}

package/src/intl/breadcrumbs/da-DK.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Brødkrummer"
+}

package/src/intl/breadcrumbs/de-DE.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Breadcrumbs"
+}

package/src/intl/breadcrumbs/el-GR.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Πλοηγήσεις breadcrumb"
+}

package/src/intl/breadcrumbs/en-US.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Breadcrumbs"
+}

package/src/intl/breadcrumbs/es-ES.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Migas de pan"
+}

package/src/intl/breadcrumbs/et-EE.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Lingiread"
+}

package/src/intl/breadcrumbs/fi-FI.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Navigointilinkit"
+}

package/src/intl/breadcrumbs/fr-FR.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Chemin de navigation"
+}

package/src/intl/breadcrumbs/he-IL.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "שבילי ניווט"
+}

package/src/intl/breadcrumbs/hr-HR.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Navigacijski putovi"
+}

package/src/intl/breadcrumbs/hu-HU.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Morzsamenü"
+}

package/src/intl/breadcrumbs/index.ts

@@ -0,0 +1,75 @@
+// Generated locale-dictionary index for the breadcrumbs area — the octane equivalent of
+// upstream's Parcel glob import (`import intlMessages from '../../intl/breadcrumbs/*.json'`).
+// The JSON files are copied VERBATIM from .react-spectrum/packages/react-aria/intl/breadcrumbs/;
+// refresh them from the pinned checkout on version bumps, never hand-edit.
+import ar_AE from './ar-AE.json';
+import bg_BG from './bg-BG.json';
+import cs_CZ from './cs-CZ.json';
+import da_DK from './da-DK.json';
+import de_DE from './de-DE.json';
+import el_GR from './el-GR.json';
+import en_US from './en-US.json';
+import es_ES from './es-ES.json';
+import et_EE from './et-EE.json';
+import fi_FI from './fi-FI.json';
+import fr_FR from './fr-FR.json';
+import he_IL from './he-IL.json';
+import hr_HR from './hr-HR.json';
+import hu_HU from './hu-HU.json';
+import it_IT from './it-IT.json';
+import ja_JP from './ja-JP.json';
+import ko_KR from './ko-KR.json';
+import lt_LT from './lt-LT.json';
+import lv_LV from './lv-LV.json';
+import nb_NO from './nb-NO.json';
+import nl_NL from './nl-NL.json';
+import pl_PL from './pl-PL.json';
+import pt_BR from './pt-BR.json';
+import pt_PT from './pt-PT.json';
+import ro_RO from './ro-RO.json';
+import ru_RU from './ru-RU.json';
+import sk_SK from './sk-SK.json';
+import sl_SI from './sl-SI.json';
+import sr_SP from './sr-SP.json';
+import sv_SE from './sv-SE.json';
+import tr_TR from './tr-TR.json';
+import uk_UA from './uk-UA.json';
+import zh_CN from './zh-CN.json';
+import zh_TW from './zh-TW.json';
+
+export default {
+	'ar-AE': ar_AE,
+	'bg-BG': bg_BG,
+	'cs-CZ': cs_CZ,
+	'da-DK': da_DK,
+	'de-DE': de_DE,
+	'el-GR': el_GR,
+	'en-US': en_US,
+	'es-ES': es_ES,
+	'et-EE': et_EE,
+	'fi-FI': fi_FI,
+	'fr-FR': fr_FR,
+	'he-IL': he_IL,
+	'hr-HR': hr_HR,
+	'hu-HU': hu_HU,
+	'it-IT': it_IT,
+	'ja-JP': ja_JP,
+	'ko-KR': ko_KR,
+	'lt-LT': lt_LT,
+	'lv-LV': lv_LV,
+	'nb-NO': nb_NO,
+	'nl-NL': nl_NL,
+	'pl-PL': pl_PL,
+	'pt-BR': pt_BR,
+	'pt-PT': pt_PT,
+	'ro-RO': ro_RO,
+	'ru-RU': ru_RU,
+	'sk-SK': sk_SK,
+	'sl-SI': sl_SI,
+	'sr-SP': sr_SP,
+	'sv-SE': sv_SE,
+	'tr-TR': tr_TR,
+	'uk-UA': uk_UA,
+	'zh-CN': zh_CN,
+	'zh-TW': zh_TW,
+} as Record<string, Record<string, string>>;

package/src/intl/breadcrumbs/it-IT.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Breadcrumb"
+}

package/src/intl/breadcrumbs/ja-JP.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "パンくずリスト"
+}

package/src/intl/breadcrumbs/ko-KR.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "탐색 표시"
+}

package/src/intl/breadcrumbs/lt-LT.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Naršymo kelias"
+}

package/src/intl/breadcrumbs/lv-LV.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Atpakaļceļi"
+}

package/src/intl/breadcrumbs/nb-NO.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Navigasjonsstier"
+}

package/src/intl/breadcrumbs/nl-NL.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Broodkruimels"
+}

package/src/intl/breadcrumbs/pl-PL.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Struktura nawigacyjna"
+}

package/src/intl/breadcrumbs/pt-BR.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Caminho detalhado"
+}

package/src/intl/breadcrumbs/pt-PT.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Categorias"
+}

package/src/intl/breadcrumbs/ro-RO.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Miez de pâine"
+}

package/src/intl/breadcrumbs/ru-RU.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Навигация"
+}

package/src/intl/breadcrumbs/sk-SK.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Navigačné prvky Breadcrumbs"
+}

package/src/intl/breadcrumbs/sl-SI.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Drobtine"
+}

package/src/intl/breadcrumbs/sr-SP.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Putanje navigacije"
+}

package/src/intl/breadcrumbs/sv-SE.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Sökvägar"
+}

package/src/intl/breadcrumbs/tr-TR.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "İçerik haritaları"
+}

package/src/intl/breadcrumbs/uk-UA.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "Навігаційна стежка"
+}

package/src/intl/breadcrumbs/zh-CN.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "导航栏"
+}

package/src/intl/breadcrumbs/zh-TW.json

@@ -0,0 +1,3 @@
+{
+  "breadcrumbs": "導覽列"
+}

package/src/intl/combobox/ar-AE.json

@@ -0,0 +1,7 @@
+{
+  "buttonLabel": "عرض المقترحات",
+  "countAnnouncement": "{optionCount, plural, one {# خيار} other {# خيارات}} متاحة.",
+  "focusAnnouncement": "{isGroupChange, select, true {المجموعة المدخلة {groupTitle}, مع {groupCount, plural, one {# خيار} other {# خيارات}}. } other {}}{optionText}{isSelected, select, true {, محدد} other {}}",
+  "listboxLabel": "مقترحات",
+  "selectedAnnouncement": "{optionText}، محدد"
+}

package/src/intl/combobox/bg-BG.json

@@ -0,0 +1,7 @@
+{
+  "buttonLabel": "Покажи предложения",
+  "countAnnouncement": "{optionCount, plural, one {# опция} other {# опции}} на разположение.",
+  "focusAnnouncement": "{isGroupChange, select, true {Въведена група {groupTitle}, с {groupCount, plural, one {# опция} other {# опции}}. } other {}}{optionText}{isSelected, select, true {, избрани} other {}}",
+  "listboxLabel": "Предложения",
+  "selectedAnnouncement": "{optionText}, избрани"
+}

package/src/intl/combobox/cs-CZ.json

@@ -0,0 +1,7 @@
+{
+  "buttonLabel": "Zobrazit doporučení",
+  "countAnnouncement": "K dispozici {optionCount, plural, one {je # možnost} other {jsou/je # možnosti/-í}}.",
+  "focusAnnouncement": "{isGroupChange, select, true {Zadaná skupina „{groupTitle}“ {groupCount, plural, one {s # možností} other {se # možnostmi}}. } other {}}{optionText}{isSelected, select, true { (vybráno)} other {}}",
+  "listboxLabel": "Návrhy",
+  "selectedAnnouncement": "{optionText}, vybráno"
+}

package/src/intl/combobox/da-DK.json

@@ -0,0 +1,7 @@
+{
+  "buttonLabel": "Vis forslag",
+  "countAnnouncement": "{optionCount, plural, one {# mulighed tilgængelig} other {# muligheder tilgængelige}}.",
+  "focusAnnouncement": "{isGroupChange, select, true {Angivet gruppe {groupTitle}, med {groupCount, plural, one {# mulighed} other {# muligheder}}. } other {}}{optionText}{isSelected, select, true {, valgt} other {}}",
+  "listboxLabel": "Forslag",
+  "selectedAnnouncement": "{optionText}, valgt"
+}

package/src/intl/combobox/de-DE.json

@@ -0,0 +1,7 @@
+{
+  "buttonLabel": "Empfehlungen anzeigen",
+  "countAnnouncement": "{optionCount, plural, one {# Option} other {# Optionen}} verfügbar.",
+  "focusAnnouncement": "{isGroupChange, select, true {Eingetretene Gruppe {groupTitle}, mit {groupCount, plural, one {# Option} other {# Optionen}}. } other {}}{optionText}{isSelected, select, true {, ausgewählt} other {}}",
+  "listboxLabel": "Empfehlungen",
+  "selectedAnnouncement": "{optionText}, ausgewählt"
+}

package/src/intl/combobox/el-GR.json

@@ -0,0 +1,7 @@
+{
+  "buttonLabel": "Προβολή προτάσεων",
+  "countAnnouncement": "{optionCount, plural, one {# επιλογή} other {# επιλογές }} διαθέσιμες.",
+  "focusAnnouncement": "{isGroupChange, select, true {Εισαγμένη ομάδα {groupTitle}, με {groupCount, plural, one {# επιλογή} other {# επιλογές}}. } other {}}{optionText}{isSelected, select, true {, επιλεγμένο} other {}}",
+  "listboxLabel": "Προτάσεις",
+  "selectedAnnouncement": "{optionText}, επιλέχθηκε"
+}