@ringcentral/spring-ui 1.7.0

package/src/MenuItem/useMenuItemSelect.d.ts

@@ -0,0 +1,62 @@
+export declare enum Action {
+    SELECT = "select",
+    DESELECT = "deselect"
+}
+export declare type SelectMode = 'single' | 'multiple';
+declare type MultipleModeOnChange<T> = (value: T[], operation: {
+    value: T;
+    action: Action;
+}) => void;
+declare type SingleModeOnChange<T> = (value: T) => void;
+export declare type MenuItemSelectProps<T = unknown, M extends SelectMode = 'single'> = UseMenuItemSelectParameters<T, M>;
+export declare type UseMenuItemSelectParameters<T = unknown, S extends SelectMode = 'single'> = {
+    /**
+     * @default 'menu'
+     */
+    widget?: 'menu' | 'select';
+    /**
+     * The select mode of the menu items.
+     * @default 'single'
+     */
+    selectMode?: 'single' | 'multiple';
+    /**
+     * The selected value.
+     */
+    value?: S extends 'multiple' ? T[] : T;
+    /**
+     * Callback fired when an option is selected.
+     */
+    onChange?: S extends 'multiple' ? MultipleModeOnChange<T> : SingleModeOnChange<T>;
+    /**
+     * If true, auto focus to selected item when mounted
+     * @default true
+     */
+    autoFocus?: boolean;
+    /**
+     * Callback fired when the menu should be closed.
+     * Fired when an already selected item is selected again in single select mode.
+     */
+    onClose?: () => void;
+};
+export declare const useMenuItemSelect: <T = unknown, S extends SelectMode = "single">(props: UseMenuItemSelectParameters<T, S>) => {
+    value: (S extends "multiple" ? T[] : T) | T[] | null;
+    contextValue: {
+        selectMode: "multiple" | "single";
+        value: (S extends "multiple" ? T[] : T) | T[] | null;
+        handleSelect: (itemValue: T) => void;
+        getMenuItemProps: (itemValue: T) => {
+            selected: boolean;
+            autoFocus: boolean;
+            'aria-checked': boolean;
+            'aria-selected'?: undefined;
+            role: string;
+        } | {
+            selected: boolean;
+            autoFocus: boolean;
+            'aria-selected': boolean;
+            'aria-checked'?: undefined;
+            role: string;
+        };
+    };
+};
+export {};

package/src/MenuItem/useVirtualizedMenuItem.d.ts

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

package/src/MenuItemText/MenuItemText.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuItemTextClassesKey = 'root' | 'primary-text' | 'info-text';
+export declare type MenuItemTextClassesKey = CamelCase<BaseMenuItemTextClassesKey>;
+export declare type MenuItemTextClasses = {
+    name: 'menu-item-text';
+    classes: BaseMenuItemTextClassesKey;
+};

package/src/MenuItemText/MenuItemText.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { MenuItemTextProps } from './MenuItemText.type';
+import menuItemTextStyle from './styles/MenuItemText.css';
+declare const MenuItemText: import("react").ForwardRefExoticComponent<Pick<MenuItemTextProps, "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" | `data-${string}` | "info" | "primaryText" | "infoText"> & import("react").RefAttributes<HTMLDivElement>>;
+export { MenuItemText, menuItemTextStyle };

package/src/MenuItemText/MenuItemText.type.d.ts

@@ -0,0 +1,27 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ReactNode } from 'react';
+import { MenuItemTextClassesKey } from './MenuItemText.classes';
+export declare type MenuItemTextProps = 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 info text element.
+     * @deprecated Use the `info` prop instead.
+     */
+    infoText?: ReactNode;
+    /**
+     * The info text element.
+     */
+    info?: ReactNode;
+}, MenuItemTextClassesKey, 'div'>;

package/src/MenuItemText/index.d.ts

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

