@ringcentral/spring-ui 1.7.0

package/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/index.js

@@ -0,0 +1,191 @@
+export { F as FormField, u as useHelperTextId } from './chunks/useHelperTextId.js';
+export { F as FormLabel, a as FormLabelContext, u as useFormLabel } from './chunks/FormLabel.js';
+export { S as Squircle } from './chunks/Squircle.js';
+export { V as VisuallyHidden } from './chunks/VisuallyHidden.js';
+export { O as Overlap } from './chunks/Overlap.js';
+export { ClickAwayListener, Portal, useTabsContext as useTabContext } from '@mui/base';
+export { Skeleton, SkeletonContainer, skeletonContainerStyle, skeletonStyle } from './Skeleton.js';
+export { S as StatusIndicator } from './chunks/StatusIndicator.js';
+export { T as Tooltip, a as TooltipTrigger, b as TooltipView } from './chunks/Tooltip.js';
+export { u as useTooltipForceHide } from './chunks/useTooltipForceHide.js';
+export { w as withTooltip } from './chunks/withTooltip.js';
+export { I as Icon } from './chunks/Icon.js';
+export { B as Button, b as buttonIconSizeMap } from './chunks/Button.js';
+export { I as InnerModal, M as Modal, a as ModalContext, u as useModalContext } from './chunks/Modal.js';
+export { I as IconButton, a as IconButtonLabel } from './chunks/IconButtonLabel.js';
+export { IconButtonGroup, iconButtonGroupStyle } from './IconButtonGroup.js';
+export { SplitButton, splitButtonStyle } from './SplitButton.js';
+export { FabButton, fabButtonStyle } from './FabButton.js';
+export { CallButton, callButtonStyle } from './CallButton.js';
+export { Checkbox, checkboxStyle } from './Checkbox.js';
+export { C as Chip } from './chunks/Chip.js';
+export { D as Divider } from './chunks/Divider.js';
+export { InlineEditable, inlineEditableStyle } from './InlineEditable.js';
+export { Tag, tagStyle } from './Tag.js';
+export { Link, linkStyle } from './Link.js';
+export { B as Badge } from './chunks/Badge.js';
+export { Text, textStyle } from './Text.js';
+export { T as TextField } from './chunks/TextField.js';
+export { Textarea, textareaStyle } from './Textarea.js';
+export { P as PickerTextField } from './chunks/PickerTextField.js';
+export { P as Popover } from './chunks/Popover.js';
+export { Popper } from './Popper.js';
+export { A as Alert, a as AlertTitle } from './chunks/Alert.js';
+export { Announcement, announcementStyles } from './Announcement.js';
+export { Snackbar, SnackbarContent, snackbarContentStyles, snackbarStyle, useSnackbarWrapper } from './Snackbar.js';
+export { Option } from './Option.js';
+export { Rating, RatingItem, defaultEmptyIcon, defaultIcon, defaultLabelText, ratingStyle, roundValueToPrecision } from './Rating.js';
+export { ListItemText, listItemTextStyle } from './ListItemText.js';
+export { H as HoverActions, L as ListItem } from './chunks/ListItem.js';
+export { L as ListNavigationContext, a as useListNavigation, u as useListNavigationContext } from './chunks/useListNavigation.js';
+export { useItemNavigation } from './ListNavigation.js';
+export { L as List } from './chunks/List.js';
+export { MenuActions, MenuActionsGroup, menuActionsStyle } from './MenuActions.js';
+export { M as MenuDivider } from './chunks/MenuDivider.js';
+export { MenuFooter, menuFooterStyle } from './MenuFooter.js';
+export { MenuHeader, menuHeaderStyle } from './MenuHeader.js';
+export { M as MenuItemText } from './chunks/MenuItemText.js';
+export { A as Action, M as MenuItem, a as MenuItemSelectContext, e as MenuListContext, b as useMenuItem, c as useMenuItemSelect, u as useMenuItemSelectContext, f as useMenuListContext, d as useVirtualizedMenuItem } from './chunks/useMenuItemSelect.js';
+export { PopperMenu, SubMenu, popperMenuStyle } from './SubMenu.js';
+export { M as MenuList } from './chunks/MenuList.js';
+export { M as Menu, a as MenuContext, u as useMenuContext } from './chunks/Menu.js';
+export { Radio, radioStyle } from './Radio.js';
+export { R as RadioGroupContext, c as callbacksInSeries, u as useRadioGroup } from './chunks/RadioGroup.context.js';
+export { RadioGroup, radioGroupStyle } from './RadioGroup.js';
+export { S as Select, u as useSelect } from './chunks/Select.js';
+export { Slider, sliderStyle } from './Slider.js';
+export { Switch, switchStyle } from './Switch.js';
+export { Dropdown, dropdownStyle } from './Dropdown.js';
+export { Calendar, DEFAULT_FORMAT, DatePicker, DatePickerClassesContext, DatePickerHeader, Day, HeaderAction, ScreenReaderContext, ScreenReaderProvider, Year, Years, datePickerStyle, findClosestEnabledDate, focusDayElement, invalidateDateInRange, isSameYearAndMonth, useDatePickerClasses, useScreenReaderContext } from './DatePicker.js';
+export { HALF_DAY_HOURS, HOUR_MINUTES, K_ENTER, K_SPACE, NumberPicker, ONE_HOUR, PickerView, SelectionView, TIME_GAP, TIME_SYSTEM_TEXT, TimeBoundary, TimeButton, TimePicker, TimePickerClassesContext, ToggleText, getFormattedTime, getHourAndMinute, getNumberPickerBoundary, getPeriod, getRangeBoundary, getRecoupHour, getTimestamp, getTimestampFromDate, getTimestampFromHourAndMin, isClick, lastMinute, minuteSource, pad, parseNumber, parseNumberToString, timePickerStyle, twelveHourSystemSource, twentyFourHourSystemSource, useTimePickerClasses } from './TimePicker.js';
+export { C as CircularProgressIndicator } from './chunks/CircularProgressIndicator.js';
+export { LinearProgressIndicator, linearProgressIndicatorStyle } from './LinearProgressIndicator.js';
+export { BlockHeader, blockHeaderStyles } from './BlockHeader.js';
+export { Block, blockStyles } from './Block.js';
+export { AccordionHeader, accordionHeaderStyles } from './AccordionHeader.js';
+export { Accordion, accordionStyles } from './Accordion.js';
+export { A as AccordionContext, u as useAccordionContext } from './chunks/AccordionContext.js';
+export { E as ExpandCollapseCaret } from './chunks/ExpandCollapseCaret.js';
+export { Fade, Grow, expandCollapseCaretStyles, showHideEyeStyles } from './Animation.js';
+export { g as getFade } from './chunks/getFade.js';
+export { g as getGrow, a as getTransformOriginStringForPlacement } from './chunks/getGrow.js';
+export { S as ShowHideEye } from './chunks/ShowHideEye.js';
+export { S as SlideIn } from './chunks/SlideIn.js';
+export { g as getSlideIn } from './chunks/getSlideIn.js';
+export { S as SortableArrow } from './chunks/SortableArrow.js';
+export { u as usePrefersReducedMotion } from './chunks/usePrefersReducedMotion.js';
+export { u as useMotionSafeTransition } from './chunks/useMotionSafeTransition.js';
+export { Avatar, avatarStyles } from './Avatar.js';
+export { a as AvatarGroup, A as AvatarGroupContext } from './chunks/AvatarGroup.js';
+export { B as Backdrop } from './chunks/Backdrop.js';
+export { ACCEPTABLE_KEYS, DIALER_PAD_ICONS, DIALER_PAD_PLUS, DialDelete, DialPad, DialPadButton, DialTextField, Dialer, DialerContext, DialerPadSoundsMPEG, DialerPadSoundsOGG, dialPadButtonStyle, dialPadStyle, getDialPadValueOnlyRegex, useDialKeyboard, useDialerContext, useFixedEndSelection, useKeyAudio } from './Dialer.js';
+export { a as BottomNavigationContext, B as BottomNavigationItem, u as useBottomNavigationContext } from './chunks/BottomNavigationItem.js';
+export { BottomNavigation, BottomNavigationGroup, bottomNavigationGroupStyles, bottomNavigationStyles } from './BottomNavigation.js';
+export { DateUtilsProvider, useDateUtilsContext } from './DateUtilsContext.js';
+export { FocusTrap } from './FocusTrap.js';
+export { u as useFocusTrapStack } from './chunks/useFocusTrapStack.js';
+export { N as NestedMenuContext, u as useNestedMenuContext, a as useNestedParentMenu } from './chunks/useNestedParentMenu.js';
+export { useNestedChildMenu } from './NestedMenuContext.js';
+export { u as useNestedMenuItem } from './chunks/useNestedMenuItem.js';
+export { P as PopperPaper } from './chunks/PopperPaper.js';
+export { FilterButton, SingleFilter, filterButtonStyle, singleFilterStyle } from './SingleFilter.js';
+export { SortableListItem, SortableListItemOverlay } from './SortableListItem.js';
+export { SortableList } from './SortableList.js';
+export { DndKeyboardBlocker, SortableListDndContext, useSortableListDndContext } from './SortableListDndContext.js';
+export { arrayMove } from '@dnd-kit/sortable';
+export { SortableVirtualizedList } from './SortableVirtualizedList.js';
+export { S as StepIcon } from './chunks/StepIcon.js';
+export { S as StepLabel } from './chunks/StepLabel.js';
+export { StepButton, stepButtonStyle } from './StepButton.js';
+export { StepContent, stepContentStyle } from './StepContent.js';
+export { S as StepConnector } from './chunks/StepConnector.js';
+export { Step, stepStyle } from './Step.js';
+export { S as StepContext, a as StepperContext, u as useStepContext, b as useStepperContext } from './chunks/StepperContext.js';
+export { Stepper, stepperStyle } from './Stepper.js';
+export { TableBody, tableBodyStyle } from './TableBody.js';
+export { TableCell, tableCellStyle } from './TableCell.js';
+export { TableHead, tableHeadStyle } from './TableHead.js';
+export { TableRow, tableRowStyle } from './TableRow.js';
+export { TablePagination, tablePaginationStyles } from './TablePagination.js';
+export { TableFooter, tableFooterStyles } from './TableFooter.js';
+export { TableContainer, tableContainerStyle } from './TableContainer.js';
+export { Table, tableStyle } from './Table.js';
+export { T as TableContext, u as useTableContext } from './chunks/TableContext.js';
+export { T as Tablelvl2Context, u as useTablelvl2Context } from './chunks/Tablelvl2Context.js';
+export { TrayMenu, TrayMenuItem } from './TrayMenu.js';
+export { T as Tray, a as TrayContext, b as TrayPanel, c as useTray, u as useTrayContext, d as useTrayNavigate, e as useTrayPanel } from './chunks/useTrayNavigate.js';
+export { a as VirtualizedMenu, V as VirtualizedMenuContext, b as VirtualizedMenuList, u as useVirtualizedMenuContext } from './chunks/VirtualizedMenu.js';
+export { VirtualizedItemPropsContext, VirtualizedList, VirtuosoComponents, useVirtualizedItemPropsContext } from './VirtualizedList.js';
+export { Dialog, DialogActions, DialogContent, DialogTitle, dialogStyle } from './Dialog.js';
+export { D as Drawer } from './chunks/Drawer.js';
+export { D as DragHandle } from './chunks/DragHandle.js';
+export { SwipeableDrawer, swipeableDrawerStyles } from './SwipeableDrawer.js';
+export { Autocomplete, DEFAULT_GET_OPTION_LABEL, DEFAULT_KEY_TO_CHIPS, RcAutocompleteDefaultFilterOptions, SuggestionList, SuggestionListItem, autocompleteStyles, stringArrToRegExp, suggestionListStyles, useAutocomplete, useAutocompleteGroup, useAutocompleteTag, useDynamicHeight, useHighlightScroll, useSuggestionList } from './Autocomplete.js';
+export { EmptyState, emptyStateStyle } from './EmptyState.js';
+export { TabContext, generateTabStableIds, useInternalTabsContext, useTabStableIds } from './TabContext.js';
+export { TabPanel, tabPanelStyle } from './TabPanel.js';
+export { Tab, tabStyle } from './Tab.js';
+export { TabMoreMenu, TabScrollButton, Tabs, tabsStyle, useComputedTabs, useTabsScroller } from './Tabs.js';
+export { T as TabsContext, u as useTabsContext } from './chunks/TabsContext.js';
+export { PageHeader, PageHeaderCenter, PageHeaderLeft, PageHeaderRight, PageHeaderTitle, pageHeaderStyle } from './PageHeader.js';
+export * from '@ringcentral/spring-base';
+export * from '@ringcentral/spring-theme';
+export { formFieldStyle } from './FormField.js';
+export { formLabelStyle } from './FormLabel.js';
+export { squircleStyle } from './Squircle.js';
+export { visuallyHiddenStyle } from './VisuallyHidden.js';
+export { overlapStyle } from './Overlap.js';
+export { statusIndicatorStyle } from './StatusIndicator.js';
+export { tooltipViewStyle } from './Tooltip.js';
+export { iconStyle } from './Icon.js';
+export { buttonClasses } from './Button.js';
+export { modalStyles } from './Modal.js';
+export { iconButtonLabelStyle, iconButtonStyle } from './IconButton.js';
+export { chipStyle } from './Chip.js';
+export { dividerStyle } from './Divider.js';
+export { badgeStyles } from './Badge.js';
+export { textFieldStyle } from './TextField.js';
+export { pickerTextFieldStyle } from './PickerTextField.js';
+export { popoverStyle } from './Popover.js';
+export { alertStyles, alertTitleStyles } from './Alert.js';
+export { listItemStyle } from './ListItem.js';
+export { listStyle } from './List.js';
+export { menuDividerStyle } from './MenuDivider.js';
+export { menuItemTextStyle } from './MenuItemText.js';
+export { menuItemStyle } from './MenuItem.js';
+export { menuListStyle } from './MenuList.js';
+export { menuStyle } from './Menu.js';
+export { selectStyle } from './Select.js';
+export { circularProgressIndicatorStyle } from './CircularProgressIndicator.js';
+export { avatarGroupStyles } from './AvatarGroup.js';
+export { backdropStyles } from './Backdrop.js';
+export { bottomNavigationItemStyles } from './BottomNavigationItem.js';
+export { popperPaperStyle } from './PopperPaper.js';
+export { stepIconStyle } from './StepIcon.js';
+export { stepLabelStyle } from './StepLabel.js';
+export { stepConnectorStyle } from './StepConnector.js';
+export { trayStyle } from './Tray.js';
+export { virtualizedMenuStyle } from './VirtualizedMenu.js';
+export { drawerStyles } from './Drawer.js';
+export { dragHandleStyle } from './DragHandle.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'clsx';
+import '@ringcentral/spring-icon';
+import 'framer-motion';
+import 'lodash/isNumber';
+import 'lodash/kebabCase';
+import 'lodash/isString';
+import '@floating-ui/react-dom';
+import 'tabbable';
+import 'lodash/clamp';
+import 'dayjs';
+import '@date-io/dayjs';
+import '@dnd-kit/utilities';
+import '@dnd-kit/core';
+import 'react-virtuoso';
+import '@use-gesture/react';
+import '@juggle/resize-observer';
+import 'lodash/uniqueId';
+import 'lodash/isEqual';
+import 'lodash/throttle';

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@ringcentral/spring-ui",
+  "version": "1.7.0",
+  "author": "RingCentral",
+  "description": "A comprehensive React component library built with Tailwind CSS, featuring production-ready components",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "@date-io/dayjs": "^3.0.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@floating-ui/react-dom": "2.1.1",
+    "@juggle/resize-observer": "3.4.0",
+    "@mui/base": "5.0.0-beta.40",
+    "@ringcentral/spring-base": "^1.7.0",
+    "@ringcentral/spring-icon": "^1.7.0",
+    "@ringcentral/spring-theme": "^1.7.0",
+    "@types/lodash": "^4.14.182",
+    "@use-gesture/react": "10.3.1",
+    "clsx": "^1.2.1",
+    "framer-motion": "^6.5.1",
+    "lodash": "^4.17.21",
+    "tabbable": "^6.0.0",
+    "type-fest": "^2.12.2"
+  },
+  "peerDependencies": {
+    "@types/react": ">=17.0.3",
+    "dayjs": "^1.11.13",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "react-virtuoso": "4.7.10"
+  },
+  "sideEffects": false,
+  "license": "MIT",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/Accordion/Accordion.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseAccordionClassesKey = 'root' | 'panel-wrapper' | 'panel-inner-wrapper';
+export declare type AccordionClassesKey = CamelCase<BaseAccordionClassesKey>;
+export declare type AccordionClasses = {
+    name: 'accordion';
+    classes: BaseAccordionClassesKey;
+};

