@ringcentral/spring-ui 1.7.0

package/src/Snackbar/SnackbarContent/SnackbarContent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SnackbarContentProps } from './SnackbarContent.type';
+import snackbarContentStyles from './styles/SnackbarContent.css';
+declare const SnackbarContent: import("react").ForwardRefExoticComponent<Pick<SnackbarContentProps, "classes" | "key" | "action" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "component" | "icon" | "onClose" | "startSlot" | "closeText" | "severity" | "CloseButtonProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export { SnackbarContent, snackbarContentStyles };

package/src/Snackbar/SnackbarContent/SnackbarContent.type.d.ts

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

package/src/Snackbar/SnackbarContent/index.d.ts

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

package/src/Snackbar/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Snackbar.classes';
+export * from './Snackbar.hook';
+export * from './Snackbar';
+export * from './Snackbar.type';
+export * from './SnackbarContent';

package/src/SortableList/SortableList.d.ts

@@ -0,0 +1,3 @@
+import { SortableListComponent } from './SortableList.type';
+declare const SortableList: SortableListComponent;
+export { SortableList };

package/src/SortableList/SortableList.type.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithRoot } from '@ringcentral/spring-base';
+import { ReactElement, ReactNode } from 'react';
+import { List } from '../List';
+import { SortableListUniqueIdentifier } from '../SortableListDndContext';
+export declare type SortableListProps<D extends SortableListUniqueIdentifier | {
+    id: SortableListUniqueIdentifier;
+} = SortableListUniqueIdentifier | {
+    id: SortableListUniqueIdentifier;
+}> = PropsWithRoot<{
+    data: D[];
+    children: (data: D, index: number) => ReactNode;
+}, typeof List>;
+export interface SortableListComponent {
+    <D extends SortableListUniqueIdentifier | {
+        id: SortableListUniqueIdentifier;
+    } = SortableListUniqueIdentifier | {
+        id: SortableListUniqueIdentifier;
+    }>(props: SortableListProps<D>): ReactElement;
+    displayName?: string;
+}

package/src/SortableList/index.d.ts

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

package/src/SortableListDndContext/DndKeyboardBlocker.d.ts

@@ -0,0 +1,2 @@
+import { FunctionComponent } from 'react';
+export declare const DndKeyboardBlocker: FunctionComponent;

package/src/SortableListDndContext/SortableListDndContext.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { SortableListDndContextProps } from './SortableListDndContext.type';
+declare const SortableListDndContext: FunctionComponent<SortableListDndContextProps>;
+export { SortableListDndContext };

package/src/SortableListDndContext/SortableListDndContext.type.d.ts

@@ -0,0 +1,5 @@
+import { DndContext, UniqueIdentifier } from '@dnd-kit/core';
+import { ComponentProps } from 'react';
+declare type SortableListUniqueIdentifier = UniqueIdentifier;
+declare type SortableListDndContextProps = ComponentProps<typeof DndContext>;
+export type { SortableListDndContextProps, SortableListUniqueIdentifier };

package/src/SortableListDndContext/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DndKeyboardBlocker';
+export * from './SortableListDndContext';
+export * from './SortableListDndContext.type';
+export * from './useSortableListDndContext';
+export * from './utils';

package/src/SortableListDndContext/useSortableListDndContext.d.ts

@@ -0,0 +1,2 @@
+import { useDndContext } from '@dnd-kit/core';
+export declare const useSortableListDndContext: typeof useDndContext;

package/src/SortableListDndContext/utils.d.ts

@@ -0,0 +1 @@
+export { arrayMove } from '@dnd-kit/sortable';

package/src/SortableListItem/SortableListItem.d.ts

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

package/src/SortableListItem/SortableListItem.type.d.ts

@@ -0,0 +1,6 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { ListItemProps } from '../ListItem';
+export declare type SortableListItemDragId = UniqueIdentifier;
+export declare type SortableListItemProps = {
+    dragId: SortableListItemDragId;
+} & ListItemProps;

package/src/SortableListItem/SortableListItemOverlay.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SortableListItemOverlayProps } from './SortableListItemOverlay.type';
+declare const SortableListItemOverlay: import("react").ForwardRefExoticComponent<Pick<SortableListItemOverlayProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "focused" | "selected" | "dragged" | "className" | "accessKey" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "size" | "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}` | "divider" | "autoFocus" | "highlighted" | "clickable" | "hoverable" | "hoverActions" | "alwaysShowHoverActions" | "instantHoverActions" | "OverlayProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export { SortableListItemOverlay };

