@ringcentral/juno 2.26.1 → 2.27.0

package/components/Forms/Picker/DatePicker/DatePickerHeader.js

@@ -37,8 +37,8 @@ var DatePickerHeader = react_1.memo(function (props) {
                 monthLabel,
                 react_1.default.createElement(SelectArrowDownIcon_1.SelectArrowDownIcon, null)),
             react_1.default.createElement(styles_1.SwitchHeaderButtonWrapper, { size: size, gap: 3, view: view },
-                react_1.default.createElement(styles_1.SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disablePrevMonth, onClick: selectPreviousMonth, symbol: juno_icon_1.ArrowLeft2, "aria-label": previousMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-pre-month", className: classes.leftArrow }),
-                react_1.default.createElement(styles_1.SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disableNextMonth, onClick: selectNextMonth, symbol: juno_icon_1.ArrowRight, "aria-label": nextMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-next-month", className: classes.rightArrow })))));
+                react_1.default.createElement(styles_1.SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disablePrevMonth, onClick: selectPreviousMonth, symbol: juno_icon_1.ArrowLeft2, "aria-label": previousMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-pre-month", className: classes.leftArrow, focusVariant: "focusRing" }),
+                react_1.default.createElement(styles_1.SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disableNextMonth, onClick: selectNextMonth, symbol: juno_icon_1.ArrowRight, "aria-label": nextMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-next-month", className: classes.rightArrow, focusVariant: "focusRing" })))));
 });
 exports.DatePickerHeader = DatePickerHeader;
 DatePickerHeader.defaultProps = {

package/components/Forms/Picker/DatePicker/Year.js

@@ -16,7 +16,7 @@ var Year = react_1.memo(react_1.forwardRef(function (props, ref) {
     });
     var yearAriaLabel = getYearAriaLabel === null || getYearAriaLabel === void 0 ? void 0 : getYearAriaLabel("" + value, selected);
     var handleClick = !disabled ? _handleClick : undefined;
-    return (react_1.default.createElement(styles_1.StyledYear, tslib_1.__assign({ radius: "round", onClick: handleClick, onKeyPress: handleClick, ref: ref, selected: selected, "aria-pressed": focused, "aria-label": yearAriaLabel, className: className, "data-test-automation-class": "date-picker-year", "data-test-automation-value": children }, rest),
+    return (react_1.default.createElement(styles_1.StyledYear, tslib_1.__assign({ radius: "round", onClick: handleClick, onKeyPress: handleClick, ref: ref, selected: selected, "aria-pressed": focused, size: "medium", "aria-label": yearAriaLabel, className: className, "data-test-automation-class": "date-picker-year", "data-test-automation-value": children }, rest),
         react_1.default.createElement(react_1.default.Fragment, null, 
         // TODO: that <></> will fix when `RcIconButton` ready
         children)));

package/components/Forms/Picker/DatePicker/styles/StyledDatePickerHeader.js

@@ -7,7 +7,7 @@ var utils_1 = require("../../../../Buttons/IconButton/utils");
 var Icon_1 = require("../../../../Icon");
 var utils_2 = require("../utils");
 var monthInactiveStyle = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  &,\n  ", " {\n    color: ", ";\n  }\n"], ["\n  &,\n  ", " {\n    color: ", ";\n  }\n"])), Icon_1.RcIcon, foundation_1.focusVisibleColor);
-var StyledCurrentMonth = foundation_1.styled.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"])), foundation_1.flexCenterStyle, foundation_1.spacing(5), utils_2.textColor, foundation_1.typography('body2'), foundation_1.radius('sm'), foundation_1.spacing(1, 0, 1, 1), foundation_1.focusVisibleShadowStyle('sm'), Icon_1.RcIcon, foundation_1.spacing(2), function (_a) {
+var StyledCurrentMonth = foundation_1.styled.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"])), foundation_1.flexCenterStyle, foundation_1.spacing(5), utils_2.textColor, foundation_1.typography('body2'), foundation_1.radius('sm'), foundation_1.spacing(1, 0, 1, 1), foundation_1.focusVisibleShadowStyle('lg', undefined, undefined, 2), Icon_1.RcIcon, foundation_1.spacing(2), function (_a) {
     var view = _a.view;
     return (view === 'day' ? '0' : '180');
 }, foundation_1.palette2('neutral', 'f04'), foundation_1.focusVisible, monthInactiveStyle, foundation_1.nonTouchHoverMedia, monthInactiveStyle);

package/components/Forms/Picker/DatePicker/styles/StyledDay.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../../foundation");
 var utils_1 = require("../../../../Buttons/IconButton/utils");
+var styles_1 = require("../../styles");
 var utils_2 = require("../utils");
 var CurrentDayStyle = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  border: 1px solid ", ";\n"], ["\n  border: 1px solid ", ";\n"])), foundation_1.palette2('neutral', 'b04'));
 exports.DayStyle = function (_a) {
     var current = _a.current, size = _a.size, hidden = _a.hidden, selected = _a.selected;
-    return foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n    }\n  "], ["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n    }\n  "])), utils_1.RcIconButtonClasses.root, utils_2.RcDatePickerIconWidths[size], utils_2.RcDatePickerIconWidths[size], hidden && 'hidden', foundation_1.typography('caption1'), current && !selected && CurrentDayStyle);
+    var sizeValue = utils_2.RcDatePickerIconWidths[size];
+    return foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n\n      ", "\n    }\n  "], ["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n\n      ", "\n    }\n  "])), utils_1.RcIconButtonClasses.root, sizeValue, sizeValue, hidden && 'hidden', foundation_1.typography('caption1'), current && !selected && CurrentDayStyle, styles_1.datePickerCustomFocusRingStyle);
 };
 var templateObject_1, templateObject_2;

package/components/Forms/Picker/DatePicker/styles/StyledYear.js

@@ -4,5 +4,5 @@ var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../../foundation");
 var utils_1 = require("../../../../Buttons/IconButton/utils");
 var styles_1 = require("../../styles");
-exports.StyledYear = foundation_1.styled(styles_1.PickerBaseIconButton)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n  }\n"], ["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n  }\n"])), utils_1.RcIconButtonClasses.root, foundation_1.typography('body1'));
+exports.StyledYear = foundation_1.styled(styles_1.PickerBaseIconButton)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n    ", ";\n  }\n"], ["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n    ", ";\n  }\n"])), utils_1.RcIconButtonClasses.root, foundation_1.typography('body1'), styles_1.datePickerCustomFocusRingStyle);
 var templateObject_1;

