@ringcentral/spring-ui 1.11.2 → 1.13.0

package/src/Autocomplete/useAutocomplete.d.ts

@@ -31,22 +31,27 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
         onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        hidden?: boolean | undefined;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        'aria-live'?: "assertive" | "off" | "polite" | undefined;
+        rel?: string | undefined;
+        rev?: string | undefined;
+        role?: import("react").AriaRole | undefined;
+        'aria-live'?: "assertive" | "polite" | "off" | undefined;
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-labelledby'?: string | undefined;
+        id?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         className?: string | undefined;
-        id?: string | undefined;
         prefix?: string | undefined;
-        role?: import("react").AriaRole | undefined;
         dir?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
         lang?: string | undefined;
-        translate?: "yes" | "no" | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
         nonce?: string | undefined;
@@ -55,7 +60,6 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         placeholder?: string | undefined;
-        content?: string | undefined;
         onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
@@ -70,9 +74,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         datatype?: string | undefined;
         inlist?: any;
         property?: string | undefined;
-        rel?: string | undefined;
         resource?: string | undefined;
-        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -85,7 +87,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
@@ -98,7 +100,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "page" | "time" | "false" | "step" | "date" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -108,11 +110,10 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-haspopup'?: boolean | "true" | "grid" | "dialog" | "menu" | "false" | "listbox" | "tree" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
         'aria-level'?: number | undefined;
         'aria-modal'?: (boolean | "true" | "false") | undefined;
         'aria-multiline'?: (boolean | "true" | "false") | undefined;
@@ -123,7 +124,6 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-posinset'?: number | undefined;
         'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         'aria-required'?: (boolean | "true" | "false") | undefined;
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
@@ -352,7 +352,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
@@ -367,7 +367,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "page" | "time" | "false" | "step" | "date" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -377,14 +377,14 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-haspopup'?: boolean | "true" | "grid" | "dialog" | "menu" | "false" | "listbox" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
         'aria-level'?: number | undefined;
-        'aria-live'?: "assertive" | "off" | "polite" | undefined;
+        'aria-live'?: "assertive" | "polite" | "off" | undefined;
         'aria-modal'?: (boolean | "true" | "false") | undefined;
         'aria-multiline'?: (boolean | "true" | "false") | undefined;
         'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
@@ -394,7 +394,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-posinset'?: number | undefined;
         'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         'aria-required': boolean | "true" | "false";
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;

package/src/Autocomplete/useAutocompleteTag.d.ts

@@ -84,7 +84,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
@@ -99,7 +99,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "page" | "time" | "false" | "step" | "date" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -109,14 +109,14 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-haspopup'?: boolean | "true" | "grid" | "dialog" | "menu" | "false" | "listbox" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
         'aria-labelledby'?: string | undefined;
         'aria-level'?: number | undefined;
-        'aria-live'?: "assertive" | "off" | "polite" | undefined;
+        'aria-live'?: "assertive" | "polite" | "off" | undefined;
         'aria-modal'?: (boolean | "true" | "false") | undefined;
         'aria-multiline'?: (boolean | "true" | "false") | undefined;
         'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
@@ -126,7 +126,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-posinset'?: number | undefined;
         'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         'aria-required': boolean | "true" | "false";
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;
@@ -317,22 +317,27 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
         onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        hidden?: boolean | undefined;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        'aria-live'?: "assertive" | "off" | "polite" | undefined;
+        rel?: string | undefined;
+        rev?: string | undefined;
+        role?: import("react").AriaRole | undefined;
+        'aria-live'?: "assertive" | "polite" | "off" | undefined;
+        'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-labelledby'?: string | undefined;
+        id?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         className?: string | undefined;
-        id?: string | undefined;
         prefix?: string | undefined;
-        role?: import("react").AriaRole | undefined;
         dir?: string | undefined;
         accessKey?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
         lang?: string | undefined;
-        translate?: "yes" | "no" | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
         inputMode?: "search" | "text" | "none" | "url" | "tel" | "email" | "numeric" | "decimal" | undefined;
         nonce?: string | undefined;
