@broxus/react-uikit 0.21.0 → 0.22.0

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

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Fieldset(props) {
+export function Fieldset({ className, layout, ...props }) {
     const config = 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: classNames(rootCls, {
             [`${rootCls}-${layout}`]: layout !== undefined,

package/dist/esm/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/esm/components/Form/Form.js

@@ -4,9 +4,9 @@ import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 import { FormContext } from '../../components/Form/context';
 const defaultElement = 'form';
-export function Form(props) {
+export function Form({ className, component = defaultElement, layout, ...props }) {
     const config = 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() {
@@ -16,5 +16,5 @@ export function Form(props) {
     return (React.createElement(FormContext.Provider, { value: context },
         React.createElement(Component, { className: classNames(rootCls, {
                 [`${rootCls}-${layout}`]: layout !== undefined,
-            }, className), component: defaultElement, ...restProps })));
+            }, className), component: component, ...restProps })));
 }

package/dist/esm/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/esm/components/Form/Label.js

@@ -2,9 +2,9 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 /* eslint-disable jsx-a11y/label-has-associated-control */
-export function Label(props) {
+export function Label({ className, ...props }) {
     const config = 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: classNames(rootCls, className), ...restProps });
 }

package/dist/esm/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/esm/components/Form/Legend.js

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Legend(props) {
+export function Legend({ className, ...props }) {
     const config = 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: classNames(rootCls, className), ...restProps });
 }

package/dist/esm/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/esm/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/esm/components/Grid/index.js

@@ -4,9 +4,9 @@ import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 import { getChildWidthClassname } from '../../components/Width';
 const defaultElement = 'div';
