@broxus/react-uikit 0.17.4 → 0.19.0

package/dist/cjs/components/Nav/Item/InternalNavItem.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalNavItem = InternalNavItem;
+const KeyCode_1 = __importDefault(require("@rc-component/util/lib/KeyCode"));
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const classnames_1 = __importDefault(require("classnames"));
-const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
@@ -50,14 +50,13 @@ const useActive_1 = require("../../../components/Nav/hooks/useActive");
 const useDirectionStyle_1 = require("../../../components/Nav/hooks/useDirectionStyle");
 const LegacyNavItem_1 = require("../../../components/Nav/Item/LegacyNavItem");
 const warnUtil_1 = require("../../../components/Nav/utils/warnUtil");
-function InternalNavItem(props) {
+function InternalNavItem({ children, className, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, children, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps } = props;
     const domDataId = (0, IdContext_1.useNavId)(eventKey);
     const { disabled: contextDisabled = disabled, itemIcon: contextItemIcon, overflowDisabled, selectedKeys, onActive, onItemClick, } = React.useContext(NavContext_1.NavContext);
     const { _internalRenderMenuItem } = React.useContext(PrivateContext_1.PrivateContext);
-    const legacyNavItemRef = React.useRef();
-    const elementRef = React.useRef();
+    const legacyNavItemRef = React.useRef(null);
+    const elementRef = React.useRef(null);
     const mergedDisabled = contextDisabled || disabled;
     const connectedKeys = (0, PathContext_1.useFullPath)(eventKey);
     // ================================ Warn ================================
@@ -121,7 +120,24 @@ function InternalNavItem(props) {
         itemIcon || contextItemIcon,
         children));
     if (_internalRenderMenuItem) {
-        renderNode = _internalRenderMenuItem(renderNode, props, { selected });
+        renderNode = _internalRenderMenuItem(renderNode, {
+            children,
+            className,
+            disabled,
+            itemIcon,
+            role,
+            style,
+            // eslint-disable-next-line sort-keys
+            onClick,
+            onFocus,
+            onKeyDown,
+            onMouseEnter,
+            onMouseLeave,
+            ...restProps,
+        }, { selected });
     }
     return renderNode;
 }
+if (process.env.NODE_ENV !== 'production') {
+    InternalNavItem.displayName = 'Nav.InternalNavItem';
+}

