@broxus/react-uikit 0.21.0 → 0.22.0

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

@@ -41,10 +41,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Form/context");
-function ControlsText(props) {
+function ControlsText({ className, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.FormContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls-text'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }

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

@@ -3,7 +3,7 @@ export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSet
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;
 }
-export declare function Fieldset(props: FieldsetProps): React.JSX.Element;
+export declare function Fieldset({ className, layout, ...props }: FieldsetProps): React.JSX.Element;
 export declare namespace Fieldset {
     var displayName: string;
 }

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

@@ -40,9 +40,9 @@ exports.Fieldset = Fieldset;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Fieldset(props) {
+function Fieldset({ className, layout, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'fieldset'), [config, prefixCls]);
     return (React.createElement("fieldset", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-${layout}`]: layout !== undefined,

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

@@ -4,7 +4,7 @@ export interface FormOwnProps {
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;
 }
-export type FormProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FormOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FormOwnProps>;
+export type FormProps<E extends React.ElementType = React.ElementType> = FormOwnProps & PolymorphicProps<E> & PolymorphicProps<E, FormOwnProps>;
 declare const defaultElement = "form";
-export declare function Form<E extends React.ElementType = typeof defaultElement>(props: FormProps<E>): React.JSX.Element;
+export declare function Form<E extends React.ElementType = typeof defaultElement>({ className, component, layout, ...props }: React.PropsWithChildren<FormProps<E>>): React.JSX.Element;
 export {};

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

@@ -43,9 +43,9 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Form/context");
 const defaultElement = 'form';
-function Form(props) {
+function Form({ className, component = defaultElement, layout, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form'), [config, prefixCls]);
     const context = React.useMemo(() => ({
         getRootCls() {
@@ -55,5 +55,5 @@ function Form(props) {
     return (React.createElement(context_1.FormContext.Provider, { value: context },
         React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
                 [`${rootCls}-${layout}`]: layout !== undefined,
-            }, className), component: defaultElement, ...restProps })));
+            }, className), component: component, ...restProps })));
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     prefixCls?: string;
 }
-export declare function Label(props: LabelProps): React.JSX.Element;
+export declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
 export declare namespace Label {
     var displayName: string;
 }

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

@@ -41,9 +41,9 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 /* eslint-disable jsx-a11y/label-has-associated-control */
-function Label(props) {
+function Label({ className, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form-label'), [config, prefixCls]);
     return React.createElement("label", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface LegendProps extends React.HTMLAttributes<HTMLLegendElement> {
     prefixCls?: string;
 }
-export declare function Legend(props: LegendProps): React.JSX.Element;
+export declare function Legend({ className, ...props }: LegendProps): React.JSX.Element;
 export declare namespace Legend {
     var displayName: string;
 }

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

@@ -40,9 +40,9 @@ exports.Legend = Legend;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Legend(props) {
+function Legend({ className, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'legend'), [config, prefixCls]);
     return React.createElement("legend", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export type FormContextConsumerProps = {
+export interface FormContextConsumerProps {
     getRootCls(): string | undefined;
-};
+}
 export declare const FormContext: React.Context<FormContextConsumerProps>;

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../../components/Width';
 export type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
-export type GridOwnProps = {
+export interface GridOwnProps {
     childWidth?: ChildWidthSize | ChildWidthBreakpointsConfig;
     columnGap?: GridGap;
     divider?: boolean;
@@ -11,8 +11,8 @@ export type GridOwnProps = {
     match?: boolean;
     prefixCls?: string;
     rowGap?: GridGap;
-};
-export type GridProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<GridOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, GridOwnProps>;
+}
+export type GridProps<E extends React.ElementType = React.ElementType> = GridOwnProps & PolymorphicProps<E> & PolymorphicProps<E, GridOwnProps>;
 declare const defaultElement = "div";
-export declare function Grid<E extends React.ElementType = typeof defaultElement>(props: GridProps<E>): React.JSX.Element;
+export declare function Grid<E extends React.ElementType = typeof defaultElement>({ childWidth, className, columnGap, component, divider, gap, margin, match, rowGap, ...props }: React.PropsWithChildren<GridProps<E>>): React.JSX.Element;
 export {};

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

@@ -43,9 +43,9 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Width_1 = require("../../components/Width");
 const defaultElement = 'div';
-function Grid(props) {
+function Grid({ childWidth, className, columnGap, component = defaultElement, divider, gap, margin, match, rowGap, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { childWidth, className, columnGap, divider, gap, margin, match, prefixCls = config.prefixCls, rowGap, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const childWithClassName = React.useMemo(() => (0, Width_1.getChildWidthClassname)(childWidth), [childWidth]);
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'grid'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
@@ -55,5 +55,5 @@ function Grid(props) {
             [`${rootCls}-margin-${margin}`]: margin !== undefined,
             [`${rootCls}-match`]: match,
             [`${rootCls}-row-${rowGap}`]: rowGap !== undefined,
-        }, childWithClassName, className), component: defaultElement, "data-uk-grid": "margin: ", ...restProps }));
+        }, childWithClassName, className), component: component, "data-uk-grid": "margin: ", ...restProps }));
 }

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type HeadingOwnProps = {
+export interface HeadingOwnProps {
     decoration?: 'bullet' | 'divider' | 'line';
     prefixCls?: string;
     size?: 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
-};
-export type HeadingProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<HeadingOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, HeadingOwnProps>;
+}
+export type HeadingProps<E extends React.ElementType = React.ElementType> = HeadingOwnProps & PolymorphicProps<E> & PolymorphicProps<E, HeadingOwnProps>;
 declare const defaultElement = "div";
-export declare function Heading<E extends React.ElementType = typeof defaultElement>(props: HeadingProps<E>): React.JSX.Element;
+export declare function Heading<E extends React.ElementType = typeof defaultElement>({ children, className, decoration, size, ...props }: React.PropsWithChildren<HeadingProps<E>>): React.JSX.Element;
 export declare namespace Heading {
     var displayName: string;
 }

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

@@ -42,9 +42,9 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Heading(props) {
+function Heading({ children, className, decoration, size, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, className, decoration, prefixCls = config.prefixCls, size, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'heading'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${rootCls}-${decoration}`]: decoration !== undefined,

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

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type IconOwnProps = {
+export interface IconOwnProps {
     icon: string;
     material?: boolean;
     mode?: 'button' | 'image' | 'link';
     prefixCls?: string;
     round?: boolean;
-};
-export type IconProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<IconOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, IconOwnProps>;
+}
+export type IconProps<E extends React.ElementType = React.ElementType> = IconOwnProps & PolymorphicProps<E> & PolymorphicProps<E, IconOwnProps>;
 declare const defaultElement = "span";
-export declare function Icon<E extends React.ElementType = typeof defaultElement>(props: IconProps<E>): React.JSX.Element | null;
+export declare function Icon<E extends React.ElementType = typeof defaultElement>({ children, className, component, icon, material, mode, round, type, ...props }: React.PropsWithChildren<IconProps<E>>): React.JSX.Element | null;
 export {};

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

@@ -42,9 +42,9 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'span';
-function Icon(props) {
+function Icon({ children, className, component = defaultElement, icon, material = true, mode, round, type, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, className, icon, material = true, mode, prefixCls = config.prefixCls, round, type, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'icon'), [config, prefixCls]);
     if (!icon) {
         return null;
@@ -54,5 +54,5 @@ function Icon(props) {
             [`${rootCls}-button`]: type === 'button',
             [`${rootCls}-material`]: material,
             [`${rootCls}-round`]: material && round,
-        }, className), component: defaultElement, ...restProps }, material ? React.createElement("i", null, icon) : children));
+        }, className), component: component, ...restProps }, material ? React.createElement("i", null, icon) : children));
 }

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