package/src/Accordion/Accordion.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AccordionProps } from './Accordion.type';
+import accordionStyles from './styles/Accordion.css';
+declare const Accordion: import("react").ForwardRefExoticComponent<Pick<AccordionProps, "children" | "onKeyDown" | "onKeyUp" | "onClick" | "aria-hidden" | "dir" | "header" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "role" | "classes" | "expanded" | "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" | "defaultExpanded"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Accordion, accordionStyles };

package/src/Accordion/Accordion.type.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode, SyntheticEvent } from 'react';
+import { StandardProps } from '@ringcentral/spring-base';
+import { AccordionClassesKey } from './Accordion.classes';
+export declare type AccordionProps = StandardProps<{
+    /**
+     * Slot for header of Accordion.
+     */
+    header: ReactNode;
+    /**
+     * If `true`, expands the accordion by default.
+     * @default false
+     */
+    defaultExpanded?: boolean;
+    /**
+     * If `true`, expands the accordion, otherwise collapse it.
+     * Setting this prop enables control over the accordion.
+     */
+    expanded?: boolean;
+    /**
+     * Callback fired when the expand/collapse state is changed.
+     *
+     * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
+     * @param {boolean} expanded The `expanded` state of the accordion.
+     */
+    onChange?: (event: SyntheticEvent, expanded: boolean) => void;
+    /**
+     * false: will unmount content whenever collapsed
+     * true: keep displayed children mounted when collapsed
+     */
+    keepMounted?: boolean;
+}, AccordionClassesKey, 'div'>;

