@ringcentral/spring-ui 1.11.2 → 1.12.0

package/index.js

@@ -171,15 +171,17 @@ export { dragHandleStyle } from './DragHandle.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import './chunks/hasContent.js';
+import '@mui/utils';
 import '@ringcentral/spring-icon';
 import 'framer-motion';
 import 'lodash/isNumber';
 import 'lodash/kebabCase';
 import 'lodash/isString';
 import '@floating-ui/react-dom';
+import './chunks/composeEventHandlers.js';
 import 'tabbable';
 import 'lodash/clamp';
-import './chunks/hasContent.js';
 import './chunks/useAnimationFrame.js';
 import 'dayjs';
 import '@date-io/dayjs';

package/internal/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './composeEventHandlers';
 export * from './hasContent';
+export * from './setRef';

package/internal/utils/setRef.d.ts

@@ -0,0 +1 @@
+export { unstable_setRef as setRef } from '@mui/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/spring-ui",
-  "version": "1.11.2",
+  "version": "1.12.0",
   "author": "RingCentral",
   "description": "A comprehensive React component library built with Tailwind CSS, featuring production-ready components",
   "main": "./index.js",
@@ -14,10 +14,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/react-dom": "2.1.1",
     "@juggle/resize-observer": "3.4.0",
-    "@mui/base": "5.0.0-beta.40",
-    "@ringcentral/spring-base": "^1.11.2",
-    "@ringcentral/spring-icon": "^1.11.2",
-    "@ringcentral/spring-theme": "^1.11.2",
+    "@mui/base": "5.0.0-beta.70",
+    "@ringcentral/spring-base": "^1.12.0",
+    "@ringcentral/spring-icon": "^1.12.0",
+    "@ringcentral/spring-theme": "^1.12.0",
     "@types/lodash": "^4.14.182",
     "@use-gesture/react": "10.3.1",
     "clsx": "^1.2.1",
@@ -27,10 +27,10 @@
     "type-fest": "^2.12.2"
   },
   "peerDependencies": {
-    "@types/react": ">=17.0.3",
+    "@types/react": "^17.0.3 || ^18.0.0 || ^19.0.0",
     "dayjs": "^1.11.13",
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
+    "react": "^17.0.2 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0",
     "react-virtuoso": "4.7.10"
   },
   "sideEffects": false,

package/src/Alert/Alert.type.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType } from 'react';
-import { OverridableComponent, OverridableProps, StandardProps, WithClassesProps } from '@ringcentral/spring-base';
+import { OverridableComponent, OverridableProps, SlotProps, StandardProps, WithClassesProps } from '@ringcentral/spring-base';
 import { IconButtonProps } from '../IconButton';
 import { AlertClassesKey } from './Alert.classes';
 import { AlertTitleClassesKey } from './AlertTitle.classes';
