@nuxt/ui 2.18.4 → 3.0.0-alpha.0

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

@@ -0,0 +1,819 @@
+import type { InputHTMLAttributes } from 'vue';
+import { type VariantProps } from 'tailwind-variants';
+import type { CheckboxRootProps } from 'radix-vue';
+declare const checkbox: import("tailwind-variants").TVReturnType<{
+    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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: string;
+    };
+}, {
+    root: string;
+    base: string;
+    container: string;
+    wrapper: string;
+    icon: string;
+    label: string;
+    description: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: 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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: 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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: string;
+    };
+}, {
+    root: string;
+    base: string;
+    container: string;
+    wrapper: string;
+    icon: string;
+    label: string;
+    description: string;
+}, import("tailwind-variants").TVReturnType<{
+    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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: string;
+    };
+}, {
+    root: string;
+    base: string;
+    container: string;
+    wrapper: string;
+    icon: string;
+    label: string;
+    description: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: 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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: 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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: string;
+    };
+}, {
+    root: string;
+    base: string;
+    container: string;
+    wrapper: string;
+    icon: string;
+    label: string;
+    description: string;
+}, import("tailwind-variants").TVReturnType<{
+    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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: string;
+    };
+}, {
+    root: string;
+    base: string;
+    container: string;
+    wrapper: string;
+    icon: string;
+    label: string;
+    description: string;
+}, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+    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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: 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;
+    };
+    size: {
+        xs: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        sm: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        md: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        lg: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+        xl: {
+            base: string;
+            container: string;
+            wrapper: string;
+        };
+    };
+    required: {
+        true: {
+            label: string;
+        };
+    };
+    disabled: {
+        true: {
+            base: string;
+            label: string;
+            description: string;
+        };
+    };
+    checked: {
+        true: string;
+    };
+}>, unknown, unknown, undefined>>>;
+type CheckboxVariants = VariantProps<typeof checkbox>;
+export interface CheckboxProps extends Pick<CheckboxRootProps, 'disabled' | 'required' | 'name' | 'value' | 'id'> {
+    label?: string;
+    description?: string;
+    color?: CheckboxVariants['color'];
+    size?: CheckboxVariants['size'];
+    /**
+     * The icon displayed when checked.
+     * @defaultValue appConfig.ui.icons.check
+     */
+    icon?: string;
+    indeterminate?: InputHTMLAttributes['indeterminate'];
+    /**
+     * The icon displayed when the checkbox is indeterminate.
+     * @defaultValue appConfig.ui.icons.minus
+     */
+    indeterminateIcon?: string;
+    /** The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state. */
+    defaultValue?: boolean;
+    class?: any;
+    ui?: Partial<typeof checkbox.slots>;
+}
+export interface CheckboxEmits {
+    (e: 'update:modelValue', payload: boolean): void;
+    (e: 'change', payload: Event): void;
+}
+export interface CheckboxSlots {
+    label(props: {
+        label?: string;
+    }): any;
+    description(props: {
+        description?: string;
+    }): any;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue?: boolean | undefined;
+} & CheckboxProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: boolean) => void;
+    change: (payload: Event) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue?: boolean | undefined;
+} & CheckboxProps>>> & Readonly<{
+    onChange?: ((payload: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<CheckboxSlots> & CheckboxSlots>;
+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;
+    };
+};