@broxus/react-uikit 0.15.6 → 0.16.0

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,8 +46,8 @@ const defaultElement = 'footer';
 function Footer(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.CardContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'footer'), [config, prefixCls]);
+    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'footer'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,8 +46,8 @@ const defaultElement = 'header';
 function Header(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.CardContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'header'), [config, prefixCls]);
+    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'header'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,8 +46,8 @@ const defaultElement = 'div';
 function Media(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.CardContext);
-    const { className, position, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'media'), [config, prefixCls]);
+    const { className, position, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'media'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)({
             [`${rootCls}-${position}`]: position !== undefined,
         }, className), component: defaultElement, ...restProps }));

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -36,8 +46,8 @@ const defaultElement = 'h3';
 function Title(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { getRootCls } = React.useContext(context_1.CardContext);
-    const { className, prefixCls = getRootCls(), ...restProps } = props;
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
+    const { className, prefixCls = getRootCls(config.card?.prefixCls || config.prefixCls), ...restProps } = props;
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.card?.prefixCls || config.prefixCls, 'title'), [config, prefixCls]);
     return React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, className), component: defaultElement, ...restProps });
 }
 if (process.env.NODE_ENV !== 'production') {

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
 export interface CardContextConsumerProps {
-    getRootCls(): string | undefined;
+    getRootCls(prefixCls?: string): string | undefined;
 }
 export declare const CardContext: React.Context<CardContextConsumerProps>;

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

@@ -16,18 +16,28 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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.CardContext = void 0;
 const React = __importStar(require("react"));
 exports.CardContext = React.createContext({
-    getRootCls() {
-        return 'uk-card';
+    getRootCls(prefixCls = 'uk') {
+        return `${prefixCls}-card`;
     },
 });

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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.Component = void 0;
 const React = __importStar(require("react"));

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { type SizeType } from '../../types';
+export declare const SizeContext: React.Context<SizeType | undefined>;

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

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+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.SizeContext = void 0;
+const React = __importStar(require("react"));
+exports.SizeContext = React.createContext(undefined);

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

@@ -1,19 +1,45 @@
 import * as React from 'react';
 import { type ButtonProps } from '../../components/Button';
 import { type ColorMode } from '../../components/Inverse';
-import { type BreakpointsConfig, type TooltipOptions } from '../../types';
+import { type BreakpointsConfig, type Direction, type TooltipOptions } from '../../types';
 type PropsWithMouseHandler = {
     onClick: React.HTMLAttributes<HTMLElement>['onClick'];
 };
+export { SizeContext } from '../../components/ConfigProvider/SizeContext';
 export type ConfigContextConsumedProps = {
     breakpoints: Exclude<BreakpointsConfig<number>, 'default'>;
-    buttonShape?: ButtonProps['shape'];
-    buttonSize?: ButtonProps['size'];
-    cardPrimaryColorMode?: ColorMode;
-    cardSecondaryColorMode?: ColorMode;
-    cardTertiaryColorMode?: ColorMode;
-    controlClearIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
-    direction?: string;
+    button?: {
+        ghost?: boolean;
+        prefixCls?: string;
+        shape?: ButtonProps['shape'];
+        size?: ButtonProps['size'];
+    };
+    card?: {
+        prefixCls?: string;
+        primaryColorMode?: ColorMode;
+        secondaryColorMode?: ColorMode;
+        tertiaryColorMode?: ColorMode;
+    };
+    checkbox?: {
+        direction?: Direction | string;
+        prefixCls?: string;
+    };
+    control?: {
+        direction?: Direction | string;
+        prefixCls?: string;
+        clearIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
+    };
+    datePicker?: {
+        direction?: Direction | string;
+        prefixCls?: string;
+        clearIcon?: React.ReactNode | (() => React.ReactElement);
+        nextIcon?: React.ReactNode;
+        prevIcon?: React.ReactNode;
+        suffixIcon?: React.ReactNode;
+        superPrevIcon?: React.ReactNode;
+        superNextIcon?: React.ReactNode;
+    };
+    direction?: Direction | string;
     getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
     getRootPrefixCls: (prefix?: string, component?: string) => string;
     getTooltipConfig: (props: string | TooltipOptions | undefined) => {
@@ -21,23 +47,80 @@ export type ConfigContextConsumedProps = {
     };
     inverseGlobalColorMode?: ColorMode;
     prefixCls: string;
+    radio?: {
+        direction?: Direction | string;
+        prefixCls?: string;
+    };
+    section?: {
+        prefixCls?: string;
+        primaryColorMode?: ColorMode;
+        secondaryColorMode?: ColorMode;
+        tertiaryColorMode?: ColorMode;
+    };
+    select?: {
+        direction?: Direction | string;
+        prefixCls?: string;
+        addIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
+        arrowIcon?: React.ReactNode | ((props: {
+            isOpen: boolean;
+        } & PropsWithMouseHandler) => React.ReactElement);
+        clearIcon?: React.ReactNode | (() => React.ReactElement);
+        loadingIcon?: React.ReactNode | (() => React.ReactElement);
+        notFoundContent?: React.ReactNode | (() => React.ReactElement);
+        searchIcon?: React.ReactNode | (() => React.ReactElement);
+    };
+    timePicker?: {
+        direction?: Direction | string;
+        prefixCls?: string;
+        clearIcon?: React.ReactNode | (() => React.ReactElement);
+        suffixIcon?: React.ReactNode;
+    };
+    tile?: {
+        prefixCls?: string;
+        primaryColorMode?: ColorMode;
+        secondaryColorMode?: ColorMode;
+        tertiaryColorMode?: ColorMode;
+    };
+    /** @deprecated Use `button['shape']` config instead */
+    buttonShape?: ButtonProps['shape'];
+    /** @deprecated Use `button['size']` config instead */
+    buttonSize?: ButtonProps['size'];
+    /** @deprecated Use `card['primaryColorMode']` config instead */
+    cardPrimaryColorMode?: ColorMode;
+    /** @deprecated Use `card['secondaryColorMode']` config instead */
+    cardSecondaryColorMode?: ColorMode;
+    /** @deprecated Use `card['tertiaryColorMode']` config instead */
+    cardTertiaryColorMode?: ColorMode;
+    /** @deprecated Use `control['clearIcon']` config instead */
+    controlClearIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
+    /** @deprecated Use `section['primaryColorMode']` config instead */
     sectionPrimaryColorMode?: ColorMode;
+    /** @deprecated Use `section['secondaryColorMode']` config instead */
     sectionSecondaryColorMode?: ColorMode;
+    /** @deprecated Use `section['tertiaryColorMode']` config instead */
     sectionTertiaryColorMode?: ColorMode;
+    /** @deprecated Use `select['addIcon']` config instead */
     selectAddIcon?: React.ReactNode | ((props: PropsWithMouseHandler) => React.ReactElement);
+    /** @deprecated Use `select['arrowIcon']` config instead */
     selectArrowIcon?: React.ReactNode | ((props: {
         isOpen: boolean;
     } & PropsWithMouseHandler) => React.ReactElement);
+    /** @deprecated Use `select['clearIcon']` config instead */
     selectClearIcon?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `select['loadingIcon']` config instead */
     selectLoadingIcon?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `select['notFoundContent']` config instead */
     selectNotFoundContent?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `select['searchIcon']` config instead */
     selectSearchIcon?: React.ReactNode | (() => React.ReactElement);
+    /** @deprecated Use `tile['primaryColorMode']` config instead */
     tilePrimaryColorMode?: ColorMode;
+    /** @deprecated Use `tile['secondaryColorMode']` config instead */
     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 {};

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

@@ -16,19 +16,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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.ConfigContext = void 0;
+exports.ConfigContext = exports.SizeContext = void 0;
 exports.useConfig = useConfig;
 exports.ConfigContextProvider = ConfigContextProvider;
 const js_utils_1 = require("@broxus/js-utils");
 const React = __importStar(require("react"));
+var SizeContext_1 = require("../../components/ConfigProvider/SizeContext");
+Object.defineProperty(exports, "SizeContext", { enumerable: true, get: function () { return SizeContext_1.SizeContext; } });
 exports.ConfigContext = React.createContext({
     breakpoints: {
         '2xl': 2560,
@@ -39,9 +51,6 @@ exports.ConfigContext = React.createContext({
         xl: 1600,
         xs: 480,
     },
-    // cardPrimaryColorMode: 'light',
-    // cardSecondaryColorMode: 'light',
-    // cardTertiaryColorMode: 'light',
     getRootPrefixCls(prefix, module) {
         return `${prefix ? `${prefix}-` : `${this.prefixCls}-`}${module ?? ''}`;
     },
@@ -64,14 +73,7 @@ exports.ConfigContext = React.createContext({
             ].filter(Boolean).join(';'),
         };
     },
-    // inverseGlobalColorMode: 'light',
     prefixCls: 'uk',
-    // sectionPrimaryColorMode: 'light',
-    // sectionSecondaryColorMode: 'light',
-    // sectionTertiaryColorMode: 'light',
-    // tilePrimaryColorMode: 'light',
-    // tileSecondaryColorMode: 'light',
-    // tileTertiaryColorMode: 'light',
 });
 function useConfig() {
     return React.useContext(exports.ConfigContext);

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SizeType } from '../../../components/Control';
+import { type SizeType } from '../../../types';
 export interface AbstractCheckboxProps<T> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'onChange' | 'onMouseEnter' | 'onMouseLeave'> {
     autoFocus?: boolean;
     block?: boolean;

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

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -35,7 +45,7 @@ const CheckboxGroupContext_1 = require("../../../components/Control/Checkbox/Che
 exports.Checkbox = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const checkboxGroup = (0, CheckboxGroupContext_1.useCheckboxGroup)();
-    const { block, children, className, direction = config.direction, disabled, id, prefixCls = config.prefixCls, size, skipGroup, style, type = 'checkbox', onChange: onChangeCallback, onMouseEnter, onMouseLeave, ...restProps } = props;
+    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) => {
@@ -68,16 +78,16 @@ exports.Checkbox = React.forwardRef((props, ref) => {
         checkboxProps.disabled = disabled || checkboxGroup.disabled;
         checkboxProps.name = checkboxGroup.name;
     }
-    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'checkbox'), [config, prefixCls]);
-    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
+    const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.checkbox?.prefixCls || config.prefixCls, 'checkbox'), [config, prefixCls]);
+    const controlCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.checkbox?.prefixCls || config.prefixCls, 'control'), [config, prefixCls]);
     const wrapperClasses = React.useMemo(() => (0, classnames_1.default)({
         [controlCls]: block,
         [`${controlCls}-checkbox`]: block,
         [`${controlCls}-${size}`]: block && size,
         [`${rootCls}-wrapper`]: true,
         [`${rootCls}-rtl`]: direction === 'rtl',
-        [`${prefixCls || config.prefixCls}-checked`]: checkboxProps.checked,
-        [`${prefixCls || config.prefixCls}-disabled`]: checkboxProps.disabled,
+        [`${prefixCls || config.checkbox?.prefixCls || config.prefixCls}-checked`]: checkboxProps.checked,
+        [`${prefixCls || config.checkbox?.prefixCls || config.prefixCls}-disabled`]: checkboxProps.disabled,
     }, className), [
         controlCls,
         block,
@@ -85,6 +95,7 @@ exports.Checkbox = React.forwardRef((props, ref) => {
         rootCls,
         direction,
         prefixCls,
+        config.checkbox?.prefixCls,
         config.prefixCls,
         checkboxProps.checked,
         checkboxProps.disabled,