@worldresources/wri-design-systems 2.189.0 → 2.191.0

package/dist/index.d.ts

@@ -106,6 +106,321 @@ type TextInputLabels = {
      */
     optionalSuffix: ReactNodeLabel;
 };
+/** Labels for CloseButton internal UI strings. */
+type CloseButtonLabels = {
+    /** Fallback aria-label when none is provided via props. Default: "Close" */
+    closeLabel: string;
+};
+/** Labels for Toast internal UI strings. */
+type ToastLabels = {
+    /** aria-label on the dismiss button. Default: "Dismiss" */
+    dismissLabel: string;
+};
+/** Labels for InlineMessage internal UI strings. */
+type InlineMessageLabels = {
+    /** aria-roledescription on the root element. Default: "Note" */
+    roleDescription: string;
+};
+/** Labels for MapPopUp internal UI strings. */
+type MapPopUpLabels = {
+    /** aria-label on the close button. Default: "Close" */
+    closeLabel: string;
+};
+/** Labels for AnalysisWidget internal UI strings. */
+type AnalysisWidgetLabels = {
+    /** aria-label on the collapsible section trigger. Default: "Toggle section" */
+    toggleSectionLabel: string;
+};
+/** Labels for Table internal UI strings. */
+type TableLabels = {
+    /** aria-label on the ascending sort icon button. Default: "Ascending" */
+    ascendingLabel: string;
+    /** aria-label on the descending sort icon button. Default: "Descending" */
+    descendingLabel: string;
+};
+/** Labels for Button internal UI strings. */
+type ButtonLabels = {
+    /** aria-label applied to the button during loading state. Default: "Loading" */
+    loadingLabel: string;
+};
+/** Labels for BaseMap internal UI strings. */
+type BaseMapLabels = {
+    /**
+     * Visible label text inside the active Tag badge.
+     * Passed directly to Tag.label (string).
+     * Default: "Active"
+     */
+    activeLabel: string;
+};
+/** Labels for Search internal UI strings. */
+type SearchLabels = {
+    /** placeholder attribute on the filter input. Default: "Filter" */
+    filterPlaceholder: string;
+    /** aria-label on the filter input. Default: "Search filter" */
+    filterAriaLabel: string;
+};
+/** Labels for RadioList internal UI strings. */
+type RadioListLabels = {
+    /** " Required." appended to the group aria-label. Default: "Required." */
+    requiredLabel: string;
+    /** " Optional." appended to the group aria-label. Default: "Optional." */
+    optionalLabel: string;
+    /** "Error:" prefix prepended to error in group aria-label. Default: "Error:" */
+    errorPrefix: string;
+    /** aria-label on the required (*) indicator. Default: "required" */
+    requiredSymbolLabel: string;
+};
+/** Labels for Select internal UI strings. */
+type SelectLabels = {
+    /** Fallback aria-label when no label prop is provided. Default: "Select input" */
+    defaultAriaLabel: string;
+    /** " required." appended to aria-label when required. Default: " required." */
+    requiredSuffix: string;
+    /** " Disabled." appended to aria-label when disabled. Default: " Disabled." */
+    disabledSuffix: string;
+};
+/** Labels for NavigationRail internal UI strings. */
+type NavigationRailLabels = {
+    /**
+     * Visible toggle button text when sidebar is hidden.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Show"
+     */
+    showLabel: ReactNodeLabel;
+    /**
+     * Visible toggle button text when sidebar is visible.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Hide"
+     */
+    hideLabel: ReactNodeLabel;
+    /**
+     * Visible sidebar text label.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Sidebar"
+     */
+    sidebarLabel: ReactNodeLabel;
+};
+/** Labels for Navbar internal UI strings. */
+type NavbarLabels = {
+    /** aria-label on the hamburger/open-menu button. Default: "Open menu" */
+    openMenuLabel: string;
+    /**
+     * Visible button text for the close state of the hamburger toggle.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Close"
+     */
+    closeLabel: ReactNodeLabel;
+    /**
+     * Visible button text for the menu state of the hamburger toggle.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Menu"
+     */
+    menuLabel: ReactNodeLabel;
+    /** aria-label on the back button in NavbarMobile. Default: "Go back" */
+    goBackLabel: string;
+    /** aria-label on the close button in NavbarMobile submenu. Default: "Close menu" */
+    closeMenuLabel: string;
+    /**
+     * Visible "Close" text inside the mobile close button.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Close"
+     */
+    closeButtonText: ReactNodeLabel;
+};
+/** Labels for LegendItem internal UI strings. */
+type LegendItemLabels = {
+    /** aria-label on the drag handle icon button. Default: "Drag and drop" */
+    dragAndDropLabel: string;
+    /** aria-label on the move-up icon button. Default: "Up" */
+    upLabel: string;
+    /** aria-label on the move-down icon button. Default: "Down" */
+    downLabel: string;
+    /**
+     * Visible text on the remove button.
+     * Passed directly to Button.label (string).
+     * Default: "Remove"
+     */
+    removeLabel: string;
+    /**
+     * Visible text on the info/about-data button.
+     * Passed directly to Button.label (string).
+     * Default: "About data"
+     */
+    aboutDataLabel: string;
+};
+/** Labels for Toolbar internal UI strings. */
+type ToolbarLabels = {
+    /**
+     * Visible text on the collapse toggle button.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Collapse"
+     */
+    collapseLabel: ReactNodeLabel;
+    /**
+     * Visible text on the expand toggle button.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Expand"
+     */
+    expandLabel: ReactNodeLabel;
+    /** aria-label on the collapse toggle button. Must be string. Default: "Collapse" */
+    collapseAriaLabel: string;
+    /** aria-label on the expand toggle button. Must be string. Default: "Expand" */
+    expandAriaLabel: string;
+};
+/** Labels for OpacityControl internal UI strings. */
+type OpacityControlLabels = {
+    /** Button.label prop — must be string. Default: "Opacity" */
+    opacityButtonLabel: string;
+    /**
+     * Visible heading in the popover.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Opacity"
+     */
+    opacityHeading: ReactNodeLabel;
+    /** aria-label on the slider/input. Default: "Opacity" */
+    opacityAriaLabel: string;
+    /**
+     * Visible "%" suffix next to the value.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "%"
+     */
+    percentSuffix: ReactNodeLabel;
+};
+/** Labels for Textarea internal UI strings. */
+type TextareaLabels = {
+    /** aria-label on the required (*) indicator. Default: "required" */
+    requiredSymbolLabel: string;
+    /**
+     * Visible "(Optional)" suffix appended to the label.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: " (Optional)"
+     */
+    optionalSuffix: ReactNodeLabel;
+    /** "Error:" prefix in aria-label of error text. Default: "Error:" */
+    errorPrefix: string;
+    /** Helper text: "Enter at least {n} characters". Default fn provided. */
+    enterAtLeastChars: (n: number) => string;
+    /** Helper text: "{n} characters minimum". Default fn provided. */
+    minChars: (n: number) => string;
+    /** Helper text: "{n} characters remaining". Default fn provided. */
+    charsRemaining: (n: number) => string;
+    /** Helper text: "Max {n} characters". Default fn provided. */
+    maxChars: (n: number) => string;
+    /** Error text when too few chars: "Need {n} more characters". Default fn provided. */
+    needMoreChars: (n: number) => string;
+    /** Error text when too many chars: "{n} characters too many". Default fn provided. */
+    tooManyChars: (n: number) => string;
+};
+/** Labels for Pagination internal UI strings. */
+type PaginationLabels = {
+    /**
+     * Visible "Previous" button text.
+     * Passed directly to Button.label (string).
+     * Default: "Previous"
+     */
+    previousLabel: string;
+    /**
+     * Visible "Next" button text.
+     * Passed directly to Button.label (string).
+     * Default: "Next"
+     */
+    nextLabel: string;
+    /** aria-label on the previous icon button. Default: "Previous page" */
+    previousPageLabel: string;
+    /** aria-label on the next icon button. Default: "Next page" */
+    nextPageLabel: string;
+    /** aria-label on the nav container. Default: "Pagination" */
+    paginationLabel: string;
+    /** aria-label per page button, e.g. "Page 3". Default fn provided. */
+    pageLabel: (page: number) => string;
+};
+/** Labels for ItemCount internal UI strings. */
+type ItemCountLabels = {
+    /**
+     * Visible "Per Page" label text.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Per Page"
+     */
+    perPageLabel: ReactNodeLabel;
+    /**
+     * Visible "Showing X-Y of Z" text.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default fn provided.
+     */
+    showingLabel: (start: number, end: number, total: number) => ReactNode;
+};
+/** Labels for LayerGroup internal UI strings. */
+type LayerGroupLabels = {
+    /**
+     * Visible Tag label: "{count} Active".
+     * Passed directly to Tag.label (string) — must return string.
+     * Default fn provided.
+     */
+    activeTagLabel: (count: number) => string;
+    /** Full aria-label builder for the group container. Default fn provided. */
+    groupAriaLabel: (label: string, activeCount: number, caption?: string) => string;
+};
+/** Labels for QualitativeAttribute internal UI strings. */
+type QualitativeAttributeLabels = {
+    /**
+     * Visible "Hide" button text.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Hide"
+     */
+    hideLabel: ReactNodeLabel;
+    /**
+     * Visible "Show" button text.
+     * Rendered as JSX child — accepts ReactNode.
+     * Default: "Show"
+     */
+    showLabel: ReactNodeLabel;
+    /** "visible" — used inside aria-label. Default: "visible" */
+    visibleText: string;
+    /** "hidden" — used inside aria-label. Default: "hidden" */
+    hiddenText: string;
+    /** "line," — type prefix in aria-label. Default: "line," */
+    linePrefix: string;
+    /** Full aria-label builder. Default fn provided. */
+    currentlyTemplate: (label: string, caption: string | undefined, typeText: string, visibilityText: string) => string;
+};
+/** Labels for MapControlsToolbar internal UI strings. */
+type MapControlsToolbarLabels = {
+    /** Default: "Zoom in" */
+    zoomInLabel: string;
+    /** Default: "Zoom out" */
+    zoomOutLabel: string;
+    /** Default: "Expand" */
+    expandLabel: string;
+    /** Default: "Share" */
+    shareLabel: string;
+    /** Default: "Print" */
+    printLabel: string;
+    /** Default: "Settings" */
+    settingsLabel: string;
+    /** Default: "Help" */
+    helpLabel: string;
+    /** Default: "Zoom in" */
+    zoomInAriaLabel: string;
+    /** Default: "Zoom out" */
+    zoomOutAriaLabel: string;
+    /** Default: "Expand" */
+    expandAriaLabel: string;
+    /** Default: "Share" */
+    shareAriaLabel: string;
+    /** Default: "Print" */
+    printAriaLabel: string;
+    /** Default: "Settings" */
+    settingsAriaLabel: string;
+    /** Default: "Help" */
+    helpAriaLabel: string;
+    /** Default: "Map controls" */
+    toolbarAriaLabel: string;
+};
+/** Labels for StepProgressIndicator internal UI strings. */
+type StepProgressIndicatorLabels = {
+    /** Builds the aria-label per step. Default fn provided. */
+    currentStepLabel: (step: number, label: string, isCompleted: boolean) => string;
+};
 /**
  * Top-level labels map for the design system.
  * Consumers can provide partial overrides for any component via
@@ -117,6 +432,29 @@ type DesignSystemLabels = {
     CheckboxList?: Partial<CheckboxListLabels>;
     Password?: Partial<PasswordLabels>;
     TextInput?: Partial<TextInputLabels>;
+    CloseButton?: Partial<CloseButtonLabels>;
+    Toast?: Partial<ToastLabels>;
+    InlineMessage?: Partial<InlineMessageLabels>;
+    MapPopUp?: Partial<MapPopUpLabels>;
+    AnalysisWidget?: Partial<AnalysisWidgetLabels>;
+    Table?: Partial<TableLabels>;
+    Button?: Partial<ButtonLabels>;
+    BaseMap?: Partial<BaseMapLabels>;
+    Search?: Partial<SearchLabels>;
+    RadioList?: Partial<RadioListLabels>;
+    Select?: Partial<SelectLabels>;
+    NavigationRail?: Partial<NavigationRailLabels>;
+    Navbar?: Partial<NavbarLabels>;
+    LegendItem?: Partial<LegendItemLabels>;
+    Toolbar?: Partial<ToolbarLabels>;
+    OpacityControl?: Partial<OpacityControlLabels>;
+    Textarea?: Partial<TextareaLabels>;
+    Pagination?: Partial<PaginationLabels>;
+    ItemCount?: Partial<ItemCountLabels>;
+    LayerGroup?: Partial<LayerGroupLabels>;
+    QualitativeAttribute?: Partial<QualitativeAttributeLabels>;
+    MapControlsToolbar?: Partial<MapControlsToolbarLabels>;
+    StepProgressIndicator?: Partial<StepProgressIndicatorLabels>;
 };
 
 type DesignSystemLocaleProviderProps = {
@@ -140,6 +478,19 @@ type DesignSystemLocaleProviderProps = {
  */
 declare const DesignSystemLocaleProvider: ({ labels, children, }: DesignSystemLocaleProviderProps) => react_jsx_runtime.JSX.Element;
 
