@ringcentral/spring-ui 1.7.0

package/src/Link/Link.type.d.ts

@@ -0,0 +1,22 @@
+import { OverridableComponent, OverridableProps, UseFocusVisibleOptions, WithClassesProps } from '@ringcentral/spring-base';
+import { LinkClassesKey } from './Link.classes';
+declare type DefaultElementType = 'a';
+export declare type BaseLinkProps = WithClassesProps<{
+    /**
+     * variant of Link
+     *
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * underline behavior of Link
+     * @default 'hover'
+     */
+    underline?: 'none' | 'hover' | 'always';
+} & Pick<UseFocusVisibleOptions, 'onFocusVisible'>, LinkClassesKey>;
+export declare type LinkProps = OverridableProps<BaseLinkProps, DefaultElementType>;
+export declare type LinkComponent = OverridableComponent<{
+    props: BaseLinkProps;
+    defaultComponent: DefaultElementType;
+}>;
+export {};

package/src/Link/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Link.classes';
+export * from './Link';
+export * from './Link.type';

package/src/List/List.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseListClassesKey = 'root';
+export declare type ListClassesKey = CamelCase<BaseListClassesKey>;
+export declare type ListClasses = {
+    name: 'list';
+    classes: BaseListClassesKey;
+};

package/src/List/List.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ListProps } from './List.type';
+import listStyle from './styles/List.css';
+declare const List: import("react").ForwardRefExoticComponent<Pick<ListProps, "classes" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../ListNavigation").UseListNavigationProps> & import("react").RefAttributes<HTMLDivElement>>;
+export { List, listStyle };

package/src/List/List.type.d.ts

@@ -0,0 +1,4 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { UseListNavigationProps } from '../ListNavigation';
+import { ListClassesKey } from './List.classes';
+export declare type ListProps = StandardProps<UseListNavigationProps, ListClassesKey, 'div', '', {}>;

package/src/List/index.d.ts

@@ -0,0 +1,3 @@
+export * from './List.classes';
+export * from './List';
+export * from './List.type';

package/src/ListItem/HoverActions.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+import { SlideInProps } from '../Animation';
+declare type HoverActionsProps = {
+    show?: boolean;
+    instantTransition?: boolean;
+} & SlideInProps;
+export declare const HoverActions: FunctionComponent<HoverActionsProps>;
+export {};

package/src/ListItem/ListItem.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseListItemClassesKey = 'root' | 'content' | 'divider' | 'container' | 'hover-actions' | 'small' | 'large' | 'auto' | 'highlighted' | 'hoverable' | 'clickable';
+export declare type ListItemClassesKey = CamelCase<BaseListItemClassesKey>;
+export declare type ListItemClasses = {
+    name: 'list-item';
+    classes: BaseListItemClassesKey;
+};

package/src/ListItem/ListItem.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ListItemProps } from './ListItem.type';
+import listItemStyle from './styles/ListItem.css';
+declare const ListItem: import("react").ForwardRefExoticComponent<Pick<ListItemProps, "classes" | "focused" | "selected" | "dragged" | "key" | "size" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "divider" | "autoFocus" | "highlighted" | "clickable" | "hoverable" | "hoverActions" | "alwaysShowHoverActions" | "instantHoverActions"> & import("react").RefAttributes<HTMLDivElement>>;
+export { ListItem, listItemStyle };

package/src/ListItem/ListItem.type.d.ts

@@ -0,0 +1,58 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ReactNode } from 'react';
+import { ListItemClassesKey } from './ListItem.classes';
+export declare type ListItemProps = StandardProps<{
+    hoverActions?: ReactNode;
+    size?: 'small' | 'large' | 'auto';
+    /**
+     * If true, show listItem divider
+     * @default true
+     */
+    divider?: boolean;
+    /**
+     * If true, show dragged style
+     * @default false
+     */
+    dragged?: boolean;
+    /**
+     * If true, show selected style
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * If true, shows the focused state of the item by default.
+     * @default undefined
+     */
+    focused?: boolean;
+    /**
+     * Auto focus item when mounted.
+     */
+    autoFocus?: boolean;
+    /**
+     * If false, no style about `active`.
+     *
+     * If unset and no click handler, it will be false.
+     */
+    clickable?: boolean;
+    /**
+     * If false, no style about `active`
+     * @default true
+     */
+    hoverable?: boolean;
+    /**
+     * If true, shows the hover state of the item by default.
+     * @default undefined
+     */
+    highlighted?: boolean;
+    /**
+     * If true, hover actions will always show
+     * @default false
+     */
+    alwaysShowHoverActions?: boolean;
+    /**
+     * If true, the transition of the hover actions will show instantly.
+     * If false or unset, it will use the default transition.
+     * @default false
+     */
+    instantHoverActions?: boolean;
+}, ListItemClassesKey, 'div'>;

