@broxus/react-uikit 0.21.0 → 0.23.0

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare function Description(props: React.HTMLAttributes<HTMLElement>): React.ReactElement;
 export declare namespace Description {
     var displayName: string;
 }

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

@@ -3,7 +3,7 @@ export interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElem
     divided?: boolean;
     prefixCls?: string;
 }
-export declare function DescriptionList(props: DescriptionListProps): React.JSX.Element;
+export declare function DescriptionList({ className, divided, ...props }: DescriptionListProps): React.ReactElement;
 export declare namespace DescriptionList {
     var displayName: string;
 }

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
+export declare function Term(props: React.HTMLAttributes<HTMLElement>): React.ReactElement;
 export declare namespace Term {
     var displayName: string;
 }

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

@@ -5,7 +5,7 @@ export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>,
     small?: boolean;
     vertical?: boolean;
 }
-export declare function Divider(props: DividerProps): React.JSX.Element;
+export declare function Divider({ className, icon, small, vertical, ...props }: DividerProps): React.ReactElement;
 export declare namespace Divider {
     var displayName: string;
 }

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

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

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

@@ -3,7 +3,7 @@ export interface DotnavProps extends React.HTMLAttributes<HTMLUListElement> {
     prefixCls?: string;
     vertical?: boolean;
 }
-export declare function Dotnav(props: DotnavProps): React.JSX.Element;
+export declare function Dotnav({ className, vertical, ...props }: DotnavProps): React.ReactElement;
 export declare namespace Dotnav {
     var displayName: string;
 }

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

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

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

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

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

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

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

@@ -2,11 +2,11 @@ import { type DrawerProps as RcDrawerProps } from '@rc-component/drawer';
 import * as React from 'react';
 import { type Direction } from '../../types';
 export type DrawerSize = 'large';
-export type DrawerRef = {
+export interface DrawerRef {
     collapse: VoidFunction;
     expand: VoidFunction;
     isOpen?: boolean;
-};
+}
 export interface PushState {
     distance: string | number;
 }
@@ -17,6 +17,6 @@ export interface DrawerProps extends RcDrawerProps {
     defaultOpen?: boolean;
     direction?: Direction;
     size?: DrawerSize;
-    trigger?: (ref: DrawerRef) => React.JSX.Element;
+    trigger?: (ref: DrawerRef) => React.ReactElement;
 }
 export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<DrawerRef>>;

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