package/src/Accordion/AccordionContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type AccordionContextValue = {
+    id?: string;
+    ariaControls?: string;
+    expanded?: boolean;
+    toggle?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+};
+export declare const AccordionContext: import("react").Context<AccordionContextValue>;
+export declare const useAccordionContext: () => AccordionContextValue;

package/src/Accordion/index.d.ts

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

package/src/AccordionHeader/AccordionHeader.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseAccordionHeaderClassesKey = 'root' | 'content' | 'primary-text' | 'secondary-slot' | 'expand-icon';
+export declare type AccordionHeaderClassesKey = CamelCase<BaseAccordionHeaderClassesKey>;
+export declare type AccordionHeaderClasses = {
+    name: 'accordion-header';
+    classes: BaseAccordionHeaderClassesKey;
+};

package/src/AccordionHeader/AccordionHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AccordionHeaderProps } from './AccordionHeader.type';
+import accordionHeaderStyles from './styles/AccordionHeader.css';
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<Pick<AccordionHeaderProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "aria-hidden" | "dir" | "form" | "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" | "onFocusVisible" | "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" | "formEncType" | "secondarySlot" | "expandIcon" | "ExpandCollapseCaretProps"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { AccordionHeader, accordionHeaderStyles };

package/src/AccordionHeader/AccordionHeader.type.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { StandardProps, UseFocusVisibleOptions } from '@ringcentral/spring-base';
+import { ExpandCollapseCaretProps } from '../Animation/components/ExpandCollapseCaret';
+import { AccordionHeaderClassesKey } from './AccordionHeader.classes';
+export declare type AccordionHeaderProps = StandardProps<{
+    /** If children is not string,
+     * **should** handle truncation tooltip by adding title attribute on the actual component containing the string */
+    children: ReactNode;
+    /** secondary content slot of the header. */
+    secondarySlot?: ReactNode;
+    /**
+     * If `true`, the component will be disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the component will show an ExpandCollapseCaret icon.
+     * @default true
+     */
+    expandIcon?: boolean;
+    /**
+     * Props passed to the ExpandCollapseCaret component
+     */
+    ExpandCollapseCaretProps?: Partial<ExpandCollapseCaretProps>;
+} & Pick<UseFocusVisibleOptions, 'onFocusVisible'>, AccordionHeaderClassesKey, 'button'>;