package/components/Forms/Picker/styles/PickerBaseIconButton.js

@@ -5,6 +5,6 @@ var react_1 = tslib_1.__importStar(require("react"));
 var IconButton_1 = require("../../../Buttons/IconButton");
 exports.PickerBaseIconButton = react_1.forwardRef(function (props, ref) {
     var children = props.children, selected = props.selected, hidden = props.hidden, rest = tslib_1.__rest(props, ["children", "selected", "hidden"]);
-    return (react_1.default.createElement(IconButton_1.RcIconButton, tslib_1.__assign({ elevation: 0, activeElevation: 0, ref: ref, variant: selected ? 'contained' : 'round', color: selected ? 'interactive.b02' : 'neutral.f06', "data-hidden": hidden, size: "xsmall" }, rest), children));
+    return (react_1.default.createElement(IconButton_1.RcIconButton, tslib_1.__assign({ elevation: 0, activeElevation: 0, ref: ref, variant: selected ? 'contained' : 'round', color: selected ? 'interactive.b02' : 'neutral.f06', "data-hidden": hidden, size: "xsmall", focusVariant: "focusRing" }, rest), children));
 });
 exports.PickerBaseIconButton.displayName = 'PickerBaseIconButton';

package/components/Forms/Picker/styles/datePickerCustomFocusRingStyle.d.ts

@@ -0,0 +1,5 @@
+import { RcThemedStyled, UnitMap } from '../../../../foundation';
+import { RcDatePickerSize } from '../DatePicker';
+import { PickerBaseIconButtonProps } from './PickerBaseIconButton';
+export declare const RcPickerFocusInsetBorderSizes: UnitMap<RcDatePickerSize, number>;
+export declare const datePickerCustomFocusRingStyle: RcThemedStyled<PickerBaseIconButtonProps, any>;

package/components/Forms/Picker/styles/datePickerCustomFocusRingStyle.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var foundation_1 = require("../../../../foundation");
+exports.RcPickerFocusInsetBorderSizes = {
+    small: 1,
+    medium: 2,
+};
+exports.datePickerCustomFocusRingStyle = function (_a) {
+    var size = _a.size, selected = _a.selected, _b = _a.radius, radius = _b === void 0 ? 'circle' : _b;
+    var focusInsetBorderSizes = exports.RcPickerFocusInsetBorderSizes[size];
+    return (selected && foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", " {\n        ", "\n        &:after {\n          top: ", "px;\n          right: ", "px;\n          bottom: ", "px;\n          left: ", "px;\n        }\n        &:before {\n          background-color: unset !important;\n        }\n      }\n    "], ["\n      ", " {\n        ",
+        "\n        &:after {\n          top: ", "px;\n          right: ", "px;\n          bottom: ", "px;\n          left: ", "px;\n        }\n        &:before {\n          background-color: unset !important;\n        }\n      }\n    "])), foundation_1.focusVisible, foundation_1.shadowBorder(radius, foundation_1.palette2('neutral', 'b01'), true, focusInsetBorderSizes), focusInsetBorderSizes, focusInsetBorderSizes, focusInsetBorderSizes, focusInsetBorderSizes));
+};
+var templateObject_1;

package/components/Forms/Picker/styles/index.d.ts

@@ -1,3 +1,4 @@
 export * from './PickerBaseIconButton';
 export * from './StyledPickerTextField';
 export * from './StyledPopover';
+export * from './datePickerCustomFocusRingStyle';

package/components/Forms/Picker/styles/index.js

@@ -4,3 +4,4 @@ var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./PickerBaseIconButton"), exports);
 tslib_1.__exportStar(require("./StyledPickerTextField"), exports);
 tslib_1.__exportStar(require("./StyledPopover"), exports);
+tslib_1.__exportStar(require("./datePickerCustomFocusRingStyle"), exports);

package/components/Menu/MenuItem/MenuItem.d.ts

@@ -64,7 +64,7 @@ declare const RcMenuItem: import("styled-components").StyledComponentClass<Pick<
      *
      * @default 'highlight'
      */
-    focusVariant?: "focusRing" | "highlight" | undefined;
+    focusVariant?: "highlight" | "focusRing" | undefined;
 } & RcClassesProps<"root" | "focusVisible" | "selected" | "checked" | "dense" | "gutters" | "unchecked"> & Pick<RcListItemProps, "color" | "focused" | "highlighted"> & {
     title?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | undefined;
     useRcTooltip?: boolean | undefined;
@@ -98,7 +98,7 @@ declare const RcMenuItem: import("styled-components").StyledComponentClass<Pick<
      *
      * @default 'highlight'
      */
-    focusVariant?: "focusRing" | "highlight" | undefined;
+    focusVariant?: "highlight" | "focusRing" | undefined;
 } & RcClassesProps<"root" | "focusVisible" | "selected" | "checked" | "dense" | "gutters" | "unchecked"> & Pick<RcListItemProps, "color" | "focused" | "highlighted"> & {
     title?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | Iterable<React.ReactNode> | React.ReactPortal | undefined;
     useRcTooltip?: boolean | undefined;

package/components/TablePagination/styles/TablePaginationStyle.d.ts

@@ -16,7 +16,7 @@ export declare const TablePaginationMenuItem: import("styled-components").Styled
     } | undefined;
     avatar?: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
     secondaryAction?: import("react").ReactNode;
-    focusVariant?: "focusRing" | "highlight" | undefined;
+    focusVariant?: "highlight" | "focusRing" | undefined;
 } & import("../../../foundation").RcClassesProps<"root" | "focusVisible" | "selected" | "checked" | "dense" | "gutters" | "unchecked"> & Pick<import("../../List/ListItem/ListItem").RcListItemProps, "color" | "focused" | "highlighted"> & {
     title?: string | number | boolean | {} | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | Iterable<import("react").ReactNode> | import("react").ReactPortal | undefined;
     useRcTooltip?: boolean | undefined;
@@ -40,7 +40,7 @@ export declare const TablePaginationMenuItem: import("styled-components").Styled
     } | undefined;
     avatar?: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | undefined;
     secondaryAction?: import("react").ReactNode;