package/src/MenuList/MenuList.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseMenuListClassesKey = 'root';
+export declare type MenuListClassesKey = CamelCase<BaseMenuListClassesKey>;
+export declare type MenuListClasses = {
+    name: 'menu-list';
+    classes: BaseMenuListClassesKey;
+};

package/src/MenuList/MenuList.d.ts

@@ -0,0 +1,4 @@
+import { MenuListComponent } from './MenuList.type';
+import menuListStyle from './styles/MenuList.css';
+declare const MenuList: MenuListComponent;
+export { MenuList, menuListStyle };

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

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { StandardProps } from '@ringcentral/spring-base';
+import { MenuItemSelectProps, SelectMode } from '../MenuItem';
+import { MenuListClassesKey } from './MenuList.classes';
+import { MenuListContextValue } from './MenuListContext';
+export declare type MenuListProps<M extends SelectMode = 'single', V = unknown> = StandardProps<MenuItemSelectProps<V, M> & {
+    /**
+     * auto focus when component mounted
+     * @default true
+     */
+    autoFocus?: boolean;
+} & MenuListContextValue, MenuListClassesKey, 'div'>;
+export interface MenuListComponent {
+    <M extends SelectMode = 'single', V = unknown>(props: MenuListProps<M, V>): ReactElement;
+    displayName?: string;
+}

package/src/MenuList/MenuListContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare type MenuListContextValue = {
+    /**
+     * When primary text of menu item is longer than one line,
+     * if nowrap is true, text will be truncated,
+     * if false, text will wrap into multiple lines.
+     * @default true
+     */
+    nowrap?: boolean;
+};
+export declare const MenuListContext: import("react").Context<MenuListContextValue>;
+export declare const useMenuListContext: () => MenuListContextValue;

package/src/MenuList/index.d.ts

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

package/src/Modal/InnerModal.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const InnerModal: import("react").ForwardRefExoticComponent<Pick<import("@ringcentral/spring-base").ClassesProp<"root"> & {
+    open: boolean;
+    hideBackdrop?: boolean | undefined;
+    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    disableBackdropClick?: boolean | undefined;
+    onBackdropClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    disableEscapeKeyDown?: boolean | undefined;
+    onEscapeKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onClose?: ((event: import("react").SyntheticEvent<HTMLElement, Event>, reason: import("./InnerModal.type").ModalCloseReason) => void) | undefined;
+    backdropProps?: import("../Backdrop").BackdropProps | undefined;
+    blocking?: boolean | undefined;
+} & Pick<import("framer-motion").MotionProps, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & Omit<{}, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
+    motionProps?: import("framer-motion").MotionProps | null | undefined;
+} & Pick<import("@mui/base").FocusTrapProps, "isEnabled" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus"> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "" | "children" | "style" | "classes" | "isEnabled" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "open" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "blocking" | "motionProps"> & import("@ringcentral/spring-base").HTMLDataAttribute, "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" | "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}` | "open" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "blocking" | "motionProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export { InnerModal };

package/src/Modal/InnerModal.type.d.ts

@@ -0,0 +1,23 @@
+import { GroupedMotionProps, StandardProps } from '@ringcentral/spring-base';
+import { KeyboardEventHandler, MouseEventHandler, ReactElement, SyntheticEvent } from 'react';
+import { FocusTrapProps } from '@mui/base';
+import { BackdropProps } from '../Backdrop';
+import { ModalClassesKey } from './Modal.classes';
+export declare type ModalCloseReason = 'escapeKeyDown' | 'backdropClick';
+export declare type InnerModalProps = StandardProps<{
+    open: boolean;
+    hideBackdrop?: boolean;
+    children: ReactElement;
+    disableBackdropClick?: boolean;
+    onBackdropClick?: MouseEventHandler<HTMLElement>;
+    disableEscapeKeyDown?: boolean;
+    onEscapeKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    onClose?: (event: SyntheticEvent<HTMLElement>, reason: ModalCloseReason) => void;
+    backdropProps?: BackdropProps;
+    /**
+     * If true, the modal will block interaction with the rest of the page.
+     * When false, aria-hidden and focus trapping are disabled.
+     * @default true
+     */
+    blocking?: boolean;
+} & GroupedMotionProps & Pick<FocusTrapProps, 'disableRestoreFocus' | 'disableAutoFocus' | 'disableEnforceFocus' | 'isEnabled'>, ModalClassesKey, 'div'>;

package/src/Modal/Modal.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseModalClassesKey = 'root';
+export declare type ModalClassesKey = CamelCase<BaseModalClassesKey>;
+export declare type ModalClasses = {
+    name: 'modal';
+    classes: BaseModalClassesKey;
+};

package/src/Modal/Modal.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { MotionProps } from 'framer-motion';
+import modalStyles from './styles/Modal.css';
+declare const Modal: import("react").ForwardRefExoticComponent<Pick<import("@ringcentral/spring-base").ClassesProp<"root"> & {
+    open: boolean;
+    hideBackdrop?: boolean | undefined;
+    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    disableBackdropClick?: boolean | undefined;
+    onBackdropClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    disableEscapeKeyDown?: boolean | undefined;
+    onEscapeKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onClose?: ((event: import("react").SyntheticEvent<HTMLElement, Event>, reason: import("./InnerModal.type").ModalCloseReason) => void) | undefined;
+    backdropProps?: import("..").BackdropProps | undefined;
+    blocking?: boolean | undefined;
+} & Pick<MotionProps, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & Omit<{}, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
+    motionProps?: MotionProps | null | undefined;
+} & Pick<import("@mui/base").FocusTrapProps, "isEnabled" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus"> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "" | "children" | "style" | "classes" | "isEnabled" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "open" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "blocking" | "motionProps"> & import("@ringcentral/spring-base").HTMLDataAttribute & {
+    onExitComplete?: (() => void) | undefined;
+    disableBackdropAnimation?: boolean | undefined;
+    disableScrollLock?: boolean | undefined;
+} & Omit<import("@mui/base/Portal/Portal.types").PortalProps, "children">, "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" | "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}` | "open" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "blocking" | "motionProps" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Modal, modalStyles };

