@broxus/react-uikit 0.3.0 → 0.4.0

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

@@ -27,18 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drop = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_trigger_1 = __importDefault(require("rc-trigger"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const placements_1 = __importDefault(require("../../components/Drop/placements"));
 const utils_1 = require("../../utils");
 require("./index.scss");
 exports.Drop = React.forwardRef((props, ref) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
-    const { align, alignPoint, arrow = false, children, getPopupContainer, hideAction, minOverlayWidthMatchTrigger, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', placements = placements_1.default, rootCls: externalRootCls, showAction, trigger = ['hover'], visible, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { action = ['hover'], align, alignPoint, arrow = false, children, defaultVisible, destroyOnHide, getPopupContainer, hideAction, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', placements = placements_1.default, rootCls: externalRootCls, showAction, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
     const triggerRef = React.useRef(null);
-    const [triggerVisible, setTriggerVisible] = React.useState();
+    const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
     const rootCls = React.useMemo(() => externalRootCls ?? config.getRootPrefixCls(prefixCls || config.prefixCls, 'drop'), [config, prefixCls, externalRootCls]);
     const onPopupVisibleChange = React.useCallback((value) => {
@@ -52,10 +52,10 @@ exports.Drop = React.forwardRef((props, ref) => {
         return overlay;
     }, [overlay]);
     const getDropElement = React.useCallback(() => (React.createElement(React.Fragment, null,
-        arrow && React.createElement("div", { className: `${prefixCls}-arrow` }),
+        arrow && React.createElement("div", { className: `${rootCls}-arrow` }),
         React.cloneElement(getOverlayElement(), {
             onClick: onOverlayClick,
-        }))), [arrow, getOverlayElement, onOverlayClick, prefixCls]);
+        }))), [arrow, getOverlayElement, onOverlayClick, rootCls]);
     const getDropElementOrLambda = React.useCallback(() => {
         if (typeof overlay === 'function') {
             return getDropElement();
@@ -84,20 +84,20 @@ exports.Drop = React.forwardRef((props, ref) => {
         open() {
             setTriggerVisible(true);
         },
-        // @ts-ignore
         triggerRef: triggerRef.current,
     }));
     let triggerHideAction = hideAction;
-    if (!triggerHideAction && trigger.indexOf('contextMenu') > -1) {
+    if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
-    return (React.createElement(rc_trigger_1.default, { ref: triggerRef, action: trigger, builtinPlacements: placements, getPopupContainer: getPopupContainer, hideAction: triggerHideAction || [], mouseLeaveDelay: 0.2, popup: getDropElementOrLambda(), popupAlign: align, popupClassName: (0, classnames_1.default)(overlayClassName, {
+    return (React.createElement(rc_trigger_1.default, { ref: triggerRef, action: action, builtinPlacements: placements, className: "test", destroyPopupOnHide: destroyOnHide, 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,
-        }), popupMotion: {
+            [openClassName ?? '']: mergedVisible,
+        }), popupMotion: motion ?? {
             forceRender: true,
             motionDeadline: 300,
             motionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'),
-        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
+        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
 });
 if (process.env.NODE_ENV !== 'production') {
     exports.Drop.displayName = 'Drop';

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

@@ -44,6 +44,28 @@
 .uk-drop-hidden { display: none; }
 
 
+/* Drop mask
+ ========================================================================== */
+
+.uk-drop-mask {
+    background-color: var(--drop-mask-background);
+    inset: 0;
+    opacity: 0;
+    pointer-events: none;
+    position: fixed;
+    @if mixin-exists(hook-drop-mask) {
+        @include hook-drop-mask;
+    }
+}
+
+.uk-drop-mask.uk-active {
+    opacity: 1;
+    @if mixin-exists(hook-drop-mask-active) {
+        @include hook-drop-mask-active;
+    }
+}
+
+
 /* Grid modifiers
  ========================================================================== */
 

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

@@ -25,11 +25,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dropdown = void 0;
 const React = __importStar(require("react"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Drop_1 = require("../../components/Drop");
 require("./index.scss");
 exports.Dropdown = React.forwardRef((props, ref) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, 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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { type PolymorphicProps } from '../../components/Component';
+import { type BreakpointsConfig } from '../../types';
+export type FlexAlignContent = 'stretch' | 'between' | 'around' | 'top' | 'middle' | 'bottom';
+export type FlexAlignItems = 'stretch' | 'top' | 'middle' | 'bottom';
+export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+export type FlexJustifyContent = 'left' | 'center' | 'right' | 'between' | 'around';
+export type FlexBreakpoint = {
+    alignContent?: FlexAlignContent;
+    alignItems?: FlexAlignItems;
+    flexDirection?: FlexDirection;
+    flexWrap?: FlexWrap;
+    justifyContent?: FlexJustifyContent | BreakpointsConfig<FlexJustifyContent>;
+};
+export type FlexBreakpointsConfig = BreakpointsConfig<FlexBreakpoint>;
+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 declare const Flex: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: FlexProps<E>) => React.JSX.Element)>;

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

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const Component_1 = require("../../components/Component");
+const ComponentProvider_1 = require("../../components/ComponentProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+const utils_1 = require("../../utils");
+const defaultElement = 'div';
+exports.Flex = React.memo((props) => {
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { alignContent, alignItems, className, flexDirection, flexWrap, inline, justifyContent, prefixCls = config.prefixCls, ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'flex'), [config, prefixCls]);
+    const justifyContentCls = React.useMemo(() => (typeof justifyContent === 'string'
+        ? `${rootCls}-${justifyContent}`
+        : (0, utils_1.getBreakpointsConfigClasses)(prefixCls || config.prefixCls, 'flex', justifyContent)), [config.prefixCls, justifyContent, prefixCls, rootCls]);
+    return (React.createElement(ComponentProvider_1.ComponentProvider, { component: "flex", prefixCls: prefixCls || config.prefixCls },
+        React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
+                [rootCls]: !inline,
+                [`${rootCls}-inline`]: inline,
+                [`${rootCls}-${alignItems}`]: alignItems !== undefined,
+                [`${rootCls}-${flexDirection}`]: flexDirection !== undefined,
+                [`${rootCls}-${flexWrap}`]: flexWrap !== undefined,
+                [`${rootCls}-wrap-${alignContent}`]: alignContent !== undefined,
+            }, justifyContentCls, className), component: defaultElement, ...restProps })));
+});

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type PolymorphicProps } from '../../components/Component';
+import { type BreakpointsConfig } from '../../types';
+export type FlexItemDimensions = 'none' | 'auto' | 'fill' | '1';
+type Order = 'first' | 'last';
+export interface ItemOwnItem {
+    itemDimensions?: FlexItemDimensions;
+    order?: Order | BreakpointsConfig<Order>;
+    prefixCls?: string;
+}
+export type ItemProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<ItemOwnItem & PolymorphicProps<E>> & PolymorphicProps<E, ItemOwnItem>;
+export declare const Item: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: ItemProps<E>) => React.JSX.Element)>;
+export {};

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

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const Component_1 = require("../../components/Component");
+const ComponentProvider_1 = require("../../components/ComponentProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
+const utils_1 = require("../../utils");
+const defaultElement = 'div';
+exports.Item = React.memo((props) => {
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
+    const { className, itemDimensions, order, 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 }));
+});

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

@@ -1,25 +1,9 @@
-import * as React from 'react';
-import { type PolymorphicProps } from '../../components/Component';
-import { type BreakpointsConfig } from '../../types';
+import type * as React from 'react';
+import { type FlexProps } from '../../components/Flex/Flex';
+import { type ItemProps as FlexItemProps, Item } from '../../components/Flex/Item';
 import './index.scss';
-export type FlexAlignContent = 'stretch' | 'between' | 'around' | 'top' | 'middle' | 'bottom';
-export type FlexAlignItems = 'stretch' | 'top' | 'middle' | 'bottom';
-export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-export type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
-export type FlexJustifyContent = 'left' | 'center' | 'right' | 'between' | 'around';
-export type FlexItemDimensions = 'none' | 'auto' | 'fill' | '1';
-export type FlexBreakpoint = {
-    alignContent?: FlexAlignContent;
-    alignItems?: FlexAlignItems;
-    flexDirection?: FlexDirection;
-    flexWrap?: FlexWrap;
-    itemDimensions?: FlexItemDimensions;
-    justifyContent?: FlexJustifyContent;
-};
-export type FlexBreakpointsConfig = BreakpointsConfig<FlexBreakpoint>;
-export interface FlexOwnProps extends FlexBreakpoint, FlexBreakpointsConfig {
-    inline?: boolean;
-    prefixCls?: string;
+export type { FlexProps, FlexItemProps };
+export interface Flex extends React.MemoExoticComponent<React.FunctionComponent<FlexProps>> {
+    Item: typeof Item;
 }
-export type FlexProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FlexOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FlexOwnProps>;
-export declare const Flex: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: FlexProps<E>) => JSX.Element)>;
+export declare const Flex: Flex;

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

@@ -1,50 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Flex = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const Flex_1 = require("../../components/Flex/Flex");
+const Item_1 = require("../../components/Flex/Item");
 require("./index.scss");
-const defaultElement = 'div';
-exports.Flex = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
-    const { alignContent, alignItems, className, flexDirection, flexWrap, inline, itemDimensions, justifyContent, prefixCls = config.prefixCls, ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'flex'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
-            [rootCls]: !inline,
-            [`${rootCls}-inline`]: inline,
-            [`${rootCls}-${alignItems}`]: alignItems !== undefined,
-            [`${rootCls}-${flexDirection}`]: flexDirection !== undefined,
-            [`${rootCls}-${flexWrap}`]: flexWrap !== undefined,
-            [`${rootCls}-wrap-${alignContent}`]: flexWrap !== undefined && alignContent !== undefined,
-            [`${rootCls}-${justifyContent}`]: justifyContent !== undefined,
-            [`${rootCls}-${itemDimensions}`]: itemDimensions !== undefined,
-        }, className), component: defaultElement, ...restProps }));
-});
+exports.Flex = Flex_1.Flex;
+exports.Flex.Item = Item_1.Item;

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface ControlsProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare const Controls: React.MemoExoticComponent<(props: ControlsProps) => JSX.Element>;
+export declare const Controls: React.MemoExoticComponent<(props: ControlsProps) => React.JSX.Element>;

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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const ComponentProvider_1 = require("../../components/ComponentProvider");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.Controls = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls'), [config, prefixCls]);

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface ControlsTextProps extends React.HTMLAttributes<HTMLDivElement> {
     prefixCls?: string;
 }