package/src/ListItem/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HoverActions';
+export * from './ListItem.classes';
+export * from './ListItem';
+export * from './ListItem.type';

package/src/ListItemText/ListItemText.classes.d.ts

@@ -0,0 +1,9 @@
+import type { CamelCase } from 'type-fest';
+import { ListItemTextVariant } from './ListItemText.type';
+export declare type ListItemTextSlot = 'primary-text' | 'secondary-text';
+export declare type BaseListItemTextClassesKey = 'root' | ListItemTextVariant | ListItemTextSlot | `${ListItemTextVariant}-${ListItemTextSlot}`;
+export declare type ListItemTextClassesKey = CamelCase<BaseListItemTextClassesKey>;
+export declare type ListItemTextClasses = {
+    name: 'list-item-text';
+    classes: BaseListItemTextClassesKey;
+};

package/src/ListItemText/ListItemText.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ListItemTextProps } from './ListItemText.type';
+import listItemTextStyle from './styles/ListItemText.css';
+declare const ListItemText: import("react").ForwardRefExoticComponent<Pick<ListItemTextProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "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" | "onMouseDown" | "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" | "primary" | "secondary" | `data-${string}` | "variant" | "primaryText" | "secondaryText"> & import("react").RefAttributes<HTMLDivElement>>;
+export { ListItemText, listItemTextStyle };

package/src/ListItemText/ListItemText.type.d.ts

@@ -0,0 +1,33 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ReactNode } from 'react';
+import { ListItemTextClassesKey } from './ListItemText.classes';
+export declare type ListItemTextVariant = 'primary' | 'secondary';
+export declare type ListItemTextProps = StandardProps<{
+    /**
+     * The primary content element. This is used in the same way as the `children` prop.
+     * @deprecated Use the `primary` prop instead.
+     */
+    primaryText?: ReactNode;
+    /**
+     * The primary content element. This is used in the same way as the `children` prop.
+     */
+    primary?: ReactNode;
+    /**
+     * The primary content element. This is used in the same way as the `primary` prop.
+     */
+    children?: ReactNode;
+    /**
+     * The secondary content element.
+     * @deprecated Use the `secondary` prop instead.
+     */
+    secondaryText?: ReactNode;
+    /**
+     * The secondary content element.
+     */
+    secondary?: ReactNode;
+    /**
+     * The variant of the component. When the variant is `secondary`, only the `primary` prop is supported.
+     * @default primary
+     */
+    variant?: ListItemTextVariant;
+}, ListItemTextClassesKey, 'div'>;

package/src/ListItemText/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ListItemText.classes';
+export * from './ListItemText';
+export * from './ListItemText.type';

package/src/ListNavigation/ListNavigationContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type ListNavigationContextValue = {
+    onTab: () => void;
+    onShiftTab: () => void;
+    updateFocusedItem: (el: HTMLElement | null) => void;
+};
+export declare const ListNavigationContext: import("react").Context<ListNavigationContextValue | null>;
+export declare const useListNavigationContext: () => ListNavigationContextValue | null;

package/src/ListNavigation/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ListNavigationContext';
+export * from './useItemNavigation';
+export * from './useListNavigation';

package/src/ListNavigation/useItemNavigation.d.ts

@@ -0,0 +1,9 @@
+import { FocusEvent, KeyboardEvent } from 'react';
+export declare const useItemNavigation: () => {
+    keyboardNavHandlers: {
+        onKeyDown: (e: KeyboardEvent) => void;
+        onFocus: (e: FocusEvent) => void;
+        onBlur: (e: FocusEvent) => void;
+    };
+    itemRef: import("react").RefObject<HTMLDivElement>;
+} | null;

package/src/ListNavigation/useListNavigation.d.ts