-export function Grid(props) {
+export function Grid({ childWidth, className, columnGap, component = defaultElement, divider, gap, margin, match, rowGap, ...props }) {
     const config = 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(() => getChildWidthClassname(childWidth), [childWidth]);
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'grid'), [config, prefixCls]);
     return (React.createElement(Component, { className: classNames(rootCls, {
@@ -16,5 +16,5 @@ export 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/esm/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/esm/components/Heading/index.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export function Heading(props) {
+export function Heading({ children, className, decoration, size, ...props }) {
     const config = 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, { className: classNames({
             [`${rootCls}-${decoration}`]: decoration !== undefined,

package/dist/esm/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/esm/components/Icon/Icon.js

@@ -3,9 +3,9 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'span';
-export function Icon(props) {
+export function Icon({ children, className, component = defaultElement, icon, material = true, mode, round, type, ...props }) {
     const config = 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;
@@ -15,5 +15,5 @@ export 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/esm/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/esm/components/Iconnav/Iconnav.js

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Iconnav(props) {
+export function Iconnav({ className, vertical, ...props }) {
     const config = 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: classNames(rootCls, {
             [`${rootCls}-vertical`]: vertical,

package/dist/esm/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/esm/components/Iconnav/Item.js

@@ -1,12 +1,11 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Item(props) {
+export function Item({ children, className, isActive, ...props }) {
     const config = useConfig();
-    const { children, className, isActive, ...restProps } = props;
     return (React.createElement("li", { className: classNames({
             [`${config.prefixCls}-active`]: isActive,
-        }, className), ...restProps }, children));
+        }, className), ...props }, children));
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Iconnav.Item';

package/dist/esm/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/esm/components/Inverse/index.js

@@ -19,7 +19,7 @@ export function useInverse() {
     return useContext(InverseContext);
 }
 export const INVERSE_STORAGE_KEY = 'colorMode';
-export const InverseProvider = React.memo(({ children, defaultColorMode = ColorMode.Dark, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, storageKey = INVERSE_STORAGE_KEY, }) => {
+export function InverseProvider({ children, defaultColorMode = ColorMode.Dark, globalDarkClassName = 'tm-dark', globalLightClassName = 'tm-light', primaryColorDark, primaryColorLight, storageKey = INVERSE_STORAGE_KEY, }) {
     const [colorMode, setColorMode] = React.useState(() => {
         const stored = storage.get(storageKey);
         return stored ? stored : defaultColorMode ?? ColorMode.Dark;
@@ -52,4 +52,4 @@ export const InverseProvider = React.memo(({ children, defaultColorMode = ColorM
         };
     }, [onChangeStorageValue]);
     return React.createElement(InverseContext.Provider, { value: context }, children);
-});
+}

package/dist/esm/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/esm/components/Label/index.js

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function Label(props) {
+export function Label({ className, large, type, ...props }) {
     const config = 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: classNames(rootCls, {
             [`${rootCls}-${type}`]: type !== undefined,

package/dist/esm/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/esm/components/Link/index.js

@@ -3,13 +3,13 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'a';
-export const Link = React.forwardRef((props, ref) => {
+export const Link = React.forwardRef(({ children, className, component = defaultElement, type, ...props }, ref) => {
     const config = 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, { ref: ref, className: classNames({
             [`${rootCls}-${type}`]: type !== undefined,
-        }, className), component: defaultElement, ...restProps }, children));
+        }, className), component: component, ...restProps }, children));
 });
 if (process.env.NODE_ENV !== 'production') {
     Link.displayName = 'Link';

package/dist/esm/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/esm/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/esm/components/List/List.js

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-export function List(props) {
+export function List({ className, color, size, type, ...props }) {
     const config = 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: classNames(rootCls, {
             [`${rootCls}-${color}`]: color !== undefined,

package/dist/esm/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/esm/components/Modal/index.js

@@ -18,9 +18,9 @@ const getClickPosition = (event) => {
 if (canUseDocElement()) {
     document.documentElement.addEventListener('click', getClickPosition, true);
 }
-export function Modal(props) {
+export function Modal({ centered, children, className, closable = true, closeIcon, focusTriggerAfterClose = true, full, visible, onClose, onClosed, ...props }) {
     const config = 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(() => getMotionName(prefixCls || config.prefixCls, 'fade'), [config.prefixCls, prefixCls]);
     const defaultTransitionName = React.useMemo(() => getMotionName(prefixCls || config.prefixCls, 'zoom'), [config.prefixCls, prefixCls]);

package/dist/esm/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/esm/components/Nav/Divider.js

@@ -2,8 +2,7 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { NavContext } from '../../components/Nav/context/NavContext';
 import { useMeasure } from '../../components/Nav/context/PathContext';
-export function Divider(props) {
-    const { className, style } = props;
+export function Divider({ className, style }) {
     const { prefixCls } = React.useContext(NavContext);
     const measure = useMeasure();
     if (measure) {

package/dist/esm/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/esm/components/Nav/Group/index.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
 import { InternalNavItemGroup } from '../../../components/Nav/Group/InternalNavItemGroup';
 import { parseChildren } from '../../../components/Nav/utils/nodeUtil';
-export const Group = React.memo(({ children, eventKey, ...restProps }) => {
+export function Group({ children, eventKey, ...restProps }) {
     const connectedKeyPath = useFullPath(eventKey);
     const measure = useMeasure();
     const childList = parseChildren(children, connectedKeyPath);
@@ -11,7 +11,7 @@ export const Group = React.memo(({ children, eventKey, ...restProps }) => {
         return childList;
     }
     return React.createElement(InternalNavItemGroup, { ...omit(restProps, ['warnKey']) }, childList);
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Group.displayName = 'Nav.Group';
 }

package/dist/esm/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/esm/components/Nav/Header.js

@@ -2,10 +2,9 @@ import omit from '@rc-component/util/lib/omit';
 import classNames from 'classnames';
 import * as React from 'react';
 import { NavContext } from '../../components/Nav/context/NavContext';
-export function Header(props) {
-    const { className, ...restProps } = props;
+export function Header({ className, ...props }) {
     const { prefixCls } = React.useContext(NavContext);
-    return React.createElement("li", { className: classNames(`${prefixCls}-header`, className), ...omit(restProps, ['eventKey', 'warnKey']) });
+    return React.createElement("li", { className: classNames(`${prefixCls}-header`, className), ...omit(props, ['eventKey', 'warnKey']) });
 }
 if (process.env.NODE_ENV !== 'production') {
     Header.displayName = 'Nav.Header';

package/dist/esm/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/esm/components/Nav/Item/index.js

@@ -2,7 +2,7 @@ import { noop } from '@broxus/js-utils';
 import * as React from 'react';
 import { useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
 import { InternalNavItem } from '../../../components/Nav/Item/InternalNavItem';
-export const Item = React.memo(({ eventKey, ...restProps }) => {
+export function Item({ eventKey, ...restProps }) {
     const measure = useMeasure();
     const connectedKeyPath = useFullPath(eventKey);
     React.useEffect(() => {
@@ -18,7 +18,7 @@ export const Item = React.memo(({ eventKey, ...restProps }) => {
         return null;
     }
     return React.createElement(InternalNavItem, { eventKey: eventKey, ...restProps });
-});
+}
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Nav.Item';
 }

package/dist/esm/components/Nav/Nav.js

@@ -20,9 +20,9 @@ import { warnItemProp } from '../../components/Nav/utils/warnUtil';
 import { useMounted } from '../../hooks';
 import { getCollapseMotion, getMotionName } from '../../utils';
 const EMPTY_LIST = [];
-export const Nav = React.forwardRef((props, ref) => {
+export const 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 = useConfig();
-    const { _internalRenderMenuItem, _internalRenderSubMenuItem, activeKey, builtinPlacements, children, className, defaultActiveFirst, prefixCls = config.prefixCls, defaultMotions = {
+    const { prefixCls = config.prefixCls, defaultMotions = {
         horizontal: {
             motionName: getMotionName(prefixCls || config.prefixCls, 'slide-bottom-small'),
         },
@@ -31,7 +31,7 @@ export const Nav = React.forwardRef((props, ref) => {
             leavedClassName: `${prefixCls || config.prefixCls}-hidden`,
             motionName: 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(() => parseItems(children, items, EMPTY_LIST), [children, items]);
     const mounted = useMounted();
     const containerRef = React.useRef(null);

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

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */
 import { noop } from '@broxus/js-utils';
 import warning from '@rc-component/util/lib/warning';
 import classNames from 'classnames';
@@ -5,7 +6,7 @@ import Overflow from 'rc-overflow';
 import * as React from 'react';
 import { useNavId } from '../../../components/Nav/context/IdContext';
 import { NavContext, NavContextProvider } from '../../../components/Nav/context/NavContext';
-import { PathTrackerContext, PathUserContext, useFullPath, useMeasure, } from '../../../components/Nav/context/PathContext';
+import { PathTrackerContext, PathUserContext, useFullPath, useMeasure } from '../../../components/Nav/context/PathContext';
 import { PrivateContext } from '../../../components/Nav/context/PrivateContext';
 import { useActive } from '../../../components/Nav/hooks/useActive';
 import { useDirectionStyle } from '../../../components/Nav/hooks/useDirectionStyle';
@@ -15,8 +16,7 @@ import { PopupTrigger } from '../../../components/Nav/Sub/PopupTrigger';
 import { SubNavList } from '../../../components/Nav/Sub/SubNavList';
 import { parseChildren } from '../../../components/Nav/utils/nodeUtil';
 import { warnItemProp } from '../../../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 = useNavId(eventKey);
     const { activeKey, disabled: contextDisabled, expandIcon: contextExpandIcon, itemIcon: contextItemIcon, mode, openKeys, overflowDisabled, popupPrefixCls, selectedKeys, onActive, onItemClick, onOpenChange, } = React.useContext(NavContext);
     const pathUser = React.useContext(PathUserContext);
@@ -149,7 +149,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, { id: popupId, keyPath: connectedPath, open: open }, children))));
     if (_internalRenderSubMenuItem) {

package/dist/esm/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;

package/dist/esm/components/Navbar/Center.d.ts

@@ -3,9 +3,9 @@ import { type PolymorphicProps } from '../../components/Component';
 export interface NavbarCenterOwnProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
 }
-export type NavbarCenterProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarCenterOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarCenterOwnProps>;
+export type NavbarCenterProps<E extends React.ElementType = React.ElementType> = NavbarCenterOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarCenterOwnProps>;
 declare const defaultElement = "div";
-export declare function Center<E extends React.ElementType = typeof defaultElement>(props: NavbarCenterProps<E>): React.JSX.Element;
+export declare function Center<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarCenterProps<E>>): React.JSX.Element;
 export declare namespace Center {
     var displayName: string;
 }

package/dist/esm/components/Navbar/Center.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 const defaultElement = 'div';
-export function Center(props) {
+export function Center({ className, component = defaultElement, ...props }) {
     const config = useConfig();
-    const { className, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-center'), [config, prefixCls]);
-    return React.createElement(Component, { className: classNames(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component, { className: classNames(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Center.displayName = 'Navbar.Center';

package/dist/esm/components/Navbar/Container.d.ts

@@ -4,9 +4,9 @@ export interface NavbarContainerOwnProps extends React.HTMLAttributes<HTMLElemen
     prefixCls?: string;
     transparent?: boolean;
 }
-export type NavbarContainerProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarContainerOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarContainerOwnProps>;
+export type NavbarContainerProps<E extends React.ElementType = React.ElementType> = NavbarContainerOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarContainerOwnProps>;
 declare const defaultElement = "div";
-export declare function Container<E extends React.ElementType = typeof defaultElement>(props: NavbarContainerProps<E>): React.JSX.Element;
+export declare function Container<E extends React.ElementType = typeof defaultElement>({ className, component, transparent, ...props }: React.PropsWithChildren<NavbarContainerProps<E>>): React.JSX.Element;
 export declare namespace Container {
     var displayName: string;
 }