package/dist/cjs/components/Nav/Item/LegacyNavItem.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LegacyNavItem = void 0;
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
 const React = __importStar(require("react"));
 class LegacyNavItem extends React.Component {
     render() {

package/dist/cjs/components/Nav/Item/index.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type NavItemProps } from '../../../components/Nav/Item/InternalNavItem';
-export declare const Item: React.MemoExoticComponent<(props: NavItemProps) => React.JSX.Element | null>;
+export declare const Item: React.MemoExoticComponent<({ eventKey, ...restProps }: NavItemProps) => React.JSX.Element | null>;

package/dist/cjs/components/Nav/Item/index.js

@@ -38,8 +38,7 @@ const js_utils_1 = require("@broxus/js-utils");
 const React = __importStar(require("react"));
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
 const InternalNavItem_1 = require("../../../components/Nav/Item/InternalNavItem");
-exports.Item = React.memo((props) => {
-    const { eventKey } = props;
+exports.Item = React.memo(({ eventKey, ...restProps }) => {
     const measure = (0, PathContext_1.useMeasure)();
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     React.useEffect(() => {
@@ -54,7 +53,7 @@ exports.Item = React.memo((props) => {
     if (measure) {
         return null;
     }
-    return React.createElement(InternalNavItem_1.InternalNavItem, { ...props });
+    return React.createElement(InternalNavItem_1.InternalNavItem, { ...restProps });
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Item.displayName = 'Nav.Item';

package/dist/cjs/components/Nav/Nav.js

@@ -253,7 +253,7 @@ exports.Nav = React.forwardRef((props, ref) => {
     // ==================== Accessibility =====================
     const triggerAccessibilityOpen = (key, open) => {
         const nextOpen = open ?? !mergedOpenKeys?.includes(key);
-        onInternalOpenChange(key, nextOpen);
+        onInternalOpenChange?.(key, nextOpen);
     };
     const onInternalKeyDown = (0, useAccessibility_1.useAccessibility)(internalMode, mergedActiveKey, isRtl, uuid, containerRef, getKeys, getKeyPath, setMergedActiveKey, triggerAccessibilityOpen, onKeyDown);
     // ======================= Context ========================

package/dist/cjs/components/Nav/Sub/InlineSubNavList.d.ts

@@ -5,4 +5,7 @@ export interface InlineSubNavListProps {
     keyPath: string[];
     children: React.ReactNode;
 }
-export declare function InlineSubNavList(props: InlineSubNavListProps): React.JSX.Element | null;
+export declare function InlineSubNavList({ children, id, keyPath, open }: InlineSubNavListProps): React.JSX.Element | null;
+export declare namespace InlineSubNavList {
+    var displayName: string;
+}

package/dist/cjs/components/Nav/Sub/InlineSubNavList.js

@@ -37,15 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineSubNavList = InlineSubNavList;
-const rc_motion_1 = __importDefault(require("rc-motion"));
+const motion_1 = __importDefault(require("@rc-component/motion"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
 const SubNavList_1 = require("../../../components/Nav/Sub/SubNavList");
 const motionUtil_1 = require("../../../components/Nav/utils/motionUtil");
-function InlineSubNavList(props) {
+function InlineSubNavList({ children, id, keyPath, open }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, id, keyPath, open } = props;
     const fixedMode = 'inline';
     const { prefixCls, forceSubNavRender, motion, defaultMotions, mode, } = React.useContext(NavContext_1.NavContext);
     // Always use the latest mode check
@@ -80,5 +79,8 @@ function InlineSubNavList(props) {
         return null;
     }
     return (React.createElement(NavContext_1.NavContextProvider, { mode: fixedMode, locked: !sameModeRef.current, prefixCls: prefixCls },
-        React.createElement(rc_motion_1.default, { visible: mergedOpen, ...mergedMotion, forceRender: forceSubNavRender, leavedClassName: `${config.prefixCls}-hidden`, removeOnLeave: false }, ({ className: motionClassName, style: motionStyle }) => (React.createElement(SubNavList_1.SubNavList, { className: motionClassName, id: id, style: motionStyle }, children)))));
+        React.createElement(motion_1.default, { visible: mergedOpen, ...mergedMotion, forceRender: forceSubNavRender, leavedClassName: `${config.prefixCls}-hidden`, removeOnLeave: false }, ({ className: motionClassName, style: motionStyle }) => (React.createElement(SubNavList_1.SubNavList, { className: motionClassName, id: id, style: motionStyle }, children)))));
+}
+if (process.env.NODE_ENV !== 'production') {
+    InlineSubNavList.displayName = 'Nav.InlineSubNavList';
 }

package/dist/cjs/components/Nav/Sub/PopupTrigger.d.ts

@@ -11,4 +11,7 @@ export interface PopupTriggerProps {
     visible: boolean;
     onVisibleChange: (visible: boolean) => void;
 }
-export declare function PopupTrigger(props: PopupTriggerProps): React.JSX.Element;
+export declare function PopupTrigger({ prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, }: PopupTriggerProps): React.JSX.Element;
+export declare namespace PopupTrigger {
+    var displayName: string;
+}

package/dist/cjs/components/Nav/Sub/PopupTrigger.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupTrigger = PopupTrigger;
+const trigger_1 = __importDefault(require("@rc-component/trigger"));
+const raf_1 = __importDefault(require("@rc-component/util/lib/raf"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_trigger_1 = __importDefault(require("rc-trigger"));
-const raf_1 = __importDefault(require("rc-util/lib/raf"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
@@ -52,10 +52,9 @@ const popupPlacementMap = {
     'vertical-left': 'right-top',
     'vertical-right': 'left-top',
 };
-function PopupTrigger(props) {
+function PopupTrigger({ prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { prefixCls, visible, children, popup, popupClassName, popupOffset, disabled, mode, onVisibleChange, } = props;
-    const { builtinPlacements, defaultMotions, forceSubNavRender, getPopupContainer, motion, rtl, subNavCloseDelay, subNavOpenDelay, triggerSubNavAction, } = React.useContext(NavContext_1.NavContext);
+    const { builtinPlacements, defaultMotions, forceSubNavRender, getPopupContainer, motion, rtl, subNavCloseDelay = 300, subNavOpenDelay, triggerSubNavAction = 'hover', } = React.useContext(NavContext_1.NavContext);
     const [innerVisible, setInnerVisible] = React.useState(false);
     const placement = rtl
         ? { ...placements_1.placementsRtl, ...builtinPlacements }
@@ -77,7 +76,7 @@ function PopupTrigger(props) {
         removeOnLeave: false,
     };
     // Delay to change visible
-    const visibleRef = React.useRef();
+    const visibleRef = React.useRef(null);
     React.useEffect(() => {
         visibleRef.current = (0, raf_1.default)(() => {
             setInnerVisible(visible);
@@ -88,7 +87,10 @@ function PopupTrigger(props) {
             }
         };
     }, [visible]);
-    return (React.createElement(rc_trigger_1.default, { action: disabled ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: (0, classnames_1.default)({
+    return (React.createElement(trigger_1.default, { action: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], builtinPlacements: placement, forceRender: forceSubNavRender, getPopupContainer: getPopupContainer, hideAction: disabled || !triggerSubNavAction ? [] : [triggerSubNavAction], mouseEnterDelay: subNavOpenDelay, mouseLeaveDelay: subNavCloseDelay, popup: popup, popupAlign: popupOffset && { offset: popupOffset }, popupClassName: (0, classnames_1.default)({
             [`${prefixCls}-rtl`]: rtl,
         }, popupClassName), popupMotion: mergedMotion, popupPlacement: popupPlacement, popupVisible: innerVisible, prefixCls: prefixCls, stretch: mode === 'horizontal' ? 'minWidth' : undefined, onPopupVisibleChange: onVisibleChange }, children));
 }
+if (process.env.NODE_ENV !== 'production') {
+    PopupTrigger.displayName = 'Nav.PopupTrigger';
+}

package/dist/cjs/components/Nav/Sub/SubNavList.js

@@ -40,8 +40,7 @@ exports.SubNavList = void 0;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
-exports.SubNavList = React.forwardRef((props, ref) => {
-    const { className, children, ...restProps } = props;
+exports.SubNavList = React.forwardRef(({ children, className, ...restProps }, ref) => {
     const { mode, prefixCls, rtl } = React.useContext(NavContext_1.NavContext);
     return (React.createElement("ul", { className: (0, classnames_1.default)({
             [prefixCls]: mode !== 'inline',

package/dist/cjs/components/Nav/Sub/index.d.ts

@@ -10,7 +10,7 @@ export interface SubNavProps extends Omit<SubNavType, 'children' | 'key' | 'labe
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }
-export declare function Sub(props: SubNavProps): React.JSX.Element;
+export declare function Sub({ children, eventKey, ...restProps }: SubNavProps): React.JSX.Element;
 export declare namespace Sub {
     var displayName: string;
 }

package/dist/cjs/components/Nav/Sub/index.js

@@ -38,9 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sub = Sub;
 const js_utils_1 = require("@broxus/js-utils");
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_overflow_1 = __importDefault(require("rc-overflow"));
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
 const React = __importStar(require("react"));
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
@@ -63,7 +63,7 @@ function InternalSubNav(props) {
     const { _internalRenderSubMenuItem } = React.useContext(PrivateContext_1.PrivateContext);
     const mergedDisabled = contextDisabled || disabled;
     const elementRef = React.useRef(null);
-    const popupRef = React.useRef();
+    const popupRef = React.useRef(null);
     // ================================ Warn ================================
     if (process.env.NODE_ENV !== 'production' && warnKey) {
         (0, warning_1.default)(false, 'SubNav should not leave undefined `key`.');
@@ -202,8 +202,7 @@ function InternalSubNav(props) {
     return (React.createElement(NavContext_1.NavContextProvider, { expandIcon: mergedExpandIcon, itemIcon: mergedItemIcon, mode: mode === 'horizontal' ? 'vertical' : mode, onItemClick: onMergedItemClick }, listNode));
 }
 // eslint-disable-next-line react/no-multi-comp
-function Sub(props) {
-    const { eventKey, children } = props;
+function Sub({ children, eventKey, ...restProps }) {
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     const childList = (0, nodeUtil_1.parseChildren)(children, connectedKeyPath);
     const measure = (0, PathContext_1.useMeasure)();
@@ -216,7 +215,7 @@ function Sub(props) {
         }
         return js_utils_1.noop;
     }, [connectedKeyPath, eventKey, measure]);
-    return (React.createElement(PathContext_1.PathTrackerContext.Provider, { value: connectedKeyPath }, measure ? childList : React.createElement(InternalSubNav, { ...props }, childList)));
+    return (React.createElement(PathContext_1.PathTrackerContext.Provider, { value: connectedKeyPath }, measure ? childList : React.createElement(InternalSubNav, { eventKey: eventKey, ...restProps }, childList)));
 }
 if (process.env.NODE_ENV !== 'production') {
     Sub.displayName = 'Nav.Sub';

package/dist/cjs/components/Nav/context/IdContext.js

@@ -53,5 +53,5 @@ function useNavId(eventKey) {
     return getNavId(id, eventKey);
 }
 if (process.env.NODE_ENV !== 'production') {
-    exports.IdContext.displayName = 'IdContext';
+    exports.IdContext.displayName = 'Nav.IdContext';
 }

package/dist/cjs/components/Nav/context/NavContext.d.ts

@@ -1,4 +1,4 @@
-import { type CSSMotionProps } from 'rc-motion';
+import { type CSSMotionProps } from '@rc-component/motion';
 import * as React from 'react';
 import { type BuiltinPlacements, type NavClickEventHandler, type NavMode, type RenderIconType, type TriggerSubNavAction } from '../../../components/Nav/types';
 export interface NavContextProps {
@@ -34,4 +34,4 @@ export interface InheritableContextProps extends Partial<NavContextProps> {
     children?: React.ReactNode;
     locked?: boolean;
 }
-export declare function NavContextProvider(props: InheritableContextProps): React.JSX.Element;
+export declare function NavContextProvider({ children, locked, ...restProps }: InheritableContextProps): React.JSX.Element;

package/dist/cjs/components/Nav/context/NavContext.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavContext = void 0;
 exports.NavContextProvider = NavContextProvider;
-const useMemo_1 = __importDefault(require("rc-util/lib/hooks/useMemo"));
+const useMemo_1 = __importDefault(require("@rc-component/util/lib/hooks/useMemo"));
 const React = __importStar(require("react"));
 const shallowequal_1 = __importDefault(require("shallowequal"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
@@ -59,10 +59,9 @@ function mergeProps(origin, target) {
     });
     return clone;
 }
-function NavContextProvider(props) {
+function NavContextProvider({ children, locked, ...restProps }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const context = React.useContext(exports.NavContext);
-    const { children, locked, ...restProps } = props;
     const inheritableContext = (0, useMemo_1.default)(() => mergeProps({
         ...context,
         popupPrefixCls: context.popupPrefixCls ?? `${config.prefixCls}-dropdown`,
@@ -73,5 +72,5 @@ function NavContextProvider(props) {
     return React.createElement(exports.NavContext.Provider, { value: inheritableContext }, children);
 }
 if (process.env.NODE_ENV !== 'production') {
-    exports.NavContext.displayName = 'NavContext';
+    exports.NavContext.displayName = 'Nav.NavContext';
 }

package/dist/cjs/components/Nav/context/PathContext.js

@@ -50,7 +50,7 @@ function useFullPath(eventKey) {
 }
 exports.PathUserContext = React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {
-    exports.PathRegisterContext.displayName = 'PathRegisterContext';
-    exports.PathTrackerContext.displayName = 'PathTrackerContext';
-    exports.PathUserContext.displayName = 'PathUserContext';
+    exports.PathRegisterContext.displayName = 'Nav.PathRegisterContext';
+    exports.PathTrackerContext.displayName = 'Nav.PathTrackerContext';
+    exports.PathUserContext.displayName = 'Nav.PathUserContext';
 }

package/dist/cjs/components/Nav/context/PrivateContext.js

@@ -37,3 +37,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PrivateContext = void 0;
 const React = __importStar(require("react"));
 exports.PrivateContext = React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+    exports.PrivateContext.displayName = 'Nav.PrivateContext';
+}

package/dist/cjs/components/Nav/hooks/useAccessibility.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type NavMode } from '../../../components/Nav/types';
-export declare function useAccessibility<T extends HTMLElement>(mode: NavMode, activeKey: string, isRtl: boolean, id: string, containerRef: React.RefObject<HTMLUListElement>, getKeys: () => string[], getKeyPath: (key: string, includeOverflow?: boolean) => string[], triggerActiveKey: (key: string) => void, triggerAccessibilityOpen: (key: string, open?: boolean) => void, originOnKeyDown?: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;
+export declare function useAccessibility<T extends HTMLElement>(mode: NavMode, activeKey: string, isRtl: boolean, id: string, containerRef: React.RefObject<HTMLUListElement | null>, getKeys: () => string[], getKeyPath: (key: string, includeOverflow?: boolean) => string[], triggerActiveKey: (key: string) => void, triggerAccessibilityOpen: (key: string, open?: boolean) => void, originOnKeyDown?: React.KeyboardEventHandler<T>): React.KeyboardEventHandler<T>;

package/dist/cjs/components/Nav/hooks/useAccessibility.js

@@ -37,9 +37,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAccessibility = useAccessibility;
-const focus_1 = require("rc-util/lib/Dom/focus");
-const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
-const raf_1 = __importDefault(require("rc-util/lib/raf"));
+const focus_1 = require("@rc-component/util/lib/Dom/focus");
+const KeyCode_1 = __importDefault(require("@rc-component/util/lib/KeyCode"));
+const raf_1 = __importDefault(require("@rc-component/util/lib/raf"));
 const React = __importStar(require("react"));
 const IdContext_1 = require("../../../components/Nav/context/IdContext");
 // destruct to reduce minify size
@@ -143,7 +143,7 @@ function getFocusableElements(container, elements) {
 function getNextFocusElement(parentQueryContainer, elements, focusMenuElement, offset = 1) {
     // Key on the menu item will not get validate parent container
     if (!parentQueryContainer) {
-        return null;
+        return undefined;
     }
     // List current level menu item elements
     const sameLevelFocusableMenuElementList = getFocusableElements(parentQueryContainer, elements);
@@ -166,8 +166,8 @@ function getNextFocusElement(parentQueryContainer, elements, focusMenuElement, o
     return sameLevelFocusableMenuElementList[focusIndex];
 }
 function useAccessibility(mode, activeKey, isRtl, id, containerRef, getKeys, getKeyPath, triggerActiveKey, triggerAccessibilityOpen, originOnKeyDown) {
-    const rafRef = React.useRef();
-    const activeRef = React.useRef();
+    const rafRef = React.useRef(undefined);
+    const activeRef = React.useRef(undefined);
     activeRef.current = activeKey;
     const cleanRaf = () => {
         raf_1.default.cancel(rafRef.current);

package/dist/cjs/components/Nav/hooks/useKeyRecords.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OVERFLOW_KEY = void 0;
 exports.useKeyRecords = useKeyRecords;
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const React = __importStar(require("react"));
 const timeUtil_1 = require("../../../components/Nav/utils/timeUtil");
 const hooks_1 = require("../../../hooks");

package/dist/cjs/components/Nav/hooks/useMemoCallback.d.ts

@@ -2,4 +2,4 @@
  * Cache callback function that always return same ref instead.
  * This is used for context optimization.
  */
-export declare function useMemoCallback<T extends (...args: any[]) => void>(func: T): T;
+export declare function useMemoCallback<T extends (...args: any[]) => void>(func: T): T | undefined;

package/dist/cjs/components/Nav/hooks/useUUID.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUUID = useUUID;
-const useMergedState_1 = __importDefault(require("rc-util/lib/hooks/useMergedState"));
+const useMergedState_1 = __importDefault(require("@rc-component/util/lib/hooks/useMergedState"));
 const React = __importStar(require("react"));
 const uniquePrefix = Math.random().toFixed(5).toString().slice(2);
 let internalId = 0;

package/dist/cjs/components/Nav/index.d.ts

@@ -5,7 +5,6 @@ import { Header } from '../../components/Nav/Header';
 import { Item } from '../../components/Nav/Item';
 import { type NavProps } from '../../components/Nav/Nav';
 import { Sub } from '../../components/Nav/Sub';
-import './index.scss';
 export type { NavProps };
 export interface Nav extends React.ForwardRefExoticComponent<NavProps> {
     Divider: typeof Divider;

package/dist/cjs/components/Nav/index.js

@@ -7,7 +7,6 @@ const Header_1 = require("../../components/Nav/Header");
 const Item_1 = require("../../components/Nav/Item");
 const Nav_1 = require("../../components/Nav/Nav");
 const Sub_1 = require("../../components/Nav/Sub");
-require("./index.scss");
 exports.Nav = Nav_1.Nav;
 exports.Nav.Divider = Divider_1.Divider;
 exports.Nav.Group = Group_1.Group;

package/dist/cjs/components/Nav/types.d.ts

@@ -1,3 +1,4 @@
+import { type ActionType } from '@rc-component/trigger';
 import type * as React from 'react';
 export type NavRef = {
     /**
@@ -49,7 +50,7 @@ export type ItemType = SubNavType | NavItemType | NavItemGroupType | NavDividerT
 export type NavMode = 'inline' | 'vertical' | 'vertical-left' | 'vertical-right' | 'horizontal';
 export type NavModifier = 'default' | 'primary' | 'center' | 'divider';
 export type BuiltinPlacements = Record<string, any>;
-export type TriggerSubNavAction = 'click' | 'hover';
+export type TriggerSubNavAction = ActionType;
 export interface RenderIconInfo {
     disabled?: boolean;
     isOpen?: boolean;

package/dist/cjs/components/Nav/utils/alignUtil.d.ts

@@ -1,3 +1,3 @@
-import { type AlignType, type BuildInPlacements } from 'rc-trigger/lib/interface';
+import { type AlignType, type BuildInPlacements } from '@rc-component/trigger/lib/interface';
 export declare function getAlignFromPlacement(builtinPlacements: BuildInPlacements, placementStr: string, align: AlignType): AlignType;
 export declare function getAlignPopupClassName(builtinPlacements: BuildInPlacements, prefixCls: string, align: AlignType, isAlignPoint: boolean): string;

package/dist/cjs/components/Nav/utils/motionUtil.d.ts

@@ -1,4 +1,4 @@
-import { type CSSMotionProps } from 'rc-motion';
+import { type CSSMotionProps } from '@rc-component/motion';
 import { type NavMode } from '../../../components/Nav/types';
 export declare function getMotion(mode: NavMode | 'other', motion?: CSSMotionProps, defaultMotions?: Partial<{
     [key in NavMode | 'other']: CSSMotionProps;

package/dist/cjs/components/Nav/utils/nodeUtil.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseChildren = parseChildren;
 exports.parseItems = parseItems;
-const toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
+const toArray_1 = __importDefault(require("@rc-component/util/lib/Children/toArray"));
 const React = __importStar(require("react"));
 const Divider_1 = require("../../../components/Nav/Divider");
 const Group_1 = require("../../../components/Nav/Group");

package/dist/cjs/components/Nav/utils/warnUtil.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.warnItemProp = warnItemProp;
-const warning_1 = __importDefault(require("rc-util/lib/warning"));
+const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 /**
  * `onClick` event return `info.item` which point to react node directly.
  * We should warning this since it will not work on FC.

package/dist/cjs/components/Navbar/index.d.ts

@@ -7,7 +7,6 @@ import { Nav } from '../../components/Navbar/Nav';
 import { type NavbarProps } from '../../components/Navbar/Navbar';
 import { Right } from '../../components/Navbar/Right';
 import { Toggle } from '../../components/Navbar/Toggle';
-import './index.scss';
 export type { NavbarProps };
 export interface Navbar extends React.FunctionComponent<NavbarProps> {
     Center: typeof Center;

package/dist/cjs/components/Navbar/index.js

@@ -9,7 +9,6 @@ const Nav_1 = require("../../components/Navbar/Nav");
 const Navbar_1 = require("../../components/Navbar/Navbar");
 const Right_1 = require("../../components/Navbar/Right");
 const Toggle_1 = require("../../components/Navbar/Toggle");
-require("./index.scss");
 exports.Navbar = Navbar_1.Navbar;
 exports.Navbar.Center = Center_1.Center;
 exports.Navbar.Container = Container_1.Container;

package/dist/cjs/components/Overlay/index.d.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export interface OverlayOwnProps {
     icon?: boolean;
     overlay?: React.ReactNode;

package/dist/cjs/components/Overlay/index.js

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 const defaultElement = 'div';
 const positions = [
     'top',

package/dist/cjs/components/Progress/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
     prefixCls?: string;
 }

package/dist/cjs/components/Progress/index.js

@@ -40,7 +40,6 @@ exports.Progress = Progress;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 function Progress(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, ...restProps } = props;

package/dist/cjs/components/Section/index.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
-export type SectionOwnProps = {
+export interface SectionOwnProps {
     kind?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
     preserveColor?: boolean;
     size?: 'xsmall' | 'small' | 'large' | 'xlarge';
-};
+}
 export type SectionProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<SectionOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, SectionOwnProps>;
 declare const defaultElement = "section";
 export declare function Section<E extends React.ElementType = typeof defaultElement>(props: SectionProps<E>): React.JSX.Element;

package/dist/cjs/components/Section/index.js

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 const defaultElement = 'section';
 function Section(props) {
     const config = (0, ConfigProvider_1.useConfig)();

package/dist/cjs/components/Segmented/index.d.ts

@@ -0,0 +1,19 @@
+import { type SegmentedLabeledOption as RcSegmentedLabeledOption, type SegmentedProps as RcSegmentedProps, type SegmentedValue as RcSegmentedValue, type SegmentedRawOption } from '@rc-component/segmented';
+import * as React from 'react';
+import { type SizeType } from '../../types';
+export { type SegmentedValue } from '@rc-component/segmented';
+interface SegmentedLabeledOptionWithoutIcon<ValueType = RcSegmentedValue> extends RcSegmentedLabeledOption<ValueType> {
+    label: RcSegmentedLabeledOption['label'];
+}
+interface SegmentedLabeledOptionWithIcon<ValueType = RcSegmentedValue> extends Omit<RcSegmentedLabeledOption<ValueType>, 'label'> {
+    label?: RcSegmentedLabeledOption['label'];
+    icon: React.ReactNode;
+}
+export type SegmentedLabeledOption<ValueType = RcSegmentedValue> = SegmentedLabeledOptionWithIcon<ValueType> | SegmentedLabeledOptionWithoutIcon<ValueType>;
+export type SegmentedOptions<T = SegmentedRawOption> = (T | SegmentedLabeledOption<T>)[];
+export interface SegmentedProps<ValueType = RcSegmentedValue> extends Omit<RcSegmentedProps<ValueType>, 'options' | 'size'> {
+    options: SegmentedOptions<ValueType>;
+    size?: SizeType;
+    vertical?: boolean;
+}
+export declare function Segmented<ValueType = RcSegmentedValue>(props: SegmentedProps<ValueType>): React.JSX.Element;