import { PropType, ButtonHTMLAttributes } from 'vue';
import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
import type { Type, Size } from './interface';
declare const buttonProps: {
readonly color: StringConstructor;
readonly textColor: StringConstructor;
readonly text: BooleanConstructor;
readonly block: BooleanConstructor;
readonly loading: BooleanConstructor;
readonly disabled: BooleanConstructor;
readonly circle: BooleanConstructor;
readonly size: PropType;
readonly ghost: BooleanConstructor;
readonly round: BooleanConstructor;
readonly depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
readonly focusable: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly keyboard: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly tag: {
readonly type: PropType;
readonly default: "button";
};
readonly type: {
readonly type: PropType;
readonly default: "default";
};
readonly dashed: BooleanConstructor;
readonly iconPlacement: {
readonly type: PropType<"left" | "right">;
readonly default: "left";
};
readonly attrType: {
readonly type: PropType<"button" | "reset" | "submit">;
readonly default: "button";
};
readonly onClick: PropType void>>;
readonly bordered: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly theme: PropType>;
readonly themeOverrides: PropType>>;
readonly builtinThemeOverrides: PropType>>;
};
export declare type ButtonProps = ExtractPublicPropTypes;
declare const Button: import("vue").DefineComponent<{
readonly color: StringConstructor;
readonly textColor: StringConstructor;
readonly text: BooleanConstructor;
readonly block: BooleanConstructor;
readonly loading: BooleanConstructor;
readonly disabled: BooleanConstructor;
readonly circle: BooleanConstructor;
readonly size: PropType;
readonly ghost: BooleanConstructor;
readonly round: BooleanConstructor;
readonly depth: PropType<2 | 1 | 3 | "1" | "2" | "3">;
readonly focusable: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly keyboard: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly tag: {
readonly type: PropType;
readonly default: "button";
};
readonly type: {
readonly type: PropType;
readonly default: "default";
};
readonly dashed: BooleanConstructor;
readonly iconPlacement: {
readonly type: PropType<"left" | "right">;
readonly default: "left";
};
readonly attrType: {
readonly type: PropType<"button" | "reset" | "submit">;
readonly default: "button";
};
readonly onClick: PropType void>>;
readonly bordered: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly theme: PropType>;
readonly themeOverrides: PropType>>;
readonly builtinThemeOverrides: PropType>>;
}, {
selfRef: import("vue").Ref;
waveRef: import("vue").Ref<{
play: () => void;
} | null>;
mergedClsPrefix: import("vue").ComputedRef;
mergedFocusable: import("vue").ComputedRef;
mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
showBorder: import("vue").ComputedRef;
enterPressed: import("vue").Ref;
rtlEnabled: import("vue").Ref | undefined;
handleMouseDown: (e: MouseEvent) => void;
handleKeyDown: (e: KeyboardEvent) => void;
handleBlur: () => void;
handleKeyUp: (e: KeyboardEvent) => void;
handleClick: (e: MouseEvent) => void;
customColorCssVars: import("vue").ComputedRef<{
'--border-color': string;
'--border-color-hover': string;
'--border-color-pressed': string;
'--border-color-focus': string;
'--border-color-disabled': string;
} | null>;
cssVars: import("vue").ComputedRef<{
'--width': string;
'--height': string;
'--font-size': string;
'--padding': string;
'--icon-size': string;
'--icon-margin': string;
'--border-radius': string;
'--border': string;
'--border-hover': string;
'--border-pressed': string;
'--border-focus': string;
'--border-disabled': string;
'--color': string;
'--color-hover': string;
'--color-pressed': string;
'--color-focus': string;
'--color-disabled': string;
'--ripple-color': string;
'--text-color': string;
'--text-color-hover': string;
'--text-color-pressed': string;
'--text-color-focus': string;
'--text-color-disabled': string;
fontWeight: string;
'--bezier': string;
'--bezier-ease-out': string;
'--ripple-duration': string;
'--opacity-disabled': string;
'--wave-opacity': string;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
readonly color?: unknown;
readonly textColor?: unknown;
readonly text?: unknown;
readonly block?: unknown;
readonly loading?: unknown;
readonly disabled?: unknown;
readonly circle?: unknown;
readonly size?: unknown;
readonly ghost?: unknown;
readonly round?: unknown;
readonly depth?: unknown;
readonly focusable?: unknown;
readonly keyboard?: unknown;
readonly tag?: unknown;
readonly type?: unknown;
readonly dashed?: unknown;
readonly iconPlacement?: unknown;
readonly attrType?: unknown;
readonly onClick?: unknown;
readonly bordered?: unknown;
readonly theme?: unknown;
readonly themeOverrides?: unknown;
readonly builtinThemeOverrides?: unknown;
} & {
type: Type;
tag: keyof HTMLElementTagNameMap;
block: boolean;
round: boolean;
dashed: boolean;
text: boolean;
circle: boolean;
disabled: boolean;
focusable: boolean;
loading: boolean;
bordered: boolean;
keyboard: boolean;
ghost: boolean;
iconPlacement: "left" | "right";
attrType: "button" | "reset" | "submit";
} & {
color?: string | undefined;
size?: Size | undefined;
onClick?: MaybeArray<(e: MouseEvent) => void> | undefined;
theme?: import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextDepth1: string;
textColorTextDepth2: string;
textColorTextDepth3: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeightText: string;
fontWeight: string;
fontWeighGhost: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any> | undefined;
themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides> | undefined;
builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides> | undefined;
textColor?: string | undefined;
depth?: 2 | 1 | 3 | "1" | "2" | "3" | undefined;
}>, {
type: Type;
tag: keyof HTMLElementTagNameMap;
block: boolean;
round: boolean;
dashed: boolean;
text: boolean;
circle: boolean;
disabled: boolean;
focusable: boolean;
loading: boolean;
bordered: boolean;
keyboard: boolean;
ghost: boolean;
iconPlacement: "left" | "right";
attrType: "button" | "reset" | "submit";
}>;
declare type NativeButtonProps = Omit;
declare type MergedProps = Partial;
export default Button;
export declare const XButton: new () => {
$props: MergedProps;
};