+type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
+    label?: string;
+    loading?: boolean;
+    variant?: 'primary' | 'secondary' | 'borderless' | 'outline';
+    size?: 'default' | 'small';
+    disabled?: boolean;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<ButtonLabels>;
+};
+
 /** @jsxImportSource @emotion/react */
 declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "children" | "size" | "variant" | "colorPalette"> & {
     label?: string;
@@ -150,6 +501,7 @@ declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.Bu
     leftIcon?: React.ReactNode;
     rightIcon?: React.ReactNode;
     children?: React.ReactNode;
+    labels?: Partial<ButtonLabels>;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
 type GenericSSOButtonsProps = {
@@ -166,9 +518,11 @@ declare const SSOButtons: {
 
 type CloseButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
     disabled?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<CloseButtonLabels>;
 };
 
-declare const CloseButton: ({ disabled, ...rest }: CloseButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const CloseButton: ({ disabled, labels, ...rest }: CloseButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
     icon: React__default.ReactNode;
@@ -194,9 +548,11 @@ interface ToolbarProps {
     ariaLabel?: string;
     defaultGaps?: boolean;
     autoCollapse?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<ToolbarLabels>;
 }
 
-declare const Toolbar: ({ items, vertical, expanded, showExpandedToggle, autoCollapse, ariaLabel, defaultGaps, }: ToolbarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Toolbar: ({ items, vertical, expanded, showExpandedToggle, autoCollapse, ariaLabel, defaultGaps, labels, }: ToolbarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MapControlsToolbarProps = {
     onZoomInClick?: () => void;
@@ -210,8 +566,10 @@ type MapControlsToolbarProps = {
     expanded?: boolean;
     showExpandedToggle?: boolean;
     ariaLabel?: string;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<MapControlsToolbarLabels>;
 };
-declare const MapControlsToolbar: ({ onZoomInClick, onZoomOutClick, onExpandClick, onShareClick, onPrintClick, onSettingsClick, onQuestionClick, vertical, expanded, showExpandedToggle, ariaLabel, }: MapControlsToolbarProps) => react_jsx_runtime.JSX.Element;
+declare const MapControlsToolbar: ({ onZoomInClick, onZoomOutClick, onExpandClick, onShareClick, onPrintClick, onSettingsClick, onQuestionClick, vertical, expanded, showExpandedToggle, ariaLabel, labels, }: MapControlsToolbarProps) => react_jsx_runtime.JSX.Element;
 
 type MenuItemProps = {
     label?: string;
@@ -229,6 +587,7 @@ type MenuItemProps = {
 type MenuProps = {
     theme?: 'light' | 'dark';
     label: string;
+    fontSize?: string;
     items?: MenuItemProps[];
     groups?: {
         title: string;
@@ -238,7 +597,7 @@ type MenuProps = {
     customTrigger?: React.ReactNode;
 };
 
-declare const Menu: ({ theme, label, items, groups, onSelect, customTrigger, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Menu: ({ theme, label, fontSize, items, groups, onSelect, customTrigger, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
@@ -456,9 +815,11 @@ type RadioListProps = {
     horizontal?: boolean;
     required?: boolean;
     variant?: 'default' | 'card';
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<RadioListLabels>;
 };
 
-declare const RadioList: ({ label, caption, name, radios, defaultValue, onCheckedChange, errorMessage, horizontal, variant, required, }: RadioListProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const RadioList: ({ label, caption, name, radios, defaultValue, onCheckedChange, errorMessage, horizontal, variant, required, labels, }: RadioListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SelectItemProps = {
     label: string;
@@ -477,9 +838,11 @@ type SelectProps = Omit<SelectRootProps, 'collection' | 'size' | 'colorPalette'
     onChange?: (value: string[]) => void;
     errorMessage?: string;
     multiple?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<SelectLabels>;
 };
 
-declare const Select: ({ label, caption, placeholder, items, size, required, disabled, onChange, errorMessage, multiple, ...rest }: SelectProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Select: ({ label, caption, placeholder, items, size, required, disabled, onChange, errorMessage, multiple, labels, ...rest }: SelectProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ValueChangeDetails = {
     value: number[];
@@ -523,9 +886,11 @@ type TextareaProps = Omit<TextareaProps$1, 'size' | 'variant' | 'colorPalette' |
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     minLength?: number;
     maxLength?: number;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<TextareaLabels>;
 };
 
-declare const Textarea: ({ label, caption, placeholder, errorMessage, required, disabled, size, defaultValue, onChange, minLength, maxLength, ...rest }: TextareaProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Textarea: ({ label, caption, placeholder, errorMessage, required, disabled, size, defaultValue, onChange, minLength, maxLength, labels, ...rest }: TextareaProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TextInputProps = Omit<InputProps, 'size' | 'variant' | 'colorPalette' | 'defaultChecked'> & {
     label?: string;
@@ -544,6 +909,26 @@ type TextInputProps = Omit<InputProps, 'size' | 'variant' | 'colorPalette' | 'de
 
 declare const TextInput: ({ label, caption, placeholder, errorMessage, required, disabled, size, noMarginBottom, defaultValue, onChange, labels, ...rest }: TextInputProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type ComboboxProps = {
+    initialItems?: {
+        label: string;
+        value: string;
+    }[];
+    label?: string;
+    required?: boolean;
+    caption?: string;
+    errorMessage?: string;
+    size?: 'small' | 'default';
+    disabled?: boolean;
+    placeholder?: string;
+    labels?: Partial<TextInputLabels>;
+    noMarginBottom?: boolean;
+    multiple?: boolean;
+    showSelectedItems?: boolean;
+};
+
+declare const Combobox: ({ label, required, caption, errorMessage, size, disabled, placeholder, labels, noMarginBottom, initialItems, multiple, showSelectedItems, }: ComboboxProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type TagProps = Omit<Tag$1.RootProps, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     label: string;
     variant: 'info-white' | 'info-grey' | 'success' | 'warning' | 'error';
@@ -580,9 +965,11 @@ type BaseMapProps = {
     onOptionSelected?: (option: BaseMapOptionProps) => void;
     maxHeight?: string;
     maxWidth?: string;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<BaseMapLabels>;
 };
 
-declare const BaseMap: ({ title, caption, additionalSettings, options, onOptionSelected, maxHeight, maxWidth, }: BaseMapProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const BaseMap: ({ title, caption, additionalSettings, options, onOptionSelected, maxHeight, maxWidth, labels, }: BaseMapProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MapMarkerProps = {
     ariaLabel?: string;
@@ -634,9 +1021,11 @@ type MapPopUpProps = {
     offset?: number;
     closeOnEscape?: boolean;
     closeOnOutsideClick?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<MapPopUpLabels>;
 };
 
-declare const MapPopUp: ({ open, onOpenChange, anchorRef, header, content, footer, placement, offset, closeOnEscape, closeOnOutsideClick, }: MapPopUpProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const MapPopUp: ({ open, onOpenChange, anchorRef, header, content, footer, placement, offset, closeOnEscape, closeOnOutsideClick, labels, }: MapPopUpProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type LayerItemProps = {
     name: string;
@@ -660,9 +1049,11 @@ type LayerGroupProps = {
     value: string;
     layerItems: LayerItemProps[];
     onChangeForRadioVariant?: (name: string, checked: boolean, selectedValue?: string) => void;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<LayerGroupLabels>;
 };
 
-declare const LayerGroup: ({ label, caption, value, layerItems, onChangeForRadioVariant, }: LayerGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LayerGroup: ({ label, caption, value, layerItems, onChangeForRadioVariant, labels, }: LayerGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const LayerGroupContainer: ({ children, defaultValue, ...rest }: LayerGroupContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -686,9 +1077,11 @@ type LegendItemProps = {
     children: React.ReactNode;
     onInfoClick: VoidFunction;
     onOpacityChanged: (value: number) => void;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<LegendItemLabels>;
 };
 
-declare const LegendItem: ({ layerName, dataUnit, onDrag, onUpClick, onDownClick, onRemoveClick, children, onInfoClick, onOpacityChanged, }: LegendItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const LegendItem: ({ layerName, dataUnit, onDrag, onUpClick, onDownClick, onRemoveClick, children, onInfoClick, onOpacityChanged, labels, }: LegendItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type QualitativeAttributeProps = {
     type: 'raster' | 'line' | 'point';
@@ -699,9 +1092,11 @@ type QualitativeAttributeProps = {
     onActionClick?: () => void;
     pointIcon?: React.ReactNode;
     ariaLabelType?: string;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<QualitativeAttributeLabels>;
 };
 
-declare const QualitativeAttribute: ({ type, label, caption, color, onActionClick, showActionButton, pointIcon, ariaLabelType, }: QualitativeAttributeProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const QualitativeAttribute: ({ type, label, caption, color, onActionClick, showActionButton, pointIcon, ariaLabelType, labels, }: QualitativeAttributeProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ScaleBarProps = {
     colors: string[];
@@ -718,9 +1113,11 @@ type ItemCountProps = {
     totalItems: number;
     onPageSizeChange?: (pageSize: number) => void;
     showItemCountText?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<ItemCountLabels>;
 };
 
-declare const ItemCount: ({ pageSize, currentPage, totalItems, onPageSizeChange, showItemCountText, }: ItemCountProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ItemCount: ({ pageSize, currentPage, totalItems, onPageSizeChange, showItemCountText, labels, }: ItemCountProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ListItemVariant = 'data' | 'navigation' | 'select';
 interface ListItemProps {
@@ -772,9 +1169,11 @@ type TableProps = {
     onPageChange?: (page: number) => void;
     onAllItemsSelected?: (checked: boolean) => void;
     loading?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<TableLabels>;
 };
 
-declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, loading, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, loading, labels, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const TableRow: React__default.ForwardRefExoticComponent<Table$1.RowProps & React__default.RefAttributes<HTMLTableRowElement>>;
 declare const TableCell: React__default.ForwardRefExoticComponent<Table$1.CellProps & React__default.RefAttributes<HTMLTableCellElement>>;
@@ -795,6 +1194,8 @@ interface AnalysisWidgetProps {
     collapsible?: boolean;
     actions?: AnalysisWidgetActionsProps[];
     showFooterOnCollapsed?: boolean;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<AnalysisWidgetLabels>;
 }
 interface AnalysisWidgetActionsProps {
     label: string;
@@ -802,7 +1203,7 @@ interface AnalysisWidgetActionsProps {
     icon?: React__default.ReactNode;
 }
 
-declare const AnalysisWidget: ({ children, header, footer, expanded, collapsible, actions, showFooterOnCollapsed, }: AnalysisWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const AnalysisWidget: ({ children, header, footer, expanded, collapsible, actions, showFooterOnCollapsed, labels, }: AnalysisWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ModalProps = {
     header: React.ReactNode;
@@ -890,17 +1291,6 @@ type MobileTabBarProps = {
 
 declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, hideLabels, activationMode, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
-    label?: string;
-    loading?: boolean;
-    variant?: 'primary' | 'secondary' | 'borderless' | 'outline';
-    size?: 'default' | 'small';
-    disabled?: boolean;
-    leftIcon?: React__default.ReactNode;
-    rightIcon?: React__default.ReactNode;
-    children?: React__default.ReactNode;
-};
-
 type NavbarNavigationItemsProps = {
     label: string;
     link?: string;
@@ -928,9 +1318,11 @@ type NavbarProps = {
     fixed?: boolean;
     onNavbarHeightChange?: (height: number) => void;
     backgroundColor?: string;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<NavbarLabels>;
 };
 
-declare const Navbar: ({ variant, theme, logo, linkRouter, pathname, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, backgroundColor, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Navbar: ({ variant, theme, logo, linkRouter, pathname, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, backgroundColor, labels, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type NavigationRailTabProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     label: string;
@@ -944,9 +1336,11 @@ type NavigationRailProps = {
     onTabClick?: (selectedValue: string) => void;
     children?: React.ReactNode;
     onOpenChange?: (open: boolean) => void;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<NavigationRailLabels>;
 };
 
-declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, labels, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type PaginationProps = {
     currentPage: number;
@@ -954,9 +1348,11 @@ type PaginationProps = {
     pageSize: number;
     variant?: 'default' | 'compact' | 'compact-with-buttons';
     onPageChange?: (page: number) => void;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<PaginationLabels>;
 };
 
-declare const Pagination: ({ totalItems, pageSize, currentPage, variant, onPageChange, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ totalItems, pageSize, currentPage, variant, onPageChange, labels, }: PaginationProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     label: string;
@@ -992,9 +1388,11 @@ type SearchProps = Omit<InputProps, 'variant' | 'colorPalette' | 'defaultChecked
         query: string;
         onSelect: (id: string) => void;
     }) => React.ReactNode;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<SearchLabels>;
 };
 
-declare const Search: ({ placeholder, disabled, size, options, resultsMaxHeight, isLoading, displayResults, onSelect, onQueryChange, onClear, renderResults, }: SearchProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Search: ({ placeholder, disabled, size, options, resultsMaxHeight, isLoading, displayResults, onSelect, onQueryChange, onClear, renderResults, labels, }: SearchProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type AvatarProps = {
     name: string;
@@ -1030,9 +1428,11 @@ type InlineMessageProps = {
     isButtonRight?: boolean;
     buttonLeftIcon?: React.ReactNode;
     buttonRightIcon?: React.ReactNode;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<InlineMessageLabels>;
 };
 
-declare const InlineMessage: ({ label, caption, variant, size, icon, onActionClick, actionLabel, isButtonRight, buttonLeftIcon, buttonRightIcon, }: InlineMessageProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const InlineMessage: ({ label, caption, variant, size, icon, onActionClick, actionLabel, isButtonRight, buttonLeftIcon, buttonRightIcon, labels, }: InlineMessageProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface AlertProps extends Omit<Alert.RootProps, 'title' | 'variant'> {
     title?: React.ReactNode;
@@ -1057,13 +1457,11 @@ type StepProgressIndicatorProps = {
         onClick?: () => void;
     }[];
     currentStep: number;
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<StepProgressIndicatorLabels>;
 };
 
-declare const StepProgressIndicator: ({ steps, currentStep, }: StepProgressIndicatorProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-/** @jsxImportSource @emotion/react */
-
-declare const Toast: React__default.FC;
+declare const StepProgressIndicator: ({ steps, currentStep, labels, }: StepProgressIndicatorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ToastProps = {
     label: string;
@@ -1079,7 +1477,15 @@ type ToastProps = {
     closable?: boolean;
     closableLabel?: string;
 };
+type ToastComponentProps = {
+    /** Override internal UI labels for internationalization support. */
+    labels?: Partial<ToastLabels>;
+};
+
+/** @jsxImportSource @emotion/react */
+
+declare const Toast: React__default.FC<ToastComponentProps>;
 
 declare const showToast: (props: ToastProps) => void;
 
-export { AlertBanner, AnalysisWidget, Avatar, Badge, BaseMap, Breadcrumb, Button, Checkbox, CheckboxList, type CheckboxListLabels, CheckboxOptionCard, CloseButton, ClusterPoint, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, Footer, FormContainer, IconButton, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, List, MapControlsToolbar, MapMarker, MapMarkers, MapPopUp, Menu, MobileTabBar, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, type PasswordLabels, ProgressBar, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Search, Select, Sheet, SimpleMapPin, Slider, SliderInput, StepProgressIndicator, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, type TextInputLabels, Textarea, Toast, Toolbar, Tooltip, designSystemStyles, designSystemStylesForTailwind, getThemedColor, showToast };
+export { AlertBanner, AnalysisWidget, type AnalysisWidgetLabels, Avatar, Badge, BaseMap, type BaseMapLabels, Breadcrumb, Button, type ButtonLabels, Checkbox, CheckboxList, type CheckboxListLabels, CheckboxOptionCard, CloseButton, type CloseButtonLabels, ClusterPoint, Combobox, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, Footer, FormContainer, IconButton, InlineMessage, type InlineMessageLabels, InputWithUnits, ItemCount, type ItemCountLabels, LayerGroup, LayerGroupContainer, type LayerGroupLabels, LayerItem, LayerParameters, LegendItem, type LegendItemLabels, List, MapControlsToolbar, type MapControlsToolbarLabels, MapMarker, MapMarkers, MapPopUp, type MapPopUpLabels, Menu, MobileTabBar, Modal, MultiActionButton, Navbar, type NavbarLabels, NavigationRail, type NavigationRailLabels, type OpacityControlLabels, OptionCard, Pagination, type PaginationLabels, Panel, Password, type PasswordLabels, ProgressBar, QualitativeAttribute, type QualitativeAttributeLabels, Radio, RadioGroup, RadioList, type RadioListLabels, SSOButtons, ScaleBar, Search, type SearchLabels, Select, type SelectLabels, Sheet, SimpleMapPin, Slider, SliderInput, StepProgressIndicator, type StepProgressIndicatorLabels, Switch, TabBar, Table, TableCell, type TableLabels, TableRow, Tag, TextInput, type TextInputLabels, Textarea, type TextareaLabels, Toast, type ToastLabels, Toolbar, type ToolbarLabels, Tooltip, designSystemStyles, designSystemStylesForTailwind, getThemedColor, showToast };