-    focusVariant?: "focusRing" | "highlight" | undefined;
+    focusVariant?: "highlight" | "focusRing" | undefined;
 } & import("../../../foundation").RcClassesProps<"root" | "focusVisible" | "selected" | "checked" | "dense" | "gutters" | "unchecked"> & Pick<import("../../List/ListItem/ListItem").RcListItemProps, "color" | "focused" | "highlighted"> & {
     title?: string | number | boolean | {} | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | Iterable<import("react").ReactNode> | import("react").ReactPortal | undefined;
     useRcTooltip?: boolean | undefined;

package/components/Text/Text.d.ts

@@ -16,7 +16,7 @@ declare type RcTextProps = {
  *  and the default wrap is noWrap,
  *  also bring with show title only when overflow
  */
-declare const RcText: import("styled-components").StyledComponentClass<Pick<RcTextProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "highlight" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight" | "titleWhenOverflow" | "flexFull"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcTextProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "highlight" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight" | "titleWhenOverflow" | "flexFull"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "highlight" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight" | "titleWhenOverflow" | "flexFull"> & {
+declare const RcText: import("styled-components").StyledComponentClass<Pick<RcTextProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "highlight" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight" | "titleWhenOverflow" | "flexFull"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcTextProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "highlight" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight" | "titleWhenOverflow" | "flexFull"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "display" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "highlight" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "component" | "useRcTooltip" | "TooltipProps" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "weight" | "titleWhenOverflow" | "flexFull"> & {
     theme?: import("../../foundation").RcTheme | undefined;
 }>;
 export { RcText };

package/components/VirtualizedMenu/VirtualizedMenuList.d.ts

@@ -29,7 +29,7 @@ declare type RcVirtualizedMenuListProps = {
      *
      * https://virtuoso.dev/virtuoso-api-reference/
      */
-    VirtuosoProps?: RcBaseProps<ComponentProps<typeof Virtuoso>, 'data' | 'itemContent' | 'totalCount' | 'components'>;
+    VirtuosoProps?: RcBaseProps<ComponentProps<typeof Virtuoso>, 'data' | 'itemContent' | 'totalCount' | 'components' | 'overscan'>;
 } & RcMenuListProps;
 declare const RcVirtualizedMenuList: import("styled-components").StyledComponentClass<Pick<RcVirtualizedMenuListProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "action" | "autoFocus" | "onClose" | "position" | "maxHeight" | "autoClose" | "subheader" | "dense" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "VirtuosoProps"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcVirtualizedMenuListProps, "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "action" | "autoFocus" | "onClose" | "position" | "maxHeight" | "autoClose" | "subheader" | "dense" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "VirtuosoProps"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "action" | "autoFocus" | "onClose" | "position" | "maxHeight" | "autoClose" | "subheader" | "dense" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "VirtuosoProps"> & {
     theme?: import("../../foundation").RcTheme | undefined;

package/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -21,6 +21,7 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
     var handleRef = foundation_1.useForkRef(innerListRef, ref);
     var rangeChangedRef = react_1.useRef({ startIndex: 0, endIndex: 0 });
     var isMountedRef = foundation_1.useMountState();
+    var itemRenderedDescriptorRef = react_1.useRef(null);
     var hasSearchText = false;
     /**
      * the index of the item should receive focus
@@ -79,26 +80,34 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
             (_a = vlRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex(location);
             if (location.index === 0)
                 modifyScrollPosition();
-            debounceFocusIndex(focusedIndexRef.current);
         },
     }), scrollerRef = _h.scrollerRef, scrollerRefFn = _h.scrollerRefFn, itemsRendered = _h.itemsRendered, scrollToHighlightedIndex = _h.scrollToHighlightedIndex;
     var _j = foundation_1.useOnlyOneFocusable({
         focusedIndexRef: focusedIndexRef,
         containerRef: innerListRef,
-        // * retry focusIndex, because that may not scroll to and render complete
-        retryOptions: { retryTimes: 10, intervalTime: 20 },
     }), focusIndex = _j.focusIndex, getItemProps = _j.getItemProps;
-    var debounceFocusIndex = foundation_1.useDebounce(focusIndex, 20);
+    var focusItemByIndex = function (currentfocusedIndex, targetfocusedIndex) {
+        scrollToHighlightedIndex(currentfocusedIndex === null ? 0 : currentfocusedIndex, targetfocusedIndex);
+        if (Virtuoso_1.isOutOfRange(targetfocusedIndex, rangeChangedRef.current)) {
+            new Promise(function (resolve) {
+                itemRenderedDescriptorRef.current = {
+                    resolve: resolve,
+                    index: targetfocusedIndex,
+                };
+            }).then(function () {
+                focusIndex(targetfocusedIndex);
+            });
+        }
+        else {
+            focusIndex(targetfocusedIndex);
+        }
+    };
     var _k = foundation_1.useKeyboardMoveFocus({
         options: items,
         focusedIndexRef: focusedIndexRef,
         infinite: !disableListWrap,
         onFocusedIndexChange: function (event, toIndex) {
-            scrollToHighlightedIndex(focusedIndexRef.current, toIndex);
-            focusedIndexRef.current = toIndex;
-            // * fix that will focus at previous index
-            // * use debounce to prevent same time scrollToIndex and here trigger,
-            debounceFocusIndex(focusedIndexRef.current);
+            focusItemByIndex(focusedIndexRef.current, toIndex);
             event.preventDefault();
         },
         getOptionDisabled: function (child) {
@@ -125,8 +134,7 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
             (_a = innerListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
         if (disabledItemsFocusable) {
-            modifyScrollPosition();
-            debounceFocusIndex(0);
+            focusItemByIndex(null, 0);
         }
         else {
             // * when init find available default index
@@ -134,11 +142,7 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
             if (autoFocusItem) {
                 // * timeout for wait vl render complete
                 setTimeout(function () {
-                    var _a;
-                    // * when index is not zero need scrollBy menuBoundary Padding
-                    (_a = vlRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex(initFocusedIndex_1);
-                    modifyScrollPosition();
-                    debounceFocusIndex(initFocusedIndex_1);
+                    focusItemByIndex(null, initFocusedIndex_1);
                 }, 0);
             }
         }
@@ -200,17 +204,18 @@ var _RcVirtualizedMenuList = react_1.forwardRef(function (inProps, ref) {
                 Virtuoso_1.isOutOfRange(focusedIndex, range)) {
                 listElm.focus();
             }
+            var itemRenderedDescriptor = itemRenderedDescriptorRef.current;
+            if (itemRenderedDescriptor &&
+                !Virtuoso_1.isOutOfRange(itemRenderedDescriptor.index, rangeChangedRef.current)) {
+                itemRenderedDescriptor.resolve();
+                itemRenderedDescriptorRef.current = null;
+            }
         }, totalListHeightChanged: totalListHeightChanged,
         style: style }, events), VirtuosoProps);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(VisuallyHidden_1.RcVisuallyHidden, { ref: hiddenRef, onFocus: function () {
                 var _a;
-                if (Virtuoso_1.isOutOfRange(focusedIndexRef.current, rangeChangedRef.current)) {
-                    scrollToHighlightedIndex(((_a = rangeChangedRef.current) === null || _a === void 0 ? void 0 : _a.startIndex) || 0, focusedIndexRef.current);
-                }
-                else {
-                    debounceFocusIndex(focusedIndexRef.current);
-                }
+                focusItemByIndex(((_a = rangeChangedRef.current) === null || _a === void 0 ? void 0 : _a.startIndex) || 0, focusedIndexRef.current);
             } }),
         react_1.default.createElement(Virtuoso_1.Virtuoso, tslib_1.__assign({ ref: vlRef, data: items, itemContent: function (index, data) { return data; }, totalCount: itemCount, components: components }, combine))));
 });

package/components/Virtuoso/react-virtuoso/Grid.d.ts

@@ -30,7 +30,7 @@ declare const Grid: React.ForwardRefExoticComponent<{} & {
     rangeChanged?: ((value: import("./interfaces").ListRange | undefined) => void) | undefined;
     atBottomStateChange?: ((value: boolean) => void) | undefined;
     atTopStateChange?: ((value: boolean) => void) | undefined;
-} & Pick<React.HTMLProps<"div">, "key" | "form" | "list" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "step" | "cite" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "download" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "shape" | "disabled" | "hrefLang" | "rel" | "default" | "action" | "content" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "open" | "selected" | "src" | "checked" | "readOnly" | "required" | "autoComplete" | "rows" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<u.SystemSpec<[u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
+} & Pick<React.HTMLProps<HTMLDivElement>, "key" | "form" | "list" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "step" | "cite" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "download" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "shape" | "disabled" | "hrefLang" | "rel" | "default" | "action" | "content" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "open" | "selected" | "src" | "checked" | "readOnly" | "required" | "autoComplete" | "rows" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<u.SystemSpec<[u.SystemSpec<[u.SystemSpec<[u.SystemSpec<never[], () => {
     scrollContainerState: u.Stream<import("./interfaces").ScrollContainerState>;
     scrollTop: u.Stream<number>;
     viewportHeight: u.Stream<number>;

package/components/Virtuoso/react-virtuoso/List.d.ts

@@ -90,7 +90,7 @@ export declare const List: React.ForwardRefExoticComponent<{} & {
     totalListHeightChanged?: ((value: number) => void) | undefined;
     itemsRendered?: ((value: import("./listStateSystem").ListItems) => void) | undefined;
     groupIndices?: ((value: number[]) => void) | undefined;
-} & Pick<React.HTMLProps<"div">, "key" | "form" | "list" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "step" | "cite" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "download" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "shape" | "disabled" | "hrefLang" | "rel" | "default" | "action" | "content" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "open" | "selected" | "src" | "checked" | "readOnly" | "required" | "autoComplete" | "rows" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
+} & Pick<React.HTMLProps<HTMLDivElement>, "key" | "form" | "list" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "step" | "cite" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "download" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "shape" | "disabled" | "hrefLang" | "rel" | "default" | "action" | "content" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "open" | "selected" | "src" | "checked" | "readOnly" | "required" | "autoComplete" | "rows" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
     log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
     logLevel: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").LogLevel>;
 }>], ([{ log }]: [{

package/components/Virtuoso/react-virtuoso/Table.d.ts

@@ -50,7 +50,7 @@ export declare const Table: React.ForwardRefExoticComponent<{} & {
     totalListHeightChanged?: ((value: number) => void) | undefined;
     itemsRendered?: ((value: import("./listStateSystem").ListItems) => void) | undefined;
     groupIndices?: ((value: number[]) => void) | undefined;
-} & Pick<React.HTMLProps<"table">, "key" | "form" | "list" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "step" | "cite" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "download" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "shape" | "disabled" | "hrefLang" | "rel" | "default" | "action" | "content" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "open" | "selected" | "src" | "checked" | "readOnly" | "required" | "autoComplete" | "rows" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
+} & Pick<React.HTMLProps<HTMLTableElement>, "key" | "form" | "list" | "className" | "color" | "height" | "id" | "lang" | "max" | "media" | "method" | "min" | "name" | "style" | "target" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "step" | "cite" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "download" | "start" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "value" | "shape" | "disabled" | "hrefLang" | "rel" | "default" | "action" | "content" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "open" | "selected" | "src" | "checked" | "readOnly" | "required" | "autoComplete" | "rows" | "accept" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap"> & React.RefAttributes<import("@virtuoso.dev/react-urx").MethodsFromPropMap<import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<[import("@virtuoso.dev/urx").SystemSpec<never[], () => {
     log: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").Log>;
     logLevel: import("@virtuoso.dev/urx").StatefulStream<import("./loggerSystem").LogLevel>;
 }>], ([{ log }]: [{

package/components/Virtuoso/react-virtuoso/interfaces.d.ts

@@ -249,9 +249,9 @@ export interface IndexLocationWithAlign {
      */
     offset?: number;
 }
-export declare type ListRootProps = Omit<React.HTMLProps<'div'>, 'ref' | 'data'>;
-export declare type TableRootProps = Omit<React.HTMLProps<'table'>, 'ref' | 'data'>;
-export declare type GridRootProps = Omit<React.HTMLProps<'div'>, 'ref' | 'data'>;
+export declare type ListRootProps = Omit<React.HTMLProps<HTMLDivElement>, 'ref' | 'data'>;
+export declare type TableRootProps = Omit<React.HTMLProps<HTMLTableElement>, 'ref' | 'data'>;
+export declare type GridRootProps = Omit<React.HTMLProps<HTMLDivElement>, 'ref' | 'data'>;
 export interface GridItem {
     'data-index': number;
     className?: string;

package/es6/components/Forms/Picker/DatePicker/DatePickerHeader.js

@@ -34,8 +34,8 @@ var DatePickerHeader = memo(function (props) {
                 monthLabel,
                 React.createElement(SelectArrowDownIcon, null)),
             React.createElement(SwitchHeaderButtonWrapper, { size: size, gap: 3, view: view },
-                React.createElement(SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disablePrevMonth, onClick: selectPreviousMonth, symbol: arrowLeftSvg, "aria-label": previousMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-pre-month", className: classes.leftArrow }),
-                React.createElement(SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disableNextMonth, onClick: selectNextMonth, symbol: arrowRightSvg, "aria-label": nextMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-next-month", className: classes.rightArrow })))));
+                React.createElement(SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disablePrevMonth, onClick: selectPreviousMonth, symbol: arrowLeftSvg, "aria-label": previousMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-pre-month", className: classes.leftArrow, focusVariant: "focusRing" }),
+                React.createElement(SwitchHeaderButton, { color: "neutral.f04", size: "small", disabled: disableNextMonth, onClick: selectNextMonth, symbol: arrowRightSvg, "aria-label": nextMonthAriaLabel, "data-picker-action": true, "data-test-automation-id": "date-picker-next-month", className: classes.rightArrow, focusVariant: "focusRing" })))));
 });
 DatePickerHeader.defaultProps = {
     disablePrevMonth: false,

package/es6/components/Forms/Picker/DatePicker/Year.js

@@ -14,7 +14,7 @@ var Year = memo(forwardRef(function (props, ref) {
     });
     var yearAriaLabel = getYearAriaLabel === null || getYearAriaLabel === void 0 ? void 0 : getYearAriaLabel("" + value, selected);
     var handleClick = !disabled ? _handleClick : undefined;
-    return (React.createElement(StyledYear, __assign({ radius: "round", onClick: handleClick, onKeyPress: handleClick, ref: ref, selected: selected, "aria-pressed": focused, "aria-label": yearAriaLabel, className: className, "data-test-automation-class": "date-picker-year", "data-test-automation-value": children }, rest),
+    return (React.createElement(StyledYear, __assign({ radius: "round", onClick: handleClick, onKeyPress: handleClick, ref: ref, selected: selected, "aria-pressed": focused, size: "medium", "aria-label": yearAriaLabel, className: className, "data-test-automation-class": "date-picker-year", "data-test-automation-value": children }, rest),
         React.createElement(React.Fragment, null, 
         // TODO: that <></> will fix when `RcIconButton` ready
         children)));

package/es6/components/Forms/Picker/DatePicker/styles/StyledDatePickerHeader.js

@@ -5,7 +5,7 @@ import { RcIconButtonClasses } from '../../../../Buttons/IconButton/utils';
 import { RcIcon } from '../../../../Icon';
 import { textColor } from '../utils';
 var monthInactiveStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &,\n  ", " {\n    color: ", ";\n  }\n"], ["\n  &,\n  ", " {\n    color: ", ";\n  }\n"])), RcIcon, focusVisibleColor);
-var StyledCurrentMonth = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"])), flexCenterStyle, spacing(5), textColor, typography('body2'), radius('sm'), spacing(1, 0, 1, 1), focusVisibleShadowStyle('sm'), RcIcon, spacing(2), function (_a) {
+var StyledCurrentMonth = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"], ["\n  background: none;\n  border: none;\n  cursor: pointer;\n  outline: inherit;\n\n  ", ";\n  position: relative;\n  cursor: pointer;\n  margin-left: ", ";\n  color: ", ";\n  ", ";\n  border-radius: ", ";\n\n  padding: ", ";\n\n  ", ";\n\n  ", " {\n    margin-left: ", ";\n    transform: rotate(", "deg);\n    color: ", ";\n  }\n\n  ", " {\n    ", ";\n  }\n\n  ", " {\n    &:hover {\n      ", ";\n    }\n  }\n"])), flexCenterStyle, spacing(5), textColor, typography('body2'), radius('sm'), spacing(1, 0, 1, 1), focusVisibleShadowStyle('lg', undefined, undefined, 2), RcIcon, spacing(2), function (_a) {
     var view = _a.view;
     return (view === 'day' ? '0' : '180');
 }, palette2('neutral', 'f04'), focusVisible, monthInactiveStyle, nonTouchHoverMedia, monthInactiveStyle);

package/es6/components/Forms/Picker/DatePicker/styles/StyledDay.js

@@ -1,10 +1,12 @@
 import { __makeTemplateObject } from "tslib";
 import { css, palette2, typography, } from '../../../../../foundation';
 import { RcIconButtonClasses } from '../../../../Buttons/IconButton/utils';
+import { datePickerCustomFocusRingStyle } from '../../styles';
 import { RcDatePickerIconWidths } from '../utils';
 var CurrentDayStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n"], ["\n  border: 1px solid ", ";\n"])), palette2('neutral', 'b04'));
 export var DayStyle = function (_a) {
     var current = _a.current, size = _a.size, hidden = _a.hidden, selected = _a.selected;
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n    }\n  "], ["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n    }\n  "])), RcIconButtonClasses.root, RcDatePickerIconWidths[size], RcDatePickerIconWidths[size], hidden && 'hidden', typography('caption1'), current && !selected && CurrentDayStyle);
+    var sizeValue = RcDatePickerIconWidths[size];
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n\n      ", "\n    }\n  "], ["\n    &.", " {\n      width: ", ";\n      height: ", ";\n      margin: 0 2px;\n      visibility: ", ";\n      ", ";\n      ", ";\n\n      ", "\n    }\n  "])), RcIconButtonClasses.root, sizeValue, sizeValue, hidden && 'hidden', typography('caption1'), current && !selected && CurrentDayStyle, datePickerCustomFocusRingStyle);
 };
 var templateObject_1, templateObject_2;

