@ringcentral/spring-ui 1.9.2 → 1.11.0

package/index.js

@@ -30,7 +30,7 @@ export { Textarea, textareaStyle } from './Textarea.js';
 export { P as PickerTextField } from './chunks/PickerTextField.js';
 export { P as Popover } from './chunks/Popover.js';
 export { Popper } from './Popper.js';
-export { A as Alert, a as AlertTitle } from './chunks/Alert.js';
+export { a as Alert, A as AlertTitle } from './chunks/Alert.js';
 export { Announcement, announcementStyles } from './Announcement.js';
 export { Snackbar, SnackbarContent, snackbarContentStyles, snackbarStyle, useSnackbarWrapper } from './Snackbar.js';
 export { Option } from './Option.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/spring-ui",
-  "version": "1.9.2",
+  "version": "1.11.0",
   "author": "RingCentral",
   "description": "A comprehensive React component library built with Tailwind CSS, featuring production-ready components",
   "main": "./index.js",
@@ -15,9 +15,9 @@
     "@floating-ui/react-dom": "2.1.1",
     "@juggle/resize-observer": "3.4.0",
     "@mui/base": "5.0.0-beta.40",
-    "@ringcentral/spring-base": "^1.9.2",
-    "@ringcentral/spring-icon": "^1.9.2",
-    "@ringcentral/spring-theme": "^1.9.2",
+    "@ringcentral/spring-base": "^1.11.0",
+    "@ringcentral/spring-icon": "^1.11.0",
+    "@ringcentral/spring-theme": "^1.11.0",
     "@types/lodash": "^4.14.182",
     "@use-gesture/react": "10.3.1",
     "clsx": "^1.2.1",

package/src/Accordion/Accordion.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseAccordionClassesKey = 'root' | 'panel-wrapper' | 'panel-inner-wrapper';
-export declare type AccordionClassesKey = CamelCase<BaseAccordionClassesKey>;
-export declare type AccordionClasses = {
+export type BaseAccordionClassesKey = 'root' | 'panel-wrapper' | 'panel-inner-wrapper';
+export type AccordionClassesKey = CamelCase<BaseAccordionClassesKey>;
+export type AccordionClasses = {
     name: 'accordion';
     classes: BaseAccordionClassesKey;
 };

package/src/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AccordionProps } from './Accordion.type';
 import accordionStyles from './styles/Accordion.css';
-declare const Accordion: import("react").ForwardRefExoticComponent<Pick<AccordionProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "aria-hidden" | "dir" | "header" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "expanded" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "keepMounted" | "defaultExpanded"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Accordion: import("react").ForwardRefExoticComponent<Pick<AccordionProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "header" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "expanded" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "keepMounted" | "defaultExpanded"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Accordion, accordionStyles };

package/src/Accordion/Accordion.type.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, SyntheticEvent } from 'react';
 import { StandardProps } from '@ringcentral/spring-base';
 import { AccordionClassesKey } from './Accordion.classes';