@@ -341,7 +346,6 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         placeholder?: string | undefined;
-        content?: string | undefined;
         onFocus?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
         onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
@@ -356,9 +360,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         datatype?: string | undefined;
         inlist?: any;
         property?: string | undefined;
-        rel?: string | undefined;
         resource?: string | undefined;
-        rev?: string | undefined;
         typeof?: string | undefined;
         vocab?: string | undefined;
         autoCapitalize?: string | undefined;
@@ -371,7 +373,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
+        unselectable?: "off" | "on" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-autocomplete'?: "none" | "list" | "inline" | "both" | undefined;
@@ -384,7 +386,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-colindextext'?: string | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "page" | "time" | "false" | "step" | "date" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-description'?: string | undefined;
         'aria-details'?: string | undefined;
@@ -394,11 +396,10 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "grid" | "listbox" | "tree" | undefined;
+        'aria-haspopup'?: boolean | "true" | "grid" | "dialog" | "menu" | "false" | "listbox" | "tree" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
         'aria-level'?: number | undefined;
         'aria-modal'?: (boolean | "true" | "false") | undefined;
         'aria-multiline'?: (boolean | "true" | "false") | undefined;
@@ -409,7 +410,6 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-posinset'?: number | undefined;
         'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
         'aria-required'?: (boolean | "true" | "false") | undefined;
         'aria-roledescription'?: string | undefined;
         'aria-rowcount'?: number | undefined;

package/src/Badge/Badge.d.ts

@@ -1,7 +1,8 @@
+import { type ReactElement } from 'react';
 import { BadgeProps } from './Badge.type';
 import badgeStyles from './styles/Badge.css';
 export declare const Badge: {
-    (inProps: BadgeProps): import("react/jsx-runtime").JSX.Element;
+    (inProps: BadgeProps): ReactElement;
     displayName: string;
 };
 export { badgeStyles };

package/src/Button/Button.classes.d.ts

@@ -1,6 +1,6 @@
 import type { CamelCase } from 'type-fest';
 import { ButtonColor, ButtonSize, ButtonVariant } from './Button.type';