package/es6/components/Forms/Picker/DatePicker/styles/StyledYear.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from "tslib";
 import { styled, typography } from '../../../../../foundation';
 import { RcIconButtonClasses } from '../../../../Buttons/IconButton/utils';
-import { PickerBaseIconButton } from '../../styles';
-export var StyledYear = styled(PickerBaseIconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n  }\n"], ["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n  }\n"])), RcIconButtonClasses.root, typography('body1'));
+import { datePickerCustomFocusRingStyle, PickerBaseIconButton, } from '../../styles';
+export var StyledYear = styled(PickerBaseIconButton)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n    ", ";\n  }\n"], ["\n  &.", " {\n    width: 56px;\n    min-width: 56px;\n    height: 28px;\n    margin: 4px 0;\n    ", ";\n    ", ";\n  }\n"])), RcIconButtonClasses.root, typography('body1'), datePickerCustomFocusRingStyle);
 var templateObject_1;

package/es6/components/Forms/Picker/styles/PickerBaseIconButton.js

@@ -3,6 +3,6 @@ import React, { forwardRef } from 'react';
 import { RcIconButton } from '../../../Buttons/IconButton';
 export var PickerBaseIconButton = forwardRef(function (props, ref) {
     var children = props.children, selected = props.selected, hidden = props.hidden, rest = __rest(props, ["children", "selected", "hidden"]);
-    return (React.createElement(RcIconButton, __assign({ elevation: 0, activeElevation: 0, ref: ref, variant: selected ? 'contained' : 'round', color: selected ? 'interactive.b02' : 'neutral.f06', "data-hidden": hidden, size: "xsmall" }, rest), children));
+    return (React.createElement(RcIconButton, __assign({ elevation: 0, activeElevation: 0, ref: ref, variant: selected ? 'contained' : 'round', color: selected ? 'interactive.b02' : 'neutral.f06', "data-hidden": hidden, size: "xsmall", focusVariant: "focusRing" }, rest), children));
 });
 PickerBaseIconButton.displayName = 'PickerBaseIconButton';