@@ -3,4 +3,4 @@ export interface IconnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Iconnav(props: IconnavProps): React.JSX.Element;
+export declare function Iconnav({ className, vertical, ...props }: IconnavProps): React.JSX.Element;

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

@@ -40,9 +40,9 @@ exports.Iconnav = Iconnav;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Iconnav(props) {
+function Iconnav({ className, vertical, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'iconnav'), [config, prefixCls]);
     return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-vertical`]: vertical,

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 export interface IconnavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     isActive?: boolean;
 }
-export declare function Item(props: IconnavItemProps): React.JSX.Element;
+export declare function Item({ children, className, isActive, ...props }: IconnavItemProps): React.JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -40,12 +40,11 @@ exports.Item = Item;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Item(props) {
+function Item({ children, className, isActive, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, className, isActive, ...restProps } = props;
     return (React.createElement("li", { className: (0, classnames_1.default)({
             [`${config.prefixCls}-active`]: isActive,
-        }, className), ...restProps }, children));
+        }, className), ...props }, children));
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Iconnav.Item';

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

@@ -20,4 +20,4 @@ export declare const lib: Record<ColorMode, () => React.JSX.Element>;
 export declare const InverseContext: React.Context<InverseConfig | null>;
 export declare function useInverse(): InverseConfig;
 export declare const INVERSE_STORAGE_KEY = "colorMode";
-export declare const InverseProvider: React.MemoExoticComponent<({ children, defaultColorMode, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, storageKey, }: React.PropsWithChildren<InverseProviderProps>) => React.JSX.Element>;
+export declare function InverseProvider({ children, defaultColorMode, globalDarkClassName, globalLightClassName, primaryColorDark, primaryColorLight, storageKey, }: React.PropsWithChildren<InverseProviderProps>): React.JSX.Element;

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

@@ -34,8 +34,9 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InverseProvider = exports.INVERSE_STORAGE_KEY = exports.InverseContext = exports.lib = exports.ColorMode = void 0;
+exports.INVERSE_STORAGE_KEY = exports.InverseContext = exports.lib = exports.ColorMode = void 0;
 exports.useInverse = useInverse;
+exports.InverseProvider = InverseProvider;
 const js_utils_1 = require("@broxus/js-utils");
 const React = __importStar(require("react"));
 const hooks_1 = require("../../hooks");
@@ -56,7 +57,7 @@ function useInverse() {
     return (0, hooks_1.useContext)(exports.InverseContext);
 }
 exports.INVERSE_STORAGE_KEY = 'colorMode';
-exports.InverseProvider = React.memo(({ children, defaultColorMode = ColorMode.Dark, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, storageKey = exports.INVERSE_STORAGE_KEY, }) => {
+function InverseProvider({ children, defaultColorMode = ColorMode.Dark, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, storageKey = exports.INVERSE_STORAGE_KEY, }) {
     const [colorMode, setColorMode] = React.useState(() => {
         const stored = js_utils_1.storage.get(storageKey);
         return stored ? stored : defaultColorMode ?? ColorMode.Dark;
@@ -89,4 +90,4 @@ exports.InverseProvider = React.memo(({ children, defaultColorMode = ColorMode.D
         };
     }, [onChangeStorageValue]);
     return React.createElement(exports.InverseContext.Provider, { value: context }, children);
-});
+}

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

@@ -4,4 +4,4 @@ export interface LabelProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     type?: 'success' | 'warning' | 'danger';
 }
-export declare function Label(props: LabelProps): React.JSX.Element;
+export declare function Label({ className, large, type, ...props }: LabelProps): React.JSX.Element;

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

@@ -40,9 +40,9 @@ exports.Label = Label;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Label(props) {
+function Label({ className, large, type, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, large, prefixCls = config.prefixCls, type, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'label'), [config, prefixCls]);
     return (React.createElement("span", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-${type}`]: type !== undefined,

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