@@ -0,0 +1,49 @@
+import { FocusEventHandler, KeyboardEventHandler, ReactNode, Ref } from 'react';
+export declare type SearchElementOption = {
+    baseElement: HTMLElement;
+    direction: 'up' | 'down';
+} | 'first' | 'last';
+export declare type SearchAndFocusItemHandler = (searchElementOption: SearchElementOption, helperElements: {
+    list: HTMLElement;
+    sentinelEnd: HTMLElement;
+}) => {
+    focused: boolean;
+    isAfterBaseElement?: boolean;
+};
+export declare type UseListNavigationActions = {
+    /**
+     * Focus to first focusable item. If no focusable item, will focus to list.
+     *
+     * Invoking native focus function of list element can also focus first focusable item,
+     * but it's relatedTarget of focus event will be list element.
+     */
+    focus: () => void;
+};
+export declare type UseListNavigationProps = {
+    /**
+     * If true, will prevent list container scroll when move focus via press
+     * ArrowDown or ArrowUp.
+     *
+     * @default true
+     */
+    preventContainerScroll?: boolean;
+    /**
+     * Custom focus item logic. It is useful for virtual list.
+     * Because virtual list will not render full dom element.
+     */
+    searchAndFocusItemHandler?: SearchAndFocusItemHandler;
+    actions?: Ref<UseListNavigationActions>;
+};
+export declare const useListNavigation: (props: UseListNavigationProps) => {
+    renderItems: (items: ReactNode) => JSX.Element;
+    renderTabBoundary: () => JSX.Element;
+    getListProps: (otherHandler: {
+        onKeyDown?: KeyboardEventHandler;
+        onFocus?: FocusEventHandler;
+    }) => {
+        tabIndex: number;
+        onKeyDown: KeyboardEventHandler<Element>;
+        onFocus: FocusEventHandler<Element>;
+    };
+    listRef: import("react").RefObject<HTMLDivElement>;
+};

package/src/Menu/Menu.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuClassesKey = 'root' | 'paper';
+export declare type MenuClassesKey = CamelCase<BaseMenuClassesKey>;
+export declare type MenuClasses = {
+    name: 'menu';
+    classes: BaseMenuClassesKey;
+};

package/src/Menu/Menu.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuProps } from './Menu.type';
+import menuStyle from './styles/Menu.css';
+declare const Menu: import("react").ForwardRefExoticComponent<Pick<MenuProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "shadow" | "isEnabled" | "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" | "onMouseDown" | "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}` | "variant" | "placement" | "open" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "blocking" | "motionProps" | "transformOrigin" | "autoFocus" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock" | "anchorEl" | "actions" | "PopperProps" | "PopperPaperProps" | "bordered" | "onAvailableHeightChange" | "popperRef"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Menu, menuStyle };

package/src/Menu/Menu.type.d.ts

@@ -0,0 +1,19 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { SyntheticEvent } from 'react';
+import { Popover, PopoverCloseReason } from '../Popover';
+import { MenuClassesKey } from './Menu.classes';
+export declare type MenuProps = StandardProps<{
+    /**
+     * Triggered when focus leaves the menu and the menu should close.
+     */
+    onClose?: (event: SyntheticEvent<HTMLElement> | undefined, reason: PopoverCloseReason | 'Other') => void;
+    /**
+     * Controls whether the menu is displayed.
+     */
+    open: boolean;
+    /**
+     * If true, auto focus to menu list
+     * @default true
+     */
+    autoFocus?: boolean;
+}, MenuClassesKey, typeof Popover>;

package/src/Menu/MenuContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type MenuContextValue = {
+    close: () => void;
+    autoFocus: boolean;
+};
+export declare const MenuContext: import("react").Context<MenuContextValue | null>;
+export declare const useMenuContext: () => MenuContextValue | null;

package/src/Menu/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Menu.classes';
+export * from './Menu';
+export * from './Menu.type';
+export * from './MenuContext';

package/src/MenuActions/MenuActions.classes.d.ts

@@ -0,0 +1,13 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuActionsClassesKey = 'root';
+export declare type MenuActionsClassesKey = CamelCase<BaseMenuActionsClassesKey>;
+export declare type MenuActionsClasses = {
+    name: 'menu-actions';
+    classes: BaseMenuActionsClassesKey;
+};
+export declare type BaseMenuActionsGroupClassesKey = 'root';
+export declare type MenuActionsGroupClassesKey = CamelCase<BaseMenuActionsGroupClassesKey>;
+export declare type MenuActionsGroupClasses = {
+    name: 'menu-actions-group';
+    classes: BaseMenuActionsClassesKey;
+};