@@ -44,9 +44,9 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 const defaultPushState = { distance: 180 };
-exports.Drawer = React.forwardRef((props, ref) => {
+exports.Drawer = React.forwardRef(({ animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', push = defaultPushState, rootClassName, rootStyle, size, trigger, onClose: onCloseCallback, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { animation = 'slide', children, className, defaultOpen, destroyOnHidden, direction, getContainer = config.getPopupContainer, keyboard = true, mask = true, maskClosable = true, motion, open, placement = 'right', prefixCls = config.prefixCls, push = defaultPushState, rootClassName, rootStyle, size, trigger, onClose: onCloseCallback, ...restProps } = props;
+    const { getContainer = config.getPopupContainer, prefixCls = config.prefixCls, ...restProps } = props;
     const [isShown, setShown] = React.useState(defaultOpen);
     const [internalOpen, setOpen] = React.useState(defaultOpen);
     const mergedOpen = open === undefined ? internalOpen : open;

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

@@ -1,6 +1,5 @@
 import { type CSSMotionProps } from '@rc-component/motion';
-import { type BuildInPlacements, type TriggerProps } from '@rc-component/trigger';
-import { type AlignType } from '@rc-component/trigger/lib/interface';
+import { type AlignType, type BuildInPlacements, type TriggerProps } from '@rc-component/trigger';
 import * as React from 'react';
 export type DropPlacement = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
 export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' | 'autoDestroy' | 'blurDelay' | 'children' | 'focusDelay' | 'getPopupContainer' | 'hideAction' | 'mask' | 'maskClosable' | 'maskMotion' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'prefixCls' | 'showAction' | 'stretch' | 'zIndex'> {
@@ -22,12 +21,12 @@ export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' |
     onOverlayClick?: (event: Event) => void;
     onVisibleChange?: (visible: boolean) => void;
 }
-export type TriggerRef = {
+export interface TriggerRef {
     forceAlign: VoidFunction;
-};
-export type DropRef = {
+}
+export interface DropRef {
     close: VoidFunction;
     open: VoidFunction;
     triggerRef: TriggerRef | null;
-};
+}
 export declare const Drop: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

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

@@ -38,14 +38,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drop = void 0;
 const trigger_1 = __importDefault(require("@rc-component/trigger"));
+const util_1 = require("@rc-component/util");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const placements_1 = __importDefault(require("../../components/Drop/placements"));
 const utils_1 = require("../../utils");
-exports.Drop = React.forwardRef((props, ref) => {
+exports.Drop = React.forwardRef(({ action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, hideAction = action, maskMotion, minOverlayWidthMatchTrigger, motion, openClassName, overlay, overlayClassName, overlayStyle, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements_1.default, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = action, maskMotion, minOverlayWidthMatchTrigger, motion, openClassName, overlay, overlayClassName, overlayStyle, placement = 'bottom-left', prefixCls = config.prefixCls, rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { getPopupContainer = config.getPopupContainer, prefixCls = config.prefixCls, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
@@ -99,7 +100,7 @@ exports.Drop = React.forwardRef((props, ref) => {
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
-    return (React.createElement(trigger_1.default, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: builtinPlacements, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: (0, utils_1.mergeDropMaskMotion)(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: (0, classnames_1.default)(overlayClassName, {
+    return (React.createElement(trigger_1.default, { ref: triggerRef, action: action, autoDestroy: autoDestroy, builtinPlacements: (0, util_1.merge)(placements_1.default, builtinPlacements), getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], maskMotion: (0, utils_1.mergeDropMaskMotion)(prefixCls || config.prefixCls, maskMotion), mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: (0, classnames_1.default)(overlayClassName, {
             [`${rootCls}-show-arrow`]: arrow,
             [openClassName ?? '']: mergedVisible,
         }), popupMotion: {

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

@@ -37,9 +37,9 @@ exports.Dropdown = void 0;
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Drop_1 = require("../../components/Drop");
-exports.Dropdown = React.forwardRef((props, ref) => {
+exports.Dropdown = React.forwardRef(({ children, ...props }, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'dropdown'), [config, prefixCls]);
     return (React.createElement(Drop_1.Drop, { ref: ref, ...restProps, rootCls: rootCls }, children));
 });

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

@@ -18,7 +18,7 @@ export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
     inline?: boolean;
     prefixCls?: string;
 }
-export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
+export type FlexProps<E extends React.ElementType = React.ElementType> = FlexOwnProps & PolymorphicProps<E> & PolymorphicProps<E, FlexOwnProps>;
 declare const defaultElement = "div";
-export declare function Flex<E extends React.ElementType = typeof defaultElement>(props: FlexProps<E>): React.JSX.Element;
+export declare function Flex<E extends React.ElementType = typeof defaultElement>({ alignContent, alignItems, className, component, flexDirection, flexWrap, inline, justifyContent, ...props }: React.PropsWithChildren<FlexProps<E>>): React.ReactElement;
 export {};

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

@@ -76,9 +76,9 @@ function mapJustifyContentBreakpoints(value) {
     }
     return config;
 }
-function Flex(props) {
+function Flex({ alignContent, alignItems, className, component = defaultElement, flexDirection, flexWrap, inline, justifyContent, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { alignContent, alignItems, className, flexDirection, flexWrap, inline, justifyContent, prefixCls = config.prefixCls, ...restProps } = props;
+    const { prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'flex'), [config, prefixCls]);
     const justifyContentCls = React.useMemo(
     // eslint-disable-next-line no-nested-ternary
@@ -98,5 +98,5 @@ function Flex(props) {
                 [`${rootCls}-inline`]: inline,
                 [`${rootCls}-wrap-${alignContentMap.get(alignContent)}`]: alignContent && alignContentMap.has(alignContent),
                 [rootCls]: !inline,
-            }, justifyContentCls, className), component: defaultElement, ...restProps })));
+            }, justifyContentCls, className), component: component, ...restProps })));
 }

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

@@ -8,7 +8,7 @@ export interface ItemOwnItem {
     order?: Order | BreakpointsConfig<Order>;
     prefixCls?: string;
 }
-export type ItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ItemOwnItem & PolymorphicProps<E>> & PolymorphicProps<E, ItemOwnItem>;
+export type ItemProps<E extends React.ElementType = React.ElementType> = ItemOwnItem & PolymorphicProps<E> & PolymorphicProps<E, ItemOwnItem>;
 declare const defaultElement = "div";
-export declare function Item<E extends React.ElementType = typeof defaultElement>(props: ItemProps<E>): React.JSX.Element;
+export declare function Item<E extends React.ElementType = typeof defaultElement>({ className, component, itemDimensions, order, ...props }: React.PropsWithChildren<ItemProps<E>>): React.ReactElement;
 export {};

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

@@ -44,14 +44,14 @@ const ConfigProvider_1 = require("../../components/ConfigProvider");
 const context_1 = require("../../components/Flex/context");
 const utils_1 = require("../../utils");
 const defaultElement = 'div';
-function Item(props) {
+function Item({ className, component = defaultElement, itemDimensions, order, ...props }) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.FlexContext);
-    const { className, itemDimensions, order, prefixCls = getRootCls(), ...restProps } = props;
+    const { prefixCls = getRootCls(), ...restProps } = props;
     const orderCls = React.useMemo(() => (typeof order === 'string'
         ? `${prefixCls}-${order}`
         : (0, utils_1.getBreakpointsConfigClasses)(prefixCls || config.prefixCls, 'flex', order)), [config.prefixCls, order, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${prefixCls}-${itemDimensions}`]: itemDimensions !== undefined,
-        }, orderCls, className), component: defaultElement, ...restProps }));
+        }, orderCls, className), component: component, ...restProps }));
 }

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

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

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

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

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

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

package/dist/cjs/components/Form/Controls.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 Controls(props) {
+function Controls({ 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'), [config, prefixCls]);
     return React.createElement("div", { className: (0, classnames_1.default)(rootCls, className), ...restProps });
 }

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.ReactElement;
 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.ReactElement;
 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.ReactElement;
 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.ReactElement;
 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.ReactElement;
 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.ReactElement;
 export {};

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

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

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

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

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

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

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

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

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.ReactElement | null;
 export {};

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

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

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

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

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

@@ -4,7 +4,7 @@ import { type IconOwnProps, type IconProps } from '../../components/Icon/Icon';
 import { Link } from '../../components/Icon/Link';
 export * from '../../components/Icon/default-svg-props';
 export * from '../../components/Icon/get-size';
-export type { IconProps, IconOwnProps };
+export type { IconOwnProps, IconProps };
 export interface Icon extends React.FunctionComponent<IconProps> {
     Button: typeof Button;
     Link: typeof Link;