package/src/AccordionHeader/index.d.ts

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

package/src/Alert/Alert.classes.d.ts

@@ -0,0 +1,8 @@
+import type { CamelCase } from 'type-fest';
+import type { AlertSeverity } from './Alert.type';
+export declare type BaseAlertClassesKey = 'root' | 'icon' | 'body' | 'content' | 'action' | 'close' | 'info' | 'error' | 'warning' | 'success' | 'neutral' | `${AlertSeverity}-icon`;
+export declare type AlertClassesKey = CamelCase<BaseAlertClassesKey>;
+export declare type AlertClasses = {
+    name: 'alert';
+    classes: BaseAlertClassesKey;
+};

package/src/Alert/Alert.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { AlertProps, AlertTitleProps } from './Alert.type';
+import alertStyles from './styles/Alert.css';
+import alertTitleStyles from './styles/AlertTitle.css';
+export declare const Alert: import("react").ForwardRefExoticComponent<Pick<AlertProps<"div">, "classes" | "key" | "action" | keyof import("react").HTMLAttributes<HTMLDivElement> | "component" | "icon" | "onClose" | "startSlot" | "closeText" | "severity" | "CloseButtonProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AlertTitle: React.FC<AlertTitleProps>;
+export { alertStyles, alertTitleStyles };

package/src/Alert/Alert.type.d.ts

@@ -0,0 +1,56 @@
+import React, { ElementType } from 'react';
+import { OverridableComponent, OverridableProps, StandardProps, WithClassesProps } from '@ringcentral/spring-base';
+import { IconButtonProps } from '../IconButton';
+import { AlertClassesKey } from './Alert.classes';
+import { AlertTitleClassesKey } from './AlertTitle.classes';
+declare type DefaultElementType = 'div';
+declare type ExtendElementType = ElementType;
+export declare type AlertSeverity = 'info' | 'error' | 'success' | 'warning' | 'neutral';
+declare type BaseAlertProps = WithClassesProps<{
+    /**
+     * The action to display. It renders after the message, at the end of the alert.
+     */
+    action?: React.ReactNode;
+    /**
+     * @deprecated Use startSlot instead. Will be removed in the next major version.
+     * Override the icon displayed before the children.
+     * Unless provided, the icon is mapped to the value of the `severity` prop.
+     *
+     * @default false
+     */
+    icon?: React.ComponentType | boolean;
+    /**
+     * The content to display at the start of the alert, before the message.
+     * If not provided and severity is set, a default icon will be shown.
+     */
+    startSlot?: React.ComponentType | React.ReactElement | null;
+    /**
+     * Callback fired when the component requests to be closed.
+     *
+     * When this callback is set, a close icon button is displayed that triggers the callback when clicked.
+     */
+    onClose?: () => void;
+    /**
+     * Override the default label for the *close popup* icon button.
+     *
+     * For localization purposes, you can use the provided [translations](/guides/localization/).
+     */
+    closeText?: string;
+    /**
+     * The severity of the alert. This defines the color and icon used.
+     *
+     * @default "info"
+     */
+    severity?: AlertSeverity;
+    /**
+     * Props applied to the IconButton component used for the close button.
+     */
+    CloseButtonProps?: IconButtonProps;
+}, AlertClassesKey>;
+export declare type AlertProps<T extends ExtendElementType = DefaultElementType> = OverridableProps<BaseAlertProps, T>;
+export declare type AlertComponent = OverridableComponent<{
+    props: BaseAlertProps;
+    defaultComponent: DefaultElementType;
+}>;
+export declare type AlertTitleProps = StandardProps<{}, AlertTitleClassesKey, 'div'>;
+export {};

package/src/Alert/AlertTitle.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseAlertTitleClassesKey = 'root';
+export declare type AlertTitleClassesKey = CamelCase<BaseAlertTitleClassesKey>;
+export declare type AlertTitleClasses = {
+    name: 'alert-title';
+    classes: BaseAlertTitleClassesKey;
+};

package/src/Alert/index.d.ts

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

package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.classes.d.ts

@@ -0,0 +1,7 @@
+import type { CamelCase } from 'type-fest';
+export declare type BaseExpandCollapseCaretClassesKey = 'root' | 'vertical' | 'horizontal';
+export declare type ExpandCollapseCaretClassesKey = CamelCase<BaseExpandCollapseCaretClassesKey>;
+export declare type ExpandCollapseCaretClasses = {
+    name: 'expand-collapse-caret';
+    classes: BaseExpandCollapseCaretClassesKey;
+};

package/src/Animation/components/ExpandCollapseCaret/ExpandCollapseCaret.d.ts

@@ -0,0 +1,17 @@
+import { WithClassesProps } from '@ringcentral/spring-base';
+import { IconProps } from '../../../Icon';
+import { MotionComponent } from '../types';
+import { ExpandCollapseCaretClassesKey } from './ExpandCollapseCaret.classes';
+import expandCollapseCaretStyles from './styles/ExpandCollapseCaret.css';
+declare type Orientation = 'vertical' | 'horizontal';
+export declare type ExpandCollapseCaretProps = WithClassesProps<{
+    /**
+     * The orientation of the caret.
+     * @default 'vertical'
+     */
+    orientation?: Orientation;
+    expanded: boolean;
+    size?: IconProps['size'];
+} & Omit<IconProps, 'symbol' | 'size' | 'classes'>, ExpandCollapseCaretClassesKey>;
+export declare const ExpandCollapseCaret: MotionComponent<ExpandCollapseCaretProps>;
+export { expandCollapseCaretStyles };

package/src/Animation/components/ExpandCollapseCaret/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ExpandCollapseCaret.classes';
+export * from './ExpandCollapseCaret';

package/src/Animation/components/Fade/Fade.d.ts

@@ -0,0 +1,5 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { ComponentType } from 'react';
+import { GetFadeOptions } from './getFade';
+export declare type FadeProps = GetFadeOptions & HTMLMotionProps<'div'>;
+export declare const Fade: ComponentType<FadeProps>;

package/src/Animation/components/Fade/getFade.d.ts

@@ -0,0 +1,4 @@
+import { MotionProps } from 'framer-motion';
+import { CommonMotionOptions } from '../types';
+export declare type GetFadeOptions = CommonMotionOptions;
+export declare const getFade: ({ toggle, prefersReducedMotion, toggleOnTransition, toggleOffTransition, }?: GetFadeOptions) => MotionProps;

package/src/Animation/components/Fade/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Fade';
+export * from './getFade';

package/src/Animation/components/Grow/Grow.d.ts

@@ -0,0 +1,5 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { ComponentType } from 'react';
+import { GetGrowOptions } from './getGrow';
+export declare type GrowProps = GetGrowOptions & HTMLMotionProps<'div'>;
+export declare const Grow: ComponentType<GrowProps>;

package/src/Animation/components/Grow/getGrow.d.ts

@@ -0,0 +1,19 @@
+import { Placement } from '@floating-ui/react-dom';
+import { MotionProps } from 'framer-motion';
+import { CommonMotionOptions } from '../types';
+declare type Direction = 'x' | 'y' | 'both';
+declare type VerticalTransformOrigin = 'top' | 'center' | 'bottom' | number;
+declare type HorizontalTransformOrigin = 'left' | 'center' | 'right' | number;
+export declare type GetGrowOptions = CommonMotionOptions & {
+    direction?: Direction;
+    prefersReducedMotion?: boolean;
+    transformOrigin?: {
+        vertical: VerticalTransformOrigin;
+        horizontal: HorizontalTransformOrigin;
+    };
+};
+export declare const getGrow: ({ toggle, direction, prefersReducedMotion, toggleOffTransition, toggleOnTransition, transformOrigin, }?: GetGrowOptions) => MotionProps;
+export declare const getTransformOriginStringForPlacement: (params: {
+    placement: Placement;
+}) => string | undefined;
+export {};

package/src/Animation/components/Grow/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Grow';
+export * from './getGrow';

package/src/Animation/components/ShowHideEye/ShowHideEye.classes.d.ts

@@ -0,0 +1,7 @@
+import { CamelCase } from 'type-fest';
+export declare type BaseShowHideEyeClassesKey = 'root';
+export declare type ShowHideEyeClassesKey = CamelCase<BaseShowHideEyeClassesKey>;
+export declare type ShowHideEyeClasses = {
+    name: 'show-hide-eye';
+    classes: BaseShowHideEyeClassesKey;
+};

package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts

@@ -0,0 +1,14 @@
+import { WithClassesProps } from '@ringcentral/spring-base';
+import { IconProps } from '../../../Icon';
+import { MotionComponent } from '../types';
+import { ShowHideEyeClassesKey } from './ShowHideEye.classes';
+import showHideEyeStyles from './styles/ShowHideEye.css';
+export declare type ShowHideEyeProps = WithClassesProps<{
+    /**
+     * If `true`, the eye is closed.
+     * @default false
+     */
+    hide: boolean;
+} & Omit<IconProps, 'symbol' | 'classes'>, ShowHideEyeClassesKey>;
+export declare const ShowHideEye: MotionComponent<ShowHideEyeProps>;
+export { showHideEyeStyles };

package/src/Animation/components/ShowHideEye/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ShowHideEye';
+export * from './ShowHideEye.classes';

package/src/Animation/components/SlideIn/SlideIn.d.ts

@@ -0,0 +1,5 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { ComponentType } from 'react';
+import { GetSlideInOptions } from './getSlideIn';
+export declare type SlideInProps = GetSlideInOptions & HTMLMotionProps<'div'>;
+export declare const SlideIn: ComponentType<SlideInProps>;

package/src/Animation/components/SlideIn/getSlideIn.d.ts

@@ -0,0 +1,9 @@
+import { MotionProps, Transition } from 'framer-motion';
+import { CommonMotionOptions } from '../types';
+declare type Direction = 'right' | 'left' | 'top' | 'bottom';
+export declare type GetSlideInOptions = CommonMotionOptions & {
+    from?: Direction;
+    transition?: Transition;
+};
+export declare const getSlideIn: ({ toggle, from, prefersReducedMotion, toggleOnTransition, toggleOffTransition, }?: GetSlideInOptions) => MotionProps;
+export {};

package/src/Animation/components/SlideIn/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SlideIn';
+export * from './getSlideIn';

package/src/Animation/components/SortableArrow/SortableArrow.classes.d.ts

@@ -0,0 +1,7 @@
+import { CamelCase } from 'type-fest';
+export declare type BaseSortableArrowClassesKey = 'root';
+export declare type SortableArrowClassesKey = CamelCase<BaseSortableArrowClassesKey>;
+export declare type SortableArrowClasses = {
+    name: 'sortable-arrow';
+    classes: BaseSortableArrowClassesKey;
+};

package/src/Animation/components/SortableArrow/SortableArrow.d.ts

@@ -0,0 +1,9 @@
+import { WithClassesProps } from '@ringcentral/spring-base';
+import { IconProps } from '../../../Icon';
+import { SortDirection } from '../../../TableCell';
+import { MotionComponent } from '../types';
+import { SortableArrowClassesKey } from './SortableArrow.classes';
+export declare type SortableArrowProps = WithClassesProps<{
+    direction: SortDirection;
+} & Omit<IconProps, 'symbol' | 'classes'>, SortableArrowClassesKey>;
+export declare const SortableArrow: MotionComponent<SortableArrowProps>;