@ringcentral/spring-ui 1.7.0 → 1.9.0

package/src/SwipeableDrawer/hooks/useDrawerGestures.d.ts

@@ -4,78 +4,8 @@ import type { DrawerAnchor } from '../../Drawer/Drawer.type';
 import type { SwipeableDrawerAction } from '../SwipeableDrawer.types';
 import { type SnapPointsFunction } from './useSnapPoints';
 export interface UseDrawerGesturesOptions {
-    /**
-     * Optional ref to receive drawer action methods.
-     * Provides programmatic control over drawer state.
-     *
-     *
-     * @example
-     * ```tsx
-     * const drawerRef = useRef<DrawerAction>(null);
-     *
-     * <Drawer
-     *   gestureControlsProps={{ action: drawerRef }}
-     * >
-     *
-     * // Later: programmatically snap to position
-     * drawerRef.current?.snapTo(1); // Snap to second snap point
-     * ```
-     */
     action?: React.RefObject<SwipeableDrawerAction>;
-    /**
-     * Function that returns snap points where the drawer can rest.
-     * Called with current drawer dimensions to calculate positions.
-     *
-     * **All snap points are in pixels.** Use the provided dimensions to calculate percentages:
-     * - `maxHeight * 0.5` = 50% of viewport (half available height)
-     * - `maxHeight * 0.9` = 90% of viewport
-     * - `400` = 400 pixels absolute
-     * - `minHeight` = content height (auto-calculated)
-     *
-     * @param props Current drawer dimensions and measurements
-     * @returns Array of snap points or single snap point
-     *
-     * @example
-     * ```tsx
-     * <Drawer
-     *   gestureControlsProps={{
-     *     snapPoints: ({ minHeight, maxHeight }) => [
-     *       minHeight,        // Content height (minimum)
-     *       maxHeight * 0.6,  // 60% of screen
-     *       maxHeight         // Full screen
-     *     ]
-     *   }}
-     * >
-     * ```
-     */
     snapPoints?: SnapPointsFunction;
-    /**
-     * Initial snap point when drawer opens.
-     * **Options**:
-     * - **Number**: Index (0, 1, 2) or pixel value (300, 500)
-     * - **Function**: Dynamic calculation based on drawer state
-     *
-     * @example
-     * ```tsx
-     * <Drawer
-     *   gestureControlsProps={{
-     *     // Start at first snap point (index-based)
-     *     initialSnap: 0,
-     *
-     *     // Start at specific pixel height
-     *     initialSnap: 400,
-     *
-     *     // Dynamic: Start at 50% of viewport
-     *     initialSnap: ({ maxHeight }) => maxHeight * 0.5,
-     *
-     *     // Dynamic: Remember last position or use content height
-     *     initialSnap: ({ snapPoints, lastSnap, minHeight }) => {
-     *       return lastSnap ?? minHeight; // Remember or content height
-     *     }
-     *   }}
-     * >
-     * ```
-     */
     initialSnap?: number | ((params: {
         snapPoints: number[];
         minHeight: number;
@@ -84,53 +14,13 @@ export interface UseDrawerGesturesOptions {
         footerHeight: number;
         lastSnap: number | null;
     }) => number);
-    /**
-     * @internal
-     * Side from which the drawer appears.
-     * @default bottom
-     */
     anchor: DrawerAnchor;
-    /**
-     * @internal
-     * Current open state of the drawer.
-     * Passed from `open` prop for gesture behavior.
-     */
     open: boolean;
-    /**
-     * @internal
-     * Callback fired when drawer is closed via gesture.
-     * Connected to main `onClose` prop.
-     */
     onClose: (event: React.SyntheticEvent<HTMLElement>, reason: 'gestureSwipe') => void;
-    /**
-     * @internal
-     * Ref to the main content element of the drawer.
-     * Used for measuring content height and scroll behavior.
-     */
     contentRef: React.RefObject<HTMLElement>;
-    /**
-     * @internal
-     * Ref to the header element of the drawer.
-     * Used for measuring header height and as drag handle.
-     */
     headerRef?: React.RefObject<HTMLElement>;
-    /**
-     * @internal
-     * Ref to the footer element of the drawer.
-     * Used for measuring footer height in calculations.
-     */
     footerRef?: React.RefObject<HTMLElement>;
-    /**
-     * @internal
-     * Automatically derived from presence of header prop.
-     * Used internally to optimize measurements and gesture binding.
-     */
     headerEnabled: boolean;
-    /**
-     * @internal
-     * Automatically derived from presence of footer prop.
-     * Used internally to optimize measurements and height calculations.
-     */
     footerEnabled: boolean;
 }
 export interface UseDrawerGesturesReturn {

package/src/SwipeableDrawer/hooks/useElementSizeObserver.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-/**
- * Hook for determining the size of an element using the Resize Observer API.
- *
- * @param ref - A React ref to an element
- */
 export declare function useElementSizeObserver(ref: React.RefObject<Element>, { enabled, resizeSourceRef, }: {
     enabled: boolean;
     resizeSourceRef?: React.MutableRefObject<'window' | 'element'>;

package/src/SwipeableDrawer/hooks/useSnapPoints.d.ts

@@ -1,72 +1,12 @@
 /// <reference types="react" />
 import { useReady } from './useReady';
 export interface SnapPointProps {
-    /** Height of the header element in pixels */
     headerHeight: number;
-    /** Height of the footer element in pixels */
     footerHeight: number;
-    /** Current height of the drawer in pixels */
     height: number;
-    /** Minimum height needed for content (content + header + footer) */
     minHeight: number;
-    /**
-     * Maximum available height for the drawer.
-     *
-     * ✅ IMPORTANT: This is 100% of viewport height (window.innerHeight)!
-     *
-     * Examples:
-     * - maxHeight = 100% of viewport (full available height)
-     * - maxHeight * 0.5 = 50% of viewport (half available height)
-     * - maxHeight * 0.9 = 90% of viewport
-     *
-     */
     maxHeight: number;
 }
-/**
- * Function that returns snap points where the drawer can rest.
- * Called with current drawer dimensions to calculate positions.
- *
- * **All snap points are in pixels.** Use the provided dimensions to calculate percentages:
- * - `maxHeight * 0.5` = 50% of viewport height
- * - `maxHeight * 0.75` = 75% of viewport height
- * - `400` = 400 pixels absolute
- * - `minHeight` = content height (auto-calculated)
- *
- * @param props Current drawer dimensions and measurements
- * @returns Array of snap points in pixels, or single snap point
- *
- * @example
- * ```tsx
- * // Basic: Content height + full viewport
- * snapPoints: ({ minHeight, maxHeight }) => [
- *   minHeight,  // Auto-calculated content height
- *   maxHeight   // Full viewport height
- * ]
- *
- * // Responsive: Multiple viewport percentages
- * snapPoints: ({ minHeight, maxHeight }) => [
- *   minHeight,          // Content height
- *   maxHeight * 0.4,    // 40% of viewport
- *   maxHeight * 0.7,    // 70% of viewport
- *   maxHeight * 0.95    // 95% of viewport
- * ]
- *
- * // Fixed: Absolute pixel heights
- * snapPoints: ({ minHeight }) => [
- *   minHeight,  // Content height
- *   300,        // 300px
- *   500,        // 500px
- *   700         // 700px
- * ]
- *
- * // Mixed: Combine responsive and fixed
- * snapPoints: ({ minHeight, maxHeight }) => [
- *   minHeight,          // Content height
- *   400,                // 400px fixed
- *   maxHeight * 0.8     // 80% of viewport
- * ]
- * ```
- */
 export declare type SnapPointsFunction = (props: SnapPointProps) => number[] | number;
 export interface DefaultSnapProps extends SnapPointProps {
     snapPoints: number[];

package/src/Switch/Switch.type.d.ts

@@ -3,17 +3,8 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { ComponentProps, Ref } from 'react';
 import { SwitchClassesKey } from './Switch.classes';
 export declare type SwitchProps = StandardProps<{
-    /**
-     * If `true`, the Switch will be automatically focused on mount.
-     * @default false
-     */
     autoFocus?: boolean;
-    /**
-     * Pass a ref to the `input` element.
-     */
     inputRef?: Ref<HTMLInputElement>;
-    /** Attributes applied to `input` element */
     inputProps?: Omit<ComponentProps<'input'>, 'ref' | 'className'>;
-    /** Attributes applied to root */
     rootProps?: ComponentProps<'span'>;
 } & Omit<UseSwitchParameters, 'readOnly'>, SwitchClassesKey>;

package/src/Tab/Tab.classes.d.ts

@@ -1,7 +1,8 @@
 import type { CamelCase } from 'type-fest';
-import type { TabVariant, TabColor } from './Tab.type';
+import type { TabsSize } from '../Tabs/Tabs.type';
+import type { TabColor, TabVariant } from './Tab.type';
 declare type TabSlot = 'container' | 'pill' | 'pill-badge' | 'badge-root' | 'badge' | 'text';
-export declare type BaseTabClassesKey = 'root' | TabVariant | TabSlot | `${TabVariant}-${TabSlot}` | `${TabVariant}-pill-${TabColor}`;
+export declare type BaseTabClassesKey = 'root' | TabVariant | TabSlot | TabsSize | `${TabVariant}-${TabSlot}` | `${TabVariant}-pill-${TabColor}` | `pill-${TabsSize}`;
 export declare type TabClassesKey = CamelCase<BaseTabClassesKey>;
 export declare type TabClasses = {
     name: 'tab';

package/src/Tab/Tab.d.ts

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

package/src/Tab/Tab.type.d.ts

@@ -7,42 +7,13 @@ import { TabClassesKey } from './Tab.classes';
 export declare type TabVariant = 'label' | 'icon';
 export declare type TabColor = 'default' | 'cobranding';
 export declare type TabProps = StandardProps<{
-    /**
-     * The variant to use.
-     * @default 'label'
-     */
     variant?: TabVariant;
-    /**
-     * The color scheme to use for tabs. Overrides the color from Tabs component.
-     * - 'default': Uses cobranding colors for non-pill tabs, grey colors for pill tabs
-     * - 'cobranding': Uses cobranding colors for all tab types
-     * @default 'default'
-     */
     color?: 'default' | 'cobranding';
-    /**
-     * Text displayed when variant is 'label', also used as title if it is string.
-     */
     label?: ReactNode;
-    /**
-     * title on Tab
-     * **Should pass this if label is not string.**
-     */
     title?: string;
-    /**
-     * Icon symbol used when variant is 'icon'
-     */
     symbol?: ComponentType;
-    /**
-     * Props applied to Badge component
-     */
     BadgeProps?: BadgeProps;
-    /**
-     * Props applied to Tooltip component when variant is 'icon'
-     */
     TooltipProps?: Omit<TooltipProps, 'title' | 'children'> & HTMLDataAttribute;
-    /**
-     * A ref for imperative actions. It currently only supports `focusVisible()` action.
-     */
     action?: React.Ref<{
         focusVisible(): void;
     }>;

package/src/TabContext/TabContext.d.ts

@@ -4,10 +4,6 @@ import { TabContextProps } from './TabContext.type';
 export declare const useInternalTabsContext: () => {
     tabsInstanceId: string | undefined;
 };
-/**
- * Generate stable IDs for tab and tabpanel pairs
- * This ensures consistent IDs regardless of whether the tab is visible or in more menu
- */
 export declare const generateTabStableIds: (tabsInstanceId: string | undefined, identifier: string | number) => {
     tabId: string;
     panelId: string;

package/src/TabContext/TabContext.type.d.ts

@@ -1,13 +1,6 @@
 import { UseTabsParameters } from '@mui/base';
 import { ReactNode } from 'react';
 export declare type TabContextProps = {
-    /**
-     * The content of the component.
-     */
     children: ReactNode;
-    /**
-     * The value of the currently selected `Tab`.
-     * If you don't want any selected `Tab`, you can set this prop to `null`.
-     */
     value?: string | number | null;
 } & Omit<UseTabsParameters, 'orientation' | 'direction' | 'value'>;

package/src/TabPanel/TabPanel.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import tabPanelStyle from './styles/TabPanel.css';
 import { TabPanelProps } from './TabPanel.type';
-declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<TabPanelProps, "value" | "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" | `data-${string}` | "keepMounted"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabPanel: import("react").ForwardRefExoticComponent<Pick<TabPanelProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "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" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "keepMounted"> & import("react").RefAttributes<HTMLDivElement>>;
 export { TabPanel, tabPanelStyle };

package/src/TabPanel/TabPanel.type.d.ts

@@ -2,17 +2,7 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { ReactNode } from 'react';
 import { TabPanelClassesKey } from './TabPanel.classes';
 export declare type TabPanelProps = StandardProps<{
-    /**
-     * The content of the component.
-     */
     children: ReactNode;
-    /**
-     * The value of the TabPanel. It will be shown when the Tab with the corresponding value is selected.
-     */
     value: number | string;
-    /**
-     * false: will unmount children whenever hidden
-     * true: keep displayed children mounted when hidden
-     */
     keepMounted?: boolean;
 }, TabPanelClassesKey, 'div'>;

package/src/Table/Table.type.d.ts

@@ -4,28 +4,9 @@ import { TableClassesKey } from './Table.classes';
 declare type DefaultElementType = 'table';
 declare type ExtendElementType = ElementType;
 declare type BaseTableProps = WithClassesProps<{
-    /**
-     * The content of the table, normally `TableHead` and `TableBody`.
-     */
     children?: ReactNode;
-    /**
-     * Set the header sticky.
-     *
-     * ⚠️ It doesn't work with IE11.
-     * @default false
-     */
     stickyHeader?: boolean;
-    /**
-     * Set the footer sticky.
-     *
-     * ⚠️ It doesn't work with IE11.
-     * @default false
-     */
     stickyFooter?: boolean;
-    /**
-     * Show vertical dividers between columns.
-     * @default false
-     */
     columnDivider?: boolean;
 }, TableClassesKey>;
 export declare type TableProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableProps, T>;

package/src/TableBody/TableBody.type.d.ts

@@ -4,9 +4,6 @@ import { TableBodyClassesKey } from './TableBody.classes';
 declare type DefaultElementType = 'tbody';
 declare type ExtendElementType = ElementType;
 declare type BaseTableBodyProps = WithClassesProps<{
-    /**
-     * The content of the component, normally `TableRow`.
-     */
     children?: ReactNode;
 }, TableBodyClassesKey>;
 export declare type TableBodyProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableBodyProps, T>;

package/src/TableCell/TableCell.d.ts

@@ -1,8 +1,4 @@
 import tableCellStyle from './styles/TableCell.css';
 import { TableCellComponent } from './TableCell.type';
-/**
- * The component renders a `<th>` element when the parent context is a header
- * or otherwise a `<td>` element.
- */
 declare const TableCell: TableCellComponent;
 export { TableCell, tableCellStyle };

package/src/TableCell/TableCell.type.d.ts

@@ -7,51 +7,16 @@ declare type ExtendElementType = ElementType;
 export declare type SortDirection = 'asc' | 'desc' | false;
 export declare type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.TdHTMLAttributes<HTMLTableCellElement>;
 declare type BaseTableCellProps = WithClassesProps<{
-    /**
-     * Set the text-align on the table cell content.
-     *
-     * Monetary or generally number fields **should be right aligned** as that allows
-     * you to add them up quickly in your head without having to worry about decimals.
-     * @default 'inherit'
-     */
     align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
-    /**
-     * Sets the padding applied to the cell.
-     */
     padding?: 'normal' | 'checkbox' | 'none';
-    /**
-     * Set scope attribute.
-     */
     scope?: TableCellBaseProps['scope'];
-    /**
-     * Set aria-sort direction.
-     */
     sortDirection?: SortDirection;
-    /**
-     * Set the initial sort icon direction.
-     * @default 'asc'
-     */
     initialSortIconDirection?: SortDirection;
-    /**
-     * If `true`, a sortable or non-sortable icon will be shown according to the column's sortable state.
-     * @default false
-     */
     showSortIndicator?: boolean;
-    /**
-     * Props applied to the icon rendered when `sortDirection` is set.
-     */
     SortIconProps?: IconProps;
-    /**
-     * Specify the cell type.
-     * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
-     */
     variant?: 'head' | 'body' | 'footer';
 }, TableCellClassesKey>;
 export declare type TableCellProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableCellProps, T>;
-/**
- * The component renders a `<th>` element when the parent context is a header
- * or otherwise a `<td>` element.
- */
 export declare type TableCellComponent = OverridableComponent<{
     props: BaseTableCellProps;
     defaultComponent: DefaultElementType;

package/src/TableContainer/TableContainer.type.d.ts

@@ -5,14 +5,7 @@ declare type DefaultElementType = 'div';
 declare type ExtendElementType = ElementType;
 export declare type TableContainerBorder = 'standard' | 'none' | 'rounded';
 declare type BaseTableContainerProps = WithClassesProps<{
-    /**
-     * The content of the component, normally `Table`.
-     */
     children?: React.ReactNode;
-    /**
-     * Specify the border type.
-     * @default 'standard'
-     */
     border?: TableContainerBorder;
 }, TableContainerClassesKey>;
 export declare type TableContainerProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableContainerProps, T>;

package/src/TableFooter/TableFooter.type.d.ts

@@ -2,8 +2,5 @@ import { StandardProps } from '@ringcentral/spring-base';
 import { TdHTMLAttributes } from 'react';
 import { TableFooterClassesKey } from './TableFooter.classes';
 export declare type TableFooterProps = StandardProps<{
-    /**
-     * Sets the padding applied to the cell.
-     */
     padding?: 'normal' | 'checkbox' | 'none';
 } & Pick<TdHTMLAttributes<HTMLTableCellElement>, 'colSpan'>, TableFooterClassesKey, 'tfoot'>;

package/src/TableHead/TableHead.type.d.ts

@@ -4,13 +4,7 @@ import { TableHeadClassesKey } from './TableHead.classes';
 declare type DefaultElementType = 'thead';
 declare type ExtendElementType = ElementType;
 declare type BaseTableHeadProps = WithClassesProps<{
-    /**
-     * The content of the component, normally `TableRow`.
-     */
     children?: React.ReactNode;
-    /**
-     * Use default table background color.
-     */
     useDefaultBgColor?: boolean;
 }, TableHeadClassesKey>;
 export declare type TableHeadProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableHeadProps, T>;

package/src/TablePagination/TablePagination.type.d.ts

@@ -6,63 +6,16 @@ import { TablePaginationClassesKey } from './TablePagination.classes';
 declare type DefaultElementType = 'td';
 declare type ExtendElementType = ElementType;
 export declare type BaseTablePaginationProps = WithClassesProps<{
-    /**
-     * The variant to use.
-     * `range` displays the current range of rows shown with no page size controls.
-     * `page` displays the current page with a control to select which page to show.
-     * `page-size` displays the current page with a control to change the page size.
-     * @default 'range'
-     */
     variant?: 'range' | 'select-page' | 'page-size';
-    /**
-     * The zero-based index of the current page.
-     */
     page: number;
-    /**
-     * The total number of rows.
-     * @default -1
-     */
     count?: number;
-    /**
-     * The total number of rows to show per page.
-     * @default 10
-     */
     rowsPerPage?: number;
-    /**
-     * The label to show to the left of the page size control that sets the number of rows per page.
-     * Only applies to variant `page-size`
-     * @default 'Rows per page'
-     */
     rowsPerPageLabel?: string;
-    /**
-     * The options to be shown in the Select input for the number of rows to show per page.
-     * Required for variants `page-size` and `select-page`
-     * @default '[10, 25, 50, 100]'
-     */
     rowsPerPageOptions?: number[];
-    /**
-     * Callback fires when the number of rows to show per page is changed.
-     * Required for variants `page-size` and `select-page`
-     */
     onRowsPerPageChange?: SelectProps['onChange'];
-    /**
-     * The label to use to separate the range of rows shown or page numbers.
-     * Used in `range` variant: `1-10 ${rangeSeparatorLabel} 147`
-     * Used in `select-page` variant: `1 ${rangeSeparatorLabel} 15`
-     * @default 'of'
-     */
     rangeSeparatorLabel?: string;
-    /**
-     * Props applied to the `IconButton` component for the previous page button.
-     */
     previousPageButtonProps?: IconButtonProps;
-    /**
-     * Props applied to the `IconButton` component for the next page button.
-     */
     nextPageButtonProps?: IconButtonProps;
-    /**
-     * Callback fired when the current page is changed.
-     */
     onPageChange?: (e: React.MouseEvent<HTMLButtonElement> | React.ChangeEvent<HTMLInputElement>, page: number) => void;
 }, TablePaginationClassesKey>;
 export declare type TablePaginationProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTablePaginationProps, T>;

package/src/TableRow/TableRow.type.d.ts

@@ -4,26 +4,9 @@ import { TableRowClassesKey } from './TableRow.classes';
 declare type DefaultElementType = 'tr';
 declare type ExtendElementType = ElementType;
 declare type BaseTableRowProps = WithClassesProps<{
-    /**
-     * Should be valid `<tr>` children such as `TableCell`.
-     */
     children?: React.ReactNode;
-    /**
-     * If `true`, the table row will shade on hover.
-     * Noted: hover style will not be applied to rows in the head (TableHead).
-     * @default false
-     */
     hoverable?: boolean;
-    /**
-     * If `true`, cursor will be pointer on hover and hover style will be applied.
-     * It will be set to `true` automatically when onClick prop is defined.
-     * Noted: clickable style will not be applied to rows in the head (TableHead).
-     */
     clickable?: boolean;
-    /**
-     * If `true`, the table row will have the selected shading.
-     * @default false
-     */
     selected?: boolean;
 }, TableRowClassesKey>;
 export declare type TableRowProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseTableRowProps, T>;