@broxus/react-uikit 0.18.0 → 0.19.0

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

@@ -1,12 +1,13 @@
 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/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-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

@@ -42,10 +42,9 @@ const classnames_1 = __importDefault(require("classnames"));
 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?.();
@@ -60,12 +59,11 @@ exports.Alert = React.forwardRef((props, ref) => {
         }), 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/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/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

@@ -43,7 +43,6 @@ 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)({

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

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

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

@@ -43,8 +43,6 @@ 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");
-require("../../index.scss");
 /* eslint-disable jsx-a11y/label-has-associated-control */
 exports.InputNumber = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();

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

@@ -1,5 +1,3 @@
 import * as React from 'react';
 import { type InputRef, type PasswordProps } from '../../../../components/Control/Input/types';
-import './index.scss';
-import '../../index.scss';
 export declare const Password: React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<InputRef>>;

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

@@ -39,8 +39,6 @@ const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../../components/ConfigProvider");
 const Input_1 = require("../../../../components/Control/Input/Input");
 const Icon_1 = require("../../../../components/Icon");
-require("./index.scss");
-require("../../index.scss");
 exports.Password = React.forwardRef((props, ref) => {
     const config = (0, ConfigProvider_1.useConfig)();
     const { prefixCls = config.control?.prefixCls ?? config.prefixCls, onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;

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

@@ -1,8 +1,6 @@
 import type * as React from 'react';
 import { Group, type RadioGroupProps } from '../../../components/Control/Radio/Group';
 import { type RadioChangeEvent, type RadioProps } from '../../../components/Control/Radio/Radio';
-import './index.scss';
-import '../index.scss';
 export type { RadioChangeEvent, RadioGroupProps, RadioProps };
 export interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
     Group: typeof Group;

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

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

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

@@ -4,8 +4,6 @@ import { type BaseOptionType, type DefaultOptionType } from '@rc-component/selec
 import * as React from 'react';
 import { type ControlProps, type SelectPlacement } from '../../../components/Control/types';
 import { type SizeType } from '../../../types';
-import './index.scss';
-import '../index.scss';
 export type { BaseSelectRef, OptionProps };
 export interface InternalSelectProps<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType> extends Omit<RcSelectProps<ValueType, OptionType>, 'allowClear' | 'mode' | 'placement'> {
     mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';

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

@@ -44,8 +44,6 @@ const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const placements_1 = require("../../../components/Control/Select/placements");
 const Icon_1 = require("../../../components/Icon");
 const Spinner_1 = require("../../../components/Spinner");
-require("./index.scss");
-require("../index.scss");
 const SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 function InternalSelect(props, ref) {

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

@@ -1,8 +1,6 @@
 import { type TextAreaProps as RcTextAreaProps, type TextAreaRef } from '@rc-component/textarea';
 import * as React from 'react';
 import { type SizeType, type StateType } from '../../../types';
-import './index.scss';
-import '../index.scss';
 interface ShowCountProps {
     formatter: (args: {
         count: number;

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

@@ -43,8 +43,6 @@ const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../../components/ConfigProvider");
 const Input_1 = require("../../../components/Control/Input");
-require("./index.scss");
-require("../index.scss");
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface CoverProps extends React.HTMLAttributes<HTMLDivElement> {
     automute?: boolean;
     height?: number;

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

@@ -41,7 +41,6 @@ const js_utils_1 = require("@broxus/js-utils");
 const classnames_1 = __importDefault(require("classnames"));
 const React = __importStar(require("react"));
 const ConfigProvider_1 = require("../../components/ConfigProvider");
-require("./index.scss");
 function Cover(props) {
     const config = (0, ConfigProvider_1.useConfig)();
     const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;