package/src/SortableListItem/SortableListItemOverlay.type.d.ts

@@ -0,0 +1,8 @@
+import { DragOverlay } from '@dnd-kit/core';
+import { ComponentProps, ReactNode } from 'react';
+import { ListItemProps } from '../ListItem';
+import { SortableListUniqueIdentifier } from '../SortableListDndContext';
+export declare type SortableListItemOverlayProps = {
+    OverlayProps?: ComponentProps<typeof DragOverlay>;
+    children?: ((activeId: SortableListUniqueIdentifier) => ReactNode) | ReactNode;
+} & Omit<ListItemProps, 'children' | 'keepInvisibleItems'>;

package/src/SortableListItem/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SortableListItem';
+export * from './SortableListItem.type';
+export * from './SortableListItemOverlay';
+export * from './SortableListItemOverlay.type';

package/src/SortableVirtualizedList/SortableVirtualizedList.d.ts

@@ -0,0 +1,3 @@
+import { SortableVirtualizedListComponent } from './SortableVirtualizedList.type';
+declare const SortableVirtualizedList: SortableVirtualizedListComponent;
+export { SortableVirtualizedList };

package/src/SortableVirtualizedList/SortableVirtualizedList.type.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from 'react';
+import { SortableListUniqueIdentifier } from '../SortableListDndContext';
+import { VirtualizedListProps } from '../VirtualizedList';
+export declare type SortableVirtualizedListProps<D extends SortableListUniqueIdentifier | {
+    id: SortableListUniqueIdentifier;
+} = SortableListUniqueIdentifier | {
+    id: SortableListUniqueIdentifier;
+}, C = {}> = {
+    children: (data: D, index: number) => ReactNode;
+    data: D[];
+} & Omit<VirtualizedListProps<D, C>, 'children' | 'keepInvisibleItems' | 'data' | 'totalCount'>;
+export interface SortableVirtualizedListComponent {
+    <D extends SortableListUniqueIdentifier | {
+        id: SortableListUniqueIdentifier;
+    } = SortableListUniqueIdentifier | {
+        id: SortableListUniqueIdentifier;
+    }, C = {}>(props: SortableVirtualizedListProps<D, C>): ReactElement;
+    displayName?: string;
+}

package/src/SortableVirtualizedList/index.d.ts

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

package/src/SplitButton/SplitButton.classes.d.ts

@@ -0,0 +1,8 @@
+import type { CamelCase } from 'type-fest';
+import { ButtonColor, ButtonVariant } from '../Button';
+export declare type BaseSplitButtonClassesKey = 'root' | 'bg' | 'action-button-root' | `divider` | `divider-${ButtonVariant}` | `divider-${ButtonVariant}-${ButtonColor}` | `divider-${ButtonColor}` | 'menu-button-root';
+export declare type SplitButtonClassesKey = CamelCase<BaseSplitButtonClassesKey>;
+export declare type SplitButtonClasses = {
+    name: 'split-button';
+    classes: BaseSplitButtonClassesKey;
+};

package/src/SplitButton/SplitButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SplitButtonProps } from './SplitButton.type';
+import splitButtonStyle from './styles/SplitButton.css';
+declare const SplitButton: React.ForwardRefExoticComponent<Pick<import("../Tooltip/withTooltip").WithTooltipProps<SplitButtonProps>, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "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" | "size" | "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" | "background" | "TooltipProps" | "loading" | "MenuProps" | "ActionButtonProps" | "MenuButtonProps"> & React.RefAttributes<unknown>>;
+export { SplitButton, splitButtonStyle };

package/src/SplitButton/SplitButton.type.d.ts

