@nuxt/ui 2.18.4 → 3.0.0-alpha.0

package/dist/runtime/components/Button.vue.d.ts

@@ -0,0 +1,949 @@
+import { type VariantProps } from 'tailwind-variants';
+import type { LinkProps } from './Link.vue.js';
+import type { UseComponentIconsProps } from '../composables/useComponentIcons.js';
+import type { PartialString } from '../types/utils.js';
+declare const button: import("tailwind-variants").TVReturnType<{
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    base: string[];
+    label: string;
+    leadingIcon: string;
+    leadingAvatar: string;
+    trailingIcon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}>, {
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    base: string[];
+    label: string;
+    leadingIcon: string;
+    leadingAvatar: string;
+    trailingIcon: string;
+}, import("tailwind-variants").TVReturnType<{
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    base: string[];
+    label: string;
+    leadingIcon: string;
+    leadingAvatar: string;
+    trailingIcon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}>, {
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    base: string[];
+    label: string;
+    leadingIcon: string;
+    leadingAvatar: string;
+    trailingIcon: string;
+}, import("tailwind-variants").TVReturnType<{
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    base: string[];
+    label: string;
+    leadingIcon: string;
+    leadingAvatar: string;
+    trailingIcon: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}, {
+    buttonGroup: {
+        horizontal: string;
+        vertical: string;
+    };
+    color: {
+        primary: string;
+        error: string;
+        red: string;
+        orange: string;
+        amber: string;
+        yellow: string;
+        lime: string;
+        green: string;
+        emerald: string;
+        teal: string;
+        cyan: string;
+        sky: string;
+        blue: string;
+        indigo: string;
+        violet: string;
+        purple: string;
+        fuchsia: string;
+        pink: string;
+        rose: string;
+        gray: string;
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        xs: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        sm: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        md: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        lg: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+        xl: {
+            base: string;
+            leadingIcon: string;
+            trailingIcon: string;
+        };
+    };
+    block: {
+        true: {
+            base: string;
+            trailingIcon: string;
+        };
+    };
+    square: {
+        true: string;
+    };
+    leading: {
+        true: string;
+    };
+    trailing: {
+        true: string;
+    };
+    loading: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>>;
+type ButtonVariants = VariantProps<typeof button>;
+export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'raw' | 'custom'> {
+    label?: string;
+    color?: ButtonVariants['color'];
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+    /** Render the button with equal padding on all sides. */
+    square?: boolean;
+    /** Render the button full width. */
+    block?: boolean;
+    class?: any;
+    ui?: PartialString<typeof button.slots>;
+}
+export interface ButtonSlots {
+    leading(props?: {}): any;
+    default(props?: {}): any;
+    trailing(props?: {}): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ButtonProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ButtonProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ButtonSlots> & ButtonSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};