package/es6/components/Forms/Picker/styles/datePickerCustomFocusRingStyle.js

@@ -0,0 +1,13 @@
+import { __makeTemplateObject } from "tslib";
+import { css, focusVisible, palette2, shadowBorder, } from '../../../../foundation';
+export var RcPickerFocusInsetBorderSizes = {
+    small: 1,
+    medium: 2,
+};
+export var datePickerCustomFocusRingStyle = function (_a) {
+    var size = _a.size, selected = _a.selected, _b = _a.radius, radius = _b === void 0 ? 'circle' : _b;
+    var focusInsetBorderSizes = RcPickerFocusInsetBorderSizes[size];
+    return (selected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", " {\n        ", "\n        &:after {\n          top: ", "px;\n          right: ", "px;\n          bottom: ", "px;\n          left: ", "px;\n        }\n        &:before {\n          background-color: unset !important;\n        }\n      }\n    "], ["\n      ", " {\n        ",
+        "\n        &:after {\n          top: ", "px;\n          right: ", "px;\n          bottom: ", "px;\n          left: ", "px;\n        }\n        &:before {\n          background-color: unset !important;\n        }\n      }\n    "])), focusVisible, shadowBorder(radius, palette2('neutral', 'b01'), true, focusInsetBorderSizes), focusInsetBorderSizes, focusInsetBorderSizes, focusInsetBorderSizes, focusInsetBorderSizes));
+};
+var templateObject_1;