package/src/MenuActions/MenuActions.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { MenuActionsProps } from './MenuActions.type';
+import menuActionsStyle from './styles/MenuActions.css';
+declare const MenuActions: import("react").ForwardRefExoticComponent<Pick<MenuActionsProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+declare const MenuActionsGroup: {
+    ({ className, ...rest }: ComponentProps<'div'>): JSX.Element;
+    displayName: string;
+};
+export { MenuActions, MenuActionsGroup, menuActionsStyle };

package/src/MenuActions/MenuActions.type.d.ts

@@ -0,0 +1,3 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { MenuActionsClassesKey } from './MenuActions.classes';
+export declare type MenuActionsProps = StandardProps<{}, MenuActionsClassesKey, 'div'>;

package/src/MenuActions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MenuActions.classes';
+export * from './MenuActions';
+export * from './MenuActions.type';

package/src/MenuDivider/MenuDivider.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuDividerClassesKey = 'root';
+export declare type MenuDividerClassesKey = CamelCase<BaseMenuDividerClassesKey>;
+export declare type MenuDividerClasses = {
+    name: 'menu-divider';
+    classes: BaseMenuDividerClassesKey;
+};

package/src/MenuDivider/MenuDivider.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuDividerProps } from './MenuDivider.type';
+import menuDividerStyle from './styles/MenuDivider.css';
+declare const MenuDivider: import("react").ForwardRefExoticComponent<Pick<MenuDividerProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLHRElement>> & import("react").RefAttributes<HTMLHRElement>>;
+export { MenuDivider, menuDividerStyle };

package/src/MenuDivider/MenuDivider.type.d.ts

@@ -0,0 +1,3 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { MenuDividerClassesKey } from './MenuDivider.classes';
+export declare type MenuDividerProps = StandardProps<{}, MenuDividerClassesKey, 'hr'>;

package/src/MenuDivider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MenuDivider.classes';
+export * from './MenuDivider';
+export * from './MenuDivider.type';

package/src/MenuFooter/MenuFooter.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuFooterClassesKey = 'root';
+export declare type MenuFooterClassesKey = CamelCase<BaseMenuFooterClassesKey>;
+export declare type MenuFooterClasses = {
+    name: 'menu-footer';
+    classes: BaseMenuFooterClassesKey;
+};

package/src/MenuFooter/MenuFooter.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuFooterProps } from './MenuFooter.type';
+import menuFooterStyle from './styles/MenuFooter.css';
+declare const MenuFooter: import("react").ForwardRefExoticComponent<Pick<MenuFooterProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "divider"> & import("react").RefAttributes<HTMLDivElement>>;
+export { MenuFooter, menuFooterStyle };

package/src/MenuFooter/MenuFooter.type.d.ts

@@ -0,0 +1,9 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { MenuFooterClassesKey } from './MenuFooter.classes';
+export declare type MenuFooterProps = StandardProps<{
+    /**
+     * If true, show divider
+     * @default true
+     */
+    divider?: boolean;
+}, MenuFooterClassesKey, 'div'>;

package/src/MenuFooter/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MenuFooter.classes';
+export * from './MenuFooter';
+export * from './MenuFooter.type';

package/src/MenuHeader/MenuHeader.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuHeaderClassesKey = 'root' | 'title' | 'start' | 'end';
+export declare type MenuHeaderClassesKey = CamelCase<BaseMenuHeaderClassesKey>;
+export declare type MenuHeaderClasses = {
+    name: 'menu-header';
+    classes: BaseMenuHeaderClassesKey;
+};

package/src/MenuHeader/MenuHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuHeaderProps } from './MenuHeader.type';
+import menuHeaderStyle from './styles/MenuHeader.css';
+declare const MenuHeader: import("react").ForwardRefExoticComponent<Pick<MenuHeaderProps, "classes" | "key" | "end" | "start" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "divider"> & import("react").RefAttributes<HTMLDivElement>>;
+export { MenuHeader, menuHeaderStyle };

package/src/MenuHeader/MenuHeader.type.d.ts