-export declare type AccordionProps = StandardProps<{
+export type AccordionProps = StandardProps<{
     header: ReactNode;
     defaultExpanded?: boolean;
     expanded?: boolean;

package/src/Accordion/AccordionContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type AccordionContextValue = {
+export type AccordionContextValue = {
     id?: string;
     ariaControls?: string;
     expanded?: boolean;

package/src/AccordionHeader/AccordionHeader.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseAccordionHeaderClassesKey = 'root' | 'content' | 'primary-text' | 'secondary-slot' | 'expand-icon';
-export declare type AccordionHeaderClassesKey = CamelCase<BaseAccordionHeaderClassesKey>;
-export declare type AccordionHeaderClasses = {
+export type BaseAccordionHeaderClassesKey = 'root' | 'content' | 'primary-text' | 'secondary-slot' | 'expand-icon';
+export type AccordionHeaderClassesKey = CamelCase<BaseAccordionHeaderClassesKey>;
+export type AccordionHeaderClasses = {
     name: 'accordion-header';
     classes: BaseAccordionHeaderClassesKey;
 };

package/src/AccordionHeader/AccordionHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AccordionHeaderProps } from './AccordionHeader.type';
 import accordionHeaderStyles from './styles/AccordionHeader.css';
-declare const AccordionHeader: import("react").ForwardRefExoticComponent<Pick<AccordionHeaderProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "name" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "onFocusVisible" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "autoFocus" | "formEncType" | "secondarySlot" | "expandIcon" | "ExpandCollapseCaretProps"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<Pick<AccordionHeaderProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "name" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "onFocusVisible" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "autoFocus" | "formEncType" | "secondarySlot" | "expandIcon" | "ExpandCollapseCaretProps"> & import("react").RefAttributes<HTMLButtonElement>>;
 export { AccordionHeader, accordionHeaderStyles };

package/src/AccordionHeader/AccordionHeader.type.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { StandardProps, UseFocusVisibleOptions } from '@ringcentral/spring-base';
 import { ExpandCollapseCaretProps } from '../Animation/components/ExpandCollapseCaret';
 import { AccordionHeaderClassesKey } from './AccordionHeader.classes';
-export declare type AccordionHeaderProps = StandardProps<{
+export type AccordionHeaderProps = StandardProps<{
     children: ReactNode;
     secondarySlot?: ReactNode;
     disabled?: boolean;

package/src/Alert/Alert.classes.d.ts

@@ -1,8 +1,8 @@
 import type { CamelCase } from 'type-fest';
 import type { AlertSeverity } from './Alert.type';
-export declare type BaseAlertClassesKey = 'root' | 'icon' | 'body' | 'content' | 'action' | 'close' | 'info' | 'error' | 'warning' | 'success' | 'neutral' | `${AlertSeverity}-icon`;
-export declare type AlertClassesKey = CamelCase<BaseAlertClassesKey>;
-export declare type AlertClasses = {
+export type BaseAlertClassesKey = 'root' | 'icon' | 'body' | 'content' | 'action' | 'close' | 'info' | 'error' | 'warning' | 'success' | 'neutral' | `${AlertSeverity}-icon`;
+export type AlertClassesKey = CamelCase<BaseAlertClassesKey>;
+export type AlertClasses = {
     name: 'alert';
     classes: BaseAlertClassesKey;
 };

package/src/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { AlertProps, AlertTitleProps } from './Alert.type';
+import { AlertComponent, AlertTitleProps } from './Alert.type';
 import alertStyles from './styles/Alert.css';
 import alertTitleStyles from './styles/AlertTitle.css';
-export declare const Alert: import("react").ForwardRefExoticComponent<Pick<AlertProps<"div">, "classes" | "key" | "action" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "component" | "icon" | "onClose" | "startSlot" | "closeText" | "severity" | "CloseButtonProps"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Alert: AlertComponent;
 export declare const AlertTitle: React.FC<AlertTitleProps>;
-export { alertStyles, alertTitleStyles };
+export { Alert, alertStyles, alertTitleStyles };

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

@@ -3,10 +3,10 @@ import { OverridableComponent, OverridableProps, StandardProps, WithClassesProps
 import { IconButtonProps } from '../IconButton';
 import { AlertClassesKey } from './Alert.classes';
 import { AlertTitleClassesKey } from './AlertTitle.classes';
-declare type DefaultElementType = 'div';
-declare type ExtendElementType = ElementType;
-export declare type AlertSeverity = 'info' | 'error' | 'success' | 'warning' | 'neutral';
-declare type BaseAlertProps = WithClassesProps<{
+type DefaultElementType = 'div';
+type ExtendElementType = ElementType;
+export type AlertSeverity = 'info' | 'error' | 'success' | 'warning' | 'neutral';
+type BaseAlertProps = WithClassesProps<{
     action?: React.ReactNode;
     icon?: React.ComponentType | boolean;
     startSlot?: React.ComponentType | React.ReactElement | null;
@@ -15,10 +15,10 @@ declare type BaseAlertProps = WithClassesProps<{
     severity?: AlertSeverity;
     CloseButtonProps?: IconButtonProps;
 }, AlertClassesKey>;
-export declare type AlertProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAlertProps, T>;
-export declare type AlertComponent = OverridableComponent<{
+export type AlertProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAlertProps, T>;
+export type AlertComponent = OverridableComponent<{
     props: BaseAlertProps;
     defaultComponent: DefaultElementType;
 }>;
-export declare type AlertTitleProps = StandardProps<{}, AlertTitleClassesKey, 'div'>;
+export type AlertTitleProps = StandardProps<{}, AlertTitleClassesKey, 'div'>;
 export {};

package/src/Alert/AlertTitle.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseAlertTitleClassesKey = 'root';
-export declare type AlertTitleClassesKey = CamelCase<BaseAlertTitleClassesKey>;
-export declare type AlertTitleClasses = {
+export type BaseAlertTitleClassesKey = 'root';
+export type AlertTitleClassesKey = CamelCase<BaseAlertTitleClassesKey>;
+export type AlertTitleClasses = {
     name: 'alert-title';
     classes: BaseAlertTitleClassesKey;
 };

package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseExpandCollapseCaretClassesKey = 'root' | 'vertical' | 'horizontal';
-export declare type ExpandCollapseCaretClassesKey = CamelCase<BaseExpandCollapseCaretClassesKey>;
-export declare type ExpandCollapseCaretClasses = {
+export type BaseExpandCollapseCaretClassesKey = 'root' | 'vertical' | 'horizontal';
+export type ExpandCollapseCaretClassesKey = CamelCase<BaseExpandCollapseCaretClassesKey>;
+export type ExpandCollapseCaretClasses = {
     name: 'expand-collapse-caret';
     classes: BaseExpandCollapseCaretClassesKey;
 };

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

@@ -3,8 +3,8 @@ import { IconProps } from '../../../Icon';
 import { MotionComponent } from '../types';
 import { ExpandCollapseCaretClassesKey } from './ExpandCollapseCaret.classes';
 import expandCollapseCaretStyles from './styles/ExpandCollapseCaret.css';
-declare type Orientation = 'vertical' | 'horizontal';
-export declare type ExpandCollapseCaretProps = WithClassesProps<{
+type Orientation = 'vertical' | 'horizontal';
+export type ExpandCollapseCaretProps = WithClassesProps<{
     orientation?: Orientation;
     expanded: boolean;
     size?: IconProps['size'];

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

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

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

@@ -1,4 +1,4 @@
 import { MotionProps } from 'framer-motion';
 import { CommonMotionOptions } from '../types';
-export declare type GetFadeOptions = CommonMotionOptions;
+export type GetFadeOptions = CommonMotionOptions;
 export declare const getFade: ({ toggle, prefersReducedMotion, toggleOnTransition, toggleOffTransition, }?: GetFadeOptions) => MotionProps;

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

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

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

@@ -1,10 +1,10 @@
 import { Placement } from '@floating-ui/react-dom';
 import { MotionProps } from 'framer-motion';
 import { CommonMotionOptions } from '../types';
-declare type Direction = 'x' | 'y' | 'both';
-declare type VerticalTransformOrigin = 'top' | 'center' | 'bottom' | number;
-declare type HorizontalTransformOrigin = 'left' | 'center' | 'right' | number;
-export declare type GetGrowOptions = CommonMotionOptions & {
+type Direction = 'x' | 'y' | 'both';
+type VerticalTransformOrigin = 'top' | 'center' | 'bottom' | number;
+type HorizontalTransformOrigin = 'left' | 'center' | 'right' | number;
+export type GetGrowOptions = CommonMotionOptions & {
     direction?: Direction;
     prefersReducedMotion?: boolean;
     transformOrigin?: {

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

@@ -1,7 +1,7 @@
 import { CamelCase } from 'type-fest';
-export declare type BaseShowHideEyeClassesKey = 'root';
-export declare type ShowHideEyeClassesKey = CamelCase<BaseShowHideEyeClassesKey>;
-export declare type ShowHideEyeClasses = {
+export type BaseShowHideEyeClassesKey = 'root';
+export type ShowHideEyeClassesKey = CamelCase<BaseShowHideEyeClassesKey>;
+export type ShowHideEyeClasses = {
     name: 'show-hide-eye';
     classes: BaseShowHideEyeClassesKey;
 };

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { MotionProps, Transition } from 'framer-motion';
 import { CommonMotionOptions } from '../types';
-declare type Direction = 'right' | 'left' | 'top' | 'bottom';
-export declare type GetSlideInOptions = CommonMotionOptions & {
+type Direction = 'right' | 'left' | 'top' | 'bottom';
+export type GetSlideInOptions = CommonMotionOptions & {
     from?: Direction;
     transition?: Transition;
 };

package/src/Animation/components/SortableArrow/SortableArrow.classes.d.ts

@@ -1,7 +1,7 @@
 import { CamelCase } from 'type-fest';
-export declare type BaseSortableArrowClassesKey = 'root';
-export declare type SortableArrowClassesKey = CamelCase<BaseSortableArrowClassesKey>;
-export declare type SortableArrowClasses = {
+export type BaseSortableArrowClassesKey = 'root';
+export type SortableArrowClassesKey = CamelCase<BaseSortableArrowClassesKey>;
+export type SortableArrowClasses = {
     name: 'sortable-arrow';
     classes: BaseSortableArrowClassesKey;
 };

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

@@ -3,7 +3,7 @@ import { IconProps } from '../../../Icon';
 import { SortDirection } from '../../../TableCell';
 import { MotionComponent } from '../types';
 import { SortableArrowClassesKey } from './SortableArrow.classes';
-export declare type SortableArrowProps = WithClassesProps<{
+export type SortableArrowProps = WithClassesProps<{
     direction: SortDirection;
 } & Omit<IconProps, 'symbol' | 'classes'>, SortableArrowClassesKey>;
 export declare const SortableArrow: MotionComponent<SortableArrowProps>;

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

@@ -1,9 +1,9 @@
 import { Transition } from 'framer-motion';
 import { ComponentType } from 'react';
-export declare type CommonMotionOptions = {
+export type CommonMotionOptions = {
     toggle?: boolean;
     prefersReducedMotion?: boolean;
     toggleOnTransition?: Transition;
     toggleOffTransition?: Transition;
 };
-export declare type MotionComponent<T> = ComponentType<T & CommonMotionOptions>;
+export type MotionComponent<T> = ComponentType<T & CommonMotionOptions>;

package/src/Announcement/Announcement.classes.d.ts

@@ -1,8 +1,8 @@
 import type { CamelCase } from 'type-fest';
 import { BaseAlertClassesKey } from '../Alert/Alert.classes';
-export declare type BaseAnnouncementClassesKey = BaseAlertClassesKey;
-export declare type AnnouncementClassesKey = CamelCase<BaseAnnouncementClassesKey>;
-export declare type AnnouncementClasses = {
+export type BaseAnnouncementClassesKey = BaseAlertClassesKey;
+export type AnnouncementClassesKey = CamelCase<BaseAnnouncementClassesKey>;
+export type AnnouncementClasses = {
     name: 'announcement';
     classes: BaseAnnouncementClassesKey;
 };

package/src/Announcement/Announcement.type.d.ts

@@ -1,4 +1,4 @@
 import { StandardProps } from '@ringcentral/spring-base';
 import { AlertProps } from '../Alert';
 import { AnnouncementClassesKey } from './Announcement.classes';
-export declare type AnnouncementProps = StandardProps<Omit<AlertProps, 'classes'>, AnnouncementClassesKey, 'div'>;
+export type AnnouncementProps = StandardProps<Omit<AlertProps, 'classes'>, AnnouncementClassesKey, 'div'>;

package/src/Autocomplete/Autocomplete.classes.d.ts

@@ -1,14 +1,14 @@
 import type { CamelCase } from 'type-fest';
 import type { FormFieldSize, FormFieldVariant } from '../FormField/FormField.type';
-export declare type AutocompleteSlot = 'chevron' | 'clear' | 'form-field-content' | 'chip' | 'input-container' | 'input' | 'end-adornment';
-export declare type BaseAutocompleteClassesKey = 'root' | 'error' | FormFieldVariant | AutocompleteSlot | `form-field-content-${FormFieldSize}` | `input-container-${FormFieldSize}` | `input-${FormFieldSize}` | `error-${AutocompleteSlot}` | `${FormFieldVariant}-expanded` | `${FormFieldVariant}-expanded-${AutocompleteSlot}` | `${FormFieldVariant}-${AutocompleteSlot}`;
-export declare type AutocompleteClassesKey = CamelCase<BaseAutocompleteClassesKey>;
-export declare type AutocompleteClasses = {
+export type AutocompleteSlot = 'chevron' | 'clear' | 'form-field-content' | 'chip' | 'input-container' | 'input' | 'status-container' | 'status-label' | 'end-adornment';
+export type BaseAutocompleteClassesKey = 'root' | 'error' | FormFieldVariant | AutocompleteSlot | `form-field-content-${FormFieldSize}` | `input-container-${FormFieldSize}` | `input-${FormFieldSize}` | `error-${AutocompleteSlot}` | `${FormFieldVariant}-expanded` | `${FormFieldVariant}-expanded-${AutocompleteSlot}` | `${FormFieldVariant}-${AutocompleteSlot}`;
+export type AutocompleteClassesKey = CamelCase<BaseAutocompleteClassesKey>;
+export type AutocompleteClasses = {
     name: 'autocomplete';
     classes: BaseAutocompleteClassesKey;
 };
-export declare type AutocompletePopperClassesKey = 'root' | 'paper' | 'empty';
-export declare type AutocompletePopperClasses = {
+export type AutocompletePopperClassesKey = 'root' | 'paper' | 'empty';
+export type AutocompletePopperClasses = {
     name: 'autocomplete-popper';
     classes: AutocompletePopperClassesKey;
 };

package/src/Autocomplete/Autocomplete.type.d.ts

@@ -7,8 +7,8 @@ import { AutocompleteClassesKey, AutocompletePopperClassesKey } from './Autocomp
 import { AutocompleteRenderOptionState, BaseSuggestionListProps, SuggestionListItemData, SuggestionListProps } from './SuggestionList';
 import { UseAutocompleteParams } from './useAutocomplete';
 import { GetTagProps } from './useAutocompleteTag';
-export declare type AutocompleteSuggestionListProps<T> = BaseSuggestionListProps<T> & Pick<SuggestionListProps, 'maxContainerHeight' | 'padding' | 'virtualize'>;
-export declare type AutocompleteRef<T extends SuggestionListItemData = SuggestionListItemData> = {
+export type AutocompleteSuggestionListProps<T> = BaseSuggestionListProps<T> & Pick<SuggestionListProps, 'maxContainerHeight' | 'padding' | 'virtualize'>;
+export type AutocompleteRef<T extends SuggestionListItemData = SuggestionListItemData> = {
     getActiveIndex: () => number;
     setActiveIndex: (index: number) => void;
     getFilterResultItems: () => T[];
@@ -21,9 +21,10 @@ export declare type AutocompleteRef<T extends SuggestionListItemData = Suggestio
     reset: (isFocus?: boolean) => void;
     clearInput: () => void;
 };
-export declare type AutocompleteProps<T extends SuggestionListItemData = SuggestionListItemData> = StandardProps<{
+export type AutocompleteProps<T extends SuggestionListItemData = SuggestionListItemData> = StandardProps<{
     variant?: 'autocomplete' | 'tags';
     fullWidth?: boolean;
+    noOptionsText?: React.ReactNode;
     inputVariant?: AutoCompleteTextFieldInputProps['variant'];
     toggleButton?: boolean;
     ToggleButtonProps?: Partial<IconButtonProps> & HTMLDataAttribute;
@@ -48,10 +49,10 @@ export interface AutocompleteComponent<T extends SuggestionListItemData = Sugges
     (props: AutocompleteProps<T>): ReactElement;
     displayName?: string;
 }
-export declare type AutoCompleteInputProps = {
+export type AutoCompleteInputProps = {
     startAdornment?: React.ReactNode;
     containerRef?: Ref<HTMLDivElement>;
     containerClassName?: string;
     onContainerClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 } & StandardInputAttributes;
-export declare type AutoCompleteTextFieldInputProps = TextFieldProps<ElementType, AutoCompleteInputProps>;
+export type AutoCompleteTextFieldInputProps = TextFieldProps<ElementType, AutoCompleteInputProps>;

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

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseSuggestionListClassesKey = 'root' | 'item' | 'selected' | 'group-title' | 'readonly' | 'group-title-readonly' | 'highlighted' | 'expand-icon';
-export declare type SuggestionListClassesKey = CamelCase<BaseSuggestionListClassesKey>;
-export declare type SuggestionListClasses = {
+export type BaseSuggestionListClassesKey = 'root' | 'item' | 'selected' | 'group-title' | 'readonly' | 'group-title-readonly' | 'highlighted' | 'expand-icon';
+export type SuggestionListClassesKey = CamelCase<BaseSuggestionListClassesKey>;
+export type SuggestionListClasses = {
     name: 'suggestion-list';
     classes: BaseSuggestionListClassesKey;
 };

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

@@ -15,8 +15,8 @@ export interface AutocompleteRenderOptionState {
     expanded?: boolean;
     expandIconProps?: Partial<IconButtonProps>;
 }
-export declare type BaseSuggestionListProps<T, K = Record<string, never>> = Omit<Partial<VirtuosoProps<T, K>>, 'totalCount' | 'itemContent' | 'data' | 'color'> & ClassesProp<SuggestionListClassesKey> & HTMLDataAttribute;
-export declare type SuggestionListProps<T extends SuggestionListItemData = SuggestionListItemData, K = any> = {
+export type BaseSuggestionListProps<T, K = Record<string, never>> = Omit<Partial<VirtuosoProps<T, K>>, 'totalCount' | 'itemContent' | 'data' | 'color'> & ClassesProp<SuggestionListClassesKey> & HTMLDataAttribute;
+export type SuggestionListProps<T extends SuggestionListItemData = SuggestionListItemData, K = any> = {
     maxContainerHeight?: number | '100%';
     padding?: boolean | number;
     virtualize?: boolean;
@@ -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<SuggestionListItemData>, "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>>, "data" | "color" | "itemContent" | "totalCount"> & ClassesProp<SuggestionListClassesKey> & HTMLDataAttribute & React.RefAttributes<VirtuosoHandle>>;
 export { suggestionListStyles };

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

@@ -2,7 +2,7 @@ import { DetailedHTMLProps, HTMLAttributes, PropsWithoutRef } from 'react';
 import { ClassesProp } from '@ringcentral/spring-base';
 import { IconButtonProps } from '../../IconButton';
 import { SuggestionListClassesKey } from './SuggestionList.classes';
-export declare type SuggestionListItemProps = {
+export type SuggestionListItemProps = {
     id?: string;
     label?: React.ReactNode;
     expanded?: boolean;
@@ -22,5 +22,5 @@ export declare const SuggestionListItem: import("react").ForwardRefExoticCompone
     selected?: boolean | undefined;
     highlighted?: boolean | undefined;
     disabled?: boolean | undefined;
-    expandIconProps?: Partial<IconButtonProps<"button">> | undefined;
+    expandIconProps?: Partial<IconButtonProps> | undefined;
 } & Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof HTMLAttributes<HTMLElement>> & ClassesProp<SuggestionListClassesKey> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -9,7 +9,7 @@ export interface SuggestionListGroupedOption<T = SuggestionListItemData> {
     expanded: boolean;
     getExpandIconProps?: (additionalProps?: Omit<PropsWithoutRef<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, 'color'> & Partial<IconButtonProps>) => Omit<PropsWithoutRef<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, 'color'> | undefined | Partial<IconButtonProps>;
 }
-export declare type SuggestionListItemData = {
+export type SuggestionListItemData = {
     id?: number | string;
     label?: string;
     disabled?: boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type UseDynamicHeightParams = {
+type UseDynamicHeightParams = {
     itemCount: number;
     maxContainerHeight?: number | '100%';
     onContainerHeightChange?: (number: number) => void;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FlatIndexLocationWithAlign, ListItem } from 'react-virtuoso';
-declare type UseHighlightScrollParams = {
+type UseHighlightScrollParams = {
     virtualize?: boolean;
     scrollToIndex: (location: FlatIndexLocationWithAlign) => void;
     containerHeighRef: React.MutableRefObject<number>;

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

@@ -5,19 +5,19 @@ import type { SuggestionListItemData } from './SuggestionListItem';
 export declare const DEFAULT_GET_OPTION_LABEL: <T extends {
     label?: string | undefined;
 }>(item: T) => string;
-export declare type SuggestionListGetItemPropsOptions<T> = {
+export type SuggestionListGetItemPropsOptions<T> = {
     index?: number;
     item: T;
 };
-export declare type SuggestionListHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | undefined;
-export declare type SuggestionListFilterOptions<T> = (options: T[], state: {
+export type SuggestionListHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | undefined;
+export type SuggestionListFilterOptions<T> = (options: T[], state: {
     inputValue?: string;
     inputChanged?: boolean;
     getOptionLabel: (option: T) => string;
     selectedItems: T[];
     isOptionEqualToValue: (option: T, value: T) => boolean;
 }) => T[];
-export declare type UseSuggestionListParams<T extends SuggestionListItemData = SuggestionListItemData> = {
+export type UseSuggestionListParams<T extends SuggestionListItemData = SuggestionListItemData> = {
     id?: string;
     inputValue?: string;
     onInputChange?: (value: string) => void;
@@ -32,18 +32,18 @@ export declare type UseSuggestionListParams<T extends SuggestionListItemData = S
     isOptionEqualToValue?: (option: T, value: T) => boolean;
 } & Omit<UseAutocompleteGroupParams<T>, 'filteredResult' | 'id'>;
 export declare const useSuggestionList: <T extends SuggestionListItemData = SuggestionListItemData>({ id, inputValue: inputValueProp, getOptionLabel, filterOptions, disabledItemsHighlightable, options, onInputChange: onInputChangeProp, inputRef, onKeyDown: onKeyDownProp, onSelect, onClear, getOptionDisabled, groupBy, onGroupExpanded, groupVariant, groupExpanded, groupDefaultExpanded, getExpandIconProps, processFilteredResult, isOptionEqualToValue, }: UseSuggestionListParams<T>) => {
-    reset: (isFocus?: boolean | undefined) => void;
+    reset: (isFocus?: boolean) => void;
     clearInput: () => void;
     forceUpdate: () => void;
     focusInput: () => void | undefined;
     updateInputValue: (newValue: string) => void;
     selectItem: (e: ChangeEvent<{}>, selectedItem: T | null) => boolean;
     onKeyFocusedIndexHandle: (event: import("react").KeyboardEvent<any>) => void;
-    getClearButtonProps: (props?: import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> | undefined) => import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-    getLabelProps: (props?: import("react").DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined) => import("react").DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
-    getSuggestionListProps: (restMenuProps?: import("react").DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> | undefined) => import("react").DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
-    getInputProps: (props?: import("react").DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | undefined) => import("react").DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-    getInputAriaProps: (props?: import("react").DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | undefined) => import("react").DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    getClearButtonProps: (props?: React.DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => import("react").ClassAttributes<HTMLButtonElement> & ButtonHTMLAttributes<HTMLButtonElement>;
+    getLabelProps: (props?: React.DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>) => import("react").ClassAttributes<HTMLLabelElement> & LabelHTMLAttributes<HTMLLabelElement>;
+    getSuggestionListProps: (restMenuProps?: React.DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ClassAttributes<HTMLElement> & HTMLAttributes<HTMLElement>;
+    getInputProps: (props?: React.DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => import("react").ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement>;
+    getInputAriaProps: (props?: React.DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) => import("react").ClassAttributes<HTMLInputElement> & InputHTMLAttributes<HTMLInputElement>;
     getItemProps: ({ item, index, }: SuggestionListGetItemPropsOptions<T>) => SuggestionListItemProps;
     highlightedIndexRef: import("react").MutableRefObject<number>;
     highlightedIndex: number;
@@ -51,7 +51,7 @@ export declare const useSuggestionList: <T extends SuggestionListItemData = Sugg
     inputValue: string;
     onInputChange: (newValue: string) => boolean;
     setHighlightedIndex: (index: number, { reRender, reason, }: {
-        reRender?: boolean | undefined;
+        reRender?: boolean;
         reason?: SuggestionListHighlightChangeReason;
     }) => void;
     changeHighlightedIndexReasonRef: import("react").MutableRefObject<SuggestionListHighlightChangeReason>;