package/es6/components/Forms/Picker/styles/index.js

@@ -1,3 +1,4 @@
 export * from './PickerBaseIconButton';
 export * from './StyledPickerTextField';
 export * from './StyledPopover';
+export * from './datePickerCustomFocusRingStyle';

package/es6/components/VirtualizedMenu/VirtualizedMenuList.js

@@ -1,7 +1,7 @@
 import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef, useImperativeHandle, useMemo, useRef, } from 'react';
 import { isFragment } from 'react-is';
-import { combineProps, getScrollbarSize, isRcElement, logInDev, styled, useDebounce, useEventCallback, useForkRef, useHiddenTabindex, useKeyboardMoveFocus, useMountState, useOnlyOneFocusable, useRcPortalWindowContext, useTheme, useThemeProps, } from '../../foundation';
+import { combineProps, getScrollbarSize, isRcElement, logInDev, styled, useEventCallback, useForkRef, useHiddenTabindex, useKeyboardMoveFocus, useMountState, useOnlyOneFocusable, useRcPortalWindowContext, useTheme, useThemeProps, } from '../../foundation';
 import { RcList } from '../List/List/List';
 import { isOutOfRange, modifyVlScrollerStyle, useDynamicHeight, useHighlightScroll, Virtuoso, } from '../Virtuoso';
 import { RcVisuallyHidden } from '../VisuallyHidden';
@@ -19,6 +19,7 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
     var handleRef = useForkRef(innerListRef, ref);
     var rangeChangedRef = useRef({ startIndex: 0, endIndex: 0 });
     var isMountedRef = useMountState();
