@broxus/react-uikit 0.18.0 → 0.19.1

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Align } from '../../components/Align/Align';
 export function Right(props) {
-    return React.createElement(Align, { ...props, side: "right" });
+    return React.createElement(Align, { ...props, align: "right" });
 }
 if (process.env.NODE_ENV !== 'production') {
     Right.displayName = 'Align.Right';

package/dist/esm/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/esm/components/Align/index.js

@@ -1,7 +1,10 @@
 import { Align as InternalAlign } 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 * from '../../components/Align/types';
+export * from '../../components/Align/utils';
 export const Align = InternalAlign;
+Align.Center = Center;
 Align.Left = Left;
 Align.Right = Right;

package/dist/esm/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/esm/components/Align/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/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/esm/components/Align/utils.js

@@ -0,0 +1,10 @@
+import { getBreakpointsConfigClasses } from '../../utils';
+export function getAlignClassname(valueOrConfig, prefixCls = 'uk') {
+    if (typeof valueOrConfig === 'string') {
+        return `${prefixCls}-align-${valueOrConfig}`;
+    }
+    if (typeof valueOrConfig === 'object' && !Array.isArray(valueOrConfig)) {
+        return getBreakpointsConfigClasses(prefixCls, 'align', valueOrConfig);
+    }
+    return undefined;
+}

package/dist/esm/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/esm/components/Article/index.js

@@ -1,7 +1,6 @@
 import { Article as InternalArticle } from '../../components/Article/Article';
 import { Meta } from '../../components/Article/Meta';
 import { Title } from '../../components/Article/Title';
-import './index.scss';
 export const Article = InternalArticle;
 Article.Meta = Meta;
 Article.Title = Title;

package/dist/esm/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/esm/components/Badge/index.js

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 const defaultElement = 'span';
 export function Badge(props) {
     const config = useConfig();

package/dist/esm/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/esm/components/Breadcrumb/index.js

@@ -1,5 +1,4 @@
 import { Breadcrumb as InternalBreadcrumb } from '../../components/Breadcrumb/Breadcrumb';
 import { Item } from '../../components/Breadcrumb/Item';
-import './index.scss';
 export const Breadcrumb = InternalBreadcrumb;
 Breadcrumb.Item = Item;

package/dist/esm/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/esm/components/Button/index.js

@@ -1,5 +1,4 @@
 import { Button as InternalButton } from '../../components/Button/Button';
 import { Group } from '../../components/Button/Group';
-import './index.scss';
 export const Button = InternalButton;
 Button.Group = Group;

package/dist/esm/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/esm/components/Card/index.js

@@ -5,7 +5,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 const Card = InternalCard;
 Card.Badge = Badge;
 Card.Body = Body;

package/dist/esm/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/esm/components/Close/index.js

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Icon } from '../../components/Icon';
-import './index.scss';
 const defaultElement = 'button';
 export function Close(props) {
     const config = useConfig();

package/dist/esm/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/esm/components/ConfigProvider/index.js

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

package/dist/esm/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/esm/components/Container/index.js

@@ -2,7 +2,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 const defaultElement = 'div';
 export const Container = React.memo((props) => {
     const config = useConfig();

package/dist/esm/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/esm/components/Control/Checkbox/index.js

@@ -1,5 +1,4 @@
 import { Checkbox as InternalCheckbox, } from '../../../components/Control/Checkbox/Checkbox';
 import { Group, } from '../../../components/Control/Checkbox/Group';
-import './index.scss';
 export const Checkbox = InternalCheckbox;
 Checkbox.Group = Group;

package/dist/esm/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/esm/components/Control/Input/Input.js

@@ -4,7 +4,6 @@ import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { useInput } from '../../../components/Control/Input/useInput';
 import { Icon } from '../../../components/Icon';
-import '../index.scss';
 export const Input = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { allowClear, htmlSize, inputRef, prefix, prefixCls, suffix, wrapperClasses, onClear, ...restProps } = useInput({

package/dist/esm/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/esm/components/Control/Input/Number/index.js

@@ -4,8 +4,6 @@ import * as React from 'react';
 import { useConfig } from '../../../../components/ConfigProvider';
 import { useInput } from '../../../../components/Control/Input/useInput';
 import { Icon } from '../../../../components/Icon';
-import './index.scss';
-import '../../index.scss';
 /* eslint-disable jsx-a11y/label-has-associated-control */
 export const InputNumber = React.forwardRef((props, ref) => {
     const config = useConfig();

package/dist/esm/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/esm/components/Control/Input/Password/index.js

@@ -3,8 +3,6 @@ import * as React from 'react';
 import { useConfig } from '../../../../components/ConfigProvider';
 import { Input } from '../../../../components/Control/Input/Input';
 import { Icon } from '../../../../components/Icon';
-import './index.scss';
-import '../../index.scss';
 export const Password = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { prefixCls = config.control?.prefixCls ?? config.prefixCls, onBlur: onBlurCallback, onChange: onChangeCallback, ...restProps } = props;

package/dist/esm/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/esm/components/Control/Radio/index.js

@@ -1,6 +1,4 @@
 import { Group } from '../../../components/Control/Radio/Group';
 import { Radio as InternalRadio } from '../../../components/Control/Radio/Radio';
-import './index.scss';
-import '../index.scss';
 export const Radio = InternalRadio;
 Radio.Group = Group;

package/dist/esm/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/esm/components/Control/Select/index.js

@@ -5,8 +5,6 @@ import { useConfig } from '../../../components/ConfigProvider';
 import { getBuiltInPlacements } from '../../../components/Control/Select/placements';
 import { Icon } from '../../../components/Icon';
 import { Spinner } from '../../../components/Spinner';
-import './index.scss';
-import '../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/esm/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/esm/components/Control/TextArea/index.js

@@ -4,8 +4,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../../components/ConfigProvider';
 import { fixControlledValue } from '../../../components/Control/Input';
-import './index.scss';
-import '../index.scss';
 function fixEmojiLength(value, maxLength) {
     return [...(value || '')].slice(0, maxLength).join('');
 }

package/dist/esm/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/esm/components/Cover/index.js

@@ -2,7 +2,6 @@ import { Dimensions, debounce, isBrowser } from '@broxus/js-utils';
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 export function Cover(props) {
     const config = useConfig();
     const { automute = true, className, children, height, prefixCls = config.prefixCls, width, ...restProps } = props;

package/dist/esm/components/DatePicker/index.d.ts

@@ -1,9 +1,16 @@
+import luxonGenerateConfig from '@rc-component/picker/lib/generate/luxon';
 import { type DateTime } from 'luxon';
 import { generatePicker } from '../../components/DatePicker/generatePicker';
 import { generatePurePicker } from '../../components/DatePicker/generatePurePicker';
-import './index.scss';
+export { luxonGenerateConfig };
+export * from '@rc-component/picker/lib/interface';
 export * from '../../components/DatePicker/locale';
 export * from '../../components/DatePicker/types';
+export * from '@rc-component/picker/lib/utils/dateUtil';
+export * from '@rc-component/picker/lib/utils/getClearIcon';
+export * from '@rc-component/picker/lib/utils/miscUtil';
+export * from '@rc-component/picker/lib/utils/uiUtil';
+export * from '@rc-component/picker/lib/utils/warnUtil';
 export interface DatePicker extends ReturnType<typeof generatePicker<DateTime>> {
     generatePicker: typeof generatePicker;
     generatePurePicker: typeof generatePurePicker;

package/dist/esm/components/DatePicker/index.js

@@ -1,9 +1,15 @@
 import luxonGenerateConfig from '@rc-component/picker/lib/generate/luxon';
 import { generatePicker } from '../../components/DatePicker/generatePicker';
 import { generatePurePicker } from '../../components/DatePicker/generatePurePicker';
-import './index.scss';
+export { luxonGenerateConfig };
+export * from '@rc-component/picker/lib/interface';
 export * from '../../components/DatePicker/locale';
 export * from '../../components/DatePicker/types';
+export * from '@rc-component/picker/lib/utils/dateUtil';
+export * from '@rc-component/picker/lib/utils/getClearIcon';
+export * from '@rc-component/picker/lib/utils/miscUtil';
+export * from '@rc-component/picker/lib/utils/uiUtil';
+export * from '@rc-component/picker/lib/utils/warnUtil';
 const InternalDatePicker = generatePicker(luxonGenerateConfig);
 export const DatePicker = InternalDatePicker;
 DatePicker.generatePicker = generatePicker;

package/dist/esm/components/DescriptionList/index.d.ts

@@ -2,7 +2,6 @@ import type * as React from 'react';
 import { Description } from '../../components/DescriptionList/Description';
 import { type DescriptionListProps } from '../../components/DescriptionList/DescriptionList';
 import { Term } from '../../components/DescriptionList/Term';
-import './index.scss';
 export type { DescriptionListProps };
 export interface DescriptionList extends React.FunctionComponent<DescriptionListProps> {
     Description: typeof Description;

package/dist/esm/components/DescriptionList/index.js

@@ -1,7 +1,6 @@
 import { Description } from '../../components/DescriptionList/Description';
 import { DescriptionList as InnerDescriptionList, } from '../../components/DescriptionList/DescriptionList';
 import { Term } from '../../components/DescriptionList/Term';
-import './index.scss';
 export const DescriptionList = InnerDescriptionList;
 DescriptionList.Description = Description;
 DescriptionList.Term = Term;

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

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import './index.scss';
 export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>, 'children'> {
     icon?: boolean;
     prefixCls?: string;

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

@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
-import './index.scss';
 export function Divider(props) {
     const config = useConfig();
     const { className, icon, prefixCls = config.prefixCls, small, vertical, ...restProps } = props;

package/dist/esm/components/Dotnav/index.d.ts

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

package/dist/esm/components/Dotnav/index.js

@@ -1,5 +1,4 @@
 import { Dotnav as InnerDotnav } from '../../components/Dotnav/Dotnav';
 import { Item } from '../../components/Dotnav/Item';
-import './index.scss';
 export const Dotnav = InnerDotnav;
 Dotnav.Item = Item;

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

@@ -1,7 +1,6 @@
 import { type DrawerProps as RcDrawerProps } from '@rc-component/drawer';
 import * as React from 'react';
 import { type Direction } from '../../types';
-import './index.scss';
 export type DrawerSize = 'large';
 export type DrawerRef = {
     collapse: VoidFunction;

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

@@ -4,7 +4,6 @@ import classNames from 'classnames';
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { addModalMode, getMotionName, removeModalMode } from '../../utils';
-import './index.scss';
 const defaultPushState = { distance: 180 };
 export const Drawer = React.forwardRef((props, ref) => {
     const config = useConfig();
@@ -104,8 +103,8 @@ export const Drawer = React.forwardRef((props, ref) => {
         React.createElement(RcDrawer, { className: className, destroyOnClose: destroyOnClose, keyboard: keyboard, getContainer: getContainer, mask: mask, maskClosable: maskClosable, maskMotion: {
                 motionName: getMotionName(prefixCls || config.prefixCls, 'drawer-fade'),
             }, motion: mergedMotion, open: mergedOpen, placement: placement, prefixCls: rootCls, push: push, rootClassName: drawerRootClassName, rootStyle: { ...rootStyle, display: (mergedOpen || isShown) ? 'block' : '' }, onClose: onClose, ...restProps, classNames: {
-                section: classNames(`${rootCls}-content`, restProps.classNames?.section),
                 ...restProps.classNames,
+                section: classNames(`${rootCls}-content`, restProps.classNames?.section),
             } }, children)));
 });
 if (process.env.NODE_ENV !== 'production') {

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

@@ -2,7 +2,6 @@ import { type CSSMotionProps } from '@rc-component/motion';
 import { type BuildInPlacements, type TriggerProps } from '@rc-component/trigger';
 import { type AlignType } from '@rc-component/trigger/lib/interface';
 import * as React from 'react';
-import './index.scss';
 export type DropPlacement = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
 export interface DropProps extends Pick<TriggerProps, 'alignPoint' | 'action' | 'autoDestroy' | 'blurDelay' | 'children' | 'focusDelay' | 'getPopupContainer' | 'hideAction' | 'mask' | 'maskClosable' | 'maskMotion' | 'mouseEnterDelay' | 'mouseLeaveDelay' | 'prefixCls' | 'showAction' | 'stretch' | 'zIndex'> {
     align?: AlignType;

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

@@ -4,10 +4,9 @@ import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import placements from '../../components/Drop/placements';
 import { getMotionName, mergeDropMaskMotion } from '../../utils';
-import './index.scss';
 export const Drop = React.forwardRef((props, ref) => {
     const config = useConfig();
-    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = ['hover'], maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
+    const { action = ['hover'], align, alignPoint, arrow = false, autoDestroy, builtinPlacements = placements, children, defaultVisible, getPopupContainer = config.getPopupContainer, hideAction = action, maskMotion, motion, minOverlayWidthMatchTrigger, openClassName, overlay, overlayClassName, overlayStyle, prefixCls = config.prefixCls, placement = 'bottom-left', rootCls: externalRootCls, showAction = action, visible, onAlign, onOverlayClick, onVisibleChange, ...restProps } = props;
     const triggerRef = React.useRef(null);
     const [triggerVisible, setTriggerVisible] = React.useState(defaultVisible);
     const mergedVisible = 'visible' in restProps ? visible : triggerVisible;
@@ -57,7 +56,7 @@ export const Drop = React.forwardRef((props, ref) => {
         },
         triggerRef: triggerRef.current,
     }));
-    let triggerHideAction = hideAction;
+    let triggerHideAction = Array.isArray(hideAction) ? hideAction : [hideAction];
     if (!triggerHideAction && action.indexOf('contextMenu') > -1) {
         triggerHideAction = ['click'];
     }
@@ -69,7 +68,7 @@ export const Drop = React.forwardRef((props, ref) => {
             motionDeadline: 300,
             motionName: getMotionName(prefixCls || config.prefixCls, 'slide-bottom-small'),
             ...motion,
-        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: showAction, stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onPopupVisibleChange: onPopupVisibleChange }, renderChildren()));
+        }, popupPlacement: placement, popupStyle: overlayStyle, popupVisible: mergedVisible, prefixCls: rootCls, showAction: Array.isArray(showAction) ? showAction : [showAction], stretch: getMinOverlayWidthMatchTrigger() ? 'minWidth' : '', ...restProps, onPopupAlign: onAlign, onOpenChange: onPopupVisibleChange }, renderChildren()));
 });
 if (process.env.NODE_ENV !== 'production') {
     Drop.displayName = 'Drop';

package/dist/esm/components/Dropdown/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
 import { type DropProps, type DropRef } from '../../components/Drop';
-import './index.scss';
 export type DropdownProps = DropProps;
 export declare const Dropdown: React.ForwardRefExoticComponent<DropProps & React.RefAttributes<DropRef>>;

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { useConfig } from '../../components/ConfigProvider';
 import { Drop } from '../../components/Drop';
-import './index.scss';
 export const Dropdown = React.forwardRef((props, ref) => {
     const config = useConfig();
     const { children, prefixCls = config.prefixCls, ...restProps } = props;

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

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

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

@@ -1,5 +1,4 @@
 import { Flex as InternalFlex, } from '../../components/Flex/Flex';
 import { Item } from '../../components/Flex/Item';
-import './index.scss';
 export const Flex = InternalFlex;
 Flex.Item = Item;

package/dist/esm/components/Form/index.d.ts

@@ -5,7 +5,6 @@ import { Fieldset } from '../../components/Form/Fieldset';
 import { type FormProps } from '../../components/Form/Form';
 import { Label } from '../../components/Form/Label';
 import { Legend } from '../../components/Form/Legend';
-import './index.scss';
 export type { FormProps };
 export interface Form extends React.FunctionComponent<FormProps> {
     Controls: typeof Controls;

package/dist/esm/components/Form/index.js

@@ -4,7 +4,6 @@ import { Fieldset } from '../../components/Form/Fieldset';
 import { Form as InternalForm } from '../../components/Form/Form';
 import { Label } from '../../components/Form/Label';
 import { Legend } from '../../components/Form/Legend';
-import './index.scss';
 export const Form = InternalForm;
 Form.Controls = Controls;
 Form.ControlsText = ControlsText;

package/dist/esm/components/Grid/index.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { type PolymorphicProps } from '../../components/Component';
 import { type ChildWidthBreakpointsConfig, type ChildWidthSize } from '../../components/Width';
-import './index.scss';
 export type GridGap = 'collapse' | 'xsmall' | 'small' | 'medium' | 'large';
 export type GridOwnProps = {
     childWidth?: ChildWidthSize | ChildWidthBreakpointsConfig;

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

@@ -3,7 +3,6 @@ import * as React from 'react';
 import { Component } from '../../components/Component';
 import { useConfig } from '../../components/ConfigProvider';
 import { getChildWidthClassname } from '../../components/Width';
-import './index.scss';
 const defaultElement = 'div';
 export function Grid(props) {
     const config = useConfig();

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

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