package/src/Modal/Modal.type.d.ts

@@ -0,0 +1,19 @@
+import { PortalProps } from '../Portal';
+import { InnerModalProps, ModalCloseReason } from './InnerModal.type';
+export declare type ModalProps = InnerModalProps & {
+    /**
+     * Called when the modal's exit animation has finished playing
+     */
+    onExitComplete?: () => void;
+    disableBackdropAnimation?: boolean;
+    /**
+     * If true, the modal will not lock body scrolling
+     *
+     * Popover overrides this to `true` to avoid scroll lock conflicts
+     * with parent modals. If you’re using Popover as a dialog-like
+     * component and want to re-enable scroll lock, pass `disableScrollLock={false}`.
+     * @default false
+     */
+    disableScrollLock?: boolean;
+} & Omit<PortalProps, 'children'>;
+export type { ModalCloseReason };

package/src/Modal/ModalContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare type ModalContextValue = {
+    /**
+     * Indicates whether the `aria-hidden` attribute is being applied to elements outside the modal.
+     * When true, Popper-based components should disable portal to avoid being hidden from screen readers.
+     */
+    ariaHideEnabled: boolean;
+};
+export declare const ModalContext: import("react").Context<ModalContextValue | null>;
+export declare const useModalContext: () => ModalContextValue | null;

package/src/Modal/index.d.ts

@@ -0,0 +1,6 @@
+export * from './InnerModal';
+export * from './InnerModal.type';
+export * from './Modal.classes';
+export * from './Modal';
+export * from './Modal.type';
+export * from './ModalContext';

package/src/NestedMenuContext/NestedMenuContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type SubMenuItemSymbol = {
+    anchorId: string;
+    closeSubMenu: () => void;
+};
+export declare type NestedMenuContextValue = {
+    registHoveredItem: (menuItemId: string) => () => void;
+    registOpenedSubMenu: (menuItemSymbol: SubMenuItemSymbol) => () => void;
+} | null;
+export declare const NestedMenuContext: import("react").Context<NestedMenuContextValue>;
+export declare const useNestedMenuContext: () => NestedMenuContextValue;