@@ -4,5 +4,5 @@ export interface LinkOwnProps extends React.AnchorHTMLAttributes<HTMLAnchorEleme
     prefixCls?: string;
     type?: 'heading' | 'muted' | 'reset' | 'text' | 'toggle';
 }
-export type LinkProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<LinkOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, LinkOwnProps>;
-export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+export type LinkProps<E extends React.ElementType = React.ElementType> = LinkOwnProps & PolymorphicProps<E> & PolymorphicProps<E, LinkOwnProps>;
+export declare const Link: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>, "ref"> & React.RefAttributes<unknown>>;

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

@@ -42,13 +42,13 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'a';
-exports.Link = React.forwardRef((props, ref) => {
+exports.Link = React.forwardRef(({ children, className, component = defaultElement, type, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, className, prefixCls = config.prefixCls, type, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'link'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { ref: ref, className: (0, classnames_1.default)({
             [`${rootCls}-${type}`]: type !== undefined,
-        }, className), component: defaultElement, ...restProps }, children));
+        }, className), component: component, ...restProps }, children));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Link.displayName = 'Link';

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

@@ -1,7 +1,5 @@
 import * as React from 'react';
-type Props = React.LiHTMLAttributes<HTMLLIElement>;
-export declare function Item(props: Props): React.JSX.Element;
+export declare function Item(props: React.LiHTMLAttributes<HTMLLIElement>): React.JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }
-export {};

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