-export type BaseButtonClassesKey = 'root' | 'loading' | 'loading-indicator' | 'content' | 'start-slot' | 'end-slot' | 'full-width' | 'hide-background' | 'has-start-slot' | 'has-end-slot' | ButtonVariant | ButtonSize | ButtonColor | `${ButtonVariant}-${ButtonColor}` | `${ButtonVariant}-${ButtonSize}` | `${ButtonSize}-start-slot` | `${ButtonSize}-end-slot` | `${ButtonVariant}-${ButtonSize}-start-slot` | `${ButtonVariant}-${ButtonSize}-end-slot` | `${ButtonVariant}-hide-background`;
+export type BaseButtonClassesKey = 'root' | 'loading' | 'loading-indicator' | 'loading-iconless' | 'slot' | 'content' | 'start-slot' | 'center-slot' | 'end-slot' | 'full-width' | 'hide-background' | 'has-start-slot' | 'has-end-slot' | ButtonVariant | ButtonSize | ButtonColor | `${ButtonVariant}-${ButtonColor}` | `${ButtonVariant}-${ButtonSize}` | `${ButtonSize}-start-slot` | `${ButtonSize}-end-slot` | `${ButtonVariant}-${ButtonSize}-start-slot` | `${ButtonVariant}-${ButtonSize}-end-slot` | `${ButtonVariant}-hide-background`;
 export type ButtonClassesKey = CamelCase<BaseButtonClassesKey>;
 export type ButtonClasses = {
     name: 'button';

package/src/ComponentsProps.d.ts

@@ -1,4 +1,3 @@
-import type { PartialDeep } from 'type-fest';
 import type { AccordionProps } from './Accordion';
 import type { AccordionHeaderProps } from './AccordionHeader';
 import type { AlertProps } from './Alert';
@@ -96,112 +95,114 @@ import type { StepIconProps } from './StepIcon';
 import type { StepButtonProps } from './StepButton';
 import type { StepContentProps } from './StepContent';
 import type { RatingProps } from './Rating';
-export type ComponentsProps = PartialDeep<{
-    Accordion?: AccordionProps;
-    AccordionHeader?: AccordionHeaderProps;
-    Alert?: AlertProps;
-    Announcement?: AnnouncementProps;
-    Avatar?: AvatarProps;
-    AvatarGroup?: AvatarGroupProps;
-    Badge?: BadgeProps;
-    Block?: BlockProps;
-    BlockHeader?: BlockHeaderProps;
-    BottomNavigation?: BottomNavigationProps;
-    BottomNavigationItem?: BottomNavigationItemProps;
-    Button?: ButtonProps;
-    CallButton?: CallButtonProps;
-    Checkbox?: CheckboxProps;
-    Chip?: ChipProps;
-    CircularProgressIndicator?: CircularProgressIndicatorProps;
-    Dialog?: DialogProps;
-    Drawer?: DrawerProps;
-    SwipeableDrawer?: SwipeableDrawerProps;
-    DialDelete?: DialDeleteProps;
-    DialPad?: DialPadProps;
-    DialTextField?: DialTextFieldProps;
-    Divider?: DividerProps;
-    Dropdown?: DropdownProps;
-    EmptyState?: EmptyStateProps;
-    FabButton?: FabButtonProps;
-    FormField?: FormFieldProps;
-    FormLabel?: FormLabelProps;
-    Icon?: IconProps;
-    IconButton?: IconButtonProps;
-    IconButtonLabel?: IconButtonLabelProps;
-    LinearProgressIndicator?: LinearProgressIndicatorProps;
-    Link?: LinkProps;
-    List?: ListProps;
-    ListItem?: ListItemProps;
-    ListItemText?: ListItemTextProps;
-    Menu?: MenuProps;
-    MenuActions?: MenuActionsProps;
-    MenuDivider?: MenuDividerProps;
-    MenuFooter?: MenuFooterProps;
-    MenuHeader?: MenuHeaderProps;
-    MenuItem?: MenuItemProps;
-    MenuItemText?: MenuItemTextProps;
-    MenuList?: MenuListProps;
-    Option?: OptionProps;
-    Overlap?: OverlapProps;
-    PageHeader?: PageHeaderProps;
-    Popover?: PopoverProps;
-    Popper?: PopperProps;
-    Radio?: RadioProps;
-    RadioGroup?: RadioGroupProps;
-    Select?: SelectProps;
-    SingleFilter?: SingleFilterProps;
-    Skeleton?: SkeletonProps;
-    SkeletonContainer?: SkeletonContainerProps;
-    Slider?: SliderProps;
-    Snackbar?: SnackbarProps;
-    SplitButton?: SplitButtonProps;
-    Squircle?: SquircleProps;
-    StatusIndicator?: StatusIndicatorProps;
-    SubMenu?: SubMenuProps;
-    Switch?: SwitchProps;
-    Tab?: TabProps;
-    Tabs?: TabsProps;
-    TabPanel?: TabPanelProps;
-    Tag?: TagProps;
-    TextField?: TextFieldProps;
-    Textarea?: TextareaProps;
-    Tooltip?: TooltipProps;
-    Tray?: TrayProps;
-    TrayPanel?: TrayPanelProps;
-    TrayMenu?: TrayMenuProps;
-    TrayMenuItem?: TrayMenuItemProps;
-    Backdrop?: BackdropProps;
-    VirtualizedList?: VirtualizedListProps;
-    VirtualizedMenu?: VirtualizedMenuProps;
-    SortableListDndContext?: SortableListDndContextProps;
-    SortableList?: SortableListProps;
-    SortableVirtualizedList?: SortableVirtualizedListProps;
-    InlineEditable?: InlineEditableProps;
-    Autocomplete?: AutocompleteProps;
-    SuggestionList?: SuggestionListProps;
-    DatePicker?: DatePickerProps;
-    TimePicker?: TimePickerProps;
-    PopperPaper?: PopperPaperProps;
-    Modal?: ModalProps;
-    Text?: TextProps;
-    Table?: TableProps;
-    TableBody?: TableBodyProps;
-    TableCell?: TableCellProps;
-    TableHead?: TableHeadProps;
-    TableRow?: TableRowProps;
-    TableContainer?: TableContainerProps;
-    Step?: StepProps;
-    Stepper?: StepperProps;
-    StepConnector?: StepConnectorProps;
-    StepLabel?: StepLabelProps;
-    StepIcon?: StepIconProps;
-    StepButton?: StepButtonProps;
-    StepContent?: StepContentProps;
-    Rating?: RatingProps;
-    PageHeaderLeft?: PageHeaderLeftProps;
-    PageHeaderCenter?: PageHeaderCenterProps;
-    PageHeaderRight?: PageHeaderRightProps;
-    PageHeaderTitle?: PageHeaderTitleProps;
-    TablePagination?: TablePaginationProps;
-    IconButtonGroup?: IconButtonGroupProps;
-}>;
+declare module '@ringcentral/spring-theme' {
+    interface ComponentsPropsRegistry {
+        Accordion?: AccordionProps;
+        AccordionHeader?: AccordionHeaderProps;
+        Alert?: AlertProps;
+        Announcement?: AnnouncementProps;
+        Avatar?: AvatarProps;
+        AvatarGroup?: AvatarGroupProps;
+        Badge?: BadgeProps;
+        Block?: BlockProps;
+        BlockHeader?: BlockHeaderProps;
+        BottomNavigation?: BottomNavigationProps;
+        BottomNavigationItem?: BottomNavigationItemProps;
+        Button?: ButtonProps;
+        CallButton?: CallButtonProps;
+        Checkbox?: CheckboxProps;
+        Chip?: ChipProps;
+        CircularProgressIndicator?: CircularProgressIndicatorProps;
+        Dialog?: DialogProps;
+        Drawer?: DrawerProps;
+        SwipeableDrawer?: SwipeableDrawerProps;
+        DialDelete?: DialDeleteProps;
+        DialPad?: DialPadProps;
+        DialTextField?: DialTextFieldProps;
+        Divider?: DividerProps;
+        Dropdown?: DropdownProps;
+        EmptyState?: EmptyStateProps;
+        FabButton?: FabButtonProps;
+        FormField?: FormFieldProps;
+        FormLabel?: FormLabelProps;
+        Icon?: IconProps;
+        IconButton?: IconButtonProps;
+        IconButtonLabel?: IconButtonLabelProps;
+        LinearProgressIndicator?: LinearProgressIndicatorProps;
+        Link?: LinkProps;
+        List?: ListProps;
+        ListItem?: ListItemProps;
+        ListItemText?: ListItemTextProps;
+        Menu?: MenuProps;
+        MenuActions?: MenuActionsProps;
+        MenuDivider?: MenuDividerProps;
+        MenuFooter?: MenuFooterProps;
+        MenuHeader?: MenuHeaderProps;
+        MenuItem?: MenuItemProps;
+        MenuItemText?: MenuItemTextProps;
+        MenuList?: MenuListProps;
+        Option?: OptionProps;
+        Overlap?: OverlapProps;
+        PageHeader?: PageHeaderProps;
+        Popover?: PopoverProps;
+        Popper?: PopperProps;
+        Radio?: RadioProps;
+        RadioGroup?: RadioGroupProps;
+        Select?: SelectProps;
+        SingleFilter?: SingleFilterProps;
+        Skeleton?: SkeletonProps;
+        SkeletonContainer?: SkeletonContainerProps;
+        Slider?: SliderProps;
+        Snackbar?: SnackbarProps;
+        SplitButton?: SplitButtonProps;
+        Squircle?: SquircleProps;
+        StatusIndicator?: StatusIndicatorProps;
+        SubMenu?: SubMenuProps;
+        Switch?: SwitchProps;
+        Tab?: TabProps;
+        Tabs?: TabsProps;
+        TabPanel?: TabPanelProps;
+        Tag?: TagProps;
+        TextField?: TextFieldProps;
+        Textarea?: TextareaProps;
+        Tooltip?: TooltipProps;
+        Tray?: TrayProps;
+        TrayPanel?: TrayPanelProps;
+        TrayMenu?: TrayMenuProps;
+        TrayMenuItem?: TrayMenuItemProps;
+        Backdrop?: BackdropProps;
+        VirtualizedList?: VirtualizedListProps;
+        VirtualizedMenu?: VirtualizedMenuProps;
+        SortableListDndContext?: SortableListDndContextProps;
+        SortableList?: SortableListProps;
+        SortableVirtualizedList?: SortableVirtualizedListProps;
+        InlineEditable?: InlineEditableProps;
+        Autocomplete?: AutocompleteProps;
+        SuggestionList?: SuggestionListProps;
+        DatePicker?: DatePickerProps;
+        TimePicker?: TimePickerProps;
+        PopperPaper?: PopperPaperProps;
+        Modal?: ModalProps;
+        Text?: TextProps;
+        Table?: TableProps;
+        TableBody?: TableBodyProps;
+        TableCell?: TableCellProps;
+        TableHead?: TableHeadProps;
+        TableRow?: TableRowProps;
+        TableContainer?: TableContainerProps;
+        Step?: StepProps;
+        Stepper?: StepperProps;
+        StepConnector?: StepConnectorProps;
+        StepLabel?: StepLabelProps;
+        StepIcon?: StepIconProps;
+        StepButton?: StepButtonProps;
+        StepContent?: StepContentProps;
+        Rating?: RatingProps;
+        PageHeaderLeft?: PageHeaderLeftProps;
+        PageHeaderCenter?: PageHeaderCenterProps;
+        PageHeaderRight?: PageHeaderRightProps;
+        PageHeaderTitle?: PageHeaderTitleProps;
+        TablePagination?: TablePaginationProps;
+        IconButtonGroup?: IconButtonGroupProps;
+    }
+}

package/src/DatePicker/DatePickerDataAttributes.d.ts

@@ -0,0 +1,11 @@
+declare const DATE_PICKER_HEADER_DATA_ATTRIBUTES: {
+    readonly previousMonth: "data-sui-picker-previous-month";
+    readonly nextMonth: "data-sui-picker-next-month";
+    readonly switchYearAction: "data-sui-picker-switch-year-action";
+};
+declare const DATE_PICKER_HEADER_SELECTORS: {
+    readonly previousMonth: "[data-sui-picker-previous-month]";
+    readonly nextMonth: "[data-sui-picker-next-month]";
+    readonly switchYearAction: "[data-sui-picker-switch-year-action]";
+};
+export { DATE_PICKER_HEADER_DATA_ATTRIBUTES, DATE_PICKER_HEADER_SELECTORS };

package/src/DatePicker/utils/DatePickerAriaLabelUtils.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 import type { DateType } from '../DatePicker.type';
 type DayAriaLabelContext = {
     date: DateType;
@@ -18,6 +18,7 @@ declare const ScreenReaderContext: import("react").Context<ScreenReaderProps | n
 declare const useScreenReaderContext: () => ScreenReaderProps | null;
 type ScreenReaderProviderProps = {
     screenReaderProps?: ScreenReaderProps;
+    children?: ReactNode;
 };
 declare const ScreenReaderProvider: FunctionComponent<ScreenReaderProviderProps>;
 export { ScreenReaderContext, ScreenReaderProvider, useScreenReaderContext };

package/src/DatePicker/utils/DatePickerUtils.d.ts

@@ -1,7 +1,7 @@
 import DateUtils from '@date-io/dayjs';
 import { CalendarProps } from '../Calendar';
 import { DateType } from '../DatePicker.type';
-export declare const focusDayElement: () => void;
+export declare const focusDayElement: (root?: ParentNode | null) => HTMLElement | null | undefined;
 export declare const isSameYearAndMonth: ({ source, comparing }: {
     source: DateType;
     comparing: DateType;

package/src/Dialer/DialDelete/DialDelete.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent, ReactElement } from 'react';
 import { DialPadOnChangeReason } from '../DialPad';
 type DialDeleteProps = {
-    children: React.ReactElement;
+    children: ReactElement;
     onDelete?: (e: React.MouseEvent<unknown, MouseEvent> | React.TouchEvent<unknown> | React.KeyboardEvent<unknown>, reason: DialPadOnChangeReason) => void;
     onClear?: (e: React.MouseEvent<unknown, MouseEvent> | React.TouchEvent<unknown> | React.KeyboardEvent<unknown>, reason: DialPadOnChangeReason) => void;
     externalWindow?: Window;

package/src/Dialer/DialPad/DialPad.d.ts

@@ -16,7 +16,7 @@ type DialPadProps = {
     autoSize?: boolean;
     action?: Ref<DialPadAction>;
     control?: Ref<DialPadControl>;
-    getDialPadButtonProps?: (value: DIALER_PAD_ICON_VALUES) => Omit<IconButtonProps, 'value' | 'onKeyDown' | 'onFocus'> & HTMLDataAttribute;
+    getDialPadButtonProps?: (value: DIALER_PAD_ICON_VALUES) => Omit<IconButtonProps, 'value' | 'onFocus'> & HTMLDataAttribute;
     size?: 'large' | 'medium';
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & Pick<DialPadButtonProps, 'classes'>;
 declare const DialPad: import("react").ForwardRefExoticComponent<{
@@ -30,7 +30,7 @@ declare const DialPad: import("react").ForwardRefExoticComponent<{
     autoSize?: boolean | undefined;
     action?: Ref<DialPadAction> | undefined;
     control?: Ref<DialPadControl> | undefined;
-    getDialPadButtonProps?: ((value: DIALER_PAD_ICON_VALUES) => Omit<IconButtonProps, 'value' | 'onKeyDown' | 'onFocus'> & HTMLDataAttribute) | undefined;
+    getDialPadButtonProps?: ((value: DIALER_PAD_ICON_VALUES) => Omit<IconButtonProps, 'value' | 'onFocus'> & HTMLDataAttribute) | undefined;
     size?: "medium" | "large" | undefined;
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & Pick<DialPadButtonProps, "classes"> & import("react").RefAttributes<HTMLDivElement>>;
 export type { DialPadAction, DialPadOnChangeReason, DialPadProps };

package/src/Dialer/Dialer.d.ts

@@ -1,5 +1,7 @@
-import { FunctionComponent } from 'react';
-type DialerProps = {};
+import { FunctionComponent, ReactNode } from 'react';
+type DialerProps = {
+    children?: ReactNode;
+};
 declare const Dialer: FunctionComponent<DialerProps>;
 export { Dialer };
 export type { DialerProps };

package/src/Dropdown/Dropdown.type.d.ts

@@ -10,7 +10,7 @@ export type DropdownProps<T = string, D = unknown> = StandardProps<{
     placeholder?: ReactNode;
     rootProps?: SlotProps<'div', 'ref'>;
     buttonProps?: SlotProps<'button'> & Pick<UseFocusVisibleOptions, 'onFocusVisible'>;
-    MenuProps?: (Omit<VirtualizedMenuProps, 'open' | 'anchorEl' | 'onClose' | 'initialFocus' | 'data' | 'children'> | Omit<MenuProps, 'open' | 'anchorEl' | 'onClose' | 'children'>) & HTMLDataAttribute;
+    MenuProps?: (Omit<VirtualizedMenuProps<D>, 'open' | 'anchorEl' | 'onClose' | 'initialFocus' | 'data' | 'children'> | Omit<MenuProps, 'open' | 'anchorEl' | 'onClose' | 'children'>) & HTMLDataAttribute;
     ref?: Ref<HTMLDivElement>;
     buttonRef?: Ref<HTMLButtonElement>;
     virtualize?: boolean;
@@ -23,7 +23,7 @@ export type DropdownProps<T = string, D = unknown> = StandardProps<{
     onOpenChange?: (isOpen: boolean) => void;
     label?: string;
     data: D[];
-    children: ReactNode | VirtualizedMenuProps['children'];
+    children: ReactNode | VirtualizedMenuProps<D>['children'];
     getSelectedIndex?: (value: T) => number;
 }, DropdownClassesKey>;
 export interface DropdownComponent {