package/src/NestedMenuContext/index.d.ts

@@ -0,0 +1,4 @@
+export * from './NestedMenuContext';
+export * from './useNestedChildMenu';
+export * from './useNestedMenuItem';
+export * from './useNestedParentMenu';

package/src/NestedMenuContext/useNestedChildMenu.d.ts

@@ -0,0 +1,6 @@
+export declare type UseNestedChildMenuProps = {
+    open: boolean;
+    id: string;
+    closeMenu: () => void;
+};
+export declare const useNestedChildMenu: (props: UseNestedChildMenuProps) => void;

package/src/NestedMenuContext/useNestedMenuItem.d.ts

@@ -0,0 +1,5 @@
+export declare type UseNestedMenuChildProps = {
+    hovered: boolean;
+    id: string;
+};
+export declare const useNestedMenuItem: (props: UseNestedMenuChildProps) => void;

package/src/NestedMenuContext/useNestedParentMenu.d.ts

@@ -0,0 +1,8 @@
+import { NestedMenuContextValue } from './NestedMenuContext';
+export declare type UseNestedParentMenuProps = {
+    open: boolean;
+};
+export declare const useNestedParentMenu: (props: UseNestedParentMenuProps) => {
+    contextValue: NestedMenuContextValue;
+    getHaveOpenedSubMenu: () => boolean;
+};

package/src/Option/Option.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { OptionProps } from './Option.type';
+declare const Option: import("react").ForwardRefExoticComponent<Pick<OptionProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "focused" | "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 { Option };

package/src/Option/Option.type.d.ts

@@ -0,0 +1,7 @@
+import { MenuItemProps } from '../MenuItem';
+export declare type OptionProps = {
+    /**
+     * Value of select option
+     */
+    value: any;
+} & Omit<MenuItemProps, 'value' | 'selected'>;

package/src/Option/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Option';
+export * from './Option.type';

package/src/Overlap/Overlap.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseOverlapClassesKey = 'root' | 'floater' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'show-floater-on-hover-only';
+export declare type OverlapClassesKey = CamelCase<BaseOverlapClassesKey>;
+export declare type OverlapClasses = {
+    name: 'overlap';
+    classes: BaseOverlapClassesKey;
+};

package/src/Overlap/Overlap.d.ts

@@ -0,0 +1,4 @@
+import { OverlapComponent } from './Overlap.type';
+import overlapStyle from './styles/Overlap.css';
+declare const Overlap: OverlapComponent;
+export { Overlap, overlapStyle };

package/src/Overlap/Overlap.type.d.ts

@@ -0,0 +1,30 @@
+import { ReactElement } from 'react';
+import { OverridableComponent, OverridableProps, WithClassesProps } from '@ringcentral/spring-base';
+import { OverlapClassesKey } from './Overlap.classes';
+export declare type OverlapDefaultElementType = 'div';
+declare type ExtendElementType = 'a' | 'li' | 'div' | 'span' | 'button';
+export declare type KeyPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare type RawPosition = Partial<Record<'top' | 'bottom' | 'left' | 'right', string>>;
+export declare type OverlapPosition = RawPosition | KeyPosition;
+declare type BaseOverlapProps = WithClassesProps<{
+    /**
+     * Accept two types of value:
+     * - { top: '0px', left: '0px', right: '0px', bottom: '0px' }
+     * - "top-left" | "top-right" | "bottom-left" | "bottom-right"
+     */
+    position: OverlapPosition;
+    /**
+     * The component you want to position on top of children
+     */
+    floater?: ReactElement;
+    /**
+     * Only shows the floater component when hovering
+     */
+    showFloaterOnHoverOnly?: boolean;
+}, OverlapClassesKey>;
+export declare type OverlapProps<T extends ExtendElementType = OverlapDefaultElementType> = OverridableProps<BaseOverlapProps, T>;
+export declare type OverlapComponent = OverridableComponent<{
+    props: BaseOverlapProps;
+    defaultComponent: OverlapDefaultElementType;
+}>;
+export {};