@@ -5,4 +5,4 @@ export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
     size?: 'large' | 'collapse';
     type?: 'bullet' | 'disc' | 'divider' | 'striped' | 'circle' | 'square' | 'decimal' | 'hyphen';
 }
-export declare function List(props: ListProps): React.JSX.Element;
+export declare function List({ className, color, size, type, ...props }: ListProps): React.JSX.Element;

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

@@ -40,9 +40,9 @@ exports.List = List;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function List(props) {
+function List({ className, color, size, type, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, color, prefixCls = config.prefixCls, size, type, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'list'), [config, prefixCls]);
     return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-${color}`]: color !== undefined,

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

@@ -8,4 +8,4 @@ export interface ModalProps extends Omit<DialogProps, 'afterClose'> {
     getContainer?: string | HTMLElement | (() => HTMLElement) | false;
     onClosed?: VoidFunction;
 }
-export declare function Modal(props: ModalProps): React.JSX.Element;
+export declare function Modal({ centered, children, className, closable, closeIcon, focusTriggerAfterClose, full, visible, onClose, onClosed, ...props }: ModalProps): React.JSX.Element;

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

@@ -57,9 +57,9 @@ const getClickPosition = (event) => {
 if ((0, js_utils_1.canUseDocElement)()) {
     document.documentElement.addEventListener('click', getClickPosition, true);
 }
-function Modal(props) {
+function Modal({ centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, visible, onClose, onClosed, ...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 { prefixCls = config.prefixCls, ...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]);

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type NavDividerType } from '../../components/Nav/types';
 export type DividerProps = Omit<NavDividerType, 'type'>;
-export declare function Divider(props: DividerProps): React.JSX.Element | null;
+export declare function Divider({ className, style }: DividerProps): React.JSX.Element | null;
 export declare namespace Divider {
     var displayName: string;
 }

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

@@ -41,8 +41,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const NavContext_1 = require("../../components/Nav/context/NavContext");
 const PathContext_1 = require("../../components/Nav/context/PathContext");
-function Divider(props) {
-    const { className, style } = props;
+function Divider({ className, style }) {
     const { prefixCls } = React.useContext(NavContext_1.NavContext);
     const measure = (0, PathContext_1.useMeasure)();
     if (measure) {

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

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

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

@@ -36,13 +36,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Group = void 0;
+exports.Group = Group;
 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(({ children, eventKey, ...restProps }) => {
+function Group({ children, eventKey, ...restProps }) {
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     const measure = (0, PathContext_1.useMeasure)();
     const childList = (0, nodeUtil_1.parseChildren)(children, connectedKeyPath);
@@ -50,7 +50,7 @@ exports.Group = React.memo(({ children, eventKey, ...restProps }) => {
         return childList;
     }
     return React.createElement(InternalNavItemGroup_1.InternalNavItemGroup, { ...(0, omit_1.default)(restProps, ['warnKey']) }, childList);
-});
+}
 if (process.env.NODE_ENV !== 'production') {
-    exports.Group.displayName = 'Nav.Group';
+    Group.displayName = 'Nav.Group';
 }

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

@@ -8,7 +8,7 @@ export interface HeaderProps {
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }
-export declare function Header(props: HeaderProps): React.JSX.Element;
+export declare function Header({ className, ...props }: HeaderProps): React.JSX.Element;
 export declare namespace Header {
     var displayName: string;
 }

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

@@ -41,10 +41,9 @@ const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const NavContext_1 = require("../../components/Nav/context/NavContext");
-function Header(props) {
-    const { className, ...restProps } = props;
+function Header({ className, ...props }) {
     const { prefixCls } = React.useContext(NavContext_1.NavContext);
-    return React.createElement("li", { className: (0, classnames_1.default)(`${prefixCls}-header`, className), ...(0, omit_1.default)(restProps, ['eventKey', 'warnKey']) });
+    return React.createElement("li", { className: (0, classnames_1.default)(`${prefixCls}-header`, className), ...(0, omit_1.default)(props, ['eventKey', 'warnKey']) });
 }
 if (process.env.NODE_ENV !== 'production') {
     Header.displayName = 'Nav.Header';

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

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

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

@@ -33,12 +33,12 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
+exports.Item = Item;
 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(({ eventKey, ...restProps }) => {
+function Item({ eventKey, ...restProps }) {
     const measure = (0, PathContext_1.useMeasure)();
     const connectedKeyPath = (0, PathContext_1.useFullPath)(eventKey);
     React.useEffect(() => {
@@ -54,7 +54,7 @@ exports.Item = React.memo(({ eventKey, ...restProps }) => {
         return null;
     }
     return React.createElement(InternalNavItem_1.InternalNavItem, { eventKey: eventKey, ...restProps });
-});
+}
 if (process.env.NODE_ENV !== 'production') {
-    exports.Item.displayName = 'Nav.Item';
+    Item.displayName = 'Nav.Item';
 }

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

@@ -59,9 +59,9 @@ const warnUtil_1 = require("../../components/Nav/utils/warnUtil");
 const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const EMPTY_LIST = [];
-exports.Nav = React.forwardRef((props, ref) => {
+exports.Nav = React.forwardRef(({ _internalRenderMenuItem, _internalRenderSubMenuItem, activeKey, builtinPlacements, children, className, defaultActiveFirst, defaultOpenKeys, defaultSelectedKeys, direction, disabled, disabledOverflow, expandIcon, forceSubNavRender, id, inlineCollapsed, itemIcon, items, mode = 'inline', modifiers, motion, multiple = false, openKeys, overflowedIndicator = '...', overflowedIndicatorPopupClassName, selectable = false, selectedKeys, style, subNavCloseDelay = 0.1, subNavOpenDelay = 0.1, tabIndex = 0, triggerSubNavAction = 'hover', onClick, onDeselect, onKeyDown, onOpenChange, onSelect, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { _internalRenderMenuItem, _internalRenderSubMenuItem, activeKey, builtinPlacements, children, className, defaultActiveFirst, prefixCls = config.prefixCls, defaultMotions = {
+    const { prefixCls = config.prefixCls, defaultMotions = {
         horizontal: {
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
         },
@@ -70,7 +70,7 @@ exports.Nav = React.forwardRef((props, ref) => {
             leavedClassName: `${prefixCls || config.prefixCls}-hidden`,
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'zoom'),
         },
-    }, defaultOpenKeys, defaultSelectedKeys, direction, disabled, disabledOverflow, expandIcon, forceSubNavRender, getPopupContainer = config.getPopupContainer, id, inlineCollapsed, itemIcon, items, mode = 'inline', modifiers, motion, multiple = false, openKeys, overflowedIndicator = '...', overflowedIndicatorPopupClassName, popupPrefixCls = `${config.prefixCls}-dropdown`, selectable = false, selectedKeys, style, subNavCloseDelay = 0.1, subNavOpenDelay = 0.1, tabIndex = 0, triggerSubNavAction = 'hover', onClick, onDeselect, onKeyDown, onOpenChange, onSelect, ...restProps } = props;
+    }, getPopupContainer = config.getPopupContainer, popupPrefixCls = `${config.prefixCls}-dropdown`, ...restProps } = props;
     const childList = React.useMemo(() => (0, nodeUtil_1.parseItems)(children, items, EMPTY_LIST), [children, items]);
     const mounted = (0, hooks_1.useMounted)();
     const containerRef = React.useRef(null);

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

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sub = Sub;
+/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */
 const js_utils_1 = require("@broxus/js-utils");
 const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 const classnames_1 = __importDefault(require("classnames"));
@@ -54,8 +55,7 @@ const PopupTrigger_1 = require("../../../components/Nav/Sub/PopupTrigger");
 const SubNavList_1 = require("../../../components/Nav/Sub/SubNavList");
 const nodeUtil_1 = require("../../../components/Nav/utils/nodeUtil");
 const warnUtil_1 = require("../../../components/Nav/utils/warnUtil");
-function InternalSubNav(props) {
-    const { children, className, disabled, eventKey, expandIcon, internalPopupClose, itemIcon, popupClassName, popupOffset, style, title, warnKey, onClick, onMouseEnter, onMouseLeave, onTitleClick, onTitleMouseEnter, onTitleMouseLeave, ...restProps } = props;
+function InternalSubNav({ children, className, disabled, eventKey, expandIcon, internalPopupClose, itemIcon, popupClassName, popupOffset, style, title, warnKey, onClick, onMouseEnter, onMouseLeave, onTitleClick, onTitleMouseEnter, onTitleMouseLeave, ...props }) {
     const domDataId = (0, IdContext_1.useNavId)(eventKey);
     const { activeKey, disabled: contextDisabled, expandIcon: contextExpandIcon, itemIcon: contextItemIcon, mode, openKeys, overflowDisabled, popupPrefixCls, selectedKeys, onActive, onItemClick, onOpenChange, } = React.useContext(NavContext_1.NavContext);
     const pathUser = React.useContext(PathContext_1.PathUserContext);
@@ -188,7 +188,7 @@ function InternalSubNav(props) {
             'uk-disabled': disabled,
             'uk-hover': mergedActive,
             'uk-open': open,
-        }), role: "none", ...restProps, component: "li", style: style, onMouseEnter: onInternalMouseEnter, onMouseLeave: onInternalMouseLeave },
+        }), role: "none", ...props, component: "li", style: style, onMouseEnter: onInternalMouseEnter, onMouseLeave: onInternalMouseLeave },
         titleNode,
         !overflowDisabled && (React.createElement(InlineSubNavList_1.InlineSubNavList, { id: popupId, keyPath: connectedPath, open: open }, children))));
     if (_internalRenderSubMenuItem) {

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

@@ -1,13 +1,13 @@
 import { type ActionType } from '@rc-component/trigger';
 import type * as React from 'react';
-export type NavRef = {
+export interface NavRef {
     /**
      * Focus active child if any, or the first child which is not disabled will be focused.
      * @param {FocusOptions} [options]
      */
     focus: (options?: FocusOptions) => void;
     list: HTMLUListElement | null;
-};
+}
 interface ItemSharedProps {
     className?: string;
     style?: React.CSSProperties;