x-ui-design 0.1.62 → 0.1.63

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import { MouseEvent } from 'react';
+import './style.css';
+declare const Checkbox: import("react").ForwardRefExoticComponent<import("@/types").DefaultProps & {
+    disabled?: boolean;
+    onChange?: (e: MouseEvent<HTMLInputElement> & import("@/types").TargetProps) => void;
+    onClick?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+    value?: boolean;
+    tabIndex?: number;
+    name?: string;
+    children?: import("react").ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as Checkbox } from '@/components/Checkbox/Checkbox';

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

@@ -0,0 +1,9 @@
+import { TDatePickerProps } from '@/types/datepicker';
+import './style.css';
+export declare const NUMBER_SIX = 6;
+export declare const MONTH_LENGTH = 11;
+export declare const NEXT_DAYS_COUNT_AS_CURRENT_MUNTH = 35;
+declare const DatePicker: (({ value, onChange, onCalendarChange, disabled, error, placeholder, prefixCls, noStyle, feedbackIcons, locale, placement, defaultValue, size, format, getPopupContainer, showToday, allowClear, disabledDate, suffixIcon, picker, prefix, defaultOpen, inputReadOnly, bordered }: TDatePickerProps) => import("react/jsx-runtime").JSX.Element) & {
+    RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: import("@/types/datepicker").TRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default DatePicker;

package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts

@@ -0,0 +1,4 @@
+import { TRangePickerProps } from '@/types/datepicker';
+import './style.css';
+declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, style, className, separator, defaultValue, bordered }: TRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default RangePicker;

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

@@ -0,0 +1 @@
+export { default as RangePicker } from '@/components/DatePicker/RangePicker/RangePicker';

package/dist/esm/types/components/DatePicker/TimePicker/TimePicker.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TimePickerProps } from '@/types/datepicker';
+import './style.css';
+declare const TimePicker: FC<TimePickerProps>;
+export default TimePicker;

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

@@ -0,0 +1 @@
+export { default as TimePicker } from '@/components/DatePicker/TimePicker/TimePicker';

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

@@ -0,0 +1 @@
+export { default as DatePicker } from '@/components/DatePicker/DatePicker';

package/dist/esm/types/components/Empty/Empty.d.ts