@@ -0,0 +1,37 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ButtonColor, ButtonProps, IconButtonProps, MenuItem, MenuProps } from '@ringcentral/spring-ui';
+import { ReactElement } from 'react';
+import { WithTooltipProps } from '../Tooltip/withTooltip';
+import { SplitButtonClassesKey } from './SplitButton.classes';
+export declare type SplitButtonProps = StandardProps<WithTooltipProps<{
+    /**
+     * Props applied to the Button component used to trigger the selected action
+     * of the SplitButton. See the `children` prop for how the content of the
+     * action button is set.
+     */
+    ActionButtonProps?: ButtonProps & {
+        title?: string;
+        contentType?: 'text' | 'icon';
+    };
+    /**
+     * Props applied to the Menu component.
+     */
+    MenuProps?: MenuProps;
+    /**
+     * Props applied to the IconButton component used to
+     * display the dropdown menu of the SplitButton.
+     */
+    MenuButtonProps?: IconButtonProps;
+    /**
+     * The MenuItems to render. The first MenuItem will not be displayed in the
+     * Menu and will instead be used as the action button. If an Icon component
+     * is passed as children it will automatically have its size set based on the
+     * size of the button. If the passed children is not an Icon, the `title` prop
+     * will be used as the text of the action button if `ActionButtonProps.title`
+     * is not provided. The `onClick` prop of the MenuItem will be called when
+     * the action button is clicked.
+     */
+    children: ReactElement<typeof MenuItem> | ReactElement<typeof MenuItem>[];
+} & Pick<ButtonProps, 'size' | 'variant' | 'loading' | 'disabled' | 'background'> & {
+    color: Exclude<ButtonColor, 'danger'>;
+}>, SplitButtonClassesKey, 'div'>;

package/src/SplitButton/index.d.ts

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

package/src/Squircle/Squircle.d.ts

@@ -0,0 +1,4 @@
+import { SquircleComponent } from './Squircle.type';
+import squircleStyle from './styles/squircle.css';
+export declare const Squircle: SquircleComponent;
+export { squircleStyle };

package/src/Squircle/Squircle.type.d.ts

@@ -0,0 +1,19 @@
+import { WithClassesProps, OverridableComponent, OverridableProps } from '@ringcentral/spring-base';
+import { SquircleClassesKey } from './squircle.classes';
+declare type DefaultElementType = 'div';
+declare type ExtendElementType = 'div' | 'button';
+declare type BaseSquircleProps = WithClassesProps<{
+    focusVisible?: boolean;
+    active?: boolean;
+    /**
+     * @default true
+     */
+    interactive?: boolean;
+    fillShape?: boolean;
+}, SquircleClassesKey>;
+export declare type SquircleProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseSquircleProps, T>;
+export declare type SquircleComponent = OverridableComponent<{
+    props: BaseSquircleProps;
+    defaultComponent: DefaultElementType;
+}>;
+export {};

package/src/Squircle/index.d.ts

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

package/src/Squircle/squircle.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseSquircleClassesKey = 'root' | 'interactive' | 'content' | 'ring';
+export declare type SquircleClassesKey = CamelCase<BaseSquircleClassesKey>;
+export declare type SquircleClasses = {
+    name: 'squircle';
+    classes: BaseSquircleClassesKey;
+};

package/src/StatusIndicator/StatusIndicator.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseStatusIndicatorClassesKey = 'root' | 'large' | 'medium' | 'dnd' | 'busy' | 'available' | 'unavailable';
+export declare type StatusIndicatorClassesKey = CamelCase<BaseStatusIndicatorClassesKey>;
+export declare type StatusIndicatorClasses = {
+    name: 'status-indicator';
+    classes: BaseStatusIndicatorClassesKey;
+};

package/src/StatusIndicator/StatusIndicator.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { StatusIndicatorProps } from './StatusIndicator.type';
+import statusIndicatorStyle from './styles/StatusIndicator.css';
+export declare const StatusIndicator: {
+    (inProps: StatusIndicatorProps): JSX.Element;
+    displayName: string;
+};
+export { statusIndicatorStyle };

package/src/StatusIndicator/StatusIndicator.type.d.ts

@@ -0,0 +1,14 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { StatusIndicatorClassesKey } from './StatusIndicator.classes';
+export declare type StatusIndicatorProps = StandardProps<{
+    /**
+     * The size of the component.
+     * @default 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * The variant of the component.
+     * @default 'available'
+     */
+    variant?: 'dnd' | 'busy' | 'available' | 'unavailable';
+}, StatusIndicatorClassesKey, 'div'>;

package/src/StatusIndicator/index.d.ts

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

