@worldresources/wri-design-systems 2.198.0 → 2.199.0

package/dist/index.d.ts

@@ -117,6 +117,21 @@ type TextInputLabels = {
      */
     optionalSuffix: ReactNodeLabel;
 };
+/** Labels for Combobox internal UI strings. */
+type ComboboxLabels = {
+    /** Accessible label for the required (*) indicator. Must be string (aria-label). Default: "required" */
+    requiredSymbolLabel: string;
+    /** Suffix appended after the field label when optional. Rendered as JSX child. Default: " (Optional)" */
+    optionalSuffix: ReactNodeLabel;
+    /** Fallback aria-label on the combobox input when label/placeholder are not provided. Default: "Combobox input" */
+    defaultInputAriaLabel: string;
+    /** aria-label on the clear selection trigger. Default: "Clear selection" */
+    clearSelectionLabel: string;
+    /** aria-label on the open/close options trigger. Default: "Toggle options" */
+    toggleOptionsLabel: string;
+    /** Visible text shown when no results match. Rendered as JSX child. Default: "No items found" */
+    noItemsFoundLabel: ReactNodeLabel;
+};
 /** Labels for CloseButton internal UI strings. */
 type CloseButtonLabels = {
     /** Fallback aria-label when none is provided via props. Default: "Close" */
@@ -127,6 +142,26 @@ type ToastLabels = {
     /** aria-label on the dismiss button. Default: "Dismiss" */
     dismissLabel: string;
 };
+/** Labels for AlertBanner internal UI strings. */
+type AlertBannerLabels = {
+    /** aria-label on the close action button. Default: "Close alert" */
+    closeAlertLabel: string;
+};
+/** Labels for Badge internal UI strings. */
+type BadgeLabels = {
+    /** Builds aria-label text for the notification count. Default: (count) => `${count} unread ${count === 1 ? 'message' : 'messages'}` */
+    unreadMessagesLabel: (count: number) => string;
+};
+/** Labels for Avatar internal UI strings. */
+type AvatarLabels = {
+    /** Builds aria-label text for the notification count. Default: (count) => `${count} unread ${count === 1 ? 'message' : 'messages'}` */
+    unreadMessagesLabel: (count: number) => string;
+};
+/** Labels for ProgressBar internal UI strings. */
+type ProgressBarLabels = {
+    /** Builds aria-label text for progress value. Default: (progress) => `Progress: ${progress}%` */
+    progressAriaLabel: (progress: number) => string;
+};
 /** Labels for InlineMessage internal UI strings. */
 type InlineMessageLabels = {
     /** aria-roledescription on the root element. Default: "Note" */
@@ -134,9 +169,20 @@ type InlineMessageLabels = {
 };
 /** Labels for MapPopUp internal UI strings. */
 type MapPopUpLabels = {
+    /** aria-label on the popup dialog container. Default: "Map popup dialog" */
+    dialogAriaLabel: string;
     /** aria-label on the close button. Default: "Close" */
     closeLabel: string;
 };
+/** Labels for MapMarker internal UI strings. */
+type MapMarkerLabels = {
+    /** aria-label builder for cluster markers when count is provided. Default: (count) => `Cluster of ${count} locations` */
+    clusterAriaLabel: (count: number) => string;
+    /** aria-label for simple pin marker variant. Default: "Map pin location" */
+    pinAriaLabel: string;
+    /** fallback aria-label for non-pin markers. Default: "Map point" */
+    pointAriaLabel: string;
+};
 /** Labels for AnalysisWidget internal UI strings. */
 type AnalysisWidgetLabels = {
     /** aria-label on the collapsible section trigger. Default: "Toggle section" */
@@ -148,6 +194,10 @@ type TableLabels = {
     ascendingLabel: string;
     /** aria-label on the descending sort icon button. Default: "Descending" */
     descendingLabel: string;
+    /** aria-label on the header checkbox that selects all rows. Default: "Select all rows" */
+    selectAllRowsLabel: string;
+    /** aria-label template for each row checkbox. Default: (name, id) => (name || id ? `Select row ${name || id}` : 'Select row') */
+    selectRowLabel: (name?: string, id?: string | number) => string;
 };
 /** Labels for Button internal UI strings. */
 type ButtonLabels = {
@@ -183,6 +233,50 @@ type MobileSearchLabels = {
     /** Label text inside the InlineMessage shown when no query. Default: "Label" */
     infoLabel: string;
 };
+/** Labels for MobileTabBar internal UI strings. */
+type MobileTabBarLabels = {
+    /** Builds screen-reader status text for tab position. Default: (index, total) => `tab ${index} of ${total}` */
+    tabPositionStatus: (index: number, total: number) => string;
+    /** Screen-reader status when the tab is selected. Default: "selected" */
+    selectedStatus: string;
+    /** Screen-reader status when the tab is not selected. Default: "not selected" */
+    notSelectedStatus: string;
+    /** Screen-reader status appended when the tab is disabled. Default: "disabled" */
+    disabledStatus: string;
+};
+/** Labels for Switch internal UI strings. */
+type SwitchLabels = {
+    /** Fallback aria-label when no aria-label prop is provided. Default: (name) => name */
+    defaultAriaLabel: (name: string) => string;
+};
+/** Labels for Tag internal UI strings. */
+type TagLabels = {
+    /** aria-label builder for the close trigger. Default: (label) => `${label} tag close button` */
+    closeButtonAriaLabel: (label: string) => string;
+};
+/** Labels for Menu internal UI strings. */
+type MenuLabels = {
+    /** Fallback aria-label for the menu content when no trigger label is provided. Default: "Menu" */
+    menuAriaLabel: string;
+    /** Builds aria-label for submenu content. Default: (label) => `${label} submenu` */
+    submenuAriaLabel: (label: string) => string;
+    /** Prefix used for command aria-label text. Default: "Shortcut" */
+    shortcutPrefix: string;
+};
+/** Labels for Modal internal UI strings. */
+type ModalLabels = {
+    /** aria-label on the dialog content. Default: "Modal dialog" */
+    dialogAriaLabel: string;
+};
+/** Labels for Sheet internal UI strings. */
+type SheetLabels = {
+    /** aria-label for the grabber button when collapsed/minimized. Default: "Expand sheet" */
+    expandSheetLabel: string;
+    /** aria-label for the grabber button at intermediate snap points. Default: "Make full screen" */
+    makeFullScreenLabel: string;
+    /** aria-label for the grabber button when fully expanded. Default: "Expanded sheet" */
+    expandedSheetLabel: string;
+};
 /** Labels for RadioList internal UI strings. */
 type RadioListLabels = {
     /** " Required." appended to the group aria-label. Default: "Required." */
@@ -384,6 +478,11 @@ type LayerGroupLabels = {
     /** Full aria-label builder for the group container. Default fn provided. */
     groupAriaLabel: (label: string, activeCount: number, caption?: string) => string;
 };
+/** Labels for LayerItem internal UI strings. */
+type LayerItemLabels = {
+    /** Default label on the optional info button. Default: "About data" */
+    aboutDataLabel: string;
+};
 /** Labels for QualitativeAttribute internal UI strings. */
 type QualitativeAttributeLabels = {
     /**
@@ -500,16 +599,28 @@ type DesignSystemLabels = {
     CheckboxList?: Partial<CheckboxListLabels>;
     Password?: Partial<PasswordLabels>;
     TextInput?: Partial<TextInputLabels>;
+    Combobox?: Partial<ComboboxLabels>;
     CloseButton?: Partial<CloseButtonLabels>;
     Toast?: Partial<ToastLabels>;
+    AlertBanner?: Partial<AlertBannerLabels>;
+    Badge?: Partial<BadgeLabels>;
+    Avatar?: Partial<AvatarLabels>;
+    ProgressBar?: Partial<ProgressBarLabels>;
     InlineMessage?: Partial<InlineMessageLabels>;
     MapPopUp?: Partial<MapPopUpLabels>;
+    MapMarker?: Partial<MapMarkerLabels>;
     AnalysisWidget?: Partial<AnalysisWidgetLabels>;
     Table?: Partial<TableLabels>;
     Button?: Partial<ButtonLabels>;
     BaseMap?: Partial<BaseMapLabels>;
     Search?: Partial<SearchLabels>;
     MobileSearch?: Partial<MobileSearchLabels>;
+    MobileTabBar?: Partial<MobileTabBarLabels>;
+    Switch?: Partial<SwitchLabels>;
+    Tag?: Partial<TagLabels>;
+    Menu?: Partial<MenuLabels>;
+    Modal?: Partial<ModalLabels>;
+    Sheet?: Partial<SheetLabels>;
     RadioList?: Partial<RadioListLabels>;
     Select?: Partial<SelectLabels>;
     NavigationRail?: Partial<NavigationRailLabels>;
@@ -521,6 +632,7 @@ type DesignSystemLabels = {
     Pagination?: Partial<PaginationLabels>;
     ItemCount?: Partial<ItemCountLabels>;
     LayerGroup?: Partial<LayerGroupLabels>;
+    LayerItem?: Partial<LayerItemLabels>;
     QualitativeAttribute?: Partial<QualitativeAttributeLabels>;
     MapControlsToolbar?: Partial<MapControlsToolbarLabels>;
     StepProgressIndicator?: Partial<StepProgressIndicatorLabels>;
@@ -706,9 +818,11 @@ type MenuProps = {
     /** Values that are checked by default on first render. */
     defaultSelectedValues?: string[];
     menuWidth?: string | 'content';
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<MenuLabels>;
 };
 
-declare const Menu: ({ theme, label, hideArrow, fontSize, items, groups, onSelect, customTrigger, selectionMode, defaultSelectedValues, menuWidth, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Menu: ({ theme, label, hideArrow, fontSize, items, groups, onSelect, customTrigger, selectionMode, defaultSelectedValues, menuWidth, labels, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
@@ -868,15 +982,17 @@ type SliderProps = Omit<SliderRootProps, 'size' | 'variant' | 'colorPalette' | '
     isCentred?: boolean;
 };
 
-type SwitchProps = Omit<Switch$1.RootProps, 'size' | 'variant' | 'colorPalette' | 'invalid' | 'onCheckedChange' | 'onChange'> & {
+type SwitchProps = Omit<Switch$1.RootProps, 'size' | 'variant' | 'colorPalette' | 'invalid' | 'onCheckedChange' | 'onChange' | 'labels'> & {
     name: string;
     onChange?: (name: string, checked: boolean) => void;
     defaultChecked?: boolean;
     disabled?: boolean;
     isLabelOnLeft?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<SwitchLabels>;
 };
 
-declare const Switch: ({ name, defaultChecked, onChange, disabled, isLabelOnLeft, children, ...rest }: SwitchProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Switch: ({ name, defaultChecked, onChange, disabled, isLabelOnLeft, children, labels, ...rest }: SwitchProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type CheckboxListLabel = string | {
     type: 'checkbox';
@@ -1050,7 +1166,7 @@ type ComboboxProps = {
     size?: 'small' | 'default';
     disabled?: boolean;
     placeholder?: string;
-    labels?: Partial<TextInputLabels>;
+    labels?: Partial<ComboboxLabels>;
     noMarginBottom?: boolean;
     multiple?: boolean;
     showSelectedItems?: boolean;
@@ -1066,9 +1182,11 @@ type TagProps = Omit<Tag$1.RootProps, 'size' | 'variant' | 'colorPalette' | 'chi
     icon?: React.ReactNode;
     onClose?: VoidFunction;
     closable?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<TagLabels>;
 };
 
-declare const Tag: ({ label, size, variant, disabled, icon, onClose, closable, ...rest }: TagProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Tag: ({ label, size, variant, disabled, icon, onClose, closable, labels, ...rest }: TagProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AdditionalSettingsProps = {
     label: string;
@@ -1109,6 +1227,8 @@ type MapMarkerProps = {
     count?: number;
     mode?: 'dark' | 'light';
     variant?: 'cluster' | 'simple-pin' | 'icon';
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<MapMarkerLabels>;
 };
 
 declare const MapMarker: React$1.ForwardRefExoticComponent<MapMarkerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -1167,6 +1287,8 @@ type LayerItemProps = {
     onInfoClick?: () => void;
     isDefaultSelected?: boolean;
     onChange?: (name: string, checked: boolean, selectedValue?: string) => void;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<LayerItemLabels>;
 };
 
 type LayerGroupContainerProps = Omit<Accordion.RootProps, 'onChange' | 'colorPalette' | 'variant' | 'size' | 'multiple' | 'collapsible'> & {
@@ -1186,7 +1308,7 @@ declare const LayerGroup: ({ label, caption, value, layerItems, onChangeForRadio
 
 declare const LayerGroupContainer: ({ children, defaultValue, ...rest }: LayerGroupContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare const LayerItem: ({ name, label, caption, showInfoButton, infoButtonLabel, variant, disabled, onInfoClick, isDefaultSelected, onChange, }: LayerItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LayerItem: ({ name, label, caption, showInfoButton, infoButtonLabel, variant, disabled, onInfoClick, isDefaultSelected, onChange, labels, }: LayerItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type LayerParametersProps = {
     label: string;
@@ -1359,9 +1481,10 @@ type ModalProps = {
     width?: SizeValue;
     height?: SizeValue;
     maxHeight?: SizeValue;
+    labels?: Partial<ModalLabels>;
 };
 
-declare const Modal: ({ header, content, footer, size, width, height, maxHeight, draggable, blocking, open, onClose, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const Modal: ({ header, content, footer, size, width, height, maxHeight, draggable, blocking, open, onClose, labels, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type PanelProps = {
     header?: React.ReactNode;
@@ -1386,9 +1509,10 @@ type SheetProps = {
     className?: string;
     blocking?: boolean;
     zIndex?: number;
+    labels?: Partial<SheetLabels>;
 };
 
-declare const Sheet: ({ header, content, footer, open, onClose, minimizedHeight, midHeight, maxFullHeight, defaultSnap, className, blocking, zIndex, }: SheetProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Sheet: ({ header, content, footer, open, onClose, minimizedHeight, midHeight, maxFullHeight, defaultSnap, className, blocking, zIndex, labels, }: SheetProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MobileSearchProps = Omit<InputProps, 'size' | 'variant' | 'colorPalette' | 'defaultChecked'> & {
     value?: string;
@@ -1444,9 +1568,11 @@ type MobileTabBarProps = {
     onTabClick?: (tabValue: string) => void;
     hideLabels?: boolean;
     activationMode?: 'automatic' | 'manual';
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<MobileTabBarLabels>;
 };
 
-declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, hideLabels, activationMode, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, hideLabels, activationMode, labels, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type NavbarNavigationItemsProps = {
     label: string;
@@ -1562,6 +1688,8 @@ type AvatarProps = {
     notificationCount?: number;
     disabled?: boolean;
     customBackgroundColor?: string;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<AvatarLabels>;
 };
 
 declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1570,9 +1698,11 @@ type BadgeProps = {
     hasNotification?: boolean;
     notificationCount?: number;
     label?: string;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<BadgeLabels>;
 };
 
-declare const Badge: ({ hasNotification, notificationCount, label }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Badge: ({ hasNotification, notificationCount, label, labels, }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type InlineMessageProps = {
     label: string;
@@ -1596,6 +1726,8 @@ interface AlertProps extends Omit<Alert.RootProps, 'title' | 'variant'> {
     icon?: React.ReactElement;
     onClose?: () => void;
     variant?: 'general-white' | 'general-grey' | 'information' | 'success' | 'warning' | 'error';
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<AlertBannerLabels>;
 }
 
 /** @jsxImportSource @emotion/react */
@@ -1604,9 +1736,11 @@ declare const AlertBanner: React$1.ForwardRefExoticComponent<AlertProps & React$
 
 type ProgressBarProps = {
     progress: number;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<ProgressBarLabels>;
 };
 
-declare const ProgressBar: ({ progress }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ProgressBar: ({ progress, labels }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type StepProgressIndicatorProps = {
     steps: {
@@ -1649,4 +1783,4 @@ declare const Toast: React__default.FC<ToastComponentProps>;
 declare const showToast: (props: ToastProps) => void;
 declare const closeToast: (id?: string) => void;
 
-export { AlertBanner, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseMap, type BaseMapLabels, type BaseMapOptionProps, type BaseMapProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonLabels, type ButtonProps, Checkbox, CheckboxList, type CheckboxListLabel, type CheckboxListLabels, type CheckboxListProps, CheckboxOptionCard, type CheckboxOptionCardItemProps, type CheckboxOptionCardProps, type CheckboxProps, CloseButton, type CloseButtonLabels, type CloseButtonProps, ClusterPoint, Combobox, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, Footer, type FooterProps, FormContainer, type FormContainerProps, IconButton, type IconButtonProps, InlineMessage, type InlineMessageLabels, type InlineMessageProps, InputWithUnits, type InputWithUnitsProps, ItemCount, type ItemCountLabels, type ItemCountProps, LayerGroup, LayerGroupContainer, type LayerGroupContainerProps, type LayerGroupLabels, type LayerGroupProps, LayerItem, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuProps, MobileSearch, type MobileSearchLabels, type MobileSearchProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, Modal, type ModalProps, MultiActionButton, type MultiActionButtonProps, Navbar, type NavbarLabels, type NavbarNavigationItemsProps, type NavbarProps, NavigationRail, type NavigationRailLabels, type NavigationRailProps, type NavigationRailTabProps, type OpacityControlLabels, OptionCard, type OptionCardItemProps, type OptionCardProps, Pagination, type PaginationLabels, type PaginationProps, Panel, type PanelProps, Password, type PasswordLabels, type PasswordProps, ProgressBar, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, RichTextEditor, type RichTextEditorControlKey, type RichTextEditorLabels, type RichTextEditorProps, type RichTextEditorSize, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, closeToast, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };
+export { AlertBanner, type AlertBannerLabels, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarLabels, type AvatarProps, Badge, type BadgeLabels, type BadgeProps, BaseMap, type BaseMapLabels, type BaseMapOptionProps, type BaseMapProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonLabels, type ButtonProps, Checkbox, CheckboxList, type CheckboxListLabel, type CheckboxListLabels, type CheckboxListProps, CheckboxOptionCard, type CheckboxOptionCardItemProps, type CheckboxOptionCardProps, type CheckboxProps, CloseButton, type CloseButtonLabels, type CloseButtonProps, ClusterPoint, Combobox, type ComboboxLabels, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, Footer, type FooterProps, FormContainer, type FormContainerProps, IconButton, type IconButtonProps, InlineMessage, type InlineMessageLabels, type InlineMessageProps, InputWithUnits, type InputWithUnitsProps, ItemCount, type ItemCountLabels, type ItemCountProps, LayerGroup, LayerGroupContainer, type LayerGroupContainerProps, type LayerGroupLabels, type LayerGroupProps, LayerItem, type LayerItemLabels, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerLabels, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuLabels, type MenuProps, MobileSearch, type MobileSearchLabels, type MobileSearchProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarLabels, type MobileTabBarProps, Modal, type ModalLabels, type ModalProps, MultiActionButton, type MultiActionButtonProps, Navbar, type NavbarLabels, type NavbarNavigationItemsProps, type NavbarProps, NavigationRail, type NavigationRailLabels, type NavigationRailProps, type NavigationRailTabProps, type OpacityControlLabels, OptionCard, type OptionCardItemProps, type OptionCardProps, Pagination, type PaginationLabels, type PaginationProps, Panel, type PanelProps, Password, type PasswordLabels, type PasswordProps, ProgressBar, type ProgressBarLabels, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, RichTextEditor, type RichTextEditorControlKey, type RichTextEditorLabels, type RichTextEditorProps, type RichTextEditorSize, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetLabels, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchLabels, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagLabels, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, closeToast, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };