@ringcentral/spring-ui 1.11.1 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (174) hide show
  1. package/AccordionHeader.js +4 -2
  2. package/Animation.js +10 -9
  3. package/Autocomplete.js +7 -2
  4. package/BlockHeader.js +3 -1
  5. package/DatePicker.js +5 -3
  6. package/Dialer.js +36 -21
  7. package/Dialog.js +4 -3
  8. package/Dropdown.js +8 -4
  9. package/EmptyState.js +3 -1
  10. package/FormField.js +2 -0
  11. package/ListItem.js +1 -0
  12. package/ListItemText.js +9 -3
  13. package/MenuHeader.js +5 -1
  14. package/MenuItem.js +3 -0
  15. package/MenuItemText.js +2 -0
  16. package/MenuList.js +3 -0
  17. package/Option.js +4 -1
  18. package/PickerTextField.js +2 -0
  19. package/Popper.js +28 -25
  20. package/Rating.js +2 -2
  21. package/Select.js +4 -0
  22. package/SingleFilter.js +4 -0
  23. package/Slider.js +3 -2
  24. package/SortableListItem.js +1 -0
  25. package/SortableVirtualizedList.js +11 -10
  26. package/SplitButton.js +4 -0
  27. package/Squircle.js +2 -2
  28. package/StepContent.js +1 -1
  29. package/SubMenu.js +4 -0
  30. package/SwipeableDrawer.js +16 -18
  31. package/TableCell.js +1 -1
  32. package/TablePagination.js +4 -0
  33. package/Tabs.js +11 -5
  34. package/TextField.js +2 -0
  35. package/Textarea.js +2 -0
  36. package/TimePicker.js +3 -1
  37. package/TrayMenu.js +3 -0
  38. package/VirtualizedList.js +7 -5
  39. package/VirtualizedMenu.js +1 -0
  40. package/chunks/Alert.js +2 -2
  41. package/chunks/Badge.js +1 -1
  42. package/chunks/Drawer.js +3 -2
  43. package/chunks/MenuItemText.js +3 -1
  44. package/chunks/MenuList.js +2 -1
  45. package/chunks/Modal.js +132 -9
  46. package/chunks/Popover.js +13 -5
  47. package/chunks/Select.js +26 -21
  48. package/chunks/SlideIn.js +2 -1
  49. package/chunks/Squircle.js +2 -2
  50. package/chunks/VirtualizedMenu.js +5 -5
  51. package/chunks/composeEventHandlers.js +10 -0
  52. package/chunks/getSlideIn.js +2 -2
  53. package/chunks/hasContent.js +3 -0
  54. package/chunks/useAnimationFrame.js +15 -0
  55. package/chunks/useFocusTrapStack.js +3 -1
  56. package/chunks/useHelperTextId.js +4 -2
  57. package/chunks/useMenuItemSelect.js +37 -26
  58. package/index.css +205 -172
  59. package/index.js +4 -0
  60. package/internal/hooks/index.d.ts +1 -0
  61. package/internal/hooks/useAnimationFrame.d.ts +4 -0
  62. package/internal/utils/hasContent.d.ts +2 -0
  63. package/internal/utils/index.d.ts +3 -0
  64. package/internal/utils/setRef.d.ts +1 -0
  65. package/package.json +8 -8
  66. package/src/Accordion/Accordion.d.ts +1 -1
  67. package/src/AccordionHeader/AccordionHeader.d.ts +1 -1
  68. package/src/Alert/Alert.type.d.ts +2 -1
  69. package/src/Animation/components/Fade/Fade.d.ts +4 -2
  70. package/src/Animation/components/Grow/Grow.d.ts +4 -2
  71. package/src/Animation/components/ShowHideEye/ShowHideEye.d.ts +1 -1
  72. package/src/Animation/components/SlideIn/SlideIn.d.ts +4 -2
  73. package/src/Animation/components/SlideIn/getSlideIn.d.ts +1 -1
  74. package/src/Announcement/Announcement.d.ts +1 -1
  75. package/src/Autocomplete/SuggestionList/SuggestionList.d.ts +1 -1
  76. package/src/Autocomplete/SuggestionList/SuggestionListItem.d.ts +1 -1
  77. package/src/Autocomplete/SuggestionList/utils/useSuggestionList.d.ts +1 -1
  78. package/src/Autocomplete/useAutocomplete.d.ts +74 -50
  79. package/src/Autocomplete/useAutocompleteTag.d.ts +68 -44
  80. package/src/Backdrop/Backdrop.d.ts +1 -1
  81. package/src/Badge/Badge.d.ts +2 -2
  82. package/src/BottomNavigation/BottomNavigationGroup/BottomNavigationGroup.d.ts +1 -1
  83. package/src/CircularProgressIndicator/CircularProgressIndicator.d.ts +1 -1
  84. package/src/DatePicker/DatePicker.d.ts +1 -1
  85. package/src/DatePicker/Day.d.ts +1 -1
  86. package/src/DatePicker/Year.d.ts +1 -1
  87. package/src/DatePicker/utils/DatePickerAriaLabelUtils.d.ts +2 -1
  88. package/src/Dialer/DialDelete/DialDelete.d.ts +2 -2
  89. package/src/Dialer/DialPad/DialPad.d.ts +2 -2
  90. package/src/Dialer/DialTextField/DialTextField.d.ts +1 -1
  91. package/src/Dialer/Dialer.d.ts +4 -2
  92. package/src/Dialog/Dialog.d.ts +4 -4
  93. package/src/Drawer/Drawer.d.ts +1 -1
  94. package/src/Dropdown/Dropdown.type.d.ts +2 -2
  95. package/src/EmptyState/EmptyState.d.ts +1 -1
  96. package/src/FormField/FormField.d.ts +1 -1
  97. package/src/FormLabel/FormLabel.d.ts +1 -1
  98. package/src/Icon/Icon.d.ts +1 -1
  99. package/src/IconButton/IconButtonLabel.d.ts +1 -1
  100. package/src/InlineEditable/InlineEditable.type.d.ts +2 -1
  101. package/src/LinearProgressIndicator/LinearProgressIndicator.d.ts +1 -1
  102. package/src/List/List.d.ts +1 -1
  103. package/src/ListItem/ListItem.d.ts +1 -1
  104. package/src/ListItemText/ListItemText.d.ts +1 -1
  105. package/src/ListNavigation/useListNavigation.d.ts +3 -3
  106. package/src/Menu/Menu.d.ts +1 -1
  107. package/src/MenuActions/MenuActions.d.ts +3 -3
  108. package/src/MenuDivider/MenuDivider.d.ts +1 -1
  109. package/src/MenuFooter/MenuFooter.d.ts +1 -1
  110. package/src/MenuHeader/MenuHeader.d.ts +1 -1
  111. package/src/MenuItem/MenuItem.d.ts +1 -1
  112. package/src/MenuItem/useMenuItem.d.ts +1 -1
  113. package/src/MenuItem/useVirtualizedMenuItem.d.ts +1 -1
  114. package/src/MenuItemText/MenuItemText.d.ts +1 -1
  115. package/src/MenuList/MenuList.type.d.ts +1 -1
  116. package/src/Modal/InnerModal.d.ts +2 -16
  117. package/src/Modal/InnerModal.type.d.ts +1 -0
  118. package/src/Modal/Modal.d.ts +2 -21
  119. package/src/Modal/ModalContext.d.ts +3 -0
  120. package/src/Modal/OverlayBranchRegistry.d.ts +8 -0
  121. package/src/Modal/useOverlayBranch.d.ts +8 -0
  122. package/src/NestedMenuContext/MenuOverlayGroupContext.d.ts +2 -2
  123. package/src/Option/Option.d.ts +1 -1
  124. package/src/PageHeader/PageHeader.d.ts +5 -5
  125. package/src/PickerTextField/PickerTextField.d.ts +1 -1
  126. package/src/Popover/Popover.d.ts +1 -1
  127. package/src/Popper/Popper.d.ts +1 -1
  128. package/src/Popper/Popper.type.d.ts +10 -7
  129. package/src/PopperPaper/PopperPaper.d.ts +1 -1
  130. package/src/RadioGroup/RadioGroup.d.ts +1 -1
  131. package/src/Rating/Rating.d.ts +1 -1
  132. package/src/Rating/RatingItem.d.ts +1 -1
  133. package/src/Rating/utils.d.ts +3 -3
  134. package/src/Select/Select.type.d.ts +1 -1
  135. package/src/SingleFilter/FilterButton/FilterButton.d.ts +1 -1
  136. package/src/SingleFilter/SingleFilter.d.ts +1 -1
  137. package/src/Skeleton/Skeleton.d.ts +1 -1
  138. package/src/Slider/Slider.d.ts +2 -2
  139. package/src/Slider/SliderThumb.d.ts +2 -2
  140. package/src/Snackbar/Snackbar.d.ts +1 -1
  141. package/src/Snackbar/SnackbarContent/SnackbarContent.d.ts +1 -1
  142. package/src/SortableListItem/SortableListItem.d.ts +1 -1
  143. package/src/SortableListItem/SortableListItemOverlay.d.ts +1 -1
  144. package/src/SplitButton/SplitButton.d.ts +1 -1
  145. package/src/Squircle/Squircle.d.ts +1 -1
  146. package/src/StatusIndicator/StatusIndicator.d.ts +2 -2
  147. package/src/StepConnector/StepConnector.d.ts +1 -1
  148. package/src/StepContent/StepContent.d.ts +1 -1
  149. package/src/StepIcon/StepIcon.d.ts +1 -1
  150. package/src/StepLabel/StepLabel.d.ts +1 -1
  151. package/src/SubMenu/PopperMenu.d.ts +1 -1
  152. package/src/SubMenu/PopperMenu.type.d.ts +4 -1
  153. package/src/SubMenu/SubMenu.d.ts +1 -1
  154. package/src/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
  155. package/src/Tab/Tab.d.ts +1 -1
  156. package/src/TabPanel/TabPanel.d.ts +1 -1
  157. package/src/TableFooter/TableFooter.d.ts +1 -1
  158. package/src/Tabs/TabMoreMenu.d.ts +1 -1
  159. package/src/Tabs/TabScrollButton.d.ts +1 -1
  160. package/src/Tabs/Tabs.d.ts +1 -1
  161. package/src/Tag/Tag.d.ts +1 -1
  162. package/src/TextField/TextField.d.ts +1 -1
  163. package/src/Textarea/Textarea.d.ts +1 -1
  164. package/src/TimePicker/NumberPicker.d.ts +1 -1
  165. package/src/TimePicker/TimeButton.d.ts +1 -1
  166. package/src/TimePicker/ToggleText.d.ts +1 -1
  167. package/src/Tray/Tray.d.ts +1 -1
  168. package/src/Tray/TrayPanel.d.ts +1 -1
  169. package/src/TrayMenu/TrayMenu.d.ts +1 -1
  170. package/src/TrayMenu/TrayMenuItem.d.ts +1 -1
  171. package/src/VirtualizedList/VirtuosoComponents.d.ts +4 -4
  172. package/src/VisuallyHidden/VisuallyHidden.d.ts +1 -1
  173. package/src/internal/utils/index.d.ts +0 -1
  174. /package/{src/internal → internal}/utils/composeEventHandlers.d.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { IconProps } from './Icon.type';