package/src/Step/Step.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseStepClassesKey = 'root' | 'horizontal' | 'vertical' | 'vertical-hide-connector' | 'completed' | 'fixed-width';
+export declare type StepClassesKey = CamelCase<BaseStepClassesKey>;
+export declare type StepClasses = {
+    name: 'step';
+    classes: BaseStepClassesKey;
+};

package/src/Step/Step.d.ts

@@ -0,0 +1,4 @@
+import { StepComponent } from './Step.type';
+import stepStyle from './styles/Step.css';
+declare const Step: StepComponent;
+export { Step, stepStyle };

package/src/Step/Step.type.d.ts

@@ -0,0 +1,50 @@
+import { WithClassesProps, OverridableComponent, OverridableProps } from '@ringcentral/spring-base';
+import { ElementType } from 'react';
+import { StepClassesKey } from './Step.classes';
+declare type DefaultElementType = 'li';
+declare type ExtendElementType = ElementType;
+declare type BaseStepProps = WithClassesProps<{
+    /**
+     * Sets the step as active. Is passed to child components.
+     */
+    active?: boolean;
+    /**
+     * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
+     */
+    children?: React.ReactNode;
+    /**
+     * Mark the step as completed. Is passed to child components.
+     */
+    completed?: boolean;
+    /**
+     * If `true`, the step is disabled, will also disable the button if
+     * `StepButton` is a child of `Step`. Is passed to child components.
+     */
+    disabled?: boolean;
+    /**
+     * Expand the step.
+     * @default false
+     */
+    expanded?: boolean;
+    /**
+     * The position of the step.
+     * The prop defaults to the value inherited from the parent Stepper component.
+     */
+    index?: number;
+    /**
+     * If `true`, the Step is displayed as rendered last.
+     * The prop defaults to the value inherited from the parent Stepper component.
+     */
+    last?: boolean;
+    /**
+     * The variant to use.
+     * @default 'contained'
+     */
+    variant?: 'contained' | 'outlined';
+}, StepClassesKey>;
+export declare type StepProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseStepProps, T>;
+export declare type StepComponent = OverridableComponent<{
+    props: BaseStepProps;
+    defaultComponent: DefaultElementType;
+}>;
+export {};

package/src/Step/StepContext.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare type StepContextValue = {
+    index?: number;
+    last?: boolean;
+    expanded?: boolean;
+    icon?: React.ReactNode;
+    active?: boolean;
+    completed?: boolean;
+    disabled?: boolean;
+    variant?: 'contained' | 'outlined';
+    id?: string;
+    connector?: React.ReactNode;
+};
+/**
+ * Provides information about the current step in Stepper.
+ */
+export declare const StepContext: import("react").Context<StepContextValue>;
+/**
+ * Returns the current StepContext or an empty object if no StepContext
+ * has been defined in the component tree.
+ */
+export declare const useStepContext: () => StepContextValue;

package/src/Step/index.d.ts

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

package/src/StepButton/StepButton.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseStepButtonClassesKey = 'root' | 'vertical' | 'horizontal' | 'fixed-width' | 'highlighted' | 'hide-connector';
+export declare type StepButtonClassesKey = CamelCase<BaseStepButtonClassesKey>;
+export declare type StepButtonClasses = {
+    name: 'step-button';
+    classes: BaseStepButtonClassesKey;
+};

package/src/StepButton/StepButton.d.ts

@@ -0,0 +1,4 @@
+import { StepButtonComponent } from './StepButton.type';
+import stepButtonStyle from './styles/StepButton.css';
+declare const StepButton: StepButtonComponent;
+export { StepButton, stepButtonStyle };

package/src/StepButton/StepButton.type.d.ts

@@ -0,0 +1,34 @@
+import { OverridableComponent, OverridableProps, WithClassesProps } from '@ringcentral/spring-base';
+import { ComponentType, ElementType } from 'react';
+import { StepLabelProps } from '../StepLabel';
+import { StepButtonClassesKey } from './StepButton.classes';
+declare type DefaultElementType = 'button';
+declare type ExtendElementType = ElementType;
+declare type BaseStepButtonProps = WithClassesProps<{
+    /**
+     * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
+     */
+    children?: React.ReactNode;
+    /**
+     * Override the default label of the step icon in the step label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * The symbol displayed in the step icon.
+     */
+    symbol?: ComponentType;
+    /**
+     * The optional node to display.
+     */
+    optional?: React.ReactNode;
+    /**
+     * Props applied to the underlying StepLabel component.
+     */
+    StepLabelProps?: StepLabelProps;
+}, StepButtonClassesKey>;
+export declare type StepButtonProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseStepButtonProps, T>;
+export declare type StepButtonComponent = OverridableComponent<{
+    props: BaseStepButtonProps;
+    defaultComponent: DefaultElementType;
+}>;
+export {};