+    var itemRenderedDescriptorRef = useRef(null);
     var hasSearchText = false;
     /**
      * the index of the item should receive focus
@@ -77,26 +78,34 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
             (_a = vlRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex(location);
             if (location.index === 0)
                 modifyScrollPosition();
-            debounceFocusIndex(focusedIndexRef.current);
         },
     }), scrollerRef = _h.scrollerRef, scrollerRefFn = _h.scrollerRefFn, itemsRendered = _h.itemsRendered, scrollToHighlightedIndex = _h.scrollToHighlightedIndex;
     var _j = useOnlyOneFocusable({
         focusedIndexRef: focusedIndexRef,
         containerRef: innerListRef,
-        // * retry focusIndex, because that may not scroll to and render complete
-        retryOptions: { retryTimes: 10, intervalTime: 20 },
     }), focusIndex = _j.focusIndex, getItemProps = _j.getItemProps;
-    var debounceFocusIndex = useDebounce(focusIndex, 20);
+    var focusItemByIndex = function (currentfocusedIndex, targetfocusedIndex) {
+        scrollToHighlightedIndex(currentfocusedIndex === null ? 0 : currentfocusedIndex, targetfocusedIndex);
+        if (isOutOfRange(targetfocusedIndex, rangeChangedRef.current)) {
+            new Promise(function (resolve) {
+                itemRenderedDescriptorRef.current = {
+                    resolve: resolve,
+                    index: targetfocusedIndex,
+                };
+            }).then(function () {
+                focusIndex(targetfocusedIndex);
+            });
+        }
+        else {
+            focusIndex(targetfocusedIndex);
+        }
+    };
     var _k = useKeyboardMoveFocus({
         options: items,
         focusedIndexRef: focusedIndexRef,
         infinite: !disableListWrap,
         onFocusedIndexChange: function (event, toIndex) {
-            scrollToHighlightedIndex(focusedIndexRef.current, toIndex);
-            focusedIndexRef.current = toIndex;
-            // * fix that will focus at previous index
-            // * use debounce to prevent same time scrollToIndex and here trigger,
-            debounceFocusIndex(focusedIndexRef.current);
+            focusItemByIndex(focusedIndexRef.current, toIndex);
             event.preventDefault();
         },
         getOptionDisabled: function (child) {
@@ -123,8 +132,7 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
             (_a = innerListRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
         if (disabledItemsFocusable) {
-            modifyScrollPosition();
-            debounceFocusIndex(0);
+            focusItemByIndex(null, 0);
         }
         else {
             // * when init find available default index
@@ -132,11 +140,7 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
             if (autoFocusItem) {
                 // * timeout for wait vl render complete
                 setTimeout(function () {
-                    var _a;
-                    // * when index is not zero need scrollBy menuBoundary Padding
-                    (_a = vlRef.current) === null || _a === void 0 ? void 0 : _a.scrollToIndex(initFocusedIndex_1);
-                    modifyScrollPosition();
-                    debounceFocusIndex(initFocusedIndex_1);
+                    focusItemByIndex(null, initFocusedIndex_1);
                 }, 0);
             }
         }
@@ -198,17 +202,18 @@ var _RcVirtualizedMenuList = forwardRef(function (inProps, ref) {
                 isOutOfRange(focusedIndex, range)) {
                 listElm.focus();
             }
+            var itemRenderedDescriptor = itemRenderedDescriptorRef.current;
+            if (itemRenderedDescriptor &&
+                !isOutOfRange(itemRenderedDescriptor.index, rangeChangedRef.current)) {
+                itemRenderedDescriptor.resolve();
+                itemRenderedDescriptorRef.current = null;
+            }
         }, totalListHeightChanged: totalListHeightChanged,
         style: style }, events), VirtuosoProps);
     return (React.createElement(React.Fragment, null,
         React.createElement(RcVisuallyHidden, { ref: hiddenRef, onFocus: function () {
                 var _a;
-                if (isOutOfRange(focusedIndexRef.current, rangeChangedRef.current)) {
-                    scrollToHighlightedIndex(((_a = rangeChangedRef.current) === null || _a === void 0 ? void 0 : _a.startIndex) || 0, focusedIndexRef.current);
-                }
-                else {
-                    debounceFocusIndex(focusedIndexRef.current);
-                }
+                focusItemByIndex(((_a = rangeChangedRef.current) === null || _a === void 0 ? void 0 : _a.startIndex) || 0, focusedIndexRef.current);
             } }),
         React.createElement(Virtuoso, __assign({ ref: vlRef, data: items, itemContent: function (index, data) { return data; }, totalCount: itemCount, components: components }, combine))));
 });

package/es6/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.js

@@ -1,13 +1,12 @@
 import { combineProps } from '../../utils';
 import { useId } from '../useId';
-import { useRetry } from '../useRetry';
 var MOVE_ATTR_KEY = 'data-move-focused';
 /**
  * when focus in container below element with binding `getItemProps`,
  * that will only have one element can be focusable.
  */
 export var useOnlyOneFocusable = function (_a) {
-    var focusedIndexRef = _a.focusedIndexRef, containerRef = _a.containerRef, retryOptions = _a.retryOptions;
+    var focusedIndexRef = _a.focusedIndexRef, containerRef = _a.containerRef;
     var moveFocusedId = useId(MOVE_ATTR_KEY, true);
     var getIndexElm = function (toIndex) { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[" + moveFocusedId + "=\"" + toIndex + "\"]"); };
     var setIndexTabIndex = function (toIndex) {
@@ -20,17 +19,13 @@ export var useOnlyOneFocusable = function (_a) {
         }
     };
     // * retry when not get target element
-    var focusIndexWithRetry = useRetry(function (toIndex) {
+    var focusIndex = function (toIndex) {
         var toElm = getIndexElm(toIndex);
-        if (toElm) {
-            toElm.focus();
-            return true;
-        }
-        return false;
-    }, retryOptions).retry;
+        toElm === null || toElm === void 0 ? void 0 : toElm.focus();
+    };
     return {
         moveFocusedId: moveFocusedId,
-        focusIndex: focusIndexWithRetry,
+        focusIndex: focusIndex,
         setIndexTabIndex: setIndexTabIndex,
         getItemProps: function (index, options) {
             var _a;

package/es6/foundation/styles/focusVisible.js

@@ -12,5 +12,9 @@ export var shadowBorder = function (r, color, inset, size) {
     if (size === void 0) { size = 1; }
     return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    box-shadow: ", " 0 0 0 ", "px ", ";\n    border-radius: ", ";\n    pointer-events: none;\n  }\n"], ["\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    box-shadow: ", " 0 0 0 ", "px ", ";\n    border-radius: ", ";\n    pointer-events: none;\n  }\n"])), inset ? 'inset' : '', size, color, radius(r));
 };
-export var focusVisibleShadowStyle = function (r, color) { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    ", ";\n  }\n"], ["\n  ", " {\n    ", ";\n  }\n"])), focusVisible, shadowBorder(r, color)); };
+export var focusVisibleShadowStyle = function (r, color, inset, size) {
+    if (inset === void 0) { inset = true; }
+    if (size === void 0) { size = 1; }
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    ", ";\n  }\n"], ["\n  ", " {\n    ", ";\n  }\n"])), focusVisible, shadowBorder(r, color, inset, size));
+};
 var templateObject_1, templateObject_2;