-export declare const ControlsText: React.MemoExoticComponent<(props: ControlsTextProps) => JSX.Element>;
+export declare const ControlsText: React.MemoExoticComponent<(props: ControlsTextProps) => React.JSX.Element>;

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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ControlsText = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
 const ComponentProvider_1 = require("../../components/ComponentProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.ControlsText = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = (0, ComponentProvider_1.useComponentContext)();
     const { className, prefixCls = getRootCls(), ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'controls-text'), [config, prefixCls]);

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

@@ -3,4 +3,4 @@ export interface FieldsetProps extends React.FieldsetHTMLAttributes<HTMLFieldSet
     layout?: 'stacked' | 'horizontal';
     prefixCls?: string;
 }
-export declare const Fieldset: React.MemoExoticComponent<(props: FieldsetProps) => JSX.Element>;
+export declare const Fieldset: React.MemoExoticComponent<(props: FieldsetProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fieldset = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.Fieldset = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, layout, 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, {

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

@@ -5,4 +5,4 @@ export interface FormOwnProps {
     prefixCls?: string;
 }
 export type FormProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<FormOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, FormOwnProps>;
-export declare const Form: React.MemoExoticComponent<(<E extends React.ElementType<any> = "form">(props: FormProps<E>) => JSX.Element)>;
+export declare const Form: React.MemoExoticComponent<(<E extends React.ElementType<any> = "form">(props: FormProps<E>) => React.JSX.Element)>;

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
 const ComponentProvider_1 = require("../../components/ComponentProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'form';
 exports.Form = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, layout, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'form'), [config, prefixCls]);
     return (React.createElement(ComponentProvider_1.ComponentProvider, { component: "form", prefixCls: prefixCls || config.prefixCls },

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
     prefixCls?: string;
 }
-export declare const Label: React.MemoExoticComponent<(props: LabelProps) => JSX.Element>;
+export declare const Label: React.MemoExoticComponent<(props: LabelProps) => React.JSX.Element>;

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

@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 /* eslint-disable jsx-a11y/label-has-associated-control */
 exports.Label = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, 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,4 +2,4 @@ import * as React from 'react';
 export interface LegendProps extends React.HTMLAttributes<HTMLLegendElement> {
     prefixCls?: string;
 }
-export declare const Legend: React.MemoExoticComponent<(props: LegendProps) => JSX.Element>;
+export declare const Legend: React.MemoExoticComponent<(props: LegendProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Legend = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.Legend = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, 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/Grid/index.d.ts

@@ -14,4 +14,4 @@ export type GridOwnProps = {
     rowGap?: GridGap;
 };
 export type GridProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<GridOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, GridOwnProps>;
-export declare const Grid: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: GridProps<E>) => JSX.Element)>;
+export declare const Grid: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: GridProps<E>) => React.JSX.Element)>;

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