package/src/StepButton/index.d.ts

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

package/src/StepConnector/StepConnector.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseStepConnectorClassesKey = 'root' | 'horizontal' | 'vertical' | 'line' | 'line-horizontal' | 'line-vertical' | 'active';
+export declare type StepConnectorClassesKey = CamelCase<BaseStepConnectorClassesKey>;
+export declare type StepConnectorClasses = {
+    name: 'step-connector';
+    classes: BaseStepConnectorClassesKey;
+};

package/src/StepConnector/StepConnector.d.ts

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

package/src/StepConnector/StepConnector.type.d.ts

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

package/src/StepConnector/index.d.ts

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

package/src/StepContent/StepContent.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseStepContentClassesKey = 'root' | 'wrapper' | 'last';
+export declare type StepContentClassesKey = CamelCase<BaseStepContentClassesKey>;
+export declare type StepContentClasses = {
+    name: 'step-content';
+    classes: BaseStepContentClassesKey;
+};

package/src/StepContent/StepContent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StepContentProps } from './StepContent.type';
+import stepContentStyle from './styles/StepContent.css';
+declare const StepContent: import("react").ForwardRefExoticComponent<Pick<StepContentProps, "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>>;
+export { StepContent, stepContentStyle };

package/src/StepContent/StepContent.type.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { StandardProps } from '@ringcentral/spring-base';
+import { StepContentClassesKey } from './StepContent.classes';
+export declare type StepContentProps = StandardProps<{
+    /**
+     * The content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * false: will unmount content whenever collapsed
+     * true: keep displayed children mounted when collapsed
+     */
+    keepMounted?: boolean;
+}, StepContentClassesKey, 'div'>;

package/src/StepContent/index.d.ts

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

package/src/StepIcon/StepIcon.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseStepIconClassesKey = 'root' | 'text' | 'icon' | 'contained' | 'outlined' | 'current' | 'error' | 'text-current' | 'contained-current' | 'contained-error' | 'outlined-current' | 'outlined-error';
+export declare type StepIconClassesKey = CamelCase<BaseStepIconClassesKey>;
+export declare type StepIconClasses = {
+    name: 'step-icon';
+    classes: BaseStepIconClassesKey;
+};

package/src/StepIcon/StepIcon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StepIconProps } from './StepIcon.type';
+import stepIconStyle from './styles/StepIcon.css';
+declare const StepIcon: import("react").ForwardRefExoticComponent<Pick<StepIconProps, "symbol" | "error" | "disabled" | "active" | "classes" | "completed" | "key" | `data-${string}` | "variant" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "icon"> & import("react").RefAttributes<HTMLSpanElement>>;
+export { StepIcon, stepIconStyle };

package/src/StepIcon/StepIcon.type.d.ts

@@ -0,0 +1,38 @@
+import { StandardProps } from '@ringcentral/spring-base';
+import { ComponentType } from 'react';
+import { StepIconClassesKey } from './StepIcon.classes';
+export declare type StepIconProps = StandardProps<{
+    /**
+     * Whether this step is active.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Mark the step as completed. Is passed to child components.
+     * @default false
+     */
+    completed?: boolean;
+    /**
+     * If `true`, the step is marked as failed.
+     * @default false
+     */
+    error?: boolean;
+    /**
+     * If `true`, the step is displayed as disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The label displayed in the step icon.
+     */
+    icon: React.ReactNode;
+    /**
+     * The symbol displayed in the step icon.
+     */
+    symbol?: ComponentType;
+    /**
+     * The variant to use.
+     * @default 'contained'
+     */
+    variant?: 'contained' | 'outlined';
+}, StepIconClassesKey, 'span'>;

package/src/StepIcon/index.d.ts

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