package/src/Overlap/index.d.ts

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

package/src/PageHeader/PageHeader.classes.d.ts

@@ -0,0 +1,32 @@
+import type { CamelCase } from 'type-fest';
+import { PageHeaderVariant } from './PageHeader.type';
+export declare type BasePageHeaderClassesKey = 'root' | PageHeaderVariant;
+export declare type PageHeaderClassesKey = CamelCase<BasePageHeaderClassesKey>;
+export declare type PageHeaderClasses = {
+    name: 'page-header';
+    classes: BasePageHeaderClassesKey;
+};
+export declare type BasePageHeaderLeftClassesKey = 'root';
+export declare type PageHeaderLeftClassesKey = CamelCase<BasePageHeaderLeftClassesKey>;
+export declare type PageHeaderLeftClasses = {
+    name: 'page-header-left';
+    classes: BasePageHeaderClassesKey;
+};
+export declare type BasePageHeaderRightClassesKey = 'root';
+export declare type PageHeaderRightClassesKey = CamelCase<BasePageHeaderRightClassesKey>;
+export declare type PageHeaderRightClasses = {
+    name: 'page-header-right';
+    classes: BasePageHeaderClassesKey;
+};
+export declare type BasePageHeaderCenterClassesKey = 'root';
+export declare type PageHeaderCenterClassesKey = CamelCase<BasePageHeaderCenterClassesKey>;
+export declare type PageHeaderCenterClasses = {
+    name: 'page-header-center';
+    classes: BasePageHeaderClassesKey;
+};
+export declare type BasePageHeaderTitleClassesKey = 'root';
+export declare type PageHeaderTitleClassesKey = CamelCase<BasePageHeaderTitleClassesKey>;
+export declare type PageHeaderTitleClasses = {
+    name: 'page-header-title';
+    classes: BasePageHeaderClassesKey;
+};

package/src/PageHeader/PageHeader.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PageHeaderCenterProps, PageHeaderLeftProps, PageHeaderProps, PageHeaderRightProps, PageHeaderTitleProps } from './PageHeader.type';
+import pageHeaderStyle from './styles/PageHeader.css';
+declare const PageHeader: import("react").ForwardRefExoticComponent<Pick<PageHeaderProps, "classes" | "key" | keyof import("react").HTMLAttributes<HTMLElement> | `data-${string}` | "variant"> & import("react").RefAttributes<HTMLElement>>;
+declare const PageHeaderLeft: import("react").ForwardRefExoticComponent<Pick<PageHeaderLeftProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PageHeaderCenter: import("react").ForwardRefExoticComponent<Pick<PageHeaderCenterProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PageHeaderTitle: import("react").ForwardRefExoticComponent<Pick<PageHeaderTitleProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+declare const PageHeaderRight: import("react").ForwardRefExoticComponent<Pick<PageHeaderRightProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+export { PageHeader, PageHeaderCenter, PageHeaderLeft, PageHeaderRight, pageHeaderStyle, PageHeaderTitle, };

package/src/PageHeader/PageHeader.type.d.ts

@@ -0,0 +1,14 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { PageHeaderCenterClassesKey, PageHeaderClassesKey, PageHeaderLeftClassesKey, PageHeaderRightClassesKey, PageHeaderTitleClassesKey } from './PageHeader.classes';
+export declare type PageHeaderVariant = 'integrated' | 'detached';
+export declare type PageHeaderProps = StandardProps<{
+    /**
+     * The variant to use.
+     * @default 'integrated'
+     */
+    variant?: PageHeaderVariant;
+}, PageHeaderClassesKey, 'header'>;
+export declare type PageHeaderLeftProps = StandardProps<{}, PageHeaderLeftClassesKey, 'div'>;
+export declare type PageHeaderCenterProps = StandardProps<{}, PageHeaderCenterClassesKey, 'div'>;
+export declare type PageHeaderRightProps = StandardProps<{}, PageHeaderRightClassesKey, 'div'>;
+export declare type PageHeaderTitleProps = StandardProps<{}, PageHeaderTitleClassesKey, 'div'>;

