@broxus/react-uikit 0.20.1 → 0.22.0

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

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

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,17 +43,17 @@ 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, {
             [`${rootCls}-${gap}`]: gap !== undefined,
-            [`${rootCls}-row-${rowGap}`]: rowGap !== undefined,
             [`${rootCls}-column-${columnGap}`]: columnGap !== undefined,
-            [`${rootCls}-margin-${margin}`]: margin !== undefined,
             [`${rootCls}-divider`]: divider,
+            [`${rootCls}-margin-${margin}`]: margin !== undefined,
             [`${rootCls}-match`]: match,
-        }, childWithClassName, className), component: defaultElement, "data-uk-grid": "margin: ", ...restProps }));
+            [`${rootCls}-row-${rowGap}`]: rowGap !== undefined,
+        }, 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, prefixCls = config.prefixCls, size, decoration, ...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,17 +42,17 @@ 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;
     }
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
+            [`${rootCls}-${mode}`]: mode !== undefined,
             [`${rootCls}-button`]: type === 'button',
             [`${rootCls}-material`]: material,
             [`${rootCls}-round`]: material && round,
-            [`${rootCls}-${mode}`]: mode !== undefined,
-        }, 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");
@@ -46,9 +47,9 @@ var ColorMode;
 })(ColorMode || (exports.ColorMode = ColorMode = {}));
 /* eslint-disable react/no-multi-comp */
 exports.lib = {
-    [ColorMode.Dark]: () => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    [ColorMode.Dark]: () => (React.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M13.1029 7.74566C13.1908 7.74566 13.2468 7.68401 13.2627 7.59923C13.5105 6.31985 13.5025 6.28902 14.8931 6.03468C14.981 6.01156 15.045 5.96532 15.045 5.87283C15.045 5.77264 14.981 5.7264 14.8931 5.71098C13.5025 5.44123 13.5425 5.4104 13.2627 4.13873C13.2468 4.05395 13.1908 4 13.1029 4C13.007 4 12.951 4.05395 12.9351 4.13873C12.6553 5.4104 12.7033 5.44123 11.3047 5.71098C11.2168 5.7264 11.1608 5.77264 11.1608 5.87283C11.1608 5.96532 11.2168 6.01156 11.3047 6.03468C12.7033 6.30443 12.6793 6.31985 12.9351 7.59923C12.951 7.68401 13.007 7.74566 13.1029 7.74566ZM16.9231 12.9557C17.0669 12.9557 17.1708 12.8555 17.1948 12.7091C17.4505 10.6435 17.5624 10.5973 19.7283 10.2582C19.8961 10.2351 20 10.1503 20 9.99615C20 9.84971 19.8961 9.76493 19.7602 9.7341C17.5784 9.33333 17.4505 9.34875 17.1948 7.28324C17.1708 7.1368 17.0669 7.03661 16.9231 7.03661C16.7792 7.03661 16.6673 7.1368 16.6513 7.27553C16.3796 9.36416 16.2997 9.43353 14.0859 9.7341C13.95 9.75723 13.8462 9.84971 13.8462 9.99615C13.8462 10.1426 13.95 10.2351 14.0859 10.2582C16.2997 10.6667 16.3716 10.6667 16.6513 12.7245C16.6673 12.8555 16.7792 12.9557 16.9231 12.9557ZM10.9051 20C13.7902 20 16.1319 18.6127 17.2028 16.2158C17.3227 15.9383 17.3067 15.7071 17.1628 15.5607C17.043 15.4528 16.8272 15.4297 16.5794 15.5222C15.9241 15.7765 15.1648 15.8921 14.2937 15.8921C10.6813 15.8921 8.33966 13.711 8.33966 10.2813C8.33966 9.41041 8.50749 8.43931 8.77922 7.90751C8.92308 7.63006 8.91508 7.39884 8.7952 7.25241C8.65934 7.09827 8.41159 7.07514 8.09191 7.19846C5.63836 8.13873 4 10.6127 4 13.4412C4 17.1869 6.86114 20 10.9051 20Z", fill: "#6C86AD" }))),
-    [ColorMode.Light]: () => (React.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    [ColorMode.Light]: () => (React.createElement("svg", { fill: "none", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" },
         React.createElement("path", { d: "M12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9ZM12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7ZM2 13H4C4.55 13 5 12.55 5 12C5 11.45 4.55 11 4 11H2C1.45 11 1 11.45 1 12C1 12.55 1.45 13 2 13ZM20 13H22C22.55 13 23 12.55 23 12C23 11.45 22.55 11 22 11H20C19.45 11 19 11.45 19 12C19 12.55 19.45 13 20 13ZM11 2V4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4V2C13 1.45 12.55 1 12 1C11.45 1 11 1.45 11 2ZM11 20V22C11 22.55 11.45 23 12 23C12.55 23 13 22.55 13 22V20C13 19.45 12.55 19 12 19C11.45 19 11 19.45 11 20ZM5.99 4.58C5.6 4.19 4.96 4.19 4.58 4.58C4.19 4.97 4.19 5.61 4.58 5.99L5.64 7.05C6.03 7.44 6.67 7.44 7.05 7.05C7.43 6.66 7.44 6.02 7.05 5.64L5.99 4.58ZM18.36 16.95C17.97 16.56 17.33 16.56 16.95 16.95C16.56 17.34 16.56 17.98 16.95 18.36L18.01 19.42C18.4 19.81 19.04 19.81 19.42 19.42C19.81 19.03 19.81 18.39 19.42 18.01L18.36 16.95ZM19.42 5.99C19.81 5.6 19.81 4.96 19.42 4.58C19.03 4.19 18.39 4.19 18.01 4.58L16.95 5.64C16.56 6.03 16.56 6.67 16.95 7.05C17.34 7.43 17.98 7.44 18.36 7.05L19.42 5.99ZM7.05 18.36C7.44 17.97 7.44 17.33 7.05 16.95C6.66 16.56 6.02 16.56 5.64 16.95L4.58 18.01C4.19 18.4 4.19 19.04 4.58 19.42C4.97 19.8 5.61 19.81 5.99 19.42L7.05 18.36Z", fill: "#6C86AD" }))),
 };
 exports.InverseContext = React.createContext(null);
@@ -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]);
@@ -74,12 +74,12 @@ function Modal(props) {
     }, [config.prefixCls, prefixCls, visible]);
     return (React.createElement(dialog_1.default, { className: (0, classnames_1.default)(className, {
             [`${rootCls}-centered`]: centered && !full,
-        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, onClose: onClose, afterClose: afterClose, classNames: {
+        }), focusTriggerAfterClose: focusTriggerAfterClose, maskTransitionName: defaultMaskTransitionName, mousePosition: mousePosition, prefixCls: rootCls, transitionName: defaultTransitionName, visible: visible, ...restProps, afterClose: afterClose, classNames: {
             ...restProps.classNames,
             wrapper: (0, classnames_1.default)({
                 [`${rootCls}-full`]: full && !centered,
             }),
-        }, closable: false, closeIcon: null },
+        }, closable: false, closeIcon: null, onClose: onClose },
         closable && (closeIcon || (React.createElement(Close_1.Close, { className: (0, classnames_1.default)({
                 [`${rootCls}-close-default`]: !full,
                 [`${rootCls}-close-full`]: full,

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/InternalNavItemGroup.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { type NavItemGroupType } from '../../../components/Nav/types';
 export interface NavItemGroupProps extends Omit<NavItemGroupType, 'children' | 'type' | 'label'> {
-    title?: React.ReactNode;
     children?: React.ReactNode;
     /** @private Internal filled key. Do not set it directly */
     eventKey?: string;
+    title?: React.ReactNode;
     /** @private Do not use. Private warning empty usage */
     warnKey?: boolean;
 }

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

@@ -2,13 +2,13 @@ import * as React from 'react';
 export interface HeaderProps {
     children: React.ReactNode;
     className?: string;
-    style?: React.CSSProperties;
     /** @private Internal filled key. Do not set it directly */
     eventKey?: string;
+    style?: React.CSSProperties;
     /** @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/InternalNavItem.js

@@ -109,11 +109,11 @@ function InternalNavItem({ children, className, disabled, eventKey, itemIcon, ro
     if (role === 'option') {
         optionRoleProps['aria-selected'] = selected || false;
     }
-    let renderNode = (React.createElement(LegacyNavItem_1.LegacyNavItem, { "aria-disabled": disabled, className: (0, classnames_1.default)({
+    let renderNode = (React.createElement(LegacyNavItem_1.LegacyNavItem, { ref: legacyNavItemRef, "aria-disabled": disabled, className: (0, classnames_1.default)({
             [`${config.prefixCls}-active`]: selected,
             [`${config.prefixCls}-disabled`]: disabled,
             [`${config.prefixCls}-hover`]: active,
-        }, className), component: "li", "data-nav-id": overflowDisabled && domDataId ? null : domDataId, elementRef: elementRef, ref: legacyNavItemRef, role: role === null ? 'none' : role || 'menuitem', style: {
+        }, className), component: "li", "data-nav-id": overflowDisabled && domDataId ? null : domDataId, elementRef: elementRef, role: role === null ? 'none' : role || 'menuitem', style: {
             ...directionStyle,
             ...style,
         }, tabIndex: disabled ? null : -1, ...optionRoleProps, ...restProps, ...activeProps, onClick: onInternalClick, onFocus: onInternalFocus, onKeyDown: onInternalKeyDown },
@@ -127,7 +127,6 @@ function InternalNavItem({ children, className, disabled, eventKey, itemIcon, ro
             itemIcon,
             role,
             style,
-            // eslint-disable-next-line sort-keys
             onClick,
             onFocus,
             onKeyDown,

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;
+}