import type { PropType, Slot } from 'vue';
import { Yoco } from '@3yourmind/yoco';
import type { KottiField } from './types';
declare const _default: typeof __VLS_export;
export default _default;
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    debounceLabelClick: {
        default: boolean;
        type: BooleanConstructor;
    };
    field: {
        required: true;
        type: PropType<KottiField.Hook.Returns<unknown>>;
    };
    /**
     * What’s the appropriate value for an empty field of this data type?
     * Used when clearing the field. Most likely either null or []
     */
    getEmptyValue: {
        default: null;
        type: PropType<() => unknown>;
    };
    helpTextSlot: {
        default: undefined;
        type: PropType<Slot<undefined>>;
    };
    isRange: {
        default: boolean;
        type: BooleanConstructor;
    };
    useFieldset: {
        default: boolean;
        type: BooleanConstructor;
    };
}>, {
    affixClasses: import("vue").ComputedRef<(modifications: string[]) => string[]>;
    focusInput: () => void;
    handleClear: () => void;
    handleVisibilityChange: () => void;
    iconClasses: import("vue").ComputedRef<(element: string, modifications: string[]) => string[]>;
    inputId: import("vue").ComputedRef<string>;
    /**
     * HACK: This template ref is used by child components, refactor with caution if needed
     */
    inputContainerRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
    /**
     * HACK: This template ref is used by child components, refactor with caution if needed
     */
    inputContainerWrapperRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
    onClickLabel: (event: MouseEvent) => void;
    showLabel: import("vue").ComputedRef<true | Slot<undefined> | undefined>;
    showValidation: import("vue").ComputedRef<boolean>;
    validationState: import("vue").ComputedRef<"error" | "empty">;
    validationText: import("vue").ComputedRef<string | null>;
    validationTextIcon: import("vue").ComputedRef<Yoco.Icon | null>;
    valueVisibility: import("vue").Ref<boolean, boolean>;
    wrapperClasses: import("vue").ComputedRef<string[]>;
    Yoco: typeof Yoco;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mousedown" | "visibilityChange")[], "click" | "mousedown" | "visibilityChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    debounceLabelClick: {
        default: boolean;
        type: BooleanConstructor;
    };
    field: {
        required: true;
        type: PropType<KottiField.Hook.Returns<unknown>>;
    };
    /**
     * What’s the appropriate value for an empty field of this data type?
     * Used when clearing the field. Most likely either null or []
     */
    getEmptyValue: {
        default: null;
        type: PropType<() => unknown>;
    };
    helpTextSlot: {
        default: undefined;
        type: PropType<Slot<undefined>>;
    };
    isRange: {
        default: boolean;
        type: BooleanConstructor;
    };
    useFieldset: {
        default: boolean;
        type: BooleanConstructor;
    };
}>> & Readonly<{
    onClick?: ((...args: any[]) => any) | undefined;
    onMousedown?: ((...args: any[]) => any) | undefined;
    onVisibilityChange?: ((...args: any[]) => any) | undefined;
}>, {
    helpTextSlot: Slot<undefined>;
    debounceLabelClick: boolean;
    getEmptyValue: () => unknown;
    isRange: boolean;
    useFieldset: boolean;
}, {}, {
    FieldHelpText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        helpText: {
            default: null;
            type: PropType<string | null>;
        };
        helpTextSlot: {
            default: undefined;
            type: PropType<Slot<undefined>>;
        };
    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        helpText: {
            default: null;
            type: PropType<string | null>;
        };
        helpTextSlot: {
            default: undefined;
            type: PropType<Slot<undefined>>;
        };
    }>> & Readonly<{}>, {
        helpText: string | null;
        helpTextSlot: Slot<undefined>;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    KtLabel: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
            helpTextSlot: {
                default: undefined;
                type: PropType<Slot<undefined>>;
            };
            label: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            helpText: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            helpDescription: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            inputId: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            isRequired: Omit<import("vue").Prop<boolean>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<boolean>;
            } & {
                default: () => boolean;
            };
            validationState: Omit<import("vue").Prop<"error" | "success" | "warning" | "empty">, "type" | "default" | "required"> & {
                required: false;
                type: PropType<"error" | "success" | "warning" | "empty">;
            } & {
                default: () => "error" | "success" | "warning" | "empty";
            };
        }>> & Readonly<{
            onClick?: ((...args: any[]) => any) | undefined;
        }>, {
            hasHelpText: import("vue").ComputedRef<boolean>;
            labelSuffix: import("vue").ComputedRef<"*" | null>;
            labelSuffixClasses: import("vue").ComputedRef<{
                [x: string]: boolean;
                'kt-label__header-label-suffix': boolean;
            }>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], import("vue").PublicProps, {
            label: string | null;
            helpText: string | null;
            inputId: string | null;
            helpDescription: string | null;
            helpTextSlot: Slot<undefined>;
            isRequired: boolean;
            validationState: "error" | "success" | "warning" | "empty";
        }, true, {}, {}, {
            FieldHelpText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                helpText: {
                    default: null;
                    type: PropType<string | null>;
                };
                helpTextSlot: {
                    default: undefined;
                    type: PropType<Slot<undefined>>;
                };
            }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                helpText: {
                    default: null;
                    type: PropType<string | null>;
                };
                helpTextSlot: {
                    default: undefined;
                    type: PropType<Slot<undefined>>;
                };
            }>> & Readonly<{}>, {
                helpText: string | null;
                helpTextSlot: Slot<undefined>;
            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import("vue").ExtractPropTypes<{
            helpTextSlot: {
                default: undefined;
                type: PropType<Slot<undefined>>;
            };
            label: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            helpText: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            helpDescription: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            inputId: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<string | null>;
            } & {
                default: () => string | null;
            };
            isRequired: Omit<import("vue").Prop<boolean>, "type" | "default" | "required"> & {
                required: false;
                type: PropType<boolean>;
            } & {
                default: () => boolean;
            };
            validationState: Omit<import("vue").Prop<"error" | "success" | "warning" | "empty">, "type" | "default" | "required"> & {
                required: false;
                type: PropType<"error" | "success" | "warning" | "empty">;
            } & {
                default: () => "error" | "success" | "warning" | "empty";
            };
        }>> & Readonly<{
            onClick?: ((...args: any[]) => any) | undefined;
        }>, {
            hasHelpText: import("vue").ComputedRef<boolean>;
            labelSuffix: import("vue").ComputedRef<"*" | null>;
            labelSuffixClasses: import("vue").ComputedRef<{
                [x: string]: boolean;
                'kt-label__header-label-suffix': boolean;
            }>;
        }, {}, {}, {}, {
            label: string | null;
            helpText: string | null;
            inputId: string | null;
            helpDescription: string | null;
            helpTextSlot: Slot<undefined>;
            isRequired: boolean;
            validationState: "error" | "success" | "warning" | "empty";
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
        helpTextSlot: {
            default: undefined;
            type: PropType<Slot<undefined>>;
        };
        label: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
            required: false;
            type: PropType<string | null>;
        } & {
            default: () => string | null;
        };
        helpText: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
            required: false;
            type: PropType<string | null>;
        } & {
            default: () => string | null;
        };
        helpDescription: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
            required: false;
            type: PropType<string | null>;
        } & {
            default: () => string | null;
        };
        inputId: Omit<import("vue").Prop<string | null>, "type" | "default" | "required"> & {
            required: false;
            type: PropType<string | null>;
        } & {
            default: () => string | null;
        };
        isRequired: Omit<import("vue").Prop<boolean>, "type" | "default" | "required"> & {
            required: false;
            type: PropType<boolean>;
        } & {
            default: () => boolean;
        };
        validationState: Omit<import("vue").Prop<"error" | "success" | "warning" | "empty">, "type" | "default" | "required"> & {
            required: false;
            type: PropType<"error" | "success" | "warning" | "empty">;
        } & {
            default: () => "error" | "success" | "warning" | "empty";
        };
    }>> & Readonly<{
        onClick?: ((...args: any[]) => any) | undefined;
    }>, {
        hasHelpText: import("vue").ComputedRef<boolean>;
        labelSuffix: import("vue").ComputedRef<"*" | null>;
        labelSuffixClasses: import("vue").ComputedRef<{
            [x: string]: boolean;
            'kt-label__header-label-suffix': boolean;
        }>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
        label: string | null;
        helpText: string | null;
        inputId: string | null;
        helpDescription: string | null;
        helpTextSlot: Slot<undefined>;
        isRequired: boolean;
        validationState: "error" | "success" | "warning" | "empty";
    }, {}, string, {}, {
        FieldHelpText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            helpText: {
                default: null;
                type: PropType<string | null>;
            };
            helpTextSlot: {
                default: undefined;
                type: PropType<Slot<undefined>>;
            };
        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            helpText: {
                default: null;
                type: PropType<string | null>;
            };
            helpTextSlot: {
                default: undefined;
                type: PropType<Slot<undefined>>;
            };
        }>> & Readonly<{}>, {
            helpText: string | null;
            helpTextSlot: Slot<undefined>;
        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
        install: import("vue").FunctionPlugin<Record<string, never>>;
    } & {
        meta: import("../types/kotti.ts").Meta<import("zod").ZodObject<{
            label: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
            helpText: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
            helpDescription: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
            inputId: import("zod").ZodDefault<import("zod").ZodNullable<import("zod").ZodString>>;
            isRequired: import("zod").ZodDefault<import("zod").ZodBoolean>;
            validationState: import("zod").ZodDefault<import("zod").ZodEnum<["empty", "error", "success", "warning"]>>;
        }, "strip", import("zod").ZodTypeAny, {
            label: string | null;
            helpText: string | null;
            inputId: string | null;
            helpDescription: string | null;
            isRequired: boolean;
            validationState: "error" | "success" | "warning" | "empty";
        }, {
            label?: string | null | undefined;
            helpText?: string | null | undefined;
            helpDescription?: string | null | undefined;
            inputId?: string | null | undefined;
            isRequired?: boolean | undefined;
            validationState?: "error" | "success" | "warning" | "empty" | undefined;
        }>> & Record<string, unknown>;
    };
    KtLoading: {
        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
            type: Omit<import("vue").Prop<"circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square">, "type" | "default" | "required"> & {
                required: false;
                type: PropType<"circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square">;
            } & {
                default: () => "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
            };
        }>> & Readonly<{}>, {
            loadingClasses: import("vue").ComputedRef<string>;
        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
            type: "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import("vue").ExtractPropTypes<{
            type: Omit<import("vue").Prop<"circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square">, "type" | "default" | "required"> & {
                required: false;
                type: PropType<"circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square">;
            } & {
                default: () => "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
            };
        }>> & Readonly<{}>, {
            loadingClasses: import("vue").ComputedRef<string>;
        }, {}, {}, {}, {
            type: "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
        }>;
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
        type: Omit<import("vue").Prop<"circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square">, "type" | "default" | "required"> & {
            required: false;
            type: PropType<"circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square">;
        } & {
            default: () => "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
        };
    }>> & Readonly<{}>, {
        loadingClasses: import("vue").ComputedRef<string>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
        type: "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
        install: import("vue").FunctionPlugin<Record<string, never>>;
    } & {
        meta: import("../types/kotti.ts").Meta<import("zod").ZodObject<{
            type: import("zod").ZodDefault<import("zod").ZodEnum<["circle", "rectangle", "rectangle-lg", "rectangle-md", "rectangle-sm", "square"]>>;
        }, "strip", import("zod").ZodTypeAny, {
            type: "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square";
        }, {
            type?: "circle" | "rectangle" | "rectangle-lg" | "rectangle-md" | "rectangle-sm" | "square" | undefined;
        }>> & Record<string, unknown>;
    };
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;