3
3
  import iconStyle from './styles/Icon.css';
4
- declare const Icon: import("react").ForwardRefExoticComponent<Pick<IconProps, "symbol" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "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" | "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}`> & import("react").RefAttributes<HTMLSpanElement>>;
4
+ declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
5
5
  export { Icon, iconStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { IconButtonLabelProps } from './IconButtonLabel.type';
3
3
  import iconButtonLabelStyle from './styles/IconButtonLabel.css';
4
- declare const IconButtonLabel: import("react").ForwardRefExoticComponent<Pick<IconButtonLabelProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "label" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "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}` | keyof import("@mui/base").UseButtonParameters> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const IconButtonLabel: import("react").ForwardRefExoticComponent<Omit<IconButtonLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { IconButtonLabel, iconButtonLabelStyle };
@@ -1,6 +1,6 @@
1
1
  import { TextareaAutosizeProps } from '@mui/base';
2
2
  import { HTMLDataAttribute, StandardProps } from '@ringcentral/spring-base';
3
- import { ComponentProps, ComponentPropsWithRef, FocusEvent, KeyboardEvent } from 'react';
3
+ import { ComponentProps, ComponentPropsWithRef, FocusEvent, KeyboardEvent, ReactNode } from 'react';
4
4
  import { TooltipProps } from '../Tooltip';
5
5
  import { InlineEditableClassesKey } from './InlineEditable.classes';
6
6
  export type TextareaEditHandler<T = EditCompleteReason> = (e: KeyboardEvent<HTMLTextAreaElement> | FocusEvent<HTMLTextAreaElement>, reason: T, value: {
@@ -38,4 +38,5 @@ export type InlineEditableProps = StandardProps<(({
38
38
  fullWidth?: boolean;
39
39
  TooltipProps?: Omit<TooltipProps, 'children' | 'open' | 'onOpenStateChange'>;
40
40
  rootProps?: ComponentProps<'div'> & HTMLDataAttribute;
41
+ children?: ReactNode;
41
42
  }, InlineEditableClassesKey>;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { LinearProgressIndicatorProps } from './LinearProgressIndicator.type';
3
3
  import linearProgressIndicatorStyle from './styles/LinearProgressIndicator.css';
4
- declare const LinearProgressIndicator: React.ForwardRefExoticComponent<Pick<LinearProgressIndicatorProps, "value" | "details" | "label" | "classes" | "key" | "max" | "min" | `data-${string}` | "variant" | keyof React.HTMLAttributes<HTMLSpanElement> | "progressBarProps" | "slim" | "showPercentage"> & React.RefAttributes<HTMLSpanElement>>;
4
+ declare const LinearProgressIndicator: React.ForwardRefExoticComponent<Omit<LinearProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
5
5
  export { LinearProgressIndicator, linearProgressIndicatorStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { ListProps } from './List.type';
3
3
  import listStyle from './styles/List.css';
4
- declare const List: import("react").ForwardRefExoticComponent<Pick<ListProps, "classes" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("../ListNavigation").UseListNavigationProps> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const List: import("react").ForwardRefExoticComponent<Omit<ListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { List, listStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { ListItemProps } from './ListItem.type';
3
3
  import listItemStyle from './styles/ListItem.css';
4
- declare const ListItem: import("react").ForwardRefExoticComponent<Pick<ListItemProps, "classes" | "focused" | "selected" | "dragged" | "key" | "size" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "autoFocus" | "divider" | "highlighted" | "clickable" | "hoverable" | "hoverActions" | "alwaysShowHoverActions" | "instantHoverActions"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const ListItem: import("react").ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { ListItem, listItemStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { ListItemTextProps } from './ListItemText.type';
3
3
  import listItemTextStyle from './styles/ListItemText.css';
4
- declare const ListItemText: import("react").ForwardRefExoticComponent<Pick<ListItemTextProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "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" | "primary" | "secondary" | `data-${string}` | "variant" | "primaryText" | "secondaryText"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const ListItemText: import("react").ForwardRefExoticComponent<Omit<ListItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { ListItemText, listItemTextStyle };
@@ -1,4 +1,4 @@
1
- import { FocusEventHandler, KeyboardEventHandler, ReactNode, Ref } from 'react';
1
+ import { FocusEventHandler, KeyboardEventHandler, type ReactElement, ReactNode, Ref } from 'react';
2
2
  export type SearchElementOption = {
3
3
  baseElement: HTMLElement;
4
4
  direction: 'up' | 'down';
@@ -19,8 +19,8 @@ export type UseListNavigationProps = {
19
19
  actions?: Ref<UseListNavigationActions>;
20
20
  };
21
21
  export declare const useListNavigation: (props: UseListNavigationProps) => {
22
- renderItems: (items: ReactNode) => JSX.Element;
23
- renderTabBoundary: () => JSX.Element;
22
+ renderItems: (items: ReactNode) => ReactElement;
23
+ renderTabBoundary: () => ReactElement;
24
24
  getListProps: (otherHandler: {
25
25
  onKeyDown?: KeyboardEventHandler;
26
26
  onFocus?: FocusEventHandler;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MenuProps } from './Menu.type';
3
3
  import menuStyle from './styles/Menu.css';
4
- declare const Menu: import("react").ForwardRefExoticComponent<Pick<MenuProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "shadow" | "isEnabled" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "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" | "autoFocus" | "open" | "placement" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps" | "transformOrigin" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock" | "anchorEl" | "actions" | "PopperProps" | "PopperPaperProps" | "bordered" | "onAvailableHeightChange" | "popperRef"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const Menu: import("react").ForwardRefExoticComponent<Omit<MenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { Menu, menuStyle };
@@ -1,9 +1,9 @@
1
- import { ComponentProps } from 'react';
1
+ import { ComponentProps, type ReactElement } from 'react';
2
2
  import { MenuActionsProps } from './MenuActions.type';
3
3
  import menuActionsStyle from './styles/MenuActions.css';
4
- declare const MenuActions: import("react").ForwardRefExoticComponent<Pick<MenuActionsProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const MenuActions: import("react").ForwardRefExoticComponent<Omit<MenuActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const MenuActionsGroup: {
6
- ({ className, ...rest }: ComponentProps<'div'>): JSX.Element;
6
+ ({ className, ...rest }: ComponentProps<'div'>): ReactElement;
7
7
  displayName: string;
8
8
  };
9
9
  export { MenuActions, MenuActionsGroup, menuActionsStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MenuDividerProps } from './MenuDivider.type';
3
3
  import menuDividerStyle from './styles/MenuDivider.css';
4
- declare const MenuDivider: import("react").ForwardRefExoticComponent<Pick<MenuDividerProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLHRElement>> & import("react").RefAttributes<HTMLHRElement>>;
4
+ declare const MenuDivider: import("react").ForwardRefExoticComponent<Omit<MenuDividerProps, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
5
5
  export { MenuDivider, menuDividerStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MenuFooterProps } from './MenuFooter.type';
3
3
  import menuFooterStyle from './styles/MenuFooter.css';
4
- declare const MenuFooter: import("react").ForwardRefExoticComponent<Pick<MenuFooterProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "divider"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const MenuFooter: import("react").ForwardRefExoticComponent<Omit<MenuFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { MenuFooter, menuFooterStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MenuHeaderProps } from './MenuHeader.type';
3
3
  import menuHeaderStyle from './styles/MenuHeader.css';
4
- declare const MenuHeader: import("react").ForwardRefExoticComponent<Pick<MenuHeaderProps, "classes" | "key" | "end" | "start" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement> | "divider"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const MenuHeader: import("react").ForwardRefExoticComponent<Omit<MenuHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { MenuHeader, menuHeaderStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MenuItemProps } from './MenuItem.type';
3
3
  import menuItemStyle from './styles/MenuItem.css';
4
- declare const MenuItem: import("react").ForwardRefExoticComponent<Pick<MenuItemProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "focused" | "selected" | "className" | "accessKey" | "dir" | "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}` | "autoFocus" | "highlighted" | "disableFocusOnHover" | "autoClose"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { MenuItem, menuItemStyle };
@@ -10,7 +10,7 @@ export type UseMenuItemProps = {
10
10
  autoClose?: boolean;
11
11
  };
12
12
  export declare const useMenuItem: (props: UseMenuItemProps) => {
13
- getRootProps: (otherProps: any) => any;
13
+ getRootProps: (otherProps?: any) => any;
14
14
  focusVisible: boolean;
15
15
  active: boolean;
16
16
  };
@@ -10,7 +10,7 @@ export type UseVirtualizedMenuItemProps = {
10
10
  autoClose?: boolean;
11
11
  };
12
12
  export declare const useVirtualizedMenuItem: (props: UseVirtualizedMenuItemProps) => {
13
- getRootProps: (otherProps: any) => any;
13
+ getRootProps: (otherProps?: any) => any;
14
14
  focusVisible: boolean;
15
15
  active: boolean;
16
16
  };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { MenuItemTextProps } from './MenuItemText.type';
3
3
  import menuItemTextStyle from './styles/MenuItemText.css';
4
- declare const MenuItemText: import("react").ForwardRefExoticComponent<Pick<MenuItemTextProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "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" | "primary" | `data-${string}` | "info" | "primaryText" | "infoText"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const MenuItemText: import("react").ForwardRefExoticComponent<Omit<MenuItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { MenuItemText, menuItemTextStyle };
@@ -3,7 +3,7 @@ import { StandardProps } from '@ringcentral/spring-base';
3
3
  import { MenuItemSelectProps, SelectMode } from '../MenuItem';
4
4
  import { MenuListClassesKey } from './MenuList.classes';
5
5
  import { MenuListContextValue } from './MenuListContext';
6
- export type MenuListProps<M extends SelectMode = 'single', V = unknown> = StandardProps<MenuItemSelectProps<V, M> & {
6
+ export type MenuListProps<M extends SelectMode = 'single', V = unknown> = StandardProps<Omit<MenuItemSelectProps<V, M>, 'onClose'> & {
7
7
  autoFocus?: boolean;
8
8
  } & MenuListContextValue, MenuListClassesKey, 'div'>;
9
9
  export interface MenuListComponent {
@@ -1,18 +1,4 @@
1
1
  /// <reference types="react" />
2
- declare const InnerModal: import("react").ForwardRefExoticComponent<Pick<import("@ringcentral/spring-base").ClassesProp<import("./Modal.classes").ModalClassesKey> & {
3
- open: boolean;
4
- hideBackdrop?: boolean | undefined;
5
- children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
6
- disableBackdropClick?: boolean | undefined;
7
- onBackdropClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
8
- disableEscapeKeyDown?: boolean | undefined;
9
- onEscapeKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
10
- onClose?: ((event: import("react").SyntheticEvent<HTMLElement, Event>, reason: import("./InnerModal.type").ModalCloseReason) => void) | undefined;
11
- backdropProps?: import("../Backdrop").BackdropProps | undefined;
12
- blocking?: boolean | undefined;
13
- } & Pick<import("framer-motion").MotionProps, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & Omit<{}, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
14
- motionProps?: import("framer-motion").MotionProps | null | undefined;
15
- } & Pick<import("@mui/base").FocusTrapProps, "isEnabled" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus"> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
16
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
17
- }, "" | "children" | "style" | "classes" | "isEnabled" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "open" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps"> & import("@ringcentral/spring-base").HTMLDataAttribute, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "isEnabled" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "open" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps"> & import("react").RefAttributes<HTMLDivElement>>;
2
+ import { InnerModalProps } from './InnerModal.type';
3
+ declare const InnerModal: import("react").ForwardRefExoticComponent<Omit<InnerModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
18
4
  export { InnerModal };
@@ -15,4 +15,5 @@ export type InnerModalProps = StandardProps<{
15
15
  onClose?: (event: SyntheticEvent<HTMLElement>, reason: ModalCloseReason) => void;
16
16
  backdropProps?: BackdropProps;
17
17
  blocking?: boolean;
18
+ shouldUseInert?: boolean;
18
19
  } & GroupedMotionProps & Pick<FocusTrapProps, 'disableRestoreFocus' | 'disableAutoFocus' | 'disableEnforceFocus' | 'isEnabled'>, ModalClassesKey, 'div'>;
@@ -1,24 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { MotionProps } from 'framer-motion';
2
+ import { ModalProps } from './Modal.type';
3
3
  import modalStyles from './styles/Modal.css';
4
- declare const Modal: import("react").ForwardRefExoticComponent<Pick<import("@ringcentral/spring-base").ClassesProp<import("./Modal.classes").ModalClassesKey> & {
5
- open: boolean;
6
- hideBackdrop?: boolean | undefined;
7
- children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
8
- disableBackdropClick?: boolean | undefined;
9
- onBackdropClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
10
- disableEscapeKeyDown?: boolean | undefined;
11
- onEscapeKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
12
- onClose?: ((event: import("react").SyntheticEvent<HTMLElement, Event>, reason: import("./InnerModal.type").ModalCloseReason) => void) | undefined;
13
- backdropProps?: import("..").BackdropProps | undefined;
14
- blocking?: boolean | undefined;
15
- } & Pick<MotionProps, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & Omit<{}, "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart"> & {
16
- motionProps?: MotionProps | null | undefined;
17
- } & Pick<import("@mui/base").FocusTrapProps, "isEnabled" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus"> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
18
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
19
- }, "" | "children" | "style" | "classes" | "isEnabled" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "open" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps"> & import("@ringcentral/spring-base").HTMLDataAttribute & {
20
- onExitComplete?: (() => void) | undefined;
21
- disableBackdropAnimation?: boolean | undefined;
22
- disableScrollLock?: boolean | undefined;
23
- } & Omit<import("@mui/base/Portal/Portal.types").PortalProps, "children">, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "isEnabled" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | `data-${string}` | "open" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
24
5
  export { Modal, modalStyles };
@@ -1,6 +1,9 @@
1
1
  /// <reference types="react" />
2
+ import type { OverlayBranchRegistry } from './OverlayBranchRegistry';
2
3
  export type ModalContextValue = {
3
4
  ariaHideEnabled: boolean;
5
+ overlayBranchRegistry?: OverlayBranchRegistry;
6
+ shouldUseInert?: boolean;
4
7
  };
5
8
  export declare const ModalContext: import("react").Context<ModalContextValue | null>;
6
9
  export declare const useModalContext: () => ModalContextValue | null;
@@ -0,0 +1,8 @@
1
+ export type OverlayBranchListener = (node: HTMLElement, isRegistered: boolean) => void;
2
+ export type OverlayBranchRegistry = {
3
+ getBranches: () => ReadonlySet<HTMLElement>;
4
+ register: (node: HTMLElement) => () => void;
5
+ subscribe: (listener: OverlayBranchListener) => () => void;
6
+ };
7
+ export declare const createOverlayBranchRegistry: () => OverlayBranchRegistry;
8
+ export declare const useOverlayBranchRegistry: () => OverlayBranchRegistry;
@@ -0,0 +1,8 @@
1
+ import type { OverlayBranchListener, OverlayBranchRegistry } from './OverlayBranchRegistry';
2
+ type UseOverlayBranchProps = {
3
+ active: boolean;
4
+ registry?: OverlayBranchRegistry;
5
+ };
6
+ export declare const useOverlayBranch: <T extends HTMLElement>({ active, registry, }: UseOverlayBranchProps) => (node: T | null) => void;
7
+ export declare const useOverlayBranchConsumer: (registry: OverlayBranchRegistry, listener: OverlayBranchListener) => void;
8
+ export {};
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { type ReactElement } from 'react';
2
2
  export type MenuOverlayGroupContextValue = {
3
3
  container: HTMLElement | null;
4
4
  };
@@ -11,5 +11,5 @@ export declare const useMenuOverlayGroupValue: () => {
11
11
  setContainer: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
12
12
  value: MenuOverlayGroupContextValue;
13
13
  };
14
- export declare const MenuOverlayGroupContainer: (props: MenuOverlayGroupContainerProps) => JSX.Element;
14
+ export declare const MenuOverlayGroupContainer: (props: MenuOverlayGroupContainerProps) => ReactElement;
15
15
  export { MenuOverlayGroupContext };
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { OptionProps } from './Option.type';
3
- declare const Option: import("react").ForwardRefExoticComponent<Pick<OptionProps, "value" | "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "disabled" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "focused" | "className" | "accessKey" | "dir" | "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}` | "autoFocus" | "highlighted" | "disableFocusOnHover" | "autoClose"> & import("react").RefAttributes<HTMLDivElement>>;
3
+ declare const Option: import("react").ForwardRefExoticComponent<Omit<OptionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export { Option };
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { PageHeaderCenterProps, PageHeaderLeftProps, PageHeaderProps, PageHeaderRightProps, PageHeaderTitleProps } from './PageHeader.type';
3
3
  import pageHeaderStyle from './styles/PageHeader.css';
4
- declare const PageHeader: import("react").ForwardRefExoticComponent<Pick<PageHeaderProps, "classes" | "key" | keyof import("react").HTMLAttributes<HTMLElement> | `data-${string}` | "variant"> & import("react").RefAttributes<HTMLElement>>;
5
- declare const PageHeaderLeft: import("react").ForwardRefExoticComponent<Pick<PageHeaderLeftProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
6
- declare const PageHeaderCenter: import("react").ForwardRefExoticComponent<Pick<PageHeaderCenterProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
7
- declare const PageHeaderTitle: import("react").ForwardRefExoticComponent<Pick<PageHeaderTitleProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
8
- declare const PageHeaderRight: import("react").ForwardRefExoticComponent<Pick<PageHeaderRightProps, "classes" | "key" | `data-${string}` | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const PageHeader: import("react").ForwardRefExoticComponent<Omit<PageHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
5
+ declare const PageHeaderLeft: import("react").ForwardRefExoticComponent<Omit<PageHeaderLeftProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
+ declare const PageHeaderCenter: import("react").ForwardRefExoticComponent<Omit<PageHeaderCenterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
7
+ declare const PageHeaderTitle: import("react").ForwardRefExoticComponent<Omit<PageHeaderTitleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
8
+ declare const PageHeaderRight: import("react").ForwardRefExoticComponent<Omit<PageHeaderRightProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
9
9
  export { PageHeader, PageHeaderCenter, PageHeaderLeft, PageHeaderRight, pageHeaderStyle, PageHeaderTitle, };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { PickerTextFieldProps } from './PickerTextField.type';
3
3
  import pickerTextFieldStyle from './styles/PickerTextField.css';
4
- declare const PickerTextField: import("react").ForwardRefExoticComponent<Pick<PickerTextFieldProps, "error" | "value" | "children" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "label" | "classes" | "focused" | "required" | "className" | "id" | "key" | "defaultValue" | "placeholder" | "size" | "type" | "onFocus" | "onBlur" | "onChange" | "action" | `data-${string}` | "helperText" | "FormHelperTextProps" | "variant" | "autoFocus" | "fullWidth" | "onClose" | "inputProps" | "inputRef" | "endAdornment" | "startAdornment" | "RootProps" | "clearBtn" | "useNativeClearBtn" | "clearText" | "showCharacterCount" | "ClearButtonProps" | "onClear" | "showMaskValueToggleButton" | "maskValue" | "onMaskValueChange" | "MaskValueButtonProps" | "ShowHideEyeIconProps" | "announcementText" | "PopoverProps" | "endIconSymbol" | "textInputClasses"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const PickerTextField: import("react").ForwardRefExoticComponent<Omit<PickerTextFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { PickerTextField, pickerTextFieldStyle };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { PopoverProps } from './Popover.type';
3
3
  import popoverStyle from './styles/Popover.css';
4
- declare const Popover: import("react").ForwardRefExoticComponent<Pick<PopoverProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "shadow" | "isEnabled" | "onFocus" | "onBlur" | "onMouseEnter" | "onMouseLeave" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "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" | "open" | "placement" | "blocking" | "disableRestoreFocus" | "disableAutoFocus" | "disableEnforceFocus" | "hideBackdrop" | "disableBackdropClick" | "onBackdropClick" | "disableEscapeKeyDown" | "onEscapeKeyDown" | "onClose" | "backdropProps" | "motionProps" | "transformOrigin" | "disablePortal" | "onExitComplete" | "disableBackdropAnimation" | "disableScrollLock" | "anchorEl" | "actions" | "PopperProps" | "PopperPaperProps" | "bordered" | "onAvailableHeightChange" | "popperRef"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const Popover: import("react").ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { Popover, popoverStyle };
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { PopperProps } from './Popper.type';
3
- declare const Popper: import("react").ForwardRefExoticComponent<Pick<PopperProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "className" | "accessKey" | "dir" | "draggable" | "hidden" | "lang" | "translate" | "id" | "prefix" | "contentEditable" | "inputMode" | "tabIndex" | "key" | "defaultChecked" | "defaultValue" | "placeholder" | "container" | "transform" | "padding" | "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" | "platform" | `data-${string}` | "offset" | "open" | "placement" | "disablePortal" | "whileElementsMounted" | "elements" | "anchorEl" | "middlewares" | "arrowHeight" | "arrowPadding" | "actions" | "autoUpdate" | "matchAnchorWidth"> & import("react").RefAttributes<HTMLDivElement>>;
3
+ declare const Popper: import("react").ForwardRefExoticComponent<Omit<PopperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export { Popper };
@@ -3,6 +3,11 @@ import { PropsWithRoot } from '@ringcentral/spring-base';
3
3
  import { CSSProperties, ReactNode, Ref, RefObject } from 'react';
4
4
  import { PortalProps } from '../Portal';
5
5
  export type PopperPlacementType = Placement;
6
+ export type PopperChildrenRenderProps = {
7
+ placement: PopperPlacementType;
8
+ arrowRef: RefObject<HTMLDivElement>;
9
+ arrowStyle: CSSProperties;
10
+ };
6
11
  export type PopperProps = PropsWithRoot<{
7
12
  ref?: Ref<HTMLDivElement>;
8
13
  anchorEl?: ReferenceType | null | (() => ReferenceType | null);
@@ -14,18 +19,16 @@ export type PopperProps = PropsWithRoot<{
14
19
  actions?: Ref<PopperActions>;
15
20
  autoUpdate?: AutoUpdateOptions | boolean;
16
21
  matchAnchorWidth?: boolean;
17
- children?: ReactNode | ((props: {
18
- placement: PopperPlacementType;
19
- arrowRef: RefObject<HTMLDivElement>;
20
- arrowStyle: CSSProperties;
21
- }) => ReactNode);
22
+ tether?: boolean;
23
+ children?: ReactNode | ((props: PopperChildrenRenderProps) => ReactNode);
22
24
  } & Omit<UseFloatingOptions, 'middleware' | 'strategy'> & Omit<PortalProps, 'children'>, 'div'>;
23
- export type AutoUpdateOptions = {
25
+ export type AutoUpdateOptions = Partial<{
24
26
  ancestorScroll: boolean;
25
27
  ancestorResize: boolean;
26
28
  elementResize: boolean;
29
+ layoutShift: boolean;
27
30
  animationFrame: boolean;
28
- };
31
+ }>;
29
32
  export type PopperActions = {
30
33
  update: () => void;
31
34
  };
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import { PopperPaperProps } from './PopperPaper.type';
3
3
  import popperPaperStyle from './styles/PopperPaper.css';
4
- declare const PopperPaper: import("react").ForwardRefExoticComponent<Pick<PopperPaperProps, "children" | "onKeyDown" | "onKeyUp" | "onMouseDown" | "onClick" | "slot" | "style" | "title" | "aria-live" | "aria-atomic" | "aria-hidden" | "role" | "classes" | "className" | "accessKey" | "dir" | "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}` | "contentRef" | "motionProps" | "arrowRef" | "arrowStyle"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ declare const PopperPaper: import("react").ForwardRefExoticComponent<Omit<PopperPaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export { PopperPaper, popperPaperStyle };