@broxus/react-uikit 0.17.4 → 0.19.0

package/dist/cjs/components/DatePicker/locale/ur_PK.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const ur_PK_1 = __importDefault(require("rc-picker/lib/locale/ur_PK"));
+const ur_PK_1 = __importDefault(require("@rc-component/picker/lib/locale/ur_PK"));
 const ur_PK_2 = __importDefault(require("../../../components/TimePicker/locale/ur_PK"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/uz_UZ.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const uz_UZ_1 = __importDefault(require("rc-picker/lib/locale/uz_UZ"));
+const uz_UZ_1 = __importDefault(require("@rc-component/picker/lib/locale/uz_UZ"));
 const uz_UZ_2 = __importDefault(require("../../../components/TimePicker/locale/uz_UZ"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/vi_VN.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vi_VN_1 = __importDefault(require("rc-picker/lib/locale/vi_VN"));
+const vi_VN_1 = __importDefault(require("@rc-component/picker/lib/locale/vi_VN"));
 const vi_VN_2 = __importDefault(require("../../../components/TimePicker/locale/vi_VN"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/zh_CN.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const zh_CN_1 = __importDefault(require("rc-picker/lib/locale/zh_CN"));
+const zh_CN_1 = __importDefault(require("@rc-component/picker/lib/locale/zh_CN"));
 const zh_CN_2 = __importDefault(require("../../../components/TimePicker/locale/zh_CN"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/locale/zh_TW.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const zh_TW_1 = __importDefault(require("rc-picker/lib/locale/zh_TW"));
+const zh_TW_1 = __importDefault(require("@rc-component/picker/lib/locale/zh_TW"));
 const zh_TW_2 = __importDefault(require("../../../components/TimePicker/locale/zh_TW"));
 /* eslint-disable */
 const locale = {

package/dist/cjs/components/DatePicker/placements.d.ts

@@ -1,3 +1,3 @@
-import { type BuildInPlacements } from 'rc-trigger';
+import { type BuildInPlacements } from '@rc-component/trigger';
 declare const placements: BuildInPlacements;
 export default placements;

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

@@ -1,6 +1,6 @@
-import { type PickerRef, type PickerPanelProps as RcPickerPanelProps, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from 'rc-picker';
-import { type Locale as RcPickerLocale } from 'rc-picker/lib/interface';
-import { type PickerPanelRef } from 'rc-picker/lib/PickerPanel';
+import { type PickerRef, type PickerPanelProps as RcPickerPanelProps, type PickerProps as RcPickerProps, type RangePickerProps as RcRangePickerProps } from '@rc-component/picker';
+import { type Locale as RcPickerLocale } from '@rc-component/picker/lib/interface';
+import { type PickerPanelRef } from '@rc-component/picker/lib/PickerPanel';
 import type * as React from 'react';
 import { type TimePickerLocale } from '../../components/TimePicker';
 import { type AnyObject, type SizeType, type StateType } from '../../types';

package/dist/cjs/components/DatePicker/useComponents.d.ts

@@ -1,2 +1,2 @@
-import { type Components } from 'rc-picker/lib/interface';
+import { type Components } from '@rc-component/picker/lib/interface';
 export declare function useComponents(components?: Components): Components;

package/dist/cjs/components/DatePicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { type PickerMode } from 'rc-picker/lib/interface';
+import { type PickerMode } from '@rc-component/picker/lib/interface';
 import { type PickerLocale } from '../../components/DatePicker/types';
 export declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 export declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;

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

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { Description } from '../../components/DescriptionList/Description';
 import { type DescriptionListProps } from '../../components/DescriptionList/DescriptionList';
 import { Term } from '../../components/DescriptionList/Term';
-import './index.scss';
 export type { DescriptionListProps };
 export interface DescriptionList extends React.FunctionComponent<DescriptionListProps> {
     Description: typeof Description;

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

@@ -4,7 +4,6 @@ exports.DescriptionList = void 0;
 const Description_1 = require("../../components/DescriptionList/Description");
 const DescriptionList_1 = require("../../components/DescriptionList/DescriptionList");
 const Term_1 = require("../../components/DescriptionList/Term");
-require("./index.scss");
 exports.DescriptionList = DescriptionList_1.DescriptionList;
 exports.DescriptionList.Description = Description_1.Description;
 exports.DescriptionList.Term = Term_1.Term;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>, 'children'> {
     icon?: boolean;
     prefixCls?: string;

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

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

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type DotnavProps } from '../../components/Dotnav/Dotnav';
 import { Item } from '../../components/Dotnav/Item';
-import './index.scss';
 export type { DotnavProps };
 export interface Dotnav extends React.FunctionComponent<DotnavProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dotnav = void 0;
 const Dotnav_1 = require("../../components/Dotnav/Dotnav");
 const Item_1 = require("../../components/Dotnav/Item");
-require("./index.scss");
 exports.Dotnav = Dotnav_1.Dotnav;
 exports.Dotnav.Item = Item_1.Item;

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

@@ -1,7 +1,6 @@
-import { type DrawerProps as RcDrawerProps } from 'rc-drawer';
+import { type DrawerProps as RcDrawerProps } from '@rc-component/drawer';
 import * as React from 'react';
 import { type Direction } from '../../types';
-import './index.scss';
 export type DrawerSize = 'large';
 export type DrawerRef = {
     collapse: VoidFunction;

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

@@ -38,12 +38,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = void 0;
 const js_utils_1 = require("@broxus/js-utils");
+const drawer_1 = __importDefault(require("@rc-component/drawer"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_drawer_1 = __importDefault(require("rc-drawer"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
-require("./index.scss");
 const defaultPushState = { distance: 180 };
 exports.Drawer = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
@@ -140,9 +139,12 @@ exports.Drawer = React.forwardRef((props, ref) => {
     React.useEffect(() => cleanup, [cleanup]);
     return (React.createElement(React.Fragment, null,
         trigger?.({ collapse, expand, isOpen: !!mergedOpen }),
-        React.createElement(rc_drawer_1.default, { className: className, destroyOnClose: destroyOnClose, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
+        React.createElement(drawer_1.default, { className: className, destroyOnClose: destroyOnClose, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
                 motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'drawer-fade'),
-            }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps }, children)));
+            }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps, classNames: {
+                ...restProps.classNames,
+                section: (0, classnames_1.default)(`${rootCls}-content`, restProps.classNames?.section),
+            } }, children)));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Drawer.displayName = 'Drawer';

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

@@ -1,8 +1,7 @@
-import { type CSSMotionProps } from 'rc-motion';
-import { type BuildInPlacements, type TriggerProps } from 'rc-trigger';
-import { type AlignType } from 'rc-trigger/lib/interface';
+import { type CSSMotionProps } from '@rc-component/motion';
+import { type BuildInPlacements, type TriggerProps } from '@rc-component/trigger';
+import { type AlignType } from '@rc-component/trigger/lib/interface';
 import * as React from 'react';
-import './index.scss';
 export type DropPlacement = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
 export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' | 'autoDestroy' | 'blurDelay' | 'children' | 'focusDelay' | 'getPopupContainer' | 'hideAction' | 'mask' | 'maskClosable' | 'maskMotion' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'prefixCls' | 'showAction' | 'stretch' | 'zIndex'> {
     align?: AlignType;
@@ -10,7 +9,6 @@ export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' |
     autoAdjustOverflow?: boolean;
     builtinPlacements?: BuildInPlacements;
     defaultVisible?: boolean;
-    destroyOnHide?: boolean;
     minOverlayWidthMatchTrigger?: boolean;
     motion?: CSSMotionProps;
     openClassName?: string;

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

@@ -37,16 +37,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drop = void 0;
+const trigger_1 = __importDefault(require("@rc-component/trigger"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_trigger_1 = __importDefault(require("rc-trigger"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const placements_1 = __importDefault(require("../../components/Drop/placements"));
 const utils_1 = require("../../utils");
-require("./index.scss");
 exports.Drop = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { action = ['hover'], align, alignPoint, arrow = false, builtinPlacements = placements_1.default, children, defaultVisible, destroyOnHide, getPopupContainer = config.getPopupContainer, hideAction, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = action, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
@@ -79,8 +78,8 @@ exports.Drop = React.forwardRef((props, ref) => {
         return !alignPoint;
     }, [alignPoint, minOverlayWidthMatchTrigger]);
     const renderChildren = React.useCallback(() => {
-        const childrenProps = children.props ? children.props : {};
-        const childClassName = (0, classnames_1.default)(childrenProps.className, `${prefixCls || config.prefixCls}-open`);
+        const childrenProps = children.props;
+        const childClassName = (0, classnames_1.default)(childrenProps?.className, `${prefixCls || config.prefixCls}-open`);
         return triggerVisible && children
             ? React.cloneElement(children, {
                 className: childClassName,
@@ -96,18 +95,19 @@ exports.Drop = React.forwardRef((props, ref) => {
         },
         triggerRef: triggerRef.current,
     }));
-    let triggerHideAction = hideAction;
+    let triggerHideAction = Array.isArray(hideAction) ? hideAction : [hideAction];
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
-    return (React.createElement(rc_trigger_1.default, { ref: triggerRef, action: action, builtinPlacements: builtinPlacements, destroyPopupOnHide: destroyOnHide, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: (0, utils_1.mergeDropMaskMotion)(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: (0, classnames_1.default)(overlayClassName, {
+    return (React.createElement(trigger_1.default, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: builtinPlacements, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: (0, utils_1.mergeDropMaskMotion)(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: (0, classnames_1.default)(overlayClassName, {
             [`${rootCls}-show-arrow`]: arrow,
             [openClassName ?? '']: mergedVisible,
-        }), popupMotion: motion ?? {
+        }), popupMotion: {
             forceRender: true,
             motionDeadline: 300,
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
-        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
+            ...motion,
+        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: Array.isArray(showAction) ? showAction : [showAction], stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onOpenChange: onPopupVisibleChange }, renderChildren()));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Drop.displayName = 'Drop';

package/dist/cjs/components/Drop/placements.d.ts

@@ -1,3 +1,3 @@
-import { type BuildInPlacements } from 'rc-trigger';
+import { type BuildInPlacements } from '@rc-component/trigger';
 declare const placements: BuildInPlacements;
 export default placements;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
 import { type DropProps, type DropRef } from '../../components/Drop';
-import './index.scss';
 export type DropdownProps = DropProps;
 export declare const Dropdown: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

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

@@ -37,7 +37,6 @@ exports.Dropdown = void 0;
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Drop_1 = require("../../components/Drop");
-require("./index.scss");
 exports.Dropdown = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { children, prefixCls = config.prefixCls, ...restProps } = props;

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type FlexAlignContent, type FlexAlignItems, type FlexDirection, type FlexJustifyContent, type FlexProps, type FlexWrap } from '../../components/Flex/Flex';
 import { type ItemProps as FlexItemProps, Item } from '../../components/Flex/Item';
-import './index.scss';
 export type { FlexAlignContent, FlexAlignItems, FlexDirection, FlexJustifyContent, FlexItemProps, FlexProps, FlexWrap };
 export interface Flex extends React.FunctionComponent<FlexProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flex = void 0;
 const Flex_1 = require("../../components/Flex/Flex");
 const Item_1 = require("../../components/Flex/Item");
-require("./index.scss");
 exports.Flex = Flex_1.Flex;
 exports.Flex.Item = Item_1.Item;

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

@@ -5,7 +5,6 @@ import { Fieldset } from '../../components/Form/Fieldset';
 import { type FormProps } from '../../components/Form/Form';
 import { Label } from '../../components/Form/Label';
 import { Legend } from '../../components/Form/Legend';
-import './index.scss';
 export type { FormProps };
 export interface Form extends React.FunctionComponent<FormProps> {
     Controls: typeof Controls;

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

@@ -7,7 +7,6 @@ const Fieldset_1 = require("../../components/Form/Fieldset");
 const Form_1 = require("../../components/Form/Form");
 const Label_1 = require("../../components/Form/Label");
 const Legend_1 = require("../../components/Form/Legend");
-require("./index.scss");
 exports.Form = Form_1.Form;
 exports.Form.Controls = Controls_1.Controls;
 exports.Form.ControlsText = ControlsText_1.ControlsText;

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../../components/Width';
-import './index.scss';
 export type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
 export type GridOwnProps = {
     childWidth?: ChildWidthSize | ChildWidthBreakpointsConfig;

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

@@ -42,7 +42,6 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Width_1 = require("../../components/Width");
-require("./index.scss");
 const defaultElement = 'div';
 function Grid(props) {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export type HeadingOwnProps = {
     decoration?: 'bullet' | 'divider' | 'line';
     prefixCls?: string;

package/dist/cjs/components/Heading/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';
 function Heading(props) {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { Button } from '../../components/Icon/Button';
 import { type IconOwnProps, type IconProps } from '../../components/Icon/Icon';
 import { Link } from '../../components/Icon/Link';
-import './index.scss';
 export * from '../../components/Icon/default-svg-props';
 export * from '../../components/Icon/get-size';
 export type { IconProps, IconOwnProps };

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

@@ -18,7 +18,6 @@ exports.Icon = void 0;
 const Button_1 = require("../../components/Icon/Button");
 const Icon_1 = require("../../components/Icon/Icon");
 const Link_1 = require("../../components/Icon/Link");
-require("./index.scss");
 __exportStar(require("../../components/Icon/default-svg-props"), exports);
 __exportStar(require("../../components/Icon/get-size"), exports);
 exports.Icon = Icon_1.Icon;

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type IconnavProps } from '../../components/Iconnav/Iconnav';
 import { Item } from '../../components/Iconnav/Item';
-import './index.scss';
 export type { IconnavProps };
 export interface Iconnav extends React.FunctionComponent<IconnavProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Iconnav = void 0;
 const Iconnav_1 = require("../../components/Iconnav/Iconnav");
 const Item_1 = require("../../components/Iconnav/Item");
-require("./index.scss");
 exports.Iconnav = Iconnav_1.Iconnav;
 exports.Iconnav.Item = Item_1.Item;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     large?: boolean;
     prefixCls?: string;

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

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

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export interface LinkOwnProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     prefixCls?: string;
     type?: 'heading' | 'muted' | 'reset' | 'text' | 'toggle';

package/dist/cjs/components/Link/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 = 'a';
 exports.Link = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { Item } from '../../components/List/Item';
 import { type ListProps } from '../../components/List/List';
-import './index.scss';
 export type { ListProps };
 export interface List extends React.FunctionComponent<ListProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = void 0;
 const Item_1 = require("../../components/List/Item");
 const List_1 = require("../../components/List/List");
-require("./index.scss");
 exports.List = List_1.List;
 exports.List.Item = Item_1.Item;

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

@@ -1 +1,11 @@
-export * from '../../components/Modal/Modal';
+import { type DialogProps } from '@rc-component/dialog';
+import * as React from 'react';
+import { type Direction } from '../../types';
+export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
+    centered?: boolean;
+    direction?: Direction;
+    full?: boolean;
+    getContainer?: string | HTMLElement | (() => HTMLElement) | false;
+    onClosed?: VoidFunction;
+}
+export declare function Modal(props: ModalProps): React.JSX.Element;

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

@@ -10,8 +10,70 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../../components/Modal/Modal"), exports);
+exports.Modal = Modal;
+const js_utils_1 = require("@broxus/js-utils");
+const dialog_1 = __importDefault(require("@rc-component/dialog"));
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const Close_1 = require("../../components/Close");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+const utils_1 = require("../../utils");
+let mousePosition;
+const getClickPosition = (event) => {
+    mousePosition = {
+        x: event.pageX,
+        y: event.pageY,
+    };
+    setTimeout(() => {
+        mousePosition = null;
+    }, 100);
+};
+if ((0, js_utils_1.canUseDocElement)()) {
+    document.documentElement.addEventListener('click', getClickPosition, true);
+}
+function Modal(props) {
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, prefixCls = config.prefixCls, visible, onClose, onClosed, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'modal'), [config, prefixCls]);
+    const defaultMaskTransitionName = React.useMemo(() => (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'fade'), [config.prefixCls, prefixCls]);
+    const defaultTransitionName = React.useMemo(() => (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'zoom'), [config.prefixCls, prefixCls]);
+    return (React.createElement(dialog_1.default, { className: (0, classnames_1.default)(className, {
+            [`${rootCls}-centered`]: centered && !full,
+            [`${rootCls}-full`]: full && !centered,
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: onClosed, classNames: {
+            ...restProps.classNames,
+            section: (0, classnames_1.default)(`${rootCls}-content`, restProps.classNames?.section),
+        }, closable: false, closeIcon: null },
+        closable
+            && (closeIcon || (React.createElement(Close_1.Close, { className: (0, classnames_1.default)({
+                    [`${rootCls}-close-default`]: !full,
+                    [`${rootCls}-close-full`]: full,
+                }), component: "button", onClick: onClose }))),
+        children));
+}

package/dist/cjs/components/Nav/Group/InternalNavItemGroup.d.ts

@@ -8,4 +8,7 @@ export interface NavItemGroupProps extends Omit<NavItemGroupType, 'children' | '
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }
-export declare function InternalNavItemGroup(props: NavItemGroupProps): React.JSX.Element;
+export declare function InternalNavItemGroup({ children, className, title, ...restProps }: NavItemGroupProps): React.JSX.Element;
+export declare namespace InternalNavItemGroup {
+    var displayName: string;
+}

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

@@ -38,12 +38,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InternalNavItemGroup = InternalNavItemGroup;
 const js_utils_1 = require("@broxus/js-utils");
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const classnames_1 = __importDefault(require("classnames"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
 const React = __importStar(require("react"));
 const NavContext_1 = require("../../../components/Nav/context/NavContext");
-function InternalNavItemGroup(props) {
-    const { children, className, title, ...restProps } = props;
+function InternalNavItemGroup({ children, className, title, ...restProps }) {
     const { prefixCls } = React.useContext(NavContext_1.NavContext);
     const groupRootCls = React.useMemo(() => `${prefixCls}-group`, [prefixCls]);
     const subRootCls = React.useMemo(() => `${prefixCls}-sub`, [prefixCls]);
@@ -51,3 +50,6 @@ function InternalNavItemGroup(props) {
         React.createElement("div", { className: `${groupRootCls}-header`, role: "presentation", title: typeof title === 'string' ? title : undefined }, title),
         React.createElement("ul", { className: subRootCls, role: "group" }, children)));
 }
+if (process.env.NODE_ENV !== 'production') {
+    InternalNavItemGroup.displayName = 'Nav.InternalNavItemGroup';
+}

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

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

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

@@ -37,13 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = void 0;
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const React = __importStar(require("react"));
 const PathContext_1 = require("../../../components/Nav/context/PathContext");
 const InternalNavItemGroup_1 = require("../../../components/Nav/Group/InternalNavItemGroup");
 const nodeUtil_1 = require("../../../components/Nav/utils/nodeUtil");
-exports.Group = React.memo((props) => {
-    const { children, eventKey, ...restProps } = props;
+exports.Group = React.memo(({ children, eventKey, ...restProps }) => {
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     const measure = (0, PathContext_1.useMeasure)();
     const childList = (0, nodeUtil_1.parseChildren)(children, connectedKeyPath);

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

@@ -13,4 +13,7 @@ export interface NavItemProps extends Omit<NavItemType, 'label' | 'key'>, Omit<R
      */
     warnKey?: boolean;
 }
-export declare function InternalNavItem(props: NavItemProps): React.JSX.Element;
+export declare function InternalNavItem({ children, className, disabled, eventKey, itemIcon, role, style, warnKey, onClick, onFocus, onKeyDown, onMouseEnter, onMouseLeave, ...restProps }: NavItemProps): React.JSX.Element;
+export declare namespace InternalNavItem {
+    var displayName: string;
+}