package/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.d.ts

@@ -1,21 +1,18 @@
 /// <reference types="react" />
 /// <reference types="styled-jsx" />
-import { UseRetryOptions } from '../useRetry';
 export declare type UseOnlyOneFocusableParams = {
     /** current focused index `ref` */
     focusedIndexRef: React.MutableRefObject<number>;
     /** wrap container for below all only have one focusable */
     containerRef: React.RefObject<HTMLElement>;
-    /** when focus fail that retry times option */
-    retryOptions?: UseRetryOptions;
 };
 /**
  * when focus in container below element with binding `getItemProps`,
  * that will only have one element can be focusable.
  */
-export declare const useOnlyOneFocusable: ({ focusedIndexRef, containerRef, retryOptions, }: UseOnlyOneFocusableParams) => {
+export declare const useOnlyOneFocusable: ({ focusedIndexRef, containerRef, }: UseOnlyOneFocusableParams) => {
     moveFocusedId: string;
-    focusIndex: (toIndex: number) => Promise<void>;
+    focusIndex: (toIndex: number) => void;
     setIndexTabIndex: (toIndex: number) => void;
     getItemProps: (index: number, options?: Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> | undefined) => Pick<import("react").HTMLAttributes<HTMLElement>, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "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-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "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" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "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" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "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" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">;
 };

package/foundation/hooks/useKeyboardMoveFocus/useOnlyOneFocusable.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../../utils");
 var useId_1 = require("../useId");
-var useRetry_1 = require("../useRetry");
 var MOVE_ATTR_KEY = 'data-move-focused';
 /**
  * when focus in container below element with binding `getItemProps`,
  * that will only have one element can be focusable.
  */
 exports.useOnlyOneFocusable = function (_a) {
-    var focusedIndexRef = _a.focusedIndexRef, containerRef = _a.containerRef, retryOptions = _a.retryOptions;
+    var focusedIndexRef = _a.focusedIndexRef, containerRef = _a.containerRef;
     var moveFocusedId = useId_1.useId(MOVE_ATTR_KEY, true);
     var getIndexElm = function (toIndex) { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[" + moveFocusedId + "=\"" + toIndex + "\"]"); };
     var setIndexTabIndex = function (toIndex) {
@@ -22,17 +21,13 @@ exports.useOnlyOneFocusable = function (_a) {
         }
     };
     // * retry when not get target element
-    var focusIndexWithRetry = useRetry_1.useRetry(function (toIndex) {
+    var focusIndex = function (toIndex) {
         var toElm = getIndexElm(toIndex);
-        if (toElm) {
-            toElm.focus();
-            return true;
-        }
-        return false;
-    }, retryOptions).retry;
+        toElm === null || toElm === void 0 ? void 0 : toElm.focus();
+    };
     return {
         moveFocusedId: moveFocusedId,
-        focusIndex: focusIndexWithRetry,
+        focusIndex: focusIndex,
         setIndexTabIndex: setIndexTabIndex,
         getItemProps: function (index, options) {
             var _a;

package/foundation/styles/focusVisible.d.ts

@@ -2,4 +2,4 @@ export declare const focusVisible = "&.focus-visible, &[data-focus-visible-added
 export declare const focusWithin = "&:hover, &:focus-within";
 export declare const focusVisibleColor: import("./newPalette").PaletteReturnType;
 export declare const shadowBorder: (r?: "round" | "circle" | "sm" | "md" | "lg" | "xl" | "xxl" | "zero", color?: any, inset?: boolean, size?: number) => import("styled-components").FlattenInterpolation<any>[];
-export declare const focusVisibleShadowStyle: (r?: "round" | "circle" | "sm" | "md" | "lg" | "xl" | "xxl" | "zero" | undefined, color?: any) => import("styled-components").FlattenInterpolation<any>[];
+export declare const focusVisibleShadowStyle: (r?: "round" | "circle" | "sm" | "md" | "lg" | "xl" | "xxl" | "zero" | undefined, color?: any, inset?: boolean, size?: number) => import("styled-components").FlattenInterpolation<any>[];

package/foundation/styles/focusVisible.js

@@ -14,5 +14,9 @@ exports.shadowBorder = function (r, color, inset, size) {
     if (size === void 0) { size = 1; }
     return styled_components_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    box-shadow: ", " 0 0 0 ", "px ", ";\n    border-radius: ", ";\n    pointer-events: none;\n  }\n"], ["\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    box-shadow: ", " 0 0 0 ", "px ", ";\n    border-radius: ", ";\n    pointer-events: none;\n  }\n"])), inset ? 'inset' : '', size, color, radius_1.radius(r));
 };
-exports.focusVisibleShadowStyle = function (r, color) { return styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", " {\n    ", ";\n  }\n"], ["\n  ", " {\n    ", ";\n  }\n"])), exports.focusVisible, exports.shadowBorder(r, color)); };
+exports.focusVisibleShadowStyle = function (r, color, inset, size) {
+    if (inset === void 0) { inset = true; }
+    if (size === void 0) { size = 1; }
+    return styled_components_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  ", " {\n    ", ";\n  }\n"], ["\n  ", " {\n    ", ";\n  }\n"])), exports.focusVisible, exports.shadowBorder(r, color, inset, size));
+};
 var templateObject_1, templateObject_2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.26.1",
+  "version": "2.27.0",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",