@ringcentral/spring-ui 1.9.2 → 1.11.0

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

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, PropsWithoutRef } from 'react';
 import { SuggestionListGroupedOption, SuggestionListItemData } from './SuggestionListItem';
-export declare type UseAutocompleteGroupParams<T extends SuggestionListItemData = SuggestionListItemData> = {
+export type UseAutocompleteGroupParams<T extends SuggestionListItemData = SuggestionListItemData> = {
     id: string;
     options: T[];
     getOptionDisabled?: (option: T) => boolean;
@@ -12,7 +12,7 @@ export declare type UseAutocompleteGroupParams<T extends SuggestionListItemData
     onGroupExpanded?: (group: SuggestionListGroupedOption<T>, groupStateMap: Record<string, boolean>) => void;
     getExpandIconProps?: (group: SuggestionListGroupedOption) => PropsWithoutRef<React.DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>> | undefined;
 };
-declare type ExpandedMapState = Record<string, boolean>;
+type ExpandedMapState = Record<string, boolean>;
 export declare const useAutocompleteGroup: <T extends SuggestionListItemData = SuggestionListItemData>({ groupBy, options, filteredResult, getExpandIconProps, groupExpanded, groupDefaultExpanded, onGroupExpanded, groupVariant, getOptionDisabled, id, }: UseAutocompleteGroupParams<T>) => {
     optionsGroupList: SuggestionListGroupedOption<T>[];
     groupedResult: T[];

package/src/Autocomplete/useAutocomplete.d.ts

@@ -1,8 +1,8 @@
 import { ButtonHTMLAttributes, ChangeEvent, DetailedHTMLProps, HTMLAttributes, InputHTMLAttributes, PropsWithoutRef } from 'react';
 import { SuggestionListGetItemPropsOptions, SuggestionListItemData, UseSuggestionListParams } from './SuggestionList';
 import { UseAutocompleteTagParams } from './useAutocompleteTag';
-export declare type AutocompleteCloseReason = 'toggleInput' | 'escape' | 'select-option' | 'blur';
-export declare type UseAutocompleteParams<T extends SuggestionListItemData = SuggestionListItemData> = {
+export type AutocompleteCloseReason = 'toggleInput' | 'escape' | 'select-option' | 'blur';
+export type UseAutocompleteParams<T extends SuggestionListItemData = SuggestionListItemData> = {
     inputContainerRef?: React.RefObject<HTMLDivElement>;
     addNoOptionItem?: 'first' | 'last';
     open?: boolean;
@@ -14,7 +14,7 @@ export declare type UseAutocompleteParams<T extends SuggestionListItemData = Sug
     autoSelect?: boolean;
     openOnFocus?: boolean;
     toggleWithInput?: boolean;
-    renderNoOptions?: (getNoOptionsProps: (additionProps: PropsWithoutRef<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>>) => DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, additionItem: SuggestionListItemData | null) => React.ReactNode;
+    renderNoOptions?: boolean | ((getNoOptionsProps: (additionProps: PropsWithoutRef<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>>) => DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, additionItem: SuggestionListItemData | null) => React.ReactNode);
     autoHighlight?: boolean;
     focused?: boolean;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'required'> & UseSuggestionListParams<T> & Omit<UseAutocompleteTagParams<T>, 'id'>;
@@ -31,16 +31,16 @@ 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;
-        'aria-hidden'?: boolean | "true" | "false" | undefined;
-        dir?: string | undefined;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
         'aria-live'?: "assertive" | "off" | "polite" | undefined;
         'aria-atomic'?: boolean | "true" | "false" | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | undefined;
         role?: string | undefined;
         className?: string | undefined;
         accessKey?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
@@ -90,7 +90,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "false" | "time" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: boolean | "true" | "false" | undefined;
@@ -99,7 +99,7 @@ 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" | "false" | "dialog" | "menu" | "listbox" | "tree" | "grid" | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;
@@ -283,16 +283,16 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
     };
-    getClearButtonProps: (props?: Pick<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color">, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "name" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "autoFocus" | "formEncType"> | undefined) => Pick<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color">, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "aria-hidden" | "dir" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "name" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "autoFocus" | "formEncType">;
+    getClearButtonProps: (props?: PropsWithoutRef<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'color'>>) => Pick<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color">, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "form" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "name" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "formAction" | "formMethod" | "formNoValidate" | "formTarget" | "placeholder" | "type" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "autoFocus" | "formEncType">;
     activeIndex: number;
     setActiveIndex: (tagToFocus: number, focus?: any) => void;
     isOpen: boolean;
-    getToggleButtonProps: (props?: Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof ButtonHTMLAttributes<HTMLButtonElement>> | undefined) => Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof ButtonHTMLAttributes<HTMLButtonElement>>;
-    getPopperProps: (restPopperProps?: Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof HTMLAttributes<HTMLElement>> | undefined) => Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof HTMLAttributes<HTMLElement>>;
-    getLabelProps: (props?: DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined) => DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
-    getSuggestionListProps: (restMenuProps?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> | undefined) => DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>;
-    getInputProps: (props?: Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> | undefined) => Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>>;
-    getInputAriaProps: (props?: Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>> | undefined) => Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>>;
+    getToggleButtonProps: (props?: PropsWithoutRef<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>) => Pick<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof ButtonHTMLAttributes<HTMLButtonElement>>;
+    getPopperProps: (restPopperProps?: PropsWithoutRef<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>>) => Pick<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof HTMLAttributes<HTMLElement>>;
+    getLabelProps: (props?: DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined) => import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement>;
+    getSuggestionListProps: (restMenuProps?: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> | undefined) => import("react").ClassAttributes<HTMLElement> & HTMLAttributes<HTMLElement>;
+    getInputProps: (props?: PropsWithoutRef<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>) => Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>>;
+    getInputAriaProps: (props?: PropsWithoutRef<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>) => Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof InputHTMLAttributes<HTMLInputElement>>;
     getTagListBoxProps: (props?: HTMLAttributes<HTMLElement> | undefined) => {
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -347,7 +347,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "false" | "time" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled': boolean | "true" | "false";
@@ -356,7 +356,7 @@ 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" | "false" | "dialog" | "menu" | "listbox" | "tree" | "grid" | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
         'aria-hidden'?: boolean | "true" | "false" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -558,7 +558,7 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
     tags: T[];
     optionItems: T[];
     inputValue: string;
-    onInputChange: (newValue: string, open?: boolean, e?: ChangeEvent<{}> | undefined) => boolean;
+    onInputChange: (newValue: string, open?: boolean, e?: ChangeEvent<{}>) => boolean;
     keepHighlightedIndex: () => void;
     isKeepHighlightedIndex: boolean;
     setHighlightedIndex: (index: number, { reRender, reason, }: {
@@ -566,9 +566,9 @@ export declare const useAutocomplete: <T extends SuggestionListItemData = Sugges
         reason?: import("./SuggestionList").SuggestionListHighlightChangeReason;
     }) => void;
     changeHighlightedIndexReason: import("./SuggestionList").SuggestionListHighlightChangeReason;
-    closeMenu: (e?: ChangeEvent<{}> | undefined, reason?: AutocompleteCloseReason | undefined) => void;
-    openMenu: (e?: ChangeEvent<{}> | undefined) => void;
-    reset: (isFocus?: boolean | undefined) => void;
+    closeMenu: (e?: ChangeEvent<{}>, reason?: AutocompleteCloseReason) => void;
+    openMenu: (e?: ChangeEvent<{}>) => void;
+    reset: (isFocus?: boolean) => void;
     forceUpdate: () => void;
     optionsGroupList: import("./SuggestionList").SuggestionListGroupedOption<T>[];
     focused: boolean | undefined;

package/src/Autocomplete/useAutocompleteTag.d.ts

@@ -3,14 +3,14 @@ import { HTMLDataAttribute } from '@ringcentral/spring-base';
 import { SuggestionListItemData, UseSuggestionListParams } from './SuggestionList';
 export declare function stringArrToRegExp(keyToTags?: string[]): RegExp;
 export declare const DEFAULT_KEY_TO_CHIPS: string[];
-export declare type GetTagProps<T> = PropsWithChildren<{
+export type GetTagProps<T> = PropsWithChildren<{
     index: number;
     selectedItem: T;
     onDelete?: React.EventHandler<any>;
     label?: string;
     disabled?: boolean;
 } & PropsWithoutRef<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, 'color'>> & HTMLDataAttribute>;
-export declare type UseAutocompleteTagParams<T extends SuggestionListItemData = SuggestionListItemData> = {
+export type UseAutocompleteTagParams<T extends SuggestionListItemData = SuggestionListItemData> = {
     id: string;
     inputRef: React.RefObject<HTMLInputElement>;
     wrapperRef?: React.RefObject<HTMLDivElement>;
@@ -34,10 +34,10 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
     focusedIndex: number;
     onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => boolean;
     checkAndAddFreeSolo: ({ selectedItem, value, }?: {
-        selectedItem?: T | null | undefined;
-        value?: string | undefined;
-    }, e?: ChangeEvent<{}> | undefined) => boolean;
-    getTagListBoxProps: (props?: HTMLAttributes<HTMLElement> | undefined) => {
+        selectedItem?: T | null;
+        value?: string;
+    }, e?: ChangeEvent<{}>) => boolean;
+    getTagListBoxProps: (props?: HTMLAttributes<HTMLElement>) => {
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -91,7 +91,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "false" | "time" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled': boolean | "true" | "false";
@@ -100,7 +100,7 @@ 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" | "false" | "dialog" | "menu" | "listbox" | "tree" | "grid" | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
         'aria-hidden'?: boolean | "true" | "false" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -305,16 +305,16 @@ 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;
-        'aria-hidden'?: boolean | "true" | "false" | undefined;
-        dir?: string | undefined;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
         'aria-live'?: "assertive" | "off" | "polite" | undefined;
         'aria-atomic'?: boolean | "true" | "false" | undefined;
+        'aria-hidden'?: boolean | "true" | "false" | undefined;
         role?: string | undefined;
         className?: string | undefined;
         accessKey?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
         lang?: string | undefined;
@@ -364,7 +364,7 @@ export declare const useAutocompleteTag: <T extends SuggestionListItemData = Sug
         'aria-colindex'?: number | undefined;
         'aria-colspan'?: number | undefined;
         'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "false" | "time" | "step" | "date" | "page" | "location" | undefined;
+        'aria-current'?: boolean | "true" | "time" | "false" | "step" | "date" | "page" | "location" | undefined;
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: boolean | "true" | "false" | undefined;
@@ -373,7 +373,7 @@ 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" | "false" | "dialog" | "menu" | "listbox" | "tree" | "grid" | undefined;
+        'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
         'aria-label'?: string | undefined;

package/src/Avatar/Avatar.classes.d.ts

@@ -1,10 +1,10 @@
 import type { CamelCase } from 'type-fest';
 import type { AvatarSize, AvatarVariant } from './Avatar.type';
-export declare type AvatarSlot = 'content' | 'img' | 'indicator' | 'hover-tint' | 'shape';
-export declare type AvatarColors = 'default' | 'primary';
-export declare type BaseAvatarClassesKey = 'root' | 'clickable' | 'indicator' | AvatarVariant | AvatarSlot | AvatarSize | AvatarColors | `${AvatarSize}-${AvatarSlot}` | `${AvatarVariant}-${AvatarSlot}` | `${AvatarVariant}-${AvatarColors}` | `clickable-${AvatarSlot}` | `clickable-${AvatarVariant}` | `clickable-hover-tint-${AvatarColors}-${AvatarVariant}`;
-export declare type AvatarClassesKey = CamelCase<BaseAvatarClassesKey>;
-export declare type AvatarClasses = {
+export type AvatarSlot = 'content' | 'img' | 'indicator' | 'hover-tint' | 'shape';
+export type AvatarColors = 'default' | 'primary';
+export type BaseAvatarClassesKey = 'root' | 'clickable' | 'indicator' | AvatarVariant | AvatarSlot | AvatarSize | AvatarColors | `${AvatarSize}-${AvatarSlot}` | `${AvatarVariant}-${AvatarSlot}` | `${AvatarVariant}-${AvatarColors}` | `clickable-${AvatarSlot}` | `clickable-${AvatarVariant}` | `clickable-hover-tint-${AvatarColors}-${AvatarVariant}`;
+export type AvatarClassesKey = CamelCase<BaseAvatarClassesKey>;
+export type AvatarClasses = {
     name: 'avatar';
     classes: BaseAvatarClassesKey;
 };

package/src/Avatar/Avatar.type.d.ts

@@ -3,11 +3,11 @@ import { ComponentProps, ComponentType, ElementRef, ElementType, ReactNode, Ref
 import { OverlapProps } from '../Overlap';
 import { StatusIndicatorProps } from '../StatusIndicator';
 import { AvatarClassesKey } from './Avatar.classes';
-declare type DefaultElementType = 'div';
-declare type ExtendElementType = ElementType;
-export declare type AvatarVariant = 'circle' | 'squircle';
-export declare type AvatarSize = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
-declare type BaseAvatarProps = WithClassesProps<{
+type DefaultElementType = 'div';
+type ExtendElementType = ElementType;
+export type AvatarVariant = 'circle' | 'squircle';
+export type AvatarSize = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
+type BaseAvatarProps = WithClassesProps<{
     alt?: string;
     children?: ReactNode;
     imgProps?: Omit<ComponentProps<'img'>, 'alt' | 'src' | 'srcSet'>;
@@ -25,8 +25,8 @@ declare type BaseAvatarProps = WithClassesProps<{
     rootProps?: Omit<ComponentProps<'div'>, 'className' | 'classes'> & Partial<OverlapProps>;
     disabled?: boolean;
 } & Pick<UseFocusVisibleOptions, 'onFocusVisible'>, AvatarClassesKey>;
-export declare type AvatarProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAvatarProps, T>;
-export declare type AvatarComponent = OverridableComponent<{
+export type AvatarProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAvatarProps, T>;
+export type AvatarComponent = OverridableComponent<{
     props: BaseAvatarProps;
     defaultComponent: DefaultElementType;
 }>;

package/src/AvatarGroup/AvatarGroup.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseAvatarGroupClassesKey = 'root' | 'item';
-export declare type AvatarGroupClassesKey = CamelCase<BaseAvatarGroupClassesKey>;
-export declare type AvatarGroupClasses = {
+export type BaseAvatarGroupClassesKey = 'root' | 'item';
+export type AvatarGroupClassesKey = CamelCase<BaseAvatarGroupClassesKey>;
+export type AvatarGroupClasses = {
     name: 'avatar-group';
     classes: BaseAvatarGroupClassesKey;
 };

package/src/AvatarGroup/AvatarGroup.type.d.ts

@@ -1,17 +1,17 @@
 import { WithClassesProps, OverridableComponent, OverridableProps } from '@ringcentral/spring-base';
 import { ReactNode } from 'react';
 import { AvatarGroupClassesKey } from './AvatarGroup.classes';
-declare type DefaultElementType = 'div';
-declare type ExtendElementType = 'div' | 'button';
-declare type BaseAvatarGroupProps = WithClassesProps<{
+type DefaultElementType = 'div';
+type ExtendElementType = 'div' | 'button';
+type BaseAvatarGroupProps = WithClassesProps<{
     children: ReactNode;
 }, AvatarGroupClassesKey>;
-export declare type AvatarGroupProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAvatarGroupProps, T>;
-export declare type AvatarGroupComponent = OverridableComponent<{
+export type AvatarGroupProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAvatarGroupProps, T>;
+export type AvatarGroupComponent = OverridableComponent<{
     props: BaseAvatarGroupProps;
     defaultComponent: DefaultElementType;
 }>;
-export declare type AvatarGroupContextValue = {
+export type AvatarGroupContextValue = {
     size?: 'small';
     className?: string;
 };

package/src/Backdrop/Backdrop.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseBackdropClassesKey = 'root' | 'transparent';
-export declare type BackdropClassesKey = CamelCase<BaseBackdropClassesKey>;
-export declare type BackdropClasses = {
+export type BaseBackdropClassesKey = 'root' | 'transparent';
+export type BackdropClassesKey = CamelCase<BaseBackdropClassesKey>;
+export type BackdropClasses = {
     name: 'backdrop';
     classes: BaseBackdropClassesKey;
 };

package/src/Backdrop/Backdrop.type.d.ts

@@ -1,5 +1,5 @@
 import { StandardProps } from '@ringcentral/spring-base';
 import { BackdropClassesKey } from './Backdrop.classes';
-export declare type BackdropProps = StandardProps<{
+export type BackdropProps = StandardProps<{
     isTransparent?: boolean;
 }, BackdropClassesKey, 'div'>;

package/src/Badge/Badge.classes.d.ts

@@ -1,10 +1,10 @@
 import type { CamelCase, KebabCase } from 'type-fest';
 import type { BadgeAnchorOrigin, BadgeColor, BadgeOverlap, BadgeSize, BadgeType, BadgeVariant } from './Badge.type';
-declare type BadgeSlot = 'content';
-export declare type BadgeAnchorOriginClasses = KebabCase<BadgeAnchorOrigin>;
-export declare type BaseBadgeClassesKey = 'root' | 'absolute' | BadgeType | BadgeSlot | BadgeVariant | BadgeColor | BadgeSize | BadgeOverlap | BadgeAnchorOriginClasses | `${BadgeType}-${BadgeSize}` | `${BadgeType}-${BadgeColor}` | `${BadgeType}-${BadgeVariant}` | `${BadgeType}-${BadgeVariant}-${BadgeSize}` | `${BadgeOverlap}-${BadgeAnchorOriginClasses}`;
-export declare type BadgeClassesKey = CamelCase<BaseBadgeClassesKey>;
-export declare type BadgeClasses = {
+type BadgeSlot = 'content';
+export type BadgeAnchorOriginClasses = KebabCase<BadgeAnchorOrigin>;
+export type BaseBadgeClassesKey = 'root' | 'absolute' | BadgeType | BadgeSlot | BadgeVariant | BadgeColor | BadgeSize | BadgeOverlap | BadgeAnchorOriginClasses | `${BadgeType}-${BadgeSize}` | `${BadgeType}-${BadgeColor}` | `${BadgeType}-${BadgeVariant}` | `${BadgeType}-${BadgeVariant}-${BadgeSize}` | `${BadgeOverlap}-${BadgeAnchorOriginClasses}`;
+export type BadgeClassesKey = CamelCase<BaseBadgeClassesKey>;
+export type BadgeClasses = {
     name: 'badge';
     classes: BaseBadgeClassesKey;
 };

package/src/Badge/Badge.type.d.ts

@@ -1,13 +1,13 @@
 import { UseBadgeParameters } from '@mui/base';
 import { StandardProps } from '@ringcentral/spring-base';
 import { BadgeClassesKey } from './Badge.classes';
-export declare type BadgeVariant = 'contained' | 'outlined';
-export declare type BadgeColor = 'danger' | 'primary' | 'success' | 'warning' | 'secondary';
-export declare type BadgeSize = 'small' | 'medium';
-export declare type BadgeOverlap = 'rectangular' | 'circular';
-export declare type BadgeAnchorOrigin = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-export declare type BadgeType = 'standard' | 'dot';
-export declare type BadgeProps = StandardProps<{
+export type BadgeVariant = 'contained' | 'outlined';
+export type BadgeColor = 'danger' | 'primary' | 'success' | 'warning' | 'secondary';
+export type BadgeSize = 'small' | 'medium';
+export type BadgeOverlap = 'rectangular' | 'circular';
+export type BadgeAnchorOrigin = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export type BadgeType = 'standard' | 'dot';
+export type BadgeProps = StandardProps<{
     variant?: BadgeVariant;
     type?: BadgeType;
     count?: number | string;

package/src/Block/Block.classes.d.ts

@@ -1,8 +1,8 @@
 import type { CamelCase } from 'type-fest';
 import type { BlockBorderRadius, BlockColor } from './Block.type';
-export declare type BaseBlockClassesKey = 'root' | 'row' | 'padding' | 'bordered' | `border-radius-${BlockBorderRadius}` | `border-radius-${BlockBorderRadius}` | `border-radius-${BlockBorderRadius}` | `border-radius-${BlockBorderRadius}` | BlockColor | 'hide-background';
-export declare type BlockClassesKey = CamelCase<BaseBlockClassesKey>;
-export declare type BlockClasses = {
+export type BaseBlockClassesKey = 'root' | 'row' | 'padding' | 'bordered' | `border-radius-${BlockBorderRadius}` | `border-radius-${BlockBorderRadius}` | `border-radius-${BlockBorderRadius}` | `border-radius-${BlockBorderRadius}` | BlockColor | 'hide-background';
+export type BlockClassesKey = CamelCase<BaseBlockClassesKey>;
+export type BlockClasses = {
     name: 'block';
     classes: BaseBlockClassesKey;
 };

package/src/Block/Block.type.d.ts

@@ -1,10 +1,10 @@
 import { ElementType } from 'react';
 import { OverridableComponent, OverridableProps, WithClassesProps } from '@ringcentral/spring-base';
 import { BlockClassesKey } from './Block.classes';
-export declare type BlockBorderRadius = 'none' | 'xsmall' | 'small' | 'medium';
-export declare type BlockColor = 'default' | 'neutral';
-declare type DefaultElementType = 'div';
-declare type BaseBlockProps = WithClassesProps<{
+export type BlockBorderRadius = 'none' | 'xsmall' | 'small' | 'medium';
+export type BlockColor = 'default' | 'neutral';
+type DefaultElementType = 'div';
+type BaseBlockProps = WithClassesProps<{
     row?: boolean;
     padding?: boolean;
     bordered?: boolean;
@@ -12,8 +12,8 @@ declare type BaseBlockProps = WithClassesProps<{
     color?: BlockColor;
     background?: boolean;
 }, BlockClassesKey>;
-export declare type BlockProps<T extends ElementType = DefaultElementType> = OverridableProps<BaseBlockProps, T>;
-export declare type BlockComponent = OverridableComponent<{
+export type BlockProps<T extends ElementType = DefaultElementType> = OverridableProps<BaseBlockProps, T>;
+export type BlockComponent = OverridableComponent<{
     props: BaseBlockProps;
     defaultComponent: DefaultElementType;
 }>;

package/src/BlockHeader/BlockHeader.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseBlockHeaderClassesKey = 'root' | 'title' | 'end-slot' | 'divider';
-export declare type BlockHeaderClassesKey = CamelCase<BaseBlockHeaderClassesKey>;
-export declare type BlockHeaderClasses = {
+export type BaseBlockHeaderClassesKey = 'root' | 'title' | 'end-slot' | 'divider';
+export type BlockHeaderClassesKey = CamelCase<BaseBlockHeaderClassesKey>;
+export type BlockHeaderClasses = {
     name: 'block-header';
     classes: BaseBlockHeaderClassesKey;
 };

package/src/BlockHeader/BlockHeader.type.d.ts

@@ -1,13 +1,13 @@
 import { ElementType, ReactNode } from 'react';
 import { OverridableComponent, OverridableProps, WithClassesProps } from '@ringcentral/spring-base';
 import { BlockHeaderClassesKey } from './BlockHeader.classes';
-declare type DefaultElementType = 'div';
-declare type BaseBlockHeaderProps = WithClassesProps<{
+type DefaultElementType = 'div';
+type BaseBlockHeaderProps = WithClassesProps<{
     endSlot?: ReactNode;
     divider?: boolean;
 }, BlockHeaderClassesKey>;
-export declare type BlockHeaderProps<T extends ElementType = DefaultElementType> = OverridableProps<BaseBlockHeaderProps, T>;
-export declare type BlockHeaderComponent = OverridableComponent<{
+export type BlockHeaderProps<T extends ElementType = DefaultElementType> = OverridableProps<BaseBlockHeaderProps, T>;
+export type BlockHeaderComponent = OverridableComponent<{
     props: BaseBlockHeaderProps;
     defaultComponent: DefaultElementType;
 }>;

package/src/BottomNavigation/BottomNavigation.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseBottomNavigationClassesKey = 'root' | 'full-width' | 'item-wrapper' | 'description' | 'empty-slot';
-export declare type BottomNavigationClassesKey = CamelCase<BaseBottomNavigationClassesKey>;
-export declare type BottomNavigationClasses = {
+export type BaseBottomNavigationClassesKey = 'root' | 'full-width' | 'item-wrapper' | 'description' | 'empty-slot';
+export type BottomNavigationClassesKey = CamelCase<BaseBottomNavigationClassesKey>;
+export type BottomNavigationClasses = {
     name: 'bottom-navigation';
     classes: BaseBottomNavigationClassesKey;
 };

package/src/BottomNavigation/BottomNavigation.type.d.ts

@@ -3,8 +3,8 @@ import { HTMLMotionProps } from 'framer-motion';
 import { StandardProps } from '@ringcentral/spring-base';
 import { BottomNavigationItemProps } from '../BottomNavigationItem';
 import { BottomNavigationClassesKey } from './BottomNavigation.classes';
-export declare type CollapseReason = 'EscapeKeyDown' | 'TabBlur' | 'ClickAway' | 'ToggleMore' | 'ItemSelected';
-export declare type BottomNavigationProps<T = string> = StandardProps<{
+export type CollapseReason = 'EscapeKeyDown' | 'TabBlur' | 'ClickAway' | 'ToggleMore' | 'ItemSelected';
+export type BottomNavigationProps<T = string> = StandardProps<{
     defaultValue?: T;
     value?: T;
     defaultData?: {

package/src/BottomNavigation/BottomNavigationContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type BottomNavigationContextValue<T = string> = {
+export type BottomNavigationContextValue<T = string> = {
     value: T;
     onSelected: (e: React.SyntheticEvent, newValue: T) => void;
     expanded?: boolean;

package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseBottomNavigationGroupClassesKey = 'root';
-export declare type BottomNavigationGroupClassesKey = CamelCase<BaseBottomNavigationGroupClassesKey>;
-export declare type BottomNavigationGroupClasses = {
+export type BaseBottomNavigationGroupClassesKey = 'root';
+export type BottomNavigationGroupClassesKey = CamelCase<BaseBottomNavigationGroupClassesKey>;
+export type BottomNavigationGroupClasses = {
     name: 'bottom-navigation-group';
     classes: BaseBottomNavigationGroupClassesKey;
 };

package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.type.d.ts

@@ -1,3 +1,3 @@
 import { StandardProps } from '@ringcentral/spring-base';
 import { BottomNavigationGroupClassesKey } from './BottomNavigationGroup.classes';
-export declare type BottomNavigationGroupProps = StandardProps<{}, BottomNavigationGroupClassesKey, 'div'>;
+export type BottomNavigationGroupProps = StandardProps<{}, BottomNavigationGroupClassesKey, 'div'>;

package/src/BottomNavigationItem/BottomNavigationItem.classes.d.ts

@@ -1,7 +1,7 @@
 import type { CamelCase } from 'type-fest';
-export declare type BaseBottomNavigationItemClassesKey = 'root' | 'button' | 'activated';
-export declare type BottomNavigationItemClassesKey = CamelCase<BaseBottomNavigationItemClassesKey>;
-export declare type BottomNavigationItemClasses = {
+export type BaseBottomNavigationItemClassesKey = 'root' | 'button' | 'activated';
+export type BottomNavigationItemClassesKey = CamelCase<BaseBottomNavigationItemClassesKey>;
+export type BottomNavigationItemClasses = {
     name: 'bottom-navigation-item';
     classes: BaseBottomNavigationItemClassesKey;
 };

package/src/BottomNavigationItem/BottomNavigationItem.type.d.ts

@@ -4,7 +4,7 @@ import { BadgeProps } from '../Badge';
 import { IconButtonProps } from '../IconButton';
 import { TooltipProps } from '../Tooltip';
 import { BottomNavigationItemClassesKey } from './BottomNavigationItem.classes';
-export declare type BottomNavigationItemProps<T = string> = StandardProps<{
+export type BottomNavigationItemProps<T = string> = StandardProps<{
     value?: T;
     symbol: ComponentType;
     activatedSymbol?: ComponentType;

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

@@ -1,8 +1,8 @@
 import type { CamelCase } from 'type-fest';
 import { ButtonColor, ButtonSize, ButtonVariant } from './Button.type';
-export declare 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 declare type ButtonClassesKey = CamelCase<BaseButtonClassesKey>;
-export declare type ButtonClasses = {
+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 ButtonClassesKey = CamelCase<BaseButtonClassesKey>;
+export type ButtonClasses = {
     name: 'button';
     classes: BaseButtonClassesKey;
 };