@@ -0,0 +1,18 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ReactNode } from 'react';
+import { MenuHeaderClassesKey } from './MenuHeader.classes';
+export declare type MenuHeaderProps = StandardProps<{
+    /**
+     * Start slot for putting an IconButton
+     */
+    start?: ReactNode;
+    /**
+     * End slot for putting a IconButton
+     */
+    end?: ReactNode;
+    /**
+     * If true, show divider
+     * @default true
+     */
+    divider?: boolean;
+}, MenuHeaderClassesKey, 'div'>;

package/src/MenuHeader/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MenuHeader.classes';
+export * from './MenuHeader';
+export * from './MenuHeader.type';

package/src/MenuItem/MenuItem.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuItemClassesKey = 'container' | 'select-indicator' | 'nowrap' | 'root' | 'highlighted' | 'selectable' | 'select-dot';
+export declare type MenuItemClassesKey = CamelCase<BaseMenuItemClassesKey>;
+export declare type MenuItemClasses = {
+    name: 'menu-item';
+    classes: BaseMenuItemClassesKey;
+};

package/src/MenuItem/MenuItem.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuItemProps } from './MenuItem.type';
+import menuItemStyle from './styles/MenuItem.css';
+declare const MenuItem: import("react").ForwardRefExoticComponent<Pick<MenuItemProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "focused" | "selected" | "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" | "onMouseDown" | "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" | "highlighted" | "disableFocusOnHover" | "autoClose"> & import("react").RefAttributes<HTMLDivElement>>;
+export { MenuItem, menuItemStyle };

package/src/MenuItem/MenuItem.type.d.ts

@@ -0,0 +1,29 @@
+import { UseMenuItemParameters } from '@mui/base';
+import { StandardProps } from '@ringcentral/spring-base';
+import { MenuItemClassesKey } from './MenuItem.classes';
+export declare type MenuItemProps = StandardProps<{
+    /**
+     * If not undefined, apply selectable styling.
+     * @default undefined
+     */
+    selected?: boolean;
+    /**
+     * If not undefined, shows the hover state of the item by default.
+     * @default undefined
+     */
+    highlighted?: boolean;
+    /**
+     * If not undefined, shows the focused state of the item by default.
+     * @default undefined
+     */
+    focused?: boolean;
+    /**
+     * Auto focus item when mounted.
+     */
+    autoFocus?: boolean;
+    /**
+     * Auto close menu after click item.
+     * @default true
+     */
+    autoClose?: boolean;
+} & Omit<UseMenuItemParameters, 'label' | 'rootRef'>, MenuItemClassesKey, 'div'>;

package/src/MenuItem/MenuItemSelectContext.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare type MenuItemSelectContextValue<T> = {
+    /**
+     * @default 'single'
+     */
+    selectMode: 'single' | 'multiple';
+    value: T;
+    handleSelect: (itemValue: T) => void;
+    getMenuItemProps: (itemValue: T) => {
+        role: string;
+        'aria-checked'?: boolean;
+        'aria-selected'?: boolean;
+        selected: boolean;
+        autoFocus?: boolean;
+    };
+};
+export declare const MenuItemSelectContext: import("react").Context<MenuItemSelectContextValue<any> | null>;
+export declare const useMenuItemSelectContext: <T>() => MenuItemSelectContextValue<T> | null;

package/src/MenuItem/index.d.ts

@@ -0,0 +1,7 @@
+export * from './MenuItem.classes';
+export * from './MenuItem';
+export * from './MenuItem.type';
+export * from './MenuItemSelectContext';
+export * from './useMenuItem';
+export * from './useMenuItemSelect';
+export * from './useVirtualizedMenuItem';

package/src/MenuItem/useMenuItem.d.ts

@@ -0,0 +1,16 @@
+import { FocusEventHandler, KeyboardEventHandler, Ref } from 'react';
+export declare type UseMenuItemProps = {
+    onFocus?: FocusEventHandler;
+    onBlur?: FocusEventHandler;
+    onKeyDown?: KeyboardEventHandler;
+    onKeyUp?: KeyboardEventHandler;
+    onClick?: (event: any) => void;
+    ref?: Ref<any>;
+    disabled?: boolean;
+    autoClose?: boolean;
+};
+export declare const useMenuItem: (props: UseMenuItemProps) => {
+    getRootProps: (otherProps: any) => any;
+    focusVisible: boolean;
+    active: boolean;
+};