@@ -14,6 +14,7 @@ type BaseAlertProps = WithClassesProps<{
     closeText?: string;
     severity?: AlertSeverity;
     CloseButtonProps?: IconButtonProps;
+    contentProps?: SlotProps<'div', 'children'>;
 }, AlertClassesKey>;
 export type AlertProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAlertProps, T>;
 export type AlertComponent = OverridableComponent<{

package/src/Animation/components/Fade/Fade.d.ts

@@ -1,5 +1,7 @@
 import { HTMLMotionProps } from 'framer-motion';
-import { ComponentType } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { GetFadeOptions } from './getFade';
-export type FadeProps = GetFadeOptions & HTMLMotionProps<'div'>;
+export type FadeProps = GetFadeOptions & Omit<HTMLMotionProps<'div'>, 'children'> & {
+    children?: ReactNode;
+};
 export declare const Fade: ComponentType<FadeProps>;

package/src/Animation/components/Grow/Grow.d.ts

@@ -1,5 +1,7 @@
 import { HTMLMotionProps } from 'framer-motion';
-import { ComponentType } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { GetGrowOptions } from './getGrow';
-export type GrowProps = GetGrowOptions & HTMLMotionProps<'div'>;
+export type GrowProps = GetGrowOptions & Omit<HTMLMotionProps<'div'>, 'children'> & {
+    children?: ReactNode;
+};
 export declare const Grow: ComponentType<GrowProps>;

package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts

@@ -4,7 +4,7 @@ import { MotionComponent } from '../types';
 import { ShowHideEyeClassesKey } from './ShowHideEye.classes';
 import showHideEyeStyles from './styles/ShowHideEye.css';
 export type ShowHideEyeProps = WithClassesProps<{
-    hide: boolean;
+    hide?: boolean;
 } & Omit<IconProps, 'symbol' | 'classes'>, ShowHideEyeClassesKey>;
 export declare const ShowHideEye: MotionComponent<ShowHideEyeProps>;
 export { showHideEyeStyles };

package/src/Animation/components/SlideIn/SlideIn.d.ts

@@ -1,5 +1,7 @@
 import { HTMLMotionProps } from 'framer-motion';
-import { ComponentType } from 'react';
+import { ComponentType, ReactNode } from 'react';
 import { GetSlideInOptions } from './getSlideIn';
-export type SlideInProps = GetSlideInOptions & HTMLMotionProps<'div'>;
+export type SlideInProps = GetSlideInOptions & Omit<HTMLMotionProps<'div'>, 'children'> & {
+    children?: ReactNode;
+};
 export declare const SlideIn: ComponentType<SlideInProps>;

package/src/Animation/components/SlideIn/getSlideIn.d.ts

@@ -5,5 +5,5 @@ export type GetSlideInOptions = CommonMotionOptions & {
     from?: Direction;
     transition?: Transition;
 };
-export declare const getSlideIn: ({ toggle, from, prefersReducedMotion, toggleOnTransition, toggleOffTransition, }?: GetSlideInOptions) => MotionProps;
+export declare const getSlideIn: ({ toggle, from, prefersReducedMotion, toggleOnTransition, toggleOffTransition, transition, }?: GetSlideInOptions) => MotionProps;
 export {};

package/src/Autocomplete/SuggestionList/SuggestionList.d.ts

@@ -56,5 +56,5 @@ export declare const SuggestionList: React.ForwardRefExoticComponent<{
     optionsGroupList?: SuggestionListGroupedOption<SuggestionListItemData>[] | undefined;
     renderOption?: ((option: SuggestionListItemData, state: AutocompleteRenderOptionState) => React.ReactNode) | undefined;
     renderGroup?: ((option: SuggestionListItemData, state: AutocompleteRenderOptionState) => React.ReactNode) | undefined;
-} & Pick<UseSuggestionListParams, "getOptionDisabled" | "groupExpanded" | "groupVariant" | "inputValue" | "getOptionLabel"> & Omit<Partial<VirtuosoProps<SuggestionListItemData, any>>, "data" | "color" | "itemContent" | "totalCount"> & ClassesProp<SuggestionListClassesKey> & HTMLDataAttribute & React.RefAttributes<VirtuosoHandle>>;
+} & Pick<UseSuggestionListParams, "getOptionDisabled" | "groupExpanded" | "groupVariant" | "inputValue" | "getOptionLabel"> & Omit<Partial<VirtuosoProps<SuggestionListItemData, any>>, "color" | "data" | "itemContent" | "totalCount"> & ClassesProp<SuggestionListClassesKey> & HTMLDataAttribute & React.RefAttributes<VirtuosoHandle>>;
 export { suggestionListStyles };

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/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/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 {

package/src/InlineEditable/InlineEditable.type.d.ts

@@ -1,6 +1,6 @@
 import { TextareaAutosizeProps } from '@mui/base';
 import { HTMLDataAttribute, StandardProps } from '@ringcentral/spring-base';
-import { ComponentProps, ComponentPropsWithRef, FocusEvent, KeyboardEvent } from 'react';
+import { ComponentProps, ComponentPropsWithRef, FocusEvent, KeyboardEvent, ReactNode } from 'react';
 import { TooltipProps } from '../Tooltip';
 import { InlineEditableClassesKey } from './InlineEditable.classes';
 export type TextareaEditHandler<T = EditCompleteReason> = (e: KeyboardEvent<HTMLTextAreaElement> | FocusEvent<HTMLTextAreaElement>, reason: T, value: {
@@ -38,4 +38,5 @@ export type InlineEditableProps = StandardProps<(({
     fullWidth?: boolean;
     TooltipProps?: Omit<TooltipProps, 'children' | 'open' | 'onOpenStateChange'>;
     rootProps?: ComponentProps<'div'> & HTMLDataAttribute;
+    children?: ReactNode;
 }, InlineEditableClassesKey>;

package/src/ListNavigation/useListNavigation.d.ts

@@ -1,4 +1,4 @@
-import { FocusEventHandler, KeyboardEventHandler, ReactNode, Ref } from 'react';
+import { FocusEventHandler, KeyboardEventHandler, type ReactElement, ReactNode, Ref } from 'react';
 export type SearchElementOption = {
     baseElement: HTMLElement;
     direction: 'up' | 'down';
@@ -19,8 +19,8 @@ export type UseListNavigationProps = {
     actions?: Ref<UseListNavigationActions>;
 };
 export declare const useListNavigation: (props: UseListNavigationProps) => {
-    renderItems: (items: ReactNode) => import("react/jsx-runtime").JSX.Element;
-    renderTabBoundary: () => import("react/jsx-runtime").JSX.Element;
+    renderItems: (items: ReactNode) => ReactElement;
+    renderTabBoundary: () => ReactElement;
     getListProps: (otherHandler: {
         onKeyDown?: KeyboardEventHandler;
         onFocus?: FocusEventHandler;

package/src/MenuActions/MenuActions.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, type ReactElement } from 'react';
 import { MenuActionsProps } from './MenuActions.type';
 import menuActionsStyle from './styles/MenuActions.css';
 declare const MenuActions: import("react").ForwardRefExoticComponent<Omit<MenuActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const MenuActionsGroup: {
-    ({ className, ...rest }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...rest }: ComponentProps<'div'>): ReactElement;
     displayName: string;
 };
 export { MenuActions, MenuActionsGroup, menuActionsStyle };

package/src/MenuItem/useMenuItem.d.ts

@@ -10,7 +10,7 @@ export type UseMenuItemProps = {
     autoClose?: boolean;
 };
 export declare const useMenuItem: (props: UseMenuItemProps) => {
-    getRootProps: (otherProps: any) => any;
+    getRootProps: (otherProps?: any) => any;
     focusVisible: boolean;
     active: boolean;
 };

package/src/MenuItem/useVirtualizedMenuItem.d.ts

@@ -10,7 +10,7 @@ export type UseVirtualizedMenuItemProps = {
     autoClose?: boolean;
 };
 export declare const useVirtualizedMenuItem: (props: UseVirtualizedMenuItemProps) => {
-    getRootProps: (otherProps: any) => any;
+    getRootProps: (otherProps?: any) => any;
     focusVisible: boolean;
     active: boolean;
 };

package/src/MenuList/MenuList.type.d.ts

@@ -3,7 +3,7 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { MenuItemSelectProps, SelectMode } from '../MenuItem';
 import { MenuListClassesKey } from './MenuList.classes';
 import { MenuListContextValue } from './MenuListContext';
-export type MenuListProps<M extends SelectMode = 'single', V = unknown> = StandardProps<MenuItemSelectProps<V, M> & {
+export type MenuListProps<M extends SelectMode = 'single', V = unknown> = StandardProps<Omit<MenuItemSelectProps<V, M>, 'onClose'> & {
     autoFocus?: boolean;
 } & MenuListContextValue, MenuListClassesKey, 'div'>;
 export interface MenuListComponent {

package/src/NestedMenuContext/MenuOverlayGroupContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { type ReactElement } from 'react';
 export type MenuOverlayGroupContextValue = {
     container: HTMLElement | null;
 };
@@ -11,5 +11,5 @@ export declare const useMenuOverlayGroupValue: () => {
     setContainer: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
     value: MenuOverlayGroupContextValue;
 };
-export declare const MenuOverlayGroupContainer: (props: MenuOverlayGroupContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuOverlayGroupContainer: (props: MenuOverlayGroupContainerProps) => ReactElement;
 export { MenuOverlayGroupContext };