@@ -27,15 +27,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Width_1 = require("../../components/Width");
 require("./index.scss");
 const defaultElement = 'div';
 exports.Grid = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { childWidth, className, columnGap, divider, gap, margin, match, prefixCls = config.prefixCls, rowGap, ...restProps } = props;
     const childWithClassName = React.useMemo(() => (0, Width_1.getChildWidthClassname)(childWidth), [childWidth]);
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'grid'), [config, prefixCls]);

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

@@ -7,4 +7,4 @@ export type HeadingOwnProps = {
     size?: 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 };
 export type HeadingProps<E extends React.ElementType> = React.PropsWithChildren<HeadingOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, HeadingOwnProps>;
-export declare const Heading: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: HeadingProps<E>) => JSX.Element)>;
+export declare const Heading: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: HeadingProps<E>) => React.JSX.Element)>;

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

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const defaultElement = 'div';
 exports.Heading = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, className, prefixCls = config.prefixCls, size, decoration, ...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)({

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type IconProps } from '../../components/Icon/Icon';
-export declare const Button: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;
+export declare const Button: React.MemoExoticComponent<(props: IconProps) => React.JSX.Element>;

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

@@ -8,4 +8,4 @@ export type IconOwnProps = {
     round?: boolean;
 };
 export type IconProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<IconOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, IconOwnProps>;
-export declare const Icon: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: IconProps<E>) => JSX.Element | null)>;
+export declare const Icon: React.MemoExoticComponent<(<E extends React.ElementType<any> = "span">(props: IconProps<E>) => React.JSX.Element | null)>;

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

@@ -27,13 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'span';
 exports.Icon = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { children, className, icon, material = true, mode, prefixCls = config.prefixCls, round, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'icon'), [config, prefixCls]);
     if (!icon) {

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { type IconProps } from '../../components/Icon/Icon';
-export declare const Link: React.MemoExoticComponent<(props: IconProps) => JSX.Element>;
+export declare const Link: React.MemoExoticComponent<(props: IconProps) => React.JSX.Element>;

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 const Iconnav: React.MemoExoticComponent<(props: IconnavProps) => JSX.Element>;
+export declare const Iconnav: React.MemoExoticComponent<(props: IconnavProps) => React.JSX.Element>;

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Iconnav = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 exports.Iconnav = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, vertical, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'iconnav'), [config, prefixCls]);
     return (React.createElement("ul", { className: (0, classnames_1.default)(rootCls, {

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 export interface IconnavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
     isActive?: boolean;
 }
-export declare const Item: React.MemoExoticComponent<(props: IconnavItemProps) => JSX.Element>;
+export declare const Item: React.MemoExoticComponent<(props: IconnavItemProps) => React.JSX.Element>;