@@ -0,0 +1,4 @@
+import { EmptyContentProps } from '@/types/empty';
+import './style.css';
+declare const EmptyContent: ({ icon, style, className, title, description, prefixCls }: EmptyContentProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptyContent;

package/dist/esm/types/components/Empty/index.d.ts

@@ -0,0 +1 @@
+export { default as Empty } from '@/components/Empty/Empty';

package/dist/esm/types/components/Input/Input.d.ts

@@ -0,0 +1,28 @@
+import { KeyboardEvent } from 'react';
+import { SyntheticBaseEvent } from '@/types';
+import './style.css';
+import Textarea from './Textarea/Textarea';
+declare const InputComponent: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & import("@/types").DefaultProps & {
+    addonBefore?: import("react").ReactNode;
+    addonAfter?: import("react").ReactNode;
+    size?: import("@/types").SizeType;
+    prefix?: import("react").ReactNode;
+    suffix?: import("react").ReactNode;
+    disabled?: boolean;
+    allowClear?: boolean;
+    error?: boolean;
+    bordered?: boolean;
+    iconRender?: (visible: boolean) => import("react").ReactElement;
+    onChange?: (event: SyntheticBaseEvent) => void;
+    onClick?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+    onPressEnter?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    feedbackIcons?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+declare const Input: typeof InputComponent & {
+    TextArea: typeof Textarea;
+};
+export default Input;

package/dist/esm/types/components/Input/Textarea/Textarea.d.ts

@@ -0,0 +1,27 @@
+import './style.css';
+declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onResize"> & import("../../../types").DefaultProps & {
+    value?: string;
+    className?: string;
+    style?: import("react").CSSProperties;
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    onPressEnter?: import("react").KeyboardEventHandler<HTMLTextAreaElement>;
+    onResize?: (size: {
+        width: number;
+        height: number;
+    }) => void;
+    styles?: {
+        textarea?: import("react").CSSProperties;
+        count?: import("react").CSSProperties;
+    };
+    bordered?: boolean;
+    size?: import("../../../types").SizeType;
+    status?: "success" | "error";
+    rootClassName?: string;
+    variant?: "outlined" | "borderless" | "filled" | "underlined";
+    error?: boolean;
+    allowClear?: boolean;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/dist/esm/types/components/Input/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { default as Textarea } from '@/components/Input/Textarea/Textarea';

package/dist/esm/types/components/Input/index.d.ts

@@ -0,0 +1 @@
+export { default as Input } from '@/components/Input/Input';

package/dist/esm/types/components/Radio/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import { RadioButtonProps } from '@/types/radio';
+import './style.css';
+declare const RadioButton: ({ prefixCls, className, checked, disabled, children, size, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/dist/esm/types/components/Radio/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as RadioButton } from '@/components/Radio/Button/Button';

package/dist/esm/types/components/Radio/Group/Group.d.ts

@@ -0,0 +1,4 @@
+import { RadioGroupProps } from '@/types/radio';
+import './style.css';
+declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;

package/dist/esm/types/components/Radio/Group/index.d.ts

@@ -0,0 +1 @@
+export { default as RadioGroup } from '@/components/Radio/Group/Group';

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -0,0 +1,30 @@
+import './style.css';
+declare const Radio: import("react").ForwardRefExoticComponent<import("../../types").DefaultProps & {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    title?: string;
+    onChange?: (e: import("../../types").SyntheticBaseEvent) => void;
+    onClick?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
+    value?: import("../../types").RuleType;
+    tabIndex?: number;
+    name?: string;
+    children?: import("react").ReactNode;
+    id?: string;
+    autoFocus?: boolean;
+    type?: string;
+    skipGroup?: boolean;
+    required?: boolean;
+    button?: boolean;
+    error?: boolean;
+} & import("react").RefAttributes<HTMLLabelElement>> & {
+    Group: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, className, options, children, ...props }: import("@/types/radio").RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+    Button: ({ prefixCls, className, checked, disabled, children, size, ...props }: import("@/types/radio").RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Radio;

package/dist/esm/types/components/Radio/index.d.ts

@@ -0,0 +1 @@
+export { default as Radio } from '@/components/Radio/Radio';

package/dist/esm/types/components/Select/Option/Option.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { OptionProps } from '@/types/select';
+import './style.css';
+declare const Option: FC<OptionProps>;
+export default Option;

package/dist/esm/types/components/Select/Option/index.d.ts

@@ -0,0 +1 @@
+export { default as Option } from '@/components/Select/Option/Option';

package/dist/esm/types/components/Select/Select.d.ts

@@ -0,0 +1,51 @@
+import { ReactElement } from 'react';
+import { OptionType } from '@/types/select';
+import './style.css';
+declare const Select: import("react").ForwardRefExoticComponent<import("@/types").DefaultProps & {
+    id?: string;
+    searchValue?: string;
+    onSearch?: (value: string) => void;
+    autoClearSearchValue?: boolean;
+    onSelect?: (value: import("@/types").RuleTypes, option?: OptionType) => void;
+    onDeselect?: (value: string, option?: OptionType) => void;
+    filterOption?: boolean | ((input: string, option: OptionType) => boolean);
+    optionFilterProp?: string;
+    options?: OptionType[];
+    children?: import("react").ReactNode;
+    defaultActiveFirstOption?: boolean;
+    listHeight?: number;
+    menuItemSelectedIcon?: import("react").ReactNode;
+    mode?: "default" | "multiple" | "tags";
+    value?: import("@/types").RuleTypes;
+    defaultValue?: import("@/types").RuleTypes;
+    maxCount?: number;
+    onChange?: (e: import("@/types").RuleTypes, option?: OptionType) => void;
+    disabled?: boolean;
+    loading?: boolean;
+    placeholder?: string;
+    allowClear?: boolean;
+    filterable?: boolean;
+    defaultOpen?: boolean;
+    size?: "small" | "middle" | "large";
+    onClear?: () => void;
+    error?: boolean;
+    showSearch?: boolean;
+    tagRender?: ((props: import("@/types/select").CustomTagProps) => ReactElement) | undefined;
+    maxTagPlaceholder?: import("react").ReactNode | ((omittedValues: import("@/types/select").DisplayValueType[]) => import("react").ReactNode);
+    dropdownClassName?: string;
+    showArrow?: boolean;
+    onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onDropdownVisibleChange?: ((open: boolean) => void) | undefined;
+    showAction?: ("click" | "focus")[] | undefined;
+    suffixIcon?: import("react").ReactNode;
+    open?: boolean;
+    notFoundContent?: import("react").ReactNode;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    dropdownRender?: (menu: import("react").ReactNode) => import("react").ReactNode;
+    feedbackIcons?: boolean;
+    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+    removeIcon?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Option: import("react").FC<import("@/types/select").OptionProps>;
+};
+export default Select;

package/dist/esm/types/components/Select/Tag/Tag.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CustomTagProps } from '@/types/select';
+import './style.css';
+declare const Tag: FC<CustomTagProps>;
+export default Tag;

package/dist/esm/types/components/Select/Tag/index.d.ts

@@ -0,0 +1 @@
+export { default as Tag } from '@/components/Select/Tag/Tag';

package/dist/esm/types/components/Select/index.d.ts

@@ -0,0 +1 @@
+export { default as Select } from '@/components/Select/Select';

package/dist/esm/types/components/Upload/Upload.d.ts

@@ -0,0 +1,4 @@
+import { UploadProps } from '@/types/upload';
+import './style.css';
+declare const Upload: ({ prefixCls, multiple, style, className, onChange, action, name, method, headers, directory, beforeUpload, rootClassName, onRemove, disabled, withCredentials, openFileDialogOnClick, maxCount, fileList: controlledFileList, customRequest, accept, listType, showUploadList, children, noStyle, defaultFileList }: UploadProps) => import("react/jsx-runtime").JSX.Element;
+export default Upload;

package/dist/esm/types/components/Upload/index.d.ts

@@ -0,0 +1 @@
+export { default as Upload } from '@/components/Upload/Upload';

package/dist/esm/types/components/icons/index.d.ts

@@ -0,0 +1,16 @@
+declare const ClearIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ArrowIcon: ({ isOpen }: {
+    isOpen: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const LoadingIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SearchIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SuccessIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ErrorIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const DateDistanceIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TimeIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const StampleIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const TrashIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SpinerIcon: () => import("react/jsx-runtime").JSX.Element;
+export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon };

package/dist/esm/types/index.d.ts

@@ -1 +1 @@
-export { default as Button } from "./components/Button/Button";
+export { default as Button } from "@/components/Button/Button";

package/dist/index.d.ts

@@ -1,6 +1 @@
-import { ReactElement } from 'react';
-import { ButtonProps } from '@/types/button';
-
-declare const ButtonComponent: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, icon, iconPosition, loading, disabled, ghost, danger, block, children, href, ...restProps }: ButtonProps) => ReactElement;
-
-export { ButtonComponent as Button };
+export { default as Button } from '@/components/Button/Button';

package/dist/index.esm.js

@@ -1257,7 +1257,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".style_xUi-button__He3BD {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 400;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-radius: 6px;\n    line-height: 1.5715;\n}\n\n.style_xUi-button-content__VHPLX {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.style_xUi-button-icon__KMMw- {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n    margin-right: 0.5em;\n}\n\n.style_xUi-button-icon__KMMw-:last-child {\n    margin-right: 0;\n    margin-left: 0.5em;\n}\n\n.style_xUi-button-spinner__qwvoJ {\n    width: 1em;\n    height: 1em;\n    border: 1px solid transparent;\n    border-top-color: var(--xui-text-color);\n    border-radius: 50%;\n    animation: style_xUi-spin__42i7y 1s linear infinite;\n}\n\n@keyframes style_xUi-spin__42i7y {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n.style_xUi-button-size-small__sFKdz {\n    padding: 4px 12px;\n    font-size: 12px;\n    height: 24px;\n}\n\n.style_xUi-button-size-middle__1LAB4 {\n    padding: 0 16px;\n    font-size: 14px;\n    height: 32px;\n}\n\n.style_xUi-button-size-large__kEqUs {\n    padding: 8px 20px;\n    font-size: 16px;\n    height: 40px;\n}\n\n.style_xUi-button-circle__rXsQE {\n    padding: 0;\n    border-radius: 50%;\n    justify-content: center;\n}\n\n.style_xUi-button-circle__rXsQE.style_xUi-button-size-small__sFKdz {\n    width: 24px;\n    height: 24px;\n}\n\n.style_xUi-button-circle__rXsQE.style_xUi-button-size-large__kEqUs {\n    width: 40px;\n    height: 40px;\n}\n\n.style_xUi-button-round__bPJ5d {\n    border-radius: 9999px;\n}\n\n.style_xUi-button-default__jquWr {\n    background-color: #fff;\n    border-color: var(--xui-border-color);\n    color: rgba(0, 0, 0, 0.85);\n}\n\n.style_xUi-button-default__jquWr:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-primary__5B32L {\n    background-color: var(--xui-primary-color);\n    border-color: var(--xui-primary-color);\n    color: #fff;\n}\n\n.style_xUi-button-primary__5B32L:hover {\n    background-color: var(--xui-primary-color-light);\n    border-color: var(--xui-primary-color-light);\n    color: #fff;\n}\n\n.style_xUi-button-dashed__eo6t6 {\n    border-style: dashed;\n    background-color: #fff;\n    color: rgba(0, 0, 0, 0.85);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-dashed__eo6t6:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-text__cdwR2 {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: rgba(0, 0, 0, 0.88);\n}\n\n.style_xUi-button-text__cdwR2:hover {\n    color: rgba(0, 0, 0, 0.88);\n    border-color: transparent;\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.style_xUi-button-link__56eDf {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-link__56eDf:hover {\n    border-color: transparent;\n    color: var(--xui-primary-color-light);\n}\n\n.style_xUi-button-outlined__soRkh {\n    background-color: transparent;\n    border-color: var(--xui-border-color);\n    color: #fff;\n}\n\n.style_xUi-button-filled__TIZ8- {\n    background-color: transparent;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-danger__VaYGc {\n    background-color: transparent;\n    border-color: var(--xui-error-color);\n    color: var(--xui-error-color);\n}\n\n.style_xUi-button-danger__VaYGc:hover {\n    color: var(--xui-error-color-light);\n    border-color: var(--xui-error-color-light);\n}\n\n.style_xUi-button-ghost__yuT29 {\n    opacity: 0;\n}\n\n.style_xUi-button-ghost__yuT29:hover {\n    opacity: 1;\n}\n\n.style_xUi-button-block__Fm2wb {\n    display: flex;\n    width: 100%;\n}\n\n.style_xUi-button-disabled__lpRBf,\n.style_xUi-button-loading__X1L9j {\n    cursor: not-allowed;\n    opacity: 0.5;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n    background-color: var(--xui-color-disabled);\n    pointer-events: none;\n}\n\n.style_xUi-button-loading__X1L9j {\n    background-color: transparent\n}";
+var css_248z = ".style_xUi-button__edKfw {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 400;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    border: 1px solid transparent;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    border-radius: 6px;\n    line-height: 1.5715;\n}\n\n.style_xUi-button-content__46byE {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.style_xUi-button-icon__oIgui {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n    margin-right: 0.5em;\n}\n\n.style_xUi-button-icon__oIgui:last-child {\n    margin-right: 0;\n    margin-left: 0.5em;\n}\n\n.style_xUi-button-spinner__Q-QET {\n    width: 1em;\n    height: 1em;\n    border: 1px solid transparent;\n    border-top-color: var(--xui-text-color);\n    border-radius: 50%;\n    animation: style_xUi-spin__vKmxN 1s linear infinite;\n}\n\n@keyframes style_xUi-spin__vKmxN {\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n.style_xUi-button-size-small__51-1n {\n    padding: 4px 12px;\n    font-size: 12px;\n    height: 24px;\n}\n\n.style_xUi-button-size-middle__UT-p3 {\n    padding: 0 16px;\n    font-size: 14px;\n    height: 32px;\n}\n\n.style_xUi-button-size-large__wo8-O {\n    padding: 8px 20px;\n    font-size: 16px;\n    height: 40px;\n}\n\n.style_xUi-button-circle__nWwng {\n    padding: 0;\n    border-radius: 50%;\n    justify-content: center;\n}\n\n.style_xUi-button-circle__nWwng.style_xUi-button-size-small__51-1n {\n    width: 24px;\n    height: 24px;\n}\n\n.style_xUi-button-circle__nWwng.style_xUi-button-size-large__wo8-O {\n    width: 40px;\n    height: 40px;\n}\n\n.style_xUi-button-round__uPTiJ {\n    border-radius: 9999px;\n}\n\n.style_xUi-button-default__8uctI {\n    background-color: #fff;\n    border-color: var(--xui-border-color);\n    color: rgba(0, 0, 0, 0.85);\n}\n\n.style_xUi-button-default__8uctI:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-primary__-qJaX {\n    background-color: var(--xui-primary-color);\n    border-color: var(--xui-primary-color);\n    color: #fff;\n}\n\n.style_xUi-button-primary__-qJaX:hover {\n    background-color: var(--xui-primary-color-light);\n    border-color: var(--xui-primary-color-light);\n    color: #fff;\n}\n\n.style_xUi-button-dashed__8fdyy {\n    border-style: dashed;\n    background-color: #fff;\n    color: rgba(0, 0, 0, 0.85);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-dashed__8fdyy:hover {\n    border-color: var(--xui-primary-color);\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-text__NPqnZ {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: rgba(0, 0, 0, 0.88);\n}\n\n.style_xUi-button-text__NPqnZ:hover {\n    color: rgba(0, 0, 0, 0.88);\n    border-color: transparent;\n    background-color: rgba(0, 0, 0, 0.04);\n}\n\n.style_xUi-button-link__KzTUL {\n    background-color: transparent;\n    border-color: transparent !important;\n    color: var(--xui-primary-color);\n}\n\n.style_xUi-button-link__KzTUL:hover {\n    border-color: transparent;\n    color: var(--xui-primary-color-light);\n}\n\n.style_xUi-button-outlined__oBIa6 {\n    background-color: transparent;\n    border-color: var(--xui-border-color);\n    color: #fff;\n}\n\n.style_xUi-button-filled__wEzVC {\n    background-color: transparent;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n}\n\n.style_xUi-button-danger__iGDQj {\n    background-color: transparent;\n    border-color: var(--xui-error-color);\n    color: var(--xui-error-color);\n}\n\n.style_xUi-button-danger__iGDQj:hover {\n    color: var(--xui-error-color-light);\n    border-color: var(--xui-error-color-light);\n}\n\n.style_xUi-button-ghost__jiw2N {\n    opacity: 0;\n}\n\n.style_xUi-button-ghost__jiw2N:hover {\n    opacity: 1;\n}\n\n.style_xUi-button-block__r9QnP {\n    display: flex;\n    width: 100%;\n}\n\n.style_xUi-button-disabled__1VyFK,\n.style_xUi-button-loading__h8HrL {\n    cursor: not-allowed;\n    opacity: 0.5;\n    color: var(--xui-text-color);\n    border-color: var(--xui-border-color);\n    background-color: var(--xui-color-disabled);\n    pointer-events: none;\n}\n\n.style_xUi-button-loading__h8HrL {\n    background-color: transparent\n}";
 styleInject(css_248z);
 
 const ButtonComponent = ({