@broxus/react-uikit 0.17.4 → 0.19.0

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

@@ -1,4 +1,4 @@
-import { type CollapseProps } from 'rc-collapse';
+import { type CollapseProps } from '@rc-component/collapse';
 import * as React from 'react';
 export interface AccordionProps extends CollapseProps {
     direction?: string;

package/dist/cjs/components/Accordion/Accordion.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = Accordion;
+const collapse_1 = __importDefault(require("@rc-component/collapse"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_collapse_1 = __importDefault(require("rc-collapse"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
@@ -46,7 +46,7 @@ function Accordion(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { className, direction, prefixCls = config.prefixCls, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'accordion'), [config, prefixCls]);
-    return (React.createElement(rc_collapse_1.default, { className: (0, classnames_1.default)({
+    return (React.createElement(collapse_1.default, { className: (0, classnames_1.default)({
             [`${rootCls}-rtl`]: direction === 'rtl',
         }, className), openMotion: (0, utils_1.getCollapseMotion)(prefixCls || config.prefixCls), prefixCls: rootCls, ...restProps }));
 }

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

@@ -1,12 +1,13 @@
-import { type CollapsePanelProps } from 'rc-collapse';
+import { type CollapsePanelProps } from '@rc-component/collapse';
 import * as React from 'react';
-export interface AccordionItemProps extends React.PropsWithChildren<Omit<CollapsePanelProps, 'prefixCls'>> {
+export interface AccordionItemProps extends Omit<CollapsePanelProps, 'expandIcon' | 'prefixCls'> {
+    expandIcon?: (props: AccordionItemProps) => React.ReactNode;
 }
 /**
  * Use Accordion items props instead
  * @deprecated
  */
-export declare function Item(props: AccordionItemProps): React.JSX.Element;
+export declare function Item(props: React.PropsWithChildren<AccordionItemProps>): React.JSX.Element;
 export declare namespace Item {
     var displayName: string;
 }

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

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Item = Item;
-const rc_collapse_1 = require("rc-collapse");
+const collapse_1 = require("@rc-component/collapse");
 const React = __importStar(require("react"));
 const Icon_1 = require("../../components/Icon");
 /**
@@ -45,7 +45,7 @@ function Item(props) {
     const { expandIcon, ...restProps } = props;
     const mergedExpandIcon = React.useMemo(() => expandIcon
         || (({ isActive }) => (React.createElement(Icon_1.Icon, { icon: isActive ? 'expand_more' : 'chevron_right' }))), [expandIcon]);
-    return React.createElement(rc_collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps });
+    return React.createElement(collapse_1.Panel, { expandIcon: mergedExpandIcon, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {
     Item.displayName = 'Accordion.Item';

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type AccordionProps } from '../../components/Accordion/Accordion';
 import { type AccordionItemProps, Item } from '../../components/Accordion/Item';
-import './index.scss';
 export type { AccordionProps, AccordionItemProps };
 export interface Accordion extends React.FunctionComponent<AccordionProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 const Accordion_1 = require("../../components/Accordion/Accordion");
 const Item_1 = require("../../components/Accordion/Item");
-require("./index.scss");
 exports.Accordion = Accordion_1.Accordion;
 exports.Accordion.Item = Item_1.Item;

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

@@ -1,6 +1,5 @@
-import { type MotionEndEventHandler } from 'rc-motion';
+import { type MotionEndEventHandler } from '@rc-component/motion';
 import * as React from 'react';
-import './index.scss';
 export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     closable?: boolean;
     closeIcon?: React.ReactNode;

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

@@ -37,15 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
+const motion_1 = __importDefault(require("@rc-component/motion"));
 const classnames_1 = __importDefault(require("classnames"));
-const rc_motion_1 = __importDefault(require("rc-motion"));
 const React = __importStar(require("react"));
 const Close_1 = require("../../components/Close");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 exports.Alert = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { children, className, closable = true, closeIcon, prefixCls = config.prefixCls, style, severity, onClose, onClosed, ...restProps } = props;
+    const { children, className, closable = true, closeIcon = config.alert?.closeIcon, prefixCls = config.prefixCls, style, severity, onClose, onClosed, ...restProps } = props;
     const [closed, setClosed] = React.useState(false);
     const close = React.useCallback(() => {
         onClose?.();
@@ -55,17 +54,16 @@ exports.Alert = React.forwardRef((props, ref) => {
     React.useImperativeHandle(ref, () => ({
         close,
     }), [close]);
-    return (React.createElement(rc_motion_1.default, { motionName: `${rootCls}-motion`, motionAppear: false, motionEnter: false, visible: !closed, onLeaveStart: node => ({
+    return (React.createElement(motion_1.default, { motionName: `${rootCls}-motion`, motionAppear: false, motionEnter: false, visible: !closed, onLeaveStart: node => ({
             maxHeight: node.offsetHeight,
         }), onLeaveEnd: onClosed }, ({ className: motionClassName, style: motionStyle }) => (React.createElement("div", { className: (0, classnames_1.default)(rootCls, {
             [`${rootCls}-${severity}`]: severity !== undefined,
         }, className, motionClassName), "data-show": !closed, role: "alert", style: { ...style, ...motionStyle }, ...restProps },
-        closable
-            && (React.isValidElement(closeIcon) ? (React.cloneElement(closeIcon, {
-                // @ts-ignore
-                className: `${rootCls}-close`,
-                onClick: close,
-            })) : (React.createElement(Close_1.Close, { className: `${rootCls}-close`, onClick: close }))),
+        closable && (React.isValidElement(closeIcon) ? (React.cloneElement(closeIcon, {
+            // @ts-ignore
+            className: `${rootCls}-close`,
+            onClick: close,
+        })) : (React.createElement(Close_1.Close, { className: `${rootCls}-close`, onClick: close }))),
         children))));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { type AlignBreakpointsConfig, type AlignSide } from '../../components/Align/types';
 import { type PolymorphicProps } from '../../components/Component';
 import { type Direction } from '../../types';
-export interface AlignOwnProps {
+export interface AlignOwnProps extends Omit<AlignBreakpointsConfig, 'default'> {
+    align?: AlignSide | AlignBreakpointsConfig;
     direction?: Direction;
     prefixCls?: string;
-    side?: 'left' | 'right';
 }
 export type AlignProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<AlignOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, AlignOwnProps>;
 declare const defaultElement = "div";

package/dist/cjs/components/Align/Align.js

@@ -39,18 +39,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Align = Align;
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
+const utils_1 = require("../../components/Align/utils");
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const defaultElement = 'div';
 function Align(props) {
     const config = (0, ConfigProvider_1.useConfig)();
-    const { className, direction = config.direction, prefixCls = config.prefixCls, side = 'left', ...restProps } = props;
+    const { align = 'left', className, direction = config.direction, prefixCls = config.prefixCls, s, m, l, xl, ...restProps } = props;
     const isRtl = React.useMemo(() => direction === 'rtl', [direction]);
-    const invertedSide = React.useMemo(() => (side === 'left' ? 'right' : 'left'), [side]);
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'align'), [config, prefixCls]);
-    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
-            [`${rootCls}-${isRtl ? invertedSide : side}`]: true,
-        }, className), component: defaultElement, ...restProps }));
+    const mergedAlign = React.useMemo(() => {
+        if (isRtl && align === 'left') {
+            return 'right';
+        }
+        if (isRtl && align === 'right') {
+            return 'left';
+        }
+        return align;
+    }, [align, isRtl]);
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)((0, utils_1.getAlignClassname)(mergedAlign, prefixCls || config.prefixCls), (0, utils_1.getAlignClassname)({ l, m, s, xl }, prefixCls || config.prefixCls), className), component: defaultElement, ...restProps }));
 }
 if (process.env.NODE_ENV !== 'production') {
     Align.displayName = 'Align';

package/dist/cjs/components/Align/Center.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { type AlignProps } from '../../components/Align/Align';
+export declare function Center(props: Omit<AlignProps, 'align'>): React.JSX.Element;
+export declare namespace Center {
+    var displayName: string;
+}

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

@@ -0,0 +1,44 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Center = Center;
+const React = __importStar(require("react"));
+const Align_1 = require("../../components/Align/Align");
+function Center(props) {
+    return React.createElement(Align_1.Align, { ...props, align: "center" });
+}
+if (process.env.NODE_ENV !== 'production') {
+    Center.displayName = 'Align.Center';
+}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare function Left(props: Omit<AlignProps, 'side'>): React.JSX.Element;
+export declare function Left(props: Omit<AlignProps, 'align'>): React.JSX.Element;
 export declare namespace Left {
     var displayName: string;
 }

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

@@ -37,7 +37,7 @@ exports.Left = Left;
 const React = __importStar(require("react"));
 const Align_1 = require("../../components/Align/Align");
 function Left(props) {
-    return React.createElement(Align_1.Align, { ...props, side: "left" });
+    return React.createElement(Align_1.Align, { ...props, align: "left" });
 }
 if (process.env.NODE_ENV !== 'production') {
     Left.displayName = 'Align.Left';

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type AlignProps } from '../../components/Align/Align';
-export declare function Right(props: Omit<AlignProps, 'side'>): React.JSX.Element;
+export declare function Right(props: Omit<AlignProps, 'align'>): React.JSX.Element;
 export declare namespace Right {
     var displayName: string;
 }

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

@@ -37,7 +37,7 @@ exports.Right = Right;
 const React = __importStar(require("react"));
 const Align_1 = require("../../components/Align/Align");
 function Right(props) {
-    return React.createElement(Align_1.Align, { ...props, side: "right" });
+    return React.createElement(Align_1.Align, { ...props, align: "right" });
 }
 if (process.env.NODE_ENV !== 'production') {
     Right.displayName = 'Align.Right';

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

@@ -1,10 +1,13 @@
 import type * as React from 'react';
 import { type AlignOwnProps, type AlignProps } from '../../components/Align/Align';
+import { Center } from '../../components/Align/Center';
 import { Left } from '../../components/Align/Left';
 import { Right } from '../../components/Align/Right';
-import './index.scss';
 export type { AlignOwnProps, AlignProps };
+export * from '../../components/Align/types';
+export * from '../../components/Align/utils';
 export interface Align extends React.FunctionComponent<AlignProps> {
+    Center: typeof Center;
     Left: typeof Left;
     Right: typeof Right;
 }

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

@@ -1,10 +1,27 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Align = void 0;
 const Align_1 = require("../../components/Align/Align");
+const Center_1 = require("../../components/Align/Center");
 const Left_1 = require("../../components/Align/Left");
 const Right_1 = require("../../components/Align/Right");
-require("./index.scss");
+__exportStar(require("../../components/Align/types"), exports);
+__exportStar(require("../../components/Align/utils"), exports);
 exports.Align = Align_1.Align;
+exports.Align.Center = Center_1.Center;
 exports.Align.Left = Left_1.Left;
 exports.Align.Right = Right_1.Right;

package/dist/cjs/components/Align/types.d.ts

@@ -0,0 +1,3 @@
+import { type BreakpointsConfig } from '../../types';
+export type AlignSide = 'center' | 'left' | 'right';
+export type AlignBreakpointsConfig = Pick<BreakpointsConfig<AlignSide>, 'default'> & Omit<BreakpointsConfig<Omit<AlignSide, 'center'>>, 'default'>;

package/dist/cjs/components/Align/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/Align/utils.d.ts

@@ -0,0 +1,2 @@
+import { type AlignBreakpointsConfig, type AlignSide } from '../../components/Align/types';
+export declare function getAlignClassname(valueOrConfig: AlignSide | AlignBreakpointsConfig | undefined, prefixCls?: string): string | undefined;

package/dist/cjs/components/Align/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAlignClassname = getAlignClassname;
+const utils_1 = require("../../utils");
+function getAlignClassname(valueOrConfig, prefixCls = 'uk') {
+    if (typeof valueOrConfig === 'string') {
+        return `${prefixCls}-align-${valueOrConfig}`;
+    }
+    if (typeof valueOrConfig === 'object' && !Array.isArray(valueOrConfig)) {
+        return (0, utils_1.getBreakpointsConfigClasses)(prefixCls, 'align', valueOrConfig);
+    }
+    return undefined;
+}

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

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { type ArticleProps } from '../../components/Article/Article';
 import { type ArticleMetaProps, Meta } from '../../components/Article/Meta';
 import { type ArticleTitleProps, Title } from '../../components/Article/Title';
-import './index.scss';
 export type { ArticleMetaProps, ArticleProps, ArticleTitleProps };
 export interface Article extends React.FunctionComponent<ArticleProps> {
     Meta: typeof Meta;

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

@@ -4,7 +4,6 @@ exports.Article = void 0;
 const Article_1 = require("../../components/Article/Article");
 const Meta_1 = require("../../components/Article/Meta");
 const Title_1 = require("../../components/Article/Title");
-require("./index.scss");
 exports.Article = Article_1.Article;
 exports.Article.Meta = Meta_1.Meta;
 exports.Article.Title = Title_1.Title;

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export type BadgeOwnProps = {
     prefixCls?: string;
 };

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

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 const defaultElement = 'span';
 function Badge(props) {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type BreadcrumbProps } from '../../components/Breadcrumb/Breadcrumb';
 import { Item } from '../../components/Breadcrumb/Item';
-import './index.scss';
 export type { BreadcrumbProps };
 export interface Breadcrumb extends React.FunctionComponent<BreadcrumbProps> {
     Item: typeof Item;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumb = void 0;
 const Breadcrumb_1 = require("../../components/Breadcrumb/Breadcrumb");
 const Item_1 = require("../../components/Breadcrumb/Item");
-require("./index.scss");
 exports.Breadcrumb = Breadcrumb_1.Breadcrumb;
 exports.Breadcrumb.Item = Item_1.Item;

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

@@ -1,7 +1,6 @@
 import type * as React from 'react';
 import { type ButtonProps } from '../../components/Button/Button';
 import { Group } from '../../components/Button/Group';
-import './index.scss';
 export type { ButtonProps };
 export interface Button extends React.ForwardRefExoticComponent<ButtonProps> {
     Group: typeof Group;

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

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const Button_1 = require("../../components/Button/Button");
 const Group_1 = require("../../components/Button/Group");
-require("./index.scss");
 exports.Button = Button_1.Button;
 exports.Button.Group = Group_1.Group;

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

@@ -6,7 +6,6 @@ import { Footer } from '../../components/Card/Footer';
 import { Header } from '../../components/Card/Header';
 import { Media } from '../../components/Card/Media';
 import { Title } from '../../components/Card/Title';
-import './index.scss';
 export type { CardProps };
 export interface Card extends React.FunctionComponent<CardProps> {
     Badge: typeof Badge;

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

@@ -8,7 +8,6 @@ const Footer_1 = require("../../components/Card/Footer");
 const Header_1 = require("../../components/Card/Header");
 const Media_1 = require("../../components/Card/Media");
 const Title_1 = require("../../components/Card/Title");
-require("./index.scss");
 exports.Card = Card_1.Card;
 exports.Card.Badge = Badge_1.Badge;
 exports.Card.Body = Body_1.Body;

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type IconProps } from '../../components/Icon';
-import './index.scss';
 export type CloseProps<E extends React.ElementType = React.ElementType> = Omit<IconProps<E>, 'icon'>;
 declare const defaultElement = "button";
 export declare function Close<E extends React.ElementType = typeof defaultElement>(props: CloseProps<E>): React.JSX.Element;

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

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
-require("./index.scss");
 const defaultElement = 'button';
 function Close(props) {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -7,8 +7,6 @@ export type PolymorphicProps<E extends React.ElementType = React.ElementType, Pr
 export interface PolymorphicComponent<Component extends React.ElementType = React.ElementType, Props extends object = {}> {
     <E extends React.ElementType = Component>(props: PolymorphicProps<E, Props>): React.JSX.Element;
     displayName?: string;
-    propTypes?: React.WeakValidationMap<any>;
-    contextTypes?: React.ValidationMap<any>;
     defaultProps?: Partial<any>;
     id?: string;
 }

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

@@ -4,12 +4,15 @@ import { type PickerLocale } from '../../components/DatePicker';
 import { type ColorMode } from '../../components/Inverse';
 import { type TimePickerLocale } from '../../components/TimePicker';
 import { type BreakpointsConfig, type Direction, type TooltipOptions } from '../../types';
-type PropsWithMouseHandler = {
+interface PropsWithMouseHandler {
     onClick: React.HTMLAttributes<HTMLElement>['onClick'];
-};
+}
 export { SizeContext } from '../../components/ConfigProvider/SizeContext';
-export type ConfigContextConsumedProps = {
+export interface ConfigContextConsumedProps {
     breakpoints: Exclude<BreakpointsConfig<number>, 'default'>;
+    alert?: {
+        closeIcon?: React.ReactNode | (() => React.ReactElement);
+    };
     button?: {
         ghost?: boolean;
         prefixCls?: string;
@@ -123,8 +126,7 @@ export type ConfigContextConsumedProps = {
     tileSecondaryColorMode?: ColorMode;
     /** @deprecated Use `tile['tertiaryColorMode']` config instead */
     tileTertiaryColorMode?: ColorMode;
-};
-export type ConfigContextProviderProps = React.PropsWithChildren<ConfigContextConsumedProps>;
+}
 export declare const ConfigContext: React.Context<ConfigContextConsumedProps>;
 export declare function useConfig(): ConfigContextConsumedProps;
-export declare function ConfigContextProvider(props: Partial<ConfigContextProviderProps>): React.JSX.Element;
+export declare function ConfigContextProvider({ children, ...restProps }: Partial<React.PropsWithChildren<ConfigContextConsumedProps>>): React.JSX.Element;

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

@@ -78,9 +78,8 @@ exports.ConfigContext = React.createContext({
 function useConfig() {
     return React.useContext(exports.ConfigContext);
 }
-function ConfigContextProvider(props) {
+function ConfigContextProvider({ children, ...restProps }) {
     const initialContext = useConfig();
-    const { children, ...restProps } = props;
     const context = React.useMemo(() => {
         let direction = 'ltr';
         try {

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
-import './index.scss';
 export interface ContainerOwnProps {
     expandLeft?: boolean;
     expandRight?: boolean;

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

@@ -41,7 +41,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 const defaultElement = 'div';
 exports.Container = React.memo((props) => {
     const config = (0, ConfigProvider_1.useConfig)();

package/dist/cjs/components/Control/Checkbox/Checkbox.js

@@ -47,25 +47,32 @@ exports.Checkbox = React.forwardRef((props, ref) => {
     const checkboxGroup = (0, CheckboxGroupContext_1.useCheckboxGroup)();
     const { block, children, className, direction = config.checkbox?.direction || config.direction, disabled, id, prefixCls = config.checkbox?.prefixCls || config.prefixCls, size, skipGroup, style, type = 'checkbox', onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...restProps } = props;
     const prevValue = React.useRef(restProps.value);
-    const [internalChecked, setInternalChecked] = React.useState(restProps.checked || restProps.defaultChecked);
-    const onChange = React.useCallback((event) => {
-        setInternalChecked(!internalChecked);
+    const [internalChecked, setInternalChecked] = React.useState(restProps.checked
+        ?? restProps.defaultChecked
+        ?? ('value' in restProps && restProps.value === checkboxGroup?.value));
+    const onChange = React.useCallback(event => {
+        if (disabled) {
+            return;
+        }
+        if (!('checked' in restProps)) {
+            setInternalChecked(event.target.checked);
+        }
         onChangeCallback?.({
             nativeEvent: event.nativeEvent,
             preventDefault: event.preventDefault,
             stopPropagation: event.stopPropagation,
-            target: { ...props, checked: !internalChecked },
+            target: { ...props, checked: event.target.checked },
         });
-    }, [internalChecked, props, onChangeCallback]);
+    }, [disabled, restProps, onChangeCallback, props]);
     const checkboxProps = React.useMemo(() => ({
         ...restProps,
-        checked: internalChecked,
+        checked: restProps.checked ?? internalChecked,
         disabled,
         id,
         type,
         // eslint-disable-next-line sort-keys
         onChange,
-    }), [disabled, id, internalChecked, restProps, type, onChange]);
+    }), [restProps, internalChecked, disabled, id, type, onChange]);
     if (checkboxGroup && !skipGroup) {
         checkboxProps.onChange = (...args) => {
             onChange(...args);

package/dist/cjs/components/Control/Checkbox/Group.d.ts

@@ -8,7 +8,7 @@ export interface CheckboxOptionType<T = any> {
     disabled?: boolean;
     title?: string;
     id?: string;
-    onChange?: (e: CheckboxChangeEvent) => void;
+    onChange?: (event: CheckboxChangeEvent) => void;
     required?: boolean;
 }
 export interface AbstractCheckboxGroupProps<T = any> {

package/dist/cjs/components/Control/Checkbox/index.d.ts

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { type AbstractCheckboxProps, type CheckboxChangeEvent, type CheckboxProps } from '../../../components/Control/Checkbox/Checkbox';
 import { type CheckboxGroupConsumer } from '../../../components/Control/Checkbox/CheckboxGroupContext';
 import { type AbstractCheckboxGroupProps, type CheckboxGroupProps, type CheckboxOptionType, Group } from '../../../components/Control/Checkbox/Group';
-import './index.scss';
 export type { AbstractCheckboxProps, AbstractCheckboxGroupProps, CheckboxChangeEvent, CheckboxGroupConsumer, CheckboxGroupProps, CheckboxOptionType, CheckboxProps, };
 export interface Checkbox extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;

package/dist/cjs/components/Control/Checkbox/index.js

@@ -3,6 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const Checkbox_1 = require("../../../components/Control/Checkbox/Checkbox");
 const Group_1 = require("../../../components/Control/Checkbox/Group");
-require("./index.scss");
 exports.Checkbox = Checkbox_1.Checkbox;
 exports.Checkbox.Group = Group_1.Group;

package/dist/cjs/components/Control/Input/Input.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 import { type InputProps, type InputRef } from '../../../components/Control/Input/types';
-import '../index.scss';
 export declare const Input: React.ForwardRefExoticComponent<InputProps<import("..").ValueType> & React.RefAttributes<InputRef>>;

package/dist/cjs/components/Control/Input/Input.js

@@ -37,13 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
+const omit_1 = __importDefault(require("@rc-component/util/lib/omit"));
 const classnames_1 = __importDefault(require("classnames"));
-const omit_1 = __importDefault(require("rc-util/lib/omit"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const useInput_1 = require("../../../components/Control/Input/useInput");
 const Icon_1 = require("../../../components/Icon");
-require("../index.scss");
 exports.Input = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = (0, useInput_1.useInput)({