package/src/PageHeader/index.d.ts

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

package/src/PickerTextField/PickerTextField.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BasePickerTextFieldClassesKey = 'root' | 'input' | 'end-icon' | 'form-field-content' | 'has-value';
+export declare type PickerTextFieldClassesKey = CamelCase<BasePickerTextFieldClassesKey>;
+export declare type PickerTextFieldClasses = {
+    name: 'picker-text-field';
+    classes: BasePickerTextFieldClassesKey;
+};

package/src/PickerTextField/PickerTextField.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { PickerTextFieldProps } from './PickerTextField.type';
+import pickerTextFieldStyle from './styles/PickerTextField.css';
+declare const PickerTextField: import("react").ForwardRefExoticComponent<Pick<PickerTextFieldProps, "error" | "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "label" | "classes" | "focused" | "required" | "className" | "id" | "key" | "defaultValue" | "placeholder" | "size" | "type" | "onFocus" | "onBlur" | "onChange" | "action" | `data-${string}` | "helperText" | "FormHelperTextProps" | "variant" | "fullWidth" | "onClose" | "autoFocus" | "inputProps" | "inputRef" | "endAdornment" | "startAdornment" | "RootProps" | "clearBtn" | "useNativeClearBtn" | "clearText" | "showCharacterCount" | "ClearButtonProps" | "onClear" | "showMaskValueToggleButton" | "maskValue" | "onMaskValueChange" | "MaskValueButtonProps" | "ShowHideEyeIconProps" | "announcementText" | "PopoverProps" | "endIconSymbol" | "textInputClasses"> & import("react").RefAttributes<HTMLDivElement>>;
+export { PickerTextField, pickerTextFieldStyle };

package/src/PickerTextField/PickerTextField.type.d.ts

@@ -0,0 +1,30 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import React, { ReactNode, Ref } from 'react';
+import { IconProps } from '../Icon';
+import { PopoverProps } from '../Popover';
+import { TextField, TextFieldProps } from '../TextField';
+import { PickerTextFieldClassesKey } from './PickerTextField.classes';
+declare type PickerTextFieldProps = StandardProps<{
+    /** trigger when user click the clear button */
+    onClear?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     * announcementText for screen reader read
+     */
+    inputProps?: TextFieldProps['inputProps'];
+    /** announcementText announced by screen reader when textField focused */
+    announcementText?: string;
+    /** props for hourPicker component */
+    PopoverProps?: Omit<PopoverProps, 'open' | 'anchorEl' | 'anchorOrigin' | 'transformOrigin' | 'onClose'>;
+    /** children for render in popover */
+    children: ReactNode;
+    /** end adornment icon */
+    endIconSymbol?: IconProps['symbol'];
+    /** can manual trigger close by ref */
+    action?: Ref<PickerTextFieldActions>;
+    textInputClasses?: TextFieldProps['classes'];
+} & Pick<PopoverProps, 'onClose'>, PickerTextFieldClassesKey, typeof TextField, 'readOnly' | 'inputComponent' | 'classes'>;
+declare type PickerTextFieldActions = {
+    close: () => void;
+};
+export type { PickerTextFieldProps, PickerTextFieldActions };

package/src/PickerTextField/index.d.ts

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

package/src/Popover/Popover.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BasePopoverClassesKey = 'root' | 'popper' | 'paper' | 'bordered' | 'shadow';
+export declare type PopoverClassesKey = CamelCase<BasePopoverClassesKey>;
+export declare type PopoverClasses = {
+    name: 'popover';
+    classes: BasePopoverClassesKey;
+};