@broxus/react-uikit 0.21.0 → 0.23.0

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

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.warnItemProp = warnItemProp;
-const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
+const util_1 = require("@rc-component/util");
 /**
  * `onClick` event return `info.item` which point to react node directly.
  * We should warning this since it will not work on FC.
@@ -12,7 +9,7 @@ const warning_1 = __importDefault(require("@rc-component/util/lib/warning"));
 function warnItemProp({ item, ...restInfo }) {
     Object.defineProperty(restInfo, 'item', {
         get: () => {
-            (0, warning_1.default)(false, '`info.item` is deprecated since we will move to function component that not provides React Node instance in future.');
+            (0, util_1.warning)(false, '`info.item` is deprecated since we will move to function component that not provides React Node instance in future.');
             return item;
         },
     });

package/dist/cjs/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.ReactElement;
 export declare namespace Center {
     var displayName: string;
 }

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

@@ -42,11 +42,11 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Center(props) {
+function Center({ className, component = defaultElement, ...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, 'navbar-center'), [config, prefixCls]);
-    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Center.displayName = 'Navbar.Center';

package/dist/cjs/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.ReactElement;
 export declare namespace Container {
     var displayName: string;
 }

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

@@ -42,13 +42,13 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Container(props) {
+function Container({ className, component = defaultElement, transparent, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, transparent, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-container`, {
             [`${rootCls}-transparent`]: transparent,
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Container.displayName = 'Navbar.Container';

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

@@ -4,9 +4,9 @@ export interface NavbarItemOwnProps extends React.HTMLAttributes<HTMLElement> {
     align?: 'left' | 'right' | 'center';
     prefixCls?: string;
 }
-export type NavbarItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarItemOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarItemOwnProps>;
+export type NavbarItemProps<E extends React.ElementType = React.ElementType> = NavbarItemOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarItemOwnProps>;
 declare const defaultElement = "div";
-export declare function Item<E extends React.ElementType = typeof defaultElement>(props: NavbarItemProps<E>): React.JSX.Element;
+export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, ...props }: React.PropsWithChildren<NavbarItemProps<E>>): React.ReactElement;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -42,11 +42,11 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Item(props) {
+function Item({ className, component = defaultElement, ...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, 'navbar-item'), [config, prefixCls]);
-    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Navbar.Item';

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

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

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

@@ -42,11 +42,11 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Left(props) {
+function Left({ className, component = defaultElement, ...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, 'navbar-left'), [config, prefixCls]);
-    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
+    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: component, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Left.displayName = 'Navbar.Left';

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type NavProps } from '../../components/Nav';
-export declare function Nav(props: NavProps): React.JSX.Element;
+export declare function Nav({ className, ...props }: NavProps): React.JSX.Element;
 export declare namespace Nav {
     var displayName: string;
 }

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

@@ -41,9 +41,9 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Nav_1 = require("../../components/Nav");
-function Nav(props) {
+function Nav({ 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, 'navbar'), [config, prefixCls]);
     return (React.createElement(Nav_1.Nav, { className: (0, classnames_1.default)(`${rootCls}-nav`, className), mode: "horizontal", popupPrefixCls: `${rootCls}-dropdown`, ...restProps }));
 }

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

@@ -4,4 +4,4 @@ export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
     prefixCls?: string;
     transparent?: boolean;
 }
-export declare function Navbar(props: NavbarProps): React.JSX.Element;
+export declare function Navbar({ asContainer, className, transparent, ...props }: NavbarProps): React.ReactElement;

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

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

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

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

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

@@ -42,11 +42,11 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Right(props) {
+function Right({ className, component = defaultElement, ...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, 'navbar'), [config, prefixCls]);
-    return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-right`, className), component: defaultElement, ...restProps });
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(`${rootCls}-right`, className), component: component, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Right.displayName = 'Navbar.Right';

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

@@ -4,9 +4,9 @@ export type NavbarToggleOwnProps = {
     icon?: boolean;
     prefixCls?: string;
 };
-export type NavbarToggleProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<NavbarToggleOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, NavbarToggleOwnProps>;
+export type NavbarToggleProps<E extends React.ElementType = React.ElementType> = NavbarToggleOwnProps & PolymorphicProps<E> & PolymorphicProps<E, NavbarToggleOwnProps>;
 declare const defaultElement = "div";
-export declare function Toggle<E extends React.ElementType = typeof defaultElement>(props: NavbarToggleProps<E>): React.JSX.Element;
+export declare function Toggle<E extends React.ElementType = typeof defaultElement>({ className, component, icon, ...props }: React.PropsWithChildren<NavbarToggleProps<E>>): React.ReactElement;
 export declare namespace Toggle {
     var displayName: string;
 }

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

@@ -42,13 +42,13 @@ const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
-function Toggle(props) {
+function Toggle({ className, component = defaultElement, icon, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, icon, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'navbar-toggle'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-icon`]: icon,
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Toggle.displayName = 'Navbar.Toggle';

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

@@ -8,5 +8,5 @@ export interface OverlayOwnProps {
 }
 export type OverlayProps<E extends React.ElementType = React.ElementType> = OverlayOwnProps & PolymorphicProps<E> & PolymorphicProps<E, OverlayOwnProps>;
 declare const defaultElement = "div";
-export declare function Overlay<E extends React.ElementType = typeof defaultElement>(props: React.PropsWithChildren<OverlayProps<E>>): React.JSX.Element;
+export declare function Overlay<E extends React.ElementType = typeof defaultElement>({ className, component, icon, position, type, ...props }: React.PropsWithChildren<OverlayProps<E>>): React.ReactElement;
 export {};

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

@@ -54,14 +54,14 @@ const positions = [
     'center',
     'cover',
 ];
-function Overlay(props) {
+function Overlay({ className, component = defaultElement, icon, position = 'bottom', type = 'default', ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, icon, position = 'bottom', prefixCls = config.prefixCls, type = 'default', ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'overlay'), [config, prefixCls]);
     const positionRootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'position'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
             [`${positionRootCls}-${position}`]: position && positions.includes(position),
             [`${rootCls}-${type}`]: type && ['default', 'primary'].includes(type),
             [`${rootCls}-icon`]: icon,
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement> {
     prefixCls?: string;
 }
-export declare function Progress(props: ProgressProps): React.JSX.Element;
+export declare function Progress({ className, ...props }: ProgressProps): React.ReactElement;

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

@@ -40,9 +40,9 @@ exports.Progress = Progress;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-function Progress(props) {
+function Progress({ 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, 'progress'), [config, prefixCls]);
     return React.createElement("progress", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }

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

@@ -5,7 +5,7 @@ export interface SectionOwnProps {
     preserveColor?: boolean;
     size?: 'xsmall' | 'small' | 'large' | 'xlarge';
 }
-export type SectionProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<SectionOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, SectionOwnProps>;
+export type SectionProps<E extends React.ElementType = React.ElementType> = SectionOwnProps & PolymorphicProps<E> & PolymorphicProps<E, SectionOwnProps>;
 declare const defaultElement = "section";
-export declare function Section<E extends React.ElementType = typeof defaultElement>(props: SectionProps<E>): React.JSX.Element;
+export declare function Section<E extends React.ElementType = typeof defaultElement>({ className, component, kind, preserveColor, size, ...props }: React.PropsWithChildren<SectionProps<E>>): React.ReactElement;
 export {};

package/dist/cjs/components/Section/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 = 'section';
-function Section(props) {
+function Section({ className, component = defaultElement, kind, preserveColor, size, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, kind, prefixCls = config.prefixCls, preserveColor, size, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'section'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {
             [`${prefixCls || config.prefixCls}-preserve-color`]: preserveColor,
             [`${rootCls}-${kind}`]: kind && ['default', 'muted', 'primary', 'secondary', 'tertiary'].includes(kind),
             [`${rootCls}-${size}`]: size && ['xsmall', 'small', 'large', 'xlarge'].includes(size),
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }

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

@@ -16,4 +16,4 @@ export interface SegmentedProps<ValueType = RcSegmentedValue> extends Omit<RcSeg
     size?: SizeType;
     vertical?: boolean;
 }
-export declare function Segmented<ValueType = RcSegmentedValue>(props: SegmentedProps<ValueType>): React.JSX.Element;
+export declare function Segmented<ValueType = RcSegmentedValue>({ className, options, size, vertical, ...props }: SegmentedProps<ValueType>): React.ReactElement;

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

@@ -44,9 +44,9 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 function isSegmentedLabeledOptionWithIcon(option) {
     return typeof option === 'object' && !!option?.icon;
 }
-function Segmented(props) {
+function Segmented({ className, options = [], size, vertical, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, options = [], prefixCls = config.prefixCls, size, vertical, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'segmented'), [config, prefixCls]);
     const mergedOptions = React.useMemo(() => options.map(option => {
         // @ts-ignore bla bla ts

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

@@ -0,0 +1,3 @@
+import { type SliderProps, type SliderRef } from '@rc-component/slider';
+import * as React from 'react';
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps<number | number[]> & React.RefAttributes<SliderRef>>;

package/dist/cjs/components/{Nav/hooks/useUUID.js → Slider/index.js}

@@ -36,21 +36,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUUID = useUUID;
-const useMergedState_1 = __importDefault(require("@rc-component/util/lib/hooks/useMergedState"));
+exports.Slider = void 0;
+const slider_1 = __importDefault(require("@rc-component/slider"));
+const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
-const uniquePrefix = Math.random().toFixed(5).toString().slice(2);
-let internalId = 0;
-function useUUID(id) {
-    const [uuid, setUUID] = (0, useMergedState_1.default)(id, {
-        value: id,
-    });
-    React.useEffect(() => {
-        internalId += 1;
-        const newId = process.env.NODE_ENV === 'test'
-            ? 'test'
-            : `${uniquePrefix}-${internalId}`;
-        setUUID(`uk-nav-uuid-${newId}`);
-    }, [setUUID]);
-    return uuid;
-}
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+exports.Slider = React.forwardRef(({ className, ...props }, ref) => {
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'slider'), [config, prefixCls]);
+    return (React.createElement(slider_1.default, { ref: ref, className: (0, classnames_1.default)(rootCls, {}, className), prefixCls: rootCls, ...restProps }));
+});

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

@@ -3,4 +3,4 @@ export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
     prefixCls?: string;
     ratio?: number;
 }
-export declare function Spinner(props: SpinnerProps): React.JSX.Element;
+export declare function Spinner({ className, ratio, ...props }: SpinnerProps): React.ReactElement;

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

@@ -41,9 +41,9 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
-function Spinner(props) {
+function Spinner({ className, ratio, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, prefixCls = config.prefixCls, ratio, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     return (React.createElement("div", { className: (0, classnames_1.default)([`${prefixCls || config.prefixCls}-spinner`, `${prefixCls || config.prefixCls}-icon`], className), role: "status", ...restProps },
         React.createElement("svg", { ...Icon_1.defaultSvgProps, ...(0, Icon_1.getSize)(20, 20, ratio), viewBox: "0 0 30 30" },
             React.createElement("circle", { cx: 15, cy: 15, fill: "none", r: 13, stroke: "currentColor", style: { strokeWidth: `${(2 / (ratio ?? 1)).toFixed(6)}px` } }))));

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

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

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

@@ -3,4 +3,4 @@ export interface SubnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     type?: 'divider' | 'pill';
 }
-export declare function Subnav(props: SubnavProps): React.JSX.Element;
+export declare function Subnav({ className, type, ...props }: SubnavProps): React.ReactElement;

package/dist/cjs/components/Subnav/Subnav.js

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

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

@@ -2,7 +2,7 @@ import { type SwitchChangeEventHandler, type SwitchClickEventHandler } from '@rc
 import * as React from 'react';
 import { type Direction } from '../../types';
 export type SwitchSize = 'small';
-export type SwitchProps = {
+export interface SwitchProps {
     autoFocus?: boolean;
     checked?: boolean;
     checkedChildren?: React.ReactNode;
@@ -22,5 +22,5 @@ export type SwitchProps = {
     onChange?: SwitchChangeEventHandler;
     onClick?: SwitchClickEventHandler;
     onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
-};
+}
 export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -42,10 +42,9 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Spinner_1 = require("../../components/Spinner");
-exports.Switch = React.forwardRef((props, ref) => {
+exports.Switch = React.forwardRef(({ className, loading, loadingIcon, size, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, direction = config.direction, loading, loadingIcon, prefixCls = config.prefixCls, ...restProps } = props;
-    const { size } = props;
+    const { direction = config.direction, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'switch'), [config, prefixCls]);
     const mergedLoadingIcon = React.useMemo(() => (React.createElement("div", { className: `${rootCls}-handle` }, loading && (loadingIcon ?? React.createElement(Spinner_1.Spinner, { className: `${rootCls}-loading-icon` })))), [loading, loadingIcon, rootCls]);
     return (React.createElement(switch_1.default, { ref: ref, className: (0, classnames_1.default)({

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

@@ -1,10 +1,10 @@
 import { type TabsProps as RcTabsProps } from '@rc-component/tabs';
 import * as React from 'react';
+import { type Direction } from '../../types';
 export type TabsPosition = 'left' | 'right' | 'top' | 'bottom';
-export interface Tab {
+export interface Tab extends React.PropsWithChildren {
     active?: boolean;
     animated?: boolean;
-    children?: React.ReactNode;
     className?: string;
     closable?: boolean;
     closeIcon?: React.ReactNode;
@@ -17,12 +17,14 @@ export interface Tab {
     label: React.ReactNode;
     prefixCls?: string;
     style?: React.CSSProperties;
+    tab?: React.ReactNode;
     tabKey?: string;
 }
 export type TabType = 'line' | 'card' | 'editable-card';
-export interface TabsProps extends Exclude<RcTabsProps, 'editable' | 'items' | 'tabPosition'> {
+export interface TabsProps extends Exclude<RcTabsProps, 'direction' | 'editable' | 'items' | 'tabPosition'> {
     addIcon?: React.ReactNode;
     centered?: boolean;
+    direction?: Direction;
     hideAdd?: boolean;
     items?: Tab[];
     size?: 'medium' | 'large';
@@ -30,4 +32,4 @@ export interface TabsProps extends Exclude<RcTabsProps, 'editable' | 'items' | '
     type?: TabType;
     onEdit?: (event: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
 }
-export declare function Tabs(props: TabsProps): React.JSX.Element;
+export declare function Tabs({ addIcon, animated, centered, className, direction, hideAdd, items, more, size, type, onEdit, ...props }: TabsProps): React.ReactElement;

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

@@ -44,27 +44,28 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
 const hooks_1 = require("../../components/Tabs/hooks");
 const utils_1 = require("../../utils");
-function Tabs(props) {
+function Tabs({ addIcon, animated, centered, className, direction, hideAdd, items, more, size, type, onEdit, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { addIcon, animated, centered, className, direction, hideAdd, items, more, prefixCls = config.prefixCls, size, type, onEdit, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tabs'), [config, prefixCls]);
     const editable = React.useMemo(() => (type === 'editable-card'
         ? {
-            addIcon: addIcon || React.createElement(Icon_1.Icon, { icon: "add" }),
-            removeIcon: React.createElement(Icon_1.Icon, { icon: "close" }),
+            addIcon: addIcon || config.tabs?.addIcon || React.createElement(Icon_1.Icon, { icon: "add" }),
+            removeIcon: config.tabs?.removeIcon || React.createElement(Icon_1.Icon, { icon: "close" }),
             showAdd: hideAdd !== true,
             onEdit: (editType, { event, key }) => {
                 onEdit?.(editType === 'add' ? event : key, editType);
             },
         }
-        : undefined), [addIcon, hideAdd, onEdit, type]);
-    return (React.createElement(tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), direction: direction, items: items, ...restProps, className: (0, classnames_1.default)({
+        : undefined), [addIcon, config.tabs?.addIcon, config.tabs?.removeIcon, hideAdd, onEdit, type]);
+    return (React.createElement(tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), classNames: {
+            popup: 'test',
+        }, direction: direction, items: items, ...restProps, className: (0, classnames_1.default)({
             [`${rootCls}-${size}`]: size,
-            [`${rootCls}-card`]: ['card', 'editable-card'].includes(type),
+            [`${rootCls}-card`]: type && ['card', 'editable-card'].includes(type),
             [`${rootCls}-centered`]: centered,
-            [`${rootCls}-editable-card`]: type === 'editable-card',
         }, className), editable: editable, more: {
-            icon: React.createElement(Icon_1.Icon, { icon: "more_horizontal" }),
+            icon: config.tabs?.moreIcon || React.createElement(Icon_1.Icon, { icon: "more_horizontal" }),
             transitionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
             ...more,
         }, prefixCls: rootCls }));

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

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type BreakpointsConfig } from '../../types';
 export type TextAlign = 'left' | 'right' | 'center' | 'justify';
-export type TextOwnProps = {
+export interface TextOwnProps {
     align?: TextAlign | BreakpointsConfig<TextAlign>;
     className?: string;
     color?: 'muted' | 'emphasis' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
@@ -18,8 +18,8 @@ export type TextOwnProps = {
     verticalAlign?: 'top' | 'middle' | 'bottom' | 'baseline';
     weight?: 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'lighter' | 'bolder';
     wrap?: 'truncate' | 'break' | 'nowrap';
-};
-export type TextProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<TextOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, TextOwnProps>;
+}
+export type TextProps<E extends React.ElementType = React.ElementType> = TextOwnProps & PolymorphicProps<E> & PolymorphicProps<E, TextOwnProps>;
 declare const defaultElement = "span";
-export declare function Text<E extends React.ElementType = typeof defaultElement>(props: TextProps<E>): React.JSX.Element;
+export declare function Text<E extends React.ElementType = typeof defaultElement>({ align, className, color, column, component, decoration, dropcap, italic, kind, loading, size, transform, verticalAlign, weight, wrap, ...props }: React.PropsWithChildren<TextProps<E>>): React.ReactElement;
 export {};

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

@@ -43,9 +43,9 @@ const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 const defaultElement = 'span';
-function Text(props) {
+function Text({ align, className, color, column, component = defaultElement, decoration, dropcap, italic, kind, loading, size, transform, verticalAlign, weight, wrap, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { align, className, color, column, decoration, dropcap, italic, kind, loading, prefixCls = config.prefixCls, size, transform, verticalAlign, weight, wrap, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'text'), [config, prefixCls]);
     const alignClassName = React.useMemo(() => (typeof align === 'string'
         ? `${rootCls}-${align}`
@@ -83,5 +83,5 @@ function Text(props) {
             [`${rootCls}-decoration-none`]: decoration === 'none',
             [`${rootCls}-italic`]: italic,
             [`${rootCls}-loading`]: loading,
-        }, className), component: defaultElement, ...restProps }));
+        }, className), component: component, ...restProps }));
 }

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

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-export type TileOwnProps = {
+export interface TileOwnProps {
     kind?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
     prefixCls?: string;
     preserveColor?: boolean;
     size?: 'xsmall' | 'small' | 'large' | 'xlarge';
-};
-export type TileProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<TileOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, TileOwnProps>;
+}
+export type TileProps<E extends React.ElementType = React.ElementType> = TileOwnProps & PolymorphicProps<E> & PolymorphicProps<E, TileOwnProps>;
 declare const defaultElement = "div";
-export declare function Tile<E extends React.ElementType = typeof defaultElement>(props: TileProps<E>): React.JSX.Element;
+export declare function Tile<E extends React.ElementType = typeof defaultElement>({ className, component, kind, preserveColor, size, ...props }: React.PropsWithChildren<TileProps<